`, so it can be styled via any CSS solution you prefer.\n * @see https://floating-ui.com/docs/FloatingOverlay\n */\nconst FloatingOverlay = /*#__PURE__*/React.forwardRef(function FloatingOverlay(_ref, ref) {\n let {\n lockScroll = false,\n ...rest\n } = _ref;\n index(() => {\n var _window$visualViewpor, _window$visualViewpor2;\n if (!lockScroll) {\n return;\n }\n const alreadyLocked = document.body.hasAttribute(identifier);\n if (alreadyLocked) {\n return;\n }\n document.body.setAttribute(identifier, '');\n\n // RTL scrollbar\n const scrollbarX = Math.round(document.documentElement.getBoundingClientRect().left) + document.documentElement.scrollLeft;\n const paddingProp = scrollbarX ? 'paddingLeft' : 'paddingRight';\n const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n\n // Only iOS doesn't respect `overflow: hidden` on document.body, and this\n // technique has fewer side effects.\n if (!/iP(hone|ad|od)|iOS/.test(getPlatform())) {\n Object.assign(document.body.style, {\n overflow: 'hidden',\n [paddingProp]: scrollbarWidth + \"px\"\n });\n return () => {\n document.body.removeAttribute(identifier);\n Object.assign(document.body.style, {\n overflow: '',\n [paddingProp]: ''\n });\n };\n }\n\n // iOS 12 does not support `visualViewport`.\n const offsetLeft = ((_window$visualViewpor = window.visualViewport) == null ? void 0 : _window$visualViewpor.offsetLeft) || 0;\n const offsetTop = ((_window$visualViewpor2 = window.visualViewport) == null ? void 0 : _window$visualViewpor2.offsetTop) || 0;\n const scrollX = window.pageXOffset;\n const scrollY = window.pageYOffset;\n Object.assign(document.body.style, {\n position: 'fixed',\n overflow: 'hidden',\n top: -(scrollY - Math.floor(offsetTop)) + \"px\",\n left: -(scrollX - Math.floor(offsetLeft)) + \"px\",\n right: '0',\n [paddingProp]: scrollbarWidth + \"px\"\n });\n return () => {\n Object.assign(document.body.style, {\n position: '',\n overflow: '',\n top: '',\n left: '',\n right: '',\n [paddingProp]: ''\n });\n document.body.removeAttribute(identifier);\n window.scrollTo(scrollX, scrollY);\n };\n }, [lockScroll]);\n return /*#__PURE__*/React.createElement(\"div\", _extends({\n ref: ref\n }, rest, {\n style: {\n position: 'fixed',\n overflow: 'auto',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n ...rest.style\n }\n }));\n});\n\nfunction isButtonTarget(event) {\n return isHTMLElement(event.target) && event.target.tagName === 'BUTTON';\n}\nfunction isSpaceIgnored(element) {\n return isTypeableElement(element);\n}\n/**\n * Opens or closes the floating element when clicking the reference element.\n * @see https://floating-ui.com/docs/useClick\n */\nconst useClick = function (_ref, _temp) {\n let {\n open,\n onOpenChange,\n dataRef,\n elements: {\n domReference\n }\n } = _ref;\n let {\n enabled = true,\n event: eventOption = 'click',\n toggle = true,\n ignoreMouse = false,\n keyboardHandlers = true\n } = _temp === void 0 ? {} : _temp;\n const pointerTypeRef = React.useRef();\n return React.useMemo(() => {\n if (!enabled) {\n return {};\n }\n return {\n reference: {\n onPointerDown(event) {\n pointerTypeRef.current = event.pointerType;\n },\n onMouseDown(event) {\n // Ignore all buttons except for the \"main\" button.\n // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button\n if (event.button !== 0) {\n return;\n }\n if (isMouseLikePointerType(pointerTypeRef.current, true) && ignoreMouse) {\n return;\n }\n if (eventOption === 'click') {\n return;\n }\n if (open) {\n if (toggle && (dataRef.current.openEvent ? dataRef.current.openEvent.type === 'mousedown' : true)) {\n onOpenChange(false);\n }\n } else {\n // Prevent stealing focus from the floating element\n event.preventDefault();\n onOpenChange(true);\n }\n dataRef.current.openEvent = event.nativeEvent;\n },\n onClick(event) {\n if (dataRef.current.__syncReturnFocus) {\n return;\n }\n if (eventOption === 'mousedown' && pointerTypeRef.current) {\n pointerTypeRef.current = undefined;\n return;\n }\n if (isMouseLikePointerType(pointerTypeRef.current, true) && ignoreMouse) {\n return;\n }\n if (open) {\n if (toggle && (dataRef.current.openEvent ? dataRef.current.openEvent.type === 'click' : true)) {\n onOpenChange(false);\n }\n } else {\n onOpenChange(true);\n }\n dataRef.current.openEvent = event.nativeEvent;\n },\n onKeyDown(event) {\n pointerTypeRef.current = undefined;\n if (!keyboardHandlers) {\n return;\n }\n if (isButtonTarget(event)) {\n return;\n }\n if (event.key === ' ' && !isSpaceIgnored(domReference)) {\n // Prevent scrolling\n event.preventDefault();\n }\n if (event.key === 'Enter') {\n if (open) {\n if (toggle) {\n onOpenChange(false);\n }\n } else {\n onOpenChange(true);\n }\n }\n },\n onKeyUp(event) {\n if (!keyboardHandlers) {\n return;\n }\n if (isButtonTarget(event) || isSpaceIgnored(domReference)) {\n return;\n }\n if (event.key === ' ') {\n if (open) {\n if (toggle) {\n onOpenChange(false);\n }\n } else {\n onOpenChange(true);\n }\n }\n }\n }\n };\n }, [enabled, dataRef, eventOption, ignoreMouse, keyboardHandlers, domReference, toggle, open, onOpenChange]);\n};\n\n/**\n * Check whether the event.target is within the provided node. Uses event.composedPath if available for custom element support.\n *\n * @param event The event whose target/composedPath to check\n * @param node The node to check against\n * @returns Whether the event.target/composedPath is within the node.\n */\nfunction isEventTargetWithin(event, node) {\n if (node == null) {\n return false;\n }\n if ('composedPath' in event) {\n return event.composedPath().includes(node);\n }\n\n // TS thinks `event` is of type never as it assumes all browsers support composedPath, but browsers without shadow dom don't\n const e = event;\n return e.target != null && node.contains(e.target);\n}\n\nconst bubbleHandlerKeys = {\n pointerdown: 'onPointerDown',\n mousedown: 'onMouseDown',\n click: 'onClick'\n};\nconst captureHandlerKeys = {\n pointerdown: 'onPointerDownCapture',\n mousedown: 'onMouseDownCapture',\n click: 'onClickCapture'\n};\nconst normalizeBubblesProp = function (bubbles) {\n var _bubbles$escapeKey, _bubbles$outsidePress;\n if (bubbles === void 0) {\n bubbles = true;\n }\n return {\n escapeKeyBubbles: typeof bubbles === 'boolean' ? bubbles : (_bubbles$escapeKey = bubbles.escapeKey) != null ? _bubbles$escapeKey : true,\n outsidePressBubbles: typeof bubbles === 'boolean' ? bubbles : (_bubbles$outsidePress = bubbles.outsidePress) != null ? _bubbles$outsidePress : true\n };\n};\n/**\n * Closes the floating element when a dismissal is requested — by default, when\n * the user presses the `escape` key or outside of the floating element.\n * @see https://floating-ui.com/docs/useDismiss\n */\nconst useDismiss = function (_ref, _temp) {\n let {\n open,\n onOpenChange,\n events,\n nodeId,\n elements: {\n reference,\n domReference,\n floating\n },\n dataRef\n } = _ref;\n let {\n enabled = true,\n escapeKey = true,\n outsidePress: unstable_outsidePress = true,\n outsidePressEvent = 'pointerdown',\n referencePress = false,\n referencePressEvent = 'pointerdown',\n ancestorScroll = false,\n bubbles = true\n } = _temp === void 0 ? {} : _temp;\n const tree = useFloatingTree();\n const nested = useFloatingParentNodeId() != null;\n const outsidePressFn = useEvent(typeof unstable_outsidePress === 'function' ? unstable_outsidePress : () => false);\n const outsidePress = typeof unstable_outsidePress === 'function' ? outsidePressFn : unstable_outsidePress;\n const insideReactTreeRef = React.useRef(false);\n const {\n escapeKeyBubbles,\n outsidePressBubbles\n } = normalizeBubblesProp(bubbles);\n React.useEffect(() => {\n if (!open || !enabled) {\n return;\n }\n dataRef.current.__escapeKeyBubbles = escapeKeyBubbles;\n dataRef.current.__outsidePressBubbles = outsidePressBubbles;\n function onKeyDown(event) {\n if (event.key === 'Escape') {\n const children = tree ? getChildren(tree.nodesRef.current, nodeId) : [];\n if (children.length > 0) {\n let shouldDismiss = true;\n children.forEach(child => {\n var _child$context;\n if ((_child$context = child.context) != null && _child$context.open && !child.context.dataRef.current.__escapeKeyBubbles) {\n shouldDismiss = false;\n return;\n }\n });\n if (!shouldDismiss) {\n return;\n }\n }\n events.emit('dismiss', {\n type: 'escapeKey',\n data: {\n returnFocus: {\n preventScroll: false\n }\n }\n });\n onOpenChange(false);\n }\n }\n function onOutsidePress(event) {\n // Given developers can stop the propagation of the synthetic event,\n // we can only be confident with a positive value.\n const insideReactTree = insideReactTreeRef.current;\n insideReactTreeRef.current = false;\n if (insideReactTree) {\n return;\n }\n if (typeof outsidePress === 'function' && !outsidePress(event)) {\n return;\n }\n const target = getTarget(event);\n\n // Check if the click occurred on the scrollbar\n if (isHTMLElement(target) && floating) {\n const win = floating.ownerDocument.defaultView || window;\n const canScrollX = target.scrollWidth > target.clientWidth;\n const canScrollY = target.scrollHeight > target.clientHeight;\n let xCond = canScrollY && event.offsetX > target.clientWidth;\n\n // In some browsers it is possible to change the (or window)\n // scrollbar to the left side, but is very rare and is difficult to\n // check for. Plus, for modal dialogs with backdrops, it is more\n // important that the backdrop is checked but not so much the window.\n if (canScrollY) {\n const isRTL = win.getComputedStyle(target).direction === 'rtl';\n if (isRTL) {\n xCond = event.offsetX <= target.offsetWidth - target.clientWidth;\n }\n }\n if (xCond || canScrollX && event.offsetY > target.clientHeight) {\n return;\n }\n }\n const targetIsInsideChildren = tree && getChildren(tree.nodesRef.current, nodeId).some(node => {\n var _node$context;\n return isEventTargetWithin(event, (_node$context = node.context) == null ? void 0 : _node$context.elements.floating);\n });\n if (isEventTargetWithin(event, floating) || isEventTargetWithin(event, domReference) || targetIsInsideChildren) {\n return;\n }\n const children = tree ? getChildren(tree.nodesRef.current, nodeId) : [];\n if (children.length > 0) {\n let shouldDismiss = true;\n children.forEach(child => {\n var _child$context2;\n if ((_child$context2 = child.context) != null && _child$context2.open && !child.context.dataRef.current.__outsidePressBubbles) {\n shouldDismiss = false;\n return;\n }\n });\n if (!shouldDismiss) {\n return;\n }\n }\n events.emit('dismiss', {\n type: 'outsidePress',\n data: {\n returnFocus: nested ? {\n preventScroll: true\n } : isVirtualClick(event) || isVirtualPointerEvent(event)\n }\n });\n onOpenChange(false);\n }\n function onScroll() {\n onOpenChange(false);\n }\n const doc = getDocument(floating);\n escapeKey && doc.addEventListener('keydown', onKeyDown);\n outsidePress && doc.addEventListener(outsidePressEvent, onOutsidePress);\n let ancestors = [];\n if (ancestorScroll) {\n if (isElement(domReference)) {\n ancestors = getOverflowAncestors(domReference);\n }\n if (isElement(floating)) {\n ancestors = ancestors.concat(getOverflowAncestors(floating));\n }\n if (!isElement(reference) && reference && reference.contextElement) {\n ancestors = ancestors.concat(getOverflowAncestors(reference.contextElement));\n }\n }\n\n // Ignore the visual viewport for scrolling dismissal (allow pinch-zoom)\n ancestors = ancestors.filter(ancestor => {\n var _doc$defaultView;\n return ancestor !== ((_doc$defaultView = doc.defaultView) == null ? void 0 : _doc$defaultView.visualViewport);\n });\n ancestors.forEach(ancestor => {\n ancestor.addEventListener('scroll', onScroll, {\n passive: true\n });\n });\n return () => {\n escapeKey && doc.removeEventListener('keydown', onKeyDown);\n outsidePress && doc.removeEventListener(outsidePressEvent, onOutsidePress);\n ancestors.forEach(ancestor => {\n ancestor.removeEventListener('scroll', onScroll);\n });\n };\n }, [dataRef, floating, domReference, reference, escapeKey, outsidePress, outsidePressEvent, events, tree, nodeId, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, nested]);\n React.useEffect(() => {\n insideReactTreeRef.current = false;\n }, [outsidePress, outsidePressEvent]);\n return React.useMemo(() => {\n if (!enabled) {\n return {};\n }\n return {\n reference: {\n [bubbleHandlerKeys[referencePressEvent]]: () => {\n if (referencePress) {\n events.emit('dismiss', {\n type: 'referencePress',\n data: {\n returnFocus: false\n }\n });\n onOpenChange(false);\n }\n }\n },\n floating: {\n [captureHandlerKeys[outsidePressEvent]]: () => {\n insideReactTreeRef.current = true;\n }\n }\n };\n }, [enabled, events, referencePress, outsidePressEvent, referencePressEvent, onOpenChange]);\n};\n\n/**\n * Opens the floating element while the reference element has focus, like CSS\n * `:focus`.\n * @see https://floating-ui.com/docs/useFocus\n */\nconst useFocus = function (_ref, _temp) {\n let {\n open,\n onOpenChange,\n dataRef,\n events,\n refs,\n elements: {\n floating,\n domReference\n }\n } = _ref;\n let {\n enabled = true,\n keyboardOnly = true\n } = _temp === void 0 ? {} : _temp;\n const pointerTypeRef = React.useRef('');\n const blockFocusRef = React.useRef(false);\n const timeoutRef = React.useRef();\n React.useEffect(() => {\n if (!enabled) {\n return;\n }\n const doc = getDocument(floating);\n const win = doc.defaultView || window;\n\n // If the reference was focused and the user left the tab/window, and the\n // floating element was not open, the focus should be blocked when they\n // return to the tab/window.\n function onBlur() {\n if (!open && isHTMLElement(domReference) && domReference === activeElement$1(getDocument(domReference))) {\n blockFocusRef.current = true;\n }\n }\n win.addEventListener('blur', onBlur);\n return () => {\n win.removeEventListener('blur', onBlur);\n };\n }, [floating, domReference, open, enabled]);\n React.useEffect(() => {\n if (!enabled) {\n return;\n }\n function onDismiss(payload) {\n if (payload.type === 'referencePress' || payload.type === 'escapeKey') {\n blockFocusRef.current = true;\n }\n }\n events.on('dismiss', onDismiss);\n return () => {\n events.off('dismiss', onDismiss);\n };\n }, [events, enabled]);\n React.useEffect(() => {\n return () => {\n clearTimeout(timeoutRef.current);\n };\n }, []);\n return React.useMemo(() => {\n if (!enabled) {\n return {};\n }\n return {\n reference: {\n onPointerDown(_ref2) {\n let {\n pointerType\n } = _ref2;\n pointerTypeRef.current = pointerType;\n blockFocusRef.current = !!(pointerType && keyboardOnly);\n },\n onMouseLeave() {\n blockFocusRef.current = false;\n },\n onFocus(event) {\n var _dataRef$current$open;\n if (blockFocusRef.current) {\n return;\n }\n\n // Dismiss with click should ignore the subsequent `focus` trigger,\n // but only if the click originated inside the reference element.\n if (event.type === 'focus' && ((_dataRef$current$open = dataRef.current.openEvent) == null ? void 0 : _dataRef$current$open.type) === 'mousedown' && dataRef.current.openEvent && isEventTargetWithin(dataRef.current.openEvent, domReference)) {\n return;\n }\n dataRef.current.openEvent = event.nativeEvent;\n onOpenChange(true);\n },\n onBlur(event) {\n blockFocusRef.current = false;\n const relatedTarget = event.relatedTarget;\n\n // Hit the non-modal focus management portal guard. Focus will be\n // moved into the floating element immediately after.\n const movedToFocusGuard = isElement(relatedTarget) && relatedTarget.hasAttribute('data-floating-ui-focus-guard') && relatedTarget.getAttribute('data-type') === 'outside';\n\n // Wait for the window blur listener to fire.\n timeoutRef.current = setTimeout(() => {\n // When focusing the reference element (e.g. regular click), then\n // clicking into the floating element, prevent it from hiding.\n // Note: it must be focusable, e.g. `tabindex=\"-1\"`.\n if (contains(refs.floating.current, relatedTarget) || contains(domReference, relatedTarget) || movedToFocusGuard) {\n return;\n }\n onOpenChange(false);\n });\n }\n }\n };\n }, [enabled, keyboardOnly, domReference, refs, dataRef, onOpenChange]);\n};\n\nlet isPreventScrollSupported = false;\nconst ARROW_UP = 'ArrowUp';\nconst ARROW_DOWN = 'ArrowDown';\nconst ARROW_LEFT = 'ArrowLeft';\nconst ARROW_RIGHT = 'ArrowRight';\nfunction isDifferentRow(index, cols, prevRow) {\n return Math.floor(index / cols) !== prevRow;\n}\nfunction isIndexOutOfBounds(listRef, index) {\n return index < 0 || index >= listRef.current.length;\n}\nfunction findNonDisabledIndex(listRef, _temp) {\n let {\n startingIndex = -1,\n decrement = false,\n disabledIndices,\n amount = 1\n } = _temp === void 0 ? {} : _temp;\n const list = listRef.current;\n let index = startingIndex;\n do {\n var _list$index, _list$index2;\n index = index + (decrement ? -amount : amount);\n } while (index >= 0 && index <= list.length - 1 && (disabledIndices ? disabledIndices.includes(index) : list[index] == null || ((_list$index = list[index]) == null ? void 0 : _list$index.hasAttribute('disabled')) || ((_list$index2 = list[index]) == null ? void 0 : _list$index2.getAttribute('aria-disabled')) === 'true'));\n return index;\n}\nfunction doSwitch(orientation, vertical, horizontal) {\n switch (orientation) {\n case 'vertical':\n return vertical;\n case 'horizontal':\n return horizontal;\n default:\n return vertical || horizontal;\n }\n}\nfunction isMainOrientationKey(key, orientation) {\n const vertical = key === ARROW_UP || key === ARROW_DOWN;\n const horizontal = key === ARROW_LEFT || key === ARROW_RIGHT;\n return doSwitch(orientation, vertical, horizontal);\n}\nfunction isMainOrientationToEndKey(key, orientation, rtl) {\n const vertical = key === ARROW_DOWN;\n const horizontal = rtl ? key === ARROW_LEFT : key === ARROW_RIGHT;\n return doSwitch(orientation, vertical, horizontal) || key === 'Enter' || key == ' ' || key === '';\n}\nfunction isCrossOrientationOpenKey(key, orientation, rtl) {\n const vertical = rtl ? key === ARROW_LEFT : key === ARROW_RIGHT;\n const horizontal = key === ARROW_DOWN;\n return doSwitch(orientation, vertical, horizontal);\n}\nfunction isCrossOrientationCloseKey(key, orientation, rtl) {\n const vertical = rtl ? key === ARROW_RIGHT : key === ARROW_LEFT;\n const horizontal = key === ARROW_UP;\n return doSwitch(orientation, vertical, horizontal);\n}\nfunction getMinIndex(listRef, disabledIndices) {\n return findNonDisabledIndex(listRef, {\n disabledIndices\n });\n}\nfunction getMaxIndex(listRef, disabledIndices) {\n return findNonDisabledIndex(listRef, {\n decrement: true,\n startingIndex: listRef.current.length,\n disabledIndices\n });\n}\n/**\n * Adds arrow key-based navigation of a list of items, either using real DOM\n * focus or virtual focus.\n * @see https://floating-ui.com/docs/useListNavigation\n */\nconst useListNavigation = function (_ref, _temp2) {\n let {\n open,\n onOpenChange,\n refs,\n elements: {\n domReference\n }\n } = _ref;\n let {\n listRef,\n activeIndex,\n onNavigate: unstable_onNavigate = () => {},\n enabled = true,\n selectedIndex = null,\n allowEscape = false,\n loop = false,\n nested = false,\n rtl = false,\n virtual = false,\n focusItemOnOpen = 'auto',\n focusItemOnHover = true,\n openOnArrowKeyDown = true,\n disabledIndices = undefined,\n orientation = 'vertical',\n cols = 1,\n scrollItemIntoView = true\n } = _temp2 === void 0 ? {\n listRef: {\n current: []\n },\n activeIndex: null,\n onNavigate: () => {}\n } : _temp2;\n if (process.env.NODE_ENV !== \"production\") {\n if (allowEscape) {\n if (!loop) {\n console.warn(['Floating UI: `useListNavigation` looping must be enabled to allow', 'escaping.'].join(' '));\n }\n if (!virtual) {\n console.warn(['Floating UI: `useListNavigation` must be virtual to allow', 'escaping.'].join(' '));\n }\n }\n if (orientation === 'vertical' && cols > 1) {\n console.warn(['Floating UI: In grid list navigation mode (`cols` > 1), the', '`orientation` should be either \"horizontal\" or \"both\".'].join(' '));\n }\n }\n const parentId = useFloatingParentNodeId();\n const tree = useFloatingTree();\n const onNavigate = useEvent(unstable_onNavigate);\n const focusItemOnOpenRef = React.useRef(focusItemOnOpen);\n const indexRef = React.useRef(selectedIndex != null ? selectedIndex : -1);\n const keyRef = React.useRef(null);\n const isPointerModalityRef = React.useRef(true);\n const previousOnNavigateRef = React.useRef(onNavigate);\n const previousOpenRef = React.useRef(open);\n const forceSyncFocus = React.useRef(false);\n const forceScrollIntoViewRef = React.useRef(false);\n const disabledIndicesRef = useLatestRef(disabledIndices);\n const latestOpenRef = useLatestRef(open);\n const scrollItemIntoViewRef = useLatestRef(scrollItemIntoView);\n const [activeId, setActiveId] = React.useState();\n const focusItem = React.useCallback(function (listRef, indexRef, forceScrollIntoView) {\n if (forceScrollIntoView === void 0) {\n forceScrollIntoView = false;\n }\n const item = listRef.current[indexRef.current];\n if (virtual) {\n setActiveId(item == null ? void 0 : item.id);\n } else {\n enqueueFocus(item, {\n preventScroll: true,\n // Mac Safari does not move the virtual cursor unless the focus call\n // is sync. However, for the very first focus call, we need to wait\n // for the position to be ready in order to prevent unwanted\n // scrolling. This means the virtual cursor will not move to the first\n // item when first opening the floating element, but will on\n // subsequent calls. `preventScroll` is supported in modern Safari,\n // so we can use that instead.\n // iOS Safari must be async or the first item will not be focused.\n sync: isMac() && isSafari() ? isPreventScrollSupported || forceSyncFocus.current : false\n });\n }\n requestAnimationFrame(() => {\n const scrollIntoViewOptions = scrollItemIntoViewRef.current;\n const shouldScrollIntoView = scrollIntoViewOptions && item && (forceScrollIntoView || !isPointerModalityRef.current);\n if (shouldScrollIntoView) {\n // JSDOM doesn't support `.scrollIntoView()` but it's widely supported\n // by all browsers.\n item.scrollIntoView == null ? void 0 : item.scrollIntoView(typeof scrollIntoViewOptions === 'boolean' ? {\n block: 'nearest',\n inline: 'nearest'\n } : scrollIntoViewOptions);\n }\n });\n }, [virtual, scrollItemIntoViewRef]);\n index(() => {\n document.createElement('div').focus({\n get preventScroll() {\n isPreventScrollSupported = true;\n return false;\n }\n });\n }, []);\n\n // Sync `selectedIndex` to be the `activeIndex` upon opening the floating\n // element. Also, reset `activeIndex` upon closing the floating element.\n index(() => {\n if (!enabled) {\n return;\n }\n if (open) {\n if (focusItemOnOpenRef.current && selectedIndex != null) {\n // Regardless of the pointer modality, we want to ensure the selected\n // item comes into view when the floating element is opened.\n forceScrollIntoViewRef.current = true;\n onNavigate(selectedIndex);\n }\n } else if (previousOpenRef.current) {\n // Since the user can specify `onNavigate` conditionally\n // (onNavigate: open ? setActiveIndex : setSelectedIndex),\n // we store and call the previous function.\n indexRef.current = -1;\n previousOnNavigateRef.current(null);\n }\n }, [enabled, open, selectedIndex, onNavigate]);\n\n // Sync `activeIndex` to be the focused item while the floating element is\n // open.\n index(() => {\n if (!enabled) {\n return;\n }\n if (open) {\n if (activeIndex == null) {\n forceSyncFocus.current = false;\n if (selectedIndex != null) {\n return;\n }\n\n // Reset while the floating element was open (e.g. the list changed).\n if (previousOpenRef.current) {\n indexRef.current = -1;\n focusItem(listRef, indexRef);\n }\n\n // Initial sync.\n if (!previousOpenRef.current && focusItemOnOpenRef.current && (keyRef.current != null || focusItemOnOpenRef.current === true && keyRef.current == null)) {\n indexRef.current = keyRef.current == null || isMainOrientationToEndKey(keyRef.current, orientation, rtl) || nested ? getMinIndex(listRef, disabledIndicesRef.current) : getMaxIndex(listRef, disabledIndicesRef.current);\n onNavigate(indexRef.current);\n }\n } else if (!isIndexOutOfBounds(listRef, activeIndex)) {\n indexRef.current = activeIndex;\n focusItem(listRef, indexRef, forceScrollIntoViewRef.current);\n forceScrollIntoViewRef.current = false;\n }\n }\n }, [enabled, open, activeIndex, selectedIndex, nested, listRef, orientation, rtl, onNavigate, focusItem, disabledIndicesRef]);\n\n // Ensure the parent floating element has focus when a nested child closes\n // to allow arrow key navigation to work after the pointer leaves the child.\n index(() => {\n if (!enabled) {\n return;\n }\n if (previousOpenRef.current && !open) {\n var _tree$nodesRef$curren, _tree$nodesRef$curren2;\n const parentFloating = tree == null ? void 0 : (_tree$nodesRef$curren = tree.nodesRef.current.find(node => node.id === parentId)) == null ? void 0 : (_tree$nodesRef$curren2 = _tree$nodesRef$curren.context) == null ? void 0 : _tree$nodesRef$curren2.elements.floating;\n if (parentFloating && !contains(parentFloating, activeElement$1(getDocument(parentFloating)))) {\n parentFloating.focus({\n preventScroll: true\n });\n }\n }\n }, [enabled, open, tree, parentId]);\n index(() => {\n keyRef.current = null;\n previousOnNavigateRef.current = onNavigate;\n previousOpenRef.current = open;\n });\n const hasActiveIndex = activeIndex != null;\n const item = React.useMemo(() => {\n function syncCurrentTarget(currentTarget) {\n if (!open) return;\n const index = listRef.current.indexOf(currentTarget);\n if (index !== -1) {\n onNavigate(index);\n }\n }\n const props = {\n onFocus(_ref2) {\n let {\n currentTarget\n } = _ref2;\n syncCurrentTarget(currentTarget);\n },\n onClick: _ref3 => {\n let {\n currentTarget\n } = _ref3;\n return currentTarget.focus({\n preventScroll: true\n });\n },\n // Safari\n ...(focusItemOnHover && {\n onMouseMove(_ref4) {\n let {\n currentTarget\n } = _ref4;\n syncCurrentTarget(currentTarget);\n },\n onPointerLeave() {\n if (!isPointerModalityRef.current) {\n return;\n }\n indexRef.current = -1;\n focusItem(listRef, indexRef);\n\n // Virtual cursor with VoiceOver on iOS needs this to be flushed\n // synchronously or there is a glitch that prevents nested\n // submenus from being accessible.\n flushSync(() => onNavigate(null));\n if (!virtual) {\n var _refs$floating$curren;\n // This also needs to be sync to prevent fast mouse movements\n // from leaving behind a stale active item when landing on a\n // disabled button item.\n (_refs$floating$curren = refs.floating.current) == null ? void 0 : _refs$floating$curren.focus({\n preventScroll: true\n });\n }\n }\n })\n };\n return props;\n }, [open, refs, focusItem, focusItemOnHover, listRef, onNavigate, virtual]);\n return React.useMemo(() => {\n if (!enabled) {\n return {};\n }\n const disabledIndices = disabledIndicesRef.current;\n function onKeyDown(event) {\n isPointerModalityRef.current = false;\n forceSyncFocus.current = true;\n\n // If the floating element is animating out, ignore navigation. Otherwise,\n // the `activeIndex` gets set to 0 despite not being open so the next time\n // the user ArrowDowns, the first item won't be focused.\n if (!latestOpenRef.current && event.currentTarget === refs.floating.current) {\n return;\n }\n if (nested && isCrossOrientationCloseKey(event.key, orientation, rtl)) {\n stopEvent(event);\n onOpenChange(false);\n if (isHTMLElement(domReference)) {\n domReference.focus();\n }\n return;\n }\n const currentIndex = indexRef.current;\n const minIndex = getMinIndex(listRef, disabledIndices);\n const maxIndex = getMaxIndex(listRef, disabledIndices);\n if (event.key === 'Home') {\n indexRef.current = minIndex;\n onNavigate(indexRef.current);\n }\n if (event.key === 'End') {\n indexRef.current = maxIndex;\n onNavigate(indexRef.current);\n }\n\n // Grid navigation.\n if (cols > 1) {\n const prevIndex = indexRef.current;\n if (event.key === ARROW_UP) {\n stopEvent(event);\n if (prevIndex === -1) {\n indexRef.current = maxIndex;\n } else {\n indexRef.current = findNonDisabledIndex(listRef, {\n startingIndex: prevIndex,\n amount: cols,\n decrement: true,\n disabledIndices\n });\n if (loop && (prevIndex - cols < minIndex || indexRef.current < 0)) {\n const col = prevIndex % cols;\n const maxCol = maxIndex % cols;\n const offset = maxIndex - (maxCol - col);\n if (maxCol === col) {\n indexRef.current = maxIndex;\n } else {\n indexRef.current = maxCol > col ? offset : offset - cols;\n }\n }\n }\n if (isIndexOutOfBounds(listRef, indexRef.current)) {\n indexRef.current = prevIndex;\n }\n onNavigate(indexRef.current);\n }\n if (event.key === ARROW_DOWN) {\n stopEvent(event);\n if (prevIndex === -1) {\n indexRef.current = minIndex;\n } else {\n indexRef.current = findNonDisabledIndex(listRef, {\n startingIndex: prevIndex,\n amount: cols,\n disabledIndices\n });\n if (loop && prevIndex + cols > maxIndex) {\n indexRef.current = findNonDisabledIndex(listRef, {\n startingIndex: prevIndex % cols - cols,\n amount: cols,\n disabledIndices\n });\n }\n }\n if (isIndexOutOfBounds(listRef, indexRef.current)) {\n indexRef.current = prevIndex;\n }\n onNavigate(indexRef.current);\n }\n\n // Remains on the same row/column.\n if (orientation === 'both') {\n const prevRow = Math.floor(prevIndex / cols);\n if (event.key === ARROW_RIGHT) {\n stopEvent(event);\n if (prevIndex % cols !== cols - 1) {\n indexRef.current = findNonDisabledIndex(listRef, {\n startingIndex: prevIndex,\n disabledIndices\n });\n if (loop && isDifferentRow(indexRef.current, cols, prevRow)) {\n indexRef.current = findNonDisabledIndex(listRef, {\n startingIndex: prevIndex - prevIndex % cols - 1,\n disabledIndices\n });\n }\n } else if (loop) {\n indexRef.current = findNonDisabledIndex(listRef, {\n startingIndex: prevIndex - prevIndex % cols - 1,\n disabledIndices\n });\n }\n if (isDifferentRow(indexRef.current, cols, prevRow)) {\n indexRef.current = prevIndex;\n }\n }\n if (event.key === ARROW_LEFT) {\n stopEvent(event);\n if (prevIndex % cols !== 0) {\n indexRef.current = findNonDisabledIndex(listRef, {\n startingIndex: prevIndex,\n disabledIndices,\n decrement: true\n });\n if (loop && isDifferentRow(indexRef.current, cols, prevRow)) {\n indexRef.current = findNonDisabledIndex(listRef, {\n startingIndex: prevIndex + (cols - prevIndex % cols),\n decrement: true,\n disabledIndices\n });\n }\n } else if (loop) {\n indexRef.current = findNonDisabledIndex(listRef, {\n startingIndex: prevIndex + (cols - prevIndex % cols),\n decrement: true,\n disabledIndices\n });\n }\n if (isDifferentRow(indexRef.current, cols, prevRow)) {\n indexRef.current = prevIndex;\n }\n }\n const lastRow = Math.floor(maxIndex / cols) === prevRow;\n if (isIndexOutOfBounds(listRef, indexRef.current)) {\n if (loop && lastRow) {\n indexRef.current = event.key === ARROW_LEFT ? maxIndex : findNonDisabledIndex(listRef, {\n startingIndex: prevIndex - prevIndex % cols - 1,\n disabledIndices\n });\n } else {\n indexRef.current = prevIndex;\n }\n }\n onNavigate(indexRef.current);\n return;\n }\n }\n if (isMainOrientationKey(event.key, orientation)) {\n stopEvent(event);\n\n // Reset the index if no item is focused.\n if (open && !virtual && activeElement$1(event.currentTarget.ownerDocument) === event.currentTarget) {\n indexRef.current = isMainOrientationToEndKey(event.key, orientation, rtl) ? minIndex : maxIndex;\n onNavigate(indexRef.current);\n return;\n }\n if (isMainOrientationToEndKey(event.key, orientation, rtl)) {\n if (loop) {\n indexRef.current = currentIndex >= maxIndex ? allowEscape && currentIndex !== listRef.current.length ? -1 : minIndex : findNonDisabledIndex(listRef, {\n startingIndex: currentIndex,\n disabledIndices\n });\n } else {\n indexRef.current = Math.min(maxIndex, findNonDisabledIndex(listRef, {\n startingIndex: currentIndex,\n disabledIndices\n }));\n }\n } else {\n if (loop) {\n indexRef.current = currentIndex <= minIndex ? allowEscape && currentIndex !== -1 ? listRef.current.length : maxIndex : findNonDisabledIndex(listRef, {\n startingIndex: currentIndex,\n decrement: true,\n disabledIndices\n });\n } else {\n indexRef.current = Math.max(minIndex, findNonDisabledIndex(listRef, {\n startingIndex: currentIndex,\n decrement: true,\n disabledIndices\n }));\n }\n }\n if (isIndexOutOfBounds(listRef, indexRef.current)) {\n onNavigate(null);\n } else {\n onNavigate(indexRef.current);\n }\n }\n }\n function checkVirtualMouse(event) {\n if (focusItemOnOpen === 'auto' && isVirtualClick(event.nativeEvent)) {\n focusItemOnOpenRef.current = true;\n }\n }\n function checkVirtualPointer(event) {\n // `pointerdown` fires first, reset the state then perform the checks.\n focusItemOnOpenRef.current = focusItemOnOpen;\n if (focusItemOnOpen === 'auto' && isVirtualPointerEvent(event.nativeEvent)) {\n focusItemOnOpenRef.current = true;\n }\n }\n const ariaActiveDescendantProp = virtual && open && hasActiveIndex && {\n 'aria-activedescendant': activeId\n };\n return {\n reference: {\n ...ariaActiveDescendantProp,\n onKeyDown(event) {\n isPointerModalityRef.current = false;\n const isArrowKey = event.key.indexOf('Arrow') === 0;\n if (virtual && open) {\n return onKeyDown(event);\n }\n\n // If a floating element should not open on arrow key down, avoid\n // setting `activeIndex` while it's closed.\n if (!open && !openOnArrowKeyDown && isArrowKey) {\n return;\n }\n const isNavigationKey = isArrowKey || event.key === 'Enter' || event.key === ' ' || event.key === '';\n if (isNavigationKey) {\n keyRef.current = event.key;\n }\n if (nested) {\n if (isCrossOrientationOpenKey(event.key, orientation, rtl)) {\n stopEvent(event);\n if (open) {\n indexRef.current = getMinIndex(listRef, disabledIndices);\n onNavigate(indexRef.current);\n } else {\n onOpenChange(true);\n }\n }\n return;\n }\n if (isMainOrientationKey(event.key, orientation)) {\n if (selectedIndex != null) {\n indexRef.current = selectedIndex;\n }\n stopEvent(event);\n if (!open && openOnArrowKeyDown) {\n onOpenChange(true);\n } else {\n onKeyDown(event);\n }\n if (open) {\n onNavigate(indexRef.current);\n }\n }\n },\n onFocus() {\n if (open) {\n onNavigate(null);\n }\n },\n onPointerDown: checkVirtualPointer,\n onMouseDown: checkVirtualMouse,\n onClick: checkVirtualMouse\n },\n floating: {\n 'aria-orientation': orientation === 'both' ? undefined : orientation,\n ...ariaActiveDescendantProp,\n onKeyDown,\n onPointerMove() {\n isPointerModalityRef.current = true;\n }\n },\n item\n };\n }, [domReference, refs, activeId, disabledIndicesRef, latestOpenRef, listRef, enabled, orientation, rtl, virtual, open, hasActiveIndex, nested, selectedIndex, openOnArrowKeyDown, allowEscape, cols, loop, focusItemOnOpen, onNavigate, onOpenChange, item]);\n};\n\n/**\n * Merges an array of refs into a single memoized callback ref or `null`.\n * @see https://floating-ui.com/docs/useMergeRefs\n */\nfunction useMergeRefs(refs) {\n return React.useMemo(() => {\n if (refs.every(ref => ref == null)) {\n return null;\n }\n return value => {\n refs.forEach(ref => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref != null) {\n ref.current = value;\n }\n });\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, refs);\n}\n\n/**\n * Adds base screen reader props to the reference and floating elements for a\n * given floating element `role`.\n * @see https://floating-ui.com/docs/useRole\n */\nconst useRole = function (_ref, _temp) {\n let {\n open\n } = _ref;\n let {\n enabled = true,\n role = 'dialog'\n } = _temp === void 0 ? {} : _temp;\n const rootId = useId();\n const referenceId = useId();\n return React.useMemo(() => {\n const floatingProps = {\n id: rootId,\n role\n };\n if (!enabled) {\n return {};\n }\n if (role === 'tooltip') {\n return {\n reference: {\n 'aria-describedby': open ? rootId : undefined\n },\n floating: floatingProps\n };\n }\n return {\n reference: {\n 'aria-expanded': open ? 'true' : 'false',\n 'aria-haspopup': role === 'alertdialog' ? 'dialog' : role,\n 'aria-controls': open ? rootId : undefined,\n ...(role === 'listbox' && {\n role: 'combobox'\n }),\n ...(role === 'menu' && {\n id: referenceId\n })\n },\n floating: {\n ...floatingProps,\n ...(role === 'menu' && {\n 'aria-labelledby': referenceId\n })\n }\n };\n }, [enabled, role, open, rootId, referenceId]);\n};\n\n// Converts a JS style key like `backgroundColor` to a CSS transition-property\n// like `background-color`.\nconst camelCaseToKebabCase = str => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());\nfunction useDelayUnmount(open, durationMs) {\n const [isMounted, setIsMounted] = React.useState(open);\n if (open && !isMounted) {\n setIsMounted(true);\n }\n React.useEffect(() => {\n if (!open) {\n const timeout = setTimeout(() => setIsMounted(false), durationMs);\n return () => clearTimeout(timeout);\n }\n }, [open, durationMs]);\n return isMounted;\n}\n/**\n * Provides a status string to apply CSS transitions to a floating element,\n * correctly handling placement-aware transitions.\n * @see https://floating-ui.com/docs/useTransition#usetransitionstatus\n */\nfunction useTransitionStatus(_ref, _temp) {\n let {\n open,\n elements: {\n floating\n }\n } = _ref;\n let {\n duration = 250\n } = _temp === void 0 ? {} : _temp;\n const isNumberDuration = typeof duration === 'number';\n const closeDuration = (isNumberDuration ? duration : duration.close) || 0;\n const [initiated, setInitiated] = React.useState(false);\n const [status, setStatus] = React.useState('unmounted');\n const isMounted = useDelayUnmount(open, closeDuration);\n\n // `initiated` check prevents this `setState` call from breaking\n //
. This call is necessary to ensure subsequent opens\n // after the initial one allows the correct side animation to play when the\n // placement has changed.\n index(() => {\n if (initiated && !isMounted) {\n setStatus('unmounted');\n }\n }, [initiated, isMounted]);\n index(() => {\n if (!floating) return;\n if (open) {\n setStatus('initial');\n const frame = requestAnimationFrame(() => {\n setStatus('open');\n });\n return () => {\n cancelAnimationFrame(frame);\n };\n } else {\n setInitiated(true);\n setStatus('close');\n }\n }, [open, floating]);\n return {\n isMounted,\n status\n };\n}\n/**\n * Provides styles to apply CSS transitions to a floating element, correctly\n * handling placement-aware transitions. Wrapper around `useTransitionStatus`.\n * @see https://floating-ui.com/docs/useTransition#usetransitionstyles\n */\nfunction useTransitionStyles(context, _temp2) {\n let {\n initial: unstable_initial = {\n opacity: 0\n },\n open: unstable_open,\n close: unstable_close,\n common: unstable_common,\n duration = 250\n } = _temp2 === void 0 ? {} : _temp2;\n const placement = context.placement;\n const side = placement.split('-')[0];\n const [styles, setStyles] = React.useState({});\n const {\n isMounted,\n status\n } = useTransitionStatus(context, {\n duration\n });\n const initialRef = useLatestRef(unstable_initial);\n const openRef = useLatestRef(unstable_open);\n const closeRef = useLatestRef(unstable_close);\n const commonRef = useLatestRef(unstable_common);\n const isNumberDuration = typeof duration === 'number';\n const openDuration = (isNumberDuration ? duration : duration.open) || 0;\n const closeDuration = (isNumberDuration ? duration : duration.close) || 0;\n index(() => {\n const fnArgs = {\n side,\n placement\n };\n const initial = initialRef.current;\n const close = closeRef.current;\n const open = openRef.current;\n const common = commonRef.current;\n const initialStyles = typeof initial === 'function' ? initial(fnArgs) : initial;\n const closeStyles = typeof close === 'function' ? close(fnArgs) : close;\n const commonStyles = typeof common === 'function' ? common(fnArgs) : common;\n const openStyles = (typeof open === 'function' ? open(fnArgs) : open) || Object.keys(initialStyles).reduce((acc, key) => {\n acc[key] = '';\n return acc;\n }, {});\n if (status === 'initial' || status === 'unmounted') {\n setStyles(styles => ({\n transitionProperty: styles.transitionProperty,\n ...commonStyles,\n ...initialStyles\n }));\n }\n if (status === 'open') {\n setStyles({\n transitionProperty: Object.keys(openStyles).map(camelCaseToKebabCase).join(','),\n transitionDuration: openDuration + \"ms\",\n ...commonStyles,\n ...openStyles\n });\n }\n if (status === 'close') {\n const styles = closeStyles || initialStyles;\n setStyles({\n transitionProperty: Object.keys(styles).map(camelCaseToKebabCase).join(','),\n transitionDuration: closeDuration + \"ms\",\n ...commonStyles,\n ...styles\n });\n }\n }, [side, placement, closeDuration, closeRef, initialRef, openRef, commonRef, openDuration, status]);\n return {\n isMounted,\n styles\n };\n}\n\n/**\n * Provides a matching callback that can be used to focus an item as the user\n * types, often used in tandem with `useListNavigation()`.\n * @see https://floating-ui.com/docs/useTypeahead\n */\nconst useTypeahead = function (_ref, _temp) {\n var _ref2;\n let {\n open,\n dataRef,\n refs\n } = _ref;\n let {\n listRef,\n activeIndex,\n onMatch: unstable_onMatch = () => {},\n enabled = true,\n findMatch = null,\n resetMs = 1000,\n ignoreKeys = [],\n selectedIndex = null\n } = _temp === void 0 ? {\n listRef: {\n current: []\n },\n activeIndex: null\n } : _temp;\n const timeoutIdRef = React.useRef();\n const stringRef = React.useRef('');\n const prevIndexRef = React.useRef((_ref2 = selectedIndex != null ? selectedIndex : activeIndex) != null ? _ref2 : -1);\n const matchIndexRef = React.useRef(null);\n const onMatch = useEvent(unstable_onMatch);\n const findMatchRef = useLatestRef(findMatch);\n const ignoreKeysRef = useLatestRef(ignoreKeys);\n index(() => {\n if (open) {\n clearTimeout(timeoutIdRef.current);\n matchIndexRef.current = null;\n stringRef.current = '';\n }\n }, [open]);\n index(() => {\n // Sync arrow key navigation but not typeahead navigation.\n if (open && stringRef.current === '') {\n var _ref3;\n prevIndexRef.current = (_ref3 = selectedIndex != null ? selectedIndex : activeIndex) != null ? _ref3 : -1;\n }\n }, [open, selectedIndex, activeIndex]);\n return React.useMemo(() => {\n if (!enabled) {\n return {};\n }\n function onKeyDown(event) {\n var _refs$floating$curren;\n // Correctly scope nested non-portalled floating elements. Since the nested\n // floating element is inside of the another, we find the closest role\n // that indicates the floating element scope.\n const target = getTarget(event.nativeEvent);\n if (isElement(target) && (activeElement$1(getDocument(target)) !== event.currentTarget ? (_refs$floating$curren = refs.floating.current) != null && _refs$floating$curren.contains(target) ? target.closest('[role=\"dialog\"],[role=\"menu\"],[role=\"listbox\"],[role=\"tree\"],[role=\"grid\"]') !== event.currentTarget : false : !event.currentTarget.contains(target))) {\n return;\n }\n if (stringRef.current.length > 0 && stringRef.current[0] !== ' ') {\n dataRef.current.typing = true;\n if (event.key === ' ') {\n stopEvent(event);\n }\n }\n const listContent = listRef.current;\n if (listContent == null || ignoreKeysRef.current.includes(event.key) ||\n // Character key.\n event.key.length !== 1 ||\n // Modifier key.\n event.ctrlKey || event.metaKey || event.altKey) {\n return;\n }\n\n // Bail out if the list contains a word like \"llama\" or \"aaron\". TODO:\n // allow it in this case, too.\n const allowRapidSuccessionOfFirstLetter = listContent.every(text => {\n var _text$, _text$2;\n return text ? ((_text$ = text[0]) == null ? void 0 : _text$.toLocaleLowerCase()) !== ((_text$2 = text[1]) == null ? void 0 : _text$2.toLocaleLowerCase()) : true;\n });\n\n // Allows the user to cycle through items that start with the same letter\n // in rapid succession.\n if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {\n stringRef.current = '';\n prevIndexRef.current = matchIndexRef.current;\n }\n stringRef.current += event.key;\n clearTimeout(timeoutIdRef.current);\n timeoutIdRef.current = setTimeout(() => {\n stringRef.current = '';\n prevIndexRef.current = matchIndexRef.current;\n dataRef.current.typing = false;\n }, resetMs);\n const prevIndex = prevIndexRef.current;\n const orderedList = [...listContent.slice((prevIndex || 0) + 1), ...listContent.slice(0, (prevIndex || 0) + 1)];\n const str = findMatchRef.current ? findMatchRef.current(orderedList, stringRef.current) : orderedList.find(text => (text == null ? void 0 : text.toLocaleLowerCase().indexOf(stringRef.current.toLocaleLowerCase())) === 0);\n const index = str ? listContent.indexOf(str) : -1;\n if (index !== -1) {\n onMatch(index);\n matchIndexRef.current = index;\n }\n }\n return {\n reference: {\n onKeyDown\n },\n floating: {\n onKeyDown\n }\n };\n }, [enabled, dataRef, listRef, resetMs, ignoreKeysRef, findMatchRef, onMatch, refs]);\n};\n\nfunction getArgsWithCustomFloatingHeight(state, height) {\n return {\n ...state,\n rects: {\n ...state.rects,\n floating: {\n ...state.rects.floating,\n height\n }\n }\n };\n}\n/**\n * Positions the floating element such that an inner element inside\n * of it is anchored to the reference element.\n * @see https://floating-ui.com/docs/inner\n */\nconst inner = props => ({\n name: 'inner',\n options: props,\n async fn(state) {\n const {\n listRef,\n overflowRef,\n onFallbackChange,\n offset: innerOffset = 0,\n index = 0,\n minItemsVisible = 4,\n referenceOverflowThreshold = 0,\n scrollRef,\n ...detectOverflowOptions\n } = props;\n const {\n rects,\n elements: {\n floating\n }\n } = state;\n const item = listRef.current[index];\n if (process.env.NODE_ENV !== \"production\") {\n if (!state.placement.startsWith('bottom')) {\n console.warn(['Floating UI: `placement` side must be \"bottom\" when using the', '`inner` middleware.'].join(' '));\n }\n }\n if (!item) {\n return {};\n }\n const nextArgs = {\n ...state,\n ...(await offset(-item.offsetTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state))\n };\n const el = (scrollRef == null ? void 0 : scrollRef.current) || floating;\n const overflow = await detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, el.scrollHeight), detectOverflowOptions);\n const refOverflow = await detectOverflow(nextArgs, {\n ...detectOverflowOptions,\n elementContext: 'reference'\n });\n const diffY = Math.max(0, overflow.top);\n const nextY = nextArgs.y + diffY;\n const maxHeight = Math.max(0, el.scrollHeight - diffY - Math.max(0, overflow.bottom));\n el.style.maxHeight = maxHeight + \"px\";\n el.scrollTop = diffY;\n\n // There is not enough space, fallback to standard anchored positioning\n if (onFallbackChange) {\n if (el.offsetHeight < item.offsetHeight * Math.min(minItemsVisible, listRef.current.length - 1) - 1 || refOverflow.top >= -referenceOverflowThreshold || refOverflow.bottom >= -referenceOverflowThreshold) {\n flushSync(() => onFallbackChange(true));\n } else {\n flushSync(() => onFallbackChange(false));\n }\n }\n if (overflowRef) {\n overflowRef.current = await detectOverflow(getArgsWithCustomFloatingHeight({\n ...nextArgs,\n y: nextY\n }, el.offsetHeight), detectOverflowOptions);\n }\n return {\n y: nextY\n };\n }\n});\n/**\n * Changes the `inner` middleware's `offset` upon a `wheel` event to\n * expand the floating element's height, revealing more list items.\n * @see https://floating-ui.com/docs/inner\n */\nconst useInnerOffset = (_ref, _ref2) => {\n let {\n open,\n elements\n } = _ref;\n let {\n enabled = true,\n overflowRef,\n scrollRef,\n onChange: unstable_onChange\n } = _ref2;\n const onChange = useEvent(unstable_onChange);\n const controlledScrollingRef = React.useRef(false);\n const prevScrollTopRef = React.useRef(null);\n const initialOverflowRef = React.useRef(null);\n React.useEffect(() => {\n if (!enabled) {\n return;\n }\n function onWheel(e) {\n if (e.ctrlKey || !el || overflowRef.current == null) {\n return;\n }\n const dY = e.deltaY;\n const isAtTop = overflowRef.current.top >= -0.5;\n const isAtBottom = overflowRef.current.bottom >= -0.5;\n const remainingScroll = el.scrollHeight - el.clientHeight;\n const sign = dY < 0 ? -1 : 1;\n const method = dY < 0 ? 'max' : 'min';\n if (el.scrollHeight <= el.clientHeight) {\n return;\n }\n if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {\n e.preventDefault();\n flushSync(() => {\n onChange(d => d + Math[method](dY, remainingScroll * sign));\n });\n } else if (/firefox/i.test(getUserAgent())) {\n // Needed to propagate scrolling during momentum scrolling phase once\n // it gets limited by the boundary. UX improvement, not critical.\n el.scrollTop += dY;\n }\n }\n const el = (scrollRef == null ? void 0 : scrollRef.current) || elements.floating;\n if (open && el) {\n el.addEventListener('wheel', onWheel);\n\n // Wait for the position to be ready.\n requestAnimationFrame(() => {\n prevScrollTopRef.current = el.scrollTop;\n if (overflowRef.current != null) {\n initialOverflowRef.current = {\n ...overflowRef.current\n };\n }\n });\n return () => {\n prevScrollTopRef.current = null;\n initialOverflowRef.current = null;\n el.removeEventListener('wheel', onWheel);\n };\n }\n }, [enabled, open, elements.floating, overflowRef, scrollRef, onChange]);\n return React.useMemo(() => {\n if (!enabled) {\n return {};\n }\n return {\n floating: {\n onKeyDown() {\n controlledScrollingRef.current = true;\n },\n onWheel() {\n controlledScrollingRef.current = false;\n },\n onPointerMove() {\n controlledScrollingRef.current = false;\n },\n onScroll() {\n const el = (scrollRef == null ? void 0 : scrollRef.current) || elements.floating;\n if (!overflowRef.current || !el || !controlledScrollingRef.current) {\n return;\n }\n if (prevScrollTopRef.current !== null) {\n const scrollDiff = el.scrollTop - prevScrollTopRef.current;\n if (overflowRef.current.bottom < -0.5 && scrollDiff < -1 || overflowRef.current.top < -0.5 && scrollDiff > 1) {\n flushSync(() => onChange(d => d + scrollDiff));\n }\n }\n\n // [Firefox] Wait for the height change to have been applied.\n requestAnimationFrame(() => {\n prevScrollTopRef.current = el.scrollTop;\n });\n }\n }\n };\n }, [enabled, overflowRef, elements.floating, scrollRef, onChange]);\n};\n\nfunction isPointInPolygon(point, polygon) {\n const [x, y] = point;\n let isInside = false;\n const length = polygon.length;\n for (let i = 0, j = length - 1; i < length; j = i++) {\n const [xi, yi] = polygon[i] || [0, 0];\n const [xj, yj] = polygon[j] || [0, 0];\n const intersect = yi >= y !== yj >= y && x <= (xj - xi) * (y - yi) / (yj - yi) + xi;\n if (intersect) {\n isInside = !isInside;\n }\n }\n return isInside;\n}\nfunction isInside(point, rect) {\n return point[0] >= rect.x && point[0] <= rect.x + rect.width && point[1] >= rect.y && point[1] <= rect.y + rect.height;\n}\nfunction safePolygon(_temp) {\n let {\n restMs = 0,\n buffer = 0.5,\n blockPointerEvents = false\n } = _temp === void 0 ? {} : _temp;\n let timeoutId;\n let isInsideRect = false;\n let hasLanded = false;\n const fn = _ref => {\n let {\n x,\n y,\n placement,\n elements,\n onClose,\n nodeId,\n tree\n } = _ref;\n return function onMouseMove(event) {\n function close() {\n clearTimeout(timeoutId);\n onClose();\n }\n clearTimeout(timeoutId);\n if (!elements.domReference || !elements.floating || placement == null || x == null || y == null) {\n return;\n }\n const {\n clientX,\n clientY\n } = event;\n const clientPoint = [clientX, clientY];\n const target = getTarget(event);\n const isLeave = event.type === 'mouseleave';\n const isOverFloatingEl = contains(elements.floating, target);\n const isOverReferenceEl = contains(elements.domReference, target);\n const refRect = elements.domReference.getBoundingClientRect();\n const rect = elements.floating.getBoundingClientRect();\n const side = placement.split('-')[0];\n const cursorLeaveFromRight = x > rect.right - rect.width / 2;\n const cursorLeaveFromBottom = y > rect.bottom - rect.height / 2;\n const isOverReferenceRect = isInside(clientPoint, refRect);\n if (isOverFloatingEl) {\n hasLanded = true;\n if (!isLeave) {\n return;\n }\n }\n if (isOverReferenceEl) {\n hasLanded = false;\n }\n if (isOverReferenceEl && !isLeave) {\n hasLanded = true;\n return;\n }\n\n // Prevent overlapping floating element from being stuck in an open-close\n // loop: https://github.com/floating-ui/floating-ui/issues/1910\n if (isLeave && isElement(event.relatedTarget) && contains(elements.floating, event.relatedTarget)) {\n return;\n }\n\n // If any nested child is open, abort.\n if (tree && getChildren(tree.nodesRef.current, nodeId).some(_ref2 => {\n let {\n context\n } = _ref2;\n return context == null ? void 0 : context.open;\n })) {\n return;\n }\n\n // If the pointer is leaving from the opposite side, the \"buffer\" logic\n // creates a point where the floating element remains open, but should be\n // ignored.\n // A constant of 1 handles floating point rounding errors.\n if (side === 'top' && y >= refRect.bottom - 1 || side === 'bottom' && y <= refRect.top + 1 || side === 'left' && x >= refRect.right - 1 || side === 'right' && x <= refRect.left + 1) {\n return close();\n }\n\n // Ignore when the cursor is within the rectangular trough between the\n // two elements. Since the triangle is created from the cursor point,\n // which can start beyond the ref element's edge, traversing back and\n // forth from the ref to the floating element can cause it to close. This\n // ensures it always remains open in that case.\n let rectPoly = [];\n switch (side) {\n case 'top':\n rectPoly = [[rect.left, refRect.top + 1], [rect.left, rect.bottom - 1], [rect.right, rect.bottom - 1], [rect.right, refRect.top + 1]];\n isInsideRect = clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= refRect.top + 1;\n break;\n case 'bottom':\n rectPoly = [[rect.left, rect.top + 1], [rect.left, refRect.bottom - 1], [rect.right, refRect.bottom - 1], [rect.right, rect.top + 1]];\n isInsideRect = clientX >= rect.left && clientX <= rect.right && clientY >= refRect.bottom - 1 && clientY <= rect.bottom;\n break;\n case 'left':\n rectPoly = [[rect.right - 1, rect.bottom], [rect.right - 1, rect.top], [refRect.left + 1, rect.top], [refRect.left + 1, rect.bottom]];\n isInsideRect = clientX >= rect.left && clientX <= refRect.left + 1 && clientY >= rect.top && clientY <= rect.bottom;\n break;\n case 'right':\n rectPoly = [[refRect.right - 1, rect.bottom], [refRect.right - 1, rect.top], [rect.left + 1, rect.top], [rect.left + 1, rect.bottom]];\n isInsideRect = clientX >= refRect.right - 1 && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom;\n break;\n }\n function getPolygon(_ref3) {\n let [x, y] = _ref3;\n const isFloatingWider = rect.width > refRect.width;\n const isFloatingTaller = rect.height > refRect.height;\n switch (side) {\n case 'top':\n {\n const cursorPointOne = [isFloatingWider ? x + buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y + buffer + 1];\n const cursorPointTwo = [isFloatingWider ? x - buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y + buffer + 1];\n const commonPoints = [[rect.left, cursorLeaveFromRight ? rect.bottom - buffer : isFloatingWider ? rect.bottom - buffer : rect.top], [rect.right, cursorLeaveFromRight ? isFloatingWider ? rect.bottom - buffer : rect.top : rect.bottom - buffer]];\n return [cursorPointOne, cursorPointTwo, ...commonPoints];\n }\n case 'bottom':\n {\n const cursorPointOne = [isFloatingWider ? x + buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y - buffer];\n const cursorPointTwo = [isFloatingWider ? x - buffer / 2 : cursorLeaveFromRight ? x + buffer * 4 : x - buffer * 4, y - buffer];\n const commonPoints = [[rect.left, cursorLeaveFromRight ? rect.top + buffer : isFloatingWider ? rect.top + buffer : rect.bottom], [rect.right, cursorLeaveFromRight ? isFloatingWider ? rect.top + buffer : rect.bottom : rect.top + buffer]];\n return [cursorPointOne, cursorPointTwo, ...commonPoints];\n }\n case 'left':\n {\n const cursorPointOne = [x + buffer + 1, isFloatingTaller ? y + buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const cursorPointTwo = [x + buffer + 1, isFloatingTaller ? y - buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const commonPoints = [[cursorLeaveFromBottom ? rect.right - buffer : isFloatingTaller ? rect.right - buffer : rect.left, rect.top], [cursorLeaveFromBottom ? isFloatingTaller ? rect.right - buffer : rect.left : rect.right - buffer, rect.bottom]];\n return [...commonPoints, cursorPointOne, cursorPointTwo];\n }\n case 'right':\n {\n const cursorPointOne = [x - buffer, isFloatingTaller ? y + buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const cursorPointTwo = [x - buffer, isFloatingTaller ? y - buffer / 2 : cursorLeaveFromBottom ? y + buffer * 4 : y - buffer * 4];\n const commonPoints = [[cursorLeaveFromBottom ? rect.left + buffer : isFloatingTaller ? rect.left + buffer : rect.right, rect.top], [cursorLeaveFromBottom ? isFloatingTaller ? rect.left + buffer : rect.right : rect.left + buffer, rect.bottom]];\n return [cursorPointOne, cursorPointTwo, ...commonPoints];\n }\n }\n }\n const poly = isInsideRect ? rectPoly : getPolygon([x, y]);\n if (isInsideRect) {\n return;\n } else if (hasLanded && !isOverReferenceRect) {\n return close();\n }\n if (!isPointInPolygon([clientX, clientY], poly)) {\n close();\n } else if (restMs && !hasLanded) {\n timeoutId = setTimeout(close, restMs);\n }\n };\n };\n fn.__options = {\n blockPointerEvents\n };\n return fn;\n}\n\n/**\n * Provides data to position a floating element and context to add interactions.\n * @see https://floating-ui.com/docs/react\n */\nfunction useFloating(options) {\n if (options === void 0) {\n options = {};\n }\n const {\n open = false,\n onOpenChange: unstable_onOpenChange,\n nodeId\n } = options;\n const position = useFloating$1(options);\n const tree = useFloatingTree();\n const domReferenceRef = React.useRef(null);\n const dataRef = React.useRef({});\n const events = React.useState(() => createPubSub())[0];\n const [domReference, setDomReference] = React.useState(null);\n const setPositionReference = React.useCallback(node => {\n const positionReference = isElement(node) ? {\n getBoundingClientRect: () => node.getBoundingClientRect(),\n contextElement: node\n } : node;\n position.refs.setReference(positionReference);\n }, [position.refs]);\n const setReference = React.useCallback(node => {\n if (isElement(node) || node === null) {\n domReferenceRef.current = node;\n setDomReference(node);\n }\n\n // Backwards-compatibility for passing a virtual element to `reference`\n // after it has set the DOM reference.\n if (isElement(position.refs.reference.current) || position.refs.reference.current === null ||\n // Don't allow setting virtual elements using the old technique back to\n // `null` to support `positionReference` + an unstable `reference`\n // callback ref.\n node !== null && !isElement(node)) {\n position.refs.setReference(node);\n }\n }, [position.refs]);\n const refs = React.useMemo(() => ({\n ...position.refs,\n setReference,\n setPositionReference,\n domReference: domReferenceRef\n }), [position.refs, setReference, setPositionReference]);\n const elements = React.useMemo(() => ({\n ...position.elements,\n domReference: domReference\n }), [position.elements, domReference]);\n const onOpenChange = useEvent(unstable_onOpenChange);\n const context = React.useMemo(() => ({\n ...position,\n refs,\n elements,\n dataRef,\n nodeId,\n events,\n open,\n onOpenChange\n }), [position, nodeId, events, open, onOpenChange, refs, elements]);\n index(() => {\n const node = tree == null ? void 0 : tree.nodesRef.current.find(node => node.id === nodeId);\n if (node) {\n node.context = context;\n }\n });\n return React.useMemo(() => ({\n ...position,\n context,\n refs,\n reference: setReference,\n positionReference: setPositionReference\n }), [position, refs, context, setReference, setPositionReference]);\n}\n\nfunction mergeProps(userProps, propsList, elementKey) {\n const map = new Map();\n return {\n ...(elementKey === 'floating' && {\n tabIndex: -1\n }),\n ...userProps,\n ...propsList.map(value => value ? value[elementKey] : null).concat(userProps).reduce((acc, props) => {\n if (!props) {\n return acc;\n }\n Object.entries(props).forEach(_ref => {\n let [key, value] = _ref;\n if (key.indexOf('on') === 0) {\n if (!map.has(key)) {\n map.set(key, []);\n }\n if (typeof value === 'function') {\n var _map$get;\n (_map$get = map.get(key)) == null ? void 0 : _map$get.push(value);\n acc[key] = function () {\n var _map$get2;\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n (_map$get2 = map.get(key)) == null ? void 0 : _map$get2.forEach(fn => fn(...args));\n };\n }\n } else {\n acc[key] = value;\n }\n });\n return acc;\n }, {})\n };\n}\nconst useInteractions = function (propsList) {\n if (propsList === void 0) {\n propsList = [];\n }\n // The dependencies are a dynamic array, so we can't use the linter's\n // suggestion to add it to the deps array.\n const deps = propsList;\n const getReferenceProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'reference'),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n deps);\n const getFloatingProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'floating'),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n deps);\n const getItemProps = React.useCallback(userProps => mergeProps(userProps, propsList, 'item'),\n // Granularly check for `item` changes, because the `getItemProps` getter\n // should be as referentially stable as possible since it may be passed as\n // a prop to many components. All `item` key values must therefore be\n // memoized.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n propsList.map(key => key == null ? void 0 : key.item));\n return React.useMemo(() => ({\n getReferenceProps,\n getFloatingProps,\n getItemProps\n }), [getReferenceProps, getFloatingProps, getItemProps]);\n};\n\nexport { FloatingDelayGroup, FloatingFocusManager, FloatingNode, FloatingOverlay, FloatingPortal, FloatingTree, inner, safePolygon, useClick, useDelayGroup, useDelayGroupContext, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useFloatingPortalNode, useFloatingTree, useFocus, useHover, useId, useInnerOffset, useInteractions, useListNavigation, useMergeRefs, useRole, useTransitionStatus, useTransitionStyles, useTypeahead };\n","import{isValidElement as r,cloneElement as e,createElement as s,Fragment as n}from\"react\";import{useFormContext as a,get as t}from\"react-hook-form\";var o=function(o){var m=o.as,f=o.errors,i=o.name,u=o.message,c=o.render,g=function(r,e){if(null==r)return{};var s,n,a={},t=Object.keys(r);for(n=0;n
=0||(a[s]=r[s]);return a}(o,[\"as\",\"errors\",\"name\",\"message\",\"render\"]),l=a(),d=t(f||l.errors,i);if(!d)return null;var p=d.message,v=d.types,h=Object.assign({},g,{children:p||u});return r(m)?e(m,h):c?c({message:p||u,messages:v}):s(m||n,h)};export{o as ErrorMessage};\n//# sourceMappingURL=index.esm.js.map\n","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar DEFAULT_SIZE = 24;\n\nexports.default = function (_ref) {\n var _ref$fill = _ref.fill,\n fill = _ref$fill === undefined ? 'currentColor' : _ref$fill,\n _ref$width = _ref.width,\n width = _ref$width === undefined ? DEFAULT_SIZE : _ref$width,\n _ref$height = _ref.height,\n height = _ref$height === undefined ? DEFAULT_SIZE : _ref$height,\n _ref$style = _ref.style,\n style = _ref$style === undefined ? {} : _ref$style,\n props = _objectWithoutProperties(_ref, ['fill', 'width', 'height', 'style']);\n\n return _react2.default.createElement(\n 'svg',\n _extends({\n viewBox: '0 0 ' + DEFAULT_SIZE + ' ' + DEFAULT_SIZE,\n style: _extends({ fill: fill, width: width, height: height }, style)\n }, props),\n _react2.default.createElement('path', { d: 'M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' })\n );\n};","'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar DEFAULT_SIZE = 24;\n\nexports.default = function (_ref) {\n var _ref$fill = _ref.fill,\n fill = _ref$fill === undefined ? 'currentColor' : _ref$fill,\n _ref$width = _ref.width,\n width = _ref$width === undefined ? DEFAULT_SIZE : _ref$width,\n _ref$height = _ref.height,\n height = _ref$height === undefined ? DEFAULT_SIZE : _ref$height,\n _ref$style = _ref.style,\n style = _ref$style === undefined ? {} : _ref$style,\n props = _objectWithoutProperties(_ref, ['fill', 'width', 'height', 'style']);\n\n return _react2.default.createElement(\n 'svg',\n _extends({\n viewBox: '0 0 ' + DEFAULT_SIZE + ' ' + DEFAULT_SIZE,\n style: _extends({ fill: fill, width: width, height: height }, style)\n }, props),\n _react2.default.createElement('path', { d: 'M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z' })\n );\n};","function getSafeId(uid, errorMessage) {\n return (value) => {\n if (typeof value !== \"string\" || value.trim().length === 0) {\n throw new Error(errorMessage);\n }\n return `${uid}-${value}`;\n };\n}\n\nexport { getSafeId };\n//# sourceMappingURL=get-safe-id.js.map\n","const ACCORDION_ERRORS = {\n context: \"Accordion component was not found in the tree\",\n itemContext: \"Accordion.Item component was not found in the tree\",\n value: \"Accordion.Item component was rendered with invalid value or without value\"\n};\n\nexport { ACCORDION_ERRORS };\n//# sourceMappingURL=Accordion.errors.js.map\n","import { createSafeContext } from '@mantine/utils';\nimport { ACCORDION_ERRORS } from './Accordion.errors.js';\n\nconst [AccordionContextProvider, useAccordionContext] = createSafeContext(ACCORDION_ERRORS.context);\n\nexport { AccordionContextProvider, useAccordionContext };\n//# sourceMappingURL=Accordion.context.js.map\n","import React from 'react';\nimport { getSafeId } from '@mantine/utils';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport { AccordionContextProvider } from './Accordion.context.js';\nimport { ACCORDION_ERRORS } from './Accordion.errors.js';\n\nfunction AccordionProvider({\n children,\n multiple,\n value,\n defaultValue,\n onChange,\n id,\n loop,\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n chevronSize,\n order,\n chevron,\n variant,\n radius,\n classNames,\n styles,\n unstyled\n}) {\n const uid = useId(id);\n const [_value, handleChange] = useUncontrolled({\n value,\n defaultValue,\n finalValue: multiple ? [] : null,\n onChange\n });\n const isItemActive = (itemValue) => Array.isArray(_value) ? _value.includes(itemValue) : itemValue === _value;\n const handleItemChange = (itemValue) => {\n const nextValue = Array.isArray(_value) ? _value.includes(itemValue) ? _value.filter((selectedValue) => selectedValue !== itemValue) : [..._value, itemValue] : itemValue === _value ? null : itemValue;\n handleChange(nextValue);\n };\n return /* @__PURE__ */ React.createElement(AccordionContextProvider, {\n value: {\n isItemActive,\n onChange: handleItemChange,\n getControlId: getSafeId(`${uid}-control`, ACCORDION_ERRORS.value),\n getRegionId: getSafeId(`${uid}-panel`, ACCORDION_ERRORS.value),\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n chevronSize,\n order,\n chevron,\n loop,\n variant,\n radius,\n classNames,\n styles,\n unstyled\n }\n }, children);\n}\n\nexport { AccordionProvider };\n//# sourceMappingURL=AccordionProvider.js.map\n","import { createSafeContext } from '@mantine/utils';\nimport { ACCORDION_ERRORS } from './Accordion.errors.js';\n\nconst [AccordionItemContextProvider, useAccordionItemContext] = createSafeContext(ACCORDION_ERRORS.itemContext);\n\nexport { AccordionItemContextProvider, useAccordionItemContext };\n//# sourceMappingURL=AccordionItem.context.js.map\n","import { createStyles, rem } from '@mantine/styles';\n\nfunction getVariantStyles(theme, variant, { radius }) {\n const borderColor = theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[3];\n const filledColor = theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.colors.gray[0];\n const borderRadius = theme.fn.radius(radius);\n if (variant === \"default\") {\n return {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n borderBottom: `${rem(1)} solid ${borderColor}`\n };\n }\n if (variant === \"contained\") {\n return {\n border: `${rem(1)} solid ${borderColor}`,\n transition: \"background-color 150ms ease\",\n \"&[data-active]\": {\n backgroundColor: filledColor\n },\n \"&:first-of-type\": {\n borderTopRightRadius: borderRadius,\n borderTopLeftRadius: borderRadius,\n \"& > [data-accordion-control]\": {\n borderTopRightRadius: borderRadius,\n borderTopLeftRadius: borderRadius\n }\n },\n \"&:last-of-type\": {\n borderBottomRightRadius: borderRadius,\n borderBottomLeftRadius: borderRadius,\n \"& > [data-accordion-control]\": {\n borderBottomRightRadius: borderRadius,\n borderBottomLeftRadius: borderRadius\n }\n },\n \"& + &\": {\n borderTop: 0\n }\n };\n }\n if (variant === \"filled\") {\n return {\n borderRadius,\n \"&[data-active]\": {\n backgroundColor: filledColor\n }\n };\n }\n if (variant === \"separated\") {\n return {\n borderRadius,\n backgroundColor: filledColor,\n border: `${rem(1)} solid transparent`,\n transition: \"background-color 150ms ease\",\n \"& + &\": {\n marginTop: theme.spacing.md\n },\n \"&[data-active]\": {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[7] : theme.white,\n borderColor\n }\n };\n }\n return {};\n}\nvar useStyles = createStyles((theme, params, { variant }) => ({\n item: getVariantStyles(theme, variant, params)\n}));\n\nexport default useStyles;\n//# sourceMappingURL=AccordionItem.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { AccordionItemContextProvider } from '../AccordionItem.context.js';\nimport useStyles from './AccordionItem.styles.js';\nimport { useAccordionContext } from '../Accordion.context.js';\nimport { Box } from '../../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst AccordionItem = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"AccordionItem\", defaultProps, props), { children, className, value } = _a, others = __objRest(_a, [\"children\", \"className\", \"value\"]);\n const ctx = useAccordionContext();\n const { classes, cx } = useStyles({ radius: ctx.radius }, {\n name: \"Accordion\",\n classNames: ctx.classNames,\n styles: ctx.styles,\n unstyled: ctx.unstyled,\n variant: ctx.variant\n });\n return /* @__PURE__ */ React.createElement(AccordionItemContextProvider, {\n value: { value }\n }, /* @__PURE__ */ React.createElement(Box, __spreadValues({\n ref,\n className: cx(classes.item, className),\n \"data-active\": ctx.isItemActive(value) || void 0\n }, others), children));\n});\nAccordionItem.displayName = \"@mantine/core/AccordionItem\";\n\nexport { AccordionItem };\n//# sourceMappingURL=AccordionItem.js.map\n","import { createStyles, rem } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction getVariantStyles(theme, variant) {\n if (variant === \"default\" || variant === \"contained\") {\n return theme.fn.hover({\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.colors.gray[0]\n });\n }\n return {};\n}\nvar useStyles = createStyles((theme, { transitionDuration, chevronPosition, chevronSize }, { variant }) => ({\n icon: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n marginRight: chevronPosition === \"left\" ? 0 : theme.spacing.sm,\n marginLeft: chevronPosition === \"left\" ? theme.spacing.lg : 0\n },\n chevron: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n transition: `transform ${transitionDuration}ms ease`,\n marginRight: chevronPosition === \"right\" ? 0 : theme.spacing.sm,\n marginLeft: chevronPosition === \"right\" ? theme.spacing.lg : 0,\n width: rem(chevronSize),\n minWidth: rem(chevronSize),\n \"&[data-rotate]\": {\n transform: \"rotate(180deg)\"\n }\n },\n label: {\n color: \"inherit\",\n fontWeight: 400,\n flex: 1,\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n paddingTop: theme.spacing.md,\n paddingBottom: theme.spacing.md\n },\n itemTitle: {\n margin: 0,\n padding: 0\n },\n control: __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), getVariantStyles(theme, variant)), {\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: chevronPosition === \"right\" ? \"row-reverse\" : \"row\",\n paddingRight: theme.spacing.md,\n paddingLeft: chevronPosition === \"right\" ? `calc(${theme.spacing.md} + ${rem(4)})` : theme.spacing.xs,\n textAlign: \"left\",\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n \"&:disabled\": __spreadValues({\n opacity: 0.4,\n cursor: \"not-allowed\"\n }, theme.fn.hover({ backgroundColor: \"transparent\" }))\n })\n}));\n\nexport default useStyles;\n//# sourceMappingURL=AccordionControl.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { createScopedKeydownHandler } from '@mantine/utils';\nimport { useAccordionContext } from '../Accordion.context.js';\nimport { useAccordionItemContext } from '../AccordionItem.context.js';\nimport useStyles from './AccordionControl.styles.js';\nimport { UnstyledButton } from '../../UnstyledButton/UnstyledButton.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst AccordionControl = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"AccordionControl\", defaultProps, props), { disabled, onKeyDown, onClick, chevron, children, className, icon } = _a, others = __objRest(_a, [\"disabled\", \"onKeyDown\", \"onClick\", \"chevron\", \"children\", \"className\", \"icon\"]);\n const ctx = useAccordionContext();\n const { value } = useAccordionItemContext();\n const { classes, cx } = useStyles({\n transitionDuration: ctx.transitionDuration,\n chevronPosition: ctx.chevronPosition,\n chevronSize: ctx.chevronSize,\n radius: ctx.radius\n }, {\n name: \"Accordion\",\n classNames: ctx.classNames,\n styles: ctx.styles,\n unstyled: ctx.unstyled,\n variant: ctx.variant\n });\n const isActive = ctx.isItemActive(value);\n const shouldWrapWithHeading = typeof ctx.order === \"number\";\n const Heading = `h${ctx.order}`;\n const content = /* @__PURE__ */ React.createElement(UnstyledButton, __spreadProps(__spreadValues({}, others), {\n ref,\n \"data-accordion-control\": true,\n disabled,\n className: cx(classes.control, className),\n onClick: (event) => {\n onClick == null ? void 0 : onClick(event);\n ctx.onChange(value);\n },\n type: \"button\",\n \"data-active\": isActive || void 0,\n \"aria-expanded\": isActive,\n \"aria-controls\": ctx.getRegionId(value),\n id: ctx.getControlId(value),\n unstyled: ctx.unstyled,\n onKeyDown: createScopedKeydownHandler({\n siblingSelector: \"[data-accordion-control]\",\n parentSelector: \"[data-accordion]\",\n activateOnFocus: false,\n loop: ctx.loop,\n orientation: \"vertical\",\n onKeyDown\n })\n }), /* @__PURE__ */ React.createElement(\"span\", {\n className: classes.chevron,\n \"data-rotate\": !ctx.disableChevronRotation && isActive || void 0\n }, chevron || ctx.chevron), /* @__PURE__ */ React.createElement(\"span\", {\n className: classes.label\n }, children), icon && /* @__PURE__ */ React.createElement(\"span\", {\n className: classes.icon\n }, icon));\n return shouldWrapWithHeading ? /* @__PURE__ */ React.createElement(Heading, {\n className: classes.itemTitle\n }, content) : content;\n});\nAccordionControl.displayName = \"@mantine/core/AccordionControl\";\n\nexport { AccordionControl };\n//# sourceMappingURL=AccordionControl.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme, _params) => ({\n panel: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {\n wordBreak: \"break-word\",\n lineHeight: theme.lineHeight\n }),\n content: {\n padding: theme.spacing.md,\n paddingTop: `calc(${theme.spacing.xs} / 2)`\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=AccordionPanel.styles.js.map\n","import { useRef, useState } from 'react';\nimport { flushSync } from 'react-dom';\nimport { mergeRefs, useDidUpdate } from '@mantine/hooks';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction getAutoHeightDuration(height) {\n if (!height || typeof height === \"string\") {\n return 0;\n }\n const constant = height / 36;\n return Math.round((4 + 15 * constant ** 0.25 + constant / 5) * 10);\n}\nfunction getElementHeight(el) {\n return (el == null ? void 0 : el.current) ? el.current.scrollHeight : \"auto\";\n}\nconst raf = typeof window !== \"undefined\" && window.requestAnimationFrame;\nfunction useCollapse({\n transitionDuration,\n transitionTimingFunction = \"ease\",\n onTransitionEnd = () => {\n },\n opened\n}) {\n const el = useRef(null);\n const collapsedHeight = 0;\n const collapsedStyles = {\n display: \"none\",\n height: 0,\n overflow: \"hidden\"\n };\n const [styles, setStylesRaw] = useState(opened ? {} : collapsedStyles);\n const setStyles = (newStyles) => {\n flushSync(() => setStylesRaw(newStyles));\n };\n const mergeStyles = (newStyles) => {\n setStyles((oldStyles) => __spreadValues(__spreadValues({}, oldStyles), newStyles));\n };\n function getTransitionStyles(height) {\n const _duration = transitionDuration || getAutoHeightDuration(height);\n return {\n transition: `height ${_duration}ms ${transitionTimingFunction}`\n };\n }\n useDidUpdate(() => {\n if (opened) {\n raf(() => {\n mergeStyles({ willChange: \"height\", display: \"block\", overflow: \"hidden\" });\n raf(() => {\n const height = getElementHeight(el);\n mergeStyles(__spreadProps(__spreadValues({}, getTransitionStyles(height)), { height }));\n });\n });\n } else {\n raf(() => {\n const height = getElementHeight(el);\n mergeStyles(__spreadProps(__spreadValues({}, getTransitionStyles(height)), { willChange: \"height\", height }));\n raf(() => mergeStyles({ height: collapsedHeight, overflow: \"hidden\" }));\n });\n }\n }, [opened]);\n const handleTransitionEnd = (e) => {\n if (e.target !== el.current || e.propertyName !== \"height\") {\n return;\n }\n if (opened) {\n const height = getElementHeight(el);\n if (height === styles.height) {\n setStyles({});\n } else {\n mergeStyles({ height });\n }\n onTransitionEnd();\n } else if (styles.height === collapsedHeight) {\n setStyles(collapsedStyles);\n onTransitionEnd();\n }\n };\n function getCollapseProps(_a = {}) {\n var _b = _a, { style = {}, refKey = \"ref\" } = _b, rest = __objRest(_b, [\"style\", \"refKey\"]);\n const theirRef = rest[refKey];\n return __spreadProps(__spreadValues({\n \"aria-hidden\": !opened\n }, rest), {\n [refKey]: mergeRefs(el, theirRef),\n onTransitionEnd: handleTransitionEnd,\n style: __spreadValues(__spreadValues({ boxSizing: \"border-box\" }, style), styles)\n });\n }\n return getCollapseProps;\n}\n\nexport { getElementHeight, useCollapse };\n//# sourceMappingURL=use-collapse.js.map\n","import React, { forwardRef } from 'react';\nimport { useReducedMotion } from '@mantine/hooks';\nimport { useComponentDefaultProps, useMantineTheme } from '@mantine/styles';\nimport { useCollapse } from './use-collapse.js';\nimport { extractSystemStyles } from '../Box/style-system-props/extract-system-styles/extract-system-styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n transitionDuration: 200,\n transitionTimingFunction: \"ease\",\n animateOpacity: true\n};\nconst Collapse = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Collapse\", defaultProps, props), {\n children,\n in: opened,\n transitionDuration,\n transitionTimingFunction,\n style,\n onTransitionEnd,\n animateOpacity\n } = _a, others = __objRest(_a, [\n \"children\",\n \"in\",\n \"transitionDuration\",\n \"transitionTimingFunction\",\n \"style\",\n \"onTransitionEnd\",\n \"animateOpacity\"\n ]);\n const theme = useMantineTheme();\n const shouldReduceMotion = useReducedMotion();\n const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n const duration = reduceMotion ? 0 : transitionDuration;\n const { systemStyles, rest } = extractSystemStyles(others);\n const getCollapseProps = useCollapse({\n opened,\n transitionDuration: duration,\n transitionTimingFunction,\n onTransitionEnd\n });\n if (duration === 0) {\n return opened ? /* @__PURE__ */ React.createElement(Box, __spreadValues({}, rest), children) : null;\n }\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({}, getCollapseProps(__spreadValues(__spreadValues({ style, ref }, rest), systemStyles))), /* @__PURE__ */ React.createElement(\"div\", {\n style: {\n opacity: opened || !animateOpacity ? 1 : 0,\n transition: animateOpacity ? `opacity ${duration}ms ${transitionTimingFunction}` : \"none\"\n }\n }, children));\n});\nCollapse.displayName = \"@mantine/core/Collapse\";\n\nexport { Collapse };\n//# sourceMappingURL=Collapse.js.map\n","import React from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { useAccordionContext } from '../Accordion.context.js';\nimport { useAccordionItemContext } from '../AccordionItem.context.js';\nimport useStyles from './AccordionPanel.styles.js';\nimport { Collapse } from '../../Collapse/Collapse.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nfunction AccordionPanel(props) {\n const _a = useComponentDefaultProps(\"AccordionPanel\", defaultProps, props), { children, className } = _a, others = __objRest(_a, [\"children\", \"className\"]);\n const ctx = useAccordionContext();\n const { value } = useAccordionItemContext();\n const { classNames, styles, unstyled } = useAccordionContext();\n const { classes, cx } = useStyles({ radius: ctx.radius }, { name: \"Accordion\", classNames, styles, unstyled, variant: ctx.variant });\n return /* @__PURE__ */ React.createElement(Collapse, __spreadProps(__spreadValues({}, others), {\n className: cx(classes.panel, className),\n in: ctx.isItemActive(value),\n transitionDuration: ctx.transitionDuration,\n role: \"region\",\n id: ctx.getRegionId(value),\n \"aria-labelledby\": ctx.getControlId(value)\n }), /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.content\n }, children));\n}\nAccordionPanel.displayName = \"@mantine/core/AccordionPanel\";\n\nexport { AccordionPanel };\n//# sourceMappingURL=AccordionPanel.js.map\n","import React from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { AccordionProvider } from './AccordionProvider.js';\nimport { AccordionItem } from './AccordionItem/AccordionItem.js';\nimport { AccordionControl } from './AccordionControl/AccordionControl.js';\nimport { AccordionPanel } from './AccordionPanel/AccordionPanel.js';\nimport { ChevronIcon } from './ChevronIcon.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n multiple: false,\n disableChevronRotation: false,\n transitionDuration: 200,\n chevronPosition: \"right\",\n variant: \"default\",\n chevronSize: 24,\n chevron: /* @__PURE__ */ React.createElement(ChevronIcon, null)\n};\nfunction Accordion(props) {\n const _a = useComponentDefaultProps(\"Accordion\", defaultProps, props), {\n id,\n loop,\n children,\n multiple,\n value,\n defaultValue,\n onChange,\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n chevronSize,\n order,\n chevron,\n classNames,\n styles,\n unstyled,\n variant,\n radius\n } = _a, others = __objRest(_a, [\n \"id\",\n \"loop\",\n \"children\",\n \"multiple\",\n \"value\",\n \"defaultValue\",\n \"onChange\",\n \"transitionDuration\",\n \"disableChevronRotation\",\n \"chevronPosition\",\n \"chevronSize\",\n \"order\",\n \"chevron\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"variant\",\n \"radius\"\n ]);\n return /* @__PURE__ */ React.createElement(AccordionProvider, {\n id,\n multiple,\n value,\n defaultValue,\n onChange,\n loop,\n transitionDuration,\n disableChevronRotation,\n chevronPosition,\n chevronSize,\n order,\n chevron,\n variant,\n radius,\n classNames,\n styles,\n unstyled\n }, /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, others), {\n \"data-accordion\": true\n }), children));\n}\nAccordion.Item = AccordionItem;\nAccordion.Control = AccordionControl;\nAccordion.Panel = AccordionPanel;\nAccordion.displayName = \"@mantine/core/Accordion\";\n\nexport { Accordion };\n//# sourceMappingURL=Accordion.js.map\n","import React from 'react';\nimport { rem } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction ChevronIcon(props) {\n const _a = props, { style } = _a, others = __objRest(_a, [\"style\"]);\n return /* @__PURE__ */ React.createElement(\"svg\", __spreadValues({\n viewBox: \"0 0 15 15\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n style: __spreadValues({ width: rem(16), height: rem(16) }, style)\n }, others), /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\",\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }));\n}\n\nexport { ChevronIcon };\n//# sourceMappingURL=ChevronIcon.js.map\n","import { createStyles, rem, getSize } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst ACTION_ICON_VARIANTS = [\n \"subtle\",\n \"filled\",\n \"outline\",\n \"light\",\n \"default\",\n \"transparent\",\n \"gradient\"\n];\nconst sizes = {\n xs: rem(18),\n sm: rem(22),\n md: rem(28),\n lg: rem(34),\n xl: rem(44)\n};\nfunction getVariantStyles({ variant, theme, color, gradient }) {\n const colors = theme.fn.variant({ color, variant, gradient });\n if (variant === \"gradient\") {\n return {\n border: 0,\n backgroundImage: colors.background,\n color: colors.color,\n \"&:hover\": theme.fn.hover({\n backgroundSize: \"200%\"\n })\n };\n }\n if (ACTION_ICON_VARIANTS.includes(variant)) {\n return __spreadValues({\n border: `${rem(1)} solid ${colors.border}`,\n backgroundColor: colors.background,\n color: colors.color\n }, theme.fn.hover({\n backgroundColor: colors.hover\n }));\n }\n return null;\n}\nvar useStyles = createStyles((theme, { radius, color, gradient }, { variant, size }) => ({\n root: __spreadProps(__spreadValues({\n position: \"relative\",\n borderRadius: theme.fn.radius(radius),\n padding: 0,\n lineHeight: 1,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n height: getSize({ size, sizes }),\n minHeight: getSize({ size, sizes }),\n width: getSize({ size, sizes }),\n minWidth: getSize({ size, sizes })\n }, getVariantStyles({ variant, theme, color, gradient })), {\n \"&:active\": theme.activeStyles,\n \"& [data-action-icon-loader]\": {\n maxWidth: \"70%\"\n },\n \"&:disabled, &[data-disabled]\": {\n color: theme.colors.gray[theme.colorScheme === \"dark\" ? 6 : 4],\n cursor: \"not-allowed\",\n backgroundColor: variant === \"transparent\" ? void 0 : theme.fn.themeColor(\"gray\", theme.colorScheme === \"dark\" ? 8 : 1),\n borderColor: variant === \"transparent\" ? void 0 : theme.fn.themeColor(\"gray\", theme.colorScheme === \"dark\" ? 8 : 1),\n backgroundImage: \"none\",\n pointerEvents: \"none\",\n \"&:active\": {\n transform: \"none\"\n }\n },\n \"&[data-loading]\": {\n pointerEvents: \"none\",\n \"&::before\": __spreadProps(__spreadValues({\n content: '\"\"'\n }, theme.fn.cover(rem(-1))), {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.fn.rgba(theme.colors.dark[7], 0.5) : \"rgba(255, 255, 255, .5)\",\n borderRadius: theme.fn.radius(radius),\n cursor: \"not-allowed\"\n })\n }\n })\n}));\n\nexport default useStyles;\nexport { ACTION_ICON_VARIANTS, sizes };\n//# sourceMappingURL=ActionIcon.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport useStyles from './ActionIcon.styles.js';\nimport { Loader } from '../Loader/Loader.js';\nimport { UnstyledButton } from '../UnstyledButton/UnstyledButton.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n color: \"gray\",\n size: \"md\",\n variant: \"subtle\"\n};\nconst _ActionIcon = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"ActionIcon\", defaultProps, props), {\n className,\n color,\n children,\n radius,\n size,\n variant,\n gradient,\n disabled,\n loaderProps,\n loading,\n unstyled,\n __staticSelector\n } = _a, others = __objRest(_a, [\n \"className\",\n \"color\",\n \"children\",\n \"radius\",\n \"size\",\n \"variant\",\n \"gradient\",\n \"disabled\",\n \"loaderProps\",\n \"loading\",\n \"unstyled\",\n \"__staticSelector\"\n ]);\n const { classes, cx, theme } = useStyles({ radius, color, gradient }, { name: [\"ActionIcon\", __staticSelector], unstyled, size, variant });\n const loader = /* @__PURE__ */ React.createElement(Loader, __spreadValues({\n color: theme.fn.variant({ color, variant }).color,\n size: \"100%\",\n \"data-action-icon-loader\": true\n }, loaderProps));\n return /* @__PURE__ */ React.createElement(UnstyledButton, __spreadValues({\n className: cx(classes.root, className),\n ref,\n disabled,\n \"data-disabled\": disabled || void 0,\n \"data-loading\": loading || void 0,\n unstyled\n }, others), loading ? loader : children);\n});\n_ActionIcon.displayName = \"@mantine/core/ActionIcon\";\nconst ActionIcon = createPolymorphicComponent(_ActionIcon);\n\nexport { ActionIcon, _ActionIcon };\n//# sourceMappingURL=ActionIcon.js.map\n","function filterData({ data, limit, value, filter }) {\n const result = [];\n for (let i = 0; i < data.length; i += 1) {\n if (filter(value, data[i])) {\n result.push(data[i]);\n }\n if (result.length >= limit) {\n break;\n }\n }\n return result;\n}\n\nexport { filterData };\n//# sourceMappingURL=filter-data.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar useStyles = createStyles(() => ({\n wrapper: {\n position: \"relative\"\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Autocomplete.styles.js.map\n","import React, { forwardRef, useState, useRef } from 'react';\nimport { useUncontrolled, useDidUpdate, useMergedRef } from '@mantine/hooks';\nimport { getDefaultZIndex } from '@mantine/styles';\nimport { groupOptions } from '@mantine/utils';\nimport { SelectItems } from '../Select/SelectItems/SelectItems.js';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem.js';\nimport { SelectPopover } from '../Select/SelectPopover/SelectPopover.js';\nimport { SelectScrollArea } from '../Select/SelectScrollArea/SelectScrollArea.js';\nimport { filterData } from './filter-data/filter-data.js';\nimport useStyles from './Autocomplete.styles.js';\nimport { useInputProps } from '../Input/use-input-props.js';\nimport { Input } from '../Input/Input.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction defaultFilter(value, item) {\n return item.value.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\nconst defaultProps = {\n required: false,\n size: \"sm\",\n shadow: \"sm\",\n limit: 5,\n itemComponent: DefaultItem,\n transitionProps: { transition: \"fade\", duration: 0 },\n initiallyOpened: false,\n filter: defaultFilter,\n switchDirectionOnFlip: false,\n zIndex: getDefaultZIndex(\"popover\"),\n dropdownPosition: \"flip\",\n maxDropdownHeight: \"auto\",\n positionDependencies: []\n};\nconst Autocomplete = forwardRef((props, ref) => {\n const _a = useInputProps(\"Autocomplete\", defaultProps, props), {\n inputProps,\n wrapperProps,\n shadow,\n data,\n limit,\n value,\n defaultValue,\n onChange,\n unstyled,\n itemComponent,\n onItemSubmit,\n onKeyDown,\n onFocus,\n onBlur,\n onClick,\n transitionProps,\n initiallyOpened,\n classNames,\n styles,\n filter,\n nothingFound,\n onDropdownClose,\n onDropdownOpen,\n withinPortal,\n switchDirectionOnFlip,\n zIndex,\n dropdownPosition,\n maxDropdownHeight,\n dropdownComponent,\n positionDependencies,\n readOnly,\n hoverOnSearchChange\n } = _a, others = __objRest(_a, [\n \"inputProps\",\n \"wrapperProps\",\n \"shadow\",\n \"data\",\n \"limit\",\n \"value\",\n \"defaultValue\",\n \"onChange\",\n \"unstyled\",\n \"itemComponent\",\n \"onItemSubmit\",\n \"onKeyDown\",\n \"onFocus\",\n \"onBlur\",\n \"onClick\",\n \"transitionProps\",\n \"initiallyOpened\",\n \"classNames\",\n \"styles\",\n \"filter\",\n \"nothingFound\",\n \"onDropdownClose\",\n \"onDropdownOpen\",\n \"withinPortal\",\n \"switchDirectionOnFlip\",\n \"zIndex\",\n \"dropdownPosition\",\n \"maxDropdownHeight\",\n \"dropdownComponent\",\n \"positionDependencies\",\n \"readOnly\",\n \"hoverOnSearchChange\"\n ]);\n const { classes } = useStyles(null, { classNames, styles, name: \"Autocomplete\", unstyled });\n const [dropdownOpened, _setDropdownOpened] = useState(initiallyOpened);\n const [hovered, setHovered] = useState(-1);\n const [direction, setDirection] = useState(\"column\");\n const inputRef = useRef(null);\n const [IMEOpen, setIMEOpen] = useState(false);\n const [_value, handleChange] = useUncontrolled({\n value,\n defaultValue,\n finalValue: \"\",\n onChange\n });\n const setDropdownOpened = (opened) => {\n _setDropdownOpened(opened);\n const handler = opened ? onDropdownOpen : onDropdownClose;\n typeof handler === \"function\" && handler();\n };\n useDidUpdate(() => {\n if (hoverOnSearchChange && _value) {\n setHovered(0);\n } else {\n setHovered(-1);\n }\n }, [_value, hoverOnSearchChange]);\n const handleItemClick = (item) => {\n handleChange(item.value);\n typeof onItemSubmit === \"function\" && onItemSubmit(item);\n setDropdownOpened(false);\n };\n const formattedData = data.map((item) => typeof item === \"string\" ? { value: item } : item);\n const filteredData = groupOptions({\n data: filterData({ data: formattedData, value: _value, limit, filter })\n });\n const handleInputKeydown = (event) => {\n if (IMEOpen) {\n return;\n }\n typeof onKeyDown === \"function\" && onKeyDown(event);\n const isColumn = direction === \"column\";\n const handleNext = () => {\n setHovered((current) => current < filteredData.length - 1 ? current + 1 : current);\n };\n const handlePrevious = () => {\n setHovered((current) => current > 0 ? current - 1 : current);\n };\n switch (event.key) {\n case \"ArrowUp\": {\n event.preventDefault();\n isColumn ? handlePrevious() : handleNext();\n break;\n }\n case \"ArrowDown\": {\n event.preventDefault();\n isColumn ? handleNext() : handlePrevious();\n break;\n }\n case \"Enter\": {\n if (filteredData[hovered] && dropdownOpened) {\n event.preventDefault();\n handleChange(filteredData[hovered].value);\n typeof onItemSubmit === \"function\" && onItemSubmit(filteredData[hovered]);\n setDropdownOpened(false);\n }\n break;\n }\n case \"Escape\": {\n if (dropdownOpened) {\n event.preventDefault();\n setDropdownOpened(false);\n }\n }\n }\n };\n const handleInputFocus = (event) => {\n typeof onFocus === \"function\" && onFocus(event);\n setDropdownOpened(true);\n };\n const handleInputBlur = (event) => {\n typeof onBlur === \"function\" && onBlur(event);\n setDropdownOpened(false);\n };\n const handleInputClick = (event) => {\n typeof onClick === \"function\" && onClick(event);\n setDropdownOpened(true);\n };\n const shouldRenderDropdown = dropdownOpened && (filteredData.length > 0 || filteredData.length === 0 && !!nothingFound);\n return /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadProps(__spreadValues({}, wrapperProps), {\n __staticSelector: \"Autocomplete\"\n }), /* @__PURE__ */ React.createElement(SelectPopover, {\n opened: shouldRenderDropdown,\n transitionProps,\n shadow: \"sm\",\n withinPortal,\n __staticSelector: \"Autocomplete\",\n onDirectionChange: setDirection,\n switchDirectionOnFlip,\n zIndex,\n dropdownPosition,\n positionDependencies,\n classNames,\n styles,\n unstyled,\n readOnly,\n variant: inputProps.variant\n }, /* @__PURE__ */ React.createElement(SelectPopover.Target, null, /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.wrapper,\n \"aria-controls\": inputProps.id,\n onMouseLeave: () => setHovered(-1),\n tabIndex: -1\n }, /* @__PURE__ */ React.createElement(Input, __spreadProps(__spreadValues(__spreadValues({\n type: \"search\",\n autoComplete: \"off\"\n }, inputProps), others), {\n readOnly,\n \"data-mantine-stop-propagation\": dropdownOpened,\n ref: useMergedRef(ref, inputRef),\n onKeyDown: handleInputKeydown,\n classNames,\n styles,\n __staticSelector: \"Autocomplete\",\n value: _value,\n onChange: (event) => {\n handleChange(event.currentTarget.value);\n setDropdownOpened(true);\n },\n onFocus: handleInputFocus,\n onBlur: handleInputBlur,\n onClick: handleInputClick,\n onCompositionStart: () => setIMEOpen(true),\n onCompositionEnd: () => setIMEOpen(false),\n role: \"combobox\",\n \"aria-haspopup\": \"listbox\",\n \"aria-owns\": shouldRenderDropdown ? `${inputProps.id}-items` : null,\n \"aria-expanded\": shouldRenderDropdown,\n \"aria-autocomplete\": \"list\",\n \"aria-controls\": shouldRenderDropdown ? `${inputProps.id}-items` : null,\n \"aria-activedescendant\": hovered >= 0 ? `${inputProps.id}-${hovered}` : null\n })))), /* @__PURE__ */ React.createElement(SelectPopover.Dropdown, {\n component: dropdownComponent || SelectScrollArea,\n maxHeight: maxDropdownHeight,\n direction,\n id: inputProps.id,\n __staticSelector: \"Autocomplete\",\n classNames,\n styles\n }, /* @__PURE__ */ React.createElement(SelectItems, {\n data: filteredData,\n hovered,\n classNames,\n styles,\n uuid: inputProps.id,\n __staticSelector: \"Autocomplete\",\n onItemHover: setHovered,\n onItemSelect: handleItemClick,\n itemComponent,\n size: inputProps.size,\n nothingFound,\n variant: inputProps.variant\n }))));\n});\nAutocomplete.displayName = \"@mantine/core/Autocomplete\";\n\nexport { Autocomplete, defaultFilter };\n//# sourceMappingURL=Autocomplete.js.map\n","import { getBreakpointValue, getSize } from '@mantine/styles';\n\nfunction getSortedKeys(value, theme) {\n const sorted = Object.keys(value).filter((breakpoint) => breakpoint !== \"base\").sort((a, b) => getBreakpointValue(getSize({ size: a, sizes: theme.breakpoints })) - getBreakpointValue(getSize({ size: b, sizes: theme.breakpoints })));\n return \"base\" in value ? [\"base\", ...sorted] : sorted;\n}\nfunction getResponsiveValue({ value, theme, getValue, property }) {\n if (value == null) {\n return void 0;\n }\n if (typeof value === \"object\") {\n const result = getSortedKeys(value, theme).reduce((acc, breakpointKey) => {\n if (breakpointKey === \"base\" && value.base !== void 0) {\n const baseValue = getValue(value.base, theme);\n if (Array.isArray(property)) {\n property.forEach((prop) => {\n acc[prop] = baseValue;\n });\n return acc;\n }\n acc[property] = baseValue;\n return acc;\n }\n const breakpointValue = getValue(value[breakpointKey], theme);\n if (Array.isArray(property)) {\n acc[theme.fn.largerThan(breakpointKey)] = {};\n property.forEach((prop) => {\n acc[theme.fn.largerThan(breakpointKey)][prop] = breakpointValue;\n });\n return acc;\n }\n acc[theme.fn.largerThan(breakpointKey)] = {\n [property]: breakpointValue\n };\n return acc;\n }, {});\n return result;\n }\n const cssValue = getValue(value, theme);\n if (Array.isArray(property)) {\n return property.reduce((acc, prop) => {\n acc[prop] = cssValue;\n return acc;\n }, {});\n }\n return { [property]: cssValue };\n}\n\nexport { getResponsiveValue };\n//# sourceMappingURL=get-responsive-value.js.map\n","import { getSize } from '@mantine/styles';\n\nconst NEGATIVE_VALUES = [\"-xs\", \"-sm\", \"-md\", \"-lg\", \"-xl\"];\nfunction getSpacingValue(size, theme) {\n if (NEGATIVE_VALUES.includes(size)) {\n return `calc(${getSize({\n size: size.replace(\"-\", \"\"),\n sizes: theme.spacing\n })} * -1)`;\n }\n return getSize({ size, sizes: theme.spacing });\n}\n\nexport { getSpacingValue };\n//# sourceMappingURL=get-spacing-value.js.map\n","import { getColorValue } from './get-color-value.js';\nimport { identity, getSizeValue } from './get-default-value.js';\nimport { getFontSizeValue } from './get-font-size-value.js';\nimport { getSpacingValue } from './get-spacing-value.js';\n\nconst valueGetters = {\n identity,\n color: getColorValue,\n size: getSizeValue,\n fontSize: getFontSizeValue,\n spacing: getSpacingValue\n};\n\nexport { valueGetters };\n//# sourceMappingURL=value-getters.js.map\n","import { rem } from '@mantine/styles';\n\nfunction getSizeValue(value) {\n return rem(value);\n}\nfunction identity(value) {\n return value;\n}\n\nexport { getSizeValue, identity };\n//# sourceMappingURL=get-default-value.js.map\n","function getColorValue(color, theme) {\n if (color === \"dimmed\") {\n return theme.colorScheme === \"dark\" ? theme.colors.dark[2] : theme.colors.gray[6];\n }\n return theme.fn.variant({ variant: \"filled\", color, primaryFallback: false }).background;\n}\n\nexport { getColorValue };\n//# sourceMappingURL=get-color-value.js.map\n","import { getSize } from '@mantine/styles';\n\nfunction getFontSizeValue(size, theme) {\n return getSize({ size, sizes: theme.fontSizes });\n}\n\nexport { getFontSizeValue };\n//# sourceMappingURL=get-font-size-value.js.map\n","const SYSTEM_PROPS = {\n m: { type: \"spacing\", property: \"margin\" },\n mt: { type: \"spacing\", property: \"marginTop\" },\n mb: { type: \"spacing\", property: \"marginBottom\" },\n ml: { type: \"spacing\", property: \"marginLeft\" },\n mr: { type: \"spacing\", property: \"marginRight\" },\n mx: { type: \"spacing\", property: [\"marginRight\", \"marginLeft\"] },\n my: { type: \"spacing\", property: [\"marginTop\", \"marginBottom\"] },\n p: { type: \"spacing\", property: \"padding\" },\n pt: { type: \"spacing\", property: \"paddingTop\" },\n pb: { type: \"spacing\", property: \"paddingBottom\" },\n pl: { type: \"spacing\", property: \"paddingLeft\" },\n pr: { type: \"spacing\", property: \"paddingRight\" },\n px: { type: \"spacing\", property: [\"paddingRight\", \"paddingLeft\"] },\n py: { type: \"spacing\", property: [\"paddingTop\", \"paddingBottom\"] },\n bg: { type: \"color\", property: \"background\" },\n c: { type: \"color\", property: \"color\" },\n opacity: { type: \"identity\", property: \"opacity\" },\n ff: { type: \"identity\", property: \"fontFamily\" },\n fz: { type: \"fontSize\", property: \"fontSize\" },\n fw: { type: \"identity\", property: \"fontWeight\" },\n lts: { type: \"size\", property: \"letterSpacing\" },\n ta: { type: \"identity\", property: \"textAlign\" },\n lh: { type: \"identity\", property: \"lineHeight\" },\n fs: { type: \"identity\", property: \"fontStyle\" },\n tt: { type: \"identity\", property: \"textTransform\" },\n td: { type: \"identity\", property: \"textDecoration\" },\n w: { type: \"spacing\", property: \"width\" },\n miw: { type: \"spacing\", property: \"minWidth\" },\n maw: { type: \"spacing\", property: \"maxWidth\" },\n h: { type: \"spacing\", property: \"height\" },\n mih: { type: \"spacing\", property: \"minHeight\" },\n mah: { type: \"spacing\", property: \"maxHeight\" },\n bgsz: { type: \"size\", property: \"backgroundSize\" },\n bgp: { type: \"identity\", property: \"backgroundPosition\" },\n bgr: { type: \"identity\", property: \"backgroundRepeat\" },\n bga: { type: \"identity\", property: \"backgroundAttachment\" },\n pos: { type: \"identity\", property: \"position\" },\n top: { type: \"identity\", property: \"top\" },\n left: { type: \"size\", property: \"left\" },\n bottom: { type: \"size\", property: \"bottom\" },\n right: { type: \"size\", property: \"right\" },\n inset: { type: \"size\", property: \"inset\" },\n display: { type: \"identity\", property: \"display\" }\n};\n\nexport { SYSTEM_PROPS };\n//# sourceMappingURL=system-props.js.map\n","import { getResponsiveValue } from '../get-responsive-value/get-responsive-value.js';\nimport { valueGetters } from '../value-getters/value-getters.js';\nimport { SYSTEM_PROPS } from '../system-props/system-props.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nfunction getSystemStyles(systemStyles, theme, systemProps = SYSTEM_PROPS) {\n const styles = Object.keys(systemProps).reduce((acc, systemProp) => {\n if (systemProp in systemStyles && systemStyles[systemProp] !== void 0) {\n acc.push(getResponsiveValue({\n value: systemStyles[systemProp],\n getValue: valueGetters[systemProps[systemProp].type],\n property: systemProps[systemProp].property,\n theme\n }));\n }\n return acc;\n }, []);\n return styles.reduce((acc, stylesPartial) => {\n Object.keys(stylesPartial).forEach((property) => {\n if (typeof stylesPartial[property] === \"object\" && stylesPartial[property] !== null) {\n if (!(property in acc)) {\n acc[property] = stylesPartial[property];\n } else {\n acc[property] = __spreadValues(__spreadValues({}, acc[property]), stylesPartial[property]);\n }\n } else {\n acc[property] = stylesPartial[property];\n }\n });\n return acc;\n }, {});\n}\n\nexport { getSystemStyles };\n//# sourceMappingURL=get-system-styles.js.map\n","import { useMantineTheme, useCss } from '@mantine/styles';\nimport { getSystemStyles } from '../style-system-props/get-system-styles/get-system-styles.js';\n\nfunction extractSx(sx, theme) {\n return typeof sx === \"function\" ? sx(theme) : sx;\n}\nfunction useSx(sx, systemProps, className) {\n const theme = useMantineTheme();\n const { css, cx } = useCss();\n if (Array.isArray(sx)) {\n return cx(className, css(getSystemStyles(systemProps, theme)), sx.map((partial) => css(extractSx(partial, theme))));\n }\n return cx(className, css(extractSx(sx, theme)), css(getSystemStyles(systemProps, theme)));\n}\n\nexport { useSx };\n//# sourceMappingURL=use-sx.js.map\n","import React, { forwardRef } from 'react';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { extractSystemStyles } from './style-system-props/extract-system-styles/extract-system-styles.js';\nimport { useSx } from './use-sx/use-sx.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst _Box = forwardRef((_a, ref) => {\n var _b = _a, { className, component, style, sx } = _b, others = __objRest(_b, [\"className\", \"component\", \"style\", \"sx\"]);\n const { systemStyles, rest } = extractSystemStyles(others);\n const Element = component || \"div\";\n return /* @__PURE__ */ React.createElement(Element, __spreadValues({\n ref,\n className: useSx(sx, systemStyles, className),\n style\n }, rest));\n});\n_Box.displayName = \"@mantine/core/Box\";\nconst Box = createPolymorphicComponent(_Box);\n\nexport { Box, _Box };\n//# sourceMappingURL=Box.js.map\n","import { filterProps } from '@mantine/styles';\n\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction extractSystemStyles(others) {\n const _a = others, {\n m,\n mx,\n my,\n mt,\n mb,\n ml,\n mr,\n p,\n px,\n py,\n pt,\n pb,\n pl,\n pr,\n bg,\n c,\n opacity,\n ff,\n fz,\n fw,\n lts,\n ta,\n lh,\n fs,\n tt,\n td,\n w,\n miw,\n maw,\n h,\n mih,\n mah,\n bgsz,\n bgp,\n bgr,\n bga,\n pos,\n top,\n left,\n bottom,\n right,\n inset,\n display\n } = _a, rest = __objRest(_a, [\n \"m\",\n \"mx\",\n \"my\",\n \"mt\",\n \"mb\",\n \"ml\",\n \"mr\",\n \"p\",\n \"px\",\n \"py\",\n \"pt\",\n \"pb\",\n \"pl\",\n \"pr\",\n \"bg\",\n \"c\",\n \"opacity\",\n \"ff\",\n \"fz\",\n \"fw\",\n \"lts\",\n \"ta\",\n \"lh\",\n \"fs\",\n \"tt\",\n \"td\",\n \"w\",\n \"miw\",\n \"maw\",\n \"h\",\n \"mih\",\n \"mah\",\n \"bgsz\",\n \"bgp\",\n \"bgr\",\n \"bga\",\n \"pos\",\n \"top\",\n \"left\",\n \"bottom\",\n \"right\",\n \"inset\",\n \"display\"\n ]);\n const systemStyles = filterProps({\n m,\n mx,\n my,\n mt,\n mb,\n ml,\n mr,\n p,\n px,\n py,\n pt,\n pb,\n pl,\n pr,\n bg,\n c,\n opacity,\n ff,\n fz,\n fw,\n lts,\n ta,\n lh,\n fs,\n tt,\n td,\n w,\n miw,\n maw,\n h,\n mih,\n mah,\n bgsz,\n bgp,\n bgr,\n bga,\n pos,\n top,\n left,\n bottom,\n right,\n inset,\n display\n });\n return { systemStyles, rest };\n}\n\nexport { extractSystemStyles };\n//# sourceMappingURL=extract-system-styles.js.map\n","import { useContext, createContext } from 'react';\n\nconst CheckboxGroupContext = createContext(null);\nconst CheckboxGroupProvider = CheckboxGroupContext.Provider;\nconst useCheckboxGroupContext = () => useContext(CheckboxGroupContext);\n\nexport { CheckboxGroupProvider, useCheckboxGroupContext };\n//# sourceMappingURL=CheckboxGroup.context.js.map\n","import React, { forwardRef } from 'react';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { CheckboxGroupProvider } from '../CheckboxGroup.context.js';\nimport { Input } from '../../Input/Input.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n size: \"sm\"\n};\nconst CheckboxGroup = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"CheckboxGroup\", defaultProps, props), { children, value, defaultValue, onChange, size, wrapperProps } = _a, others = __objRest(_a, [\"children\", \"value\", \"defaultValue\", \"onChange\", \"size\", \"wrapperProps\"]);\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: [],\n onChange\n });\n const handleChange = (event) => {\n const itemValue = event.currentTarget.value;\n setValue(_value.includes(itemValue) ? _value.filter((item) => item !== itemValue) : [..._value, itemValue]);\n };\n return /* @__PURE__ */ React.createElement(CheckboxGroupProvider, {\n value: { value: _value, onChange: handleChange, size }\n }, /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadValues(__spreadValues({\n labelElement: \"div\",\n size,\n __staticSelector: \"CheckboxGroup\",\n ref\n }, wrapperProps), others), children));\n});\nCheckboxGroup.displayName = \"@mantine/core/CheckboxGroup\";\n\nexport { CheckboxGroup };\n//# sourceMappingURL=CheckboxGroup.js.map\n","import React from 'react';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction CheckIcon(props) {\n const _a = props, { width, height, style } = _a, others = __objRest(_a, [\"width\", \"height\", \"style\"]);\n return /* @__PURE__ */ React.createElement(\"svg\", __spreadValues({\n viewBox: \"0 0 10 7\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n style: __spreadValues({ width, height }, style)\n }, others), /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M4 4.586L1.707 2.293A1 1 0 1 0 .293 3.707l3 3a.997.997 0 0 0 1.414 0l5-5A1 1 0 1 0 8.293.293L4 4.586z\",\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }));\n}\nfunction CheckboxIcon(_a) {\n var _b = _a, { indeterminate } = _b, others = __objRest(_b, [\"indeterminate\"]);\n if (indeterminate) {\n return /* @__PURE__ */ React.createElement(\"svg\", __spreadValues({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 32 6\"\n }, others), /* @__PURE__ */ React.createElement(\"rect\", {\n width: \"32\",\n height: \"6\",\n fill: \"currentColor\",\n rx: \"3\"\n }));\n }\n return /* @__PURE__ */ React.createElement(CheckIcon, __spreadValues({}, others));\n}\n\nexport { CheckIcon, CheckboxIcon };\n//# sourceMappingURL=CheckboxIcon.js.map\n","import { createStyles, getSize, getStylesRef, rem } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst sizes = {\n xs: rem(16),\n sm: rem(20),\n md: rem(24),\n lg: rem(30),\n xl: rem(36)\n};\nvar useStyles = createStyles((theme, {\n radius,\n color,\n transitionDuration,\n labelPosition,\n error,\n indeterminate\n}, { size }) => {\n const _size = getSize({ size, sizes });\n const colors = theme.fn.variant({ variant: \"filled\", color });\n return {\n icon: __spreadProps(__spreadValues({}, theme.fn.cover()), {\n ref: getStylesRef(\"icon\"),\n color: indeterminate ? \"inherit\" : theme.white,\n transform: indeterminate ? \"none\" : `translateY(${rem(5)}) scale(0.5)`,\n opacity: indeterminate ? 1 : 0,\n transitionProperty: \"opacity, transform\",\n transitionTimingFunction: \"ease\",\n transitionDuration: `${transitionDuration}ms`,\n pointerEvents: \"none\",\n width: \"60%\",\n position: \"absolute\",\n zIndex: 1,\n margin: \"auto\",\n \"@media (prefers-reduced-motion)\": {\n transitionDuration: theme.respectReducedMotion ? \"0ms\" : void 0\n }\n }),\n inner: {\n position: \"relative\",\n width: _size,\n height: _size,\n order: labelPosition === \"left\" ? 2 : 1\n },\n input: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {\n appearance: \"none\",\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.white,\n border: `${rem(1)} solid ${error ? theme.fn.variant({ variant: \"filled\", color: \"red\" }).background : theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[4]}`,\n width: _size,\n height: _size,\n borderRadius: theme.fn.radius(radius),\n padding: 0,\n display: \"block\",\n margin: 0,\n transition: `border-color ${transitionDuration}ms ease, background-color ${transitionDuration}ms ease`,\n cursor: theme.cursorType,\n \"&:checked\": {\n backgroundColor: colors.background,\n borderColor: colors.background,\n [`& + .${getStylesRef(\"icon\")}`]: {\n opacity: 1,\n color: theme.white,\n transform: \"translateY(0) scale(1)\"\n }\n },\n \"&:disabled\": {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[2],\n borderColor: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.colors.gray[3],\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n [`& + .${getStylesRef(\"icon\")}`]: {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.colors.gray[5]\n }\n }\n })\n };\n});\n\nexport default useStyles;\n//# sourceMappingURL=Checkbox.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { useId } from '@mantine/hooks';\nimport { useCheckboxGroupContext } from './CheckboxGroup.context.js';\nimport { CheckboxGroup } from './CheckboxGroup/CheckboxGroup.js';\nimport { CheckboxIcon } from './CheckboxIcon.js';\nimport useStyles from './Checkbox.styles.js';\nimport { extractSystemStyles } from '../Box/style-system-props/extract-system-styles/extract-system-styles.js';\nimport { InlineInput } from '../InlineInput/InlineInput.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n size: \"sm\",\n transitionDuration: 100,\n icon: CheckboxIcon,\n labelPosition: \"right\"\n};\nconst Checkbox = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Checkbox\", defaultProps, props), {\n className,\n style,\n sx,\n checked,\n disabled,\n color,\n label,\n indeterminate,\n id,\n size,\n radius,\n wrapperProps,\n children,\n classNames,\n styles,\n transitionDuration,\n icon: Icon,\n unstyled,\n labelPosition,\n description,\n error,\n variant\n } = _a, others = __objRest(_a, [\n \"className\",\n \"style\",\n \"sx\",\n \"checked\",\n \"disabled\",\n \"color\",\n \"label\",\n \"indeterminate\",\n \"id\",\n \"size\",\n \"radius\",\n \"wrapperProps\",\n \"children\",\n \"classNames\",\n \"styles\",\n \"transitionDuration\",\n \"icon\",\n \"unstyled\",\n \"labelPosition\",\n \"description\",\n \"error\",\n \"variant\"\n ]);\n const ctx = useCheckboxGroupContext();\n const uuid = useId(id);\n const { systemStyles, rest } = extractSystemStyles(others);\n const { classes } = useStyles({\n radius,\n color,\n transitionDuration,\n labelPosition,\n error: !!error,\n indeterminate\n }, { name: \"Checkbox\", classNames, styles, unstyled, variant, size: (ctx == null ? void 0 : ctx.size) || size });\n const contextProps = ctx ? {\n checked: ctx.value.includes(rest.value),\n onChange: ctx.onChange\n } : {};\n return /* @__PURE__ */ React.createElement(InlineInput, __spreadValues(__spreadValues({\n className,\n sx,\n style,\n id: uuid,\n size: (ctx == null ? void 0 : ctx.size) || size,\n labelPosition,\n label,\n description,\n error,\n disabled,\n __staticSelector: \"Checkbox\",\n classNames,\n styles,\n unstyled,\n \"data-checked\": contextProps.checked || void 0,\n variant\n }, systemStyles), wrapperProps), /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.inner\n }, /* @__PURE__ */ React.createElement(\"input\", __spreadValues(__spreadValues({\n id: uuid,\n ref,\n type: \"checkbox\",\n className: classes.input,\n checked,\n disabled\n }, rest), contextProps)), /* @__PURE__ */ React.createElement(Icon, {\n indeterminate,\n className: classes.icon\n })));\n});\nCheckbox.displayName = \"@mantine/core/Checkbox\";\nCheckbox.Group = CheckboxGroup;\n\nexport { Checkbox };\n//# sourceMappingURL=Checkbox.js.map\n","import React from 'react';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction CloseIcon(props) {\n const _a = props, { width, height, style } = _a, others = __objRest(_a, [\"width\", \"height\", \"style\"]);\n return /* @__PURE__ */ React.createElement(\"svg\", __spreadValues({\n viewBox: \"0 0 15 15\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n style: __spreadValues({ width, height }, style)\n }, others), /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\",\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }));\n}\nCloseIcon.displayName = \"@mantine/core/CloseIcon\";\n\nexport { CloseIcon };\n//# sourceMappingURL=CloseIcon.js.map\n","import React, { forwardRef } from 'react';\nimport { rem, useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { ActionIcon } from '../ActionIcon/ActionIcon.js';\nimport { CloseIcon } from './CloseIcon.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst iconSizes = {\n xs: rem(12),\n sm: rem(16),\n md: rem(20),\n lg: rem(28),\n xl: rem(34)\n};\nconst defaultProps = {\n size: \"sm\"\n};\nconst _CloseButton = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"CloseButton\", defaultProps, props), { iconSize, size, children } = _a, others = __objRest(_a, [\"iconSize\", \"size\", \"children\"]);\n const _iconSize = rem(iconSize || iconSizes[size]);\n return /* @__PURE__ */ React.createElement(ActionIcon, __spreadValues({\n ref,\n __staticSelector: \"CloseButton\",\n size\n }, others), children || /* @__PURE__ */ React.createElement(CloseIcon, {\n width: _iconSize,\n height: _iconSize\n }));\n});\n_CloseButton.displayName = \"@mantine/core/CloseButton\";\nconst CloseButton = createPolymorphicComponent(_CloseButton);\n\nexport { CloseButton, _CloseButton };\n//# sourceMappingURL=CloseButton.js.map\n","import { rem } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction horizontalSide(placement, arrowY, arrowOffset, arrowPosition) {\n if (placement === \"center\" || arrowPosition === \"center\") {\n return { top: arrowY };\n }\n if (placement === \"end\") {\n return { bottom: arrowOffset };\n }\n if (placement === \"start\") {\n return { top: arrowOffset };\n }\n return {};\n}\nfunction verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir) {\n if (placement === \"center\" || arrowPosition === \"center\") {\n return { left: arrowX };\n }\n if (placement === \"end\") {\n return { [dir === \"ltr\" ? \"right\" : \"left\"]: arrowOffset };\n }\n if (placement === \"start\") {\n return { [dir === \"ltr\" ? \"left\" : \"right\"]: arrowOffset };\n }\n return {};\n}\nconst radiusByFloatingSide = {\n bottom: \"borderTopLeftRadius\",\n left: \"borderTopRightRadius\",\n right: \"borderBottomLeftRadius\",\n top: \"borderBottomRightRadius\"\n};\nfunction getArrowPositionStyles({\n position,\n arrowSize,\n arrowOffset,\n arrowRadius,\n arrowPosition,\n arrowX,\n arrowY,\n dir\n}) {\n const [side, placement = \"center\"] = position.split(\"-\");\n const baseStyles = {\n width: rem(arrowSize),\n height: rem(arrowSize),\n transform: \"rotate(45deg)\",\n position: \"absolute\",\n [radiusByFloatingSide[side]]: rem(arrowRadius)\n };\n const arrowPlacement = rem(-arrowSize / 2);\n if (side === \"left\") {\n return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), horizontalSide(placement, arrowY, arrowOffset, arrowPosition)), {\n right: arrowPlacement,\n borderLeftColor: \"transparent\",\n borderBottomColor: \"transparent\"\n });\n }\n if (side === \"right\") {\n return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), horizontalSide(placement, arrowY, arrowOffset, arrowPosition)), {\n left: arrowPlacement,\n borderRightColor: \"transparent\",\n borderTopColor: \"transparent\"\n });\n }\n if (side === \"top\") {\n return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir)), {\n bottom: arrowPlacement,\n borderTopColor: \"transparent\",\n borderLeftColor: \"transparent\"\n });\n }\n if (side === \"bottom\") {\n return __spreadProps(__spreadValues(__spreadValues({}, baseStyles), verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir)), {\n top: arrowPlacement,\n borderBottomColor: \"transparent\",\n borderRightColor: \"transparent\"\n });\n }\n return {};\n}\n\nexport { getArrowPositionStyles };\n//# sourceMappingURL=get-arrow-position-styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useMantineTheme } from '@mantine/styles';\nimport { getArrowPositionStyles } from './get-arrow-position-styles.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst FloatingArrow = forwardRef((_a, ref) => {\n var _b = _a, {\n position,\n arrowSize,\n arrowOffset,\n arrowRadius,\n arrowPosition,\n visible,\n arrowX,\n arrowY\n } = _b, others = __objRest(_b, [\n \"position\",\n \"arrowSize\",\n \"arrowOffset\",\n \"arrowRadius\",\n \"arrowPosition\",\n \"visible\",\n \"arrowX\",\n \"arrowY\"\n ]);\n const theme = useMantineTheme();\n if (!visible) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(\"div\", __spreadProps(__spreadValues({}, others), {\n ref,\n style: getArrowPositionStyles({\n position,\n arrowSize,\n arrowOffset,\n arrowRadius,\n arrowPosition,\n dir: theme.dir,\n arrowX,\n arrowY\n })\n }));\n});\nFloatingArrow.displayName = \"@mantine/core/FloatingArrow\";\n\nexport { FloatingArrow };\n//# sourceMappingURL=FloatingArrow.js.map\n","function getFloatingPosition(dir, position) {\n if (dir === \"rtl\" && (position.includes(\"right\") || position.includes(\"left\"))) {\n const [side, placement] = position.split(\"-\");\n const flippedPosition = side === \"right\" ? \"left\" : \"right\";\n return placement === void 0 ? flippedPosition : `${flippedPosition}-${placement}`;\n }\n return position;\n}\n\nexport { getFloatingPosition };\n//# sourceMappingURL=get-floating-position.js.map\n","import { useState, useEffect } from 'react';\nimport { autoUpdate } from '@floating-ui/react';\nimport { useDidUpdate } from '@mantine/hooks';\n\nfunction useFloatingAutoUpdate({\n opened,\n floating,\n position,\n positionDependencies\n}) {\n const [delayedUpdate, setDelayedUpdate] = useState(0);\n useEffect(() => {\n if (floating.refs.reference.current && floating.refs.floating.current) {\n return autoUpdate(floating.refs.reference.current, floating.refs.floating.current, floating.update);\n }\n return void 0;\n }, [\n floating.refs.reference.current,\n floating.refs.floating.current,\n opened,\n delayedUpdate,\n position\n ]);\n useDidUpdate(() => {\n floating.update();\n }, positionDependencies);\n useDidUpdate(() => {\n setDelayedUpdate((c) => c + 1);\n }, [opened]);\n}\n\nexport { useFloatingAutoUpdate };\n//# sourceMappingURL=use-floating-auto-update.js.map\n","const TABBABLE_NODES = /input|select|textarea|button|object/;\nconst FOCUS_SELECTOR = \"a, input, select, textarea, button, object, [tabindex]\";\nfunction hidden(element) {\n if (process.env.NODE_ENV === \"test\") {\n return false;\n }\n return element.style.display === \"none\";\n}\nfunction visible(element) {\n const isHidden = element.getAttribute(\"aria-hidden\") || element.getAttribute(\"hidden\") || element.getAttribute(\"type\") === \"hidden\";\n if (isHidden) {\n return false;\n }\n let parentElement = element;\n while (parentElement) {\n if (parentElement === document.body || parentElement.nodeType === 11) {\n break;\n }\n if (hidden(parentElement)) {\n return false;\n }\n parentElement = parentElement.parentNode;\n }\n return true;\n}\nfunction getElementTabIndex(element) {\n let tabIndex = element.getAttribute(\"tabindex\");\n if (tabIndex === null) {\n tabIndex = void 0;\n }\n return parseInt(tabIndex, 10);\n}\nfunction focusable(element) {\n const nodeName = element.nodeName.toLowerCase();\n const isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));\n const res = TABBABLE_NODES.test(nodeName) && !element.disabled || (element instanceof HTMLAnchorElement ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);\n return res && visible(element);\n}\nfunction tabbable(element) {\n const tabIndex = getElementTabIndex(element);\n const isTabIndexNaN = Number.isNaN(tabIndex);\n return (isTabIndexNaN || tabIndex >= 0) && focusable(element);\n}\nfunction findTabbableDescendants(element) {\n return Array.from(element.querySelectorAll(FOCUS_SELECTOR)).filter(tabbable);\n}\n\nexport { FOCUS_SELECTOR, findTabbableDescendants, focusable, tabbable };\n//# sourceMappingURL=tabbable.js.map\n","import { useRef, useCallback, useEffect } from 'react';\nimport { FOCUS_SELECTOR, tabbable, focusable } from './tabbable.js';\nimport { scopeTab } from './scope-tab.js';\nimport { createAriaHider } from './create-aria-hider.js';\n\nfunction useFocusTrap(active = true) {\n const ref = useRef();\n const restoreAria = useRef(null);\n const focusNode = (node) => {\n let focusElement = node.querySelector(\"[data-autofocus]\");\n if (!focusElement) {\n const children = Array.from(node.querySelectorAll(FOCUS_SELECTOR));\n focusElement = children.find(tabbable) || children.find(focusable) || null;\n if (!focusElement && focusable(node))\n focusElement = node;\n }\n if (focusElement) {\n focusElement.focus({ preventScroll: true });\n } else if (process.env.NODE_ENV === \"development\") {\n console.warn(\"[@mantine/hooks/use-focus-trap] Failed to find focusable element within provided node\", node);\n }\n };\n const setRef = useCallback((node) => {\n if (!active) {\n return;\n }\n if (node === null) {\n if (restoreAria.current) {\n restoreAria.current();\n restoreAria.current = null;\n }\n return;\n }\n restoreAria.current = createAriaHider(node);\n if (ref.current === node) {\n return;\n }\n if (node) {\n setTimeout(() => {\n if (node.getRootNode()) {\n focusNode(node);\n } else if (process.env.NODE_ENV === \"development\") {\n console.warn(\"[@mantine/hooks/use-focus-trap] Ref node is not part of the dom\", node);\n }\n });\n ref.current = node;\n } else {\n ref.current = null;\n }\n }, [active]);\n useEffect(() => {\n if (!active) {\n return void 0;\n }\n ref.current && setTimeout(() => focusNode(ref.current));\n const handleKeyDown = (event) => {\n if (event.key === \"Tab\" && ref.current) {\n scopeTab(ref.current, event);\n }\n };\n document.addEventListener(\"keydown\", handleKeyDown);\n return () => {\n document.removeEventListener(\"keydown\", handleKeyDown);\n if (restoreAria.current) {\n restoreAria.current();\n }\n };\n }, [active]);\n return setRef;\n}\n\nexport { useFocusTrap };\n//# sourceMappingURL=use-focus-trap.js.map\n","import { randomId } from '../utils/random-id/random-id.js';\n\nfunction createAriaHider(containerNode, selector = \"body > :not(script)\") {\n const id = randomId();\n const rootNodes = Array.from(document.querySelectorAll(selector)).map((node) => {\n var _a;\n if (((_a = node == null ? void 0 : node.shadowRoot) == null ? void 0 : _a.contains(containerNode)) || node.contains(containerNode)) {\n return void 0;\n }\n const ariaHidden = node.getAttribute(\"aria-hidden\");\n const prevAriaHidden = node.getAttribute(\"data-hidden\");\n const prevFocusId = node.getAttribute(\"data-focus-id\");\n node.setAttribute(\"data-focus-id\", id);\n if (ariaHidden === null || ariaHidden === \"false\") {\n node.setAttribute(\"aria-hidden\", \"true\");\n } else if (!prevAriaHidden && !prevFocusId) {\n node.setAttribute(\"data-hidden\", ariaHidden);\n }\n return {\n node,\n ariaHidden: prevAriaHidden || null\n };\n });\n return () => {\n rootNodes.forEach((item) => {\n if (!item || id !== item.node.getAttribute(\"data-focus-id\")) {\n return;\n }\n if (item.ariaHidden === null) {\n item.node.removeAttribute(\"aria-hidden\");\n } else {\n item.node.setAttribute(\"aria-hidden\", item.ariaHidden);\n }\n item.node.removeAttribute(\"data-focus-id\");\n item.node.removeAttribute(\"data-hidden\");\n });\n };\n}\n\nexport { createAriaHider };\n//# sourceMappingURL=create-aria-hider.js.map\n","import { findTabbableDescendants } from './tabbable.js';\n\nfunction scopeTab(node, event) {\n const tabbable = findTabbableDescendants(node);\n if (!tabbable.length) {\n event.preventDefault();\n return;\n }\n const finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];\n const root = node.getRootNode();\n const leavingFinalTabbable = finalTabbable === root.activeElement || node === root.activeElement;\n if (!leavingFinalTabbable) {\n return;\n }\n event.preventDefault();\n const target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];\n if (target) {\n target.focus();\n }\n}\n\nexport { scopeTab };\n//# sourceMappingURL=scope-tab.js.map\n","import { cloneElement } from 'react';\nimport { isElement } from '@mantine/utils';\nimport { useFocusTrap, useMergedRef } from '@mantine/hooks';\n\nfunction FocusTrap({\n children,\n active = true,\n refProp = \"ref\"\n}) {\n const focusTrapRef = useFocusTrap(active);\n const ref = useMergedRef(focusTrapRef, children == null ? void 0 : children.ref);\n if (!isElement(children)) {\n return children;\n }\n return cloneElement(children, { [refProp]: ref });\n}\nFocusTrap.displayName = \"@mantine/core/FocusTrap\";\n\nexport { FocusTrap };\n//# sourceMappingURL=FocusTrap.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar useStyles = createStyles((theme, { color }) => ({\n root: {\n backgroundColor: theme.fn.themeColor(color, theme.colorScheme === \"dark\" ? 5 : 2),\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[9] : \"inherit\"\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Mark.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport useStyles from './Mark.styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n color: \"yellow\"\n};\nconst Mark = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Mark\", defaultProps, props), { color, className, unstyled, variant } = _a, others = __objRest(_a, [\"color\", \"className\", \"unstyled\", \"variant\"]);\n const { classes, cx } = useStyles({ color }, { unstyled, name: \"Mark\", variant });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n component: \"mark\",\n ref,\n className: cx(classes.root, className)\n }, others));\n});\nMark.displayName = \"@mantine/core/Mark\";\n\nexport { Mark };\n//# sourceMappingURL=Mark.js.map\n","function escapeRegex(value) {\n return value.replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, \"\\\\$&\");\n}\nfunction highlighter(value, _highlight) {\n if (_highlight == null) {\n return [{ chunk: value, highlighted: false }];\n }\n const highlight = Array.isArray(_highlight) ? _highlight.map(escapeRegex) : escapeRegex(_highlight);\n const shouldHighlight = Array.isArray(highlight) ? highlight.filter((part) => part.trim().length > 0).length > 0 : highlight.trim() !== \"\";\n if (!shouldHighlight) {\n return [{ chunk: value, highlighted: false }];\n }\n const matcher = typeof highlight === \"string\" ? highlight.trim() : highlight.filter((part) => part.trim().length !== 0).map((part) => part.trim()).join(\"|\");\n const re = new RegExp(`(${matcher})`, \"gi\");\n const chunks = value.split(re).map((part) => ({ chunk: part, highlighted: re.test(part) })).filter(({ chunk }) => chunk);\n return chunks;\n}\n\nexport { highlighter };\n//# sourceMappingURL=highlighter.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { Text } from '../Text/Text.js';\nimport { Mark } from '../Mark/Mark.js';\nimport { highlighter } from './highlighter/highlighter.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n highlightColor: \"yellow\"\n};\nconst _Highlight = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Highlight\", defaultProps, props), { children, highlight, highlightColor, highlightStyles, unstyled } = _a, others = __objRest(_a, [\"children\", \"highlight\", \"highlightColor\", \"highlightStyles\", \"unstyled\"]);\n const highlightChunks = highlighter(children, highlight);\n return /* @__PURE__ */ React.createElement(Text, __spreadValues({\n unstyled,\n ref,\n __staticSelector: \"Highlight\"\n }, others), highlightChunks.map(({ chunk, highlighted }, i) => highlighted ? /* @__PURE__ */ React.createElement(Mark, {\n unstyled,\n key: i,\n color: highlightColor,\n sx: highlightStyles,\n \"data-highlight\": chunk\n }, chunk) : /* @__PURE__ */ React.createElement(\"span\", {\n key: i\n }, chunk)));\n});\n_Highlight.displayName = \"@mantine/core/Highlight\";\nconst Highlight = createPolymorphicComponent(_Highlight);\n\nexport { Highlight, _Highlight };\n//# sourceMappingURL=Highlight.js.map\n","import { createStyles, getSize, rem } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst sizes = {\n xs: rem(16),\n sm: rem(20),\n md: rem(24),\n lg: rem(30),\n xl: rem(36)\n};\nvar useStyles = createStyles((theme, { labelPosition }, { size }) => ({\n root: {},\n body: {\n display: \"flex\",\n \"&:has(input:disabled) label\": {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[3] : theme.colors.gray[5]\n }\n },\n labelWrapper: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {\n display: \"inline-flex\",\n flexDirection: \"column\",\n WebkitTapHighlightColor: \"transparent\",\n fontSize: size in sizes ? getSize({ size, sizes: theme.fontSizes }) : void 0,\n lineHeight: size in sizes ? getSize({ size, sizes }) : void 0,\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n cursor: theme.cursorType,\n order: labelPosition === \"left\" ? 1 : 2\n }),\n description: {\n marginTop: `calc(${theme.spacing.xs} / 2)`,\n [labelPosition === \"left\" ? \"paddingRight\" : \"paddingLeft\"]: theme.spacing.sm\n },\n error: {\n marginTop: `calc(${theme.spacing.xs} / 2)`,\n [labelPosition === \"left\" ? \"paddingRight\" : \"paddingLeft\"]: theme.spacing.sm\n },\n label: {\n cursor: theme.cursorType,\n [labelPosition === \"left\" ? \"paddingRight\" : \"paddingLeft\"]: theme.spacing.sm,\n \"&:disabled, &[data-disabled]\": {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[3] : theme.colors.gray[5]\n }\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=InlineInput.styles.js.map\n","import React, { forwardRef } from 'react';\nimport useStyles from './InlineInput.styles.js';\nimport { Box } from '../Box/Box.js';\nimport { Input } from '../Input/Input.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst InlineInput = forwardRef((_a, ref) => {\n var _b = _a, {\n __staticSelector,\n className,\n classNames,\n styles,\n unstyled,\n children,\n label,\n description,\n id,\n disabled,\n error,\n size,\n labelPosition,\n variant\n } = _b, others = __objRest(_b, [\n \"__staticSelector\",\n \"className\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"children\",\n \"label\",\n \"description\",\n \"id\",\n \"disabled\",\n \"error\",\n \"size\",\n \"labelPosition\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles({ labelPosition }, { name: __staticSelector, styles, classNames, unstyled, variant, size });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.root, className),\n ref\n }, others), /* @__PURE__ */ React.createElement(\"div\", {\n className: cx(classes.body)\n }, children, /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.labelWrapper\n }, label != null && /* @__PURE__ */ React.createElement(\"label\", {\n className: classes.label,\n \"data-disabled\": disabled || void 0,\n htmlFor: id\n }, label), description && /* @__PURE__ */ React.createElement(Input.Description, {\n className: classes.description\n }, description), error && error !== \"boolean\" && /* @__PURE__ */ React.createElement(Input.Error, {\n className: classes.error\n }, error))));\n});\nInlineInput.displayName = \"@mantine/core/InlineInput\";\n\nexport { InlineInput };\n//# sourceMappingURL=InlineInput.js.map\n","import { createStyles, getSize } from '@mantine/styles';\n\nvar useStyles = createStyles((theme, _params, { size }) => ({\n label: {\n display: \"inline-block\",\n fontSize: getSize({ size, sizes: theme.fontSizes }),\n fontWeight: 500,\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.colors.gray[9],\n wordBreak: \"break-word\",\n cursor: \"default\",\n WebkitTapHighlightColor: \"transparent\"\n },\n required: {\n color: theme.fn.variant({ variant: \"filled\", color: \"red\" }).background\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=InputLabel.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport useStyles from './InputLabel.styles.js';\nimport { Box } from '../../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n labelElement: \"label\",\n size: \"sm\"\n};\nconst InputLabel = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"InputLabel\", defaultProps, props), {\n labelElement,\n children,\n required,\n size,\n classNames,\n styles,\n unstyled,\n className,\n htmlFor,\n __staticSelector,\n variant,\n onMouseDown\n } = _a, others = __objRest(_a, [\n \"labelElement\",\n \"children\",\n \"required\",\n \"size\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"className\",\n \"htmlFor\",\n \"__staticSelector\",\n \"variant\",\n \"onMouseDown\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"InputWrapper\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n component: labelElement,\n ref,\n className: cx(classes.label, className),\n htmlFor: labelElement === \"label\" ? htmlFor : void 0,\n onMouseDown: (event) => {\n onMouseDown == null ? void 0 : onMouseDown(event);\n if (!event.defaultPrevented && event.detail > 1) {\n event.preventDefault();\n }\n }\n }, others), children, required && /* @__PURE__ */ React.createElement(\"span\", {\n className: classes.required,\n \"aria-hidden\": true\n }, \" *\"));\n});\nInputLabel.displayName = \"@mantine/core/InputLabel\";\n\nexport { InputLabel };\n//# sourceMappingURL=InputLabel.js.map\n","import { createStyles, getSize, rem } from '@mantine/styles';\n\nvar useStyles = createStyles((theme, _params, { size }) => ({\n error: {\n wordBreak: \"break-word\",\n color: theme.fn.variant({ variant: \"filled\", color: \"red\" }).background,\n fontSize: `calc(${getSize({ size, sizes: theme.fontSizes })} - ${rem(2)})`,\n lineHeight: 1.2,\n display: \"block\"\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=InputError.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport useStyles from './InputError.styles.js';\nimport { Text } from '../../Text/Text.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n size: \"sm\"\n};\nconst InputError = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"InputError\", defaultProps, props), {\n children,\n className,\n classNames,\n styles,\n unstyled,\n size,\n __staticSelector,\n variant\n } = _a, others = __objRest(_a, [\n \"children\",\n \"className\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"size\",\n \"__staticSelector\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"InputWrapper\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n return /* @__PURE__ */ React.createElement(Text, __spreadValues({\n className: cx(classes.error, className),\n ref\n }, others), children);\n});\nInputError.displayName = \"@mantine/core/InputError\";\n\nexport { InputError };\n//# sourceMappingURL=InputError.js.map\n","import { createStyles, getSize, rem } from '@mantine/styles';\n\nvar useStyles = createStyles((theme, _params, { size }) => ({\n description: {\n wordBreak: \"break-word\",\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[2] : theme.colors.gray[6],\n fontSize: `calc(${getSize({ size, sizes: theme.fontSizes })} - ${rem(2)})`,\n lineHeight: 1.2,\n display: \"block\"\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=InputDescription.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport useStyles from './InputDescription.styles.js';\nimport { Text } from '../../Text/Text.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n size: \"sm\"\n};\nconst InputDescription = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"InputDescription\", defaultProps, props), {\n children,\n className,\n classNames,\n styles,\n unstyled,\n size,\n __staticSelector,\n variant\n } = _a, others = __objRest(_a, [\n \"children\",\n \"className\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"size\",\n \"__staticSelector\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"InputWrapper\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n return /* @__PURE__ */ React.createElement(Text, __spreadValues({\n color: \"dimmed\",\n className: cx(classes.description, className),\n ref,\n unstyled\n }, others), children);\n});\nInputDescription.displayName = \"@mantine/core/InputDescription\";\n\nexport { InputDescription };\n//# sourceMappingURL=InputDescription.js.map\n","import { useContext, createContext } from 'react';\n\nconst InputWrapperContext = createContext({\n offsetBottom: false,\n offsetTop: false,\n describedBy: void 0\n});\nconst InputWrapperProvider = InputWrapperContext.Provider;\nconst useInputWrapperContext = () => useContext(InputWrapperContext);\n\nexport { InputWrapperProvider, useInputWrapperContext };\n//# sourceMappingURL=InputWrapper.context.js.map\n","function getInputOffsets(inputWrapperOrder, { hasDescription, hasError }) {\n const inputIndex = inputWrapperOrder.findIndex((part) => part === \"input\");\n const aboveInput = inputWrapperOrder[inputIndex - 1];\n const belowInput = inputWrapperOrder[inputIndex + 1];\n const offsetTop = hasDescription && aboveInput === \"description\" || hasError && aboveInput === \"error\";\n const offsetBottom = hasDescription && belowInput === \"description\" || hasError && belowInput === \"error\";\n return { offsetBottom, offsetTop };\n}\n\nexport { getInputOffsets };\n//# sourceMappingURL=get-input-offsets.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme) => ({\n root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {\n lineHeight: theme.lineHeight\n })\n}));\n\nexport default useStyles;\n//# sourceMappingURL=InputWrapper.styles.js.map\n","import React, { forwardRef, Fragment } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { InputLabel } from '../InputLabel/InputLabel.js';\nimport { InputError } from '../InputError/InputError.js';\nimport { InputDescription } from '../InputDescription/InputDescription.js';\nimport { InputWrapperProvider } from '../InputWrapper.context.js';\nimport { getInputOffsets } from './get-input-offsets.js';\nimport useStyles from './InputWrapper.styles.js';\nimport { Box } from '../../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n labelElement: \"label\",\n size: \"sm\",\n inputContainer: (children) => children,\n inputWrapperOrder: [\"label\", \"description\", \"input\", \"error\"]\n};\nconst InputWrapper = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"InputWrapper\", defaultProps, props), {\n className,\n label,\n children,\n required,\n id,\n error,\n description,\n labelElement,\n labelProps,\n descriptionProps,\n errorProps,\n classNames,\n styles,\n size,\n inputContainer,\n __staticSelector,\n unstyled,\n inputWrapperOrder,\n withAsterisk,\n variant\n } = _a, others = __objRest(_a, [\n \"className\",\n \"label\",\n \"children\",\n \"required\",\n \"id\",\n \"error\",\n \"description\",\n \"labelElement\",\n \"labelProps\",\n \"descriptionProps\",\n \"errorProps\",\n \"classNames\",\n \"styles\",\n \"size\",\n \"inputContainer\",\n \"__staticSelector\",\n \"unstyled\",\n \"inputWrapperOrder\",\n \"withAsterisk\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles(null, {\n classNames,\n styles,\n name: [\"InputWrapper\", __staticSelector],\n unstyled,\n variant,\n size\n });\n const sharedProps = {\n classNames,\n styles,\n unstyled,\n size,\n variant,\n __staticSelector\n };\n const isRequired = typeof withAsterisk === \"boolean\" ? withAsterisk : required;\n const errorId = id ? `${id}-error` : errorProps == null ? void 0 : errorProps.id;\n const descriptionId = id ? `${id}-description` : descriptionProps == null ? void 0 : descriptionProps.id;\n const hasError = !!error && typeof error !== \"boolean\";\n const _describedBy = `${hasError ? errorId : \"\"} ${description ? descriptionId : \"\"}`;\n const describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : void 0;\n const _label = label && /* @__PURE__ */ React.createElement(InputLabel, __spreadValues(__spreadValues({\n key: \"label\",\n labelElement,\n id: id ? `${id}-label` : void 0,\n htmlFor: id,\n required: isRequired\n }, sharedProps), labelProps), label);\n const _description = description && /* @__PURE__ */ React.createElement(InputDescription, __spreadProps(__spreadValues(__spreadValues({\n key: \"description\"\n }, descriptionProps), sharedProps), {\n size: (descriptionProps == null ? void 0 : descriptionProps.size) || sharedProps.size,\n id: (descriptionProps == null ? void 0 : descriptionProps.id) || descriptionId\n }), description);\n const _input = /* @__PURE__ */ React.createElement(Fragment, {\n key: \"input\"\n }, inputContainer(children));\n const _error = typeof error !== \"boolean\" && error && /* @__PURE__ */ React.createElement(InputError, __spreadProps(__spreadValues(__spreadValues({}, errorProps), sharedProps), {\n size: (errorProps == null ? void 0 : errorProps.size) || sharedProps.size,\n key: \"error\",\n id: (errorProps == null ? void 0 : errorProps.id) || errorId\n }), error);\n const content = inputWrapperOrder.map((part) => {\n switch (part) {\n case \"label\":\n return _label;\n case \"input\":\n return _input;\n case \"description\":\n return _description;\n case \"error\":\n return _error;\n default:\n return null;\n }\n });\n return /* @__PURE__ */ React.createElement(InputWrapperProvider, {\n value: __spreadValues({\n describedBy\n }, getInputOffsets(inputWrapperOrder, {\n hasDescription: !!_description,\n hasError: !!_error\n }))\n }, /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.root, className),\n ref\n }, others), content));\n});\nInputWrapper.displayName = \"@mantine/core/InputWrapper\";\n\nexport { InputWrapper };\n//# sourceMappingURL=InputWrapper.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { packSx } from '@mantine/utils';\nimport { Box } from '../../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst InputPlaceholder = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"InputPlaceholder\", defaultProps, props), { sx } = _a, others = __objRest(_a, [\"sx\"]);\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n component: \"span\",\n sx: [(theme) => theme.fn.placeholderStyles(), ...packSx(sx)],\n ref\n }, others));\n});\nInputPlaceholder.displayName = \"@mantine/core/InputPlaceholder\";\n\nexport { InputPlaceholder };\n//# sourceMappingURL=InputPlaceholder.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, rem } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport { InputWrapper } from './InputWrapper/InputWrapper.js';\nimport { InputDescription } from './InputDescription/InputDescription.js';\nimport { InputLabel } from './InputLabel/InputLabel.js';\nimport { InputError } from './InputError/InputError.js';\nimport { InputPlaceholder } from './InputPlaceholder/InputPlaceholder.js';\nimport { useInputWrapperContext } from './InputWrapper.context.js';\nimport useStyles from './Input.styles.js';\nimport { extractSystemStyles } from '../Box/style-system-props/extract-system-styles/extract-system-styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n size: \"sm\",\n variant: \"default\"\n};\nconst _Input = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Input\", defaultProps, props), {\n className,\n error,\n required,\n disabled,\n variant,\n icon,\n style,\n rightSectionWidth,\n iconWidth,\n rightSection,\n rightSectionProps,\n radius,\n size,\n wrapperProps,\n classNames,\n styles,\n __staticSelector,\n multiline,\n sx,\n unstyled,\n pointer\n } = _a, others = __objRest(_a, [\n \"className\",\n \"error\",\n \"required\",\n \"disabled\",\n \"variant\",\n \"icon\",\n \"style\",\n \"rightSectionWidth\",\n \"iconWidth\",\n \"rightSection\",\n \"rightSectionProps\",\n \"radius\",\n \"size\",\n \"wrapperProps\",\n \"classNames\",\n \"styles\",\n \"__staticSelector\",\n \"multiline\",\n \"sx\",\n \"unstyled\",\n \"pointer\"\n ]);\n const { offsetBottom, offsetTop, describedBy } = useInputWrapperContext();\n const { classes, cx } = useStyles({\n radius,\n multiline,\n invalid: !!error,\n rightSectionWidth: rightSectionWidth ? rem(rightSectionWidth) : void 0,\n iconWidth,\n withRightSection: !!rightSection,\n offsetBottom,\n offsetTop,\n pointer\n }, { classNames, styles, name: [\"Input\", __staticSelector], unstyled, variant, size });\n const { systemStyles, rest } = extractSystemStyles(others);\n return /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({\n className: cx(classes.wrapper, className),\n sx,\n style\n }, systemStyles), wrapperProps), icon && /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.icon\n }, icon), /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({\n component: \"input\"\n }, rest), {\n ref,\n required,\n \"aria-invalid\": !!error,\n \"aria-describedby\": describedBy,\n disabled,\n \"data-disabled\": disabled || void 0,\n \"data-with-icon\": !!icon || void 0,\n \"data-invalid\": !!error || void 0,\n className: classes.input\n })), rightSection && /* @__PURE__ */ React.createElement(\"div\", __spreadProps(__spreadValues({}, rightSectionProps), {\n className: classes.rightSection\n }), rightSection));\n});\n_Input.displayName = \"@mantine/core/Input\";\n_Input.Wrapper = InputWrapper;\n_Input.Label = InputLabel;\n_Input.Description = InputDescription;\n_Input.Error = InputError;\n_Input.Placeholder = InputPlaceholder;\nconst Input = createPolymorphicComponent(_Input);\n\nexport { Input, _Input };\n//# sourceMappingURL=Input.js.map\n","import { rem, createStyles, getSize } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst sizes = {\n xs: rem(30),\n sm: rem(36),\n md: rem(42),\n lg: rem(50),\n xl: rem(60)\n};\nconst INPUT_VARIANTS = [\"default\", \"filled\", \"unstyled\"];\nfunction getVariantStyles({ theme, variant }) {\n if (!INPUT_VARIANTS.includes(variant)) {\n return null;\n }\n if (variant === \"default\") {\n return {\n border: `${rem(1)} solid ${theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[4]}`,\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.white,\n transition: \"border-color 100ms ease\",\n \"&:focus, &:focus-within\": theme.focusRingStyles.inputStyles(theme)\n };\n }\n if (variant === \"filled\") {\n return {\n border: `${rem(1)} solid transparent`,\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[5] : theme.colors.gray[1],\n \"&:focus, &:focus-within\": theme.focusRingStyles.inputStyles(theme)\n };\n }\n return {\n borderWidth: 0,\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n backgroundColor: \"transparent\",\n minHeight: rem(28),\n outline: 0,\n \"&:focus, &:focus-within\": {\n outline: \"none\",\n borderColor: \"transparent\"\n },\n \"&:disabled\": {\n backgroundColor: \"transparent\",\n \"&:focus, &:focus-within\": {\n outline: \"none\",\n borderColor: \"transparent\"\n }\n }\n };\n}\nvar useStyles = createStyles((theme, {\n multiline,\n radius,\n invalid,\n rightSectionWidth,\n withRightSection,\n iconWidth,\n offsetBottom,\n offsetTop,\n pointer\n}, { variant, size }) => {\n const invalidColor = theme.fn.variant({\n variant: \"filled\",\n color: \"red\"\n }).background;\n const sizeStyles = variant === \"default\" || variant === \"filled\" ? {\n minHeight: getSize({ size, sizes }),\n paddingLeft: `calc(${getSize({ size, sizes })} / 3)`,\n paddingRight: withRightSection ? rightSectionWidth || getSize({ size, sizes }) : `calc(${getSize({ size, sizes })} / 3)`,\n borderRadius: theme.fn.radius(radius)\n } : variant === \"unstyled\" && withRightSection ? {\n paddingRight: rightSectionWidth || getSize({ size, sizes })\n } : null;\n return {\n wrapper: {\n position: \"relative\",\n marginTop: offsetTop ? `calc(${theme.spacing.xs} / 2)` : void 0,\n marginBottom: offsetBottom ? `calc(${theme.spacing.xs} / 2)` : void 0,\n \"&:has(input:disabled)\": {\n \"& .mantine-Input-rightSection\": {\n display: \"none\"\n }\n }\n },\n input: __spreadProps(__spreadValues(__spreadValues(__spreadProps(__spreadValues({}, theme.fn.fontStyles()), {\n height: multiline ? variant === \"unstyled\" ? void 0 : \"auto\" : getSize({ size, sizes }),\n WebkitTapHighlightColor: \"transparent\",\n lineHeight: multiline ? theme.lineHeight : `calc(${getSize({ size, sizes })} - ${rem(2)})`,\n appearance: \"none\",\n resize: \"none\",\n boxSizing: \"border-box\",\n fontSize: getSize({ size, sizes: theme.fontSizes }),\n width: \"100%\",\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n display: \"block\",\n textAlign: \"left\",\n cursor: pointer ? \"pointer\" : void 0\n }), getVariantStyles({ theme, variant })), sizeStyles), {\n \"&:disabled, &[data-disabled]\": {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.colors.gray[1],\n color: theme.colors.dark[2],\n opacity: 0.6,\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n \"&::placeholder\": {\n color: theme.colors.dark[2]\n }\n },\n \"&[data-invalid]\": {\n color: invalidColor,\n borderColor: invalidColor,\n \"&::placeholder\": {\n opacity: 1,\n color: invalidColor\n }\n },\n \"&[data-with-icon]\": {\n paddingLeft: typeof iconWidth === \"number\" ? rem(iconWidth) : getSize({ size, sizes })\n },\n \"&::placeholder\": __spreadProps(__spreadValues({}, theme.fn.placeholderStyles()), {\n opacity: 1\n }),\n \"&::-webkit-inner-spin-button, &::-webkit-outer-spin-button, &::-webkit-search-decoration, &::-webkit-search-cancel-button, &::-webkit-search-results-button, &::-webkit-search-results-decoration\": {\n appearance: \"none\"\n },\n \"&[type=number]\": {\n MozAppearance: \"textfield\"\n }\n }),\n icon: {\n pointerEvents: \"none\",\n position: \"absolute\",\n zIndex: 1,\n left: 0,\n top: 0,\n bottom: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: iconWidth ? rem(iconWidth) : getSize({ size, sizes }),\n color: invalid ? theme.colors.red[theme.colorScheme === \"dark\" ? 6 : 7] : theme.colorScheme === \"dark\" ? theme.colors.dark[2] : theme.colors.gray[5]\n },\n rightSection: {\n position: \"absolute\",\n top: 0,\n bottom: 0,\n right: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: rightSectionWidth || getSize({ size, sizes })\n }\n };\n});\n\nexport default useStyles;\nexport { sizes };\n//# sourceMappingURL=Input.styles.js.map\n","import { useComponentDefaultProps } from '@mantine/styles';\nimport { useId } from '@mantine/hooks';\nimport { extractSystemStyles } from '../Box/style-system-props/extract-system-styles/extract-system-styles.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction useInputProps(component, defaultProps, props) {\n const _a = useComponentDefaultProps(component, defaultProps, props), {\n label,\n description,\n error,\n required,\n classNames,\n styles,\n className,\n unstyled,\n __staticSelector,\n sx,\n errorProps,\n labelProps,\n descriptionProps,\n wrapperProps: _wrapperProps,\n id,\n size,\n style,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n variant\n } = _a, others = __objRest(_a, [\n \"label\",\n \"description\",\n \"error\",\n \"required\",\n \"classNames\",\n \"styles\",\n \"className\",\n \"unstyled\",\n \"__staticSelector\",\n \"sx\",\n \"errorProps\",\n \"labelProps\",\n \"descriptionProps\",\n \"wrapperProps\",\n \"id\",\n \"size\",\n \"style\",\n \"inputContainer\",\n \"inputWrapperOrder\",\n \"withAsterisk\",\n \"variant\"\n ]);\n const uid = useId(id);\n const { systemStyles, rest } = extractSystemStyles(others);\n const wrapperProps = __spreadValues({\n label,\n description,\n error,\n required,\n classNames,\n className,\n __staticSelector,\n sx,\n errorProps,\n labelProps,\n descriptionProps,\n unstyled,\n styles,\n id: uid,\n size,\n style,\n inputContainer,\n inputWrapperOrder,\n withAsterisk,\n variant\n }, _wrapperProps);\n return __spreadProps(__spreadValues({}, rest), {\n classNames,\n styles,\n unstyled,\n wrapperProps: __spreadValues(__spreadValues({}, wrapperProps), systemStyles),\n inputProps: {\n required,\n classNames,\n styles,\n unstyled,\n id: uid,\n size,\n __staticSelector,\n error,\n variant\n }\n });\n}\n\nexport { useInputProps };\n//# sourceMappingURL=use-input-props.js.map\n","import React from 'react';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction Bars(_a) {\n var _b = _a, { size, color } = _b, others = __objRest(_b, [\"size\", \"color\"]);\n const _a2 = others, { style } = _a2, rest = __objRest(_a2, [\"style\"]);\n return /* @__PURE__ */ React.createElement(\"svg\", __spreadValues({\n viewBox: \"0 0 135 140\",\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: color,\n style: __spreadValues({ width: size }, style)\n }, rest), /* @__PURE__ */ React.createElement(\"rect\", {\n y: \"10\",\n width: \"15\",\n height: \"120\",\n rx: \"6\"\n }, /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"height\",\n begin: \"0.5s\",\n dur: \"1s\",\n values: \"120;110;100;90;80;70;60;50;40;140;120\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n }), /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"y\",\n begin: \"0.5s\",\n dur: \"1s\",\n values: \"10;15;20;25;30;35;40;45;50;0;10\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n })), /* @__PURE__ */ React.createElement(\"rect\", {\n x: \"30\",\n y: \"10\",\n width: \"15\",\n height: \"120\",\n rx: \"6\"\n }, /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"height\",\n begin: \"0.25s\",\n dur: \"1s\",\n values: \"120;110;100;90;80;70;60;50;40;140;120\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n }), /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"y\",\n begin: \"0.25s\",\n dur: \"1s\",\n values: \"10;15;20;25;30;35;40;45;50;0;10\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n })), /* @__PURE__ */ React.createElement(\"rect\", {\n x: \"60\",\n width: \"15\",\n height: \"140\",\n rx: \"6\"\n }, /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"height\",\n begin: \"0s\",\n dur: \"1s\",\n values: \"120;110;100;90;80;70;60;50;40;140;120\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n }), /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"y\",\n begin: \"0s\",\n dur: \"1s\",\n values: \"10;15;20;25;30;35;40;45;50;0;10\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n })), /* @__PURE__ */ React.createElement(\"rect\", {\n x: \"90\",\n y: \"10\",\n width: \"15\",\n height: \"120\",\n rx: \"6\"\n }, /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"height\",\n begin: \"0.25s\",\n dur: \"1s\",\n values: \"120;110;100;90;80;70;60;50;40;140;120\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n }), /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"y\",\n begin: \"0.25s\",\n dur: \"1s\",\n values: \"10;15;20;25;30;35;40;45;50;0;10\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n })), /* @__PURE__ */ React.createElement(\"rect\", {\n x: \"120\",\n y: \"10\",\n width: \"15\",\n height: \"120\",\n rx: \"6\"\n }, /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"height\",\n begin: \"0.5s\",\n dur: \"1s\",\n values: \"120;110;100;90;80;70;60;50;40;140;120\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n }), /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"y\",\n begin: \"0.5s\",\n dur: \"1s\",\n values: \"10;15;20;25;30;35;40;45;50;0;10\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n })));\n}\n\nexport { Bars };\n//# sourceMappingURL=Bars.js.map\n","import React from 'react';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction Oval(_a) {\n var _b = _a, { size, color } = _b, others = __objRest(_b, [\"size\", \"color\"]);\n const _a2 = others, { style } = _a2, rest = __objRest(_a2, [\"style\"]);\n return /* @__PURE__ */ React.createElement(\"svg\", __spreadValues({\n viewBox: \"0 0 38 38\",\n xmlns: \"http://www.w3.org/2000/svg\",\n stroke: color,\n style: __spreadValues({ width: size, height: size }, style)\n }, rest), /* @__PURE__ */ React.createElement(\"g\", {\n fill: \"none\",\n fillRule: \"evenodd\"\n }, /* @__PURE__ */ React.createElement(\"g\", {\n transform: \"translate(2.5 2.5)\",\n strokeWidth: \"5\"\n }, /* @__PURE__ */ React.createElement(\"circle\", {\n strokeOpacity: \".5\",\n cx: \"16\",\n cy: \"16\",\n r: \"16\"\n }), /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M32 16c0-9.94-8.06-16-16-16\"\n }, /* @__PURE__ */ React.createElement(\"animateTransform\", {\n attributeName: \"transform\",\n type: \"rotate\",\n from: \"0 16 16\",\n to: \"360 16 16\",\n dur: \"1s\",\n repeatCount: \"indefinite\"\n })))));\n}\n\nexport { Oval };\n//# sourceMappingURL=Oval.js.map\n","import React from 'react';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction Dots(_a) {\n var _b = _a, { size, color } = _b, others = __objRest(_b, [\"size\", \"color\"]);\n const _a2 = others, { style } = _a2, rest = __objRest(_a2, [\"style\"]);\n return /* @__PURE__ */ React.createElement(\"svg\", __spreadValues({\n viewBox: \"0 0 120 30\",\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: color,\n style: __spreadValues({ width: size }, style)\n }, rest), /* @__PURE__ */ React.createElement(\"circle\", {\n cx: \"15\",\n cy: \"15\",\n r: \"15\"\n }, /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"r\",\n from: \"15\",\n to: \"15\",\n begin: \"0s\",\n dur: \"0.8s\",\n values: \"15;9;15\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n }), /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"fill-opacity\",\n from: \"1\",\n to: \"1\",\n begin: \"0s\",\n dur: \"0.8s\",\n values: \"1;.5;1\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n })), /* @__PURE__ */ React.createElement(\"circle\", {\n cx: \"60\",\n cy: \"15\",\n r: \"9\",\n fillOpacity: \"0.3\"\n }, /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"r\",\n from: \"9\",\n to: \"9\",\n begin: \"0s\",\n dur: \"0.8s\",\n values: \"9;15;9\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n }), /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"fill-opacity\",\n from: \"0.5\",\n to: \"0.5\",\n begin: \"0s\",\n dur: \"0.8s\",\n values: \".5;1;.5\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n })), /* @__PURE__ */ React.createElement(\"circle\", {\n cx: \"105\",\n cy: \"15\",\n r: \"15\"\n }, /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"r\",\n from: \"15\",\n to: \"15\",\n begin: \"0s\",\n dur: \"0.8s\",\n values: \"15;9;15\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n }), /* @__PURE__ */ React.createElement(\"animate\", {\n attributeName: \"fill-opacity\",\n from: \"1\",\n to: \"1\",\n begin: \"0s\",\n dur: \"0.8s\",\n values: \"1;.5;1\",\n calcMode: \"linear\",\n repeatCount: \"indefinite\"\n })));\n}\n\nexport { Dots };\n//# sourceMappingURL=Dots.js.map\n","import React from 'react';\nimport { rem, useComponentDefaultProps, useMantineTheme, getSize } from '@mantine/styles';\nimport { Bars } from './loaders/Bars.js';\nimport { Oval } from './loaders/Oval.js';\nimport { Dots } from './loaders/Dots.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst LOADERS = {\n bars: Bars,\n oval: Oval,\n dots: Dots\n};\nconst sizes = {\n xs: rem(18),\n sm: rem(22),\n md: rem(36),\n lg: rem(44),\n xl: rem(58)\n};\nconst defaultProps = {\n size: \"md\"\n};\nfunction Loader(props) {\n const _a = useComponentDefaultProps(\"Loader\", defaultProps, props), { size, color, variant } = _a, others = __objRest(_a, [\"size\", \"color\", \"variant\"]);\n const theme = useMantineTheme();\n const defaultLoader = variant in LOADERS ? variant : theme.loader;\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n role: \"presentation\",\n component: LOADERS[defaultLoader] || LOADERS.bars,\n size: getSize({ size, sizes }),\n color: theme.fn.variant({\n variant: \"filled\",\n primaryFallback: false,\n color: color || theme.primaryColor\n }).background\n }, others));\n}\nLoader.displayName = \"@mantine/core/Loader\";\n\nexport { Loader };\n//# sourceMappingURL=Loader.js.map\n","const MENU_ERRORS = {\n context: \"Menu component was not found in the tree\",\n children: \"Menu.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported\"\n};\n\nexport { MENU_ERRORS };\n//# sourceMappingURL=Menu.errors.js.map\n","import { createSafeContext } from '@mantine/utils';\nimport { MENU_ERRORS } from './Menu.errors.js';\n\nconst [MenuContextProvider, useMenuContext] = createSafeContext(MENU_ERRORS.context);\n\nexport { MenuContextProvider, useMenuContext };\n//# sourceMappingURL=Menu.context.js.map\n","import { createStyles, rem } from '@mantine/styles';\n\nvar useStyles = createStyles((theme) => ({\n divider: {\n marginTop: rem(4),\n marginBottom: rem(4),\n borderTop: `${rem(1)} solid ${theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[2]}`\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=MenuDivider.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { useMenuContext } from '../Menu.context.js';\nimport useStyles from './MenuDivider.styles.js';\nimport { Box } from '../../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst MenuDivider = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"MenuDivider\", defaultProps, props), { children, className } = _a, others = __objRest(_a, [\"children\", \"className\"]);\n const { classNames, styles, unstyled, variant } = useMenuContext();\n const { classes, cx } = useStyles(null, { name: \"Menu\", classNames, styles, unstyled, variant });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.divider, className),\n ref\n }, others));\n});\nMenuDivider.displayName = \"@mantine/core/MenuDivider\";\n\nexport { MenuDivider };\n//# sourceMappingURL=MenuDivider.js.map\n","function createEventHandler(parentEventHandler, eventHandler) {\n return (event) => {\n parentEventHandler == null ? void 0 : parentEventHandler(event);\n eventHandler == null ? void 0 : eventHandler(event);\n };\n}\n\nexport { createEventHandler };\n//# sourceMappingURL=create-event-handler.js.map\n","import React, { useRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { createEventHandler } from '@mantine/utils';\nimport { useMenuContext } from '../Menu.context.js';\nimport { Popover } from '../../Popover/Popover.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nfunction MenuDropdown(props) {\n const _a = useComponentDefaultProps(\"MenuDropdown\", defaultProps, props), { children, onMouseEnter, onMouseLeave } = _a, others = __objRest(_a, [\"children\", \"onMouseEnter\", \"onMouseLeave\"]);\n const wrapperRef = useRef();\n const ctx = useMenuContext();\n const handleKeyDown = (event) => {\n var _a2;\n if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n (_a2 = wrapperRef.current.querySelectorAll(\"[data-menu-item]:not(:disabled)\")[0]) == null ? void 0 : _a2.focus();\n }\n };\n const handleMouseEnter = createEventHandler(onMouseEnter, () => ctx.trigger === \"hover\" && ctx.openDropdown());\n const handleMouseLeave = createEventHandler(onMouseLeave, () => ctx.trigger === \"hover\" && ctx.closeDropdown());\n return /* @__PURE__ */ React.createElement(Popover.Dropdown, __spreadValues({\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave,\n role: \"menu\",\n \"aria-orientation\": \"vertical\"\n }, others), /* @__PURE__ */ React.createElement(\"div\", {\n tabIndex: -1,\n \"data-menu-dropdown\": true,\n \"data-autofocus\": true,\n onKeyDown: handleKeyDown,\n ref: wrapperRef,\n style: { outline: 0 }\n }, children));\n}\nMenuDropdown.displayName = \"@mantine/core/MenuDropdown\";\n\nexport { MenuDropdown };\n//# sourceMappingURL=MenuDropdown.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme, { color, radius }) => ({\n item: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {\n WebkitTapHighlightColor: \"transparent\",\n fontSize: theme.fontSizes.sm,\n border: 0,\n backgroundColor: \"transparent\",\n outline: 0,\n width: \"100%\",\n textAlign: \"left\",\n textDecoration: \"none\",\n boxSizing: \"border-box\",\n padding: `${theme.spacing.xs} ${theme.spacing.sm}`,\n cursor: \"pointer\",\n borderRadius: theme.fn.radius(radius),\n color: color ? theme.fn.variant({ variant: \"filled\", primaryFallback: false, color }).background : theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n display: \"flex\",\n alignItems: \"center\",\n \"&:disabled\": {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[3] : theme.colors.gray[5],\n pointerEvents: \"none\",\n userSelect: \"none\"\n },\n \"&[data-hovered]\": {\n backgroundColor: color ? theme.fn.variant({ variant: \"light\", color }).background : theme.colorScheme === \"dark\" ? theme.fn.rgba(theme.colors.dark[3], 0.35) : theme.colors.gray[1]\n }\n }),\n itemLabel: {\n flex: 1\n },\n itemIcon: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n marginRight: theme.spacing.xs\n },\n itemRightSection: {}\n}));\n\nexport default useStyles;\n//# sourceMappingURL=MenuItem.styles.js.map\n","import React, { forwardRef, useRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { createEventHandler, createScopedKeydownHandler, createPolymorphicComponent } from '@mantine/utils';\nimport { useMergedRef } from '@mantine/hooks';\nimport { useMenuContext } from '../Menu.context.js';\nimport useStyles from './MenuItem.styles.js';\nimport { Box } from '../../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst _MenuItem = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"MenuItem\", defaultProps, props), { children, className, color, closeMenuOnClick, icon, rightSection } = _a, others = __objRest(_a, [\"children\", \"className\", \"color\", \"closeMenuOnClick\", \"icon\", \"rightSection\"]);\n const ctx = useMenuContext();\n const { classes, cx, theme } = useStyles({ radius: ctx.radius, color }, {\n name: \"Menu\",\n classNames: ctx.classNames,\n styles: ctx.styles,\n unstyled: ctx.unstyled,\n variant: ctx.variant\n });\n const itemRef = useRef();\n const itemIndex = ctx.getItemIndex(itemRef.current);\n const _others = others;\n const handleMouseLeave = createEventHandler(_others.onMouseLeave, () => ctx.setHovered(-1));\n const handleMouseEnter = createEventHandler(_others.onMouseEnter, () => ctx.setHovered(ctx.getItemIndex(itemRef.current)));\n const handleClick = createEventHandler(_others.onClick, () => {\n if (typeof closeMenuOnClick === \"boolean\") {\n closeMenuOnClick && ctx.closeDropdownImmediately();\n } else {\n ctx.closeOnItemClick && ctx.closeDropdownImmediately();\n }\n });\n const handleFocus = createEventHandler(_others.onFocus, () => ctx.setHovered(ctx.getItemIndex(itemRef.current)));\n return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({\n component: \"button\",\n type: \"button\"\n }, others), {\n tabIndex: -1,\n onFocus: handleFocus,\n className: cx(classes.item, className),\n ref: useMergedRef(itemRef, ref),\n role: \"menuitem\",\n \"data-menu-item\": true,\n \"data-hovered\": ctx.hovered === itemIndex ? true : void 0,\n onMouseEnter: handleMouseEnter,\n onMouseLeave: handleMouseLeave,\n onClick: handleClick,\n onKeyDown: createScopedKeydownHandler({\n siblingSelector: \"[data-menu-item]\",\n parentSelector: \"[data-menu-dropdown]\",\n activateOnFocus: false,\n loop: ctx.loop,\n dir: theme.dir,\n orientation: \"vertical\",\n onKeyDown: _others.onKeydown\n })\n }), icon && /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.itemIcon\n }, icon), children && /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.itemLabel\n }, children), rightSection && /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.itemRightSection\n }, rightSection));\n});\n_MenuItem.displayName = \"@mantine/core/MenuItem\";\nconst MenuItem = createPolymorphicComponent(_MenuItem);\n\nexport { MenuItem, _MenuItem };\n//# sourceMappingURL=MenuItem.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar useStyles = createStyles((theme) => ({\n label: {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[2] : theme.colors.gray[6],\n fontWeight: 500,\n fontSize: theme.fontSizes.xs,\n padding: `calc(${theme.spacing.xs} / 2) ${theme.spacing.sm}`,\n cursor: \"default\"\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=MenuLabel.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { useMenuContext } from '../Menu.context.js';\nimport useStyles from './MenuLabel.styles.js';\nimport { Text } from '../../Text/Text.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst MenuLabel = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"MenuLabel\", defaultProps, props), { children, className } = _a, others = __objRest(_a, [\"children\", \"className\"]);\n const { classNames, styles, unstyled, variant } = useMenuContext();\n const { classes, cx } = useStyles(null, { name: \"Menu\", classNames, styles, unstyled, variant });\n return /* @__PURE__ */ React.createElement(Text, __spreadValues({\n className: cx(classes.label, className),\n ref\n }, others), children);\n});\nMenuLabel.displayName = \"@mantine/core/MenuLabel\";\n\nexport { MenuLabel };\n//# sourceMappingURL=MenuLabel.js.map\n","import React, { forwardRef, cloneElement } from 'react';\nimport { isElement, createEventHandler } from '@mantine/utils';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { useMenuContext } from '../Menu.context.js';\nimport { MENU_ERRORS } from '../Menu.errors.js';\nimport { Popover } from '../../Popover/Popover.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n refProp: \"ref\"\n};\nconst MenuTarget = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"MenuTarget\", defaultProps, props), { children, refProp } = _a, others = __objRest(_a, [\"children\", \"refProp\"]);\n if (!isElement(children)) {\n throw new Error(MENU_ERRORS.children);\n }\n const ctx = useMenuContext();\n const onClick = createEventHandler(children.props.onClick, () => ctx.trigger === \"click\" && ctx.toggleDropdown());\n const onMouseEnter = createEventHandler(children.props.onMouseEnter, () => ctx.trigger === \"hover\" && ctx.openDropdown());\n const onMouseLeave = createEventHandler(children.props.onMouseLeave, () => ctx.trigger === \"hover\" && ctx.closeDropdown());\n return /* @__PURE__ */ React.createElement(Popover.Target, __spreadValues({\n refProp,\n popupType: \"menu\",\n ref\n }, others), cloneElement(children, {\n onClick,\n onMouseEnter,\n onMouseLeave,\n \"data-expanded\": ctx.opened ? true : void 0\n }));\n});\nMenuTarget.displayName = \"@mantine/core/MenuTarget\";\n\nexport { MenuTarget };\n//# sourceMappingURL=MenuTarget.js.map\n","import { createStyles, rem } from '@mantine/styles';\n\nvar useStyles = createStyles({\n dropdown: { padding: rem(4) }\n});\n\nexport default useStyles;\n//# sourceMappingURL=Menu.styles.js.map\n","import React from 'react';\nimport { useHovered, getContextItemIndex } from '@mantine/utils';\nimport { useUncontrolled, useDidUpdate } from '@mantine/hooks';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { MenuDivider } from './MenuDivider/MenuDivider.js';\nimport { MenuDropdown } from './MenuDropdown/MenuDropdown.js';\nimport { MenuItem } from './MenuItem/MenuItem.js';\nimport { MenuLabel } from './MenuLabel/MenuLabel.js';\nimport { MenuTarget } from './MenuTarget/MenuTarget.js';\nimport { MenuContextProvider } from './Menu.context.js';\nimport useStyles from './Menu.styles.js';\nimport { useDelayedHover } from '../Floating/use-delayed-hover.js';\nimport { Popover } from '../Popover/Popover.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n closeOnItemClick: true,\n loop: true,\n trigger: \"click\",\n openDelay: 0,\n closeDelay: 100\n};\nfunction Menu(props) {\n const _a = useComponentDefaultProps(\"Menu\", defaultProps, props), {\n children,\n onOpen,\n onClose,\n opened,\n defaultOpened,\n onChange,\n closeOnItemClick,\n loop,\n closeOnEscape,\n trigger,\n openDelay,\n closeDelay,\n classNames,\n styles,\n unstyled,\n radius,\n variant\n } = _a, others = __objRest(_a, [\n \"children\",\n \"onOpen\",\n \"onClose\",\n \"opened\",\n \"defaultOpened\",\n \"onChange\",\n \"closeOnItemClick\",\n \"loop\",\n \"closeOnEscape\",\n \"trigger\",\n \"openDelay\",\n \"closeDelay\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"radius\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles();\n const [hovered, { setHovered, resetHovered }] = useHovered();\n const [_opened, setOpened] = useUncontrolled({\n value: opened,\n defaultValue: defaultOpened,\n finalValue: false,\n onChange\n });\n const close = () => {\n setOpened(false);\n _opened && (onClose == null ? void 0 : onClose());\n };\n const open = () => {\n setOpened(true);\n !_opened && (onOpen == null ? void 0 : onOpen());\n };\n const toggleDropdown = () => _opened ? close() : open();\n const { openDropdown, closeDropdown } = useDelayedHover({ open, close, closeDelay, openDelay });\n const getItemIndex = (node) => getContextItemIndex(\"[data-menu-item]\", \"[data-menu-dropdown]\", node);\n useDidUpdate(() => {\n resetHovered();\n }, [_opened]);\n return /* @__PURE__ */ React.createElement(MenuContextProvider, {\n value: {\n opened: _opened,\n toggleDropdown,\n getItemIndex,\n hovered,\n setHovered,\n closeOnItemClick,\n closeDropdown: trigger === \"click\" ? close : closeDropdown,\n openDropdown: trigger === \"click\" ? open : openDropdown,\n closeDropdownImmediately: close,\n loop,\n trigger,\n radius,\n classNames,\n styles,\n unstyled,\n variant\n }\n }, /* @__PURE__ */ React.createElement(Popover, __spreadProps(__spreadValues({}, others), {\n radius,\n opened: _opened,\n onChange: toggleDropdown,\n defaultOpened,\n trapFocus: trigger === \"click\",\n closeOnEscape: closeOnEscape && trigger === \"click\",\n __staticSelector: \"Menu\",\n classNames: __spreadProps(__spreadValues({}, classNames), { dropdown: cx(classes.dropdown, classNames == null ? void 0 : classNames.dropdown) }),\n styles,\n unstyled,\n variant\n }), children));\n}\nMenu.displayName = \"@mantine/core/Menu\";\nMenu.Item = MenuItem;\nMenu.Label = MenuLabel;\nMenu.Dropdown = MenuDropdown;\nMenu.Target = MenuTarget;\nMenu.Divider = MenuDivider;\n\nexport { Menu };\n//# sourceMappingURL=Menu.js.map\n","import { useState } from 'react';\n\nfunction useHovered() {\n const [hovered, setHovered] = useState(-1);\n const resetHovered = () => setHovered(-1);\n return [hovered, { setHovered, resetHovered }];\n}\n\nexport { useHovered };\n//# sourceMappingURL=use-hovered.js.map\n","import { useRef, useEffect } from 'react';\n\nfunction useDelayedHover({ open, close, openDelay, closeDelay }) {\n const openTimeout = useRef(-1);\n const closeTimeout = useRef(-1);\n const clearTimeouts = () => {\n window.clearTimeout(openTimeout.current);\n window.clearTimeout(closeTimeout.current);\n };\n const openDropdown = () => {\n clearTimeouts();\n if (openDelay === 0) {\n open();\n } else {\n openTimeout.current = window.setTimeout(open, openDelay);\n }\n };\n const closeDropdown = () => {\n clearTimeouts();\n if (closeDelay === 0) {\n close();\n } else {\n closeTimeout.current = window.setTimeout(close, closeDelay);\n }\n };\n useEffect(() => clearTimeouts, []);\n return { openDropdown, closeDropdown };\n}\n\nexport { useDelayedHover };\n//# sourceMappingURL=use-delayed-hover.js.map\n","import { findElementAncestor } from '../find-element-ancestor/find-element-ancestor.js';\n\nfunction getContextItemIndex(elementSelector, parentSelector, node) {\n var _a;\n if (!node) {\n return null;\n }\n return Array.from(((_a = findElementAncestor(node, parentSelector)) == null ? void 0 : _a.querySelectorAll(elementSelector)) || []).findIndex((element) => element === node);\n}\n\nexport { getContextItemIndex };\n//# sourceMappingURL=get-context-item-index.js.map\n","import { createSafeContext } from '@mantine/utils';\n\nconst [ModalProvider, useModalContext] = createSafeContext(\"Modal component was not found in tree\");\n\nexport { ModalProvider, useModalContext };\n//# sourceMappingURL=Modal.context.js.map\n","import { createStyles, getSize, rem } from '@mantine/styles';\n\nconst sizes = {\n xs: rem(320),\n sm: rem(380),\n md: rem(440),\n lg: rem(620),\n xl: rem(780)\n};\nvar useStyles = createStyles((theme, { yOffset, xOffset, centered, fullScreen }, { size }) => ({\n content: {\n flex: fullScreen ? \"0 0 100%\" : `0 0 ${getSize({ size, sizes })}`,\n maxWidth: \"100%\",\n maxHeight: fullScreen ? void 0 : `calc(100dvh - (${rem(yOffset)} * 2))`,\n height: fullScreen ? \"100vh\" : void 0,\n borderRadius: fullScreen ? 0 : void 0,\n overflowY: \"auto\"\n },\n inner: {\n paddingTop: fullScreen ? 0 : yOffset,\n paddingBottom: fullScreen ? 0 : yOffset,\n paddingLeft: fullScreen ? 0 : xOffset,\n paddingRight: fullScreen ? 0 : xOffset,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: centered ? \"center\" : \"flex-start\"\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=ModalRoot.styles.js.map\n","export var zeroRightClassName = 'right-scroll-bar-position';\nexport var fullWidthClassName = 'width-before-scroll-bar';\nexport var noScrollbarsClassName = 'with-scroll-bars-hidden';\n/**\n * Name of a CSS variable containing the amount of \"hidden\" scrollbar\n * ! might be undefined ! use will fallback!\n */\nexport var removedBarSizeVariable = '--removed-body-scroll-bar-size';\n","/**\n * Assigns a value for a given ref, no matter of the ref format\n * @param {RefObject} ref - a callback function or ref object\n * @param value - a new value\n *\n * @see https://github.com/theKashey/use-callback-ref#assignref\n * @example\n * const refObject = useRef();\n * const refFn = (ref) => {....}\n *\n * assignRef(refObject, \"refValue\");\n * assignRef(refFn, \"refValue\");\n */\nexport function assignRef(ref, value) {\n if (typeof ref === 'function') {\n ref(value);\n }\n else if (ref) {\n ref.current = value;\n }\n return ref;\n}\n","import * as React from 'react';\nimport { assignRef } from './assignRef';\nimport { useCallbackRef } from './useRef';\nvar useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;\nvar currentValues = new WeakMap();\n/**\n * Merges two or more refs together providing a single interface to set their value\n * @param {RefObject|Ref} refs\n * @returns {MutableRefObject} - a new ref, which translates all changes to {refs}\n *\n * @see {@link mergeRefs} a version without buit-in memoization\n * @see https://github.com/theKashey/use-callback-ref#usemergerefs\n * @example\n * const Component = React.forwardRef((props, ref) => {\n * const ownRef = useRef();\n * const domRef = useMergeRefs([ref, ownRef]); // 👈 merge together\n * return ...
\n * }\n */\nexport function useMergeRefs(refs, defaultValue) {\n var callbackRef = useCallbackRef(defaultValue || null, function (newValue) {\n return refs.forEach(function (ref) { return assignRef(ref, newValue); });\n });\n // handle refs changes - added or removed\n useIsomorphicLayoutEffect(function () {\n var oldValue = currentValues.get(callbackRef);\n if (oldValue) {\n var prevRefs_1 = new Set(oldValue);\n var nextRefs_1 = new Set(refs);\n var current_1 = callbackRef.current;\n prevRefs_1.forEach(function (ref) {\n if (!nextRefs_1.has(ref)) {\n assignRef(ref, null);\n }\n });\n nextRefs_1.forEach(function (ref) {\n if (!prevRefs_1.has(ref)) {\n assignRef(ref, current_1);\n }\n });\n }\n currentValues.set(callbackRef, refs);\n }, [refs]);\n return callbackRef;\n}\n","import { useState } from 'react';\n/**\n * creates a MutableRef with ref change callback\n * @param initialValue - initial ref value\n * @param {Function} callback - a callback to run when value changes\n *\n * @example\n * const ref = useCallbackRef(0, (newValue, oldValue) => console.log(oldValue, '->', newValue);\n * ref.current = 1;\n * // prints 0 -> 1\n *\n * @see https://reactjs.org/docs/hooks-reference.html#useref\n * @see https://github.com/theKashey/use-callback-ref#usecallbackref---to-replace-reactuseref\n * @returns {MutableRefObject}\n */\nexport function useCallbackRef(initialValue, callback) {\n var ref = useState(function () { return ({\n // value\n value: initialValue,\n // last callback\n callback: callback,\n // \"memoized\" public interface\n facade: {\n get current() {\n return ref.value;\n },\n set current(value) {\n var last = ref.value;\n if (last !== value) {\n ref.value = value;\n ref.callback(value, last);\n }\n },\n },\n }); })[0];\n // update callback\n ref.callback = callback;\n return ref.facade;\n}\n","import { __assign } from \"tslib\";\nfunction ItoI(a) {\n return a;\n}\nfunction innerCreateMedium(defaults, middleware) {\n if (middleware === void 0) { middleware = ItoI; }\n var buffer = [];\n var assigned = false;\n var medium = {\n read: function () {\n if (assigned) {\n throw new Error('Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.');\n }\n if (buffer.length) {\n return buffer[buffer.length - 1];\n }\n return defaults;\n },\n useMedium: function (data) {\n var item = middleware(data, assigned);\n buffer.push(item);\n return function () {\n buffer = buffer.filter(function (x) { return x !== item; });\n };\n },\n assignSyncMedium: function (cb) {\n assigned = true;\n while (buffer.length) {\n var cbs = buffer;\n buffer = [];\n cbs.forEach(cb);\n }\n buffer = {\n push: function (x) { return cb(x); },\n filter: function () { return buffer; },\n };\n },\n assignMedium: function (cb) {\n assigned = true;\n var pendingQueue = [];\n if (buffer.length) {\n var cbs = buffer;\n buffer = [];\n cbs.forEach(cb);\n pendingQueue = buffer;\n }\n var executeQueue = function () {\n var cbs = pendingQueue;\n pendingQueue = [];\n cbs.forEach(cb);\n };\n var cycle = function () { return Promise.resolve().then(executeQueue); };\n cycle();\n buffer = {\n push: function (x) {\n pendingQueue.push(x);\n cycle();\n },\n filter: function (filter) {\n pendingQueue = pendingQueue.filter(filter);\n return buffer;\n },\n };\n },\n };\n return medium;\n}\nexport function createMedium(defaults, middleware) {\n if (middleware === void 0) { middleware = ItoI; }\n return innerCreateMedium(defaults, middleware);\n}\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport function createSidecarMedium(options) {\n if (options === void 0) { options = {}; }\n var medium = innerCreateMedium(null);\n medium.options = __assign({ async: true, ssr: false }, options);\n return medium;\n}\n","import { createSidecarMedium } from 'use-sidecar';\nexport var effectCar = createSidecarMedium();\n","import { __assign, __rest } from \"tslib\";\nimport * as React from 'react';\nimport { fullWidthClassName, zeroRightClassName } from 'react-remove-scroll-bar/constants';\nimport { useMergeRefs } from 'use-callback-ref';\nimport { effectCar } from './medium';\nvar nothing = function () {\n return;\n};\n/**\n * Removes scrollbar from the page and contain the scroll within the Lock\n */\nvar RemoveScroll = React.forwardRef(function (props, parentRef) {\n var ref = React.useRef(null);\n var _a = React.useState({\n onScrollCapture: nothing,\n onWheelCapture: nothing,\n onTouchMoveCapture: nothing,\n }), callbacks = _a[0], setCallbacks = _a[1];\n var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? 'div' : _b, gapMode = props.gapMode, rest = __rest(props, [\"forwardProps\", \"children\", \"className\", \"removeScrollBar\", \"enabled\", \"shards\", \"sideCar\", \"noIsolation\", \"inert\", \"allowPinchZoom\", \"as\", \"gapMode\"]);\n var SideCar = sideCar;\n var containerRef = useMergeRefs([ref, parentRef]);\n var containerProps = __assign(__assign({}, rest), callbacks);\n return (React.createElement(React.Fragment, null,\n enabled && (React.createElement(SideCar, { sideCar: effectCar, removeScrollBar: removeScrollBar, shards: shards, noIsolation: noIsolation, inert: inert, setCallbacks: setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode: gapMode })),\n forwardProps ? (React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef }))) : (React.createElement(Container, __assign({}, containerProps, { className: className, ref: containerRef }), children))));\n});\nRemoveScroll.defaultProps = {\n enabled: true,\n removeScrollBar: true,\n inert: false,\n};\nRemoveScroll.classNames = {\n fullWidth: fullWidthClassName,\n zeroRight: zeroRightClassName,\n};\nexport { RemoveScroll };\n","import { __assign, __rest } from \"tslib\";\nimport * as React from 'react';\nvar SideCar = function (_a) {\n var sideCar = _a.sideCar, rest = __rest(_a, [\"sideCar\"]);\n if (!sideCar) {\n throw new Error('Sidecar: please provide `sideCar` property to import the right car');\n }\n var Target = sideCar.read();\n if (!Target) {\n throw new Error('Sidecar medium not found');\n }\n return React.createElement(Target, __assign({}, rest));\n};\nSideCar.isSideCarExport = true;\nexport function exportSidecar(medium, exported) {\n medium.useMedium(exported);\n return SideCar;\n}\n","var currentNonce;\nexport var setNonce = function (nonce) {\n currentNonce = nonce;\n};\nexport var getNonce = function () {\n if (currentNonce) {\n return currentNonce;\n }\n if (typeof __webpack_nonce__ !== 'undefined') {\n return __webpack_nonce__;\n }\n return undefined;\n};\n","import { getNonce } from 'get-nonce';\nfunction makeStyleTag() {\n if (!document)\n return null;\n var tag = document.createElement('style');\n tag.type = 'text/css';\n var nonce = getNonce();\n if (nonce) {\n tag.setAttribute('nonce', nonce);\n }\n return tag;\n}\nfunction injectStyles(tag, css) {\n // @ts-ignore\n if (tag.styleSheet) {\n // @ts-ignore\n tag.styleSheet.cssText = css;\n }\n else {\n tag.appendChild(document.createTextNode(css));\n }\n}\nfunction insertStyleTag(tag) {\n var head = document.head || document.getElementsByTagName('head')[0];\n head.appendChild(tag);\n}\nexport var stylesheetSingleton = function () {\n var counter = 0;\n var stylesheet = null;\n return {\n add: function (style) {\n if (counter == 0) {\n if ((stylesheet = makeStyleTag())) {\n injectStyles(stylesheet, style);\n insertStyleTag(stylesheet);\n }\n }\n counter++;\n },\n remove: function () {\n counter--;\n if (!counter && stylesheet) {\n stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);\n stylesheet = null;\n }\n },\n };\n};\n","import { styleHookSingleton } from './hook';\n/**\n * create a Component to add styles on demand\n * - styles are added when first instance is mounted\n * - styles are removed when the last instance is unmounted\n * - changing styles in runtime does nothing unless dynamic is set. But with multiple components that can lead to the undefined behavior\n */\nexport var styleSingleton = function () {\n var useStyle = styleHookSingleton();\n var Sheet = function (_a) {\n var styles = _a.styles, dynamic = _a.dynamic;\n useStyle(styles, dynamic);\n return null;\n };\n return Sheet;\n};\n","import * as React from 'react';\nimport { stylesheetSingleton } from './singleton';\n/**\n * creates a hook to control style singleton\n * @see {@link styleSingleton} for a safer component version\n * @example\n * ```tsx\n * const useStyle = styleHookSingleton();\n * ///\n * useStyle('body { overflow: hidden}');\n */\nexport var styleHookSingleton = function () {\n var sheet = stylesheetSingleton();\n return function (styles, isDynamic) {\n React.useEffect(function () {\n sheet.add(styles);\n return function () {\n sheet.remove();\n };\n }, [styles && isDynamic]);\n };\n};\n","export var zeroGap = {\n left: 0,\n top: 0,\n right: 0,\n gap: 0,\n};\nvar parse = function (x) { return parseInt(x || '', 10) || 0; };\nvar getOffset = function (gapMode) {\n var cs = window.getComputedStyle(document.body);\n var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];\n var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];\n var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];\n return [parse(left), parse(top), parse(right)];\n};\nexport var getGapWidth = function (gapMode) {\n if (gapMode === void 0) { gapMode = 'margin'; }\n if (typeof window === 'undefined') {\n return zeroGap;\n }\n var offsets = getOffset(gapMode);\n var documentWidth = document.documentElement.clientWidth;\n var windowWidth = window.innerWidth;\n return {\n left: offsets[0],\n top: offsets[1],\n right: offsets[2],\n gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0]),\n };\n};\n","import * as React from 'react';\nimport { styleSingleton } from 'react-style-singleton';\nimport { fullWidthClassName, zeroRightClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';\nimport { getGapWidth } from './utils';\nvar Style = styleSingleton();\nexport var lockAttribute = 'data-scroll-locked';\n// important tip - once we measure scrollBar width and remove them\n// we could not repeat this operation\n// thus we are using style-singleton - only the first \"yet correct\" style will be applied.\nvar getStyles = function (_a, allowRelative, gapMode, important) {\n var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;\n if (gapMode === void 0) { gapMode = 'margin'; }\n return \"\\n .\".concat(noScrollbarsClassName, \" {\\n overflow: hidden \").concat(important, \";\\n padding-right: \").concat(gap, \"px \").concat(important, \";\\n }\\n body[\").concat(lockAttribute, \"] {\\n overflow: hidden \").concat(important, \";\\n overscroll-behavior: contain;\\n \").concat([\n allowRelative && \"position: relative \".concat(important, \";\"),\n gapMode === 'margin' &&\n \"\\n padding-left: \".concat(left, \"px;\\n padding-top: \").concat(top, \"px;\\n padding-right: \").concat(right, \"px;\\n margin-left:0;\\n margin-top:0;\\n margin-right: \").concat(gap, \"px \").concat(important, \";\\n \"),\n gapMode === 'padding' && \"padding-right: \".concat(gap, \"px \").concat(important, \";\"),\n ]\n .filter(Boolean)\n .join(''), \"\\n }\\n \\n .\").concat(zeroRightClassName, \" {\\n right: \").concat(gap, \"px \").concat(important, \";\\n }\\n \\n .\").concat(fullWidthClassName, \" {\\n margin-right: \").concat(gap, \"px \").concat(important, \";\\n }\\n \\n .\").concat(zeroRightClassName, \" .\").concat(zeroRightClassName, \" {\\n right: 0 \").concat(important, \";\\n }\\n \\n .\").concat(fullWidthClassName, \" .\").concat(fullWidthClassName, \" {\\n margin-right: 0 \").concat(important, \";\\n }\\n \\n body[\").concat(lockAttribute, \"] {\\n \").concat(removedBarSizeVariable, \": \").concat(gap, \"px;\\n }\\n\");\n};\nvar getCurrentUseCounter = function () {\n var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);\n return isFinite(counter) ? counter : 0;\n};\nexport var useLockAttribute = function () {\n React.useEffect(function () {\n document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());\n return function () {\n var newCounter = getCurrentUseCounter() - 1;\n if (newCounter <= 0) {\n document.body.removeAttribute(lockAttribute);\n }\n else {\n document.body.setAttribute(lockAttribute, newCounter.toString());\n }\n };\n }, []);\n};\n/**\n * Removes page scrollbar and blocks page scroll when mounted\n */\nexport var RemoveScrollBar = function (_a) {\n var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;\n useLockAttribute();\n /*\n gap will be measured on every component mount\n however it will be used only by the \"first\" invocation\n due to singleton nature of clientHeight) {\n return true;\n }\n }\n current = current.parentNode;\n } while (current && current !== ownerDocument.body);\n return false;\n};\nvar getVScrollVariables = function (_a) {\n var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;\n return [\n scrollTop,\n scrollHeight,\n clientHeight,\n ];\n};\nvar getHScrollVariables = function (_a) {\n var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;\n return [\n scrollLeft,\n scrollWidth,\n clientWidth,\n ];\n};\nvar elementCouldBeScrolled = function (axis, node) {\n return axis === 'v' ? elementCouldBeVScrolled(node) : elementCouldBeHScrolled(node);\n};\nvar getScrollVariables = function (axis, node) {\n return axis === 'v' ? getVScrollVariables(node) : getHScrollVariables(node);\n};\nvar getDirectionFactor = function (axis, direction) {\n /**\n * If the element's direction is rtl (right-to-left), then scrollLeft is 0 when the scrollbar is at its rightmost position,\n * and then increasingly negative as you scroll towards the end of the content.\n * @see https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollLeft\n */\n return axis === 'h' && direction === 'rtl' ? -1 : 1;\n};\nexport var handleScroll = function (axis, endTarget, event, sourceDelta, noOverscroll) {\n var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction);\n var delta = directionFactor * sourceDelta;\n // find scrollable target\n var target = event.target;\n var targetInLock = endTarget.contains(target);\n var shouldCancelScroll = false;\n var isDeltaPositive = delta > 0;\n var availableScroll = 0;\n var availableScrollTop = 0;\n do {\n var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];\n var elementScroll = scroll_1 - capacity - directionFactor * position;\n if (position || elementScroll) {\n if (elementCouldBeScrolled(axis, target)) {\n availableScroll += elementScroll;\n availableScrollTop += position;\n }\n }\n if (target instanceof ShadowRoot) {\n target = target.host;\n }\n else {\n target = target.parentNode;\n }\n } while (\n // portaled content\n (!targetInLock && target !== document.body) ||\n // self content\n (targetInLock && (endTarget.contains(target) || endTarget === target)));\n // handle epsilon around 0 (non standard zoom levels)\n if (isDeltaPositive &&\n ((noOverscroll && Math.abs(availableScroll) < 1) || (!noOverscroll && delta > availableScroll))) {\n shouldCancelScroll = true;\n }\n else if (!isDeltaPositive &&\n ((noOverscroll && Math.abs(availableScrollTop) < 1) || (!noOverscroll && -delta > availableScrollTop))) {\n shouldCancelScroll = true;\n }\n return shouldCancelScroll;\n};\n","import { __spreadArray } from \"tslib\";\nimport * as React from 'react';\nimport { RemoveScrollBar } from 'react-remove-scroll-bar';\nimport { styleSingleton } from 'react-style-singleton';\nimport { nonPassive } from './aggresiveCapture';\nimport { handleScroll, locationCouldBeScrolled } from './handleScroll';\nexport var getTouchXY = function (event) {\n return 'changedTouches' in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];\n};\nexport var getDeltaXY = function (event) { return [event.deltaX, event.deltaY]; };\nvar extractRef = function (ref) {\n return ref && 'current' in ref ? ref.current : ref;\n};\nvar deltaCompare = function (x, y) { return x[0] === y[0] && x[1] === y[1]; };\nvar generateStyle = function (id) { return \"\\n .block-interactivity-\".concat(id, \" {pointer-events: none;}\\n .allow-interactivity-\").concat(id, \" {pointer-events: all;}\\n\"); };\nvar idCounter = 0;\nvar lockStack = [];\nexport function RemoveScrollSideCar(props) {\n var shouldPreventQueue = React.useRef([]);\n var touchStartRef = React.useRef([0, 0]);\n var activeAxis = React.useRef();\n var id = React.useState(idCounter++)[0];\n var Style = React.useState(styleSingleton)[0];\n var lastProps = React.useRef(props);\n React.useEffect(function () {\n lastProps.current = props;\n }, [props]);\n React.useEffect(function () {\n if (props.inert) {\n document.body.classList.add(\"block-interactivity-\".concat(id));\n var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);\n allow_1.forEach(function (el) { return el.classList.add(\"allow-interactivity-\".concat(id)); });\n return function () {\n document.body.classList.remove(\"block-interactivity-\".concat(id));\n allow_1.forEach(function (el) { return el.classList.remove(\"allow-interactivity-\".concat(id)); });\n };\n }\n return;\n }, [props.inert, props.lockRef.current, props.shards]);\n var shouldCancelEvent = React.useCallback(function (event, parent) {\n if ('touches' in event && event.touches.length === 2) {\n return !lastProps.current.allowPinchZoom;\n }\n var touch = getTouchXY(event);\n var touchStart = touchStartRef.current;\n var deltaX = 'deltaX' in event ? event.deltaX : touchStart[0] - touch[0];\n var deltaY = 'deltaY' in event ? event.deltaY : touchStart[1] - touch[1];\n var currentAxis;\n var target = event.target;\n var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? 'h' : 'v';\n // allow horizontal touch move on Range inputs. They will not cause any scroll\n if ('touches' in event && moveDirection === 'h' && target.type === 'range') {\n return false;\n }\n var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n if (!canBeScrolledInMainDirection) {\n return true;\n }\n if (canBeScrolledInMainDirection) {\n currentAxis = moveDirection;\n }\n else {\n currentAxis = moveDirection === 'v' ? 'h' : 'v';\n canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);\n // other axis might be not scrollable\n }\n if (!canBeScrolledInMainDirection) {\n return false;\n }\n if (!activeAxis.current && 'changedTouches' in event && (deltaX || deltaY)) {\n activeAxis.current = currentAxis;\n }\n if (!currentAxis) {\n return true;\n }\n var cancelingAxis = activeAxis.current || currentAxis;\n return handleScroll(cancelingAxis, parent, event, cancelingAxis === 'h' ? deltaX : deltaY, true);\n }, []);\n var shouldPrevent = React.useCallback(function (_event) {\n var event = _event;\n if (!lockStack.length || lockStack[lockStack.length - 1] !== Style) {\n // not the last active\n return;\n }\n var delta = 'deltaY' in event ? getDeltaXY(event) : getTouchXY(event);\n var sourceEvent = shouldPreventQueue.current.filter(function (e) { return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare(e.delta, delta); })[0];\n // self event, and should be canceled\n if (sourceEvent && sourceEvent.should) {\n if (event.cancelable) {\n event.preventDefault();\n }\n return;\n }\n // outside or shard event\n if (!sourceEvent) {\n var shardNodes = (lastProps.current.shards || [])\n .map(extractRef)\n .filter(Boolean)\n .filter(function (node) { return node.contains(event.target); });\n var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;\n if (shouldStop) {\n if (event.cancelable) {\n event.preventDefault();\n }\n }\n }\n }, []);\n var shouldCancel = React.useCallback(function (name, delta, target, should) {\n var event = { name: name, delta: delta, target: target, should: should, shadowParent: getOutermostShadowParent(target) };\n shouldPreventQueue.current.push(event);\n setTimeout(function () {\n shouldPreventQueue.current = shouldPreventQueue.current.filter(function (e) { return e !== event; });\n }, 1);\n }, []);\n var scrollTouchStart = React.useCallback(function (event) {\n touchStartRef.current = getTouchXY(event);\n activeAxis.current = undefined;\n }, []);\n var scrollWheel = React.useCallback(function (event) {\n shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n }, []);\n var scrollTouchMove = React.useCallback(function (event) {\n shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));\n }, []);\n React.useEffect(function () {\n lockStack.push(Style);\n props.setCallbacks({\n onScrollCapture: scrollWheel,\n onWheelCapture: scrollWheel,\n onTouchMoveCapture: scrollTouchMove,\n });\n document.addEventListener('wheel', shouldPrevent, nonPassive);\n document.addEventListener('touchmove', shouldPrevent, nonPassive);\n document.addEventListener('touchstart', scrollTouchStart, nonPassive);\n return function () {\n lockStack = lockStack.filter(function (inst) { return inst !== Style; });\n document.removeEventListener('wheel', shouldPrevent, nonPassive);\n document.removeEventListener('touchmove', shouldPrevent, nonPassive);\n document.removeEventListener('touchstart', scrollTouchStart, nonPassive);\n };\n }, []);\n var removeScrollBar = props.removeScrollBar, inert = props.inert;\n return (React.createElement(React.Fragment, null,\n inert ? React.createElement(Style, { styles: generateStyle(id) }) : null,\n removeScrollBar ? React.createElement(RemoveScrollBar, { gapMode: props.gapMode }) : null));\n}\nfunction getOutermostShadowParent(node) {\n var shadowParent = null;\n while (node !== null) {\n if (node instanceof ShadowRoot) {\n shadowParent = node.host;\n node = node.host;\n }\n node = node.parentNode;\n }\n return shadowParent;\n}\n","import { exportSidecar } from 'use-sidecar';\nimport { RemoveScrollSideCar } from './SideEffect';\nimport { effectCar } from './medium';\nexport default exportSidecar(effectCar, RemoveScrollSideCar);\n","import { __assign } from \"tslib\";\nimport * as React from 'react';\nimport { RemoveScroll } from './UI';\nimport SideCar from './sidecar';\nvar ReactRemoveScroll = React.forwardRef(function (props, ref) { return (React.createElement(RemoveScroll, __assign({}, props, { ref: ref, sideCar: SideCar }))); });\nReactRemoveScroll.classNames = RemoveScroll.classNames;\nexport default ReactRemoveScroll;\n","import { createSafeContext } from '@mantine/utils';\n\nconst [ModalBaseProvider, useModalBaseContext] = createSafeContext(\"ModalBase component was not found in tree\");\n\nexport { ModalBaseProvider, useModalBaseContext };\n//# sourceMappingURL=ModalBase.context.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar useStyles = createStyles(() => ({\n close: {\n marginLeft: \"auto\",\n marginRight: 0\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=ModalBaseCloseButton.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { useModalBaseContext } from '../ModalBase.context.js';\nimport useStyles from './ModalBaseCloseButton.styles.js';\nimport { CloseButton } from '../../CloseButton/CloseButton.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n size: \"sm\"\n};\nconst ModalBaseCloseButton = forwardRef((props, ref) => {\n const ctx = useModalBaseContext();\n const _a = useComponentDefaultProps(`${ctx.__staticSelector}CloseButton`, defaultProps, props), { className } = _a, others = __objRest(_a, [\"className\"]);\n const { classes, cx } = useStyles(null, ctx.stylesApi);\n return /* @__PURE__ */ React.createElement(CloseButton, __spreadValues({\n className: cx(classes.close, className),\n ref,\n onClick: ctx.onClose\n }, others));\n});\n\nexport { ModalBaseCloseButton };\n//# sourceMappingURL=ModalBaseCloseButton.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar useStyles = createStyles(() => ({\n overlay: {}\n}));\n\nexport default useStyles;\n//# sourceMappingURL=ModalBaseOverlay.styles.js.map\n","import { useComponentDefaultProps } from '@mantine/styles';\nimport React, { forwardRef } from 'react';\nimport { useModalBaseContext } from '../ModalBase.context.js';\nimport useStyles from './ModalBaseOverlay.styles.js';\nimport { Transition } from '../../Transition/Transition.js';\nimport { Overlay } from '../../Overlay/Overlay.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst ModalBaseOverlay = forwardRef((props, ref) => {\n const ctx = useModalBaseContext();\n const _a = useComponentDefaultProps(`${ctx.__staticSelector}Overlay`, defaultProps, props), { onClick, transitionProps, style, className } = _a, others = __objRest(_a, [\"onClick\", \"transitionProps\", \"style\", \"className\"]);\n const { classes, cx } = useStyles(null, ctx.stylesApi);\n const handleClick = (event) => {\n onClick == null ? void 0 : onClick(event);\n ctx.closeOnClickOutside && ctx.onClose();\n };\n return /* @__PURE__ */ React.createElement(Transition, __spreadProps(__spreadValues(__spreadValues({\n mounted: ctx.opened\n }, ctx.transitionProps), transitionProps), {\n transition: \"fade\"\n }), (transitionStyles) => /* @__PURE__ */ React.createElement(Overlay, __spreadValues({\n ref,\n onClick: handleClick,\n fixed: true,\n style: __spreadValues(__spreadValues({}, style), transitionStyles),\n className: cx(classes.overlay, className),\n zIndex: ctx.zIndex\n }, others)));\n});\n\nexport { ModalBaseOverlay };\n//# sourceMappingURL=ModalBaseOverlay.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar useStyles = createStyles((_theme, { zIndex }) => ({\n inner: {\n position: \"fixed\",\n width: \"100%\",\n top: 0,\n bottom: 0,\n maxHeight: \"100%\",\n zIndex,\n pointerEvents: \"none\"\n },\n content: {\n pointerEvents: \"all\"\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=ModalBaseContent.styles.js.map\n","import { createStyles, rem } from '@mantine/styles';\n\nvar useStyles = createStyles((theme, { radius, shadow }) => ({\n root: {\n outline: 0,\n WebkitTapHighlightColor: \"transparent\",\n display: \"block\",\n textDecoration: \"none\",\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[7] : theme.white,\n boxSizing: \"border-box\",\n borderRadius: theme.fn.radius(radius),\n boxShadow: theme.shadows[shadow] || shadow || \"none\",\n \"&[data-with-border]\": {\n border: `${rem(1)} solid ${theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[3]}`\n }\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Paper.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport useStyles from './Paper.styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst _Paper = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Paper\", defaultProps, props), { className, children, radius, withBorder, shadow, unstyled, variant } = _a, others = __objRest(_a, [\"className\", \"children\", \"radius\", \"withBorder\", \"shadow\", \"unstyled\", \"variant\"]);\n const { classes, cx } = useStyles({ radius, shadow }, { name: \"Paper\", unstyled, variant });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.root, className),\n \"data-with-border\": withBorder || void 0,\n ref\n }, others), children);\n});\n_Paper.displayName = \"@mantine/core/Paper\";\nconst Paper = createPolymorphicComponent(_Paper);\n\nexport { Paper, _Paper };\n//# sourceMappingURL=Paper.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { useModalBaseContext } from '../ModalBase.context.js';\nimport useStyles from './ModalBaseContent.styles.js';\nimport { Transition } from '../../Transition/Transition.js';\nimport { FocusTrap } from '../../FocusTrap/FocusTrap.js';\nimport { Paper } from '../../Paper/Paper.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst ModalBaseContent = forwardRef((props, ref) => {\n const ctx = useModalBaseContext();\n const _a = useComponentDefaultProps(`${ctx.__staticSelector}Content`, defaultProps, props), { className, transitionProps, style, onKeyDown } = _a, others = __objRest(_a, [\"className\", \"transitionProps\", \"style\", \"onKeyDown\"]);\n const { classes, cx } = useStyles({ zIndex: ctx.zIndex }, ctx.stylesApi);\n const handleKeyDown = (event) => {\n var _a2;\n const shouldTrigger = ((_a2 = event.target) == null ? void 0 : _a2.getAttribute(\"data-mantine-stop-propagation\")) !== \"true\";\n shouldTrigger && event.key === \"Escape\" && ctx.closeOnEscape && ctx.onClose();\n onKeyDown == null ? void 0 : onKeyDown(event);\n };\n return /* @__PURE__ */ React.createElement(Transition, __spreadValues(__spreadValues({\n mounted: ctx.opened,\n transition: \"pop\"\n }, ctx.transitionProps), transitionProps), (transitionStyles) => /* @__PURE__ */ React.createElement(\"div\", {\n className: cx(classes.inner)\n }, /* @__PURE__ */ React.createElement(FocusTrap, {\n active: ctx.opened && ctx.trapFocus\n }, /* @__PURE__ */ React.createElement(Paper, __spreadValues({\n component: \"section\",\n role: \"dialog\",\n tabIndex: -1,\n \"aria-modal\": true,\n \"aria-describedby\": ctx.bodyMounted ? ctx.getBodyId() : void 0,\n \"aria-labelledby\": ctx.titleMounted ? ctx.getTitleId() : void 0,\n onKeyDown: handleKeyDown,\n ref,\n className: cx(classes.content, className),\n style: __spreadValues(__spreadValues({}, style), transitionStyles),\n shadow: ctx.shadow\n }, others), others.children))));\n});\n\nexport { ModalBaseContent };\n//# sourceMappingURL=ModalBaseContent.js.map\n","import { createStyles, getSize, rem } from '@mantine/styles';\n\nvar useStyles = createStyles((theme, { padding }) => {\n const paddingValue = getSize({ size: padding, sizes: theme.spacing });\n return {\n header: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n padding: paddingValue,\n paddingRight: `calc(${paddingValue} - ${rem(5)})`,\n position: \"sticky\",\n top: 0,\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[7] : theme.white,\n zIndex: 1e3\n }\n };\n});\n\nexport default useStyles;\n//# sourceMappingURL=ModalBaseHeader.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { useModalBaseContext } from '../ModalBase.context.js';\nimport useStyles from './ModalBaseHeader.styles.js';\nimport { Box } from '../../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst ModalBaseHeader = forwardRef((props, ref) => {\n const ctx = useModalBaseContext();\n const _a = useComponentDefaultProps(`${ctx.__staticSelector}Header`, defaultProps, props), { className } = _a, others = __objRest(_a, [\"className\"]);\n const { classes, cx } = useStyles({ padding: ctx.padding }, ctx.stylesApi);\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n ref,\n className: cx(classes.header, className)\n }, others));\n});\n\nexport { ModalBaseHeader };\n//# sourceMappingURL=ModalBaseHeader.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar useStyles = createStyles((theme) => ({\n title: {\n lineHeight: 1,\n padding: 0,\n margin: 0,\n fontWeight: 400,\n fontSize: theme.fontSizes.md\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=ModalBaseTitle.styles.js.map\n","import React, { forwardRef, useEffect } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { useModalBaseContext } from '../ModalBase.context.js';\nimport useStyles from './ModalBaseTitle.styles.js';\nimport { Box } from '../../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst ModalBaseTitle = forwardRef((props, ref) => {\n const ctx = useModalBaseContext();\n const _a = useComponentDefaultProps(`${ctx.__staticSelector}Title`, defaultProps, props), { className } = _a, others = __objRest(_a, [\"className\"]);\n const { classes, cx } = useStyles(null, ctx.stylesApi);\n useEffect(() => {\n ctx.setTitleMounted(true);\n return () => ctx.setTitleMounted(false);\n }, []);\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n component: \"h2\",\n id: ctx.getTitleId(),\n className: cx(classes.title, className),\n ref\n }, others));\n});\n\nexport { ModalBaseTitle };\n//# sourceMappingURL=ModalBaseTitle.js.map\n","import { createStyles, getSize } from '@mantine/styles';\n\nvar useStyles = createStyles((theme, { padding }) => ({\n body: {\n padding: getSize({ size: padding, sizes: theme.spacing }),\n \"&:not(:only-child)\": {\n paddingTop: 0\n }\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=ModalBaseBody.styles.js.map\n","import React, { forwardRef, useEffect } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { useModalBaseContext } from '../ModalBase.context.js';\nimport useStyles from './ModalBaseBody.styles.js';\nimport { Box } from '../../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nconst ModalBaseBody = forwardRef((props, ref) => {\n const ctx = useModalBaseContext();\n const _a = useComponentDefaultProps(`${ctx.__staticSelector}Body`, defaultProps, props), { className } = _a, others = __objRest(_a, [\"className\"]);\n const { classes, cx } = useStyles({ padding: ctx.padding }, ctx.stylesApi);\n useEffect(() => {\n ctx.setBodyMounted(true);\n return () => ctx.setBodyMounted(false);\n }, []);\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n id: ctx.getBodyId(),\n className: cx(classes.body, className),\n ref\n }, others));\n});\n\nexport { ModalBaseBody };\n//# sourceMappingURL=ModalBaseBody.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar useStyles = createStyles(() => ({\n root: {}\n}));\n\nexport default useStyles;\n//# sourceMappingURL=ModalBase.styles.js.map\n","import React, { useState } from 'react';\nimport { RemoveScroll } from 'react-remove-scroll';\nimport { useId, useWindowEvent, useFocusReturn } from '@mantine/hooks';\nimport { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';\nimport { ModalBaseProvider } from './ModalBase.context.js';\nimport { ModalBaseCloseButton } from './ModalBaseCloseButton/ModalBaseCloseButton.js';\nimport { ModalBaseOverlay } from './ModalBaseOverlay/ModalBaseOverlay.js';\nimport { ModalBaseContent } from './ModalBaseContent/ModalBaseContent.js';\nimport { ModalBaseHeader } from './ModalBaseHeader/ModalBaseHeader.js';\nimport { ModalBaseTitle } from './ModalBaseTitle/ModalBaseTitle.js';\nimport { ModalBaseBody } from './ModalBaseBody/ModalBaseBody.js';\nimport { NativeScrollArea } from './NativeScrollArea/NativeScrollArea.js';\nimport { useLockScroll } from './use-lock-scroll.js';\nimport useStyles from './ModalBase.styles.js';\nimport { OptionalPortal } from '../Portal/OptionalPortal.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst ModalBaseDefaultProps = {\n closeOnClickOutside: true,\n withinPortal: true,\n lockScroll: true,\n trapFocus: true,\n returnFocus: true,\n closeOnEscape: true,\n keepMounted: false,\n zIndex: getDefaultZIndex(\"modal\"),\n padding: \"md\",\n size: \"md\",\n shadow: \"xl\"\n};\nfunction ModalBase(props) {\n const _a = useComponentDefaultProps(\"ModalBase\", ModalBaseDefaultProps, props), {\n opened,\n onClose,\n children,\n closeOnClickOutside,\n __staticSelector,\n transitionProps,\n withinPortal,\n portalProps,\n keepMounted,\n target,\n zIndex,\n lockScroll,\n trapFocus,\n closeOnEscape,\n returnFocus,\n padding,\n shadow,\n id,\n size,\n variant,\n classNames,\n unstyled,\n styles,\n className\n } = _a, others = __objRest(_a, [\n \"opened\",\n \"onClose\",\n \"children\",\n \"closeOnClickOutside\",\n \"__staticSelector\",\n \"transitionProps\",\n \"withinPortal\",\n \"portalProps\",\n \"keepMounted\",\n \"target\",\n \"zIndex\",\n \"lockScroll\",\n \"trapFocus\",\n \"closeOnEscape\",\n \"returnFocus\",\n \"padding\",\n \"shadow\",\n \"id\",\n \"size\",\n \"variant\",\n \"classNames\",\n \"unstyled\",\n \"styles\",\n \"className\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: __staticSelector,\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n const _id = useId(id);\n const [titleMounted, setTitleMounted] = useState(false);\n const [bodyMounted, setBodyMounted] = useState(false);\n const transitionDuration = typeof (transitionProps == null ? void 0 : transitionProps.duration) === \"number\" ? transitionProps == null ? void 0 : transitionProps.duration : 200;\n const shouldLockScroll = useLockScroll({ opened, transitionDuration });\n useWindowEvent(\"keydown\", (event) => {\n if (!trapFocus && event.key === \"Escape\" && closeOnEscape) {\n onClose();\n }\n });\n useFocusReturn({ opened, shouldReturnFocus: trapFocus && returnFocus });\n return /* @__PURE__ */ React.createElement(OptionalPortal, __spreadProps(__spreadValues({}, portalProps), {\n withinPortal,\n target\n }), /* @__PURE__ */ React.createElement(ModalBaseProvider, {\n value: {\n __staticSelector,\n opened,\n onClose,\n closeOnClickOutside,\n transitionProps: __spreadProps(__spreadValues({}, transitionProps), { duration: transitionDuration, keepMounted }),\n zIndex,\n padding,\n id: _id,\n getTitleId: () => `${_id}-title`,\n getBodyId: () => `${_id}-body`,\n titleMounted,\n bodyMounted,\n setTitleMounted,\n setBodyMounted,\n trapFocus,\n closeOnEscape,\n shadow,\n stylesApi: {\n name: __staticSelector,\n size,\n variant,\n classNames,\n styles,\n unstyled\n }\n }\n }, /* @__PURE__ */ React.createElement(RemoveScroll, {\n enabled: shouldLockScroll && lockScroll\n }, /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.root, className)\n }, others), children))));\n}\nModalBase.CloseButton = ModalBaseCloseButton;\nModalBase.Overlay = ModalBaseOverlay;\nModalBase.Content = ModalBaseContent;\nModalBase.Header = ModalBaseHeader;\nModalBase.Title = ModalBaseTitle;\nModalBase.Body = ModalBaseBody;\nModalBase.NativeScrollArea = NativeScrollArea;\n\nexport { ModalBase, ModalBaseDefaultProps };\n//# sourceMappingURL=ModalBase.js.map\n","import { useState, useRef, useEffect } from 'react';\nimport { useReducedMotion } from '@mantine/hooks';\n\nfunction useLockScroll({ opened, transitionDuration }) {\n const [shouldLockScroll, setShouldLockScroll] = useState(opened);\n const timeout = useRef();\n const reduceMotion = useReducedMotion();\n const _transitionDuration = reduceMotion ? 0 : transitionDuration;\n useEffect(() => {\n if (opened) {\n setShouldLockScroll(true);\n window.clearTimeout(timeout.current);\n } else if (_transitionDuration === 0) {\n setShouldLockScroll(false);\n } else {\n timeout.current = window.setTimeout(() => setShouldLockScroll(false), _transitionDuration);\n }\n return () => window.clearTimeout(timeout.current);\n }, [opened, _transitionDuration]);\n return shouldLockScroll;\n}\n\nexport { useLockScroll };\n//# sourceMappingURL=use-lock-scroll.js.map\n","import React from 'react';\n\nfunction NativeScrollArea({ children }) {\n return /* @__PURE__ */ React.createElement(React.Fragment, null, children);\n}\n\nexport { NativeScrollArea };\n//# sourceMappingURL=NativeScrollArea.js.map\n","import React from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { ModalProvider } from '../Modal.context.js';\nimport useStyles from './ModalRoot.styles.js';\nimport { ModalBase, ModalBaseDefaultProps } from '../../ModalBase/ModalBase.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = __spreadProps(__spreadValues({}, ModalBaseDefaultProps), {\n yOffset: \"5dvh\",\n xOffset: \"5vw\"\n});\nfunction ModalRoot(props) {\n const _a = useComponentDefaultProps(\"ModalRoot\", defaultProps, props), {\n classNames,\n variant,\n size,\n yOffset,\n xOffset,\n scrollAreaComponent,\n radius,\n centered,\n fullScreen\n } = _a, others = __objRest(_a, [\n \"classNames\",\n \"variant\",\n \"size\",\n \"yOffset\",\n \"xOffset\",\n \"scrollAreaComponent\",\n \"radius\",\n \"centered\",\n \"fullScreen\"\n ]);\n const { classes, cx } = useStyles({ yOffset, xOffset, centered, fullScreen }, { name: \"Modal\", variant, size });\n return /* @__PURE__ */ React.createElement(ModalProvider, {\n value: { yOffset, scrollAreaComponent, radius }\n }, /* @__PURE__ */ React.createElement(ModalBase, __spreadValues({\n __staticSelector: \"Modal\",\n size,\n variant,\n classNames: __spreadProps(__spreadValues({}, classNames), {\n content: cx(classes.content, classNames == null ? void 0 : classNames.content),\n inner: cx(classes.inner, classNames == null ? void 0 : classNames.inner)\n })\n }, others)));\n}\n\nexport { ModalRoot };\n//# sourceMappingURL=ModalRoot.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, rem } from '@mantine/styles';\nimport { useModalContext } from '../Modal.context.js';\nimport { ModalBase } from '../../ModalBase/ModalBase.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n shadow: \"xl\"\n};\nconst ModalContent = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"ModalContent\", defaultProps, props), { children, scrollAreaComponent } = _a, others = __objRest(_a, [\"children\", \"scrollAreaComponent\"]);\n const ctx = useModalContext();\n const Scroll = scrollAreaComponent || ctx.scrollAreaComponent || ModalBase.NativeScrollArea;\n return /* @__PURE__ */ React.createElement(ModalBase.Content, __spreadValues({\n ref,\n radius: ctx.radius\n }, others), /* @__PURE__ */ React.createElement(Scroll, {\n style: { maxHeight: `calc(100dvh - (${rem(ctx.yOffset)} * 2))` }\n }, children));\n});\n\nexport { ModalContent };\n//# sourceMappingURL=ModalContent.js.map\n","import React from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { ModalRoot } from './ModalRoot/ModalRoot.js';\nimport { ModalContent } from './ModalContent/ModalContent.js';\nimport { ModalBase, ModalBaseDefaultProps } from '../ModalBase/ModalBase.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = __spreadProps(__spreadValues({}, ModalBaseDefaultProps), {\n transitionProps: { duration: 200, transition: \"pop\" },\n withOverlay: true,\n withCloseButton: true\n});\nfunction Modal(props) {\n const _a = useComponentDefaultProps(\"Modal\", defaultProps, props), {\n title,\n withOverlay,\n overlayProps,\n withCloseButton,\n closeButtonProps,\n children\n } = _a, others = __objRest(_a, [\n \"title\",\n \"withOverlay\",\n \"overlayProps\",\n \"withCloseButton\",\n \"closeButtonProps\",\n \"children\"\n ]);\n const hasHeader = !!title || withCloseButton;\n return /* @__PURE__ */ React.createElement(ModalRoot, __spreadValues({}, others), withOverlay && /* @__PURE__ */ React.createElement(ModalBase.Overlay, __spreadValues({}, overlayProps)), /* @__PURE__ */ React.createElement(ModalContent, null, hasHeader && /* @__PURE__ */ React.createElement(ModalBase.Header, null, title && /* @__PURE__ */ React.createElement(ModalBase.Title, null, title), withCloseButton && /* @__PURE__ */ React.createElement(ModalBase.CloseButton, __spreadValues({}, closeButtonProps))), /* @__PURE__ */ React.createElement(ModalBase.Body, null, children)));\n}\nModal.Root = ModalRoot;\nModal.CloseButton = ModalBase.CloseButton;\nModal.Overlay = ModalBase.Overlay;\nModal.Content = ModalContent;\nModal.Header = ModalBase.Header;\nModal.Title = ModalBase.Title;\nModal.Body = ModalBase.Body;\nModal.NativeScrollArea = ModalBase.NativeScrollArea;\n\nexport { Modal };\n//# sourceMappingURL=Modal.js.map\n","import { rem, createStyles, getSize } from '@mantine/styles';\n\nconst sizes = {\n xs: rem(16),\n sm: rem(22),\n md: rem(26),\n lg: rem(30),\n xl: rem(36)\n};\nconst fontSizes = {\n xs: rem(10),\n sm: rem(12),\n md: rem(14),\n lg: rem(16),\n xl: rem(18)\n};\nvar useStyles = createStyles((theme, { disabled, radius, readOnly }, { size, variant }) => ({\n defaultValue: {\n display: \"flex\",\n alignItems: \"center\",\n backgroundColor: disabled ? theme.colorScheme === \"dark\" ? theme.colors.dark[5] : theme.colors.gray[3] : theme.colorScheme === \"dark\" ? theme.colors.dark[7] : variant === \"filled\" ? theme.white : theme.colors.gray[1],\n color: disabled ? theme.colorScheme === \"dark\" ? theme.colors.dark[1] : theme.colors.gray[7] : theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.colors.gray[7],\n height: getSize({ size, sizes }),\n paddingLeft: `calc(${getSize({ size, sizes: theme.spacing })} / 1.5)`,\n paddingRight: disabled || readOnly ? getSize({ size, sizes: theme.spacing }) : 0,\n fontWeight: 500,\n fontSize: getSize({ size, sizes: fontSizes }),\n borderRadius: getSize({ size: radius, sizes: theme.radius }),\n cursor: disabled ? \"not-allowed\" : \"default\",\n userSelect: \"none\",\n maxWidth: `calc(100% - ${rem(10)})`\n },\n defaultValueRemove: {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.colors.gray[7],\n marginLeft: `calc(${getSize({ size, sizes: theme.spacing })} / 6)`\n },\n defaultValueLabel: {\n display: \"block\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\"\n }\n}));\n\nexport default useStyles;\nexport { sizes };\n//# sourceMappingURL=DefaultValue.styles.js.map\n","import React from 'react';\nimport useStyles from './DefaultValue.styles.js';\nimport { CloseButton } from '../../CloseButton/CloseButton.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst buttonSizes = {\n xs: 16,\n sm: 22,\n md: 24,\n lg: 26,\n xl: 30\n};\nfunction DefaultValue(_a) {\n var _b = _a, {\n label,\n classNames,\n styles,\n className,\n onRemove,\n disabled,\n readOnly,\n size,\n radius = \"sm\",\n variant,\n unstyled\n } = _b, others = __objRest(_b, [\n \"label\",\n \"classNames\",\n \"styles\",\n \"className\",\n \"onRemove\",\n \"disabled\",\n \"readOnly\",\n \"size\",\n \"radius\",\n \"variant\",\n \"unstyled\"\n ]);\n const { classes, cx } = useStyles({ disabled, readOnly, radius }, { name: \"MultiSelect\", classNames, styles, unstyled, size, variant });\n return /* @__PURE__ */ React.createElement(\"div\", __spreadValues({\n className: cx(classes.defaultValue, className)\n }, others), /* @__PURE__ */ React.createElement(\"span\", {\n className: classes.defaultValueLabel\n }, label), !disabled && !readOnly && /* @__PURE__ */ React.createElement(CloseButton, {\n \"aria-hidden\": true,\n onMouseDown: onRemove,\n size: buttonSizes[size],\n radius: 2,\n color: \"blue\",\n variant: \"transparent\",\n iconSize: \"70%\",\n className: classes.defaultValueRemove,\n tabIndex: -1,\n unstyled\n }));\n}\nDefaultValue.displayName = \"@mantine/core/MultiSelect/DefaultValue\";\n\nexport { DefaultValue };\n//# sourceMappingURL=DefaultValue.js.map\n","import { createStyles, getSize, rem } from '@mantine/styles';\nimport { sizes as sizes$1 } from './DefaultValue/DefaultValue.styles.js';\nimport { sizes } from '../Input/Input.styles.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme, { invalid }, { size }) => ({\n wrapper: {\n position: \"relative\",\n \"&:has(input:disabled)\": {\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n \"& .mantine-MultiSelect-input\": {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.colors.gray[1],\n color: theme.colors.dark[2],\n opacity: 0.6,\n \"&::placeholder\": {\n color: theme.colors.dark[2]\n }\n },\n \"& .mantine-MultiSelect-defaultValue\": {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[5] : theme.colors.gray[3],\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[1] : theme.colors.gray[7]\n }\n }\n },\n values: {\n minHeight: `calc(${getSize({ size, sizes: sizes })} - ${rem(2)})`,\n display: \"flex\",\n alignItems: \"center\",\n flexWrap: \"wrap\",\n marginLeft: `calc(-${theme.spacing.xs} / 2)`,\n boxSizing: \"border-box\",\n \"&[data-clearable]\": {\n marginRight: getSize({ size, sizes: sizes })\n }\n },\n value: {\n margin: `calc(${theme.spacing.xs} / 2 - ${rem(2)}) calc(${theme.spacing.xs} / 2)`\n },\n searchInput: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {\n flex: 1,\n minWidth: rem(60),\n backgroundColor: \"transparent\",\n border: 0,\n outline: 0,\n fontSize: getSize({ size, sizes: theme.fontSizes }),\n padding: 0,\n marginLeft: `calc(${theme.spacing.xs} / 2)`,\n appearance: \"none\",\n color: \"inherit\",\n maxHeight: getSize({ size, sizes: sizes$1 }),\n \"&::placeholder\": {\n opacity: 1,\n color: invalid ? theme.colors.red[theme.fn.primaryShade()] : theme.colorScheme === \"dark\" ? theme.colors.dark[3] : theme.colors.gray[5]\n },\n \"&:disabled\": {\n cursor: \"not-allowed\",\n pointerEvents: \"none\"\n }\n }),\n searchInputEmpty: {\n width: \"100%\"\n },\n searchInputInputHidden: {\n flex: 0,\n width: 0,\n minWidth: 0,\n margin: 0,\n overflow: \"hidden\"\n },\n searchInputPointer: {\n cursor: \"pointer\",\n \"&:disabled\": {\n cursor: \"not-allowed\",\n pointerEvents: \"none\"\n }\n },\n input: {\n cursor: \"pointer\",\n \"&:disabled\": {\n cursor: \"not-allowed\",\n pointerEvents: \"none\"\n }\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=MultiSelect.styles.js.map\n","import React, { forwardRef, useRef, useState } from 'react';\nimport { useId, useUncontrolled, useScrollIntoView, useDidUpdate, useMergedRef } from '@mantine/hooks';\nimport { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';\nimport { groupOptions } from '@mantine/utils';\nimport { DefaultValue } from './DefaultValue/DefaultValue.js';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem.js';\nimport { filterData } from './filter-data/filter-data.js';\nimport { getSelectRightSectionProps } from '../Select/SelectRightSection/get-select-right-section-props.js';\nimport { SelectScrollArea } from '../Select/SelectScrollArea/SelectScrollArea.js';\nimport { SelectPopover } from '../Select/SelectPopover/SelectPopover.js';\nimport { SelectItems } from '../Select/SelectItems/SelectItems.js';\nimport useStyles from './MultiSelect.styles.js';\nimport { extractSystemStyles } from '../Box/style-system-props/extract-system-styles/extract-system-styles.js';\nimport { Input } from '../Input/Input.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction defaultFilter(value, selected, item) {\n if (selected) {\n return false;\n }\n return item.label.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\nfunction defaultShouldCreate(query, data) {\n return !!query && !data.some((item) => item.value.toLowerCase() === query.toLowerCase());\n}\nfunction filterValue(value, data) {\n if (!Array.isArray(value)) {\n return void 0;\n }\n if (data.length === 0) {\n return [];\n }\n const flatData = data.map((item) => {\n if (typeof item === \"object\") {\n return item.value;\n }\n return item;\n });\n return value.filter((val) => flatData.includes(val));\n}\nconst defaultProps = {\n size: \"sm\",\n valueComponent: DefaultValue,\n itemComponent: DefaultItem,\n transitionProps: { transition: \"fade\", duration: 0 },\n maxDropdownHeight: 220,\n shadow: \"sm\",\n searchable: false,\n filter: defaultFilter,\n limit: Infinity,\n clearSearchOnChange: true,\n clearable: false,\n clearSearchOnBlur: false,\n disabled: false,\n initiallyOpened: false,\n creatable: false,\n shouldCreate: defaultShouldCreate,\n switchDirectionOnFlip: false,\n zIndex: getDefaultZIndex(\"popover\"),\n selectOnBlur: false,\n positionDependencies: [],\n dropdownPosition: \"flip\"\n};\nconst MultiSelect = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"MultiSelect\", defaultProps, props), {\n className,\n style,\n required,\n label,\n description,\n size,\n error,\n classNames,\n styles,\n wrapperProps,\n value,\n defaultValue,\n data,\n onChange,\n valueComponent: Value,\n itemComponent,\n id,\n transitionProps,\n maxDropdownHeight,\n shadow,\n nothingFound,\n onFocus,\n onBlur,\n searchable,\n placeholder,\n filter,\n limit,\n clearSearchOnChange,\n clearable,\n clearSearchOnBlur,\n variant,\n onSearchChange,\n searchValue,\n disabled,\n initiallyOpened,\n radius,\n icon,\n rightSection,\n rightSectionWidth,\n creatable,\n getCreateLabel,\n shouldCreate,\n onCreate,\n sx,\n dropdownComponent,\n onDropdownClose,\n onDropdownOpen,\n maxSelectedValues,\n withinPortal,\n portalProps,\n switchDirectionOnFlip,\n zIndex,\n selectOnBlur,\n name,\n dropdownPosition,\n errorProps,\n labelProps,\n descriptionProps,\n form,\n positionDependencies,\n onKeyDown,\n unstyled,\n inputContainer,\n inputWrapperOrder,\n readOnly,\n withAsterisk,\n clearButtonProps,\n hoverOnSearchChange,\n disableSelectedItemFiltering\n } = _a, others = __objRest(_a, [\n \"className\",\n \"style\",\n \"required\",\n \"label\",\n \"description\",\n \"size\",\n \"error\",\n \"classNames\",\n \"styles\",\n \"wrapperProps\",\n \"value\",\n \"defaultValue\",\n \"data\",\n \"onChange\",\n \"valueComponent\",\n \"itemComponent\",\n \"id\",\n \"transitionProps\",\n \"maxDropdownHeight\",\n \"shadow\",\n \"nothingFound\",\n \"onFocus\",\n \"onBlur\",\n \"searchable\",\n \"placeholder\",\n \"filter\",\n \"limit\",\n \"clearSearchOnChange\",\n \"clearable\",\n \"clearSearchOnBlur\",\n \"variant\",\n \"onSearchChange\",\n \"searchValue\",\n \"disabled\",\n \"initiallyOpened\",\n \"radius\",\n \"icon\",\n \"rightSection\",\n \"rightSectionWidth\",\n \"creatable\",\n \"getCreateLabel\",\n \"shouldCreate\",\n \"onCreate\",\n \"sx\",\n \"dropdownComponent\",\n \"onDropdownClose\",\n \"onDropdownOpen\",\n \"maxSelectedValues\",\n \"withinPortal\",\n \"portalProps\",\n \"switchDirectionOnFlip\",\n \"zIndex\",\n \"selectOnBlur\",\n \"name\",\n \"dropdownPosition\",\n \"errorProps\",\n \"labelProps\",\n \"descriptionProps\",\n \"form\",\n \"positionDependencies\",\n \"onKeyDown\",\n \"unstyled\",\n \"inputContainer\",\n \"inputWrapperOrder\",\n \"readOnly\",\n \"withAsterisk\",\n \"clearButtonProps\",\n \"hoverOnSearchChange\",\n \"disableSelectedItemFiltering\"\n ]);\n const { classes, cx, theme } = useStyles({ invalid: !!error }, { name: \"MultiSelect\", classNames, styles, unstyled, size, variant });\n const { systemStyles, rest } = extractSystemStyles(others);\n const inputRef = useRef();\n const itemsRefs = useRef({});\n const uuid = useId(id);\n const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n const [_hovered, setHovered] = useState(-1);\n const [direction, setDirection] = useState(\"column\");\n const [_searchValue, handleSearchChange] = useUncontrolled({\n value: searchValue,\n defaultValue: \"\",\n finalValue: void 0,\n onChange: onSearchChange\n });\n const [IMEOpen, setIMEOpen] = useState(false);\n const { scrollIntoView, targetRef, scrollableRef } = useScrollIntoView({\n duration: 0,\n offset: 5,\n cancelable: false,\n isList: true\n });\n const isCreatable = creatable && typeof getCreateLabel === \"function\";\n let createLabel = null;\n const formattedData = data.map((item) => typeof item === \"string\" ? { label: item, value: item } : item);\n const sortedData = groupOptions({ data: formattedData });\n const [_value, setValue] = useUncontrolled({\n value: filterValue(value, data),\n defaultValue: filterValue(defaultValue, data),\n finalValue: [],\n onChange\n });\n const valuesOverflow = useRef(!!maxSelectedValues && maxSelectedValues < _value.length);\n const handleValueRemove = (_val) => {\n if (!readOnly) {\n const newValue = _value.filter((val) => val !== _val);\n setValue(newValue);\n if (!!maxSelectedValues && newValue.length < maxSelectedValues) {\n valuesOverflow.current = false;\n }\n }\n };\n const handleInputChange = (event) => {\n handleSearchChange(event.currentTarget.value);\n !disabled && !valuesOverflow.current && searchable && setDropdownOpened(true);\n };\n const handleInputFocus = (event) => {\n typeof onFocus === \"function\" && onFocus(event);\n !disabled && !valuesOverflow.current && searchable && setDropdownOpened(true);\n };\n const filteredData = filterData({\n data: sortedData,\n searchable,\n searchValue: _searchValue,\n limit,\n filter,\n value: _value,\n disableSelectedItemFiltering\n });\n if (isCreatable && shouldCreate(_searchValue, sortedData)) {\n createLabel = getCreateLabel(_searchValue);\n filteredData.push({ label: _searchValue, value: _searchValue, creatable: true });\n }\n const hovered = Math.min(_hovered, filteredData.length - 1);\n const getNextIndex = (index, nextItem, compareFn) => {\n let i = index;\n while (compareFn(i)) {\n i = nextItem(i);\n if (!filteredData[i].disabled)\n return i;\n }\n return index;\n };\n useDidUpdate(() => {\n if (hoverOnSearchChange && _searchValue) {\n setHovered(0);\n } else {\n setHovered(-1);\n }\n }, [_searchValue, hoverOnSearchChange]);\n useDidUpdate(() => {\n if (!disabled && _value.length > data.length) {\n setDropdownOpened(false);\n }\n if (!!maxSelectedValues && _value.length < maxSelectedValues) {\n valuesOverflow.current = false;\n }\n if (!!maxSelectedValues && _value.length >= maxSelectedValues) {\n valuesOverflow.current = true;\n setDropdownOpened(false);\n }\n }, [_value]);\n const handleItemSelect = (item) => {\n if (!readOnly) {\n clearSearchOnChange && handleSearchChange(\"\");\n if (_value.includes(item.value)) {\n handleValueRemove(item.value);\n } else {\n if (item.creatable && typeof onCreate === \"function\") {\n const createdItem = onCreate(item.value);\n if (typeof createdItem !== \"undefined\" && createdItem !== null) {\n if (typeof createdItem === \"string\") {\n setValue([..._value, createdItem]);\n } else {\n setValue([..._value, createdItem.value]);\n }\n }\n } else {\n setValue([..._value, item.value]);\n }\n if (_value.length === maxSelectedValues - 1) {\n valuesOverflow.current = true;\n setDropdownOpened(false);\n }\n if (filteredData.length === 1) {\n setDropdownOpened(false);\n }\n }\n }\n };\n const handleInputBlur = (event) => {\n typeof onBlur === \"function\" && onBlur(event);\n if (selectOnBlur && filteredData[hovered] && dropdownOpened) {\n handleItemSelect(filteredData[hovered]);\n }\n clearSearchOnBlur && handleSearchChange(\"\");\n setDropdownOpened(false);\n };\n const handleInputKeydown = (event) => {\n if (IMEOpen) {\n return;\n }\n onKeyDown == null ? void 0 : onKeyDown(event);\n if (readOnly) {\n return;\n }\n if (event.key !== \"Backspace\" && !!maxSelectedValues && valuesOverflow.current) {\n return;\n }\n const isColumn = direction === \"column\";\n const handleNext = () => {\n setHovered((current) => {\n var _a2;\n const nextIndex = getNextIndex(current, (index) => index + 1, (index) => index < filteredData.length - 1);\n if (dropdownOpened) {\n targetRef.current = itemsRefs.current[(_a2 = filteredData[nextIndex]) == null ? void 0 : _a2.value];\n scrollIntoView({\n alignment: isColumn ? \"end\" : \"start\"\n });\n }\n return nextIndex;\n });\n };\n const handlePrevious = () => {\n setHovered((current) => {\n var _a2;\n const nextIndex = getNextIndex(current, (index) => index - 1, (index) => index > 0);\n if (dropdownOpened) {\n targetRef.current = itemsRefs.current[(_a2 = filteredData[nextIndex]) == null ? void 0 : _a2.value];\n scrollIntoView({\n alignment: isColumn ? \"start\" : \"end\"\n });\n }\n return nextIndex;\n });\n };\n switch (event.key) {\n case \"ArrowUp\": {\n event.preventDefault();\n setDropdownOpened(true);\n isColumn ? handlePrevious() : handleNext();\n break;\n }\n case \"ArrowDown\": {\n event.preventDefault();\n setDropdownOpened(true);\n isColumn ? handleNext() : handlePrevious();\n break;\n }\n case \"Enter\": {\n event.preventDefault();\n if (filteredData[hovered] && dropdownOpened) {\n handleItemSelect(filteredData[hovered]);\n } else {\n setDropdownOpened(true);\n }\n break;\n }\n case \" \": {\n if (!searchable) {\n event.preventDefault();\n if (filteredData[hovered] && dropdownOpened) {\n handleItemSelect(filteredData[hovered]);\n } else {\n setDropdownOpened(true);\n }\n }\n break;\n }\n case \"Backspace\": {\n if (_value.length > 0 && _searchValue.length === 0) {\n setValue(_value.slice(0, -1));\n setDropdownOpened(true);\n if (maxSelectedValues) {\n valuesOverflow.current = false;\n }\n }\n break;\n }\n case \"Home\": {\n if (!searchable) {\n event.preventDefault();\n if (!dropdownOpened) {\n setDropdownOpened(true);\n }\n const firstItemIndex = filteredData.findIndex((item) => !item.disabled);\n setHovered(firstItemIndex);\n scrollIntoView({\n alignment: isColumn ? \"end\" : \"start\"\n });\n }\n break;\n }\n case \"End\": {\n if (!searchable) {\n event.preventDefault();\n if (!dropdownOpened) {\n setDropdownOpened(true);\n }\n const lastItemIndex = filteredData.map((item) => !!item.disabled).lastIndexOf(false);\n setHovered(lastItemIndex);\n scrollIntoView({\n alignment: isColumn ? \"end\" : \"start\"\n });\n }\n break;\n }\n case \"Escape\": {\n setDropdownOpened(false);\n }\n }\n };\n const selectedItems = _value.map((val) => {\n let selectedItem = sortedData.find((item) => item.value === val && !item.disabled);\n if (!selectedItem && isCreatable) {\n selectedItem = {\n value: val,\n label: val\n };\n }\n return selectedItem;\n }).filter((val) => !!val).map((item, index) => /* @__PURE__ */ React.createElement(Value, __spreadProps(__spreadValues({}, item), {\n variant,\n disabled,\n className: classes.value,\n readOnly,\n onRemove: (event) => {\n event.preventDefault();\n event.stopPropagation();\n handleValueRemove(item.value);\n },\n key: item.value,\n size,\n styles,\n classNames,\n radius,\n index\n })));\n const isItemSelected = (itemValue) => _value.includes(itemValue);\n const handleClear = () => {\n var _a2;\n handleSearchChange(\"\");\n setValue([]);\n (_a2 = inputRef.current) == null ? void 0 : _a2.focus();\n if (maxSelectedValues) {\n valuesOverflow.current = false;\n }\n };\n const shouldRenderDropdown = !readOnly && (filteredData.length > 0 ? dropdownOpened : dropdownOpened && !!nothingFound);\n useDidUpdate(() => {\n const handler = shouldRenderDropdown ? onDropdownOpen : onDropdownClose;\n typeof handler === \"function\" && handler();\n }, [shouldRenderDropdown]);\n return /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadValues(__spreadValues({\n required,\n id: uuid,\n label,\n error,\n description,\n size,\n className,\n style,\n classNames,\n styles,\n __staticSelector: \"MultiSelect\",\n sx,\n errorProps,\n descriptionProps,\n labelProps,\n inputContainer,\n inputWrapperOrder,\n unstyled,\n withAsterisk,\n variant\n }, systemStyles), wrapperProps), /* @__PURE__ */ React.createElement(SelectPopover, {\n opened: shouldRenderDropdown,\n transitionProps,\n shadow: \"sm\",\n withinPortal,\n portalProps,\n __staticSelector: \"MultiSelect\",\n onDirectionChange: setDirection,\n switchDirectionOnFlip,\n zIndex,\n dropdownPosition,\n positionDependencies: [...positionDependencies, _searchValue],\n classNames,\n styles,\n unstyled,\n variant\n }, /* @__PURE__ */ React.createElement(SelectPopover.Target, null, /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.wrapper,\n role: \"combobox\",\n \"aria-haspopup\": \"listbox\",\n \"aria-owns\": dropdownOpened && shouldRenderDropdown ? `${uuid}-items` : null,\n \"aria-controls\": uuid,\n \"aria-expanded\": dropdownOpened,\n onMouseLeave: () => setHovered(-1),\n tabIndex: -1\n }, /* @__PURE__ */ React.createElement(\"input\", {\n type: \"hidden\",\n name,\n value: _value.join(\",\"),\n form,\n disabled\n }), /* @__PURE__ */ React.createElement(Input, __spreadValues({\n __staticSelector: \"MultiSelect\",\n style: { overflow: \"hidden\" },\n component: \"div\",\n multiline: true,\n size,\n variant,\n disabled,\n error,\n required,\n radius,\n icon,\n unstyled,\n onMouseDown: (event) => {\n var _a2;\n event.preventDefault();\n !disabled && !valuesOverflow.current && setDropdownOpened(!dropdownOpened);\n (_a2 = inputRef.current) == null ? void 0 : _a2.focus();\n },\n classNames: __spreadProps(__spreadValues({}, classNames), {\n input: cx({ [classes.input]: !searchable }, classNames == null ? void 0 : classNames.input)\n })\n }, getSelectRightSectionProps({\n theme,\n rightSection,\n rightSectionWidth,\n styles,\n size,\n shouldClear: clearable && _value.length > 0,\n onClear: handleClear,\n error,\n disabled,\n clearButtonProps,\n readOnly\n })), /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.values,\n \"data-clearable\": clearable || void 0\n }, selectedItems, /* @__PURE__ */ React.createElement(\"input\", __spreadValues({\n ref: useMergedRef(ref, inputRef),\n type: \"search\",\n id: uuid,\n className: cx(classes.searchInput, {\n [classes.searchInputPointer]: !searchable,\n [classes.searchInputInputHidden]: !dropdownOpened && _value.length > 0 || !searchable && _value.length > 0,\n [classes.searchInputEmpty]: _value.length === 0\n }),\n onKeyDown: handleInputKeydown,\n value: _searchValue,\n onChange: handleInputChange,\n onFocus: handleInputFocus,\n onBlur: handleInputBlur,\n readOnly: !searchable || valuesOverflow.current || readOnly,\n placeholder: _value.length === 0 ? placeholder : void 0,\n disabled,\n \"data-mantine-stop-propagation\": dropdownOpened,\n autoComplete: \"off\",\n onCompositionStart: () => setIMEOpen(true),\n onCompositionEnd: () => setIMEOpen(false)\n }, rest)))))), /* @__PURE__ */ React.createElement(SelectPopover.Dropdown, {\n component: dropdownComponent || SelectScrollArea,\n maxHeight: maxDropdownHeight,\n direction,\n id: uuid,\n innerRef: scrollableRef,\n __staticSelector: \"MultiSelect\",\n classNames,\n styles\n }, /* @__PURE__ */ React.createElement(SelectItems, {\n data: filteredData,\n hovered,\n classNames,\n styles,\n uuid,\n __staticSelector: \"MultiSelect\",\n onItemHover: setHovered,\n onItemSelect: handleItemSelect,\n itemsRefs,\n itemComponent,\n size,\n nothingFound,\n isItemSelected,\n creatable: creatable && !!createLabel,\n createLabel,\n unstyled,\n variant\n }))));\n});\nMultiSelect.displayName = \"@mantine/core/MultiSelect\";\n\nexport { MultiSelect, defaultFilter, defaultShouldCreate };\n//# sourceMappingURL=MultiSelect.js.map\n","function filterData({\n data,\n searchable,\n limit,\n searchValue,\n filter,\n value,\n disableSelectedItemFiltering\n}) {\n if (!searchable && value.length === 0) {\n return data;\n }\n if (!searchable) {\n const result2 = [];\n for (let i = 0; i < data.length; i += 1) {\n if (!!disableSelectedItemFiltering || !value.some((val) => val === data[i].value && !data[i].disabled)) {\n result2.push(data[i]);\n }\n }\n return result2;\n }\n const result = [];\n for (let i = 0; i < data.length; i += 1) {\n if (filter(searchValue, !disableSelectedItemFiltering && value.some((val) => val === data[i].value && !data[i].disabled), data[i])) {\n result.push(data[i]);\n }\n if (result.length >= limit) {\n break;\n }\n }\n return result;\n}\n\nexport { filterData };\n//# sourceMappingURL=filter-data.js.map\n","import { useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect.js';\n\nfunction getOS() {\n if (typeof window === \"undefined\") {\n return \"undetermined\";\n }\n const { userAgent } = window.navigator;\n const macosPlatforms = /(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i;\n const windowsPlatforms = /(Win32)|(Win64)|(Windows)|(WinCE)/i;\n const iosPlatforms = /(iPhone)|(iPad)|(iPod)/i;\n if (macosPlatforms.test(userAgent)) {\n return \"macos\";\n }\n if (iosPlatforms.test(userAgent)) {\n return \"ios\";\n }\n if (windowsPlatforms.test(userAgent)) {\n return \"windows\";\n }\n if (/Android/i.test(userAgent)) {\n return \"android\";\n }\n if (/Linux/i.test(userAgent)) {\n return \"linux\";\n }\n return \"undetermined\";\n}\nfunction useOs(options = { getValueInEffect: true }) {\n const [value, setValue] = useState(options.getValueInEffect ? \"undetermined\" : getOS());\n useIsomorphicEffect(() => {\n if (options.getValueInEffect) {\n setValue(getOS);\n }\n }, []);\n return value;\n}\n\nexport { useOs };\n//# sourceMappingURL=use-os.js.map\n","const getInputMode = (step, precision, os) => {\n if (Number.isInteger(step) && step >= 0 && precision === 0)\n return \"numeric\";\n if (!Number.isInteger(step) && step >= 0 && precision !== 0)\n return \"decimal\";\n if (Number.isInteger(step) && step < 0 && precision === 0) {\n if (os === \"ios\")\n return \"text\";\n return \"decimal\";\n }\n if (!Number.isInteger(step) && step < 0 && precision !== 0) {\n if (os === \"ios\")\n return \"text\";\n return \"decimal\";\n }\n return \"numeric\";\n};\n\nexport { getInputMode };\n//# sourceMappingURL=get-input-mode.js.map\n","import React from 'react';\nimport { rem } from '@mantine/styles';\n\nfunction Chevron({ direction, size }) {\n return /* @__PURE__ */ React.createElement(\"svg\", {\n style: {\n width: rem(size),\n height: rem(size),\n transform: direction === \"up\" ? \"rotate(180deg)\" : void 0\n },\n viewBox: \"0 0 15 15\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\"\n }, /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M3.13523 6.15803C3.3241 5.95657 3.64052 5.94637 3.84197 6.13523L7.5 9.56464L11.158 6.13523C11.3595 5.94637 11.6759 5.95657 11.8648 6.15803C12.0536 6.35949 12.0434 6.67591 11.842 6.86477L7.84197 10.6148C7.64964 10.7951 7.35036 10.7951 7.15803 10.6148L3.15803 6.86477C2.95657 6.67591 2.94637 6.35949 3.13523 6.15803Z\",\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }));\n}\n\nexport { Chevron };\n//# sourceMappingURL=Chevron.js.map\n","import { createStyles, rem, getSize } from '@mantine/styles';\n\nconst CONTROL_SIZES = {\n xs: rem(20),\n sm: rem(24),\n md: rem(30),\n lg: rem(34),\n xl: rem(36)\n};\nvar useStyles = createStyles((theme, { radius }, { size }) => ({\n rightSection: {\n display: \"flex\",\n flexDirection: \"column\",\n height: `calc(100% - ${rem(2)})`,\n margin: rem(1),\n overflow: \"hidden\",\n borderTopRightRadius: theme.fn.radius(radius),\n borderBottomRightRadius: theme.fn.radius(radius)\n },\n control: {\n margin: 0,\n position: \"relative\",\n flex: \"0 0 50%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n boxSizing: \"border-box\",\n width: getSize({ size, sizes: CONTROL_SIZES }),\n padding: 0,\n WebkitTapHighlightColor: \"transparent\",\n borderBottom: `${rem(1)} solid ${theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[4]}`,\n borderLeft: `${rem(1)} solid ${theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[4]}`,\n borderTop: 0,\n borderRight: 0,\n backgroundColor: \"transparent\",\n marginRight: rem(1),\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n \"&:not(:disabled):hover\": {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[5] : theme.colors.gray[0]\n },\n \"&:disabled\": {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[3] : theme.colors.gray[4]\n }\n },\n controlUp: {},\n controlDown: {\n borderBottom: 0\n }\n}));\n\nexport default useStyles;\nexport { CONTROL_SIZES };\n//# sourceMappingURL=NumberInput.styles.js.map\n","import React, { forwardRef, useState, useRef, useEffect } from 'react';\nimport { clamp, assignRef, useMergedRef, useOs } from '@mantine/hooks';\nimport { rem, useComponentDefaultProps, getSize } from '@mantine/styles';\nimport { getInputMode } from './get-input-mode/get-input-mode.js';\nimport { Chevron } from './Chevron.js';\nimport useStyles, { CONTROL_SIZES } from './NumberInput.styles.js';\nimport { TextInput } from '../TextInput/TextInput.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultFormatter = (value) => value || \"\";\nconst defaultParser = (num) => {\n if (num === \"-\") {\n return num;\n }\n let tempNum = num;\n if (tempNum[0] === \".\") {\n tempNum = `0${num}`;\n }\n const parsedNum = parseFloat(tempNum);\n if (Number.isNaN(parsedNum)) {\n return \"\";\n }\n return num;\n};\nconst CHEVRON_SIZES = {\n xs: rem(10),\n sm: rem(14),\n md: rem(16),\n lg: rem(18),\n xl: rem(20)\n};\nconst defaultProps = {\n step: 1,\n hideControls: false,\n size: \"sm\",\n precision: 0,\n noClampOnBlur: false,\n removeTrailingZeros: false,\n decimalSeparator: \".\",\n formatter: defaultFormatter,\n parser: defaultParser,\n type: \"text\"\n};\nconst NumberInput = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"NumberInput\", defaultProps, props), {\n readOnly,\n disabled,\n value,\n onChange,\n decimalSeparator,\n thousandsSeparator,\n min,\n max,\n startValue,\n step,\n stepHoldInterval,\n stepHoldDelay,\n onFocus,\n onBlur,\n onKeyDown,\n onKeyUp,\n hideControls,\n radius,\n variant,\n precision,\n removeTrailingZeros,\n defaultValue,\n noClampOnBlur,\n handlersRef,\n classNames,\n styles,\n size,\n rightSection,\n rightSectionWidth,\n formatter,\n parser,\n inputMode,\n unstyled,\n type\n } = _a, others = __objRest(_a, [\n \"readOnly\",\n \"disabled\",\n \"value\",\n \"onChange\",\n \"decimalSeparator\",\n \"thousandsSeparator\",\n \"min\",\n \"max\",\n \"startValue\",\n \"step\",\n \"stepHoldInterval\",\n \"stepHoldDelay\",\n \"onFocus\",\n \"onBlur\",\n \"onKeyDown\",\n \"onKeyUp\",\n \"hideControls\",\n \"radius\",\n \"variant\",\n \"precision\",\n \"removeTrailingZeros\",\n \"defaultValue\",\n \"noClampOnBlur\",\n \"handlersRef\",\n \"classNames\",\n \"styles\",\n \"size\",\n \"rightSection\",\n \"rightSectionWidth\",\n \"formatter\",\n \"parser\",\n \"inputMode\",\n \"unstyled\",\n \"type\"\n ]);\n const { classes, cx } = useStyles({ radius }, { classNames, styles, unstyled, name: \"NumberInput\", variant, size });\n const parsePrecision = (val) => {\n if (val === \"\")\n return \"\";\n let result = val.toFixed(precision);\n if (removeTrailingZeros && precision > 0) {\n result = result.replace(new RegExp(`[0]{0,${precision}}$`), \"\");\n if (result.endsWith(\".\")) {\n result = result.slice(0, -1);\n }\n }\n return result;\n };\n const formatNum = (val) => {\n let parsedStr = val;\n if (decimalSeparator) {\n parsedStr = parsedStr.replace(\".\", decimalSeparator);\n }\n return formatter(parsedStr);\n };\n const parseNum = (val) => {\n let num = val;\n if (decimalSeparator) {\n num = num.replaceAll(thousandsSeparator, \"\").replace(decimalSeparator, \".\");\n }\n return parser(num);\n };\n const formatInternalValue = (val) => formatNum(parsePrecision(val));\n const [internalValue, _setInternalValue] = useState(typeof value === \"number\" ? value : typeof defaultValue === \"number\" ? defaultValue : \"\");\n const [inputValue, setInputValue] = useState(() => formatInternalValue(internalValue));\n const inputRef = useRef();\n const [isFocussed, setIsFocussed] = useState(false);\n const setInternalValue = (val, forceInputValueUpdate) => {\n if (!isFocussed || forceInputValueUpdate) {\n const newInputValue = formatInternalValue(val);\n if (newInputValue !== inputValue) {\n setInputValue(newInputValue);\n }\n }\n if (val !== internalValue) {\n _setInternalValue(val);\n }\n };\n const _min = typeof min === \"number\" ? min : -Infinity;\n const _max = typeof max === \"number\" ? max : Infinity;\n const incrementRef = useRef();\n incrementRef.current = () => {\n var _a2;\n let newInternalValue;\n if (internalValue === \"\") {\n newInternalValue = (_a2 = startValue != null ? startValue : min) != null ? _a2 : 0;\n } else {\n newInternalValue = parseFloat(parsePrecision(clamp(internalValue + step, _min, _max)));\n }\n setInternalValue(newInternalValue, true);\n onChange == null ? void 0 : onChange(newInternalValue);\n };\n const decrementRef = useRef();\n decrementRef.current = () => {\n var _a2;\n let newInternalValue;\n if (internalValue === \"\") {\n newInternalValue = (_a2 = startValue != null ? startValue : min) != null ? _a2 : 0;\n } else {\n newInternalValue = parseFloat(parsePrecision(clamp(internalValue - step, _min, _max)));\n }\n setInternalValue(newInternalValue, true);\n onChange == null ? void 0 : onChange(newInternalValue);\n };\n assignRef(handlersRef, { increment: incrementRef.current, decrement: decrementRef.current });\n useEffect(() => {\n if (isFocussed) {\n return;\n }\n if (value === void 0) {\n setInternalValue(internalValue, true);\n } else {\n setInternalValue(value, true);\n }\n }, [value, isFocussed]);\n const shouldUseStepInterval = stepHoldDelay !== void 0 && stepHoldInterval !== void 0;\n const onStepTimeoutRef = useRef(null);\n const stepCountRef = useRef(0);\n const onStepDone = () => {\n if (onStepTimeoutRef.current) {\n window.clearTimeout(onStepTimeoutRef.current);\n }\n onStepTimeoutRef.current = null;\n stepCountRef.current = 0;\n };\n const onStepHandleChange = (isIncrement) => {\n if (isIncrement) {\n incrementRef.current();\n } else {\n decrementRef.current();\n }\n stepCountRef.current += 1;\n };\n const onStepLoop = (isIncrement) => {\n onStepHandleChange(isIncrement);\n if (shouldUseStepInterval) {\n const interval = typeof stepHoldInterval === \"number\" ? stepHoldInterval : stepHoldInterval(stepCountRef.current);\n onStepTimeoutRef.current = window.setTimeout(() => onStepLoop(isIncrement), interval);\n }\n };\n const onStep = (event, isIncrement) => {\n event.preventDefault();\n inputRef.current.focus();\n onStepHandleChange(isIncrement);\n if (shouldUseStepInterval) {\n onStepTimeoutRef.current = window.setTimeout(() => onStepLoop(isIncrement), stepHoldDelay);\n }\n };\n useEffect(() => {\n onStepDone();\n return onStepDone;\n }, []);\n const controls = /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.rightSection\n }, /* @__PURE__ */ React.createElement(\"button\", {\n type: \"button\",\n tabIndex: -1,\n \"aria-hidden\": true,\n disabled: internalValue >= max,\n className: cx(classes.control, classes.controlUp),\n onPointerDown: (event) => {\n onStep(event, true);\n },\n onPointerUp: onStepDone,\n onPointerLeave: onStepDone\n }, /* @__PURE__ */ React.createElement(Chevron, {\n size: getSize({ size, sizes: CHEVRON_SIZES }),\n direction: \"up\"\n })), /* @__PURE__ */ React.createElement(\"button\", {\n type: \"button\",\n tabIndex: -1,\n \"aria-hidden\": true,\n disabled: internalValue <= min,\n className: cx(classes.control, classes.controlDown),\n onPointerDown: (event) => {\n onStep(event, false);\n },\n onPointerUp: onStepDone,\n onPointerLeave: onStepDone\n }, /* @__PURE__ */ React.createElement(Chevron, {\n size: getSize({ size, sizes: CHEVRON_SIZES }),\n direction: \"down\"\n })));\n const processInputValue = (newInputValue) => {\n let normalizedInputValue = newInputValue;\n if (normalizedInputValue[0] === `${decimalSeparator}` || normalizedInputValue[0] === \".\") {\n normalizedInputValue = `0${normalizedInputValue}`;\n }\n const parsedValue = parseFloat(parsePrecision(parseFloat(parseNum(normalizedInputValue))));\n const clampedValue = !noClampOnBlur ? clamp(parsedValue, _min, _max) : parsedValue;\n const finalValue = Number.isNaN(clampedValue) ? \"\" : clampedValue;\n const internalValueChanged = internalValue !== finalValue;\n setInputValue(newInputValue);\n setInternalValue(finalValue);\n if (internalValueChanged) {\n onChange == null ? void 0 : onChange(finalValue);\n }\n };\n const handleChange = (event) => {\n const evt = event.nativeEvent;\n if (evt.isComposing) {\n return;\n }\n processInputValue(event.target.value);\n };\n const handleFocus = (event) => {\n setIsFocussed(true);\n onFocus == null ? void 0 : onFocus(event);\n };\n const handleBlur = (event) => {\n setIsFocussed(false);\n onBlur == null ? void 0 : onBlur(event);\n };\n const handleKeyDown = (event) => {\n typeof onKeyDown === \"function\" && onKeyDown(event);\n if (event.repeat && shouldUseStepInterval && (event.key === \"ArrowUp\" || event.key === \"ArrowDown\")) {\n event.preventDefault();\n return;\n }\n if (!readOnly) {\n if (event.key === \"ArrowUp\") {\n onStep(event, true);\n } else if (event.key === \"ArrowDown\") {\n onStep(event, false);\n }\n }\n };\n const handleKeyUp = (event) => {\n typeof onKeyUp === \"function\" && onKeyUp(event);\n if (event.key === \"ArrowUp\" || event.key === \"ArrowDown\") {\n onStepDone();\n }\n };\n return /* @__PURE__ */ React.createElement(TextInput, __spreadProps(__spreadValues({}, others), {\n type,\n variant,\n value: inputValue,\n disabled,\n readOnly,\n ref: useMergedRef(inputRef, ref),\n onChange: handleChange,\n onFocus: handleFocus,\n onBlur: handleBlur,\n onKeyDown: handleKeyDown,\n onKeyUp: handleKeyUp,\n rightSection: rightSection || (disabled || readOnly || hideControls || variant === \"unstyled\" ? null : controls),\n rightSectionWidth: rightSectionWidth != null ? rightSectionWidth : `calc(${getSize({ size, sizes: CONTROL_SIZES })} + ${rem(1)})`,\n radius,\n max,\n min,\n step,\n size,\n styles,\n classNames,\n inputMode: inputMode || getInputMode(step, precision, useOs()),\n __staticSelector: \"NumberInput\",\n unstyled\n }));\n});\nNumberInput.displayName = \"@mantine/core/NumberInput\";\n\nexport { NumberInput };\n//# sourceMappingURL=NumberInput.js.map\n","import { createStyles, rem } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme, { color, opacity, blur, radius, gradient, fixed, zIndex }) => ({\n root: __spreadProps(__spreadValues({}, theme.fn.cover(0)), {\n position: fixed ? \"fixed\" : \"absolute\",\n backgroundColor: gradient ? void 0 : theme.fn.rgba(color, opacity),\n backgroundImage: gradient,\n backdropFilter: blur ? `blur(${rem(blur)})` : void 0,\n borderRadius: theme.fn.radius(radius),\n zIndex,\n \"&[data-center]\": {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\"\n }\n })\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Overlay.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport useStyles from './Overlay.styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n opacity: 0.6,\n color: \"#000\",\n zIndex: getDefaultZIndex(\"modal\"),\n radius: 0\n};\nconst _Overlay = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Overlay\", defaultProps, props), {\n variant,\n opacity,\n color,\n blur,\n gradient,\n zIndex,\n radius,\n children,\n className,\n classNames,\n styles,\n unstyled,\n center,\n fixed\n } = _a, others = __objRest(_a, [\n \"variant\",\n \"opacity\",\n \"color\",\n \"blur\",\n \"gradient\",\n \"zIndex\",\n \"radius\",\n \"children\",\n \"className\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"center\",\n \"fixed\"\n ]);\n const { classes, cx } = useStyles({ color, opacity, blur, radius, gradient, fixed, zIndex }, { name: \"Overlay\", classNames, styles, unstyled, variant });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n ref,\n className: cx(classes.root, className),\n \"data-center\": center || void 0\n }, others), children);\n});\n_Overlay.displayName = \"@mantine/core/Overlay\";\nconst Overlay = createPolymorphicComponent(_Overlay);\n\nexport { Overlay };\n//# sourceMappingURL=Overlay.js.map\n","import { createStyles, rem, getSize } from '@mantine/styles';\nimport { sizes } from '../Input/Input.styles.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme, { rightSectionWidth }, { size }) => ({\n visibilityToggle: {},\n input: {\n position: \"relative\",\n overflow: \"hidden\"\n },\n innerInput: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), theme.fn.cover(0)), {\n backgroundColor: \"transparent\",\n border: `${rem(1)} solid transparent`,\n borderLeftWidth: 0,\n borderRightWidth: 0,\n boxSizing: \"border-box\",\n display: \"block\",\n width: `calc(100% - ${rem(rightSectionWidth)})`,\n paddingLeft: `calc(${getSize({ size, sizes: sizes })} / 3)`,\n fontSize: getSize({ size, sizes: theme.fontSizes }),\n height: `calc(${getSize({ size, sizes: sizes })} - ${rem(2)})`,\n lineHeight: `calc(${getSize({ size, sizes: sizes })} - ${rem(4)})`,\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n \"&::-ms-reveal, &::-ms-clear\": {\n display: \"none\"\n },\n \"&:focus\": {\n outline: 0\n },\n \"&:disabled\": {\n cursor: \"not-allowed\",\n pointerEvents: \"none\",\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.colors.gray[1],\n color: theme.colors.dark[2],\n opacity: 0.6,\n \"&::placeholder\": {\n color: theme.colors.dark[2]\n }\n },\n \"&::placeholder\": __spreadProps(__spreadValues({}, theme.fn.placeholderStyles()), {\n opacity: 1\n }),\n \"&[data-invalid]\": {\n color: theme.fn.variant({ variant: \"filled\", color: \"red\" }).background,\n \"&::placeholder\": {\n opacity: 1,\n color: theme.fn.variant({ variant: \"filled\", color: \"red\" }).background\n }\n },\n \"&[data-with-icon]\": {\n paddingLeft: getSize({ size, sizes: sizes })\n }\n })\n}));\n\nexport default useStyles;\n//# sourceMappingURL=PasswordInput.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport { rem, useComponentDefaultProps, getSize } from '@mantine/styles';\nimport { PasswordToggleIcon } from './PasswordToggleIcon.js';\nimport useStyles from './PasswordInput.styles.js';\nimport { extractSystemStyles } from '../Box/style-system-props/extract-system-styles/extract-system-styles.js';\nimport { ActionIcon } from '../ActionIcon/ActionIcon.js';\nimport { Input } from '../Input/Input.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst buttonSizes = {\n xs: rem(22),\n sm: rem(26),\n md: rem(28),\n lg: rem(32),\n xl: rem(40)\n};\nconst iconSizes = {\n xs: rem(12),\n sm: rem(15),\n md: rem(17),\n lg: rem(19),\n xl: rem(21)\n};\nconst rightSectionSizes = {\n xs: rem(28),\n sm: rem(32),\n md: rem(34),\n lg: rem(44),\n xl: rem(54)\n};\nconst defaultProps = {\n size: \"sm\",\n toggleTabIndex: -1,\n visibilityToggleIcon: PasswordToggleIcon,\n __staticSelector: \"PasswordInput\"\n};\nconst PasswordInput = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"PasswordInput\", defaultProps, props), {\n radius,\n disabled,\n size,\n toggleTabIndex,\n className,\n id,\n label,\n error,\n required,\n style,\n icon,\n description,\n wrapperProps,\n classNames,\n styles,\n variant,\n visibilityToggleIcon: VisibilityToggleIcon,\n __staticSelector,\n sx,\n labelProps,\n descriptionProps,\n errorProps,\n unstyled,\n visibilityToggleLabel,\n withAsterisk,\n inputContainer,\n iconWidth,\n inputWrapperOrder,\n visible,\n defaultVisible,\n onVisibilityChange\n } = _a, others = __objRest(_a, [\n \"radius\",\n \"disabled\",\n \"size\",\n \"toggleTabIndex\",\n \"className\",\n \"id\",\n \"label\",\n \"error\",\n \"required\",\n \"style\",\n \"icon\",\n \"description\",\n \"wrapperProps\",\n \"classNames\",\n \"styles\",\n \"variant\",\n \"visibilityToggleIcon\",\n \"__staticSelector\",\n \"sx\",\n \"labelProps\",\n \"descriptionProps\",\n \"errorProps\",\n \"unstyled\",\n \"visibilityToggleLabel\",\n \"withAsterisk\",\n \"inputContainer\",\n \"iconWidth\",\n \"inputWrapperOrder\",\n \"visible\",\n \"defaultVisible\",\n \"onVisibilityChange\"\n ]);\n const rightSectionWidth = getSize({ size, sizes: rightSectionSizes });\n const { classes } = useStyles({ rightSectionWidth }, { name: \"PasswordInput\", classNames, styles, unstyled, size, variant });\n const uuid = useId(id);\n const { systemStyles, rest } = extractSystemStyles(others);\n const [_visible, setVisibility] = useUncontrolled({\n value: visible,\n defaultValue: defaultVisible,\n finalValue: false,\n onChange: onVisibilityChange\n });\n const toggleVisibility = () => setVisibility(!_visible);\n const rightSection = /* @__PURE__ */ React.createElement(ActionIcon, {\n className: classes.visibilityToggle,\n tabIndex: toggleTabIndex,\n radius,\n size: getSize({ size, sizes: buttonSizes }),\n \"aria-hidden\": !visibilityToggleLabel,\n \"aria-label\": visibilityToggleLabel,\n unstyled,\n onMouseDown: (event) => {\n event.preventDefault();\n toggleVisibility();\n },\n onKeyDown: (event) => {\n if (event.key === \" \") {\n event.preventDefault();\n toggleVisibility();\n }\n }\n }, /* @__PURE__ */ React.createElement(VisibilityToggleIcon, {\n reveal: _visible,\n size: getSize({ size, sizes: iconSizes })\n }));\n return /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadValues(__spreadValues({\n required,\n id: uuid,\n label,\n error,\n description,\n size,\n className,\n style,\n classNames,\n styles,\n __staticSelector,\n sx,\n errorProps,\n descriptionProps,\n labelProps,\n unstyled,\n withAsterisk,\n inputWrapperOrder,\n inputContainer,\n variant\n }, systemStyles), wrapperProps), /* @__PURE__ */ React.createElement(Input, {\n component: \"div\",\n error,\n icon,\n size,\n classNames: __spreadProps(__spreadValues({}, classNames), { input: classes.input }),\n styles,\n radius,\n disabled,\n __staticSelector,\n rightSectionWidth,\n rightSection: !disabled && rightSection,\n variant,\n unstyled,\n iconWidth\n }, /* @__PURE__ */ React.createElement(\"input\", __spreadValues({\n type: _visible ? \"text\" : \"password\",\n required,\n \"data-invalid\": !!error || void 0,\n \"data-with-icon\": !!icon || void 0,\n className: classes.innerInput,\n disabled,\n id: uuid,\n ref,\n autoComplete: \"off\"\n }, rest))));\n});\nPasswordInput.displayName = \"@mantine/core/PasswordInput\";\n\nexport { PasswordInput };\n//# sourceMappingURL=PasswordInput.js.map\n","import React from 'react';\n\nconst PasswordToggleIcon = ({\n reveal,\n size\n}) => /* @__PURE__ */ React.createElement(\"svg\", {\n viewBox: \"0 0 15 15\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n style: { width: size, height: size }\n}, /* @__PURE__ */ React.createElement(\"path\", {\n d: reveal ? \"M13.3536 2.35355C13.5488 2.15829 13.5488 1.84171 13.3536 1.64645C13.1583 1.45118 12.8417 1.45118 12.6464 1.64645L10.6828 3.61012C9.70652 3.21671 8.63759 3 7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C0.902945 9.08812 2.02314 10.1861 3.36061 10.9323L1.64645 12.6464C1.45118 12.8417 1.45118 13.1583 1.64645 13.3536C1.84171 13.5488 2.15829 13.5488 2.35355 13.3536L4.31723 11.3899C5.29348 11.7833 6.36241 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C14.0971 5.9119 12.9769 4.81391 11.6394 4.06771L13.3536 2.35355ZM9.90428 4.38861C9.15332 4.1361 8.34759 4 7.5 4C4.80285 4 2.52952 5.37816 1.09622 7.50001C1.87284 8.6497 2.89609 9.58106 4.09974 10.1931L9.90428 4.38861ZM5.09572 10.6114L10.9003 4.80685C12.1039 5.41894 13.1272 6.35031 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11C6.65241 11 5.84668 10.8639 5.09572 10.6114Z\" : \"M7.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z\",\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n}));\n\nexport { PasswordToggleIcon };\n//# sourceMappingURL=PasswordToggleIcon.js.map\n","import { useUncontrolled, useDidUpdate } from '@mantine/hooks';\nimport { useFloating, size, offset, shift, limitShift, flip, inline, arrow } from '@floating-ui/react';\nimport { useFloatingAutoUpdate } from '../Floating/use-floating-auto-update.js';\n\nfunction getPopoverMiddlewares(options) {\n const middlewares = [offset(options.offset)];\n if (options.middlewares.shift) {\n middlewares.push(shift({ limiter: limitShift() }));\n }\n if (options.middlewares.flip) {\n middlewares.push(flip());\n }\n if (options.middlewares.inline) {\n middlewares.push(inline());\n }\n middlewares.push(arrow({ element: options.arrowRef, padding: options.arrowOffset }));\n return middlewares;\n}\nfunction usePopover(options) {\n const [_opened, setOpened] = useUncontrolled({\n value: options.opened,\n defaultValue: options.defaultOpened,\n finalValue: false,\n onChange: options.onChange\n });\n const onClose = () => {\n var _a;\n (_a = options.onClose) == null ? void 0 : _a.call(options);\n setOpened(false);\n };\n const onToggle = () => {\n var _a, _b;\n if (_opened) {\n (_a = options.onClose) == null ? void 0 : _a.call(options);\n setOpened(false);\n } else {\n (_b = options.onOpen) == null ? void 0 : _b.call(options);\n setOpened(true);\n }\n };\n const floating = useFloating({\n placement: options.position,\n middleware: [\n ...getPopoverMiddlewares(options),\n ...options.width === \"target\" ? [\n size({\n apply({ rects }) {\n var _a, _b;\n Object.assign((_b = (_a = floating.refs.floating.current) == null ? void 0 : _a.style) != null ? _b : {}, {\n width: `${rects.reference.width}px`\n });\n }\n })\n ] : []\n ]\n });\n useFloatingAutoUpdate({\n opened: options.opened,\n position: options.position,\n positionDependencies: options.positionDependencies,\n floating\n });\n useDidUpdate(() => {\n var _a;\n (_a = options.onPositionChange) == null ? void 0 : _a.call(options, floating.placement);\n }, [floating.placement]);\n useDidUpdate(() => {\n var _a, _b;\n if (!options.opened) {\n (_a = options.onClose) == null ? void 0 : _a.call(options);\n } else {\n (_b = options.onOpen) == null ? void 0 : _b.call(options);\n }\n }, [options.opened]);\n return {\n floating,\n controlled: typeof options.opened === \"boolean\",\n opened: _opened,\n onClose,\n onToggle\n };\n}\n\nexport { usePopover };\n//# sourceMappingURL=use-popover.js.map\n","const POPOVER_ERRORS = {\n context: \"Popover component was not found in the tree\",\n children: \"Popover.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported\"\n};\n\nexport { POPOVER_ERRORS };\n//# sourceMappingURL=Popover.errors.js.map\n","import { createSafeContext } from '@mantine/utils';\nimport { POPOVER_ERRORS } from './Popover.errors.js';\n\nconst [PopoverContextProvider, usePopoverContext] = createSafeContext(POPOVER_ERRORS.context);\n\nexport { PopoverContextProvider, usePopoverContext };\n//# sourceMappingURL=Popover.context.js.map\n","import { forwardRef, cloneElement } from 'react';\nimport { useMergedRef } from '@mantine/hooks';\nimport { isElement } from '@mantine/utils';\nimport { useComponentDefaultProps, clsx } from '@mantine/styles';\nimport { usePopoverContext } from '../Popover.context.js';\nimport { POPOVER_ERRORS } from '../Popover.errors.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n refProp: \"ref\",\n popupType: \"dialog\",\n shouldOverrideDefaultTargetId: true\n};\nconst PopoverTarget = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"PopoverTarget\", defaultProps, props), { children, refProp, popupType, shouldOverrideDefaultTargetId } = _a, others = __objRest(_a, [\"children\", \"refProp\", \"popupType\", \"shouldOverrideDefaultTargetId\"]);\n if (!isElement(children)) {\n throw new Error(POPOVER_ERRORS.children);\n }\n const forwardedProps = others;\n const ctx = usePopoverContext();\n const targetRef = useMergedRef(ctx.reference, children.ref, ref);\n const accessibleProps = ctx.withRoles ? {\n \"aria-haspopup\": popupType,\n \"aria-expanded\": ctx.opened,\n \"aria-controls\": ctx.getDropdownId(),\n id: shouldOverrideDefaultTargetId ? ctx.getTargetId() : children.props.id\n } : {};\n return cloneElement(children, __spreadValues(__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, forwardedProps), accessibleProps), ctx.targetProps), {\n className: clsx(ctx.targetProps.className, forwardedProps.className, children.props.className),\n [refProp]: targetRef\n }), !ctx.controlled ? { onClick: ctx.onToggle } : null));\n});\nPopoverTarget.displayName = \"@mantine/core/PopoverTarget\";\n\nexport { PopoverTarget };\n//# sourceMappingURL=PopoverTarget.js.map\n","const noop = () => {\n};\n\nexport { noop };\n//# sourceMappingURL=noop.js.map\n","import { noop } from '../noop/noop.js';\n\nfunction closeOnEscape(callback, options = { active: true }) {\n if (typeof callback !== \"function\" || !options.active) {\n return options.onKeyDown || noop;\n }\n return (event) => {\n var _a;\n if (event.key === \"Escape\") {\n callback(event);\n (_a = options.onTrigger) == null ? void 0 : _a.call(options);\n }\n };\n}\n\nexport { closeOnEscape };\n//# sourceMappingURL=close-on-escape.js.map\n","import { createStyles, rem } from '@mantine/styles';\n\nvar useStyles = createStyles((theme, { radius, shadow }) => ({\n dropdown: {\n position: \"absolute\",\n backgroundColor: theme.white,\n background: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.white,\n border: `${rem(1)} solid ${theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[2]}`,\n padding: `${theme.spacing.sm} ${theme.spacing.md}`,\n boxShadow: theme.shadows[shadow] || shadow || \"none\",\n borderRadius: theme.fn.radius(radius),\n \"&:focus\": {\n outline: 0\n }\n },\n arrow: {\n backgroundColor: \"inherit\",\n border: `${rem(1)} solid ${theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[2]}`,\n zIndex: 1\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=PopoverDropdown.styles.js.map\n","import React from 'react';\nimport { useComponentDefaultProps, rem } from '@mantine/styles';\nimport { closeOnEscape } from '@mantine/utils';\nimport { useFocusReturn } from '@mantine/hooks';\nimport { usePopoverContext } from '../Popover.context.js';\nimport useStyles from './PopoverDropdown.styles.js';\nimport { OptionalPortal } from '../../Portal/OptionalPortal.js';\nimport { Transition } from '../../Transition/Transition.js';\nimport { FocusTrap } from '../../FocusTrap/FocusTrap.js';\nimport { Box } from '../../Box/Box.js';\nimport { FloatingArrow } from '../../Floating/FloatingArrow/FloatingArrow.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {};\nfunction PopoverDropdown(props) {\n var _b;\n const _a = useComponentDefaultProps(\"PopoverDropdown\", defaultProps, props), { style, className, children, onKeyDownCapture } = _a, others = __objRest(_a, [\"style\", \"className\", \"children\", \"onKeyDownCapture\"]);\n const ctx = usePopoverContext();\n const { classes, cx } = useStyles({ radius: ctx.radius, shadow: ctx.shadow }, {\n name: ctx.__staticSelector,\n classNames: ctx.classNames,\n styles: ctx.styles,\n unstyled: ctx.unstyled,\n variant: ctx.variant\n });\n const returnFocus = useFocusReturn({\n opened: ctx.opened,\n shouldReturnFocus: ctx.returnFocus\n });\n const accessibleProps = ctx.withRoles ? {\n \"aria-labelledby\": ctx.getTargetId(),\n id: ctx.getDropdownId(),\n role: \"dialog\"\n } : {};\n if (ctx.disabled) {\n return null;\n }\n return /* @__PURE__ */ React.createElement(OptionalPortal, __spreadProps(__spreadValues({}, ctx.portalProps), {\n withinPortal: ctx.withinPortal\n }), /* @__PURE__ */ React.createElement(Transition, __spreadProps(__spreadValues({\n mounted: ctx.opened\n }, ctx.transitionProps), {\n transition: ctx.transitionProps.transition || \"fade\",\n duration: (_b = ctx.transitionProps.duration) != null ? _b : 150,\n keepMounted: ctx.keepMounted,\n exitDuration: typeof ctx.transitionProps.exitDuration === \"number\" ? ctx.transitionProps.exitDuration : ctx.transitionProps.duration\n }), (transitionStyles) => {\n var _a2, _b2;\n return /* @__PURE__ */ React.createElement(FocusTrap, {\n active: ctx.trapFocus\n }, /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadProps(__spreadValues({}, accessibleProps), {\n tabIndex: -1,\n ref: ctx.floating,\n style: __spreadProps(__spreadValues(__spreadValues({}, style), transitionStyles), {\n zIndex: ctx.zIndex,\n top: (_a2 = ctx.y) != null ? _a2 : 0,\n left: (_b2 = ctx.x) != null ? _b2 : 0,\n width: ctx.width === \"target\" ? void 0 : rem(ctx.width)\n }),\n className: cx(classes.dropdown, className),\n onKeyDownCapture: closeOnEscape(ctx.onClose, {\n active: ctx.closeOnEscape,\n onTrigger: returnFocus,\n onKeyDown: onKeyDownCapture\n }),\n \"data-position\": ctx.placement\n }), others), children, /* @__PURE__ */ React.createElement(FloatingArrow, {\n ref: ctx.arrowRef,\n arrowX: ctx.arrowX,\n arrowY: ctx.arrowY,\n visible: ctx.withArrow,\n position: ctx.placement,\n arrowSize: ctx.arrowSize,\n arrowRadius: ctx.arrowRadius,\n arrowOffset: ctx.arrowOffset,\n arrowPosition: ctx.arrowPosition,\n className: classes.arrow\n })));\n }));\n}\nPopoverDropdown.displayName = \"@mantine/core/PopoverDropdown\";\n\nexport { PopoverDropdown };\n//# sourceMappingURL=PopoverDropdown.js.map\n","import React, { useRef, useState, useCallback } from 'react';\nimport { useId, useClickOutside } from '@mantine/hooks';\nimport { getDefaultZIndex, useComponentDefaultProps, useMantineTheme } from '@mantine/styles';\nimport { usePopover } from './use-popover.js';\nimport { PopoverContextProvider } from './Popover.context.js';\nimport { PopoverTarget } from './PopoverTarget/PopoverTarget.js';\nimport { PopoverDropdown } from './PopoverDropdown/PopoverDropdown.js';\nimport { getFloatingPosition } from '../Floating/get-floating-position/get-floating-position.js';\n\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n position: \"bottom\",\n offset: 8,\n positionDependencies: [],\n transitionProps: { transition: \"fade\", duration: 150 },\n middlewares: { flip: true, shift: true, inline: false },\n arrowSize: 7,\n arrowOffset: 5,\n arrowRadius: 0,\n arrowPosition: \"side\",\n closeOnClickOutside: true,\n withinPortal: false,\n closeOnEscape: true,\n trapFocus: false,\n withRoles: true,\n returnFocus: false,\n clickOutsideEvents: [\"mousedown\", \"touchstart\"],\n zIndex: getDefaultZIndex(\"popover\"),\n __staticSelector: \"Popover\",\n width: \"max-content\"\n};\nfunction Popover(props) {\n var _b, _c, _d, _e, _f, _g;\n const arrowRef = useRef(null);\n const _a = useComponentDefaultProps(\"Popover\", defaultProps, props), {\n children,\n position,\n offset,\n onPositionChange,\n positionDependencies,\n opened,\n transitionProps,\n width,\n middlewares,\n withArrow,\n arrowSize,\n arrowOffset,\n arrowRadius,\n arrowPosition,\n unstyled,\n classNames,\n styles,\n closeOnClickOutside,\n withinPortal,\n portalProps,\n closeOnEscape,\n clickOutsideEvents,\n trapFocus,\n onClose,\n onOpen,\n onChange,\n zIndex,\n radius,\n shadow,\n id,\n defaultOpened,\n __staticSelector,\n withRoles,\n disabled,\n returnFocus,\n variant,\n keepMounted\n } = _a, others = __objRest(_a, [\n \"children\",\n \"position\",\n \"offset\",\n \"onPositionChange\",\n \"positionDependencies\",\n \"opened\",\n \"transitionProps\",\n \"width\",\n \"middlewares\",\n \"withArrow\",\n \"arrowSize\",\n \"arrowOffset\",\n \"arrowRadius\",\n \"arrowPosition\",\n \"unstyled\",\n \"classNames\",\n \"styles\",\n \"closeOnClickOutside\",\n \"withinPortal\",\n \"portalProps\",\n \"closeOnEscape\",\n \"clickOutsideEvents\",\n \"trapFocus\",\n \"onClose\",\n \"onOpen\",\n \"onChange\",\n \"zIndex\",\n \"radius\",\n \"shadow\",\n \"id\",\n \"defaultOpened\",\n \"__staticSelector\",\n \"withRoles\",\n \"disabled\",\n \"returnFocus\",\n \"variant\",\n \"keepMounted\"\n ]);\n const [targetNode, setTargetNode] = useState(null);\n const [dropdownNode, setDropdownNode] = useState(null);\n const uid = useId(id);\n const theme = useMantineTheme();\n const popover = usePopover({\n middlewares,\n width,\n position: getFloatingPosition(theme.dir, position),\n offset: typeof offset === \"number\" ? offset + (withArrow ? arrowSize / 2 : 0) : offset,\n arrowRef,\n arrowOffset,\n onPositionChange,\n positionDependencies,\n opened,\n defaultOpened,\n onChange,\n onOpen,\n onClose\n });\n useClickOutside(() => popover.opened && closeOnClickOutside && popover.onClose(), clickOutsideEvents, [targetNode, dropdownNode]);\n const reference = useCallback((node) => {\n setTargetNode(node);\n popover.floating.reference(node);\n }, [popover.floating.reference]);\n const floating = useCallback((node) => {\n setDropdownNode(node);\n popover.floating.floating(node);\n }, [popover.floating.floating]);\n return /* @__PURE__ */ React.createElement(PopoverContextProvider, {\n value: {\n returnFocus,\n disabled,\n controlled: popover.controlled,\n reference,\n floating,\n x: popover.floating.x,\n y: popover.floating.y,\n arrowX: (_d = (_c = (_b = popover.floating) == null ? void 0 : _b.middlewareData) == null ? void 0 : _c.arrow) == null ? void 0 : _d.x,\n arrowY: (_g = (_f = (_e = popover.floating) == null ? void 0 : _e.middlewareData) == null ? void 0 : _f.arrow) == null ? void 0 : _g.y,\n opened: popover.opened,\n arrowRef,\n transitionProps,\n width,\n withArrow,\n arrowSize,\n arrowOffset,\n arrowRadius,\n arrowPosition,\n placement: popover.floating.placement,\n trapFocus,\n withinPortal,\n portalProps,\n zIndex,\n radius,\n shadow,\n closeOnEscape,\n onClose: popover.onClose,\n onToggle: popover.onToggle,\n getTargetId: () => `${uid}-target`,\n getDropdownId: () => `${uid}-dropdown`,\n withRoles,\n targetProps: others,\n __staticSelector,\n classNames,\n styles,\n unstyled,\n variant,\n keepMounted\n }\n }, children);\n}\nPopover.Target = PopoverTarget;\nPopover.Dropdown = PopoverDropdown;\nPopover.displayName = \"@mantine/core/Popover\";\n\nexport { Popover };\n//# sourceMappingURL=Popover.js.map\n","import React from 'react';\nimport { Portal } from './Portal.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction OptionalPortal(_a) {\n var _b = _a, { withinPortal = true, children } = _b, others = __objRest(_b, [\"withinPortal\", \"children\"]);\n if (withinPortal) {\n return /* @__PURE__ */ React.createElement(Portal, __spreadValues({}, others), children);\n }\n return /* @__PURE__ */ React.createElement(React.Fragment, null, children);\n}\nOptionalPortal.displayName = \"@mantine/core/OptionalPortal\";\n\nexport { OptionalPortal };\n//# sourceMappingURL=OptionalPortal.js.map\n","import React, { useState, useRef } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useIsomorphicEffect } from '@mantine/hooks';\nimport { useComponentDefaultProps, useMantineTheme } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction Portal(props) {\n const _a = useComponentDefaultProps(\"Portal\", {}, props), { children, target, className, innerRef } = _a, others = __objRest(_a, [\"children\", \"target\", \"className\", \"innerRef\"]);\n const theme = useMantineTheme();\n const [mounted, setMounted] = useState(false);\n const ref = useRef();\n useIsomorphicEffect(() => {\n setMounted(true);\n ref.current = !target ? document.createElement(\"div\") : typeof target === \"string\" ? document.querySelector(target) : target;\n if (!target) {\n document.body.appendChild(ref.current);\n }\n return () => {\n !target && document.body.removeChild(ref.current);\n };\n }, [target]);\n if (!mounted) {\n return null;\n }\n return createPortal(/* @__PURE__ */ React.createElement(\"div\", __spreadProps(__spreadValues({\n className,\n dir: theme.dir\n }, others), {\n ref: innerRef\n }), children), ref.current);\n}\nPortal.displayName = \"@mantine/core/Portal\";\n\nexport { Portal };\n//# sourceMappingURL=Portal.js.map\n","import { createStyles, getSize, rem, keyframes } from '@mantine/styles';\n\nconst sizes = {\n xs: rem(3),\n sm: rem(5),\n md: rem(8),\n lg: rem(12),\n xl: rem(16)\n};\nconst stripesAnimation = keyframes({\n from: { backgroundPosition: \"0 0\" },\n to: { backgroundPosition: `${rem(40)} 0` }\n});\nvar useStyles = createStyles((theme, { color, radius }, { size }) => ({\n root: {\n position: \"relative\",\n height: getSize({ size, sizes }),\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[2],\n borderRadius: theme.fn.radius(radius),\n overflow: \"hidden\"\n },\n bar: {\n position: \"absolute\",\n top: 0,\n bottom: 0,\n left: 0,\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n backgroundColor: theme.fn.variant({\n variant: \"filled\",\n primaryFallback: false,\n color: color || theme.primaryColor\n }).background,\n transition: \"width 100ms linear\",\n \"&[data-animate]\": {\n animation: `${stripesAnimation} 1000ms linear infinite`\n },\n \"&[data-striped]\": {\n backgroundSize: `${rem(20)} ${rem(20)}`,\n backgroundImage: \"linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)\"\n },\n \"&:last-of-type\": {\n borderTopRightRadius: theme.fn.radius(radius),\n borderBottomRightRadius: theme.fn.radius(radius)\n },\n \"&:first-of-type\": {\n borderTopLeftRadius: theme.fn.radius(radius),\n borderBottomLeftRadius: theme.fn.radius(radius)\n },\n \"@media (prefers-reduced-motion)\": {\n transitionDuration: theme.respectReducedMotion ? \"0ms\" : void 0\n }\n },\n label: {\n color: theme.white,\n fontSize: `calc(${getSize({ size, sizes })} * 0.65)`,\n fontWeight: 700,\n userSelect: \"none\",\n overflow: \"hidden\",\n whiteSpace: \"nowrap\"\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Progress.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport useStyles from './Progress.styles.js';\nimport { Tooltip } from '../Tooltip/Tooltip.js';\nimport { Box } from '../Box/Box.js';\nimport { Text } from '../Text/Text.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction getCumulativeSections(sections) {\n return sections.reduce((acc, section) => {\n acc.sections.push(__spreadProps(__spreadValues({}, section), { accumulated: acc.accumulated }));\n acc.accumulated += section.value;\n return acc;\n }, { accumulated: 0, sections: [] }).sections;\n}\nconst defaultProps = {\n size: \"md\",\n radius: \"sm\",\n striped: false,\n animate: false,\n label: \"\"\n};\nconst Progress = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Progress\", defaultProps, props), {\n className,\n value,\n color,\n size,\n radius,\n striped,\n animate,\n label,\n \"aria-label\": ariaLabel,\n classNames,\n styles,\n sections,\n unstyled,\n variant\n } = _a, others = __objRest(_a, [\n \"className\",\n \"value\",\n \"color\",\n \"size\",\n \"radius\",\n \"striped\",\n \"animate\",\n \"label\",\n \"aria-label\",\n \"classNames\",\n \"styles\",\n \"sections\",\n \"unstyled\",\n \"variant\"\n ]);\n const { classes, cx, theme } = useStyles({ color, radius }, { name: \"Progress\", classNames, styles, unstyled, variant, size });\n const segments = Array.isArray(sections) ? getCumulativeSections(sections).map((_b, index) => {\n var _c = _b, {\n tooltip,\n accumulated,\n value: sectionValue,\n label: sectionLabel,\n color: sectionColor\n } = _c, sectionProps = __objRest(_c, [\n \"tooltip\",\n \"accumulated\",\n \"value\",\n \"label\",\n \"color\"\n ]);\n return /* @__PURE__ */ React.createElement(Tooltip.Floating, {\n label: tooltip,\n disabled: !tooltip,\n key: index\n }, /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, sectionProps), {\n className: cx(classes.bar, sectionProps.className),\n \"data-striped\": striped || animate || void 0,\n \"data-animate\": animate || void 0,\n sx: {\n width: `${sectionValue}%`,\n left: `${accumulated}%`,\n backgroundColor: theme.fn.variant({\n variant: \"filled\",\n primaryFallback: false,\n color: sectionColor || theme.primaryColor\n }).background\n }\n }), sectionLabel && /* @__PURE__ */ React.createElement(Text, {\n className: classes.label\n }, sectionLabel)));\n }) : null;\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.root, className),\n ref\n }, others), segments || /* @__PURE__ */ React.createElement(\"div\", {\n role: \"progressbar\",\n \"aria-valuemax\": 100,\n \"aria-valuemin\": 0,\n \"aria-valuenow\": value,\n \"aria-label\": ariaLabel,\n className: classes.bar,\n style: { width: `${value}%` },\n \"data-striped\": striped || animate || void 0,\n \"data-animate\": animate || void 0\n }, label ? /* @__PURE__ */ React.createElement(Text, {\n className: classes.label\n }, label) : \"\"));\n});\nProgress.displayName = \"@mantine/core/Progress\";\n\nexport { Progress };\n//# sourceMappingURL=Progress.js.map\n","import React from 'react';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction RadioIcon(props) {\n const _a = props, { width, height, style } = _a, others = __objRest(_a, [\"width\", \"height\", \"style\"]);\n return /* @__PURE__ */ React.createElement(\"svg\", __spreadValues({\n xmlns: \"http://www.w3.org/2000/svg\",\n fill: \"none\",\n viewBox: \"0 0 5 5\",\n style: __spreadValues({ width, height }, style)\n }, others), /* @__PURE__ */ React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M0 2.5a2.5 2.5 0 115 0 2.5 2.5 0 01-5 0z\"\n }));\n}\n\nexport { RadioIcon };\n//# sourceMappingURL=RadioIcon.js.map\n","import { useContext, createContext } from 'react';\n\nconst RadioGroupContext = createContext(null);\nconst RadioGroupProvider = RadioGroupContext.Provider;\nconst useRadioGroupContext = () => useContext(RadioGroupContext);\n\nexport { RadioGroupProvider, useRadioGroupContext };\n//# sourceMappingURL=RadioGroup.context.js.map\n","import React, { forwardRef } from 'react';\nimport { useId, useUncontrolled } from '@mantine/hooks';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { RadioGroupProvider } from '../RadioGroup.context.js';\nimport { Input } from '../../Input/Input.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n size: \"sm\"\n};\nconst RadioGroup = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"RadioGroup\", defaultProps, props), {\n children,\n value,\n defaultValue,\n onChange,\n size,\n wrapperProps,\n unstyled,\n name\n } = _a, others = __objRest(_a, [\n \"children\",\n \"value\",\n \"defaultValue\",\n \"onChange\",\n \"size\",\n \"wrapperProps\",\n \"unstyled\",\n \"name\"\n ]);\n const _name = useId(name);\n const [_value, setValue] = useUncontrolled({\n value,\n defaultValue,\n finalValue: \"\",\n onChange\n });\n const handleChange = (event) => setValue(event.currentTarget.value);\n return /* @__PURE__ */ React.createElement(RadioGroupProvider, {\n value: { value: _value, onChange: handleChange, size, name: _name }\n }, /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadValues(__spreadValues({\n labelElement: \"div\",\n size,\n __staticSelector: \"RadioGroup\",\n ref,\n unstyled\n }, wrapperProps), others), children));\n});\nRadioGroup.displayName = \"@mantine/core/RadioGroup\";\n\nexport { RadioGroup };\n//# sourceMappingURL=RadioGroup.js.map\n","import { createStyles, getStylesRef, rem, getSize } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst sizes = {\n xs: rem(16),\n sm: rem(20),\n md: rem(24),\n lg: rem(30),\n xl: rem(36)\n};\nconst iconSizes = {\n xs: rem(6),\n sm: rem(8),\n md: rem(10),\n lg: rem(14),\n xl: rem(16)\n};\nvar useStyles = createStyles((theme, { color, transitionDuration, labelPosition, error }, { size }) => {\n const colors = theme.fn.variant({ variant: \"filled\", color });\n const errorColor = theme.fn.variant({ variant: \"filled\", color: \"red\" }).background;\n return {\n inner: {\n order: labelPosition === \"left\" ? 2 : 1,\n position: \"relative\",\n alignSelf: \"flex-start\"\n },\n icon: {\n ref: getStylesRef(\"icon\"),\n color: theme.white,\n opacity: 0,\n transform: `scale(0.75) translateY(${rem(2)})`,\n transition: `opacity ${transitionDuration}ms ${theme.transitionTimingFunction}`,\n pointerEvents: \"none\",\n width: getSize({ sizes: iconSizes, size }),\n height: getSize({ sizes: iconSizes, size }),\n position: \"absolute\",\n top: `calc(50% - ${getSize({ sizes: iconSizes, size })} / 2)`,\n left: `calc(50% - ${getSize({ sizes: iconSizes, size })} / 2)`\n },\n radio: __spreadProps(__spreadValues({}, theme.fn.focusStyles()), {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.white,\n border: `${rem(1)} solid ${error ? errorColor : theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[4]}`,\n position: \"relative\",\n appearance: \"none\",\n width: getSize({ sizes, size }),\n height: getSize({ sizes, size }),\n borderRadius: getSize({ sizes, size }),\n margin: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n transitionProperty: \"background-color, border-color\",\n transitionTimingFunction: theme.transitionTimingFunction,\n transitionDuration: `${transitionDuration}ms`,\n cursor: theme.cursorType,\n \"&:checked\": {\n background: colors.background,\n borderColor: colors.background,\n [`& + .${getStylesRef(\"icon\")}`]: {\n opacity: 1,\n transform: \"scale(1)\"\n }\n },\n \"&:disabled\": {\n borderColor: theme.colorScheme === \"dark\" ? theme.colors.dark[5] : theme.colors.gray[4],\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[5] : theme.colors.gray[1],\n [`& + .${getStylesRef(\"icon\")}`]: {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.colors.gray[4]\n }\n }\n })\n };\n});\n\nexport default useStyles;\n//# sourceMappingURL=Radio.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useId } from '@mantine/hooks';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { RadioIcon } from './RadioIcon.js';\nimport { useRadioGroupContext } from './RadioGroup.context.js';\nimport { RadioGroup } from './RadioGroup/RadioGroup.js';\nimport useStyles from './Radio.styles.js';\nimport { extractSystemStyles } from '../Box/style-system-props/extract-system-styles/extract-system-styles.js';\nimport { InlineInput } from '../InlineInput/InlineInput.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n icon: RadioIcon,\n transitionDuration: 100,\n size: \"sm\",\n labelPosition: \"right\"\n};\nconst Radio = forwardRef((props, ref) => {\n var _b, _c;\n const _a = useComponentDefaultProps(\"Radio\", defaultProps, props), {\n className,\n style,\n id,\n label,\n size,\n title,\n disabled,\n color,\n classNames,\n styles,\n sx,\n icon: Icon,\n transitionDuration,\n wrapperProps,\n unstyled,\n labelPosition,\n description,\n error,\n variant\n } = _a, others = __objRest(_a, [\n \"className\",\n \"style\",\n \"id\",\n \"label\",\n \"size\",\n \"title\",\n \"disabled\",\n \"color\",\n \"classNames\",\n \"styles\",\n \"sx\",\n \"icon\",\n \"transitionDuration\",\n \"wrapperProps\",\n \"unstyled\",\n \"labelPosition\",\n \"description\",\n \"error\",\n \"variant\"\n ]);\n const ctx = useRadioGroupContext();\n const contextSize = (_b = ctx == null ? void 0 : ctx.size) != null ? _b : size;\n const componentSize = props.size ? size : contextSize;\n const { classes } = useStyles({ color, transitionDuration, labelPosition, error: !!error }, { name: \"Radio\", classNames, styles, unstyled, variant, size: componentSize });\n const { systemStyles, rest } = extractSystemStyles(others);\n const uuid = useId(id);\n const contextProps = ctx ? {\n checked: ctx.value === rest.value,\n name: (_c = rest.name) != null ? _c : ctx.name,\n onChange: ctx.onChange\n } : {};\n return /* @__PURE__ */ React.createElement(InlineInput, __spreadValues(__spreadValues({\n className,\n sx,\n style,\n id: uuid,\n size: componentSize,\n labelPosition,\n label,\n description,\n error,\n disabled,\n __staticSelector: \"Radio\",\n classNames,\n styles,\n unstyled,\n \"data-checked\": contextProps.checked || void 0,\n variant\n }, systemStyles), wrapperProps), /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.inner\n }, /* @__PURE__ */ React.createElement(\"input\", __spreadValues(__spreadValues({\n ref,\n className: classes.radio,\n type: \"radio\",\n id: uuid,\n disabled\n }, rest), contextProps)), /* @__PURE__ */ React.createElement(Icon, {\n className: classes.icon,\n \"aria-hidden\": true\n })));\n});\nRadio.displayName = \"@mantine/core/Radio\";\nRadio.Group = RadioGroup;\n\nexport { Radio };\n//# sourceMappingURL=Radio.js.map\n","import React from 'react';\nimport { useMantineTheme } from '@mantine/styles';\nimport { getCurveProps } from './get-curve-props.js';\nimport { Tooltip } from '../../Tooltip/Tooltip.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction Curve(_a) {\n var _b = _a, {\n size,\n value,\n offset,\n sum,\n thickness,\n root,\n color,\n lineRoundCaps,\n tooltip\n } = _b, others = __objRest(_b, [\n \"size\",\n \"value\",\n \"offset\",\n \"sum\",\n \"thickness\",\n \"root\",\n \"color\",\n \"lineRoundCaps\",\n \"tooltip\"\n ]);\n const theme = useMantineTheme();\n const stroke = theme.fn.themeColor(color || (theme.colorScheme === \"dark\" ? \"dark\" : \"gray\"), color ? theme.fn.primaryShade() : theme.colorScheme === \"dark\" ? 4 : 1, false);\n return /* @__PURE__ */ React.createElement(Tooltip.Floating, {\n disabled: !tooltip,\n label: tooltip\n }, /* @__PURE__ */ React.createElement(\"circle\", __spreadValues(__spreadProps(__spreadValues({}, others), {\n fill: \"none\",\n strokeLinecap: lineRoundCaps ? \"round\" : \"butt\",\n stroke\n }), getCurveProps({ sum, size, thickness, value, offset, root }))));\n}\nCurve.displayName = \"@mantine/core/Curve\";\n\nexport { Curve };\n//# sourceMappingURL=Curve.js.map\n","function getCurveProps({ size, thickness, sum, value, root, offset }) {\n const radius = (size * 0.9 - thickness * 2) / 2;\n const deg = Math.PI * radius * 2 / 100;\n const strokeDasharray = root ? `${(100 - sum) * deg}, ${sum * deg}` : `${value * deg}, ${(100 - value) * deg}`;\n return {\n strokeWidth: thickness,\n cx: size / 2,\n cy: size / 2,\n r: radius,\n transform: root ? `scale(1, -1) translate(0, -${size})` : null,\n strokeDasharray,\n strokeDashoffset: root ? 0 : offset\n };\n}\n\nexport { getCurveProps };\n//# sourceMappingURL=get-curve-props.js.map\n","var __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction getCurves({\n size,\n thickness,\n sections,\n renderRoundedLineCaps,\n rootColor\n}) {\n const sum = sections.reduce((acc, current) => acc + current.value, 0);\n const accumulated = Math.PI * ((size * 0.9 - thickness * 2) / 2) * 2;\n let offset = accumulated;\n const curves = [];\n const curvesInOrder = [];\n for (let i = 0; i < sections.length; i += 1) {\n curves.push({ sum, offset, data: sections[i], root: false });\n offset -= sections[i].value / 100 * accumulated;\n }\n curves.push({ sum, offset, data: { color: rootColor }, root: true });\n curvesInOrder.push(__spreadProps(__spreadValues({}, curves[curves.length - 1]), { lineRoundCaps: false }));\n if (curves.length > 2) {\n curvesInOrder.push(__spreadProps(__spreadValues({}, curves[0]), { lineRoundCaps: renderRoundedLineCaps }));\n curvesInOrder.push(__spreadProps(__spreadValues({}, curves[curves.length - 2]), { lineRoundCaps: renderRoundedLineCaps }));\n for (let i = 1; i <= curves.length - 3; i += 1) {\n curvesInOrder.push(__spreadProps(__spreadValues({}, curves[i]), { lineRoundCaps: false }));\n }\n } else {\n curvesInOrder.push(__spreadProps(__spreadValues({}, curves[0]), { lineRoundCaps: renderRoundedLineCaps }));\n }\n return curvesInOrder;\n}\n\nexport { getCurves };\n//# sourceMappingURL=get-curves.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar useStyles = createStyles({\n root: {\n position: \"relative\"\n },\n label: {\n position: \"absolute\",\n top: \"50%\",\n transform: \"translateY(-50%)\"\n }\n});\n\nexport default useStyles;\n//# sourceMappingURL=RingProgress.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { Curve } from './Curve/Curve.js';\nimport { getCurves } from './get-curves/get-curves.js';\nimport useStyles from './RingProgress.styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n size: 120,\n thickness: 12\n};\nconst RingProgress = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"RingProgress\", defaultProps, props), {\n className,\n style,\n label,\n sections,\n size,\n thickness,\n classNames,\n styles,\n roundCaps,\n rootColor,\n unstyled,\n variant\n } = _a, others = __objRest(_a, [\n \"className\",\n \"style\",\n \"label\",\n \"sections\",\n \"size\",\n \"thickness\",\n \"classNames\",\n \"styles\",\n \"roundCaps\",\n \"rootColor\",\n \"unstyled\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: \"RingProgress\",\n classNames,\n styles,\n unstyled,\n variant\n });\n const curves = getCurves({\n size,\n thickness,\n sections,\n renderRoundedLineCaps: roundCaps,\n rootColor\n }).map(({ data, sum, root, lineRoundCaps, offset }, index) => /* @__PURE__ */ React.createElement(Curve, __spreadProps(__spreadValues({}, data), {\n key: index,\n size,\n thickness,\n sum,\n offset,\n color: data == null ? void 0 : data.color,\n root,\n lineRoundCaps\n })));\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n style: __spreadValues({ width: size, height: size }, style),\n className: cx(classes.root, className),\n ref\n }, others), /* @__PURE__ */ React.createElement(\"svg\", {\n style: { width: size, height: size, transform: \"rotate(-90deg)\" }\n }, curves), label && /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.label,\n style: { right: thickness * 2, left: thickness * 2 }\n }, label));\n});\nRingProgress.displayName = \"@mantine/core/RingProgress\";\n\nexport { RingProgress };\n//# sourceMappingURL=RingProgress.js.map\n","import {useCallback as $3vqmr$useCallback} from \"react\";\n\n\n/**\n * Set a given ref to a given value\n * This utility takes care of different types of refs: callback refs and RefObject(s)\n */ function $6ed0406888f73fc4$var$setRef(ref, value) {\n if (typeof ref === 'function') ref(value);\n else if (ref !== null && ref !== undefined) ref.current = value;\n}\n/**\n * A utility to compose multiple refs together\n * Accepts callback refs and RefObject(s)\n */ function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {\n return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)\n )\n ;\n}\n/**\n * A custom hook that composes multiple refs\n * Accepts callback refs and RefObject(s)\n */ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {\n // eslint-disable-next-line react-hooks/exhaustive-deps\n return $3vqmr$useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);\n}\n\n\n\n\nexport {$6ed0406888f73fc4$export$43e446d32b3d21af as composeRefs, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as useComposedRefs};\n//# sourceMappingURL=index.module.js.map\n","import $9IrjX$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $9IrjX$forwardRef, Children as $9IrjX$Children, isValidElement as $9IrjX$isValidElement, createElement as $9IrjX$createElement, cloneElement as $9IrjX$cloneElement, Fragment as $9IrjX$Fragment} from \"react\";\nimport {composeRefs as $9IrjX$composeRefs} from \"@radix-ui/react-compose-refs\";\n\n\n\n\n/* -------------------------------------------------------------------------------------------------\n * Slot\n * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$8c6ed5c666ac1360 = /*#__PURE__*/ $9IrjX$forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n const childrenArray = $9IrjX$Children.toArray(children);\n const slottable = childrenArray.find($5e63c961fc1ce211$var$isSlottable);\n if (slottable) {\n // the new element to render is the one passed as a child of `Slottable`\n const newElement = slottable.props.children;\n const newChildren = childrenArray.map((child)=>{\n if (child === slottable) {\n // because the new element will be the one rendered, we are only interested\n // in grabbing its children (`newElement.props.children`)\n if ($9IrjX$Children.count(newElement) > 1) return $9IrjX$Children.only(null);\n return /*#__PURE__*/ $9IrjX$isValidElement(newElement) ? newElement.props.children : null;\n } else return child;\n });\n return /*#__PURE__*/ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, $9IrjX$babelruntimehelpersesmextends({}, slotProps, {\n ref: forwardedRef\n }), /*#__PURE__*/ $9IrjX$isValidElement(newElement) ? /*#__PURE__*/ $9IrjX$cloneElement(newElement, undefined, newChildren) : null);\n }\n return /*#__PURE__*/ $9IrjX$createElement($5e63c961fc1ce211$var$SlotClone, $9IrjX$babelruntimehelpersesmextends({}, slotProps, {\n ref: forwardedRef\n }), children);\n});\n$5e63c961fc1ce211$export$8c6ed5c666ac1360.displayName = 'Slot';\n/* -------------------------------------------------------------------------------------------------\n * SlotClone\n * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$var$SlotClone = /*#__PURE__*/ $9IrjX$forwardRef((props, forwardedRef)=>{\n const { children: children , ...slotProps } = props;\n if (/*#__PURE__*/ $9IrjX$isValidElement(children)) return /*#__PURE__*/ $9IrjX$cloneElement(children, {\n ...$5e63c961fc1ce211$var$mergeProps(slotProps, children.props),\n ref: $9IrjX$composeRefs(forwardedRef, children.ref)\n });\n return $9IrjX$Children.count(children) > 1 ? $9IrjX$Children.only(null) : null;\n});\n$5e63c961fc1ce211$var$SlotClone.displayName = 'SlotClone';\n/* -------------------------------------------------------------------------------------------------\n * Slottable\n * -----------------------------------------------------------------------------------------------*/ const $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 = ({ children: children })=>{\n return /*#__PURE__*/ $9IrjX$createElement($9IrjX$Fragment, null, children);\n};\n/* ---------------------------------------------------------------------------------------------- */ function $5e63c961fc1ce211$var$isSlottable(child) {\n return /*#__PURE__*/ $9IrjX$isValidElement(child) && child.type === $5e63c961fc1ce211$export$d9f1ccf0bdb05d45;\n}\nfunction $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {\n // all child props should override\n const overrideProps = {\n ...childProps\n };\n for(const propName in childProps){\n const slotPropValue = slotProps[propName];\n const childPropValue = childProps[propName];\n const isHandler = /^on[A-Z]/.test(propName);\n if (isHandler) {\n // if the handler exists on both, we compose them\n if (slotPropValue && childPropValue) overrideProps[propName] = (...args)=>{\n childPropValue(...args);\n slotPropValue(...args);\n };\n else if (slotPropValue) overrideProps[propName] = slotPropValue;\n } else if (propName === 'style') overrideProps[propName] = {\n ...slotPropValue,\n ...childPropValue\n };\n else if (propName === 'className') overrideProps[propName] = [\n slotPropValue,\n childPropValue\n ].filter(Boolean).join(' ');\n }\n return {\n ...slotProps,\n ...overrideProps\n };\n}\nconst $5e63c961fc1ce211$export$be92b6f5f03c0fe9 = $5e63c961fc1ce211$export$8c6ed5c666ac1360;\n\n\n\n\nexport {$5e63c961fc1ce211$export$8c6ed5c666ac1360 as Slot, $5e63c961fc1ce211$export$d9f1ccf0bdb05d45 as Slottable, $5e63c961fc1ce211$export$be92b6f5f03c0fe9 as Root};\n//# sourceMappingURL=index.module.js.map\n","import $4q5Fq$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $4q5Fq$forwardRef, useEffect as $4q5Fq$useEffect, createElement as $4q5Fq$createElement} from \"react\";\nimport {flushSync as $4q5Fq$flushSync} from \"react-dom\";\nimport {Slot as $4q5Fq$Slot} from \"@radix-ui/react-slot\";\n\n\n\n\n\nconst $8927f6f2acc4f386$var$NODES = [\n 'a',\n 'button',\n 'div',\n 'h2',\n 'h3',\n 'img',\n 'label',\n 'li',\n 'nav',\n 'ol',\n 'p',\n 'span',\n 'svg',\n 'ul'\n]; // Temporary while we await merge of this fix:\n// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396\n// prettier-ignore\n/* -------------------------------------------------------------------------------------------------\n * Primitive\n * -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{\n const Node = /*#__PURE__*/ $4q5Fq$forwardRef((props, forwardedRef)=>{\n const { asChild: asChild , ...primitiveProps } = props;\n const Comp = asChild ? $4q5Fq$Slot : node;\n $4q5Fq$useEffect(()=>{\n window[Symbol.for('radix-ui')] = true;\n }, []);\n return /*#__PURE__*/ $4q5Fq$createElement(Comp, $4q5Fq$babelruntimehelpersesmextends({}, primitiveProps, {\n ref: forwardedRef\n }));\n });\n Node.displayName = `Primitive.${node}`;\n return {\n ...primitive,\n [node]: Node\n };\n}, {});\n/* -------------------------------------------------------------------------------------------------\n * Utils\n * -----------------------------------------------------------------------------------------------*/ /**\n * Flush custom event dispatch\n * https://github.com/radix-ui/primitives/pull/1378\n *\n * React batches *all* event handlers since version 18, this introduces certain considerations when using custom event types.\n *\n * Internally, React prioritises events in the following order:\n * - discrete\n * - continuous\n * - default\n *\n * https://github.com/facebook/react/blob/a8a4742f1c54493df00da648a3f9d26e3db9c8b5/packages/react-dom/src/events/ReactDOMEventListener.js#L294-L350\n *\n * `discrete` is an important distinction as updates within these events are applied immediately.\n * React however, is not able to infer the priority of custom event types due to how they are detected internally.\n * Because of this, it's possible for updates from custom events to be unexpectedly batched when\n * dispatched by another `discrete` event.\n *\n * In order to ensure that updates from custom events are applied predictably, we need to manually flush the batch.\n * This utility should be used when dispatching a custom event from within another `discrete` event, this utility\n * is not nessesary when dispatching known event types, or if dispatching a custom type inside a non-discrete event.\n * For example:\n *\n * dispatching a known click 👎\n * target.dispatchEvent(new Event(‘click’))\n *\n * dispatching a custom type within a non-discrete event 👎\n * onScroll={(event) => event.target.dispatchEvent(new CustomEvent(‘customType’))}\n *\n * dispatching a custom type within a `discrete` event 👍\n * onPointerDown={(event) => dispatchDiscreteCustomEvent(event.target, new CustomEvent(‘customType’))}\n *\n * Note: though React classifies `focus`, `focusin` and `focusout` events as `discrete`, it's not recommended to use\n * this utility with them. This is because it's possible for those handlers to be called implicitly during render\n * e.g. when focus is within a component as it is unmounted, or when managing focus on mount.\n */ function $8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event) {\n if (target) $4q5Fq$flushSync(()=>target.dispatchEvent(event)\n );\n}\n/* -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$be92b6f5f03c0fe9 = $8927f6f2acc4f386$export$250ffa63cdc0d034;\n\n\n\n\nexport {$8927f6f2acc4f386$export$250ffa63cdc0d034 as Primitive, $8927f6f2acc4f386$export$be92b6f5f03c0fe9 as Root, $8927f6f2acc4f386$export$6d1a0317bde7de7f as dispatchDiscreteCustomEvent};\n//# sourceMappingURL=index.module.js.map\n","import {useLayoutEffect as $dxlwH$useLayoutEffect} from \"react\";\n\n\n/**\n * On the server, React emits a warning when calling `useLayoutEffect`.\n * This is because neither `useLayoutEffect` nor `useEffect` run on the server.\n * We use this safe version which suppresses the warning by replacing it with a noop on the server.\n *\n * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect\n */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? $dxlwH$useLayoutEffect : ()=>{};\n\n\n\n\nexport {$9f79659886946c16$export$e5c5a5f917a5871c as useLayoutEffect};\n//# sourceMappingURL=index.module.js.map\n","import {Children as $iqq3r$Children, cloneElement as $iqq3r$cloneElement, useState as $iqq3r$useState, useRef as $iqq3r$useRef, useEffect as $iqq3r$useEffect, useCallback as $iqq3r$useCallback, useReducer as $iqq3r$useReducer} from \"react\";\nimport {flushSync as $iqq3r$flushSync} from \"react-dom\";\nimport {useComposedRefs as $iqq3r$useComposedRefs} from \"@radix-ui/react-compose-refs\";\nimport {useLayoutEffect as $iqq3r$useLayoutEffect} from \"@radix-ui/react-use-layout-effect\";\n\n\n\n\n\n\nfunction $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {\n return $iqq3r$useReducer((state, event)=>{\n const nextState = machine[state][event];\n return nextState !== null && nextState !== void 0 ? nextState : state;\n }, initialState);\n}\n\n\nconst $921a889cee6df7e8$export$99c2b779aa4e8b8b = (props)=>{\n const { present: present , children: children } = props;\n const presence = $921a889cee6df7e8$var$usePresence(present);\n const child = typeof children === 'function' ? children({\n present: presence.isPresent\n }) : $iqq3r$Children.only(children);\n const ref = $iqq3r$useComposedRefs(presence.ref, child.ref);\n const forceMount = typeof children === 'function';\n return forceMount || presence.isPresent ? /*#__PURE__*/ $iqq3r$cloneElement(child, {\n ref: ref\n }) : null;\n};\n$921a889cee6df7e8$export$99c2b779aa4e8b8b.displayName = 'Presence';\n/* -------------------------------------------------------------------------------------------------\n * usePresence\n * -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$usePresence(present) {\n const [node1, setNode] = $iqq3r$useState();\n const stylesRef = $iqq3r$useRef({});\n const prevPresentRef = $iqq3r$useRef(present);\n const prevAnimationNameRef = $iqq3r$useRef('none');\n const initialState = present ? 'mounted' : 'unmounted';\n const [state, send] = $fe963b355347cc68$export$3e6543de14f8614f(initialState, {\n mounted: {\n UNMOUNT: 'unmounted',\n ANIMATION_OUT: 'unmountSuspended'\n },\n unmountSuspended: {\n MOUNT: 'mounted',\n ANIMATION_END: 'unmounted'\n },\n unmounted: {\n MOUNT: 'mounted'\n }\n });\n $iqq3r$useEffect(()=>{\n const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);\n prevAnimationNameRef.current = state === 'mounted' ? currentAnimationName : 'none';\n }, [\n state\n ]);\n $iqq3r$useLayoutEffect(()=>{\n const styles = stylesRef.current;\n const wasPresent = prevPresentRef.current;\n const hasPresentChanged = wasPresent !== present;\n if (hasPresentChanged) {\n const prevAnimationName = prevAnimationNameRef.current;\n const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(styles);\n if (present) send('MOUNT');\n else if (currentAnimationName === 'none' || (styles === null || styles === void 0 ? void 0 : styles.display) === 'none') // If there is no exit animation or the element is hidden, animations won't run\n // so we unmount instantly\n send('UNMOUNT');\n else {\n /**\n * When `present` changes to `false`, we check changes to animation-name to\n * determine whether an animation has started. We chose this approach (reading\n * computed styles) because there is no `animationrun` event and `animationstart`\n * fires after `animation-delay` has expired which would be too late.\n */ const isAnimating = prevAnimationName !== currentAnimationName;\n if (wasPresent && isAnimating) send('ANIMATION_OUT');\n else send('UNMOUNT');\n }\n prevPresentRef.current = present;\n }\n }, [\n present,\n send\n ]);\n $iqq3r$useLayoutEffect(()=>{\n if (node1) {\n /**\n * Triggering an ANIMATION_OUT during an ANIMATION_IN will fire an `animationcancel`\n * event for ANIMATION_IN after we have entered `unmountSuspended` state. So, we\n * make sure we only trigger ANIMATION_END for the currently active animation.\n */ const handleAnimationEnd = (event)=>{\n const currentAnimationName = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);\n const isCurrentAnimation = currentAnimationName.includes(event.animationName);\n if (event.target === node1 && isCurrentAnimation) // With React 18 concurrency this update is applied\n // a frame after the animation ends, creating a flash of visible content.\n // By manually flushing we ensure they sync within a frame, removing the flash.\n $iqq3r$flushSync(()=>send('ANIMATION_END')\n );\n };\n const handleAnimationStart = (event)=>{\n if (event.target === node1) // if animation occurred, store its name as the previous animation.\n prevAnimationNameRef.current = $921a889cee6df7e8$var$getAnimationName(stylesRef.current);\n };\n node1.addEventListener('animationstart', handleAnimationStart);\n node1.addEventListener('animationcancel', handleAnimationEnd);\n node1.addEventListener('animationend', handleAnimationEnd);\n return ()=>{\n node1.removeEventListener('animationstart', handleAnimationStart);\n node1.removeEventListener('animationcancel', handleAnimationEnd);\n node1.removeEventListener('animationend', handleAnimationEnd);\n };\n } else // Transition to the unmounted state if the node is removed prematurely.\n // We avoid doing so during cleanup as the node may change but still exist.\n send('ANIMATION_END');\n }, [\n node1,\n send\n ]);\n return {\n isPresent: [\n 'mounted',\n 'unmountSuspended'\n ].includes(state),\n ref: $iqq3r$useCallback((node)=>{\n if (node) stylesRef.current = getComputedStyle(node);\n setNode(node);\n }, [])\n };\n}\n/* -----------------------------------------------------------------------------------------------*/ function $921a889cee6df7e8$var$getAnimationName(styles) {\n return (styles === null || styles === void 0 ? void 0 : styles.animationName) || 'none';\n}\n\n\n\n\nexport {$921a889cee6df7e8$export$99c2b779aa4e8b8b as Presence};\n//# sourceMappingURL=index.module.js.map\n","import {createContext as $3bkAK$createContext, useMemo as $3bkAK$useMemo, createElement as $3bkAK$createElement, useContext as $3bkAK$useContext} from \"react\";\n\n\nfunction $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {\n const Context = /*#__PURE__*/ $3bkAK$createContext(defaultContext);\n function Provider(props) {\n const { children: children , ...context } = props; // Only re-memoize when prop values change\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const value = $3bkAK$useMemo(()=>context\n , Object.values(context));\n return /*#__PURE__*/ $3bkAK$createElement(Context.Provider, {\n value: value\n }, children);\n }\n function useContext(consumerName) {\n const context = $3bkAK$useContext(Context);\n if (context) return context;\n if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.\n throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n }\n Provider.displayName = rootComponentName + 'Provider';\n return [\n Provider,\n useContext\n ];\n}\n/* -------------------------------------------------------------------------------------------------\n * createContextScope\n * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {\n let defaultContexts = [];\n /* -----------------------------------------------------------------------------------------------\n * createContext\n * ---------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {\n const BaseContext = /*#__PURE__*/ $3bkAK$createContext(defaultContext);\n const index = defaultContexts.length;\n defaultContexts = [\n ...defaultContexts,\n defaultContext\n ];\n function Provider(props) {\n const { scope: scope , children: children , ...context } = props;\n const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext; // Only re-memoize when prop values change\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const value = $3bkAK$useMemo(()=>context\n , Object.values(context));\n return /*#__PURE__*/ $3bkAK$createElement(Context.Provider, {\n value: value\n }, children);\n }\n function useContext(consumerName, scope) {\n const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;\n const context = $3bkAK$useContext(Context);\n if (context) return context;\n if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.\n throw new Error(`\\`${consumerName}\\` must be used within \\`${rootComponentName}\\``);\n }\n Provider.displayName = rootComponentName + 'Provider';\n return [\n Provider,\n useContext\n ];\n }\n /* -----------------------------------------------------------------------------------------------\n * createScope\n * ---------------------------------------------------------------------------------------------*/ const createScope = ()=>{\n const scopeContexts = defaultContexts.map((defaultContext)=>{\n return /*#__PURE__*/ $3bkAK$createContext(defaultContext);\n });\n return function useScope(scope) {\n const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;\n return $3bkAK$useMemo(()=>({\n [`__scope${scopeName}`]: {\n ...scope,\n [scopeName]: contexts\n }\n })\n , [\n scope,\n contexts\n ]);\n };\n };\n createScope.scopeName = scopeName;\n return [\n $c512c27ab02ef895$export$fd42f52fd3ae1109,\n $c512c27ab02ef895$var$composeContextScopes(createScope, ...createContextScopeDeps)\n ];\n}\n/* -------------------------------------------------------------------------------------------------\n * composeContextScopes\n * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$var$composeContextScopes(...scopes) {\n const baseScope = scopes[0];\n if (scopes.length === 1) return baseScope;\n const createScope1 = ()=>{\n const scopeHooks = scopes.map((createScope)=>({\n useScope: createScope(),\n scopeName: createScope.scopeName\n })\n );\n return function useComposedScopes(overrideScopes) {\n const nextScopes1 = scopeHooks.reduce((nextScopes, { useScope: useScope , scopeName: scopeName })=>{\n // We are calling a hook inside a callback which React warns against to avoid inconsistent\n // renders, however, scoping doesn't have render side effects so we ignore the rule.\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const scopeProps = useScope(overrideScopes);\n const currentScope = scopeProps[`__scope${scopeName}`];\n return {\n ...nextScopes,\n ...currentScope\n };\n }, {});\n return $3bkAK$useMemo(()=>({\n [`__scope${baseScope.scopeName}`]: nextScopes1\n })\n , [\n nextScopes1\n ]);\n };\n };\n createScope1.scopeName = baseScope.scopeName;\n return createScope1;\n}\n\n\n\n\nexport {$c512c27ab02ef895$export$fd42f52fd3ae1109 as createContext, $c512c27ab02ef895$export$50c7b4e9d9f19c1 as createContextScope};\n//# sourceMappingURL=index.module.js.map\n","import {useRef as $lwiWj$useRef, useEffect as $lwiWj$useEffect, useMemo as $lwiWj$useMemo} from \"react\";\n\n\n/**\n * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a\n * prop or avoid re-executing effects when passed as a dependency\n */ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {\n const callbackRef = $lwiWj$useRef(callback);\n $lwiWj$useEffect(()=>{\n callbackRef.current = callback;\n }); // https://github.com/facebook/react/issues/19240\n return $lwiWj$useMemo(()=>(...args)=>{\n var _callbackRef$current;\n return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);\n }\n , []);\n}\n\n\n\n\nexport {$b1b2314f5f9a1d84$export$25bec8c6f54ee79a as useCallbackRef};\n//# sourceMappingURL=index.module.js.map\n","import {createContext as $7Gjcd$createContext, createElement as $7Gjcd$createElement, useContext as $7Gjcd$useContext} from \"react\";\n\n\nconst $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ $7Gjcd$createContext(undefined);\n/* -------------------------------------------------------------------------------------------------\n * Direction\n * -----------------------------------------------------------------------------------------------*/ const $f631663db3294ace$export$c760c09fdd558351 = (props)=>{\n const { dir: dir , children: children } = props;\n return /*#__PURE__*/ $7Gjcd$createElement($f631663db3294ace$var$DirectionContext.Provider, {\n value: dir\n }, children);\n};\n/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {\n const globalDir = $7Gjcd$useContext($f631663db3294ace$var$DirectionContext);\n return localDir || globalDir || 'ltr';\n}\nconst $f631663db3294ace$export$2881499e37b75b9a = $f631663db3294ace$export$c760c09fdd558351;\n\n\n\n\nexport {$f631663db3294ace$export$b39126d51d94e6f3 as useDirection, $f631663db3294ace$export$2881499e37b75b9a as Provider, $f631663db3294ace$export$c760c09fdd558351 as DirectionProvider};\n//# sourceMappingURL=index.module.js.map\n","function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true } = {}) {\n return function handleEvent(event) {\n originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);\n if (checkForDefaultPrevented === false || !event.defaultPrevented) return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);\n };\n}\n\n\n\n\nexport {$e42e1063c40fb3ef$export$b9ecd428b558ff10 as composeEventHandlers};\n//# sourceMappingURL=index.module.js.map\n","import $fnFM9$babelruntimehelpersesmextends from \"@babel/runtime/helpers/esm/extends\";\nimport {forwardRef as $fnFM9$forwardRef, useState as $fnFM9$useState, createElement as $fnFM9$createElement, useRef as $fnFM9$useRef, Fragment as $fnFM9$Fragment, useEffect as $fnFM9$useEffect, useCallback as $fnFM9$useCallback, useReducer as $fnFM9$useReducer} from \"react\";\nimport {Primitive as $fnFM9$Primitive} from \"@radix-ui/react-primitive\";\nimport {Presence as $fnFM9$Presence} from \"@radix-ui/react-presence\";\nimport {createContextScope as $fnFM9$createContextScope} from \"@radix-ui/react-context\";\nimport {useComposedRefs as $fnFM9$useComposedRefs} from \"@radix-ui/react-compose-refs\";\nimport {useCallbackRef as $fnFM9$useCallbackRef} from \"@radix-ui/react-use-callback-ref\";\nimport {useDirection as $fnFM9$useDirection} from \"@radix-ui/react-direction\";\nimport {useLayoutEffect as $fnFM9$useLayoutEffect} from \"@radix-ui/react-use-layout-effect\";\nimport {clamp as $fnFM9$clamp} from \"@radix-ui/number\";\nimport {composeEventHandlers as $fnFM9$composeEventHandlers} from \"@radix-ui/primitive\";\n\n\n\n\n\n\n\n\n\n\n\n\n\nfunction $6c2e24571c90391f$export$3e6543de14f8614f(initialState, machine) {\n return $fnFM9$useReducer((state, event)=>{\n const nextState = machine[state][event];\n return nextState !== null && nextState !== void 0 ? nextState : state;\n }, initialState);\n}\n\n\n/* -------------------------------------------------------------------------------------------------\n * ScrollArea\n * -----------------------------------------------------------------------------------------------*/ const $57acba87d6e25586$var$SCROLL_AREA_NAME = 'ScrollArea';\nconst [$57acba87d6e25586$var$createScrollAreaContext, $57acba87d6e25586$export$488468afe3a6f2b1] = $fnFM9$createContextScope($57acba87d6e25586$var$SCROLL_AREA_NAME);\nconst [$57acba87d6e25586$var$ScrollAreaProvider, $57acba87d6e25586$var$useScrollAreaContext] = $57acba87d6e25586$var$createScrollAreaContext($57acba87d6e25586$var$SCROLL_AREA_NAME);\nconst $57acba87d6e25586$export$ccf8d8d7bbf3c2cc = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { __scopeScrollArea: __scopeScrollArea , type: type = 'hover' , dir: dir , scrollHideDelay: scrollHideDelay = 600 , ...scrollAreaProps } = props;\n const [scrollArea, setScrollArea] = $fnFM9$useState(null);\n const [viewport, setViewport] = $fnFM9$useState(null);\n const [content, setContent] = $fnFM9$useState(null);\n const [scrollbarX, setScrollbarX] = $fnFM9$useState(null);\n const [scrollbarY, setScrollbarY] = $fnFM9$useState(null);\n const [cornerWidth, setCornerWidth] = $fnFM9$useState(0);\n const [cornerHeight, setCornerHeight] = $fnFM9$useState(0);\n const [scrollbarXEnabled, setScrollbarXEnabled] = $fnFM9$useState(false);\n const [scrollbarYEnabled, setScrollbarYEnabled] = $fnFM9$useState(false);\n const composedRefs = $fnFM9$useComposedRefs(forwardedRef, (node)=>setScrollArea(node)\n );\n const direction = $fnFM9$useDirection(dir);\n return /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaProvider, {\n scope: __scopeScrollArea,\n type: type,\n dir: direction,\n scrollHideDelay: scrollHideDelay,\n scrollArea: scrollArea,\n viewport: viewport,\n onViewportChange: setViewport,\n content: content,\n onContentChange: setContent,\n scrollbarX: scrollbarX,\n onScrollbarXChange: setScrollbarX,\n scrollbarXEnabled: scrollbarXEnabled,\n onScrollbarXEnabledChange: setScrollbarXEnabled,\n scrollbarY: scrollbarY,\n onScrollbarYChange: setScrollbarY,\n scrollbarYEnabled: scrollbarYEnabled,\n onScrollbarYEnabledChange: setScrollbarYEnabled,\n onCornerWidthChange: setCornerWidth,\n onCornerHeightChange: setCornerHeight\n }, /*#__PURE__*/ $fnFM9$createElement($fnFM9$Primitive.div, $fnFM9$babelruntimehelpersesmextends({\n dir: direction\n }, scrollAreaProps, {\n ref: composedRefs,\n style: {\n position: 'relative',\n // Pass corner sizes as CSS vars to reduce re-renders of context consumers\n ['--radix-scroll-area-corner-width']: cornerWidth + 'px',\n ['--radix-scroll-area-corner-height']: cornerHeight + 'px',\n ...props.style\n }\n })));\n});\n/*#__PURE__*/ Object.assign($57acba87d6e25586$export$ccf8d8d7bbf3c2cc, {\n displayName: $57acba87d6e25586$var$SCROLL_AREA_NAME\n});\n/* -------------------------------------------------------------------------------------------------\n * ScrollAreaViewport\n * -----------------------------------------------------------------------------------------------*/ const $57acba87d6e25586$var$VIEWPORT_NAME = 'ScrollAreaViewport';\nconst $57acba87d6e25586$export$a21cbf9f11fca853 = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { __scopeScrollArea: __scopeScrollArea , children: children , ...viewportProps } = props;\n const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$VIEWPORT_NAME, __scopeScrollArea);\n const ref = $fnFM9$useRef(null);\n const composedRefs = $fnFM9$useComposedRefs(forwardedRef, ref, context.onViewportChange);\n return /*#__PURE__*/ $fnFM9$createElement($fnFM9$Fragment, null, /*#__PURE__*/ $fnFM9$createElement(\"style\", {\n dangerouslySetInnerHTML: {\n __html: `[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}`\n }\n }), /*#__PURE__*/ $fnFM9$createElement($fnFM9$Primitive.div, $fnFM9$babelruntimehelpersesmextends({\n \"data-radix-scroll-area-viewport\": \"\"\n }, viewportProps, {\n ref: composedRefs,\n style: {\n /**\n * We don't support `visible` because the intention is to have at least one scrollbar\n * if this component is used and `visible` will behave like `auto` in that case\n * https://developer.mozilla.org/en-US/docs/Web/CSS/overflowed#description\n *\n * We don't handle `auto` because the intention is for the native implementation\n * to be hidden if using this component. We just want to ensure the node is scrollable\n * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent\n * the browser from having to work out whether to render native scrollbars or not,\n * we tell it to with the intention of hiding them in CSS.\n */ overflowX: context.scrollbarXEnabled ? 'scroll' : 'hidden',\n overflowY: context.scrollbarYEnabled ? 'scroll' : 'hidden',\n ...props.style\n }\n }), /*#__PURE__*/ $fnFM9$createElement(\"div\", {\n ref: context.onContentChange,\n style: {\n minWidth: '100%',\n display: 'table'\n }\n }, children)));\n});\n/*#__PURE__*/ Object.assign($57acba87d6e25586$export$a21cbf9f11fca853, {\n displayName: $57acba87d6e25586$var$VIEWPORT_NAME\n});\n/* -------------------------------------------------------------------------------------------------\n * ScrollAreaScrollbar\n * -----------------------------------------------------------------------------------------------*/ const $57acba87d6e25586$var$SCROLLBAR_NAME = 'ScrollAreaScrollbar';\nconst $57acba87d6e25586$export$2fabd85d0eba3c57 = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { forceMount: forceMount , ...scrollbarProps } = props;\n const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$SCROLLBAR_NAME, props.__scopeScrollArea);\n const { onScrollbarXEnabledChange: onScrollbarXEnabledChange , onScrollbarYEnabledChange: onScrollbarYEnabledChange } = context;\n const isHorizontal = props.orientation === 'horizontal';\n $fnFM9$useEffect(()=>{\n isHorizontal ? onScrollbarXEnabledChange(true) : onScrollbarYEnabledChange(true);\n return ()=>{\n isHorizontal ? onScrollbarXEnabledChange(false) : onScrollbarYEnabledChange(false);\n };\n }, [\n isHorizontal,\n onScrollbarXEnabledChange,\n onScrollbarYEnabledChange\n ]);\n return context.type === 'hover' ? /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaScrollbarHover, $fnFM9$babelruntimehelpersesmextends({}, scrollbarProps, {\n ref: forwardedRef,\n forceMount: forceMount\n })) : context.type === 'scroll' ? /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaScrollbarScroll, $fnFM9$babelruntimehelpersesmextends({}, scrollbarProps, {\n ref: forwardedRef,\n forceMount: forceMount\n })) : context.type === 'auto' ? /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaScrollbarAuto, $fnFM9$babelruntimehelpersesmextends({}, scrollbarProps, {\n ref: forwardedRef,\n forceMount: forceMount\n })) : context.type === 'always' ? /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, $fnFM9$babelruntimehelpersesmextends({}, scrollbarProps, {\n ref: forwardedRef\n })) : null;\n});\n/*#__PURE__*/ Object.assign($57acba87d6e25586$export$2fabd85d0eba3c57, {\n displayName: $57acba87d6e25586$var$SCROLLBAR_NAME\n});\n/* -----------------------------------------------------------------------------------------------*/ const $57acba87d6e25586$var$ScrollAreaScrollbarHover = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { forceMount: forceMount , ...scrollbarProps } = props;\n const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$SCROLLBAR_NAME, props.__scopeScrollArea);\n const [visible, setVisible] = $fnFM9$useState(false);\n $fnFM9$useEffect(()=>{\n const scrollArea = context.scrollArea;\n let hideTimer = 0;\n if (scrollArea) {\n const handlePointerEnter = ()=>{\n window.clearTimeout(hideTimer);\n setVisible(true);\n };\n const handlePointerLeave = ()=>{\n hideTimer = window.setTimeout(()=>setVisible(false)\n , context.scrollHideDelay);\n };\n scrollArea.addEventListener('pointerenter', handlePointerEnter);\n scrollArea.addEventListener('pointerleave', handlePointerLeave);\n return ()=>{\n window.clearTimeout(hideTimer);\n scrollArea.removeEventListener('pointerenter', handlePointerEnter);\n scrollArea.removeEventListener('pointerleave', handlePointerLeave);\n };\n }\n }, [\n context.scrollArea,\n context.scrollHideDelay\n ]);\n return /*#__PURE__*/ $fnFM9$createElement($fnFM9$Presence, {\n present: forceMount || visible\n }, /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaScrollbarAuto, $fnFM9$babelruntimehelpersesmextends({\n \"data-state\": visible ? 'visible' : 'hidden'\n }, scrollbarProps, {\n ref: forwardedRef\n })));\n});\nconst $57acba87d6e25586$var$ScrollAreaScrollbarScroll = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { forceMount: forceMount , ...scrollbarProps } = props;\n const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$SCROLLBAR_NAME, props.__scopeScrollArea);\n const isHorizontal = props.orientation === 'horizontal';\n const debounceScrollEnd = $57acba87d6e25586$var$useDebounceCallback(()=>send('SCROLL_END')\n , 100);\n const [state, send] = $6c2e24571c90391f$export$3e6543de14f8614f('hidden', {\n hidden: {\n SCROLL: 'scrolling'\n },\n scrolling: {\n SCROLL_END: 'idle',\n POINTER_ENTER: 'interacting'\n },\n interacting: {\n SCROLL: 'interacting',\n POINTER_LEAVE: 'idle'\n },\n idle: {\n HIDE: 'hidden',\n SCROLL: 'scrolling',\n POINTER_ENTER: 'interacting'\n }\n });\n $fnFM9$useEffect(()=>{\n if (state === 'idle') {\n const hideTimer = window.setTimeout(()=>send('HIDE')\n , context.scrollHideDelay);\n return ()=>window.clearTimeout(hideTimer)\n ;\n }\n }, [\n state,\n context.scrollHideDelay,\n send\n ]);\n $fnFM9$useEffect(()=>{\n const viewport = context.viewport;\n const scrollDirection = isHorizontal ? 'scrollLeft' : 'scrollTop';\n if (viewport) {\n let prevScrollPos = viewport[scrollDirection];\n const handleScroll = ()=>{\n const scrollPos = viewport[scrollDirection];\n const hasScrollInDirectionChanged = prevScrollPos !== scrollPos;\n if (hasScrollInDirectionChanged) {\n send('SCROLL');\n debounceScrollEnd();\n }\n prevScrollPos = scrollPos;\n };\n viewport.addEventListener('scroll', handleScroll);\n return ()=>viewport.removeEventListener('scroll', handleScroll)\n ;\n }\n }, [\n context.viewport,\n isHorizontal,\n send,\n debounceScrollEnd\n ]);\n return /*#__PURE__*/ $fnFM9$createElement($fnFM9$Presence, {\n present: forceMount || state !== 'hidden'\n }, /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, $fnFM9$babelruntimehelpersesmextends({\n \"data-state\": state === 'hidden' ? 'hidden' : 'visible'\n }, scrollbarProps, {\n ref: forwardedRef,\n onPointerEnter: $fnFM9$composeEventHandlers(props.onPointerEnter, ()=>send('POINTER_ENTER')\n ),\n onPointerLeave: $fnFM9$composeEventHandlers(props.onPointerLeave, ()=>send('POINTER_LEAVE')\n )\n })));\n});\nconst $57acba87d6e25586$var$ScrollAreaScrollbarAuto = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$SCROLLBAR_NAME, props.__scopeScrollArea);\n const { forceMount: forceMount , ...scrollbarProps } = props;\n const [visible, setVisible] = $fnFM9$useState(false);\n const isHorizontal = props.orientation === 'horizontal';\n const handleResize = $57acba87d6e25586$var$useDebounceCallback(()=>{\n if (context.viewport) {\n const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth;\n const isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;\n setVisible(isHorizontal ? isOverflowX : isOverflowY);\n }\n }, 10);\n $57acba87d6e25586$var$useResizeObserver(context.viewport, handleResize);\n $57acba87d6e25586$var$useResizeObserver(context.content, handleResize);\n return /*#__PURE__*/ $fnFM9$createElement($fnFM9$Presence, {\n present: forceMount || visible\n }, /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaScrollbarVisible, $fnFM9$babelruntimehelpersesmextends({\n \"data-state\": visible ? 'visible' : 'hidden'\n }, scrollbarProps, {\n ref: forwardedRef\n })));\n});\n/* -----------------------------------------------------------------------------------------------*/ const $57acba87d6e25586$var$ScrollAreaScrollbarVisible = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { orientation: orientation = 'vertical' , ...scrollbarProps } = props;\n const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$SCROLLBAR_NAME, props.__scopeScrollArea);\n const thumbRef = $fnFM9$useRef(null);\n const pointerOffsetRef = $fnFM9$useRef(0);\n const [sizes, setSizes] = $fnFM9$useState({\n content: 0,\n viewport: 0,\n scrollbar: {\n size: 0,\n paddingStart: 0,\n paddingEnd: 0\n }\n });\n const thumbRatio = $57acba87d6e25586$var$getThumbRatio(sizes.viewport, sizes.content);\n const commonProps = {\n ...scrollbarProps,\n sizes: sizes,\n onSizesChange: setSizes,\n hasThumb: Boolean(thumbRatio > 0 && thumbRatio < 1),\n onThumbChange: (thumb)=>thumbRef.current = thumb\n ,\n onThumbPointerUp: ()=>pointerOffsetRef.current = 0\n ,\n onThumbPointerDown: (pointerPos)=>pointerOffsetRef.current = pointerPos\n };\n function getScrollPosition(pointerPos, dir) {\n return $57acba87d6e25586$var$getScrollPositionFromPointer(pointerPos, pointerOffsetRef.current, sizes, dir);\n }\n if (orientation === 'horizontal') return /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaScrollbarX, $fnFM9$babelruntimehelpersesmextends({}, commonProps, {\n ref: forwardedRef,\n onThumbPositionChange: ()=>{\n if (context.viewport && thumbRef.current) {\n const scrollPos = context.viewport.scrollLeft;\n const offset = $57acba87d6e25586$var$getThumbOffsetFromScroll(scrollPos, sizes, context.dir);\n thumbRef.current.style.transform = `translate3d(${offset}px, 0, 0)`;\n }\n },\n onWheelScroll: (scrollPos)=>{\n if (context.viewport) context.viewport.scrollLeft = scrollPos;\n },\n onDragScroll: (pointerPos)=>{\n if (context.viewport) context.viewport.scrollLeft = getScrollPosition(pointerPos, context.dir);\n }\n }));\n if (orientation === 'vertical') return /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaScrollbarY, $fnFM9$babelruntimehelpersesmextends({}, commonProps, {\n ref: forwardedRef,\n onThumbPositionChange: ()=>{\n if (context.viewport && thumbRef.current) {\n const scrollPos = context.viewport.scrollTop;\n const offset = $57acba87d6e25586$var$getThumbOffsetFromScroll(scrollPos, sizes);\n thumbRef.current.style.transform = `translate3d(0, ${offset}px, 0)`;\n }\n },\n onWheelScroll: (scrollPos)=>{\n if (context.viewport) context.viewport.scrollTop = scrollPos;\n },\n onDragScroll: (pointerPos)=>{\n if (context.viewport) context.viewport.scrollTop = getScrollPosition(pointerPos);\n }\n }));\n return null;\n});\n/* -----------------------------------------------------------------------------------------------*/ const $57acba87d6e25586$var$ScrollAreaScrollbarX = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { sizes: sizes , onSizesChange: onSizesChange , ...scrollbarProps } = props;\n const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$SCROLLBAR_NAME, props.__scopeScrollArea);\n const [computedStyle, setComputedStyle] = $fnFM9$useState();\n const ref = $fnFM9$useRef(null);\n const composeRefs = $fnFM9$useComposedRefs(forwardedRef, ref, context.onScrollbarXChange);\n $fnFM9$useEffect(()=>{\n if (ref.current) setComputedStyle(getComputedStyle(ref.current));\n }, [\n ref\n ]);\n return /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaScrollbarImpl, $fnFM9$babelruntimehelpersesmextends({\n \"data-orientation\": \"horizontal\"\n }, scrollbarProps, {\n ref: composeRefs,\n sizes: sizes,\n style: {\n bottom: 0,\n left: context.dir === 'rtl' ? 'var(--radix-scroll-area-corner-width)' : 0,\n right: context.dir === 'ltr' ? 'var(--radix-scroll-area-corner-width)' : 0,\n ['--radix-scroll-area-thumb-width']: $57acba87d6e25586$var$getThumbSize(sizes) + 'px',\n ...props.style\n },\n onThumbPointerDown: (pointerPos)=>props.onThumbPointerDown(pointerPos.x)\n ,\n onDragScroll: (pointerPos)=>props.onDragScroll(pointerPos.x)\n ,\n onWheelScroll: (event, maxScrollPos)=>{\n if (context.viewport) {\n const scrollPos = context.viewport.scrollLeft + event.deltaX;\n props.onWheelScroll(scrollPos); // prevent window scroll when wheeling on scrollbar\n if ($57acba87d6e25586$var$isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) event.preventDefault();\n }\n },\n onResize: ()=>{\n if (ref.current && context.viewport && computedStyle) onSizesChange({\n content: context.viewport.scrollWidth,\n viewport: context.viewport.offsetWidth,\n scrollbar: {\n size: ref.current.clientWidth,\n paddingStart: $57acba87d6e25586$var$toInt(computedStyle.paddingLeft),\n paddingEnd: $57acba87d6e25586$var$toInt(computedStyle.paddingRight)\n }\n });\n }\n }));\n});\nconst $57acba87d6e25586$var$ScrollAreaScrollbarY = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { sizes: sizes , onSizesChange: onSizesChange , ...scrollbarProps } = props;\n const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$SCROLLBAR_NAME, props.__scopeScrollArea);\n const [computedStyle, setComputedStyle] = $fnFM9$useState();\n const ref = $fnFM9$useRef(null);\n const composeRefs = $fnFM9$useComposedRefs(forwardedRef, ref, context.onScrollbarYChange);\n $fnFM9$useEffect(()=>{\n if (ref.current) setComputedStyle(getComputedStyle(ref.current));\n }, [\n ref\n ]);\n return /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaScrollbarImpl, $fnFM9$babelruntimehelpersesmextends({\n \"data-orientation\": \"vertical\"\n }, scrollbarProps, {\n ref: composeRefs,\n sizes: sizes,\n style: {\n top: 0,\n right: context.dir === 'ltr' ? 0 : undefined,\n left: context.dir === 'rtl' ? 0 : undefined,\n bottom: 'var(--radix-scroll-area-corner-height)',\n ['--radix-scroll-area-thumb-height']: $57acba87d6e25586$var$getThumbSize(sizes) + 'px',\n ...props.style\n },\n onThumbPointerDown: (pointerPos)=>props.onThumbPointerDown(pointerPos.y)\n ,\n onDragScroll: (pointerPos)=>props.onDragScroll(pointerPos.y)\n ,\n onWheelScroll: (event, maxScrollPos)=>{\n if (context.viewport) {\n const scrollPos = context.viewport.scrollTop + event.deltaY;\n props.onWheelScroll(scrollPos); // prevent window scroll when wheeling on scrollbar\n if ($57acba87d6e25586$var$isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos)) event.preventDefault();\n }\n },\n onResize: ()=>{\n if (ref.current && context.viewport && computedStyle) onSizesChange({\n content: context.viewport.scrollHeight,\n viewport: context.viewport.offsetHeight,\n scrollbar: {\n size: ref.current.clientHeight,\n paddingStart: $57acba87d6e25586$var$toInt(computedStyle.paddingTop),\n paddingEnd: $57acba87d6e25586$var$toInt(computedStyle.paddingBottom)\n }\n });\n }\n }));\n});\n/* -----------------------------------------------------------------------------------------------*/ const [$57acba87d6e25586$var$ScrollbarProvider, $57acba87d6e25586$var$useScrollbarContext] = $57acba87d6e25586$var$createScrollAreaContext($57acba87d6e25586$var$SCROLLBAR_NAME);\nconst $57acba87d6e25586$var$ScrollAreaScrollbarImpl = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { __scopeScrollArea: __scopeScrollArea , sizes: sizes , hasThumb: hasThumb , onThumbChange: onThumbChange , onThumbPointerUp: onThumbPointerUp , onThumbPointerDown: onThumbPointerDown , onThumbPositionChange: onThumbPositionChange , onDragScroll: onDragScroll , onWheelScroll: onWheelScroll , onResize: onResize , ...scrollbarProps } = props;\n const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$SCROLLBAR_NAME, __scopeScrollArea);\n const [scrollbar, setScrollbar] = $fnFM9$useState(null);\n const composeRefs = $fnFM9$useComposedRefs(forwardedRef, (node)=>setScrollbar(node)\n );\n const rectRef = $fnFM9$useRef(null);\n const prevWebkitUserSelectRef = $fnFM9$useRef('');\n const viewport = context.viewport;\n const maxScrollPos = sizes.content - sizes.viewport;\n const handleWheelScroll = $fnFM9$useCallbackRef(onWheelScroll);\n const handleThumbPositionChange = $fnFM9$useCallbackRef(onThumbPositionChange);\n const handleResize = $57acba87d6e25586$var$useDebounceCallback(onResize, 10);\n function handleDragScroll(event) {\n if (rectRef.current) {\n const x = event.clientX - rectRef.current.left;\n const y = event.clientY - rectRef.current.top;\n onDragScroll({\n x: x,\n y: y\n });\n }\n }\n /**\n * We bind wheel event imperatively so we can switch off passive\n * mode for document wheel event to allow it to be prevented\n */ $fnFM9$useEffect(()=>{\n const handleWheel = (event)=>{\n const element = event.target;\n const isScrollbarWheel = scrollbar === null || scrollbar === void 0 ? void 0 : scrollbar.contains(element);\n if (isScrollbarWheel) handleWheelScroll(event, maxScrollPos);\n };\n document.addEventListener('wheel', handleWheel, {\n passive: false\n });\n return ()=>document.removeEventListener('wheel', handleWheel, {\n passive: false\n })\n ;\n }, [\n viewport,\n scrollbar,\n maxScrollPos,\n handleWheelScroll\n ]);\n /**\n * Update thumb position on sizes change\n */ $fnFM9$useEffect(handleThumbPositionChange, [\n sizes,\n handleThumbPositionChange\n ]);\n $57acba87d6e25586$var$useResizeObserver(scrollbar, handleResize);\n $57acba87d6e25586$var$useResizeObserver(context.content, handleResize);\n return /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollbarProvider, {\n scope: __scopeScrollArea,\n scrollbar: scrollbar,\n hasThumb: hasThumb,\n onThumbChange: $fnFM9$useCallbackRef(onThumbChange),\n onThumbPointerUp: $fnFM9$useCallbackRef(onThumbPointerUp),\n onThumbPositionChange: handleThumbPositionChange,\n onThumbPointerDown: $fnFM9$useCallbackRef(onThumbPointerDown)\n }, /*#__PURE__*/ $fnFM9$createElement($fnFM9$Primitive.div, $fnFM9$babelruntimehelpersesmextends({}, scrollbarProps, {\n ref: composeRefs,\n style: {\n position: 'absolute',\n ...scrollbarProps.style\n },\n onPointerDown: $fnFM9$composeEventHandlers(props.onPointerDown, (event)=>{\n const mainPointer = 0;\n if (event.button === mainPointer) {\n const element = event.target;\n element.setPointerCapture(event.pointerId);\n rectRef.current = scrollbar.getBoundingClientRect(); // pointer capture doesn't prevent text selection in Safari\n // so we remove text selection manually when scrolling\n prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect;\n document.body.style.webkitUserSelect = 'none';\n handleDragScroll(event);\n }\n }),\n onPointerMove: $fnFM9$composeEventHandlers(props.onPointerMove, handleDragScroll),\n onPointerUp: $fnFM9$composeEventHandlers(props.onPointerUp, (event)=>{\n const element = event.target;\n if (element.hasPointerCapture(event.pointerId)) element.releasePointerCapture(event.pointerId);\n document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current;\n rectRef.current = null;\n })\n })));\n});\n/* -------------------------------------------------------------------------------------------------\n * ScrollAreaThumb\n * -----------------------------------------------------------------------------------------------*/ const $57acba87d6e25586$var$THUMB_NAME = 'ScrollAreaThumb';\nconst $57acba87d6e25586$export$9fba1154677d7cd2 = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { forceMount: forceMount , ...thumbProps } = props;\n const scrollbarContext = $57acba87d6e25586$var$useScrollbarContext($57acba87d6e25586$var$THUMB_NAME, props.__scopeScrollArea);\n return /*#__PURE__*/ $fnFM9$createElement($fnFM9$Presence, {\n present: forceMount || scrollbarContext.hasThumb\n }, /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaThumbImpl, $fnFM9$babelruntimehelpersesmextends({\n ref: forwardedRef\n }, thumbProps)));\n});\nconst $57acba87d6e25586$var$ScrollAreaThumbImpl = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { __scopeScrollArea: __scopeScrollArea , style: style , ...thumbProps } = props;\n const scrollAreaContext = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$THUMB_NAME, __scopeScrollArea);\n const scrollbarContext = $57acba87d6e25586$var$useScrollbarContext($57acba87d6e25586$var$THUMB_NAME, __scopeScrollArea);\n const { onThumbPositionChange: onThumbPositionChange } = scrollbarContext;\n const composedRef = $fnFM9$useComposedRefs(forwardedRef, (node)=>scrollbarContext.onThumbChange(node)\n );\n const removeUnlinkedScrollListenerRef = $fnFM9$useRef();\n const debounceScrollEnd = $57acba87d6e25586$var$useDebounceCallback(()=>{\n if (removeUnlinkedScrollListenerRef.current) {\n removeUnlinkedScrollListenerRef.current();\n removeUnlinkedScrollListenerRef.current = undefined;\n }\n }, 100);\n $fnFM9$useEffect(()=>{\n const viewport = scrollAreaContext.viewport;\n if (viewport) {\n /**\n * We only bind to native scroll event so we know when scroll starts and ends.\n * When scroll starts we start a requestAnimationFrame loop that checks for\n * changes to scroll position. That rAF loop triggers our thumb position change\n * when relevant to avoid scroll-linked effects. We cancel the loop when scroll ends.\n * https://developer.mozilla.org/en-US/docs/Mozilla/Performance/Scroll-linked_effects\n */ const handleScroll = ()=>{\n debounceScrollEnd();\n if (!removeUnlinkedScrollListenerRef.current) {\n const listener = $57acba87d6e25586$var$addUnlinkedScrollListener(viewport, onThumbPositionChange);\n removeUnlinkedScrollListenerRef.current = listener;\n onThumbPositionChange();\n }\n };\n onThumbPositionChange();\n viewport.addEventListener('scroll', handleScroll);\n return ()=>viewport.removeEventListener('scroll', handleScroll)\n ;\n }\n }, [\n scrollAreaContext.viewport,\n debounceScrollEnd,\n onThumbPositionChange\n ]);\n return /*#__PURE__*/ $fnFM9$createElement($fnFM9$Primitive.div, $fnFM9$babelruntimehelpersesmextends({\n \"data-state\": scrollbarContext.hasThumb ? 'visible' : 'hidden'\n }, thumbProps, {\n ref: composedRef,\n style: {\n width: 'var(--radix-scroll-area-thumb-width)',\n height: 'var(--radix-scroll-area-thumb-height)',\n ...style\n },\n onPointerDownCapture: $fnFM9$composeEventHandlers(props.onPointerDownCapture, (event)=>{\n const thumb = event.target;\n const thumbRect = thumb.getBoundingClientRect();\n const x = event.clientX - thumbRect.left;\n const y = event.clientY - thumbRect.top;\n scrollbarContext.onThumbPointerDown({\n x: x,\n y: y\n });\n }),\n onPointerUp: $fnFM9$composeEventHandlers(props.onPointerUp, scrollbarContext.onThumbPointerUp)\n }));\n});\n/*#__PURE__*/ Object.assign($57acba87d6e25586$export$9fba1154677d7cd2, {\n displayName: $57acba87d6e25586$var$THUMB_NAME\n});\n/* -------------------------------------------------------------------------------------------------\n * ScrollAreaCorner\n * -----------------------------------------------------------------------------------------------*/ const $57acba87d6e25586$var$CORNER_NAME = 'ScrollAreaCorner';\nconst $57acba87d6e25586$export$56969d565df7cc4b = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$CORNER_NAME, props.__scopeScrollArea);\n const hasBothScrollbarsVisible = Boolean(context.scrollbarX && context.scrollbarY);\n const hasCorner = context.type !== 'scroll' && hasBothScrollbarsVisible;\n return hasCorner ? /*#__PURE__*/ $fnFM9$createElement($57acba87d6e25586$var$ScrollAreaCornerImpl, $fnFM9$babelruntimehelpersesmextends({}, props, {\n ref: forwardedRef\n })) : null;\n});\n/*#__PURE__*/ Object.assign($57acba87d6e25586$export$56969d565df7cc4b, {\n displayName: $57acba87d6e25586$var$CORNER_NAME\n});\n/* -----------------------------------------------------------------------------------------------*/ const $57acba87d6e25586$var$ScrollAreaCornerImpl = /*#__PURE__*/ $fnFM9$forwardRef((props, forwardedRef)=>{\n const { __scopeScrollArea: __scopeScrollArea , ...cornerProps } = props;\n const context = $57acba87d6e25586$var$useScrollAreaContext($57acba87d6e25586$var$CORNER_NAME, __scopeScrollArea);\n const [width1, setWidth] = $fnFM9$useState(0);\n const [height1, setHeight] = $fnFM9$useState(0);\n const hasSize = Boolean(width1 && height1);\n $57acba87d6e25586$var$useResizeObserver(context.scrollbarX, ()=>{\n var _context$scrollbarX;\n const height = ((_context$scrollbarX = context.scrollbarX) === null || _context$scrollbarX === void 0 ? void 0 : _context$scrollbarX.offsetHeight) || 0;\n context.onCornerHeightChange(height);\n setHeight(height);\n });\n $57acba87d6e25586$var$useResizeObserver(context.scrollbarY, ()=>{\n var _context$scrollbarY;\n const width = ((_context$scrollbarY = context.scrollbarY) === null || _context$scrollbarY === void 0 ? void 0 : _context$scrollbarY.offsetWidth) || 0;\n context.onCornerWidthChange(width);\n setWidth(width);\n });\n return hasSize ? /*#__PURE__*/ $fnFM9$createElement($fnFM9$Primitive.div, $fnFM9$babelruntimehelpersesmextends({}, cornerProps, {\n ref: forwardedRef,\n style: {\n width: width1,\n height: height1,\n position: 'absolute',\n right: context.dir === 'ltr' ? 0 : undefined,\n left: context.dir === 'rtl' ? 0 : undefined,\n bottom: 0,\n ...props.style\n }\n })) : null;\n});\n/* -----------------------------------------------------------------------------------------------*/ function $57acba87d6e25586$var$toInt(value) {\n return value ? parseInt(value, 10) : 0;\n}\nfunction $57acba87d6e25586$var$getThumbRatio(viewportSize, contentSize) {\n const ratio = viewportSize / contentSize;\n return isNaN(ratio) ? 0 : ratio;\n}\nfunction $57acba87d6e25586$var$getThumbSize(sizes) {\n const ratio = $57acba87d6e25586$var$getThumbRatio(sizes.viewport, sizes.content);\n const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;\n const thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio; // minimum of 18 matches macOS minimum\n return Math.max(thumbSize, 18);\n}\nfunction $57acba87d6e25586$var$getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = 'ltr') {\n const thumbSizePx = $57acba87d6e25586$var$getThumbSize(sizes);\n const thumbCenter = thumbSizePx / 2;\n const offset = pointerOffset || thumbCenter;\n const thumbOffsetFromEnd = thumbSizePx - offset;\n const minPointerPos = sizes.scrollbar.paddingStart + offset;\n const maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd;\n const maxScrollPos = sizes.content - sizes.viewport;\n const scrollRange = dir === 'ltr' ? [\n 0,\n maxScrollPos\n ] : [\n maxScrollPos * -1,\n 0\n ];\n const interpolate = $57acba87d6e25586$var$linearScale([\n minPointerPos,\n maxPointerPos\n ], scrollRange);\n return interpolate(pointerPos);\n}\nfunction $57acba87d6e25586$var$getThumbOffsetFromScroll(scrollPos, sizes, dir = 'ltr') {\n const thumbSizePx = $57acba87d6e25586$var$getThumbSize(sizes);\n const scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd;\n const scrollbar = sizes.scrollbar.size - scrollbarPadding;\n const maxScrollPos = sizes.content - sizes.viewport;\n const maxThumbPos = scrollbar - thumbSizePx;\n const scrollClampRange = dir === 'ltr' ? [\n 0,\n maxScrollPos\n ] : [\n maxScrollPos * -1,\n 0\n ];\n const scrollWithoutMomentum = $fnFM9$clamp(scrollPos, scrollClampRange);\n const interpolate = $57acba87d6e25586$var$linearScale([\n 0,\n maxScrollPos\n ], [\n 0,\n maxThumbPos\n ]);\n return interpolate(scrollWithoutMomentum);\n} // https://github.com/tmcw-up-for-adoption/simple-linear-scale/blob/master/index.js\nfunction $57acba87d6e25586$var$linearScale(input, output) {\n return (value)=>{\n if (input[0] === input[1] || output[0] === output[1]) return output[0];\n const ratio = (output[1] - output[0]) / (input[1] - input[0]);\n return output[0] + ratio * (value - input[0]);\n };\n}\nfunction $57acba87d6e25586$var$isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {\n return scrollPos > 0 && scrollPos < maxScrollPos;\n} // Custom scroll handler to avoid scroll-linked effects\n// https://developer.mozilla.org/en-US/docs/Mozilla/Performance/Scroll-linked_effects\nconst $57acba87d6e25586$var$addUnlinkedScrollListener = (node, handler = ()=>{})=>{\n let prevPosition = {\n left: node.scrollLeft,\n top: node.scrollTop\n };\n let rAF = 0;\n (function loop() {\n const position = {\n left: node.scrollLeft,\n top: node.scrollTop\n };\n const isHorizontalScroll = prevPosition.left !== position.left;\n const isVerticalScroll = prevPosition.top !== position.top;\n if (isHorizontalScroll || isVerticalScroll) handler();\n prevPosition = position;\n rAF = window.requestAnimationFrame(loop);\n })();\n return ()=>window.cancelAnimationFrame(rAF)\n ;\n};\nfunction $57acba87d6e25586$var$useDebounceCallback(callback, delay) {\n const handleCallback = $fnFM9$useCallbackRef(callback);\n const debounceTimerRef = $fnFM9$useRef(0);\n $fnFM9$useEffect(()=>()=>window.clearTimeout(debounceTimerRef.current)\n , []);\n return $fnFM9$useCallback(()=>{\n window.clearTimeout(debounceTimerRef.current);\n debounceTimerRef.current = window.setTimeout(handleCallback, delay);\n }, [\n handleCallback,\n delay\n ]);\n}\nfunction $57acba87d6e25586$var$useResizeObserver(element, onResize) {\n const handleResize = $fnFM9$useCallbackRef(onResize);\n $fnFM9$useLayoutEffect(()=>{\n let rAF = 0;\n if (element) {\n /**\n * Resize Observer will throw an often benign error that says `ResizeObserver loop\n * completed with undelivered notifications`. This means that ResizeObserver was not\n * able to deliver all observations within a single animation frame, so we use\n * `requestAnimationFrame` to ensure we don't deliver unnecessary observations.\n * Further reading: https://github.com/WICG/resize-observer/issues/38\n */ const resizeObserver = new ResizeObserver(()=>{\n cancelAnimationFrame(rAF);\n rAF = window.requestAnimationFrame(handleResize);\n });\n resizeObserver.observe(element);\n return ()=>{\n window.cancelAnimationFrame(rAF);\n resizeObserver.unobserve(element);\n };\n }\n }, [\n element,\n handleResize\n ]);\n}\n/* -----------------------------------------------------------------------------------------------*/ const $57acba87d6e25586$export$be92b6f5f03c0fe9 = $57acba87d6e25586$export$ccf8d8d7bbf3c2cc;\nconst $57acba87d6e25586$export$d5c6c08dc2d3ca7 = $57acba87d6e25586$export$a21cbf9f11fca853;\nconst $57acba87d6e25586$export$9a4e88b92edfce6b = $57acba87d6e25586$export$2fabd85d0eba3c57;\nconst $57acba87d6e25586$export$6521433ed15a34db = $57acba87d6e25586$export$9fba1154677d7cd2;\nconst $57acba87d6e25586$export$ac61190d9fc311a9 = $57acba87d6e25586$export$56969d565df7cc4b;\n\n\n\n\nexport {$57acba87d6e25586$export$488468afe3a6f2b1 as createScrollAreaScope, $57acba87d6e25586$export$ccf8d8d7bbf3c2cc as ScrollArea, $57acba87d6e25586$export$a21cbf9f11fca853 as ScrollAreaViewport, $57acba87d6e25586$export$2fabd85d0eba3c57 as ScrollAreaScrollbar, $57acba87d6e25586$export$9fba1154677d7cd2 as ScrollAreaThumb, $57acba87d6e25586$export$56969d565df7cc4b as ScrollAreaCorner, $57acba87d6e25586$export$be92b6f5f03c0fe9 as Root, $57acba87d6e25586$export$d5c6c08dc2d3ca7 as Viewport, $57acba87d6e25586$export$9a4e88b92edfce6b as Scrollbar, $57acba87d6e25586$export$6521433ed15a34db as Thumb, $57acba87d6e25586$export$ac61190d9fc311a9 as Corner};\n//# sourceMappingURL=index.module.js.map\n","function $ae6933e535247d3d$export$7d15b64cf5a3a4c4(value, [min, max]) {\n return Math.min(max, Math.max(min, value));\n}\n\n\n\n\nexport {$ae6933e535247d3d$export$7d15b64cf5a3a4c4 as clamp};\n//# sourceMappingURL=index.module.js.map\n","import { createStyles, rem, getStylesRef } from '@mantine/styles';\n\nvar useStyles = createStyles((theme, { scrollbarSize, offsetScrollbars, scrollbarHovered, hidden }) => ({\n root: {\n overflow: \"hidden\"\n },\n viewport: {\n width: \"100%\",\n height: \"100%\",\n paddingRight: offsetScrollbars ? rem(scrollbarSize) : void 0,\n paddingBottom: offsetScrollbars ? rem(scrollbarSize) : void 0\n },\n scrollbar: {\n display: hidden ? \"none\" : \"flex\",\n userSelect: \"none\",\n touchAction: \"none\",\n boxSizing: \"border-box\",\n padding: `calc(${rem(scrollbarSize)} / 5)`,\n transition: \"background-color 150ms ease, opacity 150ms ease\",\n \"&:hover\": {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[8] : theme.colors.gray[0],\n [`& .${getStylesRef(\"thumb\")}`]: {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.fn.rgba(theme.white, 0.5) : theme.fn.rgba(theme.black, 0.5)\n }\n },\n '&[data-orientation=\"vertical\"]': {\n width: rem(scrollbarSize)\n },\n '&[data-orientation=\"horizontal\"]': {\n flexDirection: \"column\",\n height: rem(scrollbarSize)\n },\n '&[data-state=\"hidden\"]': {\n display: \"none\",\n opacity: 0\n }\n },\n thumb: {\n ref: getStylesRef(\"thumb\"),\n flex: 1,\n backgroundColor: theme.colorScheme === \"dark\" ? theme.fn.rgba(theme.white, 0.4) : theme.fn.rgba(theme.black, 0.4),\n borderRadius: rem(scrollbarSize),\n position: \"relative\",\n transition: \"background-color 150ms ease\",\n display: hidden ? \"none\" : void 0,\n overflow: \"hidden\",\n \"&::before\": {\n content: '\"\"',\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n width: \"100%\",\n height: \"100%\",\n minWidth: rem(44),\n minHeight: rem(44)\n }\n },\n corner: {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.colors.gray[0],\n transition: \"opacity 150ms ease\",\n opacity: scrollbarHovered ? 1 : 0,\n display: hidden ? \"none\" : void 0\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=ScrollArea.styles.js.map\n","import React, { forwardRef, useState } from 'react';\nimport * as RadixScrollArea from '@radix-ui/react-scroll-area';\nimport { useComponentDefaultProps, useMantineTheme } from '@mantine/styles';\nimport { packSx } from '@mantine/utils';\nimport useStyles from './ScrollArea.styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n scrollbarSize: 12,\n scrollHideDelay: 1e3,\n type: \"hover\",\n offsetScrollbars: false\n};\nconst _ScrollArea = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"ScrollArea\", defaultProps, props), {\n children,\n className,\n classNames,\n styles,\n scrollbarSize,\n scrollHideDelay,\n type,\n dir,\n offsetScrollbars,\n viewportRef,\n onScrollPositionChange,\n unstyled,\n variant,\n viewportProps\n } = _a, others = __objRest(_a, [\n \"children\",\n \"className\",\n \"classNames\",\n \"styles\",\n \"scrollbarSize\",\n \"scrollHideDelay\",\n \"type\",\n \"dir\",\n \"offsetScrollbars\",\n \"viewportRef\",\n \"onScrollPositionChange\",\n \"unstyled\",\n \"variant\",\n \"viewportProps\"\n ]);\n const [scrollbarHovered, setScrollbarHovered] = useState(false);\n const theme = useMantineTheme();\n const { classes, cx } = useStyles({ scrollbarSize, offsetScrollbars, scrollbarHovered, hidden: type === \"never\" }, { name: \"ScrollArea\", classNames, styles, unstyled, variant });\n return /* @__PURE__ */ React.createElement(RadixScrollArea.Root, {\n type: type === \"never\" ? \"always\" : type,\n scrollHideDelay,\n dir: dir || theme.dir,\n ref,\n asChild: true\n }, /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.root, className)\n }, others), /* @__PURE__ */ React.createElement(RadixScrollArea.Viewport, __spreadProps(__spreadValues({}, viewportProps), {\n className: classes.viewport,\n ref: viewportRef,\n onScroll: typeof onScrollPositionChange === \"function\" ? ({ currentTarget }) => onScrollPositionChange({\n x: currentTarget.scrollLeft,\n y: currentTarget.scrollTop\n }) : void 0\n }), children), /* @__PURE__ */ React.createElement(RadixScrollArea.Scrollbar, {\n orientation: \"horizontal\",\n className: classes.scrollbar,\n forceMount: true,\n onMouseEnter: () => setScrollbarHovered(true),\n onMouseLeave: () => setScrollbarHovered(false)\n }, /* @__PURE__ */ React.createElement(RadixScrollArea.Thumb, {\n className: classes.thumb\n })), /* @__PURE__ */ React.createElement(RadixScrollArea.Scrollbar, {\n orientation: \"vertical\",\n className: classes.scrollbar,\n forceMount: true,\n onMouseEnter: () => setScrollbarHovered(true),\n onMouseLeave: () => setScrollbarHovered(false)\n }, /* @__PURE__ */ React.createElement(RadixScrollArea.Thumb, {\n className: classes.thumb\n })), /* @__PURE__ */ React.createElement(RadixScrollArea.Corner, {\n className: classes.corner\n })));\n});\nconst ScrollAreaAutosize = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"ScrollAreaAutosize\", defaultProps, props), {\n children,\n classNames,\n styles,\n scrollbarSize,\n scrollHideDelay,\n type,\n dir,\n offsetScrollbars,\n viewportRef,\n onScrollPositionChange,\n unstyled,\n sx,\n variant,\n viewportProps\n } = _a, others = __objRest(_a, [\n \"children\",\n \"classNames\",\n \"styles\",\n \"scrollbarSize\",\n \"scrollHideDelay\",\n \"type\",\n \"dir\",\n \"offsetScrollbars\",\n \"viewportRef\",\n \"onScrollPositionChange\",\n \"unstyled\",\n \"sx\",\n \"variant\",\n \"viewportProps\"\n ]);\n return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, others), {\n ref,\n sx: [{ display: \"flex\" }, ...packSx(sx)]\n }), /* @__PURE__ */ React.createElement(Box, {\n sx: { display: \"flex\", flexDirection: \"column\", flex: 1 }\n }, /* @__PURE__ */ React.createElement(_ScrollArea, {\n classNames,\n styles,\n scrollHideDelay,\n scrollbarSize,\n type,\n dir,\n offsetScrollbars,\n viewportRef,\n onScrollPositionChange,\n unstyled,\n variant,\n viewportProps\n }, children)));\n});\nScrollAreaAutosize.displayName = \"@mantine/core/ScrollAreaAutosize\";\n_ScrollArea.displayName = \"@mantine/core/ScrollArea\";\n_ScrollArea.Autosize = ScrollAreaAutosize;\nconst ScrollArea = _ScrollArea;\n\nexport { ScrollArea, _ScrollArea };\n//# sourceMappingURL=ScrollArea.js.map\n","import React, { forwardRef } from 'react';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst DefaultItem = forwardRef((_a, ref) => {\n var _b = _a, { label, value } = _b, others = __objRest(_b, [\"label\", \"value\"]);\n return /* @__PURE__ */ React.createElement(\"div\", __spreadValues({\n ref\n }, others), label || value);\n});\nDefaultItem.displayName = \"@mantine/core/DefaultItem\";\n\nexport { DefaultItem };\n//# sourceMappingURL=DefaultItem.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar useStyles = createStyles(() => ({\n input: {\n \"&:not(:disabled)\": {\n cursor: \"pointer\",\n \"&::selection\": {\n backgroundColor: \"transparent\"\n }\n }\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Select.styles.js.map\n","import React, { forwardRef, useState, useRef, useEffect } from 'react';\nimport { useScrollIntoView, useUncontrolled, useDidUpdate, useMergedRef } from '@mantine/hooks';\nimport { getDefaultZIndex } from '@mantine/styles';\nimport { groupOptions } from '@mantine/utils';\nimport { SelectScrollArea } from './SelectScrollArea/SelectScrollArea.js';\nimport { DefaultItem } from './DefaultItem/DefaultItem.js';\nimport { getSelectRightSectionProps } from './SelectRightSection/get-select-right-section-props.js';\nimport { SelectItems } from './SelectItems/SelectItems.js';\nimport { SelectPopover } from './SelectPopover/SelectPopover.js';\nimport { filterData } from './filter-data/filter-data.js';\nimport useStyles from './Select.styles.js';\nimport { useInputProps } from '../Input/use-input-props.js';\nimport { Input } from '../Input/Input.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction defaultFilter(value, item) {\n return item.label.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\nfunction defaultShouldCreate(query, data) {\n return !!query && !data.some((item) => item.label.toLowerCase() === query.toLowerCase());\n}\nconst defaultProps = {\n required: false,\n size: \"sm\",\n shadow: \"sm\",\n itemComponent: DefaultItem,\n transitionProps: { transition: \"fade\", duration: 0 },\n initiallyOpened: false,\n filter: defaultFilter,\n maxDropdownHeight: 220,\n searchable: false,\n clearable: false,\n limit: Infinity,\n disabled: false,\n creatable: false,\n shouldCreate: defaultShouldCreate,\n selectOnBlur: false,\n switchDirectionOnFlip: false,\n filterDataOnExactSearchMatch: false,\n zIndex: getDefaultZIndex(\"popover\"),\n positionDependencies: [],\n dropdownPosition: \"flip\"\n};\nconst Select = forwardRef((props, ref) => {\n const _a = useInputProps(\"Select\", defaultProps, props), {\n inputProps,\n wrapperProps,\n shadow,\n data,\n value,\n defaultValue,\n onChange,\n itemComponent,\n onKeyDown,\n onBlur,\n onFocus,\n transitionProps,\n initiallyOpened,\n unstyled,\n classNames,\n styles,\n filter,\n maxDropdownHeight,\n searchable,\n clearable,\n nothingFound,\n limit,\n disabled,\n onSearchChange,\n searchValue,\n rightSection,\n rightSectionWidth,\n creatable,\n getCreateLabel,\n shouldCreate,\n selectOnBlur,\n onCreate,\n dropdownComponent,\n onDropdownClose,\n onDropdownOpen,\n withinPortal,\n portalProps,\n switchDirectionOnFlip,\n zIndex,\n name,\n dropdownPosition,\n allowDeselect,\n placeholder,\n filterDataOnExactSearchMatch,\n form,\n positionDependencies,\n readOnly,\n clearButtonProps,\n hoverOnSearchChange\n } = _a, others = __objRest(_a, [\n \"inputProps\",\n \"wrapperProps\",\n \"shadow\",\n \"data\",\n \"value\",\n \"defaultValue\",\n \"onChange\",\n \"itemComponent\",\n \"onKeyDown\",\n \"onBlur\",\n \"onFocus\",\n \"transitionProps\",\n \"initiallyOpened\",\n \"unstyled\",\n \"classNames\",\n \"styles\",\n \"filter\",\n \"maxDropdownHeight\",\n \"searchable\",\n \"clearable\",\n \"nothingFound\",\n \"limit\",\n \"disabled\",\n \"onSearchChange\",\n \"searchValue\",\n \"rightSection\",\n \"rightSectionWidth\",\n \"creatable\",\n \"getCreateLabel\",\n \"shouldCreate\",\n \"selectOnBlur\",\n \"onCreate\",\n \"dropdownComponent\",\n \"onDropdownClose\",\n \"onDropdownOpen\",\n \"withinPortal\",\n \"portalProps\",\n \"switchDirectionOnFlip\",\n \"zIndex\",\n \"name\",\n \"dropdownPosition\",\n \"allowDeselect\",\n \"placeholder\",\n \"filterDataOnExactSearchMatch\",\n \"form\",\n \"positionDependencies\",\n \"readOnly\",\n \"clearButtonProps\",\n \"hoverOnSearchChange\"\n ]);\n const { classes, cx, theme } = useStyles();\n const [dropdownOpened, _setDropdownOpened] = useState(initiallyOpened);\n const [hovered, setHovered] = useState(-1);\n const inputRef = useRef();\n const itemsRefs = useRef({});\n const [direction, setDirection] = useState(\"column\");\n const isColumn = direction === \"column\";\n const { scrollIntoView, targetRef, scrollableRef } = useScrollIntoView({\n duration: 0,\n offset: 5,\n cancelable: false,\n isList: true\n });\n const isDeselectable = allowDeselect === void 0 ? clearable : allowDeselect;\n const setDropdownOpened = (opened) => {\n if (dropdownOpened !== opened) {\n _setDropdownOpened(opened);\n const handler = opened ? onDropdownOpen : onDropdownClose;\n typeof handler === \"function\" && handler();\n }\n };\n const isCreatable = creatable && typeof getCreateLabel === \"function\";\n let createLabel = null;\n const formattedData = data.map((item) => typeof item === \"string\" ? { label: item, value: item } : item);\n const sortedData = groupOptions({ data: formattedData });\n const [_value, handleChange, controlled] = useUncontrolled({\n value,\n defaultValue,\n finalValue: null,\n onChange\n });\n const selectedValue = sortedData.find((item) => item.value === _value);\n const [inputValue, setInputValue] = useUncontrolled({\n value: searchValue,\n defaultValue: (selectedValue == null ? void 0 : selectedValue.label) || \"\",\n finalValue: void 0,\n onChange: onSearchChange\n });\n const handleSearchChange = (val) => {\n setInputValue(val);\n if (searchable && typeof onSearchChange === \"function\") {\n onSearchChange(val);\n }\n };\n const handleClear = () => {\n var _a2;\n if (!readOnly) {\n handleChange(null);\n if (!controlled) {\n handleSearchChange(\"\");\n }\n (_a2 = inputRef.current) == null ? void 0 : _a2.focus();\n }\n };\n useEffect(() => {\n const newSelectedValue = sortedData.find((item) => item.value === _value);\n if (newSelectedValue) {\n handleSearchChange(newSelectedValue.label);\n } else if (!isCreatable || !_value) {\n handleSearchChange(\"\");\n }\n }, [_value]);\n useEffect(() => {\n if (selectedValue && (!searchable || !dropdownOpened)) {\n handleSearchChange(selectedValue.label);\n }\n }, [selectedValue == null ? void 0 : selectedValue.label]);\n const handleItemSelect = (item) => {\n if (!readOnly) {\n if (isDeselectable && (selectedValue == null ? void 0 : selectedValue.value) === item.value) {\n handleChange(null);\n setDropdownOpened(false);\n } else {\n if (item.creatable && typeof onCreate === \"function\") {\n const createdItem = onCreate(item.value);\n if (typeof createdItem !== \"undefined\" && createdItem !== null) {\n if (typeof createdItem === \"string\") {\n handleChange(createdItem);\n } else {\n handleChange(createdItem.value);\n }\n }\n } else {\n handleChange(item.value);\n }\n if (!controlled) {\n handleSearchChange(item.label);\n }\n setHovered(-1);\n setDropdownOpened(false);\n inputRef.current.focus();\n }\n }\n };\n const filteredData = filterData({\n data: sortedData,\n searchable,\n limit,\n searchValue: inputValue,\n filter,\n filterDataOnExactSearchMatch,\n value: _value\n });\n if (isCreatable && shouldCreate(inputValue, filteredData)) {\n createLabel = getCreateLabel(inputValue);\n filteredData.push({ label: inputValue, value: inputValue, creatable: true });\n }\n const getNextIndex = (index, nextItem, compareFn) => {\n let i = index;\n while (compareFn(i)) {\n i = nextItem(i);\n if (!filteredData[i].disabled)\n return i;\n }\n return index;\n };\n useDidUpdate(() => {\n if (hoverOnSearchChange && inputValue) {\n setHovered(0);\n } else {\n setHovered(-1);\n }\n }, [inputValue, hoverOnSearchChange]);\n const selectedItemIndex = _value ? filteredData.findIndex((el) => el.value === _value) : 0;\n const shouldShowDropdown = !readOnly && (filteredData.length > 0 ? dropdownOpened : dropdownOpened && !!nothingFound);\n const handlePrevious = () => {\n setHovered((current) => {\n var _a2;\n const nextIndex = getNextIndex(current, (index) => index - 1, (index) => index > 0);\n targetRef.current = itemsRefs.current[(_a2 = filteredData[nextIndex]) == null ? void 0 : _a2.value];\n shouldShowDropdown && scrollIntoView({ alignment: isColumn ? \"start\" : \"end\" });\n return nextIndex;\n });\n };\n const handleNext = () => {\n setHovered((current) => {\n var _a2;\n const nextIndex = getNextIndex(current, (index) => index + 1, (index) => index < filteredData.length - 1);\n targetRef.current = itemsRefs.current[(_a2 = filteredData[nextIndex]) == null ? void 0 : _a2.value];\n shouldShowDropdown && scrollIntoView({ alignment: isColumn ? \"end\" : \"start\" });\n return nextIndex;\n });\n };\n const scrollSelectedItemIntoView = () => window.setTimeout(() => {\n var _a2;\n targetRef.current = itemsRefs.current[(_a2 = filteredData[selectedItemIndex]) == null ? void 0 : _a2.value];\n scrollIntoView({ alignment: isColumn ? \"end\" : \"start\" });\n }, 50);\n useDidUpdate(() => {\n if (shouldShowDropdown)\n scrollSelectedItemIntoView();\n }, [shouldShowDropdown]);\n const handleInputKeydown = (event) => {\n typeof onKeyDown === \"function\" && onKeyDown(event);\n switch (event.key) {\n case \"ArrowUp\": {\n event.preventDefault();\n if (!dropdownOpened) {\n setHovered(selectedItemIndex);\n setDropdownOpened(true);\n scrollSelectedItemIntoView();\n } else {\n isColumn ? handlePrevious() : handleNext();\n }\n break;\n }\n case \"ArrowDown\": {\n event.preventDefault();\n if (!dropdownOpened) {\n setHovered(selectedItemIndex);\n setDropdownOpened(true);\n scrollSelectedItemIntoView();\n } else {\n isColumn ? handleNext() : handlePrevious();\n }\n break;\n }\n case \"Home\": {\n if (!searchable) {\n event.preventDefault();\n if (!dropdownOpened) {\n setDropdownOpened(true);\n }\n const firstItemIndex = filteredData.findIndex((item) => !item.disabled);\n setHovered(firstItemIndex);\n shouldShowDropdown && scrollIntoView({ alignment: isColumn ? \"end\" : \"start\" });\n }\n break;\n }\n case \"End\": {\n if (!searchable) {\n event.preventDefault();\n if (!dropdownOpened) {\n setDropdownOpened(true);\n }\n const lastItemIndex = filteredData.map((item) => !!item.disabled).lastIndexOf(false);\n setHovered(lastItemIndex);\n shouldShowDropdown && scrollIntoView({ alignment: isColumn ? \"end\" : \"start\" });\n }\n break;\n }\n case \"Escape\": {\n event.preventDefault();\n setDropdownOpened(false);\n setHovered(-1);\n break;\n }\n case \" \": {\n if (!searchable) {\n event.preventDefault();\n if (filteredData[hovered] && dropdownOpened) {\n handleItemSelect(filteredData[hovered]);\n } else {\n setDropdownOpened(true);\n setHovered(selectedItemIndex);\n scrollSelectedItemIntoView();\n }\n }\n break;\n }\n case \"Enter\": {\n if (!searchable) {\n event.preventDefault();\n }\n if (filteredData[hovered] && dropdownOpened) {\n event.preventDefault();\n handleItemSelect(filteredData[hovered]);\n }\n }\n }\n };\n const handleInputBlur = (event) => {\n typeof onBlur === \"function\" && onBlur(event);\n const selected = sortedData.find((item) => item.value === _value);\n if (selectOnBlur && filteredData[hovered] && dropdownOpened) {\n handleItemSelect(filteredData[hovered]);\n }\n handleSearchChange((selected == null ? void 0 : selected.label) || \"\");\n setDropdownOpened(false);\n };\n const handleInputFocus = (event) => {\n typeof onFocus === \"function\" && onFocus(event);\n if (searchable) {\n setDropdownOpened(true);\n }\n };\n const handleInputChange = (event) => {\n if (!readOnly) {\n handleSearchChange(event.currentTarget.value);\n if (clearable && event.currentTarget.value === \"\") {\n handleChange(null);\n }\n setHovered(-1);\n setDropdownOpened(true);\n }\n };\n const handleInputClick = () => {\n if (!readOnly) {\n setDropdownOpened(!dropdownOpened);\n if (_value && !dropdownOpened) {\n setHovered(selectedItemIndex);\n }\n }\n };\n return /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadProps(__spreadValues({}, wrapperProps), {\n __staticSelector: \"Select\"\n }), /* @__PURE__ */ React.createElement(SelectPopover, {\n opened: shouldShowDropdown,\n transitionProps,\n shadow,\n withinPortal,\n portalProps,\n __staticSelector: \"Select\",\n onDirectionChange: setDirection,\n switchDirectionOnFlip,\n zIndex,\n dropdownPosition,\n positionDependencies: [...positionDependencies, inputValue],\n classNames,\n styles,\n unstyled,\n variant: inputProps.variant\n }, /* @__PURE__ */ React.createElement(SelectPopover.Target, null, /* @__PURE__ */ React.createElement(\"div\", {\n role: \"combobox\",\n \"aria-haspopup\": \"listbox\",\n \"aria-owns\": shouldShowDropdown ? `${inputProps.id}-items` : null,\n \"aria-controls\": inputProps.id,\n \"aria-expanded\": shouldShowDropdown,\n onMouseLeave: () => setHovered(-1),\n tabIndex: -1\n }, /* @__PURE__ */ React.createElement(\"input\", {\n type: \"hidden\",\n name,\n value: _value || \"\",\n form,\n disabled\n }), /* @__PURE__ */ React.createElement(Input, __spreadValues(__spreadProps(__spreadValues(__spreadValues({\n autoComplete: \"off\",\n type: \"search\"\n }, inputProps), others), {\n ref: useMergedRef(ref, inputRef),\n onKeyDown: handleInputKeydown,\n __staticSelector: \"Select\",\n value: inputValue,\n placeholder,\n onChange: handleInputChange,\n \"aria-autocomplete\": \"list\",\n \"aria-controls\": shouldShowDropdown ? `${inputProps.id}-items` : null,\n \"aria-activedescendant\": hovered >= 0 ? `${inputProps.id}-${hovered}` : null,\n onMouseDown: handleInputClick,\n onBlur: handleInputBlur,\n onFocus: handleInputFocus,\n readOnly: !searchable || readOnly,\n disabled,\n \"data-mantine-stop-propagation\": shouldShowDropdown,\n name: null,\n classNames: __spreadProps(__spreadValues({}, classNames), {\n input: cx({ [classes.input]: !searchable }, classNames == null ? void 0 : classNames.input)\n })\n }), getSelectRightSectionProps({\n theme,\n rightSection,\n rightSectionWidth,\n styles,\n size: inputProps.size,\n shouldClear: clearable && !!selectedValue,\n onClear: handleClear,\n error: wrapperProps.error,\n clearButtonProps,\n disabled,\n readOnly\n }))))), /* @__PURE__ */ React.createElement(SelectPopover.Dropdown, {\n component: dropdownComponent || SelectScrollArea,\n maxHeight: maxDropdownHeight,\n direction,\n id: inputProps.id,\n innerRef: scrollableRef,\n __staticSelector: \"Select\",\n classNames,\n styles\n }, /* @__PURE__ */ React.createElement(SelectItems, {\n data: filteredData,\n hovered,\n classNames,\n styles,\n isItemSelected: (val) => val === _value,\n uuid: inputProps.id,\n __staticSelector: \"Select\",\n onItemHover: setHovered,\n onItemSelect: handleItemSelect,\n itemsRefs,\n itemComponent,\n size: inputProps.size,\n nothingFound,\n creatable: isCreatable && !!createLabel,\n createLabel,\n \"aria-label\": wrapperProps.label,\n unstyled,\n variant: inputProps.variant\n }))));\n});\nSelect.displayName = \"@mantine/core/Select\";\n\nexport { Select, defaultFilter, defaultShouldCreate };\n//# sourceMappingURL=Select.js.map\n","function filterData({\n data,\n searchable,\n limit,\n searchValue,\n filter,\n value,\n filterDataOnExactSearchMatch\n}) {\n if (!searchable) {\n return data;\n }\n const selected = value != null ? data.find((item) => item.value === value) || null : null;\n if (selected && !filterDataOnExactSearchMatch && (selected == null ? void 0 : selected.label) === searchValue) {\n if (limit) {\n if (limit >= data.length) {\n return data;\n }\n const firstIndex = data.indexOf(selected);\n const lastIndex = firstIndex + limit;\n const firstIndexOffset = lastIndex - data.length;\n if (firstIndexOffset > 0) {\n return data.slice(firstIndex - firstIndexOffset);\n }\n return data.slice(firstIndex, lastIndex);\n }\n return data;\n }\n const result = [];\n for (let i = 0; i < data.length; i += 1) {\n if (filter(searchValue, data[i])) {\n result.push(data[i]);\n }\n if (result.length >= limit) {\n break;\n }\n }\n return result;\n}\n\nexport { filterData };\n//# sourceMappingURL=filter-data.js.map\n","import { createStyles, rem, getSize } from '@mantine/styles';\n\nconst sizes = {\n xs: rem(1),\n sm: rem(2),\n md: rem(3),\n lg: rem(4),\n xl: rem(5)\n};\nfunction getColor(theme, color) {\n const themeColor = theme.fn.variant({ variant: \"outline\", color }).border;\n return typeof color === \"string\" && (color in theme.colors || color.split(\".\")[0] in theme.colors) ? themeColor : color === void 0 ? theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[4] : color;\n}\nvar useStyles = createStyles((theme, { color }, { size, variant }) => ({\n root: {},\n withLabel: {\n borderTop: \"0 !important\"\n },\n left: {\n \"&::before\": {\n display: \"none\"\n }\n },\n right: {\n \"&::after\": {\n display: \"none\"\n }\n },\n label: {\n display: \"flex\",\n alignItems: \"center\",\n \"&::before\": {\n content: '\"\"',\n flex: 1,\n height: rem(1),\n borderTop: `${getSize({ size, sizes })} ${variant} ${getColor(theme, color)}`,\n marginRight: theme.spacing.xs\n },\n \"&::after\": {\n content: '\"\"',\n flex: 1,\n borderTop: `${getSize({ size, sizes })} ${variant} ${getColor(theme, color)}`,\n marginLeft: theme.spacing.xs\n }\n },\n labelDefaultStyles: {\n color: color === \"dark\" ? theme.colors.dark[1] : theme.fn.themeColor(color, theme.colorScheme === \"dark\" ? 5 : theme.fn.primaryShade(), false)\n },\n horizontal: {\n border: 0,\n borderTopWidth: rem(getSize({ size, sizes })),\n borderTopColor: getColor(theme, color),\n borderTopStyle: variant,\n margin: 0\n },\n vertical: {\n border: 0,\n alignSelf: \"stretch\",\n height: \"auto\",\n borderLeftWidth: rem(getSize({ size, sizes })),\n borderLeftColor: getColor(theme, color),\n borderLeftStyle: variant\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Divider.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, rem } from '@mantine/styles';\nimport useStyles from './Divider.styles.js';\nimport { Box } from '../Box/Box.js';\nimport { Text } from '../Text/Text.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n orientation: \"horizontal\",\n size: \"xs\",\n labelPosition: \"left\",\n variant: \"solid\"\n};\nconst Divider = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Divider\", defaultProps, props), {\n className,\n color,\n orientation,\n size,\n label,\n labelPosition,\n labelProps,\n variant,\n styles,\n classNames,\n unstyled\n } = _a, others = __objRest(_a, [\n \"className\",\n \"color\",\n \"orientation\",\n \"size\",\n \"label\",\n \"labelPosition\",\n \"labelProps\",\n \"variant\",\n \"styles\",\n \"classNames\",\n \"unstyled\"\n ]);\n const { classes, cx } = useStyles({ color }, { classNames, styles, unstyled, name: \"Divider\", variant, size });\n const vertical = orientation === \"vertical\";\n const horizontal = orientation === \"horizontal\";\n const withLabel = !!label && horizontal;\n const useLabelDefaultStyles = !(labelProps == null ? void 0 : labelProps.color);\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n ref,\n className: cx(classes.root, {\n [classes.vertical]: vertical,\n [classes.horizontal]: horizontal,\n [classes.withLabel]: withLabel\n }, className),\n role: \"separator\"\n }, others), withLabel && /* @__PURE__ */ React.createElement(Text, __spreadProps(__spreadValues({}, labelProps), {\n size: (labelProps == null ? void 0 : labelProps.size) || \"xs\",\n mt: rem(2),\n className: cx(classes.label, classes[labelPosition], {\n [classes.labelDefaultStyles]: useLabelDefaultStyles\n })\n }), label));\n});\nDivider.displayName = \"@mantine/core/Divider\";\n\nexport { Divider };\n//# sourceMappingURL=Divider.js.map\n","import { createStyles, getSize } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme, _params, { size }) => ({\n item: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {\n boxSizing: \"border-box\",\n wordBreak: \"break-all\",\n textAlign: \"left\",\n width: \"100%\",\n padding: `calc(${getSize({ size, sizes: theme.spacing })} / 1.5) ${getSize({\n size,\n sizes: theme.spacing\n })}`,\n cursor: \"pointer\",\n fontSize: getSize({ size, sizes: theme.fontSizes }),\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n borderRadius: theme.fn.radius(),\n \"&[data-hovered]\": {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[1]\n },\n \"&[data-selected]\": __spreadValues({\n backgroundColor: theme.fn.variant({ variant: \"filled\" }).background,\n color: theme.fn.variant({ variant: \"filled\" }).color\n }, theme.fn.hover({ backgroundColor: theme.fn.variant({ variant: \"filled\" }).hover })),\n \"&[data-disabled]\": {\n cursor: \"default\",\n color: theme.colors.dark[2]\n }\n }),\n nothingFound: {\n boxSizing: \"border-box\",\n color: theme.colors.gray[6],\n paddingTop: `calc(${getSize({ size, sizes: theme.spacing })} / 2)`,\n paddingBottom: `calc(${getSize({ size, sizes: theme.spacing })} / 2)`,\n textAlign: \"center\"\n },\n separator: {\n boxSizing: \"border-box\",\n textAlign: \"left\",\n width: \"100%\",\n padding: `calc(${getSize({ size, sizes: theme.spacing })} / 1.5) ${getSize({\n size,\n sizes: theme.spacing\n })}`\n },\n separatorLabel: {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[3] : theme.colors.gray[5]\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=SelectItems.styles.js.map\n","import React from 'react';\nimport { randomId } from '@mantine/hooks';\nimport { Text } from '../../Text/Text.js';\nimport { Divider } from '../../Divider/Divider.js';\nimport useStyles from './SelectItems.styles.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nfunction SelectItems({\n data,\n hovered,\n classNames,\n styles,\n isItemSelected,\n uuid,\n __staticSelector,\n onItemHover,\n onItemSelect,\n itemsRefs,\n itemComponent: Item,\n size,\n nothingFound,\n creatable,\n createLabel,\n unstyled,\n variant\n}) {\n const { classes } = useStyles(null, {\n classNames,\n styles,\n unstyled,\n name: __staticSelector,\n variant,\n size\n });\n const unGroupedItems = [];\n const groupedItems = [];\n let creatableDataIndex = null;\n const constructItemComponent = (item, index) => {\n const selected = typeof isItemSelected === \"function\" ? isItemSelected(item.value) : false;\n return /* @__PURE__ */ React.createElement(Item, __spreadValues({\n key: item.value,\n className: classes.item,\n \"data-disabled\": item.disabled || void 0,\n \"data-hovered\": !item.disabled && hovered === index || void 0,\n \"data-selected\": !item.disabled && selected || void 0,\n selected,\n onMouseEnter: () => onItemHover(index),\n id: `${uuid}-${index}`,\n role: \"option\",\n tabIndex: -1,\n \"aria-selected\": hovered === index,\n ref: (node) => {\n if (itemsRefs && itemsRefs.current) {\n itemsRefs.current[item.value] = node;\n }\n },\n onMouseDown: !item.disabled ? (event) => {\n event.preventDefault();\n onItemSelect(item);\n } : null,\n disabled: item.disabled,\n variant\n }, item));\n };\n let groupName = null;\n data.forEach((item, index) => {\n if (item.creatable) {\n creatableDataIndex = index;\n } else if (!item.group) {\n unGroupedItems.push(constructItemComponent(item, index));\n } else {\n if (groupName !== item.group) {\n groupName = item.group;\n groupedItems.push(/* @__PURE__ */ React.createElement(\"div\", {\n className: classes.separator,\n key: `__mantine-divider-${index}`\n }, /* @__PURE__ */ React.createElement(Divider, {\n classNames: { label: classes.separatorLabel },\n label: item.group\n })));\n }\n groupedItems.push(constructItemComponent(item, index));\n }\n });\n if (creatable) {\n const creatableDataItem = data[creatableDataIndex];\n unGroupedItems.push(/* @__PURE__ */ React.createElement(\"div\", {\n key: randomId(),\n className: classes.item,\n \"data-hovered\": hovered === creatableDataIndex || void 0,\n onMouseEnter: () => onItemHover(creatableDataIndex),\n onMouseDown: (event) => {\n event.preventDefault();\n onItemSelect(creatableDataItem);\n },\n tabIndex: -1,\n ref: (node) => {\n if (itemsRefs && itemsRefs.current) {\n itemsRefs.current[creatableDataItem.value] = node;\n }\n }\n }, createLabel));\n }\n if (groupedItems.length > 0 && unGroupedItems.length > 0) {\n unGroupedItems.unshift(/* @__PURE__ */ React.createElement(\"div\", {\n className: classes.separator,\n key: \"empty-group-separator\"\n }, /* @__PURE__ */ React.createElement(Divider, null)));\n }\n return groupedItems.length > 0 || unGroupedItems.length > 0 ? /* @__PURE__ */ React.createElement(React.Fragment, null, groupedItems, unGroupedItems) : /* @__PURE__ */ React.createElement(Text, {\n size,\n unstyled,\n className: classes.nothingFound\n }, nothingFound);\n}\nSelectItems.displayName = \"@mantine/core/SelectItems\";\n\nexport { SelectItems };\n//# sourceMappingURL=SelectItems.js.map\n","import { createStyles, rem } from '@mantine/styles';\n\nvar useStyles = createStyles(() => ({\n dropdown: {},\n itemsWrapper: {\n padding: rem(4),\n display: \"flex\",\n width: \"100%\",\n boxSizing: \"border-box\"\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=SelectPopover.styles.js.map\n","import React from 'react';\nimport { rem } from '@mantine/styles';\nimport { SelectScrollArea } from '../SelectScrollArea/SelectScrollArea.js';\nimport useStyles from './SelectPopover.styles.js';\nimport { Popover } from '../../Popover/Popover.js';\nimport { Box } from '../../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction SelectPopoverDropdown(_a) {\n var _b = _a, {\n children,\n component = \"div\",\n maxHeight = 220,\n direction = \"column\",\n id,\n innerRef,\n __staticSelector,\n styles,\n classNames,\n unstyled\n } = _b, others = __objRest(_b, [\n \"children\",\n \"component\",\n \"maxHeight\",\n \"direction\",\n \"id\",\n \"innerRef\",\n \"__staticSelector\",\n \"styles\",\n \"classNames\",\n \"unstyled\"\n ]);\n const { classes } = useStyles(null, { name: __staticSelector, styles, classNames, unstyled });\n return /* @__PURE__ */ React.createElement(Popover.Dropdown, __spreadValues({\n p: 0,\n onMouseDown: (event) => event.preventDefault()\n }, others), /* @__PURE__ */ React.createElement(\"div\", {\n style: { maxHeight: rem(maxHeight), display: \"flex\" }\n }, /* @__PURE__ */ React.createElement(Box, {\n component: component || \"div\",\n id: `${id}-items`,\n \"aria-labelledby\": `${id}-label`,\n role: \"listbox\",\n onMouseDown: (event) => event.preventDefault(),\n style: { flex: 1, overflowY: component !== SelectScrollArea ? \"auto\" : void 0 },\n \"data-combobox-popover\": true,\n tabIndex: -1,\n ref: innerRef\n }, /* @__PURE__ */ React.createElement(\"div\", {\n className: classes.itemsWrapper,\n style: { flexDirection: direction }\n }, children))));\n}\nfunction SelectPopover({\n opened,\n transitionProps = { transition: \"fade\", duration: 0 },\n shadow,\n withinPortal,\n portalProps,\n children,\n __staticSelector,\n onDirectionChange,\n switchDirectionOnFlip,\n zIndex,\n dropdownPosition,\n positionDependencies = [],\n classNames,\n styles,\n unstyled,\n readOnly,\n variant\n}) {\n return /* @__PURE__ */ React.createElement(Popover, {\n unstyled,\n classNames,\n styles,\n width: \"target\",\n withRoles: false,\n opened,\n middlewares: { flip: dropdownPosition === \"flip\", shift: false },\n position: dropdownPosition === \"flip\" ? \"bottom\" : dropdownPosition,\n positionDependencies,\n zIndex,\n __staticSelector,\n withinPortal,\n portalProps,\n transitionProps,\n shadow,\n disabled: readOnly,\n onPositionChange: (nextPosition) => switchDirectionOnFlip && (onDirectionChange == null ? void 0 : onDirectionChange(nextPosition === \"top\" ? \"column-reverse\" : \"column\")),\n variant\n }, children);\n}\nSelectPopover.Target = Popover.Target;\nSelectPopover.Dropdown = SelectPopoverDropdown;\n\nexport { SelectPopover };\n//# sourceMappingURL=SelectPopover.js.map\n","import React from 'react';\nimport { rem, useMantineTheme, getSize } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst iconSizes = {\n xs: rem(14),\n sm: rem(18),\n md: rem(20),\n lg: rem(24),\n xl: rem(28)\n};\nfunction ChevronIcon(_a) {\n var _b = _a, { size, error, style } = _b, others = __objRest(_b, [\"size\", \"error\", \"style\"]);\n const theme = useMantineTheme();\n const _size = getSize({ size, sizes: iconSizes });\n return /* @__PURE__ */ React.createElement(\"svg\", __spreadValues({\n viewBox: \"0 0 15 15\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n style: __spreadValues({\n color: error ? theme.colors.red[6] : theme.colors.gray[6],\n width: _size,\n height: _size\n }, style),\n \"data-chevron\": true\n }, others), /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z\",\n fill: \"currentColor\",\n fillRule: \"evenodd\",\n clipRule: \"evenodd\"\n }));\n}\n\nexport { ChevronIcon };\n//# sourceMappingURL=ChevronIcon.js.map\n","import React from 'react';\nimport { ChevronIcon } from './ChevronIcon.js';\nimport { CloseButton } from '../../CloseButton/CloseButton.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction SelectRightSection({\n shouldClear,\n clearButtonProps,\n onClear,\n size,\n error\n}) {\n return shouldClear ? /* @__PURE__ */ React.createElement(CloseButton, __spreadProps(__spreadValues({}, clearButtonProps), {\n variant: \"transparent\",\n onClick: onClear,\n size,\n onMouseDown: (event) => event.preventDefault()\n })) : /* @__PURE__ */ React.createElement(ChevronIcon, {\n error,\n size\n });\n}\nSelectRightSection.displayName = \"@mantine/core/SelectRightSection\";\n\nexport { SelectRightSection };\n//# sourceMappingURL=SelectRightSection.js.map\n","import React from 'react';\nimport { SelectRightSection } from './SelectRightSection.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction getSelectRightSectionProps(_a) {\n var _b = _a, {\n styles,\n rightSection,\n rightSectionWidth,\n theme\n } = _b, props = __objRest(_b, [\n \"styles\",\n \"rightSection\",\n \"rightSectionWidth\",\n \"theme\"\n ]);\n if (rightSection) {\n return { rightSection, rightSectionWidth, styles };\n }\n const _styles = typeof styles === \"function\" ? styles(theme) : styles;\n return {\n rightSection: !props.readOnly && !(props.disabled && props.shouldClear) && /* @__PURE__ */ React.createElement(SelectRightSection, __spreadValues({}, props)),\n styles: __spreadProps(__spreadValues({}, _styles), {\n rightSection: __spreadProps(__spreadValues({}, _styles == null ? void 0 : _styles.rightSection), {\n pointerEvents: props.shouldClear ? void 0 : \"none\"\n })\n })\n };\n}\n\nexport { getSelectRightSectionProps };\n//# sourceMappingURL=get-select-right-section-props.js.map\n","import React, { forwardRef } from 'react';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst SelectScrollArea = forwardRef((_a, ref) => {\n var _b = _a, { style } = _b, others = __objRest(_b, [\"style\"]);\n return /* @__PURE__ */ React.createElement(ScrollArea, __spreadProps(__spreadValues({}, others), {\n style: __spreadValues({ width: \"100%\" }, style),\n viewportProps: { tabIndex: -1 },\n viewportRef: ref\n }), others.children);\n});\nSelectScrollArea.displayName = \"@mantine/core/SelectScrollArea\";\n\nexport { SelectScrollArea };\n//# sourceMappingURL=SelectScrollArea.js.map\n","import { createStyles, rem, keyframes } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst fade = keyframes({\n \"from, to\": { opacity: 0.4 },\n \"50%\": { opacity: 1 }\n});\nvar useStyles = createStyles((theme, { height, width, radius, circle, animate }) => ({\n root: {\n height: rem(height),\n width: circle ? rem(height) : rem(width),\n borderRadius: circle ? rem(height) : theme.fn.radius(radius),\n position: \"relative\",\n WebkitTransform: \"translateZ(0)\"\n },\n visible: {\n overflow: \"hidden\",\n \"&::before\": __spreadProps(__spreadValues({}, theme.fn.cover(0)), {\n content: '\"\"',\n background: theme.colorScheme === \"dark\" ? theme.colors.dark[7] : theme.white,\n zIndex: 10\n }),\n \"&::after\": __spreadProps(__spreadValues({}, theme.fn.cover(0)), {\n content: '\"\"',\n background: theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[3],\n animation: animate ? `${fade} 1500ms linear infinite` : \"none\",\n zIndex: 11\n })\n }\n}));\n\nexport default useStyles;\nexport { fade };\n//# sourceMappingURL=Skeleton.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport useStyles from './Skeleton.styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n height: \"auto\",\n width: \"100%\",\n visible: true,\n animate: true\n};\nconst Skeleton = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Skeleton\", defaultProps, props), {\n height,\n width,\n visible,\n animate,\n className,\n circle,\n radius,\n unstyled,\n variant\n } = _a, others = __objRest(_a, [\n \"height\",\n \"width\",\n \"visible\",\n \"animate\",\n \"className\",\n \"circle\",\n \"radius\",\n \"unstyled\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles({ height, width, circle, radius, animate }, { name: \"Skeleton\", unstyled, variant });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.root, { [classes.visible]: visible }, className),\n ref\n }, others));\n});\nSkeleton.displayName = \"@mantine/core/Skeleton\";\n\nexport { Skeleton };\n//# sourceMappingURL=Skeleton.js.map\n","import { createStyles, getSize } from '@mantine/styles';\n\nvar useStyles = createStyles((theme, { spacing, align, justify }) => ({\n root: {\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: align,\n justifyContent: justify,\n gap: getSize({ size: spacing, sizes: theme.spacing })\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Stack.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport useStyles from './Stack.styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n spacing: \"md\",\n align: \"stretch\",\n justify: \"flex-start\"\n};\nconst Stack = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Stack\", defaultProps, props), { spacing, className, align, justify, unstyled, variant } = _a, others = __objRest(_a, [\"spacing\", \"className\", \"align\", \"justify\", \"unstyled\", \"variant\"]);\n const { classes, cx } = useStyles({ spacing, align, justify }, { name: \"Stack\", unstyled, variant });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.root, className),\n ref\n }, others));\n});\nStack.displayName = \"@mantine/core/Stack\";\n\nexport { Stack };\n//# sourceMappingURL=Stack.js.map\n","import { createStyles, rem, getSize } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme, {\n captionSide,\n horizontalSpacing,\n verticalSpacing,\n fontSize,\n withBorder,\n withColumnBorders\n}) => {\n const border = `${rem(1)} solid ${theme.colorScheme === \"dark\" ? theme.colors.dark[4] : theme.colors.gray[3]}`;\n return {\n root: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {\n width: \"100%\",\n borderCollapse: \"collapse\",\n captionSide,\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n lineHeight: theme.lineHeight,\n border: withBorder ? border : void 0,\n \"& > caption\": {\n marginTop: captionSide === \"top\" ? 0 : theme.spacing.xs,\n marginBottom: captionSide === \"bottom\" ? 0 : theme.spacing.xs,\n fontSize: theme.fontSizes.sm,\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[2] : theme.colors.gray[6]\n },\n \"& > thead > tr > th, & > tfoot > tr > th, & > tbody > tr > th\": {\n textAlign: \"left\",\n fontWeight: \"bold\",\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.colors.gray[7],\n fontSize: getSize({ size: fontSize, sizes: theme.fontSizes }),\n padding: `${getSize({ size: verticalSpacing, sizes: theme.spacing })} ${getSize({\n size: horizontalSpacing,\n sizes: theme.spacing\n })}`\n },\n \"& > thead > tr > th\": {\n borderBottom: border\n },\n \"& > tfoot > tr > th, & > tbody > tr > th\": {\n borderTop: border\n },\n \"& > tbody > tr > td\": {\n padding: `${getSize({\n size: verticalSpacing,\n sizes: theme.spacing\n })} ${getSize({ size: horizontalSpacing, sizes: theme.spacing })}`,\n borderTop: border,\n fontSize: getSize({ size: fontSize, sizes: theme.fontSizes })\n },\n \"& > tbody > tr:first-of-type > td, & > tbody > tr:first-of-type > th\": {\n borderTop: \"none\"\n },\n \"& > thead > tr > th, & > tbody > tr > td\": {\n borderRight: withColumnBorders ? border : \"none\",\n \"&:last-of-type\": {\n borderRight: \"none\",\n borderLeft: withColumnBorders ? border : \"none\"\n }\n },\n \"& > tbody > tr > th\": {\n borderRight: withColumnBorders ? border : \"none\"\n },\n \"&[data-striped] > tbody > tr:nth-of-type(odd)\": {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[6] : theme.colors.gray[0]\n },\n \"&[data-hover] > tbody > tr\": theme.fn.hover({\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[5] : theme.colors.gray[1]\n })\n })\n };\n});\n\nexport default useStyles;\n//# sourceMappingURL=Table.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport useStyles from './Table.styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n striped: false,\n highlightOnHover: false,\n captionSide: \"top\",\n horizontalSpacing: \"xs\",\n fontSize: \"sm\",\n verticalSpacing: 7,\n withBorder: false,\n withColumnBorders: false\n};\nconst Table = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Table\", defaultProps, props), {\n className,\n children,\n striped,\n highlightOnHover,\n captionSide,\n horizontalSpacing,\n verticalSpacing,\n fontSize,\n unstyled,\n withBorder,\n withColumnBorders,\n variant\n } = _a, others = __objRest(_a, [\n \"className\",\n \"children\",\n \"striped\",\n \"highlightOnHover\",\n \"captionSide\",\n \"horizontalSpacing\",\n \"verticalSpacing\",\n \"fontSize\",\n \"unstyled\",\n \"withBorder\",\n \"withColumnBorders\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles({ captionSide, verticalSpacing, horizontalSpacing, fontSize, withBorder, withColumnBorders }, { unstyled, name: \"Table\", variant });\n return /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, others), {\n component: \"table\",\n ref,\n className: cx(classes.root, className),\n \"data-striped\": striped || void 0,\n \"data-hover\": highlightOnHover || void 0\n }), children);\n});\nTable.displayName = \"@mantine/core/Table\";\n\nexport { Table };\n//# sourceMappingURL=Table.js.map\n","import React, { forwardRef } from 'react';\nimport { useInputProps } from '../Input/use-input-props.js';\nimport { Input } from '../Input/Input.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n type: \"text\",\n size: \"sm\",\n __staticSelector: \"TextInput\"\n};\nconst TextInput = forwardRef((props, ref) => {\n const _a = useInputProps(\"TextInput\", defaultProps, props), { inputProps, wrapperProps } = _a, others = __objRest(_a, [\"inputProps\", \"wrapperProps\"]);\n return /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadValues({}, wrapperProps), /* @__PURE__ */ React.createElement(Input, __spreadProps(__spreadValues(__spreadValues({}, inputProps), others), {\n ref\n })));\n});\nTextInput.displayName = \"@mantine/core/TextInput\";\n\nexport { TextInput };\n//# sourceMappingURL=TextInput.js.map\n","import { createStyles, getSize } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction getTextDecoration({\n underline,\n strikethrough\n}) {\n const styles = [];\n if (underline) {\n styles.push(\"underline\");\n }\n if (strikethrough) {\n styles.push(\"line-through\");\n }\n return styles.length > 0 ? styles.join(\" \") : \"none\";\n}\nfunction getTextColor({ theme, color }) {\n if (color === \"dimmed\") {\n return theme.fn.dimmed();\n }\n return typeof color === \"string\" && (color in theme.colors || color.split(\".\")[0] in theme.colors) ? theme.fn.variant({ variant: \"filled\", color }).background : color || \"inherit\";\n}\nfunction getLineClamp(lineClamp) {\n if (typeof lineClamp === \"number\") {\n return {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n display: \"-webkit-box\",\n WebkitLineClamp: lineClamp,\n WebkitBoxOrient: \"vertical\"\n };\n }\n return null;\n}\nfunction getTruncate({ theme, truncate }) {\n if (truncate === \"start\") {\n return {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n direction: theme.dir === \"ltr\" ? \"rtl\" : \"ltr\",\n textAlign: theme.dir === \"ltr\" ? \"right\" : \"left\"\n };\n }\n if (truncate) {\n return {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\"\n };\n }\n return null;\n}\nvar useStyles = createStyles((theme, {\n color,\n lineClamp,\n truncate,\n inline,\n inherit,\n underline,\n gradient,\n weight,\n transform,\n align,\n strikethrough,\n italic\n}, { size }) => {\n const colors = theme.fn.variant({ variant: \"gradient\", gradient });\n return {\n root: __spreadProps(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), theme.fn.focusStyles()), getLineClamp(lineClamp)), getTruncate({ theme, truncate })), {\n color: getTextColor({ color, theme }),\n fontFamily: inherit ? \"inherit\" : theme.fontFamily,\n fontSize: inherit || size === void 0 ? \"inherit\" : getSize({ size, sizes: theme.fontSizes }),\n lineHeight: inherit ? \"inherit\" : inline ? 1 : theme.lineHeight,\n textDecoration: getTextDecoration({ underline, strikethrough }),\n WebkitTapHighlightColor: \"transparent\",\n fontWeight: inherit ? \"inherit\" : weight,\n textTransform: transform,\n textAlign: align,\n fontStyle: italic ? \"italic\" : void 0\n }),\n gradient: {\n backgroundImage: colors.background,\n WebkitBackgroundClip: \"text\",\n WebkitTextFillColor: \"transparent\"\n }\n };\n});\n\nexport default useStyles;\n//# sourceMappingURL=Text.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport useStyles from './Text.styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n variant: \"text\"\n};\nconst _Text = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Text\", defaultProps, props), {\n className,\n size,\n weight,\n transform,\n color,\n align,\n variant,\n lineClamp,\n truncate,\n gradient,\n inline,\n inherit,\n underline,\n strikethrough,\n italic,\n classNames,\n styles,\n unstyled,\n span,\n __staticSelector\n } = _a, others = __objRest(_a, [\n \"className\",\n \"size\",\n \"weight\",\n \"transform\",\n \"color\",\n \"align\",\n \"variant\",\n \"lineClamp\",\n \"truncate\",\n \"gradient\",\n \"inline\",\n \"inherit\",\n \"underline\",\n \"strikethrough\",\n \"italic\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"span\",\n \"__staticSelector\"\n ]);\n const { classes, cx } = useStyles({\n color,\n lineClamp,\n truncate,\n inline,\n inherit,\n underline,\n strikethrough,\n italic,\n weight,\n transform,\n align,\n gradient\n }, { unstyled, name: __staticSelector || \"Text\", variant, size });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n ref,\n className: cx(classes.root, { [classes.gradient]: variant === \"gradient\" }, className),\n component: span ? \"span\" : \"div\"\n }, others));\n});\n_Text.displayName = \"@mantine/core/Text\";\nconst Text = createPolymorphicComponent(_Text);\n\nexport { Text, _Text };\n//# sourceMappingURL=Text.js.map\n","import { useLayoutEffect } from 'react';\n\nvar index = useLayoutEffect ;\n\nexport default index;\n","import { useRef, useCallback } from 'react';\n\nvar updateRef = function updateRef(ref, value) {\n if (typeof ref === 'function') {\n ref(value);\n return;\n }\n ref.current = value;\n};\n\nvar useComposedRef = function useComposedRef(libRef, userRef) {\n var prevUserRef = useRef();\n return useCallback(function (instance) {\n libRef.current = instance;\n\n if (prevUserRef.current) {\n updateRef(prevUserRef.current, null);\n }\n\n prevUserRef.current = userRef;\n\n if (!userRef) {\n return;\n }\n\n updateRef(userRef, instance);\n }, [userRef]);\n};\n\nexport default useComposedRef;\n","import _extends from '@babel/runtime/helpers/esm/extends';\nimport _objectWithoutPropertiesLoose from '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';\nimport { useLayoutEffect, forwardRef, useRef, createElement } from 'react';\nimport useLatest from 'use-latest';\nimport useComposedRef from 'use-composed-ref';\n\nvar HIDDEN_TEXTAREA_STYLE = {\n 'min-height': '0',\n 'max-height': 'none',\n height: '0',\n visibility: 'hidden',\n overflow: 'hidden',\n position: 'absolute',\n 'z-index': '-1000',\n top: '0',\n right: '0'\n};\n\nvar forceHiddenStyles = function forceHiddenStyles(node) {\n Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function (key) {\n node.style.setProperty(key, HIDDEN_TEXTAREA_STYLE[key], 'important');\n });\n};\n\n// export type CalculatedNodeHeights = [height: number, rowHeight: number];\n// https://github.com/microsoft/TypeScript/issues/28259\n\nvar hiddenTextarea = null;\n\nvar getHeight = function getHeight(node, sizingData) {\n var height = node.scrollHeight;\n\n if (sizingData.sizingStyle.boxSizing === 'border-box') {\n // border-box: add border, since height = content + padding + border\n return height + sizingData.borderSize;\n } // remove padding, since height = content\n\n\n return height - sizingData.paddingSize;\n};\n\nfunction calculateNodeHeight(sizingData, value, minRows, maxRows) {\n if (minRows === void 0) {\n minRows = 1;\n }\n\n if (maxRows === void 0) {\n maxRows = Infinity;\n }\n\n if (!hiddenTextarea) {\n hiddenTextarea = document.createElement('textarea');\n hiddenTextarea.setAttribute('tabindex', '-1');\n hiddenTextarea.setAttribute('aria-hidden', 'true');\n forceHiddenStyles(hiddenTextarea);\n }\n\n if (hiddenTextarea.parentNode === null) {\n document.body.appendChild(hiddenTextarea);\n }\n\n var paddingSize = sizingData.paddingSize,\n borderSize = sizingData.borderSize,\n sizingStyle = sizingData.sizingStyle;\n var boxSizing = sizingStyle.boxSizing;\n Object.keys(sizingStyle).forEach(function (_key) {\n var key = _key;\n hiddenTextarea.style[key] = sizingStyle[key];\n });\n forceHiddenStyles(hiddenTextarea);\n hiddenTextarea.value = value;\n var height = getHeight(hiddenTextarea, sizingData); // measure height of a textarea with a single row\n\n hiddenTextarea.value = 'x';\n var rowHeight = hiddenTextarea.scrollHeight - paddingSize;\n var minHeight = rowHeight * minRows;\n\n if (boxSizing === 'border-box') {\n minHeight = minHeight + paddingSize + borderSize;\n }\n\n height = Math.max(minHeight, height);\n var maxHeight = rowHeight * maxRows;\n\n if (boxSizing === 'border-box') {\n maxHeight = maxHeight + paddingSize + borderSize;\n }\n\n height = Math.min(maxHeight, height);\n return [height, rowHeight];\n}\n\nvar noop = function noop() {};\nvar pick = function pick(props, obj) {\n return props.reduce(function (acc, prop) {\n acc[prop] = obj[prop];\n return acc;\n }, {});\n};\n\nvar SIZING_STYLE = ['borderBottomWidth', 'borderLeftWidth', 'borderRightWidth', 'borderTopWidth', 'boxSizing', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'letterSpacing', 'lineHeight', 'paddingBottom', 'paddingLeft', 'paddingRight', 'paddingTop', // non-standard\n'tabSize', 'textIndent', // non-standard\n'textRendering', 'textTransform', 'width', 'wordBreak'];\nvar isIE = !!document.documentElement.currentStyle ;\n\nvar getSizingData = function getSizingData(node) {\n var style = window.getComputedStyle(node);\n\n if (style === null) {\n return null;\n }\n\n var sizingStyle = pick(SIZING_STYLE, style);\n var boxSizing = sizingStyle.boxSizing; // probably node is detached from DOM, can't read computed dimensions\n\n if (boxSizing === '') {\n return null;\n } // IE (Edge has already correct behaviour) returns content width as computed width\n // so we need to add manually padding and border widths\n\n\n if (isIE && boxSizing === 'border-box') {\n sizingStyle.width = parseFloat(sizingStyle.width) + parseFloat(sizingStyle.borderRightWidth) + parseFloat(sizingStyle.borderLeftWidth) + parseFloat(sizingStyle.paddingRight) + parseFloat(sizingStyle.paddingLeft) + 'px';\n }\n\n var paddingSize = parseFloat(sizingStyle.paddingBottom) + parseFloat(sizingStyle.paddingTop);\n var borderSize = parseFloat(sizingStyle.borderBottomWidth) + parseFloat(sizingStyle.borderTopWidth);\n return {\n sizingStyle: sizingStyle,\n paddingSize: paddingSize,\n borderSize: borderSize\n };\n};\n\nvar useWindowResizeListener = function useWindowResizeListener(listener) {\n var latestListener = useLatest(listener);\n useLayoutEffect(function () {\n var handler = function handler(event) {\n latestListener.current(event);\n };\n\n window.addEventListener('resize', handler);\n return function () {\n window.removeEventListener('resize', handler);\n };\n }, []);\n};\n\nvar TextareaAutosize = function TextareaAutosize(_ref, userRef) {\n var cacheMeasurements = _ref.cacheMeasurements,\n maxRows = _ref.maxRows,\n minRows = _ref.minRows,\n _ref$onChange = _ref.onChange,\n onChange = _ref$onChange === void 0 ? noop : _ref$onChange,\n _ref$onHeightChange = _ref.onHeightChange,\n onHeightChange = _ref$onHeightChange === void 0 ? noop : _ref$onHeightChange,\n props = _objectWithoutPropertiesLoose(_ref, [\"cacheMeasurements\", \"maxRows\", \"minRows\", \"onChange\", \"onHeightChange\"]);\n\n if (process.env.NODE_ENV !== 'production' && props.style) {\n if ('maxHeight' in props.style) {\n throw new Error('Using `style.maxHeight` for is not supported. Please use `maxRows`.');\n }\n\n if ('minHeight' in props.style) {\n throw new Error('Using `style.minHeight` for is not supported. Please use `minRows`.');\n }\n }\n\n var isControlled = props.value !== undefined;\n var libRef = useRef(null);\n var ref = useComposedRef(libRef, userRef);\n var heightRef = useRef(0);\n var measurementsCacheRef = useRef();\n\n var resizeTextarea = function resizeTextarea() {\n var node = libRef.current;\n var nodeSizingData = cacheMeasurements && measurementsCacheRef.current ? measurementsCacheRef.current : getSizingData(node);\n\n if (!nodeSizingData) {\n return;\n }\n\n measurementsCacheRef.current = nodeSizingData;\n\n var _calculateNodeHeight = calculateNodeHeight(nodeSizingData, node.value || node.placeholder || 'x', minRows, maxRows),\n height = _calculateNodeHeight[0],\n rowHeight = _calculateNodeHeight[1];\n\n if (heightRef.current !== height) {\n heightRef.current = height;\n node.style.setProperty('height', height + \"px\", 'important');\n onHeightChange(height, {\n rowHeight: rowHeight\n });\n }\n };\n\n var handleChange = function handleChange(event) {\n if (!isControlled) {\n resizeTextarea();\n }\n\n onChange(event);\n };\n\n {\n useLayoutEffect(resizeTextarea);\n useWindowResizeListener(resizeTextarea);\n }\n\n return /*#__PURE__*/createElement(\"textarea\", _extends({}, props, {\n onChange: handleChange,\n ref: ref\n }));\n};\n\nvar index = /* #__PURE__ */forwardRef(TextareaAutosize);\n\nexport default index;\n","import * as React from 'react';\nimport useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';\n\nvar useLatest = function useLatest(value) {\n var ref = React.useRef(value);\n useIsomorphicLayoutEffect(function () {\n ref.current = value;\n });\n return ref;\n};\n\nexport { useLatest as default };\n","import { createStyles } from '@mantine/styles';\n\nvar useStyles = createStyles((theme) => ({\n input: {\n paddingTop: theme.spacing.xs,\n paddingBottom: theme.spacing.xs\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Textarea.styles.js.map\n","import React, { forwardRef } from 'react';\nimport TextareaAutosize from 'react-textarea-autosize';\nimport { useId } from '@mantine/hooks';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport useStyles from './Textarea.styles.js';\nimport { extractSystemStyles } from '../Box/style-system-props/extract-system-styles/extract-system-styles.js';\nimport { Input } from '../Input/Input.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n autosize: false,\n size: \"sm\",\n __staticSelector: \"Textarea\"\n};\nconst Textarea = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Textarea\", defaultProps, props), {\n autosize,\n maxRows,\n minRows,\n label,\n error,\n description,\n id,\n className,\n required,\n style,\n wrapperProps,\n classNames,\n styles,\n size,\n __staticSelector,\n sx,\n errorProps,\n descriptionProps,\n labelProps,\n inputWrapperOrder,\n inputContainer,\n unstyled,\n withAsterisk,\n variant\n } = _a, others = __objRest(_a, [\n \"autosize\",\n \"maxRows\",\n \"minRows\",\n \"label\",\n \"error\",\n \"description\",\n \"id\",\n \"className\",\n \"required\",\n \"style\",\n \"wrapperProps\",\n \"classNames\",\n \"styles\",\n \"size\",\n \"__staticSelector\",\n \"sx\",\n \"errorProps\",\n \"descriptionProps\",\n \"labelProps\",\n \"inputWrapperOrder\",\n \"inputContainer\",\n \"unstyled\",\n \"withAsterisk\",\n \"variant\"\n ]);\n const uuid = useId(id);\n const { classes, cx } = useStyles();\n const { systemStyles, rest } = extractSystemStyles(others);\n const sharedProps = __spreadValues({\n required,\n ref,\n error,\n id: uuid,\n classNames: __spreadProps(__spreadValues({}, classNames), { input: cx(classes.input, classNames == null ? void 0 : classNames.input) }),\n styles,\n __staticSelector,\n size,\n multiline: true,\n unstyled,\n variant\n }, rest);\n return /* @__PURE__ */ React.createElement(Input.Wrapper, __spreadValues(__spreadValues({\n label,\n error,\n id: uuid,\n description,\n required,\n style,\n className,\n classNames,\n styles,\n size,\n __staticSelector,\n sx,\n errorProps,\n labelProps,\n descriptionProps,\n inputContainer,\n inputWrapperOrder,\n unstyled,\n withAsterisk,\n variant\n }, systemStyles), wrapperProps), autosize ? /* @__PURE__ */ React.createElement(Input, __spreadProps(__spreadValues({}, sharedProps), {\n component: TextareaAutosize,\n maxRows,\n minRows\n })) : /* @__PURE__ */ React.createElement(Input, __spreadProps(__spreadValues({}, sharedProps), {\n component: \"textarea\",\n rows: minRows\n })));\n});\nTextarea.displayName = \"@mantine/core/Textarea\";\n\nexport { Textarea };\n//# sourceMappingURL=Textarea.js.map\n","import { useContext, createContext } from 'react';\n\nconst TooltipGroupContext = createContext(false);\nconst TooltipGroupProvider = TooltipGroupContext.Provider;\nconst useTooltipGroupContext = () => useContext(TooltipGroupContext);\n\nexport { TooltipGroupProvider, useTooltipGroupContext };\n//# sourceMappingURL=TooltipGroup.context.js.map\n","import React from 'react';\nimport { FloatingDelayGroup } from '@floating-ui/react';\nimport { TooltipGroupProvider } from './TooltipGroup.context.js';\n\nfunction TooltipGroup({ children, openDelay = 0, closeDelay = 0 }) {\n return /* @__PURE__ */ React.createElement(TooltipGroupProvider, {\n value: true\n }, /* @__PURE__ */ React.createElement(FloatingDelayGroup, {\n delay: { open: openDelay, close: closeDelay }\n }, children));\n}\nTooltipGroup.displayName = \"@mantine/core/TooltipGroup\";\n\nexport { TooltipGroup };\n//# sourceMappingURL=TooltipGroup.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction getColors(theme, color) {\n if (!color) {\n return {\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.gray[2] : theme.colors.gray[9],\n color: theme.colorScheme === \"dark\" ? theme.black : theme.white\n };\n }\n const colors = theme.fn.variant({ variant: \"filled\", color, primaryFallback: false });\n return {\n backgroundColor: colors.background,\n color: colors.color\n };\n}\nvar useStyles = createStyles((theme, { color, radius, width, multiline }) => ({\n tooltip: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.fontStyles()), getColors(theme, color)), {\n lineHeight: theme.lineHeight,\n fontSize: theme.fontSizes.sm,\n borderRadius: theme.fn.radius(radius),\n padding: `calc(${theme.spacing.xs} / 2) ${theme.spacing.xs}`,\n position: \"absolute\",\n whiteSpace: multiline ? \"unset\" : \"nowrap\",\n pointerEvents: \"none\",\n width\n }),\n arrow: {\n backgroundColor: \"inherit\",\n border: 0,\n zIndex: 1\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Tooltip.styles.js.map\n","const TOOLTIP_ERRORS = {\n children: \"Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported\"\n};\n\nexport { TOOLTIP_ERRORS };\n//# sourceMappingURL=Tooltip.errors.js.map\n","import React, { cloneElement } from 'react';\nimport { isElement } from '@mantine/utils';\nimport { useMergedRef } from '@mantine/hooks';\nimport { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';\nimport useStyles from '../Tooltip.styles.js';\nimport { TOOLTIP_ERRORS } from '../Tooltip.errors.js';\nimport { useFloatingTooltip } from './use-floating-tooltip.js';\nimport { OptionalPortal } from '../../Portal/OptionalPortal.js';\nimport { Box } from '../../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n refProp: \"ref\",\n withinPortal: true,\n offset: 10,\n position: \"right\",\n zIndex: getDefaultZIndex(\"popover\")\n};\nfunction TooltipFloating(props) {\n var _b;\n const _a = useComponentDefaultProps(\"TooltipFloating\", defaultProps, props), {\n children,\n refProp,\n withinPortal,\n portalProps,\n style,\n className,\n classNames,\n styles,\n unstyled,\n radius,\n color,\n label,\n offset,\n position,\n multiline,\n width,\n zIndex,\n disabled,\n variant\n } = _a, others = __objRest(_a, [\n \"children\",\n \"refProp\",\n \"withinPortal\",\n \"portalProps\",\n \"style\",\n \"className\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"radius\",\n \"color\",\n \"label\",\n \"offset\",\n \"position\",\n \"multiline\",\n \"width\",\n \"zIndex\",\n \"disabled\",\n \"variant\"\n ]);\n const { handleMouseMove, x, y, opened, boundaryRef, floating, setOpened } = useFloatingTooltip({\n offset,\n position\n });\n const { classes, cx } = useStyles({ radius, color, multiline, width }, { name: \"TooltipFloating\", classNames, styles, unstyled, variant });\n if (!isElement(children)) {\n throw new Error(TOOLTIP_ERRORS.children);\n }\n const targetRef = useMergedRef(boundaryRef, children.ref);\n const onMouseEnter = (event) => {\n var _a2, _b2;\n (_b2 = (_a2 = children.props).onMouseEnter) == null ? void 0 : _b2.call(_a2, event);\n handleMouseMove(event);\n setOpened(true);\n };\n const onMouseLeave = (event) => {\n var _a2, _b2;\n (_b2 = (_a2 = children.props).onMouseLeave) == null ? void 0 : _b2.call(_a2, event);\n setOpened(false);\n };\n return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(OptionalPortal, __spreadProps(__spreadValues({}, portalProps), {\n withinPortal\n }), /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({}, others), {\n ref: floating,\n className: cx(classes.tooltip, className),\n style: __spreadProps(__spreadValues({}, style), {\n zIndex,\n display: !disabled && opened ? \"block\" : \"none\",\n top: y != null ? y : \"\",\n left: (_b = Math.round(x)) != null ? _b : \"\"\n })\n }), label)), cloneElement(children, __spreadProps(__spreadValues({}, children.props), {\n [refProp]: targetRef,\n onMouseEnter,\n onMouseLeave\n })));\n}\nTooltipFloating.displayName = \"@mantine/core/TooltipFloating\";\n\nexport { TooltipFloating };\n//# sourceMappingURL=TooltipFloating.js.map\n","import { useState, useRef, useCallback, useEffect } from 'react';\nimport { useFloating, shift, getOverflowAncestors } from '@floating-ui/react';\n\nfunction useFloatingTooltip({\n offset,\n position\n}) {\n const [opened, setOpened] = useState(false);\n const boundaryRef = useRef();\n const { x, y, reference, floating, refs, update, placement } = useFloating({\n placement: position,\n middleware: [\n shift({\n crossAxis: true,\n padding: 5,\n rootBoundary: \"document\"\n })\n ]\n });\n const horizontalOffset = placement.includes(\"right\") ? offset : position.includes(\"left\") ? offset * -1 : 0;\n const verticalOffset = placement.includes(\"bottom\") ? offset : position.includes(\"top\") ? offset * -1 : 0;\n const handleMouseMove = useCallback(({ clientX, clientY }) => {\n reference({\n getBoundingClientRect() {\n return {\n width: 0,\n height: 0,\n x: clientX,\n y: clientY,\n left: clientX + horizontalOffset,\n top: clientY + verticalOffset,\n right: clientX,\n bottom: clientY\n };\n }\n });\n }, [reference]);\n useEffect(() => {\n if (refs.floating.current) {\n const boundary = boundaryRef.current;\n boundary.addEventListener(\"mousemove\", handleMouseMove);\n const parents = getOverflowAncestors(refs.floating.current);\n parents.forEach((parent) => {\n parent.addEventListener(\"scroll\", update);\n });\n return () => {\n boundary.removeEventListener(\"mousemove\", handleMouseMove);\n parents.forEach((parent) => {\n parent.removeEventListener(\"scroll\", update);\n });\n };\n }\n return void 0;\n }, [reference, refs.floating.current, update, handleMouseMove, opened]);\n return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating };\n}\n\nexport { useFloatingTooltip };\n//# sourceMappingURL=use-floating-tooltip.js.map\n","import { useState, useCallback } from 'react';\nimport { useDelayGroupContext, useFloating, offset, shift, flip, arrow, inline, useInteractions, useHover, useFocus, useRole, useDismiss, useDelayGroup } from '@floating-ui/react';\nimport { useId, useDidUpdate } from '@mantine/hooks';\nimport { useTooltipGroupContext } from './TooltipGroup/TooltipGroup.context.js';\nimport { useFloatingAutoUpdate } from '../Floating/use-floating-auto-update.js';\n\nfunction useTooltip(settings) {\n const [uncontrolledOpened, setUncontrolledOpened] = useState(false);\n const controlled = typeof settings.opened === \"boolean\";\n const opened = controlled ? settings.opened : uncontrolledOpened;\n const withinGroup = useTooltipGroupContext();\n const uid = useId();\n const { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext();\n const onChange = useCallback((_opened) => {\n setUncontrolledOpened(_opened);\n if (_opened) {\n setCurrentId(uid);\n }\n }, [setCurrentId, uid]);\n const {\n x,\n y,\n reference,\n floating,\n context,\n refs,\n update,\n placement,\n middlewareData: { arrow: { x: arrowX, y: arrowY } = {} }\n } = useFloating({\n placement: settings.position,\n open: opened,\n onOpenChange: onChange,\n middleware: [\n offset(settings.offset),\n shift({ padding: 8 }),\n flip(),\n arrow({ element: settings.arrowRef, padding: settings.arrowOffset }),\n ...settings.inline ? [inline()] : []\n ]\n });\n const { getReferenceProps, getFloatingProps } = useInteractions([\n useHover(context, {\n enabled: settings.events.hover,\n delay: withinGroup ? groupDelay : { open: settings.openDelay, close: settings.closeDelay },\n mouseOnly: !settings.events.touch\n }),\n useFocus(context, { enabled: settings.events.focus, keyboardOnly: true }),\n useRole(context, { role: \"tooltip\" }),\n useDismiss(context, { enabled: typeof settings.opened === void 0 }),\n useDelayGroup(context, { id: uid })\n ]);\n useFloatingAutoUpdate({\n opened,\n position: settings.position,\n positionDependencies: settings.positionDependencies,\n floating: { refs, update }\n });\n useDidUpdate(() => {\n var _a;\n (_a = settings.onPositionChange) == null ? void 0 : _a.call(settings, placement);\n }, [placement]);\n const isGroupPhase = opened && currentId && currentId !== uid;\n return {\n x,\n y,\n arrowX,\n arrowY,\n reference,\n floating,\n getFloatingProps,\n getReferenceProps,\n isGroupPhase,\n opened,\n placement\n };\n}\n\nexport { useTooltip };\n//# sourceMappingURL=use-tooltip.js.map\n","import React, { forwardRef, useRef, cloneElement } from 'react';\nimport { isElement } from '@mantine/utils';\nimport { useMergedRef } from '@mantine/hooks';\nimport { getDefaultZIndex, useComponentDefaultProps } from '@mantine/styles';\nimport { TooltipGroup } from './TooltipGroup/TooltipGroup.js';\nimport { TooltipFloating } from './TooltipFloating/TooltipFloating.js';\nimport { useTooltip } from './use-tooltip.js';\nimport { TOOLTIP_ERRORS } from './Tooltip.errors.js';\nimport useStyles from './Tooltip.styles.js';\nimport { getFloatingPosition } from '../Floating/get-floating-position/get-floating-position.js';\nimport { OptionalPortal } from '../Portal/OptionalPortal.js';\nimport { Transition } from '../Transition/Transition.js';\nimport { Box } from '../Box/Box.js';\nimport { FloatingArrow } from '../Floating/FloatingArrow/FloatingArrow.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n position: \"top\",\n refProp: \"ref\",\n withinPortal: false,\n inline: false,\n arrowSize: 4,\n arrowOffset: 5,\n arrowRadius: 0,\n arrowPosition: \"side\",\n offset: 5,\n transitionProps: { duration: 100, transition: \"fade\" },\n width: \"auto\",\n events: { hover: true, focus: false, touch: false },\n zIndex: getDefaultZIndex(\"popover\"),\n positionDependencies: []\n};\nconst _Tooltip = forwardRef((props, ref) => {\n var _b;\n const arrowRef = useRef(null);\n const _a = useComponentDefaultProps(\"Tooltip\", defaultProps, props), {\n children,\n position,\n refProp,\n label,\n openDelay,\n closeDelay,\n onPositionChange,\n opened,\n withinPortal,\n portalProps,\n radius,\n color,\n classNames,\n styles,\n unstyled,\n style,\n className,\n withArrow,\n arrowSize,\n arrowOffset,\n arrowRadius,\n arrowPosition,\n offset,\n transitionProps,\n multiline,\n width,\n events,\n zIndex,\n disabled,\n positionDependencies,\n onClick,\n onMouseEnter,\n onMouseLeave,\n inline,\n variant,\n keepMounted\n } = _a, others = __objRest(_a, [\n \"children\",\n \"position\",\n \"refProp\",\n \"label\",\n \"openDelay\",\n \"closeDelay\",\n \"onPositionChange\",\n \"opened\",\n \"withinPortal\",\n \"portalProps\",\n \"radius\",\n \"color\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"style\",\n \"className\",\n \"withArrow\",\n \"arrowSize\",\n \"arrowOffset\",\n \"arrowRadius\",\n \"arrowPosition\",\n \"offset\",\n \"transitionProps\",\n \"multiline\",\n \"width\",\n \"events\",\n \"zIndex\",\n \"disabled\",\n \"positionDependencies\",\n \"onClick\",\n \"onMouseEnter\",\n \"onMouseLeave\",\n \"inline\",\n \"variant\",\n \"keepMounted\"\n ]);\n const { classes, cx, theme } = useStyles({ radius, color, width, multiline }, { name: \"Tooltip\", classNames, styles, unstyled, variant });\n const tooltip = useTooltip({\n position: getFloatingPosition(theme.dir, position),\n closeDelay,\n openDelay,\n onPositionChange,\n opened,\n events,\n arrowRef,\n arrowOffset,\n offset: offset + (withArrow ? arrowSize / 2 : 0),\n positionDependencies: [...positionDependencies, children],\n inline\n });\n if (!isElement(children)) {\n throw new Error(TOOLTIP_ERRORS.children);\n }\n const targetRef = useMergedRef(tooltip.reference, children.ref, ref);\n return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(OptionalPortal, __spreadProps(__spreadValues({}, portalProps), {\n withinPortal\n }), /* @__PURE__ */ React.createElement(Transition, __spreadProps(__spreadValues({\n keepMounted,\n mounted: !disabled && tooltip.opened\n }, transitionProps), {\n transition: transitionProps.transition || \"fade\",\n duration: tooltip.isGroupPhase ? 10 : (_b = transitionProps.duration) != null ? _b : 100\n }), (transitionStyles) => {\n var _a2, _b2;\n return /* @__PURE__ */ React.createElement(Box, __spreadValues(__spreadValues({}, others), tooltip.getFloatingProps({\n ref: tooltip.floating,\n className: classes.tooltip,\n style: __spreadProps(__spreadValues(__spreadValues({}, style), transitionStyles), {\n zIndex,\n top: (_a2 = tooltip.y) != null ? _a2 : 0,\n left: (_b2 = tooltip.x) != null ? _b2 : 0\n })\n })), label, /* @__PURE__ */ React.createElement(FloatingArrow, {\n ref: arrowRef,\n arrowX: tooltip.arrowX,\n arrowY: tooltip.arrowY,\n visible: withArrow,\n position: tooltip.placement,\n arrowSize,\n arrowOffset,\n arrowRadius,\n arrowPosition,\n className: classes.arrow\n }));\n })), cloneElement(children, tooltip.getReferenceProps(__spreadValues({\n onClick,\n onMouseEnter,\n onMouseLeave,\n onMouseMove: props.onMouseMove,\n onPointerDown: props.onPointerDown,\n onPointerEnter: props.onPointerEnter,\n [refProp]: targetRef,\n className: cx(className, children.props.className)\n }, children.props))));\n});\n_Tooltip.Group = TooltipGroup;\n_Tooltip.Floating = TooltipFloating;\n_Tooltip.displayName = \"@mantine/core/Tooltip\";\nconst Tooltip = _Tooltip;\n\nexport { Tooltip };\n//# sourceMappingURL=Tooltip.js.map\n","import { rem } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst popIn = {\n in: { opacity: 1, transform: \"scale(1)\" },\n out: { opacity: 0, transform: `scale(.9) translateY(${rem(10)})` },\n transitionProperty: \"transform, opacity\"\n};\nconst transitions = {\n fade: {\n in: { opacity: 1 },\n out: { opacity: 0 },\n transitionProperty: \"opacity\"\n },\n scale: {\n in: { opacity: 1, transform: \"scale(1)\" },\n out: { opacity: 0, transform: \"scale(0)\" },\n common: { transformOrigin: \"top\" },\n transitionProperty: \"transform, opacity\"\n },\n \"scale-y\": {\n in: { opacity: 1, transform: \"scaleY(1)\" },\n out: { opacity: 0, transform: \"scaleY(0)\" },\n common: { transformOrigin: \"top\" },\n transitionProperty: \"transform, opacity\"\n },\n \"scale-x\": {\n in: { opacity: 1, transform: \"scaleX(1)\" },\n out: { opacity: 0, transform: \"scaleX(0)\" },\n common: { transformOrigin: \"left\" },\n transitionProperty: \"transform, opacity\"\n },\n \"skew-up\": {\n in: { opacity: 1, transform: \"translateY(0) skew(0deg, 0deg)\" },\n out: { opacity: 0, transform: `translateY(-${rem(20)}) skew(-10deg, -5deg)` },\n common: { transformOrigin: \"top\" },\n transitionProperty: \"transform, opacity\"\n },\n \"skew-down\": {\n in: { opacity: 1, transform: \"translateY(0) skew(0deg, 0deg)\" },\n out: { opacity: 0, transform: `translateY(${rem(20)}) skew(-10deg, -5deg)` },\n common: { transformOrigin: \"bottom\" },\n transitionProperty: \"transform, opacity\"\n },\n \"rotate-left\": {\n in: { opacity: 1, transform: \"translateY(0) rotate(0deg)\" },\n out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(-5deg)` },\n common: { transformOrigin: \"bottom\" },\n transitionProperty: \"transform, opacity\"\n },\n \"rotate-right\": {\n in: { opacity: 1, transform: \"translateY(0) rotate(0deg)\" },\n out: { opacity: 0, transform: `translateY(${rem(20)}) rotate(5deg)` },\n common: { transformOrigin: \"top\" },\n transitionProperty: \"transform, opacity\"\n },\n \"slide-down\": {\n in: { opacity: 1, transform: \"translateY(0)\" },\n out: { opacity: 0, transform: \"translateY(-100%)\" },\n common: { transformOrigin: \"top\" },\n transitionProperty: \"transform, opacity\"\n },\n \"slide-up\": {\n in: { opacity: 1, transform: \"translateY(0)\" },\n out: { opacity: 0, transform: \"translateY(100%)\" },\n common: { transformOrigin: \"bottom\" },\n transitionProperty: \"transform, opacity\"\n },\n \"slide-left\": {\n in: { opacity: 1, transform: \"translateX(0)\" },\n out: { opacity: 0, transform: \"translateX(100%)\" },\n common: { transformOrigin: \"left\" },\n transitionProperty: \"transform, opacity\"\n },\n \"slide-right\": {\n in: { opacity: 1, transform: \"translateX(0)\" },\n out: { opacity: 0, transform: \"translateX(-100%)\" },\n common: { transformOrigin: \"right\" },\n transitionProperty: \"transform, opacity\"\n },\n pop: __spreadProps(__spreadValues({}, popIn), {\n common: { transformOrigin: \"center center\" }\n }),\n \"pop-bottom-left\": __spreadProps(__spreadValues({}, popIn), {\n common: { transformOrigin: \"bottom left\" }\n }),\n \"pop-bottom-right\": __spreadProps(__spreadValues({}, popIn), {\n common: { transformOrigin: \"bottom right\" }\n }),\n \"pop-top-left\": __spreadProps(__spreadValues({}, popIn), {\n common: { transformOrigin: \"top left\" }\n }),\n \"pop-top-right\": __spreadProps(__spreadValues({}, popIn), {\n common: { transformOrigin: \"top right\" }\n })\n};\n\nexport { transitions };\n//# sourceMappingURL=transitions.js.map\n","import { transitions } from '../transitions.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nconst transitionStatuses = {\n entering: \"in\",\n entered: \"in\",\n exiting: \"out\",\n exited: \"out\",\n \"pre-exiting\": \"out\",\n \"pre-entering\": \"out\"\n};\nfunction getTransitionStyles({\n transition,\n state,\n duration,\n timingFunction\n}) {\n const shared = {\n transitionDuration: `${duration}ms`,\n transitionTimingFunction: timingFunction\n };\n if (typeof transition === \"string\") {\n if (!(transition in transitions)) {\n return null;\n }\n return __spreadValues(__spreadValues(__spreadValues({\n transitionProperty: transitions[transition].transitionProperty\n }, shared), transitions[transition].common), transitions[transition][transitionStatuses[state]]);\n }\n return __spreadValues(__spreadValues(__spreadValues({\n transitionProperty: transition.transitionProperty\n }, shared), transition.common), transition[transitionStatuses[state]]);\n}\n\nexport { getTransitionStyles };\n//# sourceMappingURL=get-transition-styles.js.map\n","import { useState, useRef, useEffect } from 'react';\nimport { useReducedMotion, useDidUpdate } from '@mantine/hooks';\nimport { useMantineTheme } from '@mantine/styles';\n\nfunction useTransition({\n duration,\n exitDuration,\n timingFunction,\n mounted,\n onEnter,\n onExit,\n onEntered,\n onExited\n}) {\n const theme = useMantineTheme();\n const shouldReduceMotion = useReducedMotion();\n const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;\n const [transitionDuration, setTransitionDuration] = useState(reduceMotion ? 0 : duration);\n const [transitionStatus, setStatus] = useState(mounted ? \"entered\" : \"exited\");\n const timeoutRef = useRef(-1);\n const handleStateChange = (shouldMount) => {\n const preHandler = shouldMount ? onEnter : onExit;\n const handler = shouldMount ? onEntered : onExited;\n setStatus(shouldMount ? \"pre-entering\" : \"pre-exiting\");\n window.clearTimeout(timeoutRef.current);\n const newTransitionDuration = reduceMotion ? 0 : shouldMount ? duration : exitDuration;\n setTransitionDuration(newTransitionDuration);\n if (newTransitionDuration === 0) {\n typeof preHandler === \"function\" && preHandler();\n typeof handler === \"function\" && handler();\n setStatus(shouldMount ? \"entered\" : \"exited\");\n } else {\n const preStateTimeout = window.setTimeout(() => {\n typeof preHandler === \"function\" && preHandler();\n setStatus(shouldMount ? \"entering\" : \"exiting\");\n }, 10);\n timeoutRef.current = window.setTimeout(() => {\n window.clearTimeout(preStateTimeout);\n typeof handler === \"function\" && handler();\n setStatus(shouldMount ? \"entered\" : \"exited\");\n }, newTransitionDuration);\n }\n };\n useDidUpdate(() => {\n handleStateChange(mounted);\n }, [mounted]);\n useEffect(() => () => window.clearTimeout(timeoutRef.current), []);\n return {\n transitionDuration,\n transitionStatus,\n transitionTimingFunction: timingFunction || theme.transitionTimingFunction\n };\n}\n\nexport { useTransition };\n//# sourceMappingURL=use-transition.js.map\n","import React from 'react';\nimport { getTransitionStyles } from './get-transition-styles/get-transition-styles.js';\nimport { useTransition } from './use-transition.js';\n\nfunction Transition({\n keepMounted,\n transition,\n duration = 250,\n exitDuration = duration,\n mounted,\n children,\n timingFunction,\n onExit,\n onEntered,\n onEnter,\n onExited\n}) {\n const { transitionDuration, transitionStatus, transitionTimingFunction } = useTransition({\n mounted,\n exitDuration,\n duration,\n timingFunction,\n onExit,\n onEntered,\n onEnter,\n onExited\n });\n if (transitionDuration === 0) {\n return mounted ? /* @__PURE__ */ React.createElement(React.Fragment, null, children({})) : keepMounted ? children({ display: \"none\" }) : null;\n }\n return transitionStatus === \"exited\" ? keepMounted ? children({ display: \"none\" }) : null : /* @__PURE__ */ React.createElement(React.Fragment, null, children(getTransitionStyles({\n transition,\n duration: transitionDuration,\n state: transitionStatus,\n timingFunction: transitionTimingFunction\n })));\n}\nTransition.displayName = \"@mantine/core/Transition\";\n\nexport { Transition };\n//# sourceMappingURL=Transition.js.map\n","import { createStyles } from '@mantine/styles';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme) => ({\n root: __spreadProps(__spreadValues(__spreadValues({}, theme.fn.focusStyles()), theme.fn.fontStyles()), {\n cursor: \"pointer\",\n border: 0,\n padding: 0,\n appearance: \"none\",\n fontSize: theme.fontSizes.md,\n backgroundColor: \"transparent\",\n textAlign: \"left\",\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[0] : theme.black,\n textDecoration: \"none\",\n boxSizing: \"border-box\"\n })\n}));\n\nexport default useStyles;\n//# sourceMappingURL=UnstyledButton.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/styles';\nimport { createPolymorphicComponent } from '@mantine/utils';\nimport useStyles from './UnstyledButton.styles.js';\nimport { Box } from '../Box/Box.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst _UnstyledButton = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"UnstyledButton\", {}, props), {\n className,\n component = \"button\",\n unstyled,\n variant\n } = _a, others = __objRest(_a, [\n \"className\",\n \"component\",\n \"unstyled\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles(null, { name: \"UnstyledButton\", unstyled, variant });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n component,\n ref,\n className: cx(classes.root, className),\n type: component === \"button\" ? \"button\" : void 0\n }, others));\n});\n_UnstyledButton.displayName = \"@mantine/core/UnstyledButton\";\nconst UnstyledButton = createPolymorphicComponent(_UnstyledButton);\n\nexport { UnstyledButton, _UnstyledButton };\n//# sourceMappingURL=UnstyledButton.js.map\n","import { useUncontrolled } from '@mantine/hooks';\nimport { useRef } from 'react';\n\nconst getEmptyValue = (type) => type === \"range\" ? [null, null] : type === \"multiple\" ? [] : null;\nfunction useUncontrolledDates({\n type,\n value,\n defaultValue,\n onChange\n}) {\n const storedType = useRef(type);\n const [_value, _setValue] = useUncontrolled({\n value,\n defaultValue,\n onChange,\n finalValue: getEmptyValue(type)\n });\n let _finalValue = _value;\n if (storedType.current !== type) {\n storedType.current = type;\n if (value === void 0) {\n _finalValue = defaultValue !== void 0 ? defaultValue : getEmptyValue(type);\n _setValue(_finalValue);\n } else if (process.env.NODE_ENV === \"development\") {\n switch (type) {\n case \"default\":\n if (value !== null && typeof value !== \"string\") {\n console.error(\"[@mantine/dates/use-uncontrolled-dates] Value must be type of `null` or `string`\");\n }\n break;\n case \"multiple\":\n if (!(value instanceof Array)) {\n console.error(\"[@mantine/dates/use-uncontrolled-dates] Value must be type of `string[]`\");\n }\n break;\n case \"range\":\n if (!(value instanceof Array) || value.length !== 2) {\n console.error(\"[@mantine/dates/use-uncontrolled-dates] Value must be type of `[string, string]`\");\n }\n break;\n }\n }\n }\n return [_finalValue, _setValue];\n}\n\nexport { useUncontrolledDates };\n//# sourceMappingURL=use-uncontrolled-dates.js.map\n","import dayjs from 'dayjs';\n\nfunction isInRange(date, range) {\n const _range = [...range].sort((a, b) => a.getTime() - b.getTime());\n return dayjs(_range[0]).startOf(\"day\").subtract(1, \"ms\").isBefore(date) && dayjs(_range[1]).endOf(\"day\").add(1, \"ms\").isAfter(date);\n}\n\nexport { isInRange };\n//# sourceMappingURL=is-in-range.js.map\n","import dayjs from 'dayjs';\nimport { useState } from 'react';\nimport { useUncontrolledDates } from '../use-uncontrolled-dates/use-uncontrolled-dates.js';\nimport { isInRange } from './is-in-range/is-in-range.js';\n\nfunction useDatesState({\n type,\n level,\n value,\n defaultValue,\n onChange,\n allowSingleDateInRange,\n allowDeselect,\n onMouseLeave\n}) {\n const [_value, setValue] = useUncontrolledDates({ type, value, defaultValue, onChange });\n const [pickedDate, setPickedDate] = useState(type === \"range\" ? _value[0] && !_value[1] ? _value[0] : null : null);\n const [hoveredDate, setHoveredDate] = useState(null);\n const onDateChange = (date) => {\n if (type === \"range\") {\n if (pickedDate instanceof Date && !_value[1]) {\n if (dayjs(date).isSame(pickedDate, level) && !allowSingleDateInRange) {\n setPickedDate(null);\n setHoveredDate(null);\n setValue([null, null]);\n return;\n }\n const result = [date, pickedDate];\n result.sort((a, b) => a.getTime() - b.getTime());\n setValue(result);\n setHoveredDate(null);\n setPickedDate(null);\n return;\n }\n if (_value[0] && !_value[1] && dayjs(date).isSame(_value[0], level) && !allowSingleDateInRange) {\n setPickedDate(null);\n setHoveredDate(null);\n setValue([null, null]);\n return;\n }\n setValue([date, null]);\n setHoveredDate(null);\n setPickedDate(date);\n return;\n }\n if (type === \"multiple\") {\n if (_value.some((selected) => dayjs(selected).isSame(date, level))) {\n setValue(_value.filter((selected) => !dayjs(selected).isSame(date, level)));\n } else {\n setValue([..._value, date]);\n }\n return;\n }\n if (_value && allowDeselect && dayjs(date).isSame(_value, level)) {\n setValue(null);\n } else {\n setValue(date);\n }\n };\n const isDateInRange = (date) => {\n if (pickedDate instanceof Date && hoveredDate instanceof Date) {\n return isInRange(date, [hoveredDate, pickedDate]);\n }\n if (_value[0] instanceof Date && _value[1] instanceof Date) {\n return isInRange(date, _value);\n }\n return false;\n };\n const onRootMouseLeave = type === \"range\" ? (event) => {\n onMouseLeave == null ? void 0 : onMouseLeave(event);\n setHoveredDate(null);\n } : onMouseLeave;\n const isFirstInRange = (date) => {\n if (!(_value[0] instanceof Date)) {\n return false;\n }\n if (dayjs(date).isSame(_value[0], level)) {\n return !(hoveredDate && dayjs(hoveredDate).isBefore(_value[0]));\n }\n return false;\n };\n const isLastInRange = (date) => {\n if (_value[1] instanceof Date) {\n return dayjs(date).isSame(_value[1], level);\n }\n if (!(_value[0] instanceof Date) || !hoveredDate) {\n return false;\n }\n return dayjs(hoveredDate).isBefore(_value[0]) && dayjs(date).isSame(_value[0], level);\n };\n const getControlProps = (date) => {\n if (type === \"range\") {\n return {\n selected: _value.some((selection) => selection && dayjs(selection).isSame(date, level)),\n inRange: isDateInRange(date),\n firstInRange: isFirstInRange(date),\n lastInRange: isLastInRange(date),\n \"data-autofocus\": !!_value[0] && dayjs(_value[0]).isSame(date, level) || void 0\n };\n }\n if (type === \"multiple\") {\n return {\n selected: _value.some((selection) => selection && dayjs(selection).isSame(date, level)),\n \"data-autofocus\": !!_value[0] && dayjs(_value[0]).isSame(date, level) || void 0\n };\n }\n const selected = dayjs(_value).isSame(date, level);\n return { selected, \"data-autofocus\": selected || void 0 };\n };\n const onHoveredDateChange = type === \"range\" && pickedDate ? setHoveredDate : () => {\n };\n return {\n onDateChange,\n onRootMouseLeave,\n onHoveredDateChange,\n getControlProps,\n _value,\n setValue\n };\n}\n\nexport { useDatesState };\n//# sourceMappingURL=use-dates-state.js.map\n","import { clamp } from '@mantine/hooks';\n\nfunction levelToNumber(level, fallback) {\n if (!level) {\n return fallback;\n }\n return level === \"month\" ? 0 : level === \"year\" ? 1 : 2;\n}\nfunction levelNumberToLevel(levelNumber) {\n return levelNumber === 0 ? \"month\" : levelNumber === 1 ? \"year\" : \"decade\";\n}\nfunction clampLevel(level, minLevel, maxLevel) {\n return levelNumberToLevel(clamp(levelToNumber(level, 0), levelToNumber(minLevel, 0), levelToNumber(maxLevel, 2)));\n}\n\nexport { clampLevel };\n//# sourceMappingURL=clamp-level.js.map\n","import { createStyles } from '@mantine/core';\n\nvar useStyles = createStyles(() => ({\n calendar: {}\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Calendar.styles.js.map\n","import { createStyles, getSize } from '@mantine/core';\n\nvar useStyles = createStyles((theme, _, { size }) => ({\n monthLevelGroup: {\n display: \"flex\",\n \"& [data-month-level]:not(:last-of-type)\": {\n marginRight: getSize({ size, sizes: theme.spacing })\n }\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=MonthLevelGroup.styles.js.map\n","import { createStyles } from '@mantine/core';\n\nvar useStyles = createStyles((theme) => ({\n monthLevel: {},\n calendarHeader: {\n marginBottom: theme.spacing.xs\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=MonthLevel.styles.js.map\n","import React, { createContext } from 'react';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nconst DATES_PROVIDER_DEFAULT_SETTINGS = {\n locale: \"en\",\n firstDayOfWeek: 1,\n weekendDays: [0, 6],\n labelSeparator: \"\\u2013\"\n};\nconst DatesProviderContext = createContext(DATES_PROVIDER_DEFAULT_SETTINGS);\nfunction DatesProvider({ settings, children }) {\n return /* @__PURE__ */ React.createElement(DatesProviderContext.Provider, {\n value: __spreadValues(__spreadValues({}, DATES_PROVIDER_DEFAULT_SETTINGS), settings)\n }, children);\n}\n\nexport { DATES_PROVIDER_DEFAULT_SETTINGS, DatesProvider, DatesProviderContext };\n//# sourceMappingURL=DatesProvider.js.map\n","import { useContext, useCallback } from 'react';\nimport { DatesProviderContext } from './DatesProvider.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nfunction useDatesContext() {\n const ctx = useContext(DatesProviderContext);\n const getLocale = useCallback((input) => input || ctx.locale, [ctx.locale]);\n const getFirstDayOfWeek = useCallback((input) => typeof input === \"number\" ? input : ctx.firstDayOfWeek, [ctx.firstDayOfWeek]);\n const getWeekendDays = useCallback((input) => Array.isArray(input) ? input : ctx.weekendDays, [ctx.weekendDays]);\n const getLabelSeparator = useCallback((input) => typeof input === \"string\" ? input : ctx.labelSeparator, [ctx.labelSeparator]);\n return __spreadProps(__spreadValues({}, ctx), {\n getLocale,\n getFirstDayOfWeek,\n getWeekendDays,\n getLabelSeparator\n });\n}\n\nexport { useDatesContext };\n//# sourceMappingURL=use-dates-context.js.map\n","import React from 'react';\nimport { useMantineTheme, ChevronIcon } from '@mantine/core';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nfunction Chevron(_a) {\n var _b = _a, { direction, style } = _b, others = __objRest(_b, [\"direction\", \"style\"]);\n const theme = useMantineTheme();\n return /* @__PURE__ */ React.createElement(ChevronIcon, __spreadProps(__spreadValues({}, others), {\n style: __spreadProps(__spreadValues({}, style), {\n transform: direction === \"next\" && theme.dir === \"ltr\" || direction === \"previous\" && theme.dir === \"rtl\" ? \"rotate(270deg)\" : \"rotate(90deg)\"\n })\n }));\n}\nChevron.displayName = \"@mantine/dates/Chevron\";\n\nexport { Chevron };\n//# sourceMappingURL=Chevron.js.map\n","import { createStyles, getSize, rem } from '@mantine/core';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nconst sizes = {\n xs: rem(30),\n sm: rem(36),\n md: rem(42),\n lg: rem(48),\n xl: rem(54)\n};\nvar useStyles = createStyles((theme, { radius, isStatic }, { size }) => {\n const colors = theme.fn.variant({ variant: \"filled\" });\n const lightColors = theme.fn.variant({ variant: \"light\" });\n return {\n day: __spreadProps(__spreadValues({\n width: getSize({ size, sizes }),\n height: getSize({ size, sizes }),\n fontSize: getSize({ size, sizes: theme.fontSizes }),\n display: \"inline-flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n userSelect: isStatic ? void 0 : \"none\",\n cursor: isStatic ? \"default\" : \"pointer\",\n borderRadius: theme.fn.radius(radius)\n }, isStatic ? null : theme.fn.hover({\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[5] : theme.colors.gray[0]\n })), {\n \"&:active\": isStatic ? void 0 : theme.activeStyles,\n \"&[data-disabled]\": __spreadProps(__spreadValues({\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[3] : theme.colors.gray[4],\n cursor: \"not-allowed\"\n }, theme.fn.hover({ backgroundColor: \"transparent\" })), {\n \"&:active\": {\n transform: \"none\"\n }\n }),\n \"&[data-weekend]\": {\n color: theme.colors.red[theme.fn.primaryShade()]\n },\n \"&[data-outside]\": {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[3] : theme.colors.gray[4]\n },\n \"&[data-in-range]\": __spreadValues({\n backgroundColor: lightColors.background,\n borderRadius: 0\n }, isStatic ? null : theme.fn.hover({ backgroundColor: lightColors.hover })),\n \"&[data-first-in-range]\": {\n borderTopLeftRadius: theme.radius.sm,\n borderBottomLeftRadius: theme.radius.sm\n },\n \"&[data-last-in-range]\": {\n borderTopRightRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm\n },\n \"&[data-selected]\": __spreadValues({\n color: colors.color,\n backgroundColor: colors.background\n }, isStatic ? null : theme.fn.hover({ backgroundColor: colors.hover })),\n \"&[data-hidden]\": {\n display: \"none\"\n }\n })\n };\n});\n\nexport default useStyles;\nexport { sizes };\n//# sourceMappingURL=Day.styles.js.map\n","import { createStyles, getSize, rem } from '@mantine/core';\nimport { sizes } from '../Day/Day.styles.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme, _, { size }) => {\n const controlSize = getSize({ size, sizes });\n return {\n calendarHeaderControlIcon: {},\n calendarHeader: {\n display: \"flex\",\n maxWidth: `calc(${controlSize} * 7 + ${rem(7)})`\n },\n calendarHeaderControl: __spreadProps(__spreadValues({\n width: controlSize,\n height: controlSize,\n borderRadius: theme.fn.radius(),\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n userSelect: \"none\"\n }, theme.fn.hover({\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[5] : theme.colors.gray[0]\n })), {\n \"&:active\": theme.activeStyles,\n \"&[data-disabled]\": __spreadProps(__spreadValues({\n opacity: 0.2,\n cursor: \"not-allowed\"\n }, theme.fn.hover({ backgroundColor: \"transparent\" })), {\n \"&:active\": {\n transform: \"none\"\n }\n })\n }),\n calendarHeaderLevel: __spreadProps(__spreadValues({\n height: controlSize,\n borderRadius: theme.fn.radius(),\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n userSelect: \"none\",\n flex: 1,\n fontSize: getSize({ size, sizes: theme.fontSizes }),\n fontWeight: 500,\n textTransform: \"capitalize\"\n }, theme.fn.hover({\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[5] : theme.colors.gray[0]\n })), {\n \"&:active\": theme.activeStyles,\n \"&[data-static]\": __spreadProps(__spreadValues({\n cursor: \"default\",\n userSelect: \"unset\"\n }, theme.fn.hover({ backgroundColor: \"transparent\" })), {\n \"&:active\": {\n transform: \"none\"\n }\n })\n })\n };\n});\n\nexport default useStyles;\n//# sourceMappingURL=CalendarHeader.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, Box, UnstyledButton } from '@mantine/core';\nimport { Chevron } from './Chevron.js';\nimport useStyles from './CalendarHeader.styles.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n nextDisabled: false,\n previousDisabled: false,\n hasNextLevel: true,\n withNext: true,\n withPrevious: true,\n size: \"sm\"\n};\nconst CalendarHeader = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"CalendarHeader\", defaultProps, props), {\n className,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n onLevelClick,\n label,\n classNames,\n styles,\n unstyled,\n nextDisabled,\n previousDisabled,\n hasNextLevel,\n levelControlAriaLabel,\n withNext,\n withPrevious,\n __staticSelector,\n __preventFocus,\n __stopPropagation,\n size,\n variant\n } = _a, others = __objRest(_a, [\n \"className\",\n \"nextIcon\",\n \"previousIcon\",\n \"nextLabel\",\n \"previousLabel\",\n \"onNext\",\n \"onPrevious\",\n \"onLevelClick\",\n \"label\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"nextDisabled\",\n \"previousDisabled\",\n \"hasNextLevel\",\n \"levelControlAriaLabel\",\n \"withNext\",\n \"withPrevious\",\n \"__staticSelector\",\n \"__preventFocus\",\n \"__stopPropagation\",\n \"size\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"CalendarHeader\", __staticSelector],\n classNames,\n styles,\n unstyled,\n size,\n variant\n });\n const preventFocus = __preventFocus ? (event) => event.preventDefault() : void 0;\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.calendarHeader, className),\n ref\n }, others), withPrevious && /* @__PURE__ */ React.createElement(UnstyledButton, {\n className: classes.calendarHeaderControl,\n \"data-previous\": true,\n \"aria-label\": previousLabel,\n onClick: onPrevious,\n unstyled,\n onMouseDown: preventFocus,\n disabled: previousDisabled,\n \"data-disabled\": previousDisabled || void 0,\n tabIndex: __preventFocus ? -1 : 0,\n \"data-mantine-stop-propagation\": __stopPropagation || void 0\n }, previousIcon || /* @__PURE__ */ React.createElement(Chevron, {\n className: classes.calendarHeaderControlIcon,\n direction: \"previous\",\n \"data-previous\": true\n })), /* @__PURE__ */ React.createElement(UnstyledButton, {\n component: hasNextLevel ? \"button\" : \"div\",\n className: classes.calendarHeaderLevel,\n onClick: hasNextLevel ? onLevelClick : void 0,\n unstyled,\n onMouseDown: hasNextLevel ? preventFocus : void 0,\n disabled: !hasNextLevel,\n \"data-static\": !hasNextLevel || void 0,\n \"aria-label\": levelControlAriaLabel,\n tabIndex: __preventFocus || !hasNextLevel ? -1 : 0,\n \"data-mantine-stop-propagation\": __stopPropagation || void 0\n }, label), withNext && /* @__PURE__ */ React.createElement(UnstyledButton, {\n className: classes.calendarHeaderControl,\n \"data-next\": true,\n \"aria-label\": nextLabel,\n onClick: onNext,\n unstyled,\n onMouseDown: preventFocus,\n disabled: nextDisabled,\n \"data-disabled\": nextDisabled || void 0,\n tabIndex: __preventFocus ? -1 : 0,\n \"data-mantine-stop-propagation\": __stopPropagation || void 0\n }, nextIcon || /* @__PURE__ */ React.createElement(Chevron, {\n className: classes.calendarHeaderControlIcon,\n direction: \"next\",\n \"data-next\": true\n })));\n});\nCalendarHeader.displayName = \"@mantine/dates/CalendarHeader\";\n\nexport { CalendarHeader };\n//# sourceMappingURL=CalendarHeader.js.map\n","import { getStartOfWeek } from '../get-start-of-week/get-start-of-week.js';\nimport { getEndOfWeek } from '../get-end-of-week/get-end-of-week.js';\n\nfunction getMonthDays(month, firstDayOfWeek = 1) {\n const currentMonth = month.getMonth();\n const startOfMonth = new Date(month.getFullYear(), currentMonth, 1);\n const endOfMonth = new Date(month.getFullYear(), month.getMonth() + 1, 0);\n const endDate = getEndOfWeek(endOfMonth, firstDayOfWeek);\n const date = getStartOfWeek(startOfMonth, firstDayOfWeek);\n const weeks = [];\n while (date <= endDate) {\n const days = [];\n for (let i = 0; i < 7; i += 1) {\n days.push(new Date(date));\n date.setDate(date.getDate() + 1);\n }\n weeks.push(days);\n }\n return weeks;\n}\n\nexport { getMonthDays };\n//# sourceMappingURL=get-month-days.js.map\n","function getEndOfWeek(date, firstDayOfWeek = 1) {\n const value = new Date(date);\n const lastDayOfWeek = firstDayOfWeek === 0 ? 6 : firstDayOfWeek - 1;\n while (value.getDay() !== lastDayOfWeek) {\n value.setDate(value.getDate() + 1);\n }\n return value;\n}\n\nexport { getEndOfWeek };\n//# sourceMappingURL=get-end-of-week.js.map\n","function getStartOfWeek(date, firstDayOfWeek = 1) {\n const value = new Date(date);\n while (value.getDay() !== firstDayOfWeek) {\n value.setDate(value.getDate() - 1);\n }\n return value;\n}\n\nexport { getStartOfWeek };\n//# sourceMappingURL=get-start-of-week.js.map\n","function isSameMonth(date, comparison) {\n return date.getFullYear() === comparison.getFullYear() && date.getMonth() === comparison.getMonth();\n}\n\nexport { isSameMonth };\n//# sourceMappingURL=is-same-month.js.map\n","import dayjs from 'dayjs';\n\nfunction isBeforeMaxDate(date, maxDate) {\n return maxDate instanceof Date ? dayjs(date).isBefore(dayjs(maxDate).add(1, \"day\"), \"day\") : true;\n}\n\nexport { isBeforeMaxDate };\n//# sourceMappingURL=is-before-max-date.js.map\n","import dayjs from 'dayjs';\n\nfunction isAfterMinDate(date, minDate) {\n return minDate instanceof Date ? dayjs(date).isAfter(dayjs(minDate).subtract(1, \"day\"), \"day\") : true;\n}\n\nexport { isAfterMinDate };\n//# sourceMappingURL=is-after-min-date.js.map\n","import { createStyles, rem } from '@mantine/core';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme) => ({\n monthThead: {},\n monthRow: {},\n monthTbody: {},\n monthCell: {\n padding: 0,\n \"&[data-with-spacing]\": {\n padding: rem(0.5)\n }\n },\n month: __spreadProps(__spreadValues({}, theme.fn.fontStyles()), {\n borderCollapse: \"collapse\",\n tableLayout: \"fixed\",\n \"& *\": {\n boxSizing: \"border-box\"\n }\n })\n}));\n\nexport default useStyles;\n//# sourceMappingURL=Month.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, UnstyledButton } from '@mantine/core';\nimport dayjs from 'dayjs';\nimport useStyles from './Day.styles.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n tabIndex: 0,\n size: \"sm\"\n};\nconst Day = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Day\", defaultProps, props), {\n className,\n date,\n radius,\n disabled,\n styles,\n classNames,\n unstyled,\n __staticSelector,\n weekend,\n outside,\n selected,\n renderDay,\n inRange,\n firstInRange,\n lastInRange,\n hidden,\n static: isStatic,\n variant,\n size\n } = _a, others = __objRest(_a, [\n \"className\",\n \"date\",\n \"radius\",\n \"disabled\",\n \"styles\",\n \"classNames\",\n \"unstyled\",\n \"__staticSelector\",\n \"weekend\",\n \"outside\",\n \"selected\",\n \"renderDay\",\n \"inRange\",\n \"firstInRange\",\n \"lastInRange\",\n \"hidden\",\n \"static\",\n \"variant\",\n \"size\"\n ]);\n const { classes, cx } = useStyles({ radius, isStatic }, { name: [\"Day\", __staticSelector], classNames, styles, unstyled, variant, size });\n return /* @__PURE__ */ React.createElement(UnstyledButton, __spreadValues({\n component: isStatic ? \"div\" : \"button\",\n ref,\n className: cx(classes.day, className),\n disabled,\n \"data-today\": dayjs(date).isSame(new Date(), \"day\") || void 0,\n \"data-hidden\": hidden || void 0,\n \"data-disabled\": disabled || void 0,\n \"data-weekend\": !disabled && !outside && weekend || void 0,\n \"data-outside\": !disabled && outside || void 0,\n \"data-selected\": !disabled && selected || void 0,\n \"data-in-range\": inRange && !disabled || void 0,\n \"data-first-in-range\": firstInRange && !disabled || void 0,\n \"data-last-in-range\": lastInRange && !disabled || void 0,\n unstyled\n }, others), (renderDay == null ? void 0 : renderDay(date)) || date.getDate());\n});\nDay.displayName = \"@mantine/dates/Day\";\n\nexport { Day };\n//# sourceMappingURL=Day.js.map\n","import { createStyles, getSize } from '@mantine/core';\n\nvar useStyles = createStyles((theme, _, { size }) => ({\n weekdaysRow: {},\n weekday: {\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[1] : theme.colors.gray[5],\n fontWeight: 400,\n fontSize: getSize({ size, sizes: theme.fontSizes }),\n textTransform: \"capitalize\",\n paddingBottom: `calc(${getSize({ size, sizes: theme.spacing })} / 2)`\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=WeekdaysRow.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, Box } from '@mantine/core';\nimport { getWeekdayNames } from './get-weekdays-names/get-weekdays-names.js';\nimport useStyles from './WeekdaysRow.styles.js';\nimport { useDatesContext } from '../DatesProvider/use-dates-context.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n weekdayFormat: \"dd\",\n cellComponent: \"th\",\n size: \"sm\"\n};\nconst WeekdaysRow = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"WeekdaysRow\", defaultProps, props), {\n className,\n locale,\n firstDayOfWeek,\n weekdayFormat,\n cellComponent: CellComponent,\n __staticSelector,\n classNames,\n styles,\n unstyled,\n variant,\n size\n } = _a, others = __objRest(_a, [\n \"className\",\n \"locale\",\n \"firstDayOfWeek\",\n \"weekdayFormat\",\n \"cellComponent\",\n \"__staticSelector\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"variant\",\n \"size\"\n ]);\n const ctx = useDatesContext();\n const { classes, cx } = useStyles(null, {\n name: [\"WeekdaysRow\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n const weekdays = getWeekdayNames({\n locale: ctx.getLocale(locale),\n format: weekdayFormat,\n firstDayOfWeek: ctx.getFirstDayOfWeek(firstDayOfWeek)\n }).map((weekday, index) => /* @__PURE__ */ React.createElement(CellComponent, {\n key: index,\n className: classes.weekday\n }, weekday));\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n component: \"tr\",\n ref,\n className: cx(classes.weekdaysRow, className)\n }, others), weekdays);\n});\nWeekdaysRow.displayName = \"@mantine/dates/WeekdaysRow\";\n\nexport { WeekdaysRow };\n//# sourceMappingURL=WeekdaysRow.js.map\n","import dayjs from 'dayjs';\n\nfunction getWeekdayNames({\n locale,\n format = \"dd\",\n firstDayOfWeek = 1\n}) {\n const baseDate = dayjs().day(firstDayOfWeek);\n const labels = [];\n for (let i = 0; i < 7; i += 1) {\n if (typeof format === \"string\") {\n labels.push(dayjs(baseDate).add(i, \"days\").locale(locale).format(format));\n } else {\n labels.push(format(dayjs(baseDate).add(i, \"days\").toDate()));\n }\n }\n return labels;\n}\n\nexport { getWeekdayNames };\n//# sourceMappingURL=get-weekdays-names.js.map\n","import dayjs from 'dayjs';\nimport React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, Box } from '@mantine/core';\nimport { getMonthDays } from './get-month-days/get-month-days.js';\nimport { isSameMonth } from './is-same-month/is-same-month.js';\nimport { isBeforeMaxDate } from './is-before-max-date/is-before-max-date.js';\nimport { isAfterMinDate } from './is-after-min-date/is-after-min-date.js';\nimport useStyles from './Month.styles.js';\nimport { getDateInTabOrder } from './get-date-in-tab-order/get-date-in-tab-order.js';\nimport { useDatesContext } from '../DatesProvider/use-dates-context.js';\nimport { Day } from '../Day/Day.js';\nimport { WeekdaysRow } from '../WeekdaysRow/WeekdaysRow.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n size: \"sm\",\n withCellSpacing: true\n};\nconst Month = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Month\", defaultProps, props), {\n className,\n classNames,\n styles,\n unstyled,\n __staticSelector,\n locale,\n firstDayOfWeek,\n weekdayFormat,\n month,\n weekendDays,\n getDayProps,\n excludeDate,\n minDate,\n maxDate,\n renderDay,\n hideOutsideDates,\n hideWeekdays,\n getDayAriaLabel,\n static: isStatic,\n __getDayRef,\n __onDayKeyDown,\n __onDayClick,\n __onDayMouseEnter,\n __preventFocus,\n __stopPropagation,\n withCellSpacing,\n size,\n variant\n } = _a, others = __objRest(_a, [\n \"className\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"__staticSelector\",\n \"locale\",\n \"firstDayOfWeek\",\n \"weekdayFormat\",\n \"month\",\n \"weekendDays\",\n \"getDayProps\",\n \"excludeDate\",\n \"minDate\",\n \"maxDate\",\n \"renderDay\",\n \"hideOutsideDates\",\n \"hideWeekdays\",\n \"getDayAriaLabel\",\n \"static\",\n \"__getDayRef\",\n \"__onDayKeyDown\",\n \"__onDayClick\",\n \"__onDayMouseEnter\",\n \"__preventFocus\",\n \"__stopPropagation\",\n \"withCellSpacing\",\n \"size\",\n \"variant\"\n ]);\n const ctx = useDatesContext();\n const { classes, cx } = useStyles(null, {\n name: [\"Month\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n const stylesApiProps = {\n __staticSelector: __staticSelector || \"Month\",\n classNames,\n styles,\n unstyled,\n variant,\n size\n };\n const dates = getMonthDays(month, ctx.getFirstDayOfWeek(firstDayOfWeek));\n const dateInTabOrder = getDateInTabOrder(dates, minDate, maxDate, getDayProps, excludeDate, hideOutsideDates, month);\n const rows = dates.map((row, rowIndex) => {\n const cells = row.map((date, cellIndex) => {\n const outside = !isSameMonth(date, month);\n const ariaLabel = (getDayAriaLabel == null ? void 0 : getDayAriaLabel(date)) || dayjs(date).locale(locale || ctx.locale).format(\"D MMMM YYYY\");\n const dayProps = getDayProps == null ? void 0 : getDayProps(date);\n const isDateInTabOrder = dayjs(date).isSame(dateInTabOrder, \"date\");\n return /* @__PURE__ */ React.createElement(\"td\", {\n key: date.toString(),\n className: classes.monthCell,\n \"data-with-spacing\": withCellSpacing || void 0\n }, /* @__PURE__ */ React.createElement(Day, __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, stylesApiProps), {\n \"data-mantine-stop-propagation\": __stopPropagation || void 0,\n renderDay,\n date,\n weekend: ctx.getWeekendDays(weekendDays).includes(date.getDay()),\n outside,\n hidden: hideOutsideDates ? outside : false,\n \"aria-label\": ariaLabel,\n static: isStatic,\n disabled: (excludeDate == null ? void 0 : excludeDate(date)) || !isBeforeMaxDate(date, maxDate) || !isAfterMinDate(date, minDate),\n ref: (node) => __getDayRef == null ? void 0 : __getDayRef(rowIndex, cellIndex, node)\n }), dayProps), {\n onKeyDown: (event) => {\n var _a2;\n (_a2 = dayProps == null ? void 0 : dayProps.onKeyDown) == null ? void 0 : _a2.call(dayProps, event);\n __onDayKeyDown == null ? void 0 : __onDayKeyDown(event, { rowIndex, cellIndex, date });\n },\n onMouseEnter: (event) => {\n var _a2;\n (_a2 = dayProps == null ? void 0 : dayProps.onMouseEnter) == null ? void 0 : _a2.call(dayProps, event);\n __onDayMouseEnter == null ? void 0 : __onDayMouseEnter(event, date);\n },\n onClick: (event) => {\n var _a2;\n (_a2 = dayProps == null ? void 0 : dayProps.onClick) == null ? void 0 : _a2.call(dayProps, event);\n __onDayClick == null ? void 0 : __onDayClick(event, date);\n },\n onMouseDown: (event) => {\n var _a2;\n (_a2 = dayProps == null ? void 0 : dayProps.onMouseDown) == null ? void 0 : _a2.call(dayProps, event);\n __preventFocus && event.preventDefault();\n },\n tabIndex: __preventFocus || !isDateInTabOrder ? -1 : 0\n })));\n });\n return /* @__PURE__ */ React.createElement(\"tr\", {\n key: rowIndex,\n className: classes.monthRow\n }, cells);\n });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n component: \"table\",\n className: cx(classes.month, className),\n ref\n }, others), !hideWeekdays && /* @__PURE__ */ React.createElement(\"thead\", {\n className: classes.monthThead\n }, /* @__PURE__ */ React.createElement(WeekdaysRow, __spreadProps(__spreadValues({}, stylesApiProps), {\n locale,\n firstDayOfWeek,\n weekdayFormat\n }))), /* @__PURE__ */ React.createElement(\"tbody\", {\n className: classes.monthTbody\n }, rows));\n});\nMonth.displayName = \"@mantine/dates/Month\";\n\nexport { Month };\n//# sourceMappingURL=Month.js.map\n","import dayjs from 'dayjs';\nimport { isAfterMinDate } from '../is-after-min-date/is-after-min-date.js';\nimport { isBeforeMaxDate } from '../is-before-max-date/is-before-max-date.js';\nimport { isSameMonth } from '../is-same-month/is-same-month.js';\n\nfunction getDateInTabOrder(dates, minDate, maxDate, getDateControlProps, excludeDate, hideOutsideDates, month) {\n const enabledDates = dates.flat().filter((date) => {\n var _a;\n return isBeforeMaxDate(date, maxDate) && isAfterMinDate(date, minDate) && !(excludeDate == null ? void 0 : excludeDate(date)) && !((_a = getDateControlProps == null ? void 0 : getDateControlProps(date)) == null ? void 0 : _a.disabled) && (!hideOutsideDates || isSameMonth(date, month));\n });\n const selectedDate = enabledDates.find((date) => {\n var _a;\n return (_a = getDateControlProps == null ? void 0 : getDateControlProps(date)) == null ? void 0 : _a.selected;\n });\n if (selectedDate) {\n return selectedDate;\n }\n const currentDate = enabledDates.find((date) => dayjs().isSame(date, \"date\"));\n if (currentDate) {\n return currentDate;\n }\n return enabledDates[0];\n}\n\nexport { getDateInTabOrder };\n//# sourceMappingURL=get-date-in-tab-order.js.map\n","import dayjs from 'dayjs';\nimport React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, Box } from '@mantine/core';\nimport useStyles from './MonthLevel.styles.js';\nimport { useDatesContext } from '../DatesProvider/use-dates-context.js';\nimport { CalendarHeader } from '../CalendarHeader/CalendarHeader.js';\nimport { Month } from '../Month/Month.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n monthLabelFormat: \"MMMM YYYY\"\n};\nconst MonthLevel = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"MonthLevel\", defaultProps, props), {\n month,\n locale,\n firstDayOfWeek,\n weekdayFormat,\n weekendDays,\n getDayProps,\n excludeDate,\n minDate,\n maxDate,\n renderDay,\n hideOutsideDates,\n hideWeekdays,\n getDayAriaLabel,\n __getDayRef,\n __onDayKeyDown,\n __onDayClick,\n __onDayMouseEnter,\n withCellSpacing,\n __preventFocus,\n __stopPropagation,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n onLevelClick,\n nextDisabled,\n previousDisabled,\n hasNextLevel,\n levelControlAriaLabel,\n withNext,\n withPrevious,\n className,\n monthLabelFormat,\n classNames,\n styles,\n unstyled,\n __staticSelector,\n size,\n variant,\n static: isStatic\n } = _a, others = __objRest(_a, [\n \"month\",\n \"locale\",\n \"firstDayOfWeek\",\n \"weekdayFormat\",\n \"weekendDays\",\n \"getDayProps\",\n \"excludeDate\",\n \"minDate\",\n \"maxDate\",\n \"renderDay\",\n \"hideOutsideDates\",\n \"hideWeekdays\",\n \"getDayAriaLabel\",\n \"__getDayRef\",\n \"__onDayKeyDown\",\n \"__onDayClick\",\n \"__onDayMouseEnter\",\n \"withCellSpacing\",\n \"__preventFocus\",\n \"__stopPropagation\",\n \"nextIcon\",\n \"previousIcon\",\n \"nextLabel\",\n \"previousLabel\",\n \"onNext\",\n \"onPrevious\",\n \"onLevelClick\",\n \"nextDisabled\",\n \"previousDisabled\",\n \"hasNextLevel\",\n \"levelControlAriaLabel\",\n \"withNext\",\n \"withPrevious\",\n \"className\",\n \"monthLabelFormat\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"__staticSelector\",\n \"size\",\n \"variant\",\n \"static\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"MonthLevel\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n const ctx = useDatesContext();\n const stylesApiProps = {\n __staticSelector: __staticSelector || \"MonthLevel\",\n classNames,\n styles,\n unstyled,\n variant,\n size\n };\n const _nextDisabled = typeof nextDisabled === \"boolean\" ? nextDisabled : maxDate ? !dayjs(month).endOf(\"month\").isBefore(maxDate) : false;\n const _previousDisabled = typeof previousDisabled === \"boolean\" ? previousDisabled : minDate ? !dayjs(month).startOf(\"month\").isAfter(minDate) : false;\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.monthLevel, className),\n \"data-month-level\": true,\n ref\n }, others), /* @__PURE__ */ React.createElement(CalendarHeader, __spreadValues({\n label: typeof monthLabelFormat === \"function\" ? monthLabelFormat(month) : dayjs(month).locale(locale || ctx.locale).format(monthLabelFormat),\n className: classes.calendarHeader,\n __preventFocus,\n __stopPropagation,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n onLevelClick,\n nextDisabled: _nextDisabled,\n previousDisabled: _previousDisabled,\n hasNextLevel,\n levelControlAriaLabel,\n withNext,\n withPrevious\n }, stylesApiProps)), /* @__PURE__ */ React.createElement(Month, __spreadValues({\n month,\n locale,\n firstDayOfWeek,\n weekdayFormat,\n weekendDays,\n getDayProps,\n excludeDate,\n minDate,\n maxDate,\n renderDay,\n hideOutsideDates,\n hideWeekdays,\n getDayAriaLabel,\n __getDayRef,\n __onDayKeyDown,\n __onDayClick,\n __onDayMouseEnter,\n __preventFocus,\n __stopPropagation,\n static: isStatic,\n withCellSpacing\n }, stylesApiProps)));\n});\nMonthLevel.displayName = \"@mantine/dates/MonthLevel\";\n\nexport { MonthLevel };\n//# sourceMappingURL=MonthLevel.js.map\n","function getNextIndex({ direction, levelIndex, rowIndex, cellIndex, size }) {\n switch (direction) {\n case \"up\":\n if (levelIndex === 0 && rowIndex === 0) {\n return null;\n }\n if (rowIndex === 0) {\n return {\n levelIndex: levelIndex - 1,\n rowIndex: cellIndex <= size[levelIndex - 1][size[levelIndex - 1].length - 1] - 1 ? size[levelIndex - 1].length - 1 : size[levelIndex - 1].length - 2,\n cellIndex\n };\n }\n return {\n levelIndex,\n rowIndex: rowIndex - 1,\n cellIndex\n };\n case \"down\":\n if (rowIndex === size[levelIndex].length - 1) {\n return {\n levelIndex: levelIndex + 1,\n rowIndex: 0,\n cellIndex\n };\n }\n if (rowIndex === size[levelIndex].length - 2 && cellIndex >= size[levelIndex][size[levelIndex].length - 1]) {\n return {\n levelIndex: levelIndex + 1,\n rowIndex: 0,\n cellIndex\n };\n }\n return {\n levelIndex,\n rowIndex: rowIndex + 1,\n cellIndex\n };\n case \"left\":\n if (levelIndex === 0 && rowIndex === 0 && cellIndex === 0) {\n return null;\n }\n if (rowIndex === 0 && cellIndex === 0) {\n return {\n levelIndex: levelIndex - 1,\n rowIndex: size[levelIndex - 1].length - 1,\n cellIndex: size[levelIndex - 1][size[levelIndex - 1].length - 1] - 1\n };\n }\n if (cellIndex === 0) {\n return {\n levelIndex,\n rowIndex: rowIndex - 1,\n cellIndex: size[levelIndex][rowIndex - 1] - 1\n };\n }\n return {\n levelIndex,\n rowIndex,\n cellIndex: cellIndex - 1\n };\n case \"right\":\n if (rowIndex === size[levelIndex].length - 1 && cellIndex === size[levelIndex][rowIndex] - 1) {\n return {\n levelIndex: levelIndex + 1,\n rowIndex: 0,\n cellIndex: 0\n };\n }\n if (cellIndex === size[levelIndex][rowIndex] - 1) {\n return {\n levelIndex,\n rowIndex: rowIndex + 1,\n cellIndex: 0\n };\n }\n return {\n levelIndex,\n rowIndex,\n cellIndex: cellIndex + 1\n };\n default:\n return { levelIndex, rowIndex, cellIndex };\n }\n}\nfunction focusOnNextFocusableControl({\n controlsRef,\n direction,\n levelIndex,\n rowIndex,\n cellIndex,\n size\n}) {\n var _a, _b;\n const nextIndex = getNextIndex({ direction, size, rowIndex, cellIndex, levelIndex });\n if (!nextIndex) {\n return;\n }\n const controlToFocus = (_b = (_a = controlsRef.current[nextIndex.levelIndex]) == null ? void 0 : _a[nextIndex.rowIndex]) == null ? void 0 : _b[nextIndex.cellIndex];\n if (!controlToFocus) {\n return;\n }\n if (controlToFocus.disabled || controlToFocus.getAttribute(\"data-hidden\") || controlToFocus.getAttribute(\"data-outside\")) {\n focusOnNextFocusableControl({\n controlsRef,\n direction,\n levelIndex: nextIndex.levelIndex,\n cellIndex: nextIndex.cellIndex,\n rowIndex: nextIndex.rowIndex,\n size\n });\n } else {\n controlToFocus.focus();\n }\n}\nfunction getDirection(key) {\n switch (key) {\n case \"ArrowDown\":\n return \"down\";\n case \"ArrowUp\":\n return \"up\";\n case \"ArrowRight\":\n return \"right\";\n case \"ArrowLeft\":\n return \"left\";\n default:\n return null;\n }\n}\nfunction getControlsSize(controlsRef) {\n return controlsRef.current.map((column) => column.map((row) => row.length));\n}\nfunction handleControlKeyDown({\n controlsRef,\n levelIndex,\n rowIndex,\n cellIndex,\n event\n}) {\n const direction = getDirection(event.key);\n if (direction) {\n event.preventDefault();\n const size = getControlsSize(controlsRef);\n focusOnNextFocusableControl({\n controlsRef,\n direction,\n levelIndex,\n rowIndex,\n cellIndex,\n size\n });\n }\n}\n\nexport { handleControlKeyDown };\n//# sourceMappingURL=handle-control-key-down.js.map\n","import React, { forwardRef, useRef } from 'react';\nimport { useComponentDefaultProps, Box } from '@mantine/core';\nimport dayjs from 'dayjs';\nimport useStyles from './MonthLevelGroup.styles.js';\nimport { MonthLevel } from '../MonthLevel/MonthLevel.js';\nimport { handleControlKeyDown } from '../../utils/handle-control-key-down.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n numberOfColumns: 1\n};\nconst MonthLevelGroup = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"MonthLevelGroup\", defaultProps, props), {\n month,\n locale,\n firstDayOfWeek,\n weekdayFormat,\n weekendDays,\n getDayProps,\n excludeDate,\n minDate,\n maxDate,\n renderDay,\n hideOutsideDates,\n hideWeekdays,\n getDayAriaLabel,\n __onDayClick,\n __onDayMouseEnter,\n withCellSpacing,\n __preventFocus,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n onLevelClick,\n nextDisabled,\n previousDisabled,\n hasNextLevel,\n className,\n classNames,\n styles,\n unstyled,\n numberOfColumns,\n levelControlAriaLabel,\n monthLabelFormat,\n __staticSelector,\n __stopPropagation,\n size,\n variant,\n static: isStatic\n } = _a, others = __objRest(_a, [\n \"month\",\n \"locale\",\n \"firstDayOfWeek\",\n \"weekdayFormat\",\n \"weekendDays\",\n \"getDayProps\",\n \"excludeDate\",\n \"minDate\",\n \"maxDate\",\n \"renderDay\",\n \"hideOutsideDates\",\n \"hideWeekdays\",\n \"getDayAriaLabel\",\n \"__onDayClick\",\n \"__onDayMouseEnter\",\n \"withCellSpacing\",\n \"__preventFocus\",\n \"nextIcon\",\n \"previousIcon\",\n \"nextLabel\",\n \"previousLabel\",\n \"onNext\",\n \"onPrevious\",\n \"onLevelClick\",\n \"nextDisabled\",\n \"previousDisabled\",\n \"hasNextLevel\",\n \"className\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"numberOfColumns\",\n \"levelControlAriaLabel\",\n \"monthLabelFormat\",\n \"__staticSelector\",\n \"__stopPropagation\",\n \"size\",\n \"variant\",\n \"static\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"MonthLevelGroup\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n const daysRefs = useRef([]);\n const months = Array(numberOfColumns).fill(0).map((_, monthIndex) => {\n const currentMonth = dayjs(month).add(monthIndex, \"months\").toDate();\n return /* @__PURE__ */ React.createElement(MonthLevel, {\n key: monthIndex,\n month: currentMonth,\n withNext: monthIndex === numberOfColumns - 1,\n withPrevious: monthIndex === 0,\n monthLabelFormat,\n __stopPropagation,\n __onDayClick,\n __onDayMouseEnter,\n __onDayKeyDown: (event, payload) => handleControlKeyDown({\n levelIndex: monthIndex,\n rowIndex: payload.rowIndex,\n cellIndex: payload.cellIndex,\n event,\n controlsRef: daysRefs\n }),\n __getDayRef: (rowIndex, cellIndex, node) => {\n if (!Array.isArray(daysRefs.current[monthIndex])) {\n daysRefs.current[monthIndex] = [];\n }\n if (!Array.isArray(daysRefs.current[monthIndex][rowIndex])) {\n daysRefs.current[monthIndex][rowIndex] = [];\n }\n daysRefs.current[monthIndex][rowIndex][cellIndex] = node;\n },\n levelControlAriaLabel: typeof levelControlAriaLabel === \"function\" ? levelControlAriaLabel(currentMonth) : levelControlAriaLabel,\n locale,\n firstDayOfWeek,\n weekdayFormat,\n weekendDays,\n getDayProps,\n excludeDate,\n minDate,\n maxDate,\n renderDay,\n hideOutsideDates,\n hideWeekdays,\n getDayAriaLabel,\n __preventFocus,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n onLevelClick,\n nextDisabled,\n previousDisabled,\n hasNextLevel,\n classNames,\n styles,\n unstyled,\n __staticSelector: __staticSelector || \"MonthLevelGroup\",\n size,\n variant,\n static: isStatic,\n withCellSpacing\n });\n });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.monthLevelGroup, className),\n ref\n }, others), months);\n});\nMonthLevelGroup.displayName = \"@mantine/dates/MonthLevelGroup\";\n\nexport { MonthLevelGroup };\n//# sourceMappingURL=MonthLevelGroup.js.map\n","import { createStyles, getSize } from '@mantine/core';\n\nvar useStyles = createStyles((theme, _, { size }) => ({\n yearLevelGroup: {\n display: \"flex\",\n \"& [data-year-level]:not(:last-of-type)\": {\n marginRight: getSize({ size, sizes: theme.spacing })\n }\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=YearLevelGroup.styles.js.map\n","import { createStyles } from '@mantine/core';\n\nvar useStyles = createStyles((theme) => ({\n yearLevel: {},\n calendarHeader: {\n marginBottom: theme.spacing.xs\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=YearLevel.styles.js.map\n","import dayjs from 'dayjs';\n\nfunction isMonthDisabled(month, minDate, maxDate) {\n if (!minDate && !maxDate) {\n return false;\n }\n if (minDate && dayjs(month).isBefore(minDate, \"month\")) {\n return true;\n }\n if (maxDate && dayjs(month).isAfter(maxDate, \"month\")) {\n return true;\n }\n return false;\n}\n\nexport { isMonthDisabled };\n//# sourceMappingURL=is-month-disabled.js.map\n","import { createStyles, rem } from '@mantine/core';\n\nvar useStyles = createStyles(() => ({\n monthsList: {\n borderCollapse: \"collapse\",\n borderWidth: 0,\n cursor: \"pointer\"\n },\n monthsListCell: {\n padding: 0,\n \"&[data-with-spacing]\": {\n padding: rem(0.5)\n }\n },\n monthsListRow: {}\n}));\n\nexport default useStyles;\n//# sourceMappingURL=MonthsList.styles.js.map\n","import { createStyles, getSize, rem } from '@mantine/core';\nimport { sizes } from '../Day/Day.styles.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar useStyles = createStyles((theme, _, { size }) => {\n const colors = theme.fn.variant({ variant: \"filled\" });\n const lightColors = theme.fn.variant({ variant: \"light\" });\n return {\n pickerControl: __spreadProps(__spreadValues({\n fontSize: getSize({ size, sizes: theme.fontSizes }),\n height: getSize({ size, sizes }),\n width: `calc((${getSize({ size, sizes })} * 7) / 3 + ${rem(1.5)})`,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n userSelect: \"none\",\n borderRadius: theme.fn.radius()\n }, theme.fn.hover({\n backgroundColor: theme.colorScheme === \"dark\" ? theme.colors.dark[5] : theme.colors.gray[0]\n })), {\n \"&:active\": theme.activeStyles,\n \"&[data-in-range]\": __spreadValues({\n backgroundColor: lightColors.background,\n borderRadius: 0\n }, theme.fn.hover({ backgroundColor: lightColors.hover })),\n \"&[data-first-in-range]\": {\n borderRadius: 0,\n borderTopLeftRadius: theme.radius.sm,\n borderBottomLeftRadius: theme.radius.sm\n },\n \"&[data-last-in-range]\": {\n borderRadius: 0,\n borderTopRightRadius: theme.radius.sm,\n borderBottomRightRadius: theme.radius.sm\n },\n \"&[data-last-in-range][data-first-in-range]\": {\n borderRadius: theme.radius.sm\n },\n \"&[data-selected]\": __spreadValues({\n color: colors.color,\n backgroundColor: colors.background\n }, theme.fn.hover({ backgroundColor: colors.hover })),\n \"&[data-disabled]\": __spreadProps(__spreadValues({\n color: theme.colorScheme === \"dark\" ? theme.colors.dark[3] : theme.colors.gray[4],\n cursor: \"not-allowed\"\n }, theme.fn.hover({ backgroundColor: \"transparent\" })), {\n \"&:active\": {\n transform: \"none\"\n }\n })\n })\n };\n});\n\nexport default useStyles;\n//# sourceMappingURL=PickerControl.styles.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, UnstyledButton } from '@mantine/core';\nimport useStyles from './PickerControl.styles.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n size: \"sm\"\n};\nconst PickerControl = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"PickerControl\", defaultProps, props), {\n className,\n children,\n disabled,\n selected,\n classNames,\n styles,\n unstyled,\n firstInRange,\n lastInRange,\n inRange,\n __staticSelector,\n size,\n variant\n } = _a, others = __objRest(_a, [\n \"className\",\n \"children\",\n \"disabled\",\n \"selected\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"firstInRange\",\n \"lastInRange\",\n \"inRange\",\n \"__staticSelector\",\n \"size\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"PickerControl\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n return /* @__PURE__ */ React.createElement(UnstyledButton, __spreadValues({\n className: cx(classes.pickerControl, className),\n ref,\n unstyled,\n \"data-picker-control\": true,\n \"data-selected\": selected && !disabled || void 0,\n \"data-disabled\": disabled || void 0,\n \"data-in-range\": inRange && !disabled && !selected || void 0,\n \"data-first-in-range\": firstInRange && !disabled || void 0,\n \"data-last-in-range\": lastInRange && !disabled || void 0,\n disabled\n }, others), children);\n});\nPickerControl.displayName = \"@mantine/dates/PickerControl\";\n\nexport { PickerControl };\n//# sourceMappingURL=PickerControl.js.map\n","import dayjs from 'dayjs';\nimport React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, Box } from '@mantine/core';\nimport { getMonthsData } from './get-months-data/get-months-data.js';\nimport { isMonthDisabled } from './is-month-disabled/is-month-disabled.js';\nimport useStyles from './MonthsList.styles.js';\nimport { getMonthInTabOrder } from './get-month-in-tab-order/get-month-in-tab-order.js';\nimport { useDatesContext } from '../DatesProvider/use-dates-context.js';\nimport { PickerControl } from '../PickerControl/PickerControl.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n monthsListFormat: \"MMM\",\n size: \"sm\",\n withCellSpacing: true\n};\nconst MonthsList = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"MonthsList\", defaultProps, props), {\n year,\n className,\n monthsListFormat,\n locale,\n minDate,\n maxDate,\n getMonthControlProps,\n classNames,\n styles,\n unstyled,\n __staticSelector,\n __getControlRef,\n __onControlKeyDown,\n __onControlClick,\n __onControlMouseEnter,\n __preventFocus,\n size,\n variant,\n __stopPropagation,\n withCellSpacing\n } = _a, others = __objRest(_a, [\n \"year\",\n \"className\",\n \"monthsListFormat\",\n \"locale\",\n \"minDate\",\n \"maxDate\",\n \"getMonthControlProps\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"__staticSelector\",\n \"__getControlRef\",\n \"__onControlKeyDown\",\n \"__onControlClick\",\n \"__onControlMouseEnter\",\n \"__preventFocus\",\n \"size\",\n \"variant\",\n \"__stopPropagation\",\n \"withCellSpacing\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"MonthsList\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n const ctx = useDatesContext();\n const months = getMonthsData(year);\n const monthInTabOrder = getMonthInTabOrder(months, minDate, maxDate, getMonthControlProps);\n const rows = months.map((monthsRow, rowIndex) => {\n const cells = monthsRow.map((month, cellIndex) => {\n const controlProps = getMonthControlProps == null ? void 0 : getMonthControlProps(month);\n const isMonthInTabOrder = dayjs(month).isSame(monthInTabOrder, \"month\");\n return /* @__PURE__ */ React.createElement(\"td\", {\n key: cellIndex,\n className: classes.monthsListCell,\n \"data-with-spacing\": withCellSpacing || void 0\n }, /* @__PURE__ */ React.createElement(PickerControl, __spreadProps(__spreadValues({\n variant,\n size,\n classNames,\n styles,\n unstyled,\n __staticSelector: __staticSelector || \"MonthsList\",\n \"data-mantine-stop-propagation\": __stopPropagation || void 0,\n disabled: isMonthDisabled(month, minDate, maxDate),\n ref: (node) => __getControlRef == null ? void 0 : __getControlRef(rowIndex, cellIndex, node)\n }, controlProps), {\n onKeyDown: (event) => {\n var _a2;\n (_a2 = controlProps == null ? void 0 : controlProps.onKeyDown) == null ? void 0 : _a2.call(controlProps, event);\n __onControlKeyDown == null ? void 0 : __onControlKeyDown(event, { rowIndex, cellIndex, date: month });\n },\n onClick: (event) => {\n var _a2;\n (_a2 = controlProps == null ? void 0 : controlProps.onClick) == null ? void 0 : _a2.call(controlProps, event);\n __onControlClick == null ? void 0 : __onControlClick(event, month);\n },\n onMouseEnter: (event) => {\n var _a2;\n (_a2 = controlProps == null ? void 0 : controlProps.onMouseEnter) == null ? void 0 : _a2.call(controlProps, event);\n __onControlMouseEnter == null ? void 0 : __onControlMouseEnter(event, month);\n },\n onMouseDown: (event) => {\n var _a2;\n (_a2 = controlProps == null ? void 0 : controlProps.onMouseDown) == null ? void 0 : _a2.call(controlProps, event);\n __preventFocus && event.preventDefault();\n },\n tabIndex: __preventFocus || !isMonthInTabOrder ? -1 : 0\n }), dayjs(month).locale(ctx.getLocale(locale)).format(monthsListFormat)));\n });\n return /* @__PURE__ */ React.createElement(\"tr\", {\n key: rowIndex,\n className: classes.monthsListRow\n }, cells);\n });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n component: \"table\",\n ref,\n className: cx(classes.monthsList, className)\n }, others), /* @__PURE__ */ React.createElement(\"tbody\", null, rows));\n});\nMonthsList.displayName = \"@mantine/dates/MonthsList\";\n\nexport { MonthsList };\n//# sourceMappingURL=MonthsList.js.map\n","import dayjs from 'dayjs';\n\nfunction getMonthsData(year) {\n const startOfYear = dayjs(year).startOf(\"year\").toDate();\n const results = [[], [], [], []];\n let currentMonthIndex = 0;\n for (let i = 0; i < 4; i += 1) {\n for (let j = 0; j < 3; j += 1) {\n results[i].push(dayjs(startOfYear).add(currentMonthIndex, \"months\").toDate());\n currentMonthIndex += 1;\n }\n }\n return results;\n}\n\nexport { getMonthsData };\n//# sourceMappingURL=get-months-data.js.map\n","import dayjs from 'dayjs';\nimport { isMonthDisabled } from '../is-month-disabled/is-month-disabled.js';\n\nfunction getMonthInTabOrder(months, minDate, maxDate, getMonthControlProps) {\n const enabledMonths = months.flat().filter((month) => {\n var _a;\n return !isMonthDisabled(month, minDate, maxDate) && !((_a = getMonthControlProps == null ? void 0 : getMonthControlProps(month)) == null ? void 0 : _a.disabled);\n });\n const selectedMonth = enabledMonths.find((month) => {\n var _a;\n return (_a = getMonthControlProps == null ? void 0 : getMonthControlProps(month)) == null ? void 0 : _a.selected;\n });\n if (selectedMonth) {\n return selectedMonth;\n }\n const currentMonth = enabledMonths.find((month) => dayjs().isSame(month, \"month\"));\n if (currentMonth) {\n return currentMonth;\n }\n return enabledMonths[0];\n}\n\nexport { getMonthInTabOrder };\n//# sourceMappingURL=get-month-in-tab-order.js.map\n","import dayjs from 'dayjs';\nimport React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, Box } from '@mantine/core';\nimport useStyles from './YearLevel.styles.js';\nimport { useDatesContext } from '../DatesProvider/use-dates-context.js';\nimport { CalendarHeader } from '../CalendarHeader/CalendarHeader.js';\nimport { MonthsList } from '../MonthsList/MonthsList.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n yearLabelFormat: \"YYYY\",\n size: \"sm\"\n};\nconst YearLevel = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"YearLevel\", defaultProps, props), {\n year,\n locale,\n minDate,\n maxDate,\n monthsListFormat,\n getMonthControlProps,\n __getControlRef,\n __onControlKeyDown,\n __onControlClick,\n __onControlMouseEnter,\n withCellSpacing,\n __preventFocus,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n onLevelClick,\n nextDisabled,\n previousDisabled,\n hasNextLevel,\n levelControlAriaLabel,\n withNext,\n withPrevious,\n className,\n yearLabelFormat,\n classNames,\n styles,\n unstyled,\n __staticSelector,\n __stopPropagation,\n size,\n variant\n } = _a, others = __objRest(_a, [\n \"year\",\n \"locale\",\n \"minDate\",\n \"maxDate\",\n \"monthsListFormat\",\n \"getMonthControlProps\",\n \"__getControlRef\",\n \"__onControlKeyDown\",\n \"__onControlClick\",\n \"__onControlMouseEnter\",\n \"withCellSpacing\",\n \"__preventFocus\",\n \"nextIcon\",\n \"previousIcon\",\n \"nextLabel\",\n \"previousLabel\",\n \"onNext\",\n \"onPrevious\",\n \"onLevelClick\",\n \"nextDisabled\",\n \"previousDisabled\",\n \"hasNextLevel\",\n \"levelControlAriaLabel\",\n \"withNext\",\n \"withPrevious\",\n \"className\",\n \"yearLabelFormat\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"__staticSelector\",\n \"__stopPropagation\",\n \"size\",\n \"variant\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"YearLevel\", __staticSelector],\n classNames,\n styles,\n unstyled,\n size,\n variant\n });\n const ctx = useDatesContext();\n const stylesApiProps = {\n __staticSelector: __staticSelector || \"YearLevel\",\n classNames,\n styles,\n unstyled,\n size,\n variant\n };\n const _nextDisabled = typeof nextDisabled === \"boolean\" ? nextDisabled : maxDate ? !dayjs(year).endOf(\"year\").isBefore(maxDate) : false;\n const _previousDisabled = typeof previousDisabled === \"boolean\" ? previousDisabled : minDate ? !dayjs(year).startOf(\"year\").isAfter(minDate) : false;\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.yearLevel, className),\n \"data-year-level\": true,\n ref\n }, others), /* @__PURE__ */ React.createElement(CalendarHeader, __spreadValues({\n label: typeof yearLabelFormat === \"function\" ? yearLabelFormat(year) : dayjs(year).locale(locale || ctx.locale).format(yearLabelFormat),\n className: classes.calendarHeader,\n __preventFocus,\n __stopPropagation,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n onLevelClick,\n nextDisabled: _nextDisabled,\n previousDisabled: _previousDisabled,\n hasNextLevel,\n levelControlAriaLabel,\n withNext,\n withPrevious\n }, stylesApiProps)), /* @__PURE__ */ React.createElement(MonthsList, __spreadValues({\n year,\n locale,\n minDate,\n maxDate,\n monthsListFormat,\n getMonthControlProps,\n __getControlRef,\n __onControlKeyDown,\n __onControlClick,\n __onControlMouseEnter,\n __preventFocus,\n __stopPropagation,\n withCellSpacing\n }, stylesApiProps)));\n});\nYearLevel.displayName = \"@mantine/dates/YearLevel\";\n\nexport { YearLevel };\n//# sourceMappingURL=YearLevel.js.map\n","import React, { forwardRef, useRef } from 'react';\nimport { useComponentDefaultProps, Box } from '@mantine/core';\nimport dayjs from 'dayjs';\nimport useStyles from './YearLevelGroup.styles.js';\nimport { YearLevel } from '../YearLevel/YearLevel.js';\nimport { handleControlKeyDown } from '../../utils/handle-control-key-down.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n numberOfColumns: 1,\n size: \"sm\"\n};\nconst YearLevelGroup = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"YearLevelGroup\", defaultProps, props), {\n year,\n locale,\n minDate,\n maxDate,\n monthsListFormat,\n getMonthControlProps,\n __onControlClick,\n __onControlMouseEnter,\n withCellSpacing,\n __preventFocus,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n onLevelClick,\n nextDisabled,\n previousDisabled,\n hasNextLevel,\n className,\n classNames,\n styles,\n unstyled,\n __staticSelector,\n __stopPropagation,\n numberOfColumns,\n levelControlAriaLabel,\n yearLabelFormat,\n variant,\n size\n } = _a, others = __objRest(_a, [\n \"year\",\n \"locale\",\n \"minDate\",\n \"maxDate\",\n \"monthsListFormat\",\n \"getMonthControlProps\",\n \"__onControlClick\",\n \"__onControlMouseEnter\",\n \"withCellSpacing\",\n \"__preventFocus\",\n \"nextIcon\",\n \"previousIcon\",\n \"nextLabel\",\n \"previousLabel\",\n \"onNext\",\n \"onPrevious\",\n \"onLevelClick\",\n \"nextDisabled\",\n \"previousDisabled\",\n \"hasNextLevel\",\n \"className\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"__staticSelector\",\n \"__stopPropagation\",\n \"numberOfColumns\",\n \"levelControlAriaLabel\",\n \"yearLabelFormat\",\n \"variant\",\n \"size\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"YearLevelGroup\", __staticSelector],\n styles,\n classNames,\n unstyled,\n variant,\n size\n });\n const controlsRef = useRef([]);\n const years = Array(numberOfColumns).fill(0).map((_, yearIndex) => {\n const currentYear = dayjs(year).add(yearIndex, \"years\").toDate();\n return /* @__PURE__ */ React.createElement(YearLevel, {\n key: yearIndex,\n variant,\n size,\n monthsListFormat,\n year: currentYear,\n withNext: yearIndex === numberOfColumns - 1,\n withPrevious: yearIndex === 0,\n yearLabelFormat,\n __stopPropagation,\n __onControlClick,\n __onControlMouseEnter,\n __onControlKeyDown: (event, payload) => handleControlKeyDown({\n levelIndex: yearIndex,\n rowIndex: payload.rowIndex,\n cellIndex: payload.cellIndex,\n event,\n controlsRef\n }),\n __getControlRef: (rowIndex, cellIndex, node) => {\n if (!Array.isArray(controlsRef.current[yearIndex])) {\n controlsRef.current[yearIndex] = [];\n }\n if (!Array.isArray(controlsRef.current[yearIndex][rowIndex])) {\n controlsRef.current[yearIndex][rowIndex] = [];\n }\n controlsRef.current[yearIndex][rowIndex][cellIndex] = node;\n },\n levelControlAriaLabel: typeof levelControlAriaLabel === \"function\" ? levelControlAriaLabel(currentYear) : levelControlAriaLabel,\n locale,\n minDate,\n maxDate,\n __preventFocus,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n onLevelClick,\n nextDisabled,\n previousDisabled,\n hasNextLevel,\n getMonthControlProps,\n classNames,\n styles,\n unstyled,\n __staticSelector: __staticSelector || \"YearLevelGroup\",\n withCellSpacing\n });\n });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.yearLevelGroup, className),\n ref\n }, others), years);\n});\nYearLevelGroup.displayName = \"@mantine/dates/YearLevelGroup\";\n\nexport { YearLevelGroup };\n//# sourceMappingURL=YearLevelGroup.js.map\n","import { createStyles } from '@mantine/core';\n\nvar useStyles = createStyles((theme) => ({\n decadeLevelGroup: {\n display: \"flex\",\n gap: theme.spacing.md\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=DecadeLevelGroup.styles.js.map\n","function getYearsData(decade) {\n const year = decade.getFullYear();\n const rounded = year - year % 10;\n let currentYearIndex = 0;\n const results = [[], [], [], []];\n for (let i = 0; i < 4; i += 1) {\n const max = i === 3 ? 1 : 3;\n for (let j = 0; j < max; j += 1) {\n results[i].push(new Date(rounded + currentYearIndex, 0));\n currentYearIndex += 1;\n }\n }\n return results;\n}\n\nexport { getYearsData };\n//# sourceMappingURL=get-years-data.js.map\n","import { createStyles } from '@mantine/core';\n\nvar useStyles = createStyles((theme) => ({\n decadeLevel: {},\n calendarHeader: {\n marginBottom: theme.spacing.xs\n }\n}));\n\nexport default useStyles;\n//# sourceMappingURL=DecadeLevel.styles.js.map\n","import dayjs from 'dayjs';\n\nfunction isYearDisabled(year, minDate, maxDate) {\n if (!minDate && !maxDate) {\n return false;\n }\n if (minDate && dayjs(year).isBefore(minDate, \"year\")) {\n return true;\n }\n if (maxDate && dayjs(year).isAfter(maxDate, \"year\")) {\n return true;\n }\n return false;\n}\n\nexport { isYearDisabled };\n//# sourceMappingURL=is-year-disabled.js.map\n","import { createStyles, rem } from '@mantine/core';\n\nvar useStyles = createStyles(() => ({\n yearsList: {\n borderCollapse: \"collapse\",\n borderWidth: 0\n },\n yearsListCell: {\n padding: 0,\n \"&[data-with-spacing]\": {\n padding: rem(0.5)\n }\n },\n yearsListRow: {}\n}));\n\nexport default useStyles;\n//# sourceMappingURL=YearsList.styles.js.map\n","import dayjs from 'dayjs';\nimport React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, Box } from '@mantine/core';\nimport { getYearsData } from './get-years-data/get-years-data.js';\nimport { isYearDisabled } from './is-year-disabled/is-year-disabled.js';\nimport useStyles from './YearsList.styles.js';\nimport { getYearInTabOrder } from './get-year-in-tab-order/get-year-in-tab-order.js';\nimport { useDatesContext } from '../DatesProvider/use-dates-context.js';\nimport { PickerControl } from '../PickerControl/PickerControl.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n yearsListFormat: \"YYYY\",\n size: \"sm\",\n withCellSpacing: true\n};\nconst YearsList = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"YearsList\", defaultProps, props), {\n decade,\n className,\n yearsListFormat,\n locale,\n minDate,\n maxDate,\n getYearControlProps,\n classNames,\n styles,\n unstyled,\n __staticSelector,\n __getControlRef,\n __onControlKeyDown,\n __onControlClick,\n __onControlMouseEnter,\n __preventFocus,\n __stopPropagation,\n size,\n variant,\n withCellSpacing\n } = _a, others = __objRest(_a, [\n \"decade\",\n \"className\",\n \"yearsListFormat\",\n \"locale\",\n \"minDate\",\n \"maxDate\",\n \"getYearControlProps\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"__staticSelector\",\n \"__getControlRef\",\n \"__onControlKeyDown\",\n \"__onControlClick\",\n \"__onControlMouseEnter\",\n \"__preventFocus\",\n \"__stopPropagation\",\n \"size\",\n \"variant\",\n \"withCellSpacing\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"YearsList\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n const ctx = useDatesContext();\n const years = getYearsData(decade);\n const yearInTabOrder = getYearInTabOrder(years, minDate, maxDate, getYearControlProps);\n const rows = years.map((yearsRow, rowIndex) => {\n const cells = yearsRow.map((year, cellIndex) => {\n const controlProps = getYearControlProps == null ? void 0 : getYearControlProps(year);\n const isYearInTabOrder = dayjs(year).isSame(yearInTabOrder, \"year\");\n return /* @__PURE__ */ React.createElement(\"td\", {\n key: cellIndex,\n className: classes.yearsListCell,\n \"data-with-spacing\": withCellSpacing || void 0\n }, /* @__PURE__ */ React.createElement(PickerControl, __spreadProps(__spreadValues({\n size,\n variant,\n classNames,\n styles,\n unstyled,\n __staticSelector: __staticSelector || \"YearsList\",\n \"data-mantine-stop-propagation\": __stopPropagation || void 0,\n disabled: isYearDisabled(year, minDate, maxDate),\n ref: (node) => __getControlRef == null ? void 0 : __getControlRef(rowIndex, cellIndex, node)\n }, controlProps), {\n onKeyDown: (event) => {\n var _a2;\n (_a2 = controlProps == null ? void 0 : controlProps.onKeyDown) == null ? void 0 : _a2.call(controlProps, event);\n __onControlKeyDown == null ? void 0 : __onControlKeyDown(event, { rowIndex, cellIndex, date: year });\n },\n onClick: (event) => {\n var _a2;\n (_a2 = controlProps == null ? void 0 : controlProps.onClick) == null ? void 0 : _a2.call(controlProps, event);\n __onControlClick == null ? void 0 : __onControlClick(event, year);\n },\n onMouseEnter: (event) => {\n var _a2;\n (_a2 = controlProps == null ? void 0 : controlProps.onMouseEnter) == null ? void 0 : _a2.call(controlProps, event);\n __onControlMouseEnter == null ? void 0 : __onControlMouseEnter(event, year);\n },\n onMouseDown: (event) => {\n var _a2;\n (_a2 = controlProps == null ? void 0 : controlProps.onMouseDown) == null ? void 0 : _a2.call(controlProps, event);\n __preventFocus && event.preventDefault();\n },\n tabIndex: __preventFocus || !isYearInTabOrder ? -1 : 0\n }), dayjs(year).locale(ctx.getLocale(locale)).format(yearsListFormat)));\n });\n return /* @__PURE__ */ React.createElement(\"tr\", {\n key: rowIndex,\n className: classes.yearsListRow\n }, cells);\n });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n component: \"table\",\n ref,\n className: cx(classes.yearsList, className)\n }, others), /* @__PURE__ */ React.createElement(\"tbody\", null, rows));\n});\nYearsList.displayName = \"@mantine/dates/YearsList\";\n\nexport { YearsList };\n//# sourceMappingURL=YearsList.js.map\n","import dayjs from 'dayjs';\nimport { isYearDisabled } from '../is-year-disabled/is-year-disabled.js';\n\nfunction getYearInTabOrder(years, minDate, maxDate, getYearControlProps) {\n const enabledYears = years.flat().filter((year) => {\n var _a;\n return !isYearDisabled(year, minDate, maxDate) && !((_a = getYearControlProps == null ? void 0 : getYearControlProps(year)) == null ? void 0 : _a.disabled);\n });\n const selectedYear = enabledYears.find((year) => {\n var _a;\n return (_a = getYearControlProps == null ? void 0 : getYearControlProps(year)) == null ? void 0 : _a.selected;\n });\n if (selectedYear) {\n return selectedYear;\n }\n const currentYear = enabledYears.find((year) => dayjs().isSame(year, \"year\"));\n if (currentYear) {\n return currentYear;\n }\n return enabledYears[0];\n}\n\nexport { getYearInTabOrder };\n//# sourceMappingURL=get-year-in-tab-order.js.map\n","import dayjs from 'dayjs';\nimport React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, Box } from '@mantine/core';\nimport { getDecadeRange } from './get-decade-range/get-decade-range.js';\nimport useStyles from './DecadeLevel.styles.js';\nimport { useDatesContext } from '../DatesProvider/use-dates-context.js';\nimport { CalendarHeader } from '../CalendarHeader/CalendarHeader.js';\nimport { YearsList } from '../YearsList/YearsList.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n decadeLabelFormat: \"YYYY\"\n};\nconst DecadeLevel = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"DecadeLevel\", defaultProps, props), {\n decade,\n locale,\n minDate,\n maxDate,\n yearsListFormat,\n getYearControlProps,\n __getControlRef,\n __onControlKeyDown,\n __onControlClick,\n __onControlMouseEnter,\n withCellSpacing,\n __preventFocus,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n nextDisabled,\n previousDisabled,\n levelControlAriaLabel,\n withNext,\n withPrevious,\n className,\n decadeLabelFormat,\n classNames,\n styles,\n unstyled,\n __staticSelector,\n __stopPropagation,\n variant,\n size\n } = _a, others = __objRest(_a, [\n \"decade\",\n \"locale\",\n \"minDate\",\n \"maxDate\",\n \"yearsListFormat\",\n \"getYearControlProps\",\n \"__getControlRef\",\n \"__onControlKeyDown\",\n \"__onControlClick\",\n \"__onControlMouseEnter\",\n \"withCellSpacing\",\n \"__preventFocus\",\n \"nextIcon\",\n \"previousIcon\",\n \"nextLabel\",\n \"previousLabel\",\n \"onNext\",\n \"onPrevious\",\n \"nextDisabled\",\n \"previousDisabled\",\n \"levelControlAriaLabel\",\n \"withNext\",\n \"withPrevious\",\n \"className\",\n \"decadeLabelFormat\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"__staticSelector\",\n \"__stopPropagation\",\n \"variant\",\n \"size\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"DecadeLevel\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n const ctx = useDatesContext();\n const [startOfDecade, endOfDecade] = getDecadeRange(decade);\n const stylesApiProps = {\n __staticSelector: __staticSelector || \"DecadeLevel\",\n classNames,\n styles,\n unstyled,\n variant,\n size\n };\n const _nextDisabled = typeof nextDisabled === \"boolean\" ? nextDisabled : maxDate ? !dayjs(endOfDecade).endOf(\"year\").isBefore(maxDate) : false;\n const _previousDisabled = typeof previousDisabled === \"boolean\" ? previousDisabled : minDate ? !dayjs(startOfDecade).startOf(\"year\").isAfter(minDate) : false;\n const formatDecade = (date, format) => dayjs(date).locale(locale || ctx.locale).format(format);\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.decadeLevel, className),\n \"data-decade-level\": true,\n ref\n }, others), /* @__PURE__ */ React.createElement(CalendarHeader, __spreadValues({\n label: typeof decadeLabelFormat === \"function\" ? decadeLabelFormat(startOfDecade, endOfDecade) : `${formatDecade(startOfDecade, decadeLabelFormat)} \\u2013 ${formatDecade(endOfDecade, decadeLabelFormat)}`,\n className: classes.calendarHeader,\n __preventFocus,\n __stopPropagation,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n nextDisabled: _nextDisabled,\n previousDisabled: _previousDisabled,\n hasNextLevel: false,\n levelControlAriaLabel,\n withNext,\n withPrevious\n }, stylesApiProps)), /* @__PURE__ */ React.createElement(YearsList, __spreadValues({\n decade,\n locale,\n minDate,\n maxDate,\n yearsListFormat,\n getYearControlProps,\n __getControlRef,\n __onControlKeyDown,\n __onControlClick,\n __onControlMouseEnter,\n __preventFocus,\n __stopPropagation,\n withCellSpacing\n }, stylesApiProps)));\n});\nDecadeLevel.displayName = \"@mantine/dates/DecadeLevel\";\n\nexport { DecadeLevel };\n//# sourceMappingURL=DecadeLevel.js.map\n","import { getYearsData } from '../../YearsList/get-years-data/get-years-data.js';\n\nfunction getDecadeRange(decade) {\n const years = getYearsData(decade);\n return [years[0][0], years[3][0]];\n}\n\nexport { getDecadeRange };\n//# sourceMappingURL=get-decade-range.js.map\n","import React, { forwardRef, useRef } from 'react';\nimport { useComponentDefaultProps, Box } from '@mantine/core';\nimport dayjs from 'dayjs';\nimport useStyles from './DecadeLevelGroup.styles.js';\nimport { DecadeLevel } from '../DecadeLevel/DecadeLevel.js';\nimport { handleControlKeyDown } from '../../utils/handle-control-key-down.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n numberOfColumns: 1\n};\nconst DecadeLevelGroup = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"DecadeLevelGroup\", defaultProps, props), {\n decade,\n locale,\n minDate,\n maxDate,\n yearsListFormat,\n getYearControlProps,\n __onControlClick,\n __onControlMouseEnter,\n withCellSpacing,\n __preventFocus,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n nextDisabled,\n previousDisabled,\n className,\n classNames,\n styles,\n unstyled,\n __staticSelector,\n __stopPropagation,\n numberOfColumns,\n levelControlAriaLabel,\n decadeLabelFormat,\n variant,\n size\n } = _a, others = __objRest(_a, [\n \"decade\",\n \"locale\",\n \"minDate\",\n \"maxDate\",\n \"yearsListFormat\",\n \"getYearControlProps\",\n \"__onControlClick\",\n \"__onControlMouseEnter\",\n \"withCellSpacing\",\n \"__preventFocus\",\n \"nextIcon\",\n \"previousIcon\",\n \"nextLabel\",\n \"previousLabel\",\n \"onNext\",\n \"onPrevious\",\n \"nextDisabled\",\n \"previousDisabled\",\n \"className\",\n \"classNames\",\n \"styles\",\n \"unstyled\",\n \"__staticSelector\",\n \"__stopPropagation\",\n \"numberOfColumns\",\n \"levelControlAriaLabel\",\n \"decadeLabelFormat\",\n \"variant\",\n \"size\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"DecadeLevelGroup\", __staticSelector],\n styles,\n classNames,\n unstyled,\n variant,\n size\n });\n const controlsRef = useRef([]);\n const decades = Array(numberOfColumns).fill(0).map((_, decadeIndex) => {\n const currentDecade = dayjs(decade).add(decadeIndex * 10, \"years\").toDate();\n return /* @__PURE__ */ React.createElement(DecadeLevel, {\n key: decadeIndex,\n variant,\n size,\n yearsListFormat,\n decade: currentDecade,\n withNext: decadeIndex === numberOfColumns - 1,\n withPrevious: decadeIndex === 0,\n decadeLabelFormat,\n __onControlClick,\n __onControlMouseEnter,\n __onControlKeyDown: (event, payload) => handleControlKeyDown({\n levelIndex: decadeIndex,\n rowIndex: payload.rowIndex,\n cellIndex: payload.cellIndex,\n event,\n controlsRef\n }),\n __getControlRef: (rowIndex, cellIndex, node) => {\n if (!Array.isArray(controlsRef.current[decadeIndex])) {\n controlsRef.current[decadeIndex] = [];\n }\n if (!Array.isArray(controlsRef.current[decadeIndex][rowIndex])) {\n controlsRef.current[decadeIndex][rowIndex] = [];\n }\n controlsRef.current[decadeIndex][rowIndex][cellIndex] = node;\n },\n levelControlAriaLabel: typeof levelControlAriaLabel === \"function\" ? levelControlAriaLabel(currentDecade) : levelControlAriaLabel,\n locale,\n minDate,\n maxDate,\n __preventFocus,\n __stopPropagation,\n nextIcon,\n previousIcon,\n nextLabel,\n previousLabel,\n onNext,\n onPrevious,\n nextDisabled,\n previousDisabled,\n getYearControlProps,\n __staticSelector: __staticSelector || \"DecadeLevelGroup\",\n classNames,\n styles,\n unstyled,\n withCellSpacing\n });\n });\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.decadeLevelGroup, className),\n ref\n }, others), decades);\n});\nDecadeLevelGroup.displayName = \"@mantine/dates/DecadeLevelGroup\";\n\nexport { DecadeLevelGroup };\n//# sourceMappingURL=DecadeLevelGroup.js.map\n","import dayjs from 'dayjs';\nimport React, { forwardRef } from 'react';\nimport { useComponentDefaultProps, Box } from '@mantine/core';\nimport { useUncontrolled } from '@mantine/hooks';\nimport { clampLevel } from './clamp-level/clamp-level.js';\nimport useStyles from './Calendar.styles.js';\nimport { MonthLevelGroup } from '../MonthLevelGroup/MonthLevelGroup.js';\nimport { YearLevelGroup } from '../YearLevelGroup/YearLevelGroup.js';\nimport { DecadeLevelGroup } from '../DecadeLevelGroup/DecadeLevelGroup.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n maxLevel: \"decade\",\n minLevel: \"month\",\n __updateDateOnYearSelect: true,\n __updateDateOnMonthSelect: true\n};\nconst Calendar = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"Calendar\", defaultProps, props), {\n maxLevel,\n minLevel,\n defaultLevel,\n level,\n onLevelChange,\n date,\n defaultDate,\n onDateChange,\n numberOfColumns,\n columnsToScroll,\n ariaLabels,\n onYearSelect,\n onMonthSelect,\n onYearMouseEnter,\n onMonthMouseEnter,\n __updateDateOnYearSelect,\n __updateDateOnMonthSelect,\n firstDayOfWeek,\n weekdayFormat,\n weekendDays,\n getDayProps,\n excludeDate,\n renderDay,\n hideOutsideDates,\n hideWeekdays,\n getDayAriaLabel,\n monthLabelFormat,\n nextIcon,\n previousIcon,\n __onDayClick,\n __onDayMouseEnter,\n withCellSpacing,\n monthsListFormat,\n getMonthControlProps,\n yearLabelFormat,\n yearsListFormat,\n getYearControlProps,\n decadeLabelFormat,\n minDate,\n maxDate,\n locale,\n className,\n classNames,\n styles,\n __staticSelector,\n unstyled,\n variant,\n size,\n __preventFocus,\n __stopPropagation,\n onNextDecade,\n onPreviousDecade,\n onNextYear,\n onPreviousYear,\n onNextMonth,\n onPreviousMonth,\n static: isStatic\n } = _a, others = __objRest(_a, [\n \"maxLevel\",\n \"minLevel\",\n \"defaultLevel\",\n \"level\",\n \"onLevelChange\",\n \"date\",\n \"defaultDate\",\n \"onDateChange\",\n \"numberOfColumns\",\n \"columnsToScroll\",\n \"ariaLabels\",\n \"onYearSelect\",\n \"onMonthSelect\",\n \"onYearMouseEnter\",\n \"onMonthMouseEnter\",\n \"__updateDateOnYearSelect\",\n \"__updateDateOnMonthSelect\",\n \"firstDayOfWeek\",\n \"weekdayFormat\",\n \"weekendDays\",\n \"getDayProps\",\n \"excludeDate\",\n \"renderDay\",\n \"hideOutsideDates\",\n \"hideWeekdays\",\n \"getDayAriaLabel\",\n \"monthLabelFormat\",\n \"nextIcon\",\n \"previousIcon\",\n \"__onDayClick\",\n \"__onDayMouseEnter\",\n \"withCellSpacing\",\n \"monthsListFormat\",\n \"getMonthControlProps\",\n \"yearLabelFormat\",\n \"yearsListFormat\",\n \"getYearControlProps\",\n \"decadeLabelFormat\",\n \"minDate\",\n \"maxDate\",\n \"locale\",\n \"className\",\n \"classNames\",\n \"styles\",\n \"__staticSelector\",\n \"unstyled\",\n \"variant\",\n \"size\",\n \"__preventFocus\",\n \"__stopPropagation\",\n \"onNextDecade\",\n \"onPreviousDecade\",\n \"onNextYear\",\n \"onPreviousYear\",\n \"onNextMonth\",\n \"onPreviousMonth\",\n \"static\"\n ]);\n const { classes, cx } = useStyles(null, {\n name: [\"Calendar\", __staticSelector],\n classNames,\n styles,\n unstyled,\n variant,\n size\n });\n const [_level, setLevel] = useUncontrolled({\n value: level ? clampLevel(level, minLevel, maxLevel) : void 0,\n defaultValue: defaultLevel ? clampLevel(defaultLevel, minLevel, maxLevel) : void 0,\n finalValue: clampLevel(void 0, minLevel, maxLevel),\n onChange: onLevelChange\n });\n const [_date, setDate] = useUncontrolled({\n value: date,\n defaultValue: defaultDate,\n finalValue: null,\n onChange: onDateChange\n });\n const stylesApiProps = {\n __staticSelector: __staticSelector || \"Calendar\",\n styles,\n classNames,\n unstyled,\n variant,\n size\n };\n const _columnsToScroll = columnsToScroll || numberOfColumns || 1;\n const currentDate = _date || new Date();\n const handleNextMonth = () => {\n const nextDate = dayjs(currentDate).add(_columnsToScroll, \"month\").toDate();\n onNextMonth == null ? void 0 : onNextMonth(nextDate);\n setDate(nextDate);\n };\n const handlePreviousMonth = () => {\n const nextDate = dayjs(currentDate).subtract(_columnsToScroll, \"month\").toDate();\n onPreviousMonth == null ? void 0 : onPreviousMonth(nextDate);\n setDate(nextDate);\n };\n const handleNextYear = () => {\n const nextDate = dayjs(currentDate).add(_columnsToScroll, \"year\").toDate();\n onNextYear == null ? void 0 : onNextYear(nextDate);\n setDate(nextDate);\n };\n const handlePreviousYear = () => {\n const nextDate = dayjs(currentDate).subtract(_columnsToScroll, \"year\").toDate();\n onPreviousYear == null ? void 0 : onPreviousYear(nextDate);\n setDate(nextDate);\n };\n const handleNextDecade = () => {\n const nextDate = dayjs(currentDate).add(10 * _columnsToScroll, \"year\").toDate();\n onNextDecade == null ? void 0 : onNextDecade(nextDate);\n setDate(nextDate);\n };\n const handlePreviousDecade = () => {\n const nextDate = dayjs(currentDate).subtract(10 * _columnsToScroll, \"year\").toDate();\n onPreviousDecade == null ? void 0 : onPreviousDecade(nextDate);\n setDate(nextDate);\n };\n return /* @__PURE__ */ React.createElement(Box, __spreadValues({\n className: cx(classes.calendar, className),\n ref\n }, others), _level === \"month\" && /* @__PURE__ */ React.createElement(MonthLevelGroup, __spreadValues({\n month: currentDate,\n minDate,\n maxDate,\n firstDayOfWeek,\n weekdayFormat,\n weekendDays,\n getDayProps,\n excludeDate,\n renderDay,\n hideOutsideDates,\n hideWeekdays,\n getDayAriaLabel,\n onNext: handleNextMonth,\n onPrevious: handlePreviousMonth,\n hasNextLevel: maxLevel !== \"month\",\n onLevelClick: () => setLevel(\"year\"),\n numberOfColumns,\n locale,\n levelControlAriaLabel: ariaLabels == null ? void 0 : ariaLabels.monthLevelControl,\n nextLabel: ariaLabels == null ? void 0 : ariaLabels.nextMonth,\n nextIcon,\n previousLabel: ariaLabels == null ? void 0 : ariaLabels.previousMonth,\n previousIcon,\n monthLabelFormat,\n __onDayClick,\n __onDayMouseEnter,\n __preventFocus,\n __stopPropagation,\n static: isStatic,\n withCellSpacing\n }, stylesApiProps)), _level === \"year\" && /* @__PURE__ */ React.createElement(YearLevelGroup, __spreadValues({\n year: currentDate,\n numberOfColumns,\n minDate,\n maxDate,\n monthsListFormat,\n getMonthControlProps,\n locale,\n onNext: handleNextYear,\n onPrevious: handlePreviousYear,\n hasNextLevel: maxLevel !== \"month\" && maxLevel !== \"year\",\n onLevelClick: () => setLevel(\"decade\"),\n levelControlAriaLabel: ariaLabels == null ? void 0 : ariaLabels.yearLevelControl,\n nextLabel: ariaLabels == null ? void 0 : ariaLabels.nextYear,\n nextIcon,\n previousLabel: ariaLabels == null ? void 0 : ariaLabels.previousYear,\n previousIcon,\n yearLabelFormat,\n __onControlMouseEnter: onMonthMouseEnter,\n __onControlClick: (_event, payload) => {\n __updateDateOnMonthSelect && setDate(payload);\n setLevel(clampLevel(\"month\", minLevel, maxLevel));\n onMonthSelect == null ? void 0 : onMonthSelect(payload);\n },\n __preventFocus,\n __stopPropagation,\n withCellSpacing\n }, stylesApiProps)), _level === \"decade\" && /* @__PURE__ */ React.createElement(DecadeLevelGroup, __spreadValues({\n decade: currentDate,\n minDate,\n maxDate,\n yearsListFormat,\n getYearControlProps,\n locale,\n onNext: handleNextDecade,\n onPrevious: handlePreviousDecade,\n numberOfColumns,\n nextLabel: ariaLabels == null ? void 0 : ariaLabels.nextDecade,\n nextIcon,\n previousLabel: ariaLabels == null ? void 0 : ariaLabels.previousDecade,\n previousIcon,\n decadeLabelFormat,\n __onControlMouseEnter: onYearMouseEnter,\n __onControlClick: (_event, payload) => {\n __updateDateOnYearSelect && setDate(payload);\n setLevel(clampLevel(\"year\", minLevel, maxLevel));\n onYearSelect == null ? void 0 : onYearSelect(payload);\n },\n __preventFocus,\n __stopPropagation,\n withCellSpacing\n }, stylesApiProps)));\n});\nCalendar.displayName = \"@mantine/dates/Calendar\";\n\nexport { Calendar };\n//# sourceMappingURL=Calendar.js.map\n","import React, { forwardRef } from 'react';\nimport { useComponentDefaultProps } from '@mantine/core';\nimport { useDatesState } from '../../hooks/use-dates-state/use-dates-state.js';\nimport { Calendar } from '../Calendar/Calendar.js';\n\nvar __defProp = Object.defineProperty;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst defaultProps = {\n type: \"default\"\n};\nconst MonthPicker = forwardRef((props, ref) => {\n const _a = useComponentDefaultProps(\"MonthPicker\", defaultProps, props), {\n type,\n defaultValue,\n value,\n onChange,\n __staticSelector,\n getMonthControlProps,\n allowSingleDateInRange,\n allowDeselect,\n onMouseLeave,\n onMonthSelect\n } = _a, others = __objRest(_a, [\n \"type\",\n \"defaultValue\",\n \"value\",\n \"onChange\",\n \"__staticSelector\",\n \"getMonthControlProps\",\n \"allowSingleDateInRange\",\n \"allowDeselect\",\n \"onMouseLeave\",\n \"onMonthSelect\"\n ]);\n const { onDateChange, onRootMouseLeave, onHoveredDateChange, getControlProps } = useDatesState({\n type,\n level: \"month\",\n allowDeselect,\n allowSingleDateInRange,\n value,\n defaultValue,\n onChange,\n onMouseLeave\n });\n return /* @__PURE__ */ React.createElement(Calendar, __spreadValues({\n ref,\n minLevel: \"year\",\n __updateDateOnMonthSelect: false,\n __staticSelector: __staticSelector || \"MonthPicker\",\n onMouseLeave: onRootMouseLeave,\n onMonthMouseEnter: (_event, date) => onHoveredDateChange(date),\n onMonthSelect: (date) => {\n onDateChange(date);\n onMonthSelect == null ? void 0 : onMonthSelect(date);\n },\n getMonthControlProps: (date) => __spreadValues(__spreadValues({}, getControlProps(date)), getMonthControlProps == null ? void 0 : getMonthControlProps(date))\n }, others));\n});\nMonthPicker.displayName = \"@mantine/dates/MonthPicker\";\n\nexport { MonthPicker };\n//# sourceMappingURL=MonthPicker.js.map\n","export var COMMON_MIME_TYPES = new Map([\n // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types\n ['aac', 'audio/aac'],\n ['abw', 'application/x-abiword'],\n ['arc', 'application/x-freearc'],\n ['avif', 'image/avif'],\n ['avi', 'video/x-msvideo'],\n ['azw', 'application/vnd.amazon.ebook'],\n ['bin', 'application/octet-stream'],\n ['bmp', 'image/bmp'],\n ['bz', 'application/x-bzip'],\n ['bz2', 'application/x-bzip2'],\n ['cda', 'application/x-cdf'],\n ['csh', 'application/x-csh'],\n ['css', 'text/css'],\n ['csv', 'text/csv'],\n ['doc', 'application/msword'],\n ['docx', 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'],\n ['eot', 'application/vnd.ms-fontobject'],\n ['epub', 'application/epub+zip'],\n ['gz', 'application/gzip'],\n ['gif', 'image/gif'],\n ['heic', 'image/heic'],\n ['heif', 'image/heif'],\n ['htm', 'text/html'],\n ['html', 'text/html'],\n ['ico', 'image/vnd.microsoft.icon'],\n ['ics', 'text/calendar'],\n ['jar', 'application/java-archive'],\n ['jpeg', 'image/jpeg'],\n ['jpg', 'image/jpeg'],\n ['js', 'text/javascript'],\n ['json', 'application/json'],\n ['jsonld', 'application/ld+json'],\n ['mid', 'audio/midi'],\n ['midi', 'audio/midi'],\n ['mjs', 'text/javascript'],\n ['mp3', 'audio/mpeg'],\n ['mp4', 'video/mp4'],\n ['mpeg', 'video/mpeg'],\n ['mpkg', 'application/vnd.apple.installer+xml'],\n ['odp', 'application/vnd.oasis.opendocument.presentation'],\n ['ods', 'application/vnd.oasis.opendocument.spreadsheet'],\n ['odt', 'application/vnd.oasis.opendocument.text'],\n ['oga', 'audio/ogg'],\n ['ogv', 'video/ogg'],\n ['ogx', 'application/ogg'],\n ['opus', 'audio/opus'],\n ['otf', 'font/otf'],\n ['png', 'image/png'],\n ['pdf', 'application/pdf'],\n ['php', 'application/x-httpd-php'],\n ['ppt', 'application/vnd.ms-powerpoint'],\n ['pptx', 'application/vnd.openxmlformats-officedocument.presentationml.presentation'],\n ['rar', 'application/vnd.rar'],\n ['rtf', 'application/rtf'],\n ['sh', 'application/x-sh'],\n ['svg', 'image/svg+xml'],\n ['swf', 'application/x-shockwave-flash'],\n ['tar', 'application/x-tar'],\n ['tif', 'image/tiff'],\n ['tiff', 'image/tiff'],\n ['ts', 'video/mp2t'],\n ['ttf', 'font/ttf'],\n ['txt', 'text/plain'],\n ['vsd', 'application/vnd.visio'],\n ['wav', 'audio/wav'],\n ['weba', 'audio/webm'],\n ['webm', 'video/webm'],\n ['webp', 'image/webp'],\n ['woff', 'font/woff'],\n ['woff2', 'font/woff2'],\n ['xhtml', 'application/xhtml+xml'],\n ['xls', 'application/vnd.ms-excel'],\n ['xlsx', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'],\n ['xml', 'application/xml'],\n ['xul', 'application/vnd.mozilla.xul+xml'],\n ['zip', 'application/zip'],\n ['7z', 'application/x-7z-compressed'],\n // Others\n ['mkv', 'video/x-matroska'],\n ['mov', 'video/quicktime'],\n ['msg', 'application/vnd.ms-outlook']\n]);\nexport function toFileWithPath(file, path) {\n var f = withMimeType(file);\n if (typeof f.path !== 'string') { // on electron, path is already set to the absolute path\n var webkitRelativePath = file.webkitRelativePath;\n Object.defineProperty(f, 'path', {\n value: typeof path === 'string'\n ? path\n // If is set,\n // the File will have a {webkitRelativePath} property\n // https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory\n : typeof webkitRelativePath === 'string' && webkitRelativePath.length > 0\n ? webkitRelativePath\n : file.name,\n writable: false,\n configurable: false,\n enumerable: true\n });\n }\n return f;\n}\nfunction withMimeType(file) {\n var name = file.name;\n var hasExtension = name && name.lastIndexOf('.') !== -1;\n if (hasExtension && !file.type) {\n var ext = name.split('.')\n .pop().toLowerCase();\n var type = COMMON_MIME_TYPES.get(ext);\n if (type) {\n Object.defineProperty(file, 'type', {\n value: type,\n writable: false,\n configurable: false,\n enumerable: true\n });\n }\n }\n return file;\n}\n//# sourceMappingURL=file.js.map","import { __awaiter, __generator, __read, __spreadArray } from \"tslib\";\nimport { toFileWithPath } from './file';\nvar FILES_TO_IGNORE = [\n // Thumbnail cache files for macOS and Windows\n '.DS_Store',\n 'Thumbs.db' // Windows\n];\n/**\n * Convert a DragEvent's DataTrasfer object to a list of File objects\n * NOTE: If some of the items are folders,\n * everything will be flattened and placed in the same list but the paths will be kept as a {path} property.\n *\n * EXPERIMENTAL: A list of https://developer.mozilla.org/en-US/docs/Web/API/FileSystemHandle objects can also be passed as an arg\n * and a list of File objects will be returned.\n *\n * @param evt\n */\nexport function fromEvent(evt) {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n if (isObject(evt) && isDataTransfer(evt.dataTransfer)) {\n return [2 /*return*/, getDataTransferFiles(evt.dataTransfer, evt.type)];\n }\n else if (isChangeEvt(evt)) {\n return [2 /*return*/, getInputFiles(evt)];\n }\n else if (Array.isArray(evt) && evt.every(function (item) { return 'getFile' in item && typeof item.getFile === 'function'; })) {\n return [2 /*return*/, getFsHandleFiles(evt)];\n }\n return [2 /*return*/, []];\n });\n });\n}\nfunction isDataTransfer(value) {\n return isObject(value);\n}\nfunction isChangeEvt(value) {\n return isObject(value) && isObject(value.target);\n}\nfunction isObject(v) {\n return typeof v === 'object' && v !== null;\n}\nfunction getInputFiles(evt) {\n return fromList(evt.target.files).map(function (file) { return toFileWithPath(file); });\n}\n// Ee expect each handle to be https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileHandle\nfunction getFsHandleFiles(handles) {\n return __awaiter(this, void 0, void 0, function () {\n var files;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0: return [4 /*yield*/, Promise.all(handles.map(function (h) { return h.getFile(); }))];\n case 1:\n files = _a.sent();\n return [2 /*return*/, files.map(function (file) { return toFileWithPath(file); })];\n }\n });\n });\n}\nfunction getDataTransferFiles(dt, type) {\n return __awaiter(this, void 0, void 0, function () {\n var items, files;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (!dt.items) return [3 /*break*/, 2];\n items = fromList(dt.items)\n .filter(function (item) { return item.kind === 'file'; });\n // According to https://html.spec.whatwg.org/multipage/dnd.html#dndevents,\n // only 'dragstart' and 'drop' has access to the data (source node)\n if (type !== 'drop') {\n return [2 /*return*/, items];\n }\n return [4 /*yield*/, Promise.all(items.map(toFilePromises))];\n case 1:\n files = _a.sent();\n return [2 /*return*/, noIgnoredFiles(flatten(files))];\n case 2: return [2 /*return*/, noIgnoredFiles(fromList(dt.files)\n .map(function (file) { return toFileWithPath(file); }))];\n }\n });\n });\n}\nfunction noIgnoredFiles(files) {\n return files.filter(function (file) { return FILES_TO_IGNORE.indexOf(file.name) === -1; });\n}\n// IE11 does not support Array.from()\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from#Browser_compatibility\n// https://developer.mozilla.org/en-US/docs/Web/API/FileList\n// https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItemList\nfunction fromList(items) {\n if (items === null) {\n return [];\n }\n var files = [];\n // tslint:disable: prefer-for-of\n for (var i = 0; i < items.length; i++) {\n var file = items[i];\n files.push(file);\n }\n return files;\n}\n// https://developer.mozilla.org/en-US/docs/Web/API/DataTransferItem\nfunction toFilePromises(item) {\n if (typeof item.webkitGetAsEntry !== 'function') {\n return fromDataTransferItem(item);\n }\n var entry = item.webkitGetAsEntry();\n // Safari supports dropping an image node from a different window and can be retrieved using\n // the DataTransferItem.getAsFile() API\n // NOTE: FileSystemEntry.file() throws if trying to get the file\n if (entry && entry.isDirectory) {\n return fromDirEntry(entry);\n }\n return fromDataTransferItem(item);\n}\nfunction flatten(items) {\n return items.reduce(function (acc, files) { return __spreadArray(__spreadArray([], __read(acc), false), __read((Array.isArray(files) ? flatten(files) : [files])), false); }, []);\n}\nfunction fromDataTransferItem(item) {\n var file = item.getAsFile();\n if (!file) {\n return Promise.reject(\"\".concat(item, \" is not a File\"));\n }\n var fwp = toFileWithPath(file);\n return Promise.resolve(fwp);\n}\n// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemEntry\nfunction fromEntry(entry) {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n return [2 /*return*/, entry.isDirectory ? fromDirEntry(entry) : fromFileEntry(entry)];\n });\n });\n}\n// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry\nfunction fromDirEntry(entry) {\n var reader = entry.createReader();\n return new Promise(function (resolve, reject) {\n var entries = [];\n function readEntries() {\n var _this = this;\n // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryEntry/createReader\n // https://developer.mozilla.org/en-US/docs/Web/API/FileSystemDirectoryReader/readEntries\n reader.readEntries(function (batch) { return __awaiter(_this, void 0, void 0, function () {\n var files, err_1, items;\n return __generator(this, function (_a) {\n switch (_a.label) {\n case 0:\n if (!!batch.length) return [3 /*break*/, 5];\n _a.label = 1;\n case 1:\n _a.trys.push([1, 3, , 4]);\n return [4 /*yield*/, Promise.all(entries)];\n case 2:\n files = _a.sent();\n resolve(files);\n return [3 /*break*/, 4];\n case 3:\n err_1 = _a.sent();\n reject(err_1);\n return [3 /*break*/, 4];\n case 4: return [3 /*break*/, 6];\n case 5:\n items = Promise.all(batch.map(fromEntry));\n entries.push(items);\n // Continue reading\n readEntries();\n _a.label = 6;\n case 6: return [2 /*return*/];\n }\n });\n }); }, function (err) {\n reject(err);\n });\n }\n readEntries();\n });\n}\n// https://developer.mozilla.org/en-US/docs/Web/API/FileSystemFileEntry\nfunction fromFileEntry(entry) {\n return __awaiter(this, void 0, void 0, function () {\n return __generator(this, function (_a) {\n return [2 /*return*/, new Promise(function (resolve, reject) {\n entry.file(function (file) {\n var fwp = toFileWithPath(file, entry.fullPath);\n resolve(fwp);\n }, function (err) {\n reject(err);\n });\n })];\n });\n });\n}\n//# sourceMappingURL=file-selector.js.map","function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { 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\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { 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\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nimport accepts from \"attr-accept\"; // Error codes\n\nexport var FILE_INVALID_TYPE = \"file-invalid-type\";\nexport var FILE_TOO_LARGE = \"file-too-large\";\nexport var FILE_TOO_SMALL = \"file-too-small\";\nexport var TOO_MANY_FILES = \"too-many-files\";\nexport var ErrorCode = {\n FileInvalidType: FILE_INVALID_TYPE,\n FileTooLarge: FILE_TOO_LARGE,\n FileTooSmall: FILE_TOO_SMALL,\n TooManyFiles: TOO_MANY_FILES\n}; // File Errors\n\nexport var getInvalidTypeRejectionErr = function getInvalidTypeRejectionErr(accept) {\n accept = Array.isArray(accept) && accept.length === 1 ? accept[0] : accept;\n var messageSuffix = Array.isArray(accept) ? \"one of \".concat(accept.join(\", \")) : accept;\n return {\n code: FILE_INVALID_TYPE,\n message: \"File type must be \".concat(messageSuffix)\n };\n};\nexport var getTooLargeRejectionErr = function getTooLargeRejectionErr(maxSize) {\n return {\n code: FILE_TOO_LARGE,\n message: \"File is larger than \".concat(maxSize, \" \").concat(maxSize === 1 ? \"byte\" : \"bytes\")\n };\n};\nexport var getTooSmallRejectionErr = function getTooSmallRejectionErr(minSize) {\n return {\n code: FILE_TOO_SMALL,\n message: \"File is smaller than \".concat(minSize, \" \").concat(minSize === 1 ? \"byte\" : \"bytes\")\n };\n};\nexport var TOO_MANY_FILES_REJECTION = {\n code: TOO_MANY_FILES,\n message: \"Too many files\"\n}; // Firefox versions prior to 53 return a bogus MIME type for every file drag, so dragovers with\n// that MIME type will always be accepted\n\nexport function fileAccepted(file, accept) {\n var isAcceptable = file.type === \"application/x-moz-file\" || accepts(file, accept);\n return [isAcceptable, isAcceptable ? null : getInvalidTypeRejectionErr(accept)];\n}\nexport function fileMatchSize(file, minSize, maxSize) {\n if (isDefined(file.size)) {\n if (isDefined(minSize) && isDefined(maxSize)) {\n if (file.size > maxSize) return [false, getTooLargeRejectionErr(maxSize)];\n if (file.size < minSize) return [false, getTooSmallRejectionErr(minSize)];\n } else if (isDefined(minSize) && file.size < minSize) return [false, getTooSmallRejectionErr(minSize)];else if (isDefined(maxSize) && file.size > maxSize) return [false, getTooLargeRejectionErr(maxSize)];\n }\n\n return [true, null];\n}\n\nfunction isDefined(value) {\n return value !== undefined && value !== null;\n}\n/**\n *\n * @param {object} options\n * @param {File[]} options.files\n * @param {string|string[]} [options.accept]\n * @param {number} [options.minSize]\n * @param {number} [options.maxSize]\n * @param {boolean} [options.multiple]\n * @param {number} [options.maxFiles]\n * @param {(f: File) => FileError|FileError[]|null} [options.validator]\n * @returns\n */\n\n\nexport function allFilesAccepted(_ref) {\n var files = _ref.files,\n accept = _ref.accept,\n minSize = _ref.minSize,\n maxSize = _ref.maxSize,\n multiple = _ref.multiple,\n maxFiles = _ref.maxFiles,\n validator = _ref.validator;\n\n if (!multiple && files.length > 1 || multiple && maxFiles >= 1 && files.length > maxFiles) {\n return false;\n }\n\n return files.every(function (file) {\n var _fileAccepted = fileAccepted(file, accept),\n _fileAccepted2 = _slicedToArray(_fileAccepted, 1),\n accepted = _fileAccepted2[0];\n\n var _fileMatchSize = fileMatchSize(file, minSize, maxSize),\n _fileMatchSize2 = _slicedToArray(_fileMatchSize, 1),\n sizeMatch = _fileMatchSize2[0];\n\n var customErrors = validator ? validator(file) : null;\n return accepted && sizeMatch && !customErrors;\n });\n} // React's synthetic events has event.isPropagationStopped,\n// but to remain compatibility with other libs (Preact) fall back\n// to check event.cancelBubble\n\nexport function isPropagationStopped(event) {\n if (typeof event.isPropagationStopped === \"function\") {\n return event.isPropagationStopped();\n } else if (typeof event.cancelBubble !== \"undefined\") {\n return event.cancelBubble;\n }\n\n return false;\n}\nexport function isEvtWithFiles(event) {\n if (!event.dataTransfer) {\n return !!event.target && !!event.target.files;\n } // https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/types\n // https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/Recommended_drag_types#file\n\n\n return Array.prototype.some.call(event.dataTransfer.types, function (type) {\n return type === \"Files\" || type === \"application/x-moz-file\";\n });\n}\nexport function isKindFile(item) {\n return _typeof(item) === \"object\" && item !== null && item.kind === \"file\";\n} // allow the entire document to be a drag target\n\nexport function onDocumentDragOver(event) {\n event.preventDefault();\n}\n\nfunction isIe(userAgent) {\n return userAgent.indexOf(\"MSIE\") !== -1 || userAgent.indexOf(\"Trident/\") !== -1;\n}\n\nfunction isEdge(userAgent) {\n return userAgent.indexOf(\"Edge/\") !== -1;\n}\n\nexport function isIeOrEdge() {\n var userAgent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window.navigator.userAgent;\n return isIe(userAgent) || isEdge(userAgent);\n}\n/**\n * This is intended to be used to compose event handlers\n * They are executed in order until one of them calls `event.isPropagationStopped()`.\n * Note that the check is done on the first invoke too,\n * meaning that if propagation was stopped before invoking the fns,\n * no handlers will be executed.\n *\n * @param {Function} fns the event hanlder functions\n * @return {Function} the event handler to add to an element\n */\n\nexport function composeEventHandlers() {\n for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {\n fns[_key] = arguments[_key];\n }\n\n return function (event) {\n for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n args[_key2 - 1] = arguments[_key2];\n }\n\n return fns.some(function (fn) {\n if (!isPropagationStopped(event) && fn) {\n fn.apply(void 0, [event].concat(args));\n }\n\n return isPropagationStopped(event);\n });\n };\n}\n/**\n * canUseFileSystemAccessAPI checks if the [File System Access API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API)\n * is supported by the browser.\n * @returns {boolean}\n */\n\nexport function canUseFileSystemAccessAPI() {\n return \"showOpenFilePicker\" in window;\n}\n/**\n * Convert the `{accept}` dropzone prop to the\n * `{types}` option for https://developer.mozilla.org/en-US/docs/Web/API/window/showOpenFilePicker\n *\n * @param {AcceptProp} accept\n * @returns {{accept: string[]}[]}\n */\n\nexport function pickerOptionsFromAccept(accept) {\n if (isDefined(accept)) {\n var acceptForPicker = Object.entries(accept).filter(function (_ref2) {\n var _ref3 = _slicedToArray(_ref2, 2),\n mimeType = _ref3[0],\n ext = _ref3[1];\n\n var ok = true;\n\n if (!isMIMEType(mimeType)) {\n console.warn(\"Skipped \\\"\".concat(mimeType, \"\\\" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.\"));\n ok = false;\n }\n\n if (!Array.isArray(ext) || !ext.every(isExt)) {\n console.warn(\"Skipped \\\"\".concat(mimeType, \"\\\" because an invalid file extension was provided.\"));\n ok = false;\n }\n\n return ok;\n }).reduce(function (agg, _ref4) {\n var _ref5 = _slicedToArray(_ref4, 2),\n mimeType = _ref5[0],\n ext = _ref5[1];\n\n return _objectSpread(_objectSpread({}, agg), {}, _defineProperty({}, mimeType, ext));\n }, {});\n return [{\n // description is required due to https://crbug.com/1264708\n description: \"Files\",\n accept: acceptForPicker\n }];\n }\n\n return accept;\n}\n/**\n * Convert the `{accept}` dropzone prop to an array of MIME types/extensions.\n * @param {AcceptProp} accept\n * @returns {string}\n */\n\nexport function acceptPropAsAcceptAttr(accept) {\n if (isDefined(accept)) {\n return Object.entries(accept).reduce(function (a, _ref6) {\n var _ref7 = _slicedToArray(_ref6, 2),\n mimeType = _ref7[0],\n ext = _ref7[1];\n\n return [].concat(_toConsumableArray(a), [mimeType], _toConsumableArray(ext));\n }, []) // Silently discard invalid entries as pickerOptionsFromAccept warns about these\n .filter(function (v) {\n return isMIMEType(v) || isExt(v);\n }).join(\",\");\n }\n\n return undefined;\n}\n/**\n * Check if v is an exception caused by aborting a request (e.g window.showOpenFilePicker()).\n *\n * See https://developer.mozilla.org/en-US/docs/Web/API/DOMException.\n * @param {any} v\n * @returns {boolean} True if v is an abort exception.\n */\n\nexport function isAbort(v) {\n return v instanceof DOMException && (v.name === \"AbortError\" || v.code === v.ABORT_ERR);\n}\n/**\n * Check if v is a security error.\n *\n * See https://developer.mozilla.org/en-US/docs/Web/API/DOMException.\n * @param {any} v\n * @returns {boolean} True if v is a security error.\n */\n\nexport function isSecurityError(v) {\n return v instanceof DOMException && (v.name === \"SecurityError\" || v.code === v.SECURITY_ERR);\n}\n/**\n * Check if v is a MIME type string.\n *\n * See accepted format: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#unique_file_type_specifiers.\n *\n * @param {string} v\n */\n\nexport function isMIMEType(v) {\n return v === \"audio/*\" || v === \"video/*\" || v === \"image/*\" || v === \"text/*\" || /\\w+\\/[-+.\\w]+/g.test(v);\n}\n/**\n * Check if v is a file extension.\n * @param {string} v\n */\n\nexport function isExt(v) {\n return /^.*\\.[\\w]+$/.test(v);\n}\n/**\n * @typedef {Object.} AcceptProp\n */\n\n/**\n * @typedef {object} FileError\n * @property {string} message\n * @property {ErrorCode|string} code\n */\n\n/**\n * @typedef {\"file-invalid-type\"|\"file-too-large\"|\"file-too-small\"|\"too-many-files\"} ErrorCode\n */","var _excluded = [\"children\"],\n _excluded2 = [\"open\"],\n _excluded3 = [\"refKey\", \"role\", \"onKeyDown\", \"onFocus\", \"onBlur\", \"onClick\", \"onDragEnter\", \"onDragOver\", \"onDragLeave\", \"onDrop\"],\n _excluded4 = [\"refKey\", \"onChange\", \"onClick\"];\n\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _nonIterableSpread() { 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\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { 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\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* eslint prefer-template: 0 */\nimport React, { forwardRef, Fragment, useCallback, useEffect, useImperativeHandle, useMemo, useReducer, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { fromEvent } from \"file-selector\";\nimport { acceptPropAsAcceptAttr, allFilesAccepted, composeEventHandlers, fileAccepted, fileMatchSize, canUseFileSystemAccessAPI, isAbort, isEvtWithFiles, isIeOrEdge, isPropagationStopped, isSecurityError, onDocumentDragOver, pickerOptionsFromAccept, TOO_MANY_FILES_REJECTION } from \"./utils/index\";\n/**\n * Convenience wrapper component for the `useDropzone` hook\n *\n * ```jsx\n * \n * {({getRootProps, getInputProps}) => (\n * \n *
\n *
Drag 'n' drop some files here, or click to select files
\n *
\n *
\n *
Drag and drop some files here, or click to select files
\n *
` by default. You can change this\n * behavior by providing a `component` prop.\n * If you use React v16+ and would like to avoid a wrapping `
` element\n * you can pass in `component={null}`. This is useful if the wrapping div\n * borks your css styles.\n */\n component: PropTypes.any,\n\n /**\n * A set of `
` components, that are toggled `in` and out as they\n * leave. the `` will inject specific transition props, so\n * remember to spread them through if you are wrapping the `` as\n * with our `` example.\n *\n * While this component is meant for multiple `Transition` or `CSSTransition`\n * children, sometimes you may want to have a single transition child with\n * content that you want to be transitioned out and in when you change it\n * (e.g. routes, images etc.) In that case you can change the `key` prop of\n * the transition child as you change its content, this will cause\n * `TransitionGroup` to transition the child out and back in.\n */\n children: PropTypes.node,\n\n /**\n * A convenience prop that enables or disables appear animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n appear: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables enter animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * A convenience prop that enables or disables exit animations\n * for all children. Note that specifying this will override any defaults set\n * on individual children Transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * You may need to apply reactive updates to a child as it is exiting.\n * This is generally done by using `cloneElement` however in the case of an exiting\n * child the element has already been removed and not accessible to the consumer.\n *\n * If you do need to update a child as it leaves you can provide a `childFactory`\n * to wrap every child, even the ones that are leaving.\n *\n * @type Function(child: ReactElement) -> ReactElement\n */\n childFactory: PropTypes.func\n} : {};\nTransitionGroup.defaultProps = defaultProps;\nexport default TransitionGroup;","'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\n\n/**\n * @ignore - internal component.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction Ripple(props) {\n const {\n className,\n classes,\n pulsate = false,\n rippleX,\n rippleY,\n rippleSize,\n in: inProp,\n onExited,\n timeout\n } = props;\n const [leaving, setLeaving] = React.useState(false);\n const rippleClassName = clsx(className, classes.ripple, classes.rippleVisible, pulsate && classes.ripplePulsate);\n const rippleStyles = {\n width: rippleSize,\n height: rippleSize,\n top: -(rippleSize / 2) + rippleY,\n left: -(rippleSize / 2) + rippleX\n };\n const childClassName = clsx(classes.child, leaving && classes.childLeaving, pulsate && classes.childPulsate);\n if (!inProp && !leaving) {\n setLeaving(true);\n }\n React.useEffect(() => {\n if (!inProp && onExited != null) {\n // react-transition-group#onExited\n const timeoutId = setTimeout(onExited, timeout);\n return () => {\n clearTimeout(timeoutId);\n };\n }\n return undefined;\n }, [onExited, inProp, timeout]);\n return /*#__PURE__*/_jsx(\"span\", {\n className: rippleClassName,\n style: rippleStyles,\n children: /*#__PURE__*/_jsx(\"span\", {\n className: childClassName\n })\n });\n}\nprocess.env.NODE_ENV !== \"production\" ? Ripple.propTypes = {\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n /**\n * @ignore - injected from TransitionGroup\n */\n in: PropTypes.bool,\n /**\n * @ignore - injected from TransitionGroup\n */\n onExited: PropTypes.func,\n /**\n * If `true`, the ripple pulsates, typically indicating the keyboard focus state of an element.\n */\n pulsate: PropTypes.bool,\n /**\n * Diameter of the ripple.\n */\n rippleSize: PropTypes.number,\n /**\n * Horizontal position of the ripple center.\n */\n rippleX: PropTypes.number,\n /**\n * Vertical position of the ripple center.\n */\n rippleY: PropTypes.number,\n /**\n * exit delay\n */\n timeout: PropTypes.number.isRequired\n} : void 0;\nexport default Ripple;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTouchRippleUtilityClass(slot) {\n return generateUtilityClass('MuiTouchRipple', slot);\n}\nconst touchRippleClasses = generateUtilityClasses('MuiTouchRipple', ['root', 'ripple', 'rippleVisible', 'ripplePulsate', 'child', 'childLeaving', 'childPulsate']);\nexport default touchRippleClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"center\", \"classes\", \"className\"];\nlet _ = t => t,\n _t,\n _t2,\n _t3,\n _t4;\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { TransitionGroup } from 'react-transition-group';\nimport clsx from 'clsx';\nimport { keyframes } from '@mui/system';\nimport useTimeout from '@mui/utils/useTimeout';\nimport styled from '../styles/styled';\nimport useThemeProps from '../styles/useThemeProps';\nimport Ripple from './Ripple';\nimport touchRippleClasses from './touchRippleClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst DURATION = 550;\nexport const DELAY_RIPPLE = 80;\nconst enterKeyframe = keyframes(_t || (_t = _`\n 0% {\n transform: scale(0);\n opacity: 0.1;\n }\n\n 100% {\n transform: scale(1);\n opacity: 0.3;\n }\n`));\nconst exitKeyframe = keyframes(_t2 || (_t2 = _`\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n`));\nconst pulsateKeyframe = keyframes(_t3 || (_t3 = _`\n 0% {\n transform: scale(1);\n }\n\n 50% {\n transform: scale(0.92);\n }\n\n 100% {\n transform: scale(1);\n }\n`));\nexport const TouchRippleRoot = styled('span', {\n name: 'MuiTouchRipple',\n slot: 'Root'\n})({\n overflow: 'hidden',\n pointerEvents: 'none',\n position: 'absolute',\n zIndex: 0,\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n borderRadius: 'inherit'\n});\n\n// This `styled()` function invokes keyframes. `styled-components` only supports keyframes\n// in string templates. Do not convert these styles in JS object as it will break.\nexport const TouchRippleRipple = styled(Ripple, {\n name: 'MuiTouchRipple',\n slot: 'Ripple'\n})(_t4 || (_t4 = _`\n opacity: 0;\n position: absolute;\n\n &.${0} {\n opacity: 0.3;\n transform: scale(1);\n animation-name: ${0};\n animation-duration: ${0}ms;\n animation-timing-function: ${0};\n }\n\n &.${0} {\n animation-duration: ${0}ms;\n }\n\n & .${0} {\n opacity: 1;\n display: block;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: currentColor;\n }\n\n & .${0} {\n opacity: 0;\n animation-name: ${0};\n animation-duration: ${0}ms;\n animation-timing-function: ${0};\n }\n\n & .${0} {\n position: absolute;\n /* @noflip */\n left: 0px;\n top: 0;\n animation-name: ${0};\n animation-duration: 2500ms;\n animation-timing-function: ${0};\n animation-iteration-count: infinite;\n animation-delay: 200ms;\n }\n`), touchRippleClasses.rippleVisible, enterKeyframe, DURATION, ({\n theme\n}) => theme.transitions.easing.easeInOut, touchRippleClasses.ripplePulsate, ({\n theme\n}) => theme.transitions.duration.shorter, touchRippleClasses.child, touchRippleClasses.childLeaving, exitKeyframe, DURATION, ({\n theme\n}) => theme.transitions.easing.easeInOut, touchRippleClasses.childPulsate, pulsateKeyframe, ({\n theme\n}) => theme.transitions.easing.easeInOut);\n\n/**\n * @ignore - internal component.\n *\n * TODO v5: Make private\n */\nconst TouchRipple = /*#__PURE__*/React.forwardRef(function TouchRipple(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiTouchRipple'\n });\n const {\n center: centerProp = false,\n classes = {},\n className\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n const [ripples, setRipples] = React.useState([]);\n const nextKey = React.useRef(0);\n const rippleCallback = React.useRef(null);\n React.useEffect(() => {\n if (rippleCallback.current) {\n rippleCallback.current();\n rippleCallback.current = null;\n }\n }, [ripples]);\n\n // Used to filter out mouse emulated events on mobile.\n const ignoringMouseDown = React.useRef(false);\n // We use a timer in order to only show the ripples for touch \"click\" like events.\n // We don't want to display the ripple for touch scroll events.\n const startTimer = useTimeout();\n\n // This is the hook called once the previous timeout is ready.\n const startTimerCommit = React.useRef(null);\n const container = React.useRef(null);\n const startCommit = React.useCallback(params => {\n const {\n pulsate,\n rippleX,\n rippleY,\n rippleSize,\n cb\n } = params;\n setRipples(oldRipples => [...oldRipples, /*#__PURE__*/_jsx(TouchRippleRipple, {\n classes: {\n ripple: clsx(classes.ripple, touchRippleClasses.ripple),\n rippleVisible: clsx(classes.rippleVisible, touchRippleClasses.rippleVisible),\n ripplePulsate: clsx(classes.ripplePulsate, touchRippleClasses.ripplePulsate),\n child: clsx(classes.child, touchRippleClasses.child),\n childLeaving: clsx(classes.childLeaving, touchRippleClasses.childLeaving),\n childPulsate: clsx(classes.childPulsate, touchRippleClasses.childPulsate)\n },\n timeout: DURATION,\n pulsate: pulsate,\n rippleX: rippleX,\n rippleY: rippleY,\n rippleSize: rippleSize\n }, nextKey.current)]);\n nextKey.current += 1;\n rippleCallback.current = cb;\n }, [classes]);\n const start = React.useCallback((event = {}, options = {}, cb = () => {}) => {\n const {\n pulsate = false,\n center = centerProp || options.pulsate,\n fakeElement = false // For test purposes\n } = options;\n if ((event == null ? void 0 : event.type) === 'mousedown' && ignoringMouseDown.current) {\n ignoringMouseDown.current = false;\n return;\n }\n if ((event == null ? void 0 : event.type) === 'touchstart') {\n ignoringMouseDown.current = true;\n }\n const element = fakeElement ? null : container.current;\n const rect = element ? element.getBoundingClientRect() : {\n width: 0,\n height: 0,\n left: 0,\n top: 0\n };\n\n // Get the size of the ripple\n let rippleX;\n let rippleY;\n let rippleSize;\n if (center || event === undefined || event.clientX === 0 && event.clientY === 0 || !event.clientX && !event.touches) {\n rippleX = Math.round(rect.width / 2);\n rippleY = Math.round(rect.height / 2);\n } else {\n const {\n clientX,\n clientY\n } = event.touches && event.touches.length > 0 ? event.touches[0] : event;\n rippleX = Math.round(clientX - rect.left);\n rippleY = Math.round(clientY - rect.top);\n }\n if (center) {\n rippleSize = Math.sqrt((2 * rect.width ** 2 + rect.height ** 2) / 3);\n\n // For some reason the animation is broken on Mobile Chrome if the size is even.\n if (rippleSize % 2 === 0) {\n rippleSize += 1;\n }\n } else {\n const sizeX = Math.max(Math.abs((element ? element.clientWidth : 0) - rippleX), rippleX) * 2 + 2;\n const sizeY = Math.max(Math.abs((element ? element.clientHeight : 0) - rippleY), rippleY) * 2 + 2;\n rippleSize = Math.sqrt(sizeX ** 2 + sizeY ** 2);\n }\n\n // Touche devices\n if (event != null && event.touches) {\n // check that this isn't another touchstart due to multitouch\n // otherwise we will only clear a single timer when unmounting while two\n // are running\n if (startTimerCommit.current === null) {\n // Prepare the ripple effect.\n startTimerCommit.current = () => {\n startCommit({\n pulsate,\n rippleX,\n rippleY,\n rippleSize,\n cb\n });\n };\n // Delay the execution of the ripple effect.\n // We have to make a tradeoff with this delay value.\n startTimer.start(DELAY_RIPPLE, () => {\n if (startTimerCommit.current) {\n startTimerCommit.current();\n startTimerCommit.current = null;\n }\n });\n }\n } else {\n startCommit({\n pulsate,\n rippleX,\n rippleY,\n rippleSize,\n cb\n });\n }\n }, [centerProp, startCommit, startTimer]);\n const pulsate = React.useCallback(() => {\n start({}, {\n pulsate: true\n });\n }, [start]);\n const stop = React.useCallback((event, cb) => {\n startTimer.clear();\n\n // The touch interaction occurs too quickly.\n // We still want to show ripple effect.\n if ((event == null ? void 0 : event.type) === 'touchend' && startTimerCommit.current) {\n startTimerCommit.current();\n startTimerCommit.current = null;\n startTimer.start(0, () => {\n stop(event, cb);\n });\n return;\n }\n startTimerCommit.current = null;\n setRipples(oldRipples => {\n if (oldRipples.length > 0) {\n return oldRipples.slice(1);\n }\n return oldRipples;\n });\n rippleCallback.current = cb;\n }, [startTimer]);\n React.useImperativeHandle(ref, () => ({\n pulsate,\n start,\n stop\n }), [pulsate, start, stop]);\n return /*#__PURE__*/_jsx(TouchRippleRoot, _extends({\n className: clsx(touchRippleClasses.root, classes.root, className),\n ref: container\n }, other, {\n children: /*#__PURE__*/_jsx(TransitionGroup, {\n component: null,\n exit: true,\n children: ripples\n })\n }));\n});\nprocess.env.NODE_ENV !== \"production\" ? TouchRipple.propTypes = {\n /**\n * If `true`, the ripple starts at the center of the component\n * rather than at the point of interaction.\n */\n center: PropTypes.bool,\n /**\n * Override or extend the styles applied to the component.\n */\n classes: PropTypes.object,\n /**\n * @ignore\n */\n className: PropTypes.string\n} : void 0;\nexport default TouchRipple;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getButtonBaseUtilityClass(slot) {\n return generateUtilityClass('MuiButtonBase', slot);\n}\nconst buttonBaseClasses = generateUtilityClasses('MuiButtonBase', ['root', 'disabled', 'focusVisible']);\nexport default buttonBaseClasses;","'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"action\", \"centerRipple\", \"children\", \"className\", \"component\", \"disabled\", \"disableRipple\", \"disableTouchRipple\", \"focusRipple\", \"focusVisibleClassName\", \"LinkComponent\", \"onBlur\", \"onClick\", \"onContextMenu\", \"onDragLeave\", \"onFocus\", \"onFocusVisible\", \"onKeyDown\", \"onKeyUp\", \"onMouseDown\", \"onMouseLeave\", \"onMouseUp\", \"onTouchEnd\", \"onTouchMove\", \"onTouchStart\", \"tabIndex\", \"TouchRippleProps\", \"touchRippleRef\", \"type\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport elementTypeAcceptingRef from '@mui/utils/elementTypeAcceptingRef';\nimport composeClasses from '@mui/utils/composeClasses';\nimport styled from '../styles/styled';\nimport useThemeProps from '../styles/useThemeProps';\nimport useForkRef from '../utils/useForkRef';\nimport useEventCallback from '../utils/useEventCallback';\nimport useIsFocusVisible from '../utils/useIsFocusVisible';\nimport TouchRipple from './TouchRipple';\nimport buttonBaseClasses, { getButtonBaseUtilityClass } from './buttonBaseClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n const {\n disabled,\n focusVisible,\n focusVisibleClassName,\n classes\n } = ownerState;\n const slots = {\n root: ['root', disabled && 'disabled', focusVisible && 'focusVisible']\n };\n const composedClasses = composeClasses(slots, getButtonBaseUtilityClass, classes);\n if (focusVisible && focusVisibleClassName) {\n composedClasses.root += ` ${focusVisibleClassName}`;\n }\n return composedClasses;\n};\nexport const ButtonBaseRoot = styled('button', {\n name: 'MuiButtonBase',\n slot: 'Root',\n overridesResolver: (props, styles) => styles.root\n})({\n display: 'inline-flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n boxSizing: 'border-box',\n WebkitTapHighlightColor: 'transparent',\n backgroundColor: 'transparent',\n // Reset default value\n // We disable the focus ring for mouse, touch and keyboard users.\n outline: 0,\n border: 0,\n margin: 0,\n // Remove the margin in Safari\n borderRadius: 0,\n padding: 0,\n // Remove the padding in Firefox\n cursor: 'pointer',\n userSelect: 'none',\n verticalAlign: 'middle',\n MozAppearance: 'none',\n // Reset\n WebkitAppearance: 'none',\n // Reset\n textDecoration: 'none',\n // So we take precedent over the style of a native element.\n color: 'inherit',\n '&::-moz-focus-inner': {\n borderStyle: 'none' // Remove Firefox dotted outline.\n },\n [`&.${buttonBaseClasses.disabled}`]: {\n pointerEvents: 'none',\n // Disable link interactions\n cursor: 'default'\n },\n '@media print': {\n colorAdjust: 'exact'\n }\n});\n\n/**\n * `ButtonBase` contains as few styles as possible.\n * It aims to be a simple building block for creating a button.\n * It contains a load of style reset and some focus/ripple logic.\n */\nconst ButtonBase = /*#__PURE__*/React.forwardRef(function ButtonBase(inProps, ref) {\n const props = useThemeProps({\n props: inProps,\n name: 'MuiButtonBase'\n });\n const {\n action,\n centerRipple = false,\n children,\n className,\n component = 'button',\n disabled = false,\n disableRipple = false,\n disableTouchRipple = false,\n focusRipple = false,\n LinkComponent = 'a',\n onBlur,\n onClick,\n onContextMenu,\n onDragLeave,\n onFocus,\n onFocusVisible,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onMouseLeave,\n onMouseUp,\n onTouchEnd,\n onTouchMove,\n onTouchStart,\n tabIndex = 0,\n TouchRippleProps,\n touchRippleRef,\n type\n } = props,\n other = _objectWithoutPropertiesLoose(props, _excluded);\n const buttonRef = React.useRef(null);\n const rippleRef = React.useRef(null);\n const handleRippleRef = useForkRef(rippleRef, touchRippleRef);\n const {\n isFocusVisibleRef,\n onFocus: handleFocusVisible,\n onBlur: handleBlurVisible,\n ref: focusVisibleRef\n } = useIsFocusVisible();\n const [focusVisible, setFocusVisible] = React.useState(false);\n if (disabled && focusVisible) {\n setFocusVisible(false);\n }\n React.useImperativeHandle(action, () => ({\n focusVisible: () => {\n setFocusVisible(true);\n buttonRef.current.focus();\n }\n }), []);\n const [mountedState, setMountedState] = React.useState(false);\n React.useEffect(() => {\n setMountedState(true);\n }, []);\n const enableTouchRipple = mountedState && !disableRipple && !disabled;\n React.useEffect(() => {\n if (focusVisible && focusRipple && !disableRipple && mountedState) {\n rippleRef.current.pulsate();\n }\n }, [disableRipple, focusRipple, focusVisible, mountedState]);\n function useRippleHandler(rippleAction, eventCallback, skipRippleAction = disableTouchRipple) {\n return useEventCallback(event => {\n if (eventCallback) {\n eventCallback(event);\n }\n const ignore = skipRippleAction;\n if (!ignore && rippleRef.current) {\n rippleRef.current[rippleAction](event);\n }\n return true;\n });\n }\n const handleMouseDown = useRippleHandler('start', onMouseDown);\n const handleContextMenu = useRippleHandler('stop', onContextMenu);\n const handleDragLeave = useRippleHandler('stop', onDragLeave);\n const handleMouseUp = useRippleHandler('stop', onMouseUp);\n const handleMouseLeave = useRippleHandler('stop', event => {\n if (focusVisible) {\n event.preventDefault();\n }\n if (onMouseLeave) {\n onMouseLeave(event);\n }\n });\n const handleTouchStart = useRippleHandler('start', onTouchStart);\n const handleTouchEnd = useRippleHandler('stop', onTouchEnd);\n const handleTouchMove = useRippleHandler('stop', onTouchMove);\n const handleBlur = useRippleHandler('stop', event => {\n handleBlurVisible(event);\n if (isFocusVisibleRef.current === false) {\n setFocusVisible(false);\n }\n if (onBlur) {\n onBlur(event);\n }\n }, false);\n const handleFocus = useEventCallback(event => {\n // Fix for https://github.com/facebook/react/issues/7769\n if (!buttonRef.current) {\n buttonRef.current = event.currentTarget;\n }\n handleFocusVisible(event);\n if (isFocusVisibleRef.current === true) {\n setFocusVisible(true);\n if (onFocusVisible) {\n onFocusVisible(event);\n }\n }\n if (onFocus) {\n onFocus(event);\n }\n });\n const isNonNativeButton = () => {\n const button = buttonRef.current;\n return component && component !== 'button' && !(button.tagName === 'A' && button.href);\n };\n\n /**\n * IE11 shim for https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat\n */\n const keydownRef = React.useRef(false);\n const handleKeyDown = useEventCallback(event => {\n // Check if key is already down to avoid repeats being counted as multiple activations\n if (focusRipple && !keydownRef.current && focusVisible && rippleRef.current && event.key === ' ') {\n keydownRef.current = true;\n rippleRef.current.stop(event, () => {\n rippleRef.current.start(event);\n });\n }\n if (event.target === event.currentTarget && isNonNativeButton() && event.key === ' ') {\n event.preventDefault();\n }\n if (onKeyDown) {\n onKeyDown(event);\n }\n\n // Keyboard accessibility for non interactive elements\n if (event.target === event.currentTarget && isNonNativeButton() && event.key === 'Enter' && !disabled) {\n event.preventDefault();\n if (onClick) {\n onClick(event);\n }\n }\n });\n const handleKeyUp = useEventCallback(event => {\n // calling preventDefault in keyUp on a