likec4 1.7.0 → 1.7.2

package/dist/__app__/src/chunks/{mantine-u17mT9KZ.js → mantine-l9Camp3k.js}

@@ -1,6 +1,5 @@
 import * as React from "react";
-import React__default, { useState, Fragment, createContext, useContext, useRef, useEffect, useMemo, useCallback, useLayoutEffect, useId as useId$2, forwardRef,
-cloneElement, Children, createElement } from "react";
+import React__default, { useState, Fragment, createContext, useContext, useRef, useEffect, useMemo, useCallback, useLayoutEffect, useId as useId$2, forwardRef, cloneElement, Children, createElement } from "react";
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal } from "react-dom";
@@ -26,8 +25,7 @@ function __spreadArray(to, from, pack) {
     (ar || !(i in from)) && (ar || (ar = Array.prototype.slice.call(from, 0, i)), ar[i] = from[i]);
   return to.concat(ar || Array.prototype.slice.call(from));
 }
-var zeroRightClassName = "right-scroll-bar-position", fullWidthClassName = "width-before-scroll-bar", noScrollbarsClassName = "with-scroll-bars-hidden",
-removedBarSizeVariable = "--removed-body-scroll-bar-size";
+var zeroRightClassName = "right-scroll-bar-position", fullWidthClassName = "width-before-scroll-bar", noScrollbarsClassName = "with-scroll-bars-hidden", removedBarSizeVariable = "--removed-body-scroll-bar-size";
 function assignRef$1(ref, value) {
   return typeof ref == "function" ? ref(value) : ref && (ref.current = value), ref;
 }
@@ -154,18 +152,12 @@ var effectCar = createSidecarMedium(), nothing = function() {
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
-  }), callbacks = _a[0], setCallbacks = _a[1], 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, Container2 = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "\
-className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), SideCar2 = sideCar, containerRef = useMergeRefs(
-  [ref, parentRef]), containerProps = __assign(__assign({}, rest), callbacks);
+  }), callbacks = _a[0], setCallbacks = _a[1], 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, Container2 = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), SideCar2 = sideCar, containerRef = useMergeRefs([ref, parentRef]), containerProps = __assign(__assign({}, rest), callbacks);
   return React.createElement(
     React.Fragment,
     null,
-    enabled && React.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom,
-    lockRef: ref, gapMode }),
-    forwardProps ? React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React.createElement(
-    Container2, __assign({}, containerProps, { className, ref: containerRef }), children)
+    enabled && React.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    forwardProps ? React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React.createElement(Container2, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -229,8 +221,7 @@ var stylesheetSingleton = function() {
 }, parse = function(x) {
   return parseInt(x || "", 10) || 0;
 }, getOffset = function(gapMode) {
-  var cs = window.getComputedStyle(document.body), left = cs[gapMode === "padding" ? "paddingLeft" : "marginLeft"], top = cs[gapMode === "padding" ? "\
-paddingTop" : "marginTop"], right = cs[gapMode === "padding" ? "paddingRight" : "marginRight"];
+  var cs = window.getComputedStyle(document.body), left = cs[gapMode === "padding" ? "paddingLeft" : "marginLeft"], top = cs[gapMode === "padding" ? "paddingTop" : "marginTop"], right = cs[gapMode === "padding" ? "paddingRight" : "marginRight"];
   return [parse(left), parse(top), parse(right)];
 }, getGapWidth = function(gapMode) {
   if (gapMode === void 0 && (gapMode = "margin"), typeof window > "u")
@@ -364,20 +355,16 @@ var nonPassive = passiveSupported ? { passive: !1 } : !1, alwaysContainsScroll =
 }, getDirectionFactor = function(axis, direction) {
   return axis === "h" && direction === "rtl" ? -1 : 1;
 }, handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
-  var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction), delta = directionFactor * sourceDelta, target = event.
-  target, targetInLock = endTarget.contains(target), shouldCancelScroll = !1, isDeltaPositive = delta > 0, availableScroll = 0, availableScrollTop = 0;
+  var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction), delta = directionFactor * sourceDelta, target = event.target, targetInLock = endTarget.contains(target), shouldCancelScroll = !1, isDeltaPositive = delta > 0, availableScroll = 0, availableScrollTop = 0;
   do {
-    var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2], elementScroll = scroll_1 - capacity - directionFactor *
-    position;
-    (position || elementScroll) && elementCouldBeScrolled(axis, target) && (availableScroll += elementScroll, availableScrollTop += position), target instanceof
-    ShadowRoot ? target = target.host : target = target.parentNode;
+    var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2], elementScroll = scroll_1 - capacity - directionFactor * position;
+    (position || elementScroll) && elementCouldBeScrolled(axis, target) && (availableScroll += elementScroll, availableScrollTop += position), target instanceof ShadowRoot ? target = target.host : target = target.parentNode;
   } while (
     // portaled content
     !targetInLock && target !== document.body || // self content
     targetInLock && (endTarget.contains(target) || endTarget === target)
   );
-  return (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll) || !isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) &&
-  (shouldCancelScroll = !0), shouldCancelScroll;
+  return (isDeltaPositive && (Math.abs(availableScroll) < 1 || !noOverscroll) || !isDeltaPositive && (Math.abs(availableScrollTop) < 1 || !noOverscroll)) && (shouldCancelScroll = !0), shouldCancelScroll;
 }, getTouchXY = function(event) {
   return "changedTouches" in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
 }, getDeltaXY = function(event) {
@@ -393,8 +380,7 @@ var nonPassive = passiveSupported ? { passive: !1 } : !1, alwaysContainsScroll =
 `);
 }, idCounter = 0, lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React.useRef([]), touchStartRef = React.useRef([0, 0]), activeAxis = React.useRef(), id = React.useState(idCounter++)[0], Style2 = React.
-  useState(styleSingleton)[0], lastProps = React.useRef(props);
+  var shouldPreventQueue = React.useRef([]), touchStartRef = React.useRef([0, 0]), activeAxis = React.useRef(), id = React.useState(idCounter++)[0], Style2 = React.useState(styleSingleton)[0], lastProps = React.useRef(props);
   React.useEffect(function() {
     lastProps.current = props;
   }, [props]), React.useEffect(function() {
@@ -413,16 +399,13 @@ function RemoveScrollSideCar(props) {
   var shouldCancelEvent = React.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2)
       return !lastProps.current.allowPinchZoom;
-    var touch = getTouchXY(event), touchStart = touchStartRef.current, deltaX = "deltaX" in event ? event.deltaX : touchStart[0] - touch[0], deltaY = "\
-deltaY" in event ? event.deltaY : touchStart[1] - touch[1], currentAxis, target = event.target, moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? "\
-h" : "v";
+    var touch = getTouchXY(event), touchStart = touchStartRef.current, deltaX = "deltaX" in event ? event.deltaX : touchStart[0] - touch[0], deltaY = "deltaY" in event ? event.deltaY : touchStart[1] - touch[1], currentAxis, target = event.target, moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? "h" : "v";
     if ("touches" in event && moveDirection === "h" && target.type === "range")
       return !1;
     var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
     if (!canBeScrolledInMainDirection)
       return !0;
-    if (canBeScrolledInMainDirection ? currentAxis = moveDirection : (currentAxis = moveDirection === "v" ? "h" : "v", canBeScrolledInMainDirection = locationCouldBeScrolled(
-    moveDirection, target)), !canBeScrolledInMainDirection)
+    if (canBeScrolledInMainDirection ? currentAxis = moveDirection : (currentAxis = moveDirection === "v" ? "h" : "v", canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target)), !canBeScrolledInMainDirection)
       return !1;
     if (!activeAxis.current && "changedTouches" in event && (deltaX || deltaY) && (activeAxis.current = currentAxis), !currentAxis)
       return !0;
@@ -464,12 +447,10 @@ h" : "v";
       onScrollCapture: scrollWheel,
       onWheelCapture: scrollWheel,
       onTouchMoveCapture: scrollTouchMove
-    }), document.addEventListener("wheel", shouldPrevent, nonPassive), document.addEventListener("touchmove", shouldPrevent, nonPassive), document.addEventListener(
-    "touchstart", scrollTouchStart, nonPassive), function() {
+    }), document.addEventListener("wheel", shouldPrevent, nonPassive), document.addEventListener("touchmove", shouldPrevent, nonPassive), document.addEventListener("touchstart", scrollTouchStart, nonPassive), function() {
       lockStack = lockStack.filter(function(inst) {
         return inst !== Style2;
-      }), document.removeEventListener("wheel", shouldPrevent, nonPassive), document.removeEventListener("touchmove", shouldPrevent, nonPassive), document.
-      removeEventListener("touchstart", scrollTouchStart, nonPassive);
+      }), document.removeEventListener("wheel", shouldPrevent, nonPassive), document.removeEventListener("touchmove", shouldPrevent, nonPassive), document.removeEventListener("touchstart", scrollTouchStart, nonPassive);
     };
   }, []);
   var removeScrollBar = props.removeScrollBar, inert = props.inert;
@@ -510,10 +491,7 @@ function getTransformedScaledValue(value) {
 }
 function px(value) {
   const transformedValue = getTransformedScaledValue(value);
-  return typeof transformedValue == "number" ? transformedValue : typeof transformedValue == "string" ? transformedValue.includes("calc") || transformedValue.
-  includes("var") ? transformedValue : transformedValue.includes("px") ? Number(transformedValue.replace("px", "")) : transformedValue.includes("rem") ?
-  Number(transformedValue.replace("rem", "")) * 16 : transformedValue.includes("em") ? Number(transformedValue.replace("em", "")) * 16 : Number(transformedValue) :
-  NaN;
+  return typeof transformedValue == "number" ? transformedValue : typeof transformedValue == "string" ? transformedValue.includes("calc") || transformedValue.includes("var") ? transformedValue : transformedValue.includes("px") ? Number(transformedValue.replace("px", "")) : transformedValue.includes("rem") ? Number(transformedValue.replace("rem", "")) * 16 : transformedValue.includes("em") ? Number(transformedValue.replace("em", "")) * 16 : Number(transformedValue) : NaN;
 }
 function scaleRem(remValue) {
   return remValue === "0rem" ? "0rem" : `calc(${remValue} * var(--mantine-scale))`;
@@ -550,8 +528,7 @@ function filterProps(props) {
   return Object.keys(props).reduce((acc, key) => (props[key] !== void 0 && (acc[key] = props[key]), acc), {});
 }
 function isNumberLike(value) {
-  return typeof value == "number" ? !0 : typeof value == "string" ? value.startsWith("calc(") || value.startsWith("var(") || value.includes(" ") && value.
-  trim() !== "" ? !0 : /[0-9]/.test(value.trim().replace("-", "")[0]) : !1;
+  return typeof value == "number" ? !0 : typeof value == "string" ? value.startsWith("calc(") || value.startsWith("var(") || value.includes(" ") && value.trim() !== "" ? !0 : /[0-9]/.test(value.trim().replace("-", "")[0]) : !1;
 }
 function isElement$1(value) {
   return Array.isArray(value) || value === null ? !1 : typeof value == "object" ? value.type !== Fragment : !1;
@@ -622,28 +599,22 @@ function createScopedKeydownHandler({
       findElementAncestor(event.currentTarget, parentSelector)?.querySelectorAll(
         siblingSelector
       ) || []
-    ).filter((node) => onSameLevel(event.currentTarget, node, parentSelector)), current = elements.findIndex((el) => event.currentTarget === el), _nextIndex = getNextIndex$1(
-    current, elements, loop), _previousIndex = getPreviousIndex$1(current, elements, loop), nextIndex = dir === "rtl" ? _previousIndex : _nextIndex, previousIndex = dir ===
-    "rtl" ? _nextIndex : _previousIndex;
+    ).filter((node) => onSameLevel(event.currentTarget, node, parentSelector)), current = elements.findIndex((el) => event.currentTarget === el), _nextIndex = getNextIndex$1(current, elements, loop), _previousIndex = getPreviousIndex$1(current, elements, loop), nextIndex = dir === "rtl" ? _previousIndex : _nextIndex, previousIndex = dir === "rtl" ? _nextIndex : _previousIndex;
     switch (event.key) {
       case "ArrowRight": {
-        orientation === "horizontal" && (event.stopPropagation(), event.preventDefault(), elements[nextIndex].focus(), activateOnFocus && elements[nextIndex].
-        click());
+        orientation === "horizontal" && (event.stopPropagation(), event.preventDefault(), elements[nextIndex].focus(), activateOnFocus && elements[nextIndex].click());
         break;
       }
       case "ArrowLeft": {
-        orientation === "horizontal" && (event.stopPropagation(), event.preventDefault(), elements[previousIndex].focus(), activateOnFocus && elements[previousIndex].
-        click());
+        orientation === "horizontal" && (event.stopPropagation(), event.preventDefault(), elements[previousIndex].focus(), activateOnFocus && elements[previousIndex].click());
         break;
       }
       case "ArrowUp": {
-        orientation === "vertical" && (event.stopPropagation(), event.preventDefault(), elements[_previousIndex].focus(), activateOnFocus && elements[_previousIndex].
-        click());
+        orientation === "vertical" && (event.stopPropagation(), event.preventDefault(), elements[_previousIndex].focus(), activateOnFocus && elements[_previousIndex].click());
         break;
       }
       case "ArrowDown": {
-        orientation === "vertical" && (event.stopPropagation(), event.preventDefault(), elements[_nextIndex].focus(), activateOnFocus && elements[_nextIndex].
-        click());
+        orientation === "vertical" && (event.stopPropagation(), event.preventDefault(), elements[_nextIndex].focus(), activateOnFocus && elements[_nextIndex].click());
         break;
       }
       case "Home": {
@@ -724,8 +695,7 @@ function useHovered() {
   return [hovered, { setHovered, resetHovered: () => setHovered(-1) }];
 }
 function clamp$2(value, min2, max2) {
-  return min2 === void 0 && max2 === void 0 ? value : min2 !== void 0 && max2 === void 0 ? Math.max(value, min2) : Math.min(min2 === void 0 && max2 !==
-  void 0 ? value : Math.max(value, min2), max2);
+  return min2 === void 0 && max2 === void 0 ? value : min2 !== void 0 && max2 === void 0 ? Math.max(value, min2) : Math.min(min2 === void 0 && max2 !== void 0 ? value : Math.max(value, min2), max2);
 }
 function randomId() {
   return `mantine-${Math.random().toString(36).slice(2, 11)}`;
@@ -766,8 +736,7 @@ function useClipboard({ timeout = 2e3 } = {}) {
     window.clearTimeout(copyTimeout), setCopyTimeout(window.setTimeout(() => setCopied(!1), timeout)), setCopied(value);
   };
   return { copy: (valueToCopy) => {
-    "clipboard" in navigator ? navigator.clipboard.writeText(valueToCopy).then(() => handleCopyResult(!0)).catch((err) => setError(err)) : setError(new Error(
-    "useClipboard: navigator.clipboard is not supported"));
+    "clipboard" in navigator ? navigator.clipboard.writeText(valueToCopy).then(() => handleCopyResult(!0)).catch((err) => setError(err)) : setError(new Error("useClipboard: navigator.clipboard is not supported"));
   }, reset: () => {
     setCopied(!1), setError(null), window.clearTimeout(copyTimeout);
   }, error, copied };
@@ -790,8 +759,7 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
   ), queryRef = useRef();
   return useEffect(() => {
     if ("matchMedia" in window)
-      return queryRef.current = window.matchMedia(query), setMatches(queryRef.current.matches), attachMediaListener(queryRef.current, (event) => setMatches(
-      event.matches));
+      return queryRef.current = window.matchMedia(query), setMatches(queryRef.current.matches), attachMediaListener(queryRef.current, (event) => setMatches(event.matches));
   }, [query]), matches;
 }
 function useColorScheme(initialValue, options) {
@@ -813,16 +781,14 @@ function useDidUpdate(fn, dependencies) {
 }
 function useFocusReturn({ opened, shouldReturnFocus = !0 }) {
   const lastActiveElement = useRef(), returnFocus = () => {
-    lastActiveElement.current && "focus" in lastActiveElement.current && typeof lastActiveElement.current.focus == "function" && lastActiveElement.current?.
-    focus({ preventScroll: !0 });
+    lastActiveElement.current && "focus" in lastActiveElement.current && typeof lastActiveElement.current.focus == "function" && lastActiveElement.current?.focus({ preventScroll: !0 });
   };
   return useDidUpdate(() => {
     let timeout = -1;
     const clearFocusTimeout = (event) => {
       event.key === "Tab" && window.clearTimeout(timeout);
     };
-    return document.addEventListener("keydown", clearFocusTimeout), opened ? lastActiveElement.current = document.activeElement : shouldReturnFocus &&
-    (timeout = window.setTimeout(returnFocus, 10)), () => {
+    return document.addEventListener("keydown", clearFocusTimeout), opened ? lastActiveElement.current = document.activeElement : shouldReturnFocus && (timeout = window.setTimeout(returnFocus, 10)), () => {
       window.clearTimeout(timeout), document.removeEventListener("keydown", clearFocusTimeout);
     };
   }, [opened, shouldReturnFocus]), returnFocus;
@@ -833,18 +799,15 @@ function createAriaHider(containerNode, selector = "body > :not(script)") {
   ).map((node) => {
     if (node?.shadowRoot?.contains(containerNode) || node.contains(containerNode))
       return;
-    const ariaHidden = node.getAttribute("aria-hidden"), prevAriaHidden = node.getAttribute("data-hidden"), prevFocusId = node.getAttribute("data-focu\
-s-id");
-    return node.setAttribute("data-focus-id", id), ariaHidden === null || ariaHidden === "false" ? node.setAttribute("aria-hidden", "true") : !prevAriaHidden &&
-    !prevFocusId && node.setAttribute("data-hidden", ariaHidden), {
+    const ariaHidden = node.getAttribute("aria-hidden"), prevAriaHidden = node.getAttribute("data-hidden"), prevFocusId = node.getAttribute("data-focus-id");
+    return node.setAttribute("data-focus-id", id), ariaHidden === null || ariaHidden === "false" ? node.setAttribute("aria-hidden", "true") : !prevAriaHidden && !prevFocusId && node.setAttribute("data-hidden", ariaHidden), {
       node,
       ariaHidden: prevAriaHidden || null
     };
   });
   return () => {
     rootNodes.forEach((item) => {
-      !item || id !== item.node.getAttribute("data-focus-id") || (item.ariaHidden === null ? item.node.removeAttribute("aria-hidden") : item.node.setAttribute(
-      "aria-hidden", item.ariaHidden), item.node.removeAttribute("data-focus-id"), item.node.removeAttribute("data-hidden"));
+      !item || id !== item.node.getAttribute("data-focus-id") || (item.ariaHidden === null ? item.node.removeAttribute("aria-hidden") : item.node.setAttribute("aria-hidden", item.ariaHidden), item.node.removeAttribute("data-focus-id"), item.node.removeAttribute("data-hidden"));
     });
   };
 }
@@ -869,8 +832,7 @@ function getElementTabIndex(element) {
 }
 function focusable(element) {
   const nodeName = element.nodeName.toLowerCase(), isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));
-  return /* @ts-expect-error function accepts any html element but if it is a button, it should not be disabled to trigger the condition */ (TABBABLE_NODES.
-  test(nodeName) && !element.disabled || element instanceof HTMLAnchorElement && element.href || isTabIndexNotNaN) && visible(element);
+  return /* @ts-expect-error function accepts any html element but if it is a button, it should not be disabled to trigger the condition */ (TABBABLE_NODES.test(nodeName) && !element.disabled || element instanceof HTMLAnchorElement && element.href || isTabIndexNotNaN) && visible(element);
 }
 function tabbable(element) {
   const tabIndex = getElementTabIndex(element);
@@ -1064,14 +1026,11 @@ function useMove(onChange, handlers, dir = "ltr") {
         }
       });
     }, bindEvents = () => {
-      document.addEventListener("mousemove", onMouseMove), document.addEventListener("mouseup", stopScrubbing), document.addEventListener("touchmove",
-      onTouchMove), document.addEventListener("touchend", stopScrubbing);
+      document.addEventListener("mousemove", onMouseMove), document.addEventListener("mouseup", stopScrubbing), document.addEventListener("touchmove", onTouchMove), document.addEventListener("touchend", stopScrubbing);
     }, unbindEvents = () => {
-      document.removeEventListener("mousemove", onMouseMove), document.removeEventListener("mouseup", stopScrubbing), document.removeEventListener("to\
-uchmove", onTouchMove), document.removeEventListener("touchend", stopScrubbing);
+      document.removeEventListener("mousemove", onMouseMove), document.removeEventListener("mouseup", stopScrubbing), document.removeEventListener("touchmove", onTouchMove), document.removeEventListener("touchend", stopScrubbing);
     }, startScrubbing = () => {
-      !isSliding.current && mounted.current && (isSliding.current = !0, typeof handlers?.onScrubStart == "function" && handlers.onScrubStart(), setActive(
-      !0), bindEvents());
+      !isSliding.current && mounted.current && (isSliding.current = !0, typeof handlers?.onScrubStart == "function" && handlers.onScrubStart(), setActive(!0), bindEvents());
     }, stopScrubbing = () => {
       isSliding.current && mounted.current && (isSliding.current = !1, setActive(!1), unbindEvents(), setTimeout(() => {
         typeof handlers?.onScrubEnd == "function" && handlers.onScrubEnd();
@@ -1161,15 +1120,13 @@ function getHotkeyMatcher(hotkey) {
   return (event) => isExactHotkey(parseHotkey(hotkey), event);
 }
 function shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable = !1) {
-  return event.target instanceof HTMLElement ? (triggerOnContentEditable || !event.target.isContentEditable) && !tagsToIgnore.includes(event.target.tagName) :
-  !0;
+  return event.target instanceof HTMLElement ? (triggerOnContentEditable || !event.target.isContentEditable) && !tagsToIgnore.includes(event.target.tagName) : !0;
 }
 function useHotkeys(hotkeys, tagsToIgnore = ["INPUT", "TEXTAREA", "SELECT"], triggerOnContentEditable = !1) {
   useEffect(() => {
     const keydownListener = (event) => {
       hotkeys.forEach(([hotkey, handler, options = { preventDefault: !0 }]) => {
-        getHotkeyMatcher(hotkey)(event) && shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable) && (options.preventDefault && event.preventDefault(),
-        handler(event));
+        getHotkeyMatcher(hotkey)(event) && shouldFireEvent(event, tagsToIgnore, triggerOnContentEditable) && (options.preventDefault && event.preventDefault(), handler(event));
       });
     };
     return document.documentElement.addEventListener("keydown", keydownListener), () => document.documentElement.removeEventListener("keydown", keydownListener);
@@ -1208,8 +1165,7 @@ function useMutationObserver(callback, options, target) {
   const observer = useRef(), ref = useRef(null);
   return useEffect(() => {
     const targetElement = typeof target == "function" ? target() : target;
-    return (targetElement || ref.current) && (observer.current = new MutationObserver(callback), observer.current.observe(targetElement || ref.current,
-    options)), () => {
+    return (targetElement || ref.current) && (observer.current = new MutationObserver(callback), observer.current.observe(targetElement || ref.current, options)), () => {
       observer.current?.disconnect();
     };
   }, [callback, options]), ref;
@@ -1250,8 +1206,7 @@ function resolveClassNames({ theme, classNames, props, stylesCtx }) {
   return mergeClassNames(resolvedClassNames);
 }
 function resolveStyles({ theme, styles, props, stylesCtx }) {
-  return (Array.isArray(styles) ? styles : [styles]).reduce((acc, style) => typeof style == "function" ? { ...acc, ...style(theme, props, stylesCtx) } :
-  { ...acc, ...style }, {});
+  return (Array.isArray(styles) ? styles : [styles]).reduce((acc, style) => typeof style == "function" ? { ...acc, ...style(theme, props, stylesCtx) } : { ...acc, ...style }, {});
 }
 const MantineContext = createContext(null);
 function useMantineContext() {
@@ -1327,12 +1282,9 @@ function hslStringToRgba(hslaString) {
       b: 0,
       a: 1
     };
-  const h = parseInt(matches[1], 10), s = parseInt(matches[2], 10) / 100, l = parseInt(matches[3], 10) / 100, a = matches[5] ? parseFloat(matches[5]) :
-  void 0, chroma = (1 - Math.abs(2 * l - 1)) * s, huePrime = h / 60, x = chroma * (1 - Math.abs(huePrime % 2 - 1)), m = l - chroma / 2;
+  const h = parseInt(matches[1], 10), s = parseInt(matches[2], 10) / 100, l = parseInt(matches[3], 10) / 100, a = matches[5] ? parseFloat(matches[5]) : void 0, chroma = (1 - Math.abs(2 * l - 1)) * s, huePrime = h / 60, x = chroma * (1 - Math.abs(huePrime % 2 - 1)), m = l - chroma / 2;
   let r2, g, b;
-  return huePrime >= 0 && huePrime < 1 ? (r2 = chroma, g = x, b = 0) : huePrime >= 1 && huePrime < 2 ? (r2 = x, g = chroma, b = 0) : huePrime >= 2 && huePrime <
-  3 ? (r2 = 0, g = chroma, b = x) : huePrime >= 3 && huePrime < 4 ? (r2 = 0, g = x, b = chroma) : huePrime >= 4 && huePrime < 5 ? (r2 = x, g = 0, b = chroma) :
-  (r2 = chroma, g = 0, b = x), {
+  return huePrime >= 0 && huePrime < 1 ? (r2 = chroma, g = x, b = 0) : huePrime >= 1 && huePrime < 2 ? (r2 = x, g = chroma, b = 0) : huePrime >= 2 && huePrime < 3 ? (r2 = 0, g = chroma, b = x) : huePrime >= 3 && huePrime < 4 ? (r2 = 0, g = x, b = chroma) : huePrime >= 4 && huePrime < 5 ? (r2 = x, g = 0, b = chroma) : (r2 = chroma, g = 0, b = x), {
     r: Math.round((r2 + m) * 255),
     g: Math.round((g + m) * 255),
     b: Math.round((b + m) * 255),
@@ -1366,8 +1318,7 @@ function getLightnessFromOklch(oklchColor) {
 function luminance(color) {
   if (color.startsWith("oklch("))
     return (getLightnessFromOklch(color) || 0) / 100;
-  const { r: r2, g, b } = toRgba(color), sR = r2 / 255, sG = g / 255, sB = b / 255, rLinear = gammaCorrect(sR), gLinear = gammaCorrect(sG), bLinear = gammaCorrect(
-  sB);
+  const { r: r2, g, b } = toRgba(color), sR = r2 / 255, sG = g / 255, sB = b / 255, rLinear = gammaCorrect(sR), gLinear = gammaCorrect(sG), bLinear = gammaCorrect(sB);
   return 0.2126 * rLinear + 0.7152 * gLinear + 0.0722 * bLinear;
 }
 function isLightColor(color, luminanceThreshold = 0.179) {
@@ -1892,9 +1843,7 @@ function localStorageColorSchemeManager({
     }
   };
 }
-const INVALID_PRIMARY_COLOR_ERROR = "[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – ht\
-tps://mantine.dev/theming/colors/#primary-color", INVALID_PRIMARY_SHADE_ERROR = "[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accep\
-ts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";
+const INVALID_PRIMARY_COLOR_ERROR = "[@mantine/core] MantineProvider: Invalid theme.primaryColor, it accepts only key of theme.colors, learn more – https://mantine.dev/theming/colors/#primary-color", INVALID_PRIMARY_SHADE_ERROR = "[@mantine/core] MantineProvider: Invalid theme.primaryShade, it accepts only 0-9 integers or an object { light: 0-9, dark: 0-9 }";
 function isValidPrimaryShade(shade) {
   return shade < 0 || shade > 9 ? !1 : parseInt(shade.toString(), 10) === shade;
 }
@@ -1910,8 +1859,7 @@ function mergeMantineTheme(currentTheme, themeOverride) {
   if (!themeOverride)
     return validateMantineTheme(currentTheme), currentTheme;
   const result = deepMerge(currentTheme, themeOverride);
-  return themeOverride.fontFamily && !themeOverride.headings?.fontFamily && (result.headings.fontFamily = themeOverride.fontFamily), validateMantineTheme(
-  result), result;
+  return themeOverride.fontFamily && !themeOverride.headings?.fontFamily && (result.headings.fontFamily = themeOverride.fontFamily), validateMantineTheme(result), result;
 }
 const MantineThemeContext = createContext(null), useSafeMantineTheme = () => useContext(MantineThemeContext) || DEFAULT_THEME;
 function useMantineTheme() {
@@ -1936,10 +1884,8 @@ function MantineThemeProvider({
 MantineThemeProvider.displayName = "@mantine/core/MantineThemeProvider";
 function MantineClasses() {
   const theme = useMantineTheme(), nonce = useMantineStyleNonce(), classes = keys(theme.breakpoints).reduce((acc, breakpoint) => {
-    const isPxBreakpoint = theme.breakpoints[breakpoint].includes("px"), pxValue = px(theme.breakpoints[breakpoint]), maxWidthBreakpoint = isPxBreakpoint ?
-    `${pxValue - 0.1}px` : em(pxValue - 0.1), minWidthBreakpoint = isPxBreakpoint ? `${pxValue}px` : em(pxValue);
-    return `${acc}@media (max-width: ${maxWidthBreakpoint}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${minWidthBreakpoint}\
-) {.mantine-hidden-from-${breakpoint} {display: none !important;}}`;
+    const isPxBreakpoint = theme.breakpoints[breakpoint].includes("px"), pxValue = px(theme.breakpoints[breakpoint]), maxWidthBreakpoint = isPxBreakpoint ? `${pxValue - 0.1}px` : em(pxValue - 0.1), minWidthBreakpoint = isPxBreakpoint ? `${pxValue}px` : em(pxValue);
+    return `${acc}@media (max-width: ${maxWidthBreakpoint}) {.mantine-visible-from-${breakpoint} {display: none !important;}}@media (min-width: ${minWidthBreakpoint}) {.mantine-hidden-from-${breakpoint} {display: none !important;}}`;
   }, "");
   return /* @__PURE__ */ jsx(
     "style",
@@ -1957,15 +1903,11 @@ function wrapWithSelector(selectors, code) {
   return (Array.isArray(selectors) ? selectors : [selectors]).reduce((acc, selector) => `${selector}{${acc}}`, code);
 }
 function convertCssVariables(input, selector) {
-  const sharedVariables = cssVariablesObjectToString(input.variables), shared = sharedVariables ? wrapWithSelector(selector, sharedVariables) : "", dark = cssVariablesObjectToString(
-  input.dark), light = cssVariablesObjectToString(input.light), darkForced = dark ? wrapWithSelector(selector === ":host" ? `${selector}([data-mantine\
--color-scheme="dark"])` : `${selector}[data-mantine-color-scheme="dark"]`, dark) : "", lightForced = light ? wrapWithSelector(selector === ":host" ? `${selector}\
-([data-mantine-color-scheme="light"])` : `${selector}[data-mantine-color-scheme="light"]`, light) : "";
+  const sharedVariables = cssVariablesObjectToString(input.variables), shared = sharedVariables ? wrapWithSelector(selector, sharedVariables) : "", dark = cssVariablesObjectToString(input.dark), light = cssVariablesObjectToString(input.light), darkForced = dark ? wrapWithSelector(selector === ":host" ? `${selector}([data-mantine-color-scheme="dark"])` : `${selector}[data-mantine-color-scheme="dark"]`, dark) : "", lightForced = light ? wrapWithSelector(selector === ":host" ? `${selector}([data-mantine-color-scheme="light"])` : `${selector}[data-mantine-color-scheme="light"]`, light) : "";
   return `${shared}${darkForced}${lightForced}`;
 }
 function getContrastColor({ color, theme, autoContrast }) {
-  return (typeof autoContrast == "boolean" ? autoContrast : theme.autoContrast) && parseThemeColor({ color: color || theme.primaryColor, theme }).isLight ?
-  "var(--mantine-color-black)" : "var(--mantine-color-white)";
+  return (typeof autoContrast == "boolean" ? autoContrast : theme.autoContrast) && parseThemeColor({ color: color || theme.primaryColor, theme }).isLight ? "var(--mantine-color-black)" : "var(--mantine-color-white)";
 }
 function getPrimaryContrastColor(theme, colorScheme) {
   return getContrastColor({
@@ -2050,8 +1992,7 @@ function assignSizeVariables(variables, sizes, name) {
   );
 }
 const defaultCssVariablesResolver = (theme) => {
-  const lightPrimaryShade = getPrimaryShade(theme, "light"), defaultRadius = theme.defaultRadius in theme.radius ? theme.radius[theme.defaultRadius] :
-  rem(theme.defaultRadius), result = {
+  const lightPrimaryShade = getPrimaryShade(theme, "light"), defaultRadius = theme.defaultRadius in theme.radius ? theme.radius[theme.defaultRadius] : rem(theme.defaultRadius), result = {
     variables: {
       "--mantine-scale": theme.scale.toString(),
       "--mantine-cursor-type": theme.cursorType,
@@ -2103,9 +2044,7 @@ const defaultCssVariablesResolver = (theme) => {
       "--mantine-color-dimmed": "var(--mantine-color-dark-2)"
     }
   };
-  assignSizeVariables(result.variables, theme.breakpoints, "breakpoint"), assignSizeVariables(result.variables, theme.spacing, "spacing"), assignSizeVariables(
-  result.variables, theme.fontSizes, "font-size"), assignSizeVariables(result.variables, theme.lineHeights, "line-height"), assignSizeVariables(result.
-  variables, theme.shadows, "shadow"), assignSizeVariables(result.variables, theme.radius, "radius"), theme.colors[theme.primaryColor].forEach((_, index2) => {
+  assignSizeVariables(result.variables, theme.breakpoints, "breakpoint"), assignSizeVariables(result.variables, theme.spacing, "spacing"), assignSizeVariables(result.variables, theme.fontSizes, "font-size"), assignSizeVariables(result.variables, theme.lineHeights, "line-height"), assignSizeVariables(result.variables, theme.shadows, "shadow"), assignSizeVariables(result.variables, theme.radius, "radius"), theme.colors[theme.primaryColor].forEach((_, index2) => {
     result.variables[`--mantine-primary-color-${index2}`] = `var(--mantine-color-${theme.primaryColor}-${index2})`;
   }), keys(theme.colors).forEach((color) => {
     const value = theme.colors[color];
@@ -2153,8 +2092,7 @@ const defaultCssVariablesResolver = (theme) => {
   });
   const headings2 = theme.headings.sizes;
   return keys(headings2).forEach((heading) => {
-    result.variables[`--mantine-${heading}-font-size`] = headings2[heading].fontSize, result.variables[`--mantine-${heading}-line-height`] = headings2[heading].
-    lineHeight, result.variables[`--mantine-${heading}-font-weight`] = headings2[heading].fontWeight || theme.headings.fontWeight;
+    result.variables[`--mantine-${heading}-font-size`] = headings2[heading].fontSize, result.variables[`--mantine-${heading}-line-height`] = headings2[heading].lineHeight, result.variables[`--mantine-${heading}-font-weight`] = headings2[heading].fontWeight || theme.headings.fontWeight;
   }), result;
 };
 function getMergedVariables({ theme, generator }) {
@@ -2186,9 +2124,7 @@ function MantineCssVariables({
   cssVariablesSelector,
   deduplicateCssVariables
 }) {
-  const theme = useMantineTheme(), nonce = useMantineStyleNonce(), generator = useMantineCssVariablesResolver(), mergedVariables = getMergedVariables(
-  { theme, generator }), shouldCleanVariables = cssVariablesSelector === ":root" && deduplicateCssVariables, cleanedVariables = shouldCleanVariables ?
-  removeDefaultVariables(mergedVariables) : mergedVariables, css = convertCssVariables(cleanedVariables, cssVariablesSelector);
+  const theme = useMantineTheme(), nonce = useMantineStyleNonce(), generator = useMantineCssVariablesResolver(), mergedVariables = getMergedVariables({ theme, generator }), shouldCleanVariables = cssVariablesSelector === ":root" && deduplicateCssVariables, cleanedVariables = shouldCleanVariables ? removeDefaultVariables(mergedVariables) : mergedVariables, css = convertCssVariables(cleanedVariables, cssVariablesSelector);
   return css ? /* @__PURE__ */ jsx(
     "style",
     {
@@ -2204,8 +2140,7 @@ MantineCssVariables.displayName = "@mantine/CssVariables";
 function suppressNextjsWarning() {
   const originalError = console.error;
   console.error = (...args) => {
-    args.length > 1 && typeof args[0] == "string" && args[0].toLowerCase().includes("extra attributes from the server") && typeof args[1] == "string" &&
-    args[1].toLowerCase().includes("data-mantine-color-scheme") || originalError(...args);
+    args.length > 1 && typeof args[0] == "string" && args[0].toLowerCase().includes("extra attributes from the server") && typeof args[1] == "string" && args[1].toLowerCase().includes("data-mantine-color-scheme") || originalError(...args);
   };
 }
 function setColorSchemeAttribute(colorScheme, getRootElement) {
@@ -2528,8 +2463,7 @@ function useStyles({
   vars,
   varsResolver: varsResolver2
 }) {
-  const theme = useMantineTheme(), classNamesPrefix = useMantineClassNamesPrefix(), withStaticClasses = useMantineWithStaticClasses(), headless = useMantineIsHeadless(),
-  themeName = (Array.isArray(name) ? name : [name]).filter((n) => n), { withStylesTransform, getTransformedStyles } = useStylesTransform({
+  const theme = useMantineTheme(), classNamesPrefix = useMantineClassNamesPrefix(), withStaticClasses = useMantineWithStaticClasses(), headless = useMantineIsHeadless(), themeName = (Array.isArray(name) ? name : [name]).filter((n) => n), { withStylesTransform, getTransformedStyles } = useStylesTransform({
     props,
     stylesCtx,
     themeName
@@ -2574,9 +2508,7 @@ function getAutoContrastValue(autoContrast, theme) {
 }
 function disableTransition(nonce) {
   const style = document.createElement("style");
-  return style.setAttribute("data-mantine-styles", "inline"), style.innerHTML = "*, *::before, *::after {transition: none !important;}", style.setAttribute(
-  "data-mantine-disable-transition", "true"), nonce && style.setAttribute("nonce", nonce), document.head.appendChild(style), () => document.querySelectorAll(
-  "[data-mantine-disable-transition]").forEach((element) => element.remove());
+  return style.setAttribute("data-mantine-styles", "inline"), style.innerHTML = "*, *::before, *::after {transition: none !important;}", style.setAttribute("data-mantine-disable-transition", "true"), nonce && style.setAttribute("nonce", nonce), document.head.appendChild(style), () => document.querySelectorAll("[data-mantine-disable-transition]").forEach((element) => element.remove());
 }
 function useMantineColorScheme({ keepTransitions } = {}) {
   const clearStylesRef = useRef(), timeoutRef = useRef(), ctx = useContext(MantineContext), nonce = useMantineStyleNonce(), nonceValue = useRef(nonce?.());
@@ -2592,8 +2524,7 @@ function useMantineColorScheme({ keepTransitions } = {}) {
     } : disableTransition(nonceValue.current), window.clearTimeout(timeoutRef.current), timeoutRef.current = window.setTimeout(() => {
       clearStylesRef.current?.();
     }, 10);
-  }, osColorScheme = useColorScheme("light", { getInitialValueInEffect: !1 }), computedColorScheme = ctx.colorScheme === "auto" ? osColorScheme : ctx.
-  colorScheme, toggleColorScheme = useCallback(
+  }, osColorScheme = useColorScheme("light", { getInitialValueInEffect: !1 }), computedColorScheme = ctx.colorScheme === "auto" ? osColorScheme : ctx.colorScheme, toggleColorScheme = useCallback(
     () => setColorScheme(computedColorScheme === "light" ? "dark" : "light"),
     [setColorScheme, computedColorScheme]
   );
@@ -2614,8 +2545,7 @@ function useComputedColorScheme(defaultValue, options = { getInitialValueInEffec
   return colorScheme === "auto" ? osColorScheme : colorScheme;
 }
 function useProps(component, defaultProps2, props) {
-  const theme = useMantineTheme(), contextPropsPayload = theme.components[component]?.defaultProps, contextProps = typeof contextPropsPayload == "func\
-tion" ? contextPropsPayload(theme) : contextPropsPayload;
+  const theme = useMantineTheme(), contextPropsPayload = theme.components[component]?.defaultProps, contextProps = typeof contextPropsPayload == "function" ? contextPropsPayload(theme) : contextPropsPayload;
   return { ...defaultProps2, ...contextProps, ...filterProps(props) };
 }
 function createTheme(theme) {
@@ -2628,8 +2558,7 @@ function cssObjectToString(css) {
   ).trim();
 }
 function stylesToString({ selector, styles, media, container }) {
-  const baseStyles = styles ? cssObjectToString(styles) : "", mediaQueryStyles = Array.isArray(media) ? media.map((item) => `@media${item.query}{${selector}\
-{${cssObjectToString(item.styles)}}}`) : [], containerStyles = Array.isArray(container) ? container.map(
+  const baseStyles = styles ? cssObjectToString(styles) : "", mediaQueryStyles = Array.isArray(media) ? media.map((item) => `@media${item.query}{${selector}{${cssObjectToString(item.styles)}}}`) : [], containerStyles = Array.isArray(container) ? container.map(
     (item) => `@container ${item.query}{${selector}{${cssObjectToString(item.styles)}}}`
   ) : [];
   return `${baseStyles ? `${selector}{${baseStyles}}` : ""}${mediaQueryStyles.join("")}${containerStyles.join("")}`.trim();
@@ -2813,8 +2742,7 @@ const STYlE_PROPS_DATA = {
 };
 function colorResolver(color, theme) {
   const parsedColor = parseThemeColor({ color, theme });
-  return parsedColor.color === "dimmed" ? "var(--mantine-color-dimmed)" : parsedColor.color === "bright" ? "var(--mantine-color-bright)" : parsedColor.
-  variable ? `var(${parsedColor.variable})` : parsedColor.color;
+  return parsedColor.color === "dimmed" ? "var(--mantine-color-dimmed)" : parsedColor.color === "bright" ? "var(--mantine-color-bright)" : parsedColor.variable ? `var(${parsedColor.variable})` : parsedColor.color;
 }
 function textColorResolver(color, theme) {
   const parsedColor = parseThemeColor({ color, theme });
@@ -2842,16 +2770,14 @@ function fontFamilyResolver(fontFamily) {
 }
 const headings$2 = ["h1", "h2", "h3", "h4", "h5", "h6"];
 function fontSizeResolver(value, theme) {
-  return typeof value == "string" && value in theme.fontSizes ? `var(--mantine-font-size-${value})` : typeof value == "string" && headings$2.includes(
-  value) ? `var(--mantine-${value}-font-size)` : typeof value == "number" || typeof value == "string" ? rem(value) : value;
+  return typeof value == "string" && value in theme.fontSizes ? `var(--mantine-font-size-${value})` : typeof value == "string" && headings$2.includes(value) ? `var(--mantine-${value}-font-size)` : typeof value == "number" || typeof value == "string" ? rem(value) : value;
 }
 function identityResolver(value) {
   return value;
 }
 const headings$1 = ["h1", "h2", "h3", "h4", "h5", "h6"];
 function lineHeightResolver(value, theme) {
-  return typeof value == "string" && value in theme.lineHeights ? `var(--mantine-line-height-${value})` : typeof value == "string" && headings$1.includes(
-  value) ? `var(--mantine-${value}-line-height)` : value;
+  return typeof value == "string" && value in theme.lineHeights ? `var(--mantine-line-height-${value})` : typeof value == "string" && headings$1.includes(value) ? `var(--mantine-${value}-line-height)` : value;
 }
 function sizeResolver(value) {
   return typeof value == "number" ? rem(value) : value;
@@ -2914,8 +2840,7 @@ function parseStyleProps({
       (acc, styleProp) => {
         if (styleProp === "hiddenFrom" || styleProp === "visibleFrom" || styleProp === "sx")
           return acc;
-        const propertyData = data[styleProp], properties = Array.isArray(propertyData.property) ? propertyData.property : [propertyData.property], baseValue = getBaseValue(
-        styleProps[styleProp]);
+        const propertyData = data[styleProp], properties = Array.isArray(propertyData.property) ? propertyData.property : [propertyData.property], baseValue = getBaseValue(styleProps[styleProp]);
         if (!hasResponsiveStyles(styleProps[styleProp]))
           return properties.forEach((property) => {
             acc.inlineStyles[property] = resolvers[propertyData.type](baseValue, theme);
@@ -3000,8 +2925,7 @@ const _Box = forwardRef(
     __size,
     ...others
   }, ref) => {
-    const theme = useMantineTheme(), Element2 = component || "div", { styleProps, rest } = extractStyleProps(others), transformedSx = useMantineSxTransform()?.()?.(
-    styleProps.sx), responsiveClassName = useRandomClassName(), parsedStyleProps = parseStyleProps({
+    const theme = useMantineTheme(), Element2 = component || "div", { styleProps, rest } = extractStyleProps(others), transformedSx = useMantineSxTransform()?.()?.(styleProps.sx), responsiveClassName = useRandomClassName(), parsedStyleProps = parseStyleProps({
       styleProps,
       theme,
       data: STYlE_PROPS_DATA
@@ -3086,8 +3010,7 @@ function useResizeObserver(element, onResize) {
   }, [element, handleResize]);
 }
 const Corner = forwardRef((props, ref) => {
-  const { style, ...others } = props, ctx = useScrollAreaContext(), [width, setWidth] = useState(0), [height, setHeight] = useState(0), hasSize = !!(width &&
-  height);
+  const { style, ...others } = props, ctx = useScrollAreaContext(), [width, setWidth] = useState(0), [height, setHeight] = useState(0), hasSize = !!(width && height);
   return useResizeObserver(ctx.scrollbarX, () => {
     const h = ctx.scrollbarX?.offsetHeight || 0;
     ctx.onCornerHeightChange(h), setHeight(h);
@@ -3102,10 +3025,7 @@ const Corner = forwardRef((props, ref) => {
   scrollHideDelay: 1e3,
   type: "hover"
 }, ScrollAreaRoot = forwardRef((_props, ref) => {
-  const props = useProps("ScrollAreaRoot", defaultProps$1n, _props), { type, scrollHideDelay, scrollbars, ...others } = props, [scrollArea, setScrollArea] = useState(
-  null), [viewport, setViewport] = useState(null), [content, setContent] = useState(null), [scrollbarX, setScrollbarX] = useState(null), [scrollbarY, setScrollbarY] = useState(
-  null), [cornerWidth, setCornerWidth] = useState(0), [cornerHeight, setCornerHeight] = useState(0), [scrollbarXEnabled, setScrollbarXEnabled] = useState(
-  !1), [scrollbarYEnabled, setScrollbarYEnabled] = useState(!1), rootRef = useMergedRef(ref, (node) => setScrollArea(node));
+  const props = useProps("ScrollAreaRoot", defaultProps$1n, _props), { type, scrollHideDelay, scrollbars, ...others } = props, [scrollArea, setScrollArea] = useState(null), [viewport, setViewport] = useState(null), [content, setContent] = useState(null), [scrollbarX, setScrollbarX] = useState(null), [scrollbarY, setScrollbarY] = useState(null), [cornerWidth, setCornerWidth] = useState(0), [cornerHeight, setCornerHeight] = useState(0), [scrollbarXEnabled, setScrollbarXEnabled] = useState(!1), [scrollbarYEnabled, setScrollbarYEnabled] = useState(!1), rootRef = useMergedRef(ref, (node) => setScrollArea(node));
   return /* @__PURE__ */ jsx(
     ScrollAreaProvider,
     {
@@ -3148,8 +3068,7 @@ function getThumbRatio(viewportSize, contentSize) {
   return Number.isNaN(ratio) ? 0 : ratio;
 }
 function getThumbSize(sizes) {
-  const ratio = getThumbRatio(sizes.viewport, sizes.content), scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd, thumbSize = (sizes.
-  scrollbar.size - scrollbarPadding) * ratio;
+  const ratio = getThumbRatio(sizes.viewport, sizes.content), scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd, thumbSize = (sizes.scrollbar.size - scrollbarPadding) * ratio;
   return Math.max(thumbSize, 18);
 }
 function linearScale(input, output) {
@@ -3164,15 +3083,11 @@ function clamp$1(value, [min2, max2]) {
   return Math.min(max2, Math.max(min2, value));
 }
 function getThumbOffsetFromScroll(scrollPos, sizes, dir = "ltr") {
-  const thumbSizePx = getThumbSize(sizes), scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd, scrollbar = sizes.scrollbar.size -
-  scrollbarPadding, maxScrollPos = sizes.content - sizes.viewport, maxThumbPos = scrollbar - thumbSizePx, scrollClampRange = dir === "ltr" ? [0, maxScrollPos] :
-  [maxScrollPos * -1, 0], scrollWithoutMomentum = clamp$1(scrollPos, scrollClampRange);
+  const thumbSizePx = getThumbSize(sizes), scrollbarPadding = sizes.scrollbar.paddingStart + sizes.scrollbar.paddingEnd, scrollbar = sizes.scrollbar.size - scrollbarPadding, maxScrollPos = sizes.content - sizes.viewport, maxThumbPos = scrollbar - thumbSizePx, scrollClampRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0], scrollWithoutMomentum = clamp$1(scrollPos, scrollClampRange);
   return linearScale([0, maxScrollPos], [0, maxThumbPos])(scrollWithoutMomentum);
 }
 function getScrollPositionFromPointer(pointerPos, pointerOffset, sizes, dir = "ltr") {
-  const thumbSizePx = getThumbSize(sizes), thumbCenter = thumbSizePx / 2, offset2 = pointerOffset || thumbCenter, thumbOffsetFromEnd = thumbSizePx - offset2,
-  minPointerPos = sizes.scrollbar.paddingStart + offset2, maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd, maxScrollPos = sizes.
-  content - sizes.viewport, scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
+  const thumbSizePx = getThumbSize(sizes), thumbCenter = thumbSizePx / 2, offset2 = pointerOffset || thumbCenter, thumbOffsetFromEnd = thumbSizePx - offset2, minPointerPos = sizes.scrollbar.paddingStart + offset2, maxPointerPos = sizes.scrollbar.size - sizes.scrollbar.paddingEnd - thumbOffsetFromEnd, maxScrollPos = sizes.content - sizes.viewport, scrollRange = dir === "ltr" ? [0, maxScrollPos] : [maxScrollPos * -1, 0];
   return linearScale([minPointerPos, maxPointerPos], scrollRange)(pointerPos);
 }
 function isScrollingWithinScrollbarBounds(scrollPos, maxScrollPos) {
@@ -3200,9 +3115,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
     onWheelScroll,
     onResize,
     ...scrollbarProps
-  } = props, context = useScrollAreaContext(), [scrollbar, setScrollbar] = useState(null), composeRefs = useMergedRef(forwardedRef, (node) => setScrollbar(
-  node)), rectRef = useRef(null), prevWebkitUserSelectRef = useRef(""), { viewport } = context, maxScrollPos = sizes.content - sizes.viewport, handleWheelScroll = useCallbackRef(
-  onWheelScroll), handleThumbPositionChange = useCallbackRef(onThumbPositionChange), handleResize = useDebouncedCallback(onResize, 10), handleDragScroll = (event) => {
+  } = props, context = useScrollAreaContext(), [scrollbar, setScrollbar] = useState(null), composeRefs = useMergedRef(forwardedRef, (node) => setScrollbar(node)), rectRef = useRef(null), prevWebkitUserSelectRef = useRef(""), { viewport } = context, maxScrollPos = sizes.content - sizes.viewport, handleWheelScroll = useCallbackRef(onWheelScroll), handleThumbPositionChange = useCallbackRef(onThumbPositionChange), handleResize = useDebouncedCallback(onResize, 10), handleDragScroll = (event) => {
     if (rectRef.current) {
       const x = event.clientX - rectRef.current.left, y = event.clientY - rectRef.current.top;
       onDragScroll({ x, y });
@@ -3214,8 +3127,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
       scrollbar?.contains(element) && handleWheelScroll(event, maxScrollPos);
     };
     return document.addEventListener("wheel", handleWheel, { passive: !1 }), () => document.removeEventListener("wheel", handleWheel, { passive: !1 });
-  }, [viewport, scrollbar, maxScrollPos, handleWheelScroll]), useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]), useResizeObserver(
-  scrollbar, handleResize), useResizeObserver(context.content, handleResize), /* @__PURE__ */ jsx(
+  }, [viewport, scrollbar, maxScrollPos, handleWheelScroll]), useEffect(handleThumbPositionChange, [sizes, handleThumbPositionChange]), useResizeObserver(scrollbar, handleResize), useResizeObserver(context.content, handleResize), /* @__PURE__ */ jsx(
     ScrollbarProvider,
     {
       value: {
@@ -3234,16 +3146,13 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
           "data-mantine-scrollbar": !0,
           style: { position: "absolute", ...scrollbarProps.style },
           onPointerDown: composeEventHandlers(props.onPointerDown, (event) => {
-            event.preventDefault(), event.button === 0 && (event.target.setPointerCapture(event.pointerId), rectRef.current = scrollbar.getBoundingClientRect(),
-            prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", document.body.style.
-            pointerEvents = "none", handleDragScroll(event));
+            event.preventDefault(), event.button === 0 && (event.target.setPointerCapture(event.pointerId), rectRef.current = scrollbar.getBoundingClientRect(), prevWebkitUserSelectRef.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", document.body.style.pointerEvents = "none", handleDragScroll(event));
           }),
           onPointerMove: composeEventHandlers(props.onPointerMove, handleDragScroll),
           onPointerUp: composeEventHandlers(props.onPointerUp, (event) => {
             event.preventDefault();
             const element = event.target;
-            element.hasPointerCapture(event.pointerId) && element.releasePointerCapture(event.pointerId), document.body.style.webkitUserSelect = prevWebkitUserSelectRef.
-            current, document.body.style.pointerEvents = "auto", rectRef.current = null;
+            element.hasPointerCapture(event.pointerId) && element.releasePointerCapture(event.pointerId), document.body.style.webkitUserSelect = prevWebkitUserSelectRef.current, document.body.style.pointerEvents = "auto", rectRef.current = null;
           })
         }
       )
@@ -3251,8 +3160,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
   );
 }), ScrollAreaScrollbarX = forwardRef(
   (props, forwardedRef) => {
-    const { sizes, onSizesChange, style, ...others } = props, ctx = useScrollAreaContext(), [computedStyle, setComputedStyle] = useState(), ref = useRef(
-    null), composeRefs = useMergedRef(forwardedRef, ref, ctx.onScrollbarXChange);
+    const { sizes, onSizesChange, style, ...others } = props, ctx = useScrollAreaContext(), [computedStyle, setComputedStyle] = useState(), ref = useRef(null), composeRefs = useMergedRef(forwardedRef, ref, ctx.onScrollbarXChange);
     return useEffect(() => {
       ref.current && setComputedStyle(getComputedStyle(ref.current));
     }, [ref]), /* @__PURE__ */ jsx(
@@ -3290,8 +3198,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
   }
 ), ScrollAreaScrollbarY = forwardRef(
   (props, forwardedRef) => {
-    const { sizes, onSizesChange, style, ...others } = props, context = useScrollAreaContext(), [computedStyle, setComputedStyle] = useState(), ref = useRef(
-    null), composeRefs = useMergedRef(forwardedRef, ref, context.onScrollbarYChange);
+    const { sizes, onSizesChange, style, ...others } = props, context = useScrollAreaContext(), [computedStyle, setComputedStyle] = useState(), ref = useRef(null), composeRefs = useMergedRef(forwardedRef, ref, context.onScrollbarYChange);
     return useEffect(() => {
       ref.current && setComputedStyle(window.getComputedStyle(ref.current));
     }, []), /* @__PURE__ */ jsx(
@@ -3328,8 +3235,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
     );
   }
 ), ScrollAreaScrollbarVisible = forwardRef((props, forwardedRef) => {
-  const { orientation = "vertical", ...scrollbarProps } = props, { dir } = useDirection(), context = useScrollAreaContext(), thumbRef = useRef(null), pointerOffsetRef = useRef(
-  0), [sizes, setSizes] = useState({
+  const { orientation = "vertical", ...scrollbarProps } = props, { dir } = useDirection(), context = useScrollAreaContext(), thumbRef = useRef(null), pointerOffsetRef = useRef(0), [sizes, setSizes] = useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
@@ -3374,8 +3280,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
       onThumbPositionChange: () => {
         if (context.viewport && thumbRef.current) {
           const scrollPos = context.viewport.scrollTop, offset2 = getThumbOffsetFromScroll(scrollPos, sizes);
-          sizes.scrollbar.size === 0 ? thumbRef.current.style.opacity = "0" : thumbRef.current.style.opacity = "1", thumbRef.current.style.transform =
-          `translate3d(0, ${offset2}px, 0)`;
+          sizes.scrollbar.size === 0 ? thumbRef.current.style.opacity = "0" : thumbRef.current.style.opacity = "1", thumbRef.current.style.transform = `translate3d(0, ${offset2}px, 0)`;
         }
       },
       onWheelScroll: (scrollPos) => {
@@ -3388,11 +3293,9 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
   ) : null;
 }), ScrollAreaScrollbarAuto = forwardRef(
   (props, ref) => {
-    const context = useScrollAreaContext(), { forceMount, ...scrollbarProps } = props, [visible2, setVisible] = useState(!1), isHorizontal = props.orientation ===
-    "horizontal", handleResize = useDebouncedCallback(() => {
+    const context = useScrollAreaContext(), { forceMount, ...scrollbarProps } = props, [visible2, setVisible] = useState(!1), isHorizontal = props.orientation === "horizontal", handleResize = useDebouncedCallback(() => {
       if (context.viewport) {
-        const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth, isOverflowY = context.viewport.offsetHeight < context.viewport.
-        scrollHeight;
+        const isOverflowX = context.viewport.offsetWidth < context.viewport.scrollWidth, isOverflowY = context.viewport.offsetHeight < context.viewport.scrollHeight;
         setVisible(isHorizontal ? isOverflowX : isOverflowY);
       }
     }, 10);
@@ -3418,8 +3321,7 @@ const [ScrollbarProvider, useScrollbarContext] = createSafeContext(
           hideTimer = window.setTimeout(() => setVisible(!1), context.scrollHideDelay);
         };
         return scrollArea.addEventListener("pointerenter", handlePointerEnter), scrollArea.addEventListener("pointerleave", handlePointerLeave), () => {
-          window.clearTimeout(hideTimer), scrollArea.removeEventListener("pointerenter", handlePointerEnter), scrollArea.removeEventListener("pointerl\
-eave", handlePointerLeave);
+          window.clearTimeout(hideTimer), scrollArea.removeEventListener("pointerenter", handlePointerEnter), scrollArea.removeEventListener("pointerleave", handlePointerLeave);
         };
       }
     }, [context.scrollArea, context.scrollHideDelay]), forceMount || visible2 ? /* @__PURE__ */ jsx(
@@ -3433,8 +3335,7 @@ eave", handlePointerLeave);
   }
 ), ScrollAreaScrollbarScroll = forwardRef(
   (props, red) => {
-    const { forceMount, ...scrollbarProps } = props, context = useScrollAreaContext(), isHorizontal = props.orientation === "horizontal", [state, setState] = useState(
-    "hidden"), debounceScrollEnd = useDebouncedCallback(() => setState("idle"), 100);
+    const { forceMount, ...scrollbarProps } = props, context = useScrollAreaContext(), isHorizontal = props.orientation === "horizontal", [state, setState] = useState("hidden"), debounceScrollEnd = useDebouncedCallback(() => setState("idle"), 100);
     return useEffect(() => {
       if (state === "idle") {
         const hideTimer = window.setTimeout(() => setState("hidden"), context.scrollHideDelay);
@@ -3463,29 +3364,22 @@ eave", handlePointerLeave);
   }
 ), ScrollAreaScrollbar = forwardRef(
   (props, forwardedRef) => {
-    const { forceMount, ...scrollbarProps } = props, context = useScrollAreaContext(), { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context,
-    isHorizontal = props.orientation === "horizontal";
+    const { forceMount, ...scrollbarProps } = props, context = useScrollAreaContext(), { onScrollbarXEnabledChange, onScrollbarYEnabledChange } = context, isHorizontal = props.orientation === "horizontal";
     return useEffect(() => (isHorizontal ? onScrollbarXEnabledChange(!0) : onScrollbarYEnabledChange(!0), () => {
       isHorizontal ? onScrollbarXEnabledChange(!1) : onScrollbarYEnabledChange(!1);
-    }), [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]), context.type === "hover" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarHover,
-    { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "scroll" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarScroll, { ...scrollbarProps,
-    ref: forwardedRef, forceMount }) : context.type === "auto" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarAuto, { ...scrollbarProps, ref: forwardedRef, forceMount }) :
-    context.type === "always" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarVisible, { ...scrollbarProps, ref: forwardedRef }) : null;
+    }), [isHorizontal, onScrollbarXEnabledChange, onScrollbarYEnabledChange]), context.type === "hover" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarHover, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "scroll" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarScroll, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "auto" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarAuto, { ...scrollbarProps, ref: forwardedRef, forceMount }) : context.type === "always" ? /* @__PURE__ */ jsx(ScrollAreaScrollbarVisible, { ...scrollbarProps, ref: forwardedRef }) : null;
   }
 );
 function addUnlinkedScrollListener(node, handler = () => {
 }) {
   let prevPosition = { left: node.scrollLeft, top: node.scrollTop }, rAF = 0;
   return function loop() {
-    const position = { left: node.scrollLeft, top: node.scrollTop }, isHorizontalScroll = prevPosition.left !== position.left, isVerticalScroll = prevPosition.
-    top !== position.top;
+    const position = { left: node.scrollLeft, top: node.scrollTop }, isHorizontalScroll = prevPosition.left !== position.left, isVerticalScroll = prevPosition.top !== position.top;
     (isHorizontalScroll || isVerticalScroll) && handler(), prevPosition = position, rAF = window.requestAnimationFrame(loop);
   }(), () => window.cancelAnimationFrame(rAF);
 }
 const Thumb$1 = forwardRef((props, forwardedRef) => {
-  const { style, ...others } = props, scrollAreaContext = useScrollAreaContext(), scrollbarContext = useScrollbarContext(), { onThumbPositionChange } = scrollbarContext,
-  composedRef = useMergedRef(forwardedRef, (node) => scrollbarContext.onThumbChange(node)), removeUnlinkedScrollListenerRef = useRef(), debounceScrollEnd = useDebouncedCallback(
-  () => {
+  const { style, ...others } = props, scrollAreaContext = useScrollAreaContext(), scrollbarContext = useScrollbarContext(), { onThumbPositionChange } = scrollbarContext, composedRef = useMergedRef(forwardedRef, (node) => scrollbarContext.onThumbChange(node)), removeUnlinkedScrollListenerRef = useRef(), debounceScrollEnd = useDebouncedCallback(() => {
     removeUnlinkedScrollListenerRef.current && (removeUnlinkedScrollListenerRef.current(), removeUnlinkedScrollListenerRef.current = void 0);
   }, 100);
   return useEffect(() => {
@@ -3541,8 +3435,7 @@ const Thumb$1 = forwardRef((props, forwardedRef) => {
   }
 );
 ScrollAreaViewport.displayName = "@mantine/core/ScrollAreaViewport";
-var __default__$B = { root: "m_d57069b5", viewport: "m_c0783ff9", viewportInner: "m_f8f631dd", scrollbar: "m_c44ba933", thumb: "m_d8b5e363", corner: "\
-m_21657268" };
+var __default__$B = { root: "m_d57069b5", viewport: "m_c0783ff9", viewportInner: "m_f8f631dd", scrollbar: "m_c44ba933", thumb: "m_d8b5e363", corner: "m_21657268" };
 const defaultProps$1m = {
   scrollHideDelay: 1e3,
   type: "hover",
@@ -3662,8 +3555,7 @@ const ScrollAreaAutosize = factory((props, ref) => {
     vars,
     ...others
   } = useProps("ScrollAreaAutosize", defaultProps$1m, props);
-  return /* @__PURE__ */ jsx(Box, { ...others, ref, style: [{ display: "flex", overflow: "auto" }, style], children: /* @__PURE__ */ jsx(Box, { style: {
-  display: "flex", flexDirection: "column", flex: 1 }, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Box, { ...others, ref, style: [{ display: "flex", overflow: "auto" }, style], children: /* @__PURE__ */ jsx(Box, { style: { display: "flex", flexDirection: "column", flex: 1 }, children: /* @__PURE__ */ jsx(
     ScrollArea,
     {
       classNames,
@@ -3728,8 +3620,7 @@ UnstyledButton.classes = __default__$A;
 UnstyledButton.displayName = "@mantine/core/UnstyledButton";
 var __default__$z = { root: "m_515a97f8" };
 const defaultProps$1k = {}, VisuallyHidden = factory((_props, ref) => {
-  const props = useProps("VisuallyHidden", defaultProps$1k, _props), { classNames, className, style, styles, unstyled, vars, ...others } = props, getStyles2 = useStyles(
-  {
+  const props = useProps("VisuallyHidden", defaultProps$1k, _props), { classNames, className, style, styles, unstyled, vars, ...others } = props, getStyles2 = useStyles({
     name: "VisuallyHidden",
     classes: __default__$z,
     props,
@@ -3834,9 +3725,7 @@ function isTopLayer(element) {
 }
 function isContainingBlock(element) {
   const webkit = isWebKit(), css = getComputedStyle$1(element);
-  return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : !1) || !webkit && (css.backdropFilter ?
-  css.backdropFilter !== "none" : !1) || !webkit && (css.filter ? css.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((value) => (css.
-  willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
+  return css.transform !== "none" || css.perspective !== "none" || (css.containerType ? css.containerType !== "normal" : !1) || !webkit && (css.backdropFilter ? css.backdropFilter !== "none" : !1) || !webkit && (css.filter ? css.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((value) => (css.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css.contain || "").includes(value));
 }
 function getContainingBlock(element) {
   let currentNode = getParentNode(element);
@@ -3881,21 +3770,17 @@ function getParentNode(node) {
 }
 function getNearestOverflowAncestor(node) {
   const parentNode = getParentNode(node);
-  return isLastTraversableNode(parentNode) ? node.ownerDocument ? node.ownerDocument.body : node.body : isHTMLElement(parentNode) && isOverflowElement(
-  parentNode) ? parentNode : getNearestOverflowAncestor(parentNode);
+  return isLastTraversableNode(parentNode) ? node.ownerDocument ? node.ownerDocument.body : node.body : isHTMLElement(parentNode) && isOverflowElement(parentNode) ? parentNode : getNearestOverflowAncestor(parentNode);
 }
 function getOverflowAncestors(node, list, traverseIframes) {
   var _node$ownerDocument2;
   list === void 0 && (list = []), traverseIframes === void 0 && (traverseIframes = !0);
-  const scrollableAncestor = getNearestOverflowAncestor(node), isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 :
-  _node$ownerDocument2.body), win = getWindow(scrollableAncestor);
-  return isBody ? list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ?
-  getOverflowAncestors(win.frameElement) : []) : list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
+  const scrollableAncestor = getNearestOverflowAncestor(node), isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body), win = getWindow(scrollableAncestor);
+  return isBody ? list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []) : list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
 }
 function activeElement(doc) {
   let activeElement2 = doc.activeElement;
-  for (; ((_activeElement = activeElement2) == null || (_activeElement = _activeElement.shadowRoot) == null ? void 0 : _activeElement.activeElement) !=
-  null; ) {
+  for (; ((_activeElement = activeElement2) == null || (_activeElement = _activeElement.shadowRoot) == null ? void 0 : _activeElement.activeElement) != null; ) {
     var _activeElement;
     activeElement2 = activeElement2.shadowRoot.activeElement;
   }
@@ -3932,8 +3817,7 @@ function getUserAgent() {
   }).join(" ") : navigator.userAgent;
 }
 function isVirtualPointerEvent(event) {
-  return isJSDOM() ? !1 : !isAndroid() && event.width === 0 && event.height === 0 || isAndroid() && event.width === 1 && event.height === 1 && event.pressure ===
-  0 && event.detail === 0 && event.pointerType === "mouse" || // iOS VoiceOver returns 0.333• for width/height.
+  return isJSDOM() ? !1 : !isAndroid() && event.width === 0 && event.height === 0 || isAndroid() && event.width === 1 && event.height === 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "mouse" || // iOS VoiceOver returns 0.333• for width/height.
   event.width < 1 && event.height < 1 && event.pressure === 0 && event.detail === 0 && event.pointerType === "touch";
 }
 function isSafari() {
@@ -4017,8 +3901,7 @@ function getAlignmentSides(placement, rects, rtl) {
   rtl === void 0 && (rtl = !1);
   const alignment = getAlignment(placement), alignmentAxis = getAlignmentAxis(placement), length = getAxisLength(alignmentAxis);
   let mainAlignmentSide = alignmentAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-  return rects.reference[length] > rects.floating[length] && (mainAlignmentSide = getOppositePlacement(mainAlignmentSide)), [mainAlignmentSide, getOppositePlacement(
-  mainAlignmentSide)];
+  return rects.reference[length] > rects.floating[length] && (mainAlignmentSide = getOppositePlacement(mainAlignmentSide)), [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
 }
 function getExpandedPlacements(placement) {
   const oppositePlacement = getOppositePlacement(placement);
@@ -4043,8 +3926,7 @@ function getSideList(side, isStart, rtl) {
 function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
   const alignment = getAlignment(placement);
   let list = getSideList(getSide(placement), direction === "start", rtl);
-  return alignment && (list = list.map((side) => side + "-" + alignment), flipAlignment && (list = list.concat(list.map(getOppositeAlignmentPlacement)))),
-  list;
+  return alignment && (list = list.map((side) => side + "-" + alignment), flipAlignment && (list = list.concat(list.map(getOppositeAlignmentPlacement)))), list;
 }
 function getOppositePlacement(placement) {
   return placement.replace(/left|right|bottom|top/g, (side) => oppositeSideMap[side]);
@@ -4089,9 +3971,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
     reference,
     floating
   } = _ref;
-  const sideAxis = getSideAxis(placement), alignmentAxis = getAlignmentAxis(placement), alignLength = getAxisLength(alignmentAxis), side = getSide(placement),
-  isVertical = sideAxis === "y", commonX = reference.x + reference.width / 2 - floating.width / 2, commonY = reference.y + reference.height / 2 - floating.
-  height / 2, commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
+  const sideAxis = getSideAxis(placement), alignmentAxis = getAlignmentAxis(placement), alignLength = getAxisLength(alignmentAxis), side = getSide(placement), isVertical = sideAxis === "y", commonX = reference.x + reference.width / 2 - floating.width / 2, commonY = reference.y + reference.height / 2 - floating.height / 2, commonAlign = reference[alignLength] / 2 - floating[alignLength] / 2;
   let coords;
   switch (side) {
     case "top":
@@ -4178,8 +4058,7 @@ const computePosition$1 = async (reference, floating, config) => {
         ...middlewareData[name],
         ...data
       }
-    }, reset && resetCount <= 50 && (resetCount++, typeof reset == "object" && (reset.placement && (statefulPlacement = reset.placement), reset.rects &&
-    (rects = reset.rects === !0 ? await platform2.getElementRects({
+    }, reset && resetCount <= 50 && (resetCount++, typeof reset == "object" && (reset.placement && (statefulPlacement = reset.placement), reset.rects && (rects = reset.rects === !0 ? await platform2.getElementRects({
       reference,
       floating,
       strategy
@@ -4212,10 +4091,8 @@ async function detectOverflow(state, options) {
     elementContext = "floating",
     altBoundary = !1,
     padding = 0
-  } = evaluate(options, state), paddingObject = getPaddingObject(padding), element = elements[altBoundary ? elementContext === "floating" ? "reference" :
-  "floating" : elementContext], clippingClientRect = rectToClientRect(await platform2.getClippingRect({
-    element: (_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) == null || _await$platform$isEle ? element :
-    element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
+  } = evaluate(options, state), paddingObject = getPaddingObject(padding), element = elements[altBoundary ? elementContext === "floating" ? "reference" : "floating" : elementContext], clippingClientRect = rectToClientRect(await platform2.getClippingRect({
+    element: (_await$platform$isEle = await (platform2.isElement == null ? void 0 : platform2.isElement(element))) == null || _await$platform$isEle ? element : element.contextElement || await (platform2.getDocumentElement == null ? void 0 : platform2.getDocumentElement(elements.floating)),
     boundary,
     rootBoundary,
     strategy
@@ -4224,15 +4101,13 @@ async function detectOverflow(state, options) {
     y,
     width: rects.floating.width,
     height: rects.floating.height
-  } : rects.reference, offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating)), offsetScale = await (platform2.
-  isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
+  } : rects.reference, offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating)), offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect(
-  {
+  }, elementClientRect = rectToClientRect(platform2.convertOffsetParentRelativeRectToViewportRelativeRect ? await platform2.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements,
     rect,
     offsetParent,
@@ -4266,18 +4141,10 @@ const arrow$3 = (options) => ({
     const paddingObject = getPaddingObject(padding), coords = {
       x,
       y
-    }, axis = getAlignmentAxis(placement), length = getAxisLength(axis), arrowDimensions = await platform2.getDimensions(element), isYAxis = axis === "\
-y", minProp = isYAxis ? "top" : "left", maxProp = isYAxis ? "bottom" : "right", clientProp = isYAxis ? "clientHeight" : "clientWidth", endDiff = rects.
-    reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length], startDiff = coords[axis] - rects.reference[axis], arrowOffsetParent = await (platform2.
-    getOffsetParent == null ? void 0 : platform2.getOffsetParent(element));
+    }, axis = getAlignmentAxis(placement), length = getAxisLength(axis), arrowDimensions = await platform2.getDimensions(element), isYAxis = axis === "y", minProp = isYAxis ? "top" : "left", maxProp = isYAxis ? "bottom" : "right", clientProp = isYAxis ? "clientHeight" : "clientWidth", endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length], startDiff = coords[axis] - rects.reference[axis], arrowOffsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(element));
     let clientSize = arrowOffsetParent ? arrowOffsetParent[clientProp] : 0;
-    (!clientSize || !await (platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent))) && (clientSize = elements.floating[clientProp] ||
-    rects.floating[length]);
-    const centerToReference = endDiff / 2 - startDiff / 2, largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1, minPadding = min(
-    paddingObject[minProp], largestPossiblePadding), maxPadding = min(paddingObject[maxProp], largestPossiblePadding), min$1 = minPadding, max2 = clientSize -
-    arrowDimensions[length] - maxPadding, center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference, offset2 = clamp(min$1, center, max2),
-    shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset2 && rects.reference[length] / 2 - (center < min$1 ?
-    minPadding : maxPadding) - arrowDimensions[length] / 2 < 0, alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
+    (!clientSize || !await (platform2.isElement == null ? void 0 : platform2.isElement(arrowOffsetParent))) && (clientSize = elements.floating[clientProp] || rects.floating[length]);
+    const centerToReference = endDiff / 2 - startDiff / 2, largestPossiblePadding = clientSize / 2 - arrowDimensions[length] / 2 - 1, minPadding = min(paddingObject[minProp], largestPossiblePadding), maxPadding = min(paddingObject[maxProp], largestPossiblePadding), min$1 = minPadding, max2 = clientSize - arrowDimensions[length] - maxPadding, center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference, offset2 = clamp(min$1, center, max2), shouldAddOffset = !middlewareData.arrow && getAlignment(placement) != null && center !== offset2 && rects.reference[length] / 2 - (center < min$1 ? minPadding : maxPadding) - arrowDimensions[length] / 2 < 0, alignmentOffset = shouldAddOffset ? center < min$1 ? center - min$1 : center - max2 : 0;
     return {
       [axis]: coords[axis] + alignmentOffset,
       data: {
@@ -4314,12 +4181,8 @@ y", minProp = isYAxis ? "top" : "left", maxProp = isYAxis ? "bottom" : "right",
       } = evaluate(options, state);
       if ((_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset)
         return {};
-      const side = getSide(placement), initialSideAxis = getSideAxis(initialPlacement), isBasePlacement = getSide(initialPlacement) === initialPlacement,
-      rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)), fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement ||
-      !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement)), hasFallbackAxisSideDirection = fallbackAxisSideDirection !==
-      "none";
-      !specifiedFallbackPlacements && hasFallbackAxisSideDirection && fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment,
-      fallbackAxisSideDirection, rtl));
+      const side = getSide(placement), initialSideAxis = getSideAxis(initialPlacement), isBasePlacement = getSide(initialPlacement) === initialPlacement, rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)), fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement)), hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+      !specifiedFallbackPlacements && hasFallbackAxisSideDirection && fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       const placements = [initialPlacement, ...fallbackPlacements], overflow = await detectOverflow(state, detectOverflowOptions), overflows = [];
       let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
       if (checkMainAxis && overflows.push(overflow[side]), checkCrossAxis) {
@@ -4342,8 +4205,7 @@ y", minProp = isYAxis ? "top" : "left", maxProp = isYAxis ? "bottom" : "right",
               placement: nextPlacement
             }
           };
-        let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) ==
-        null ? void 0 : _overflowsData$filter.placement;
+        let resetPlacement = (_overflowsData$filter = overflowsData.filter((d) => d.overflows[0] <= 0).sort((a, b) => a.overflows[1] - b.overflows[1])[0]) == null ? void 0 : _overflowsData$filter.placement;
         if (!resetPlacement)
           switch (fallbackStrategy) {
             case "bestFit": {
@@ -4356,8 +4218,7 @@ y", minProp = isYAxis ? "top" : "left", maxProp = isYAxis ? "bottom" : "right",
                   currentSideAxis === "y";
                 }
                 return !0;
-              }).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] -
-              b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
+              }).map((d) => [d.placement, d.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a, b) => a[1] - b[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
               placement2 && (resetPlacement = placement2);
               break;
             }
@@ -4377,8 +4238,7 @@ y", minProp = isYAxis ? "top" : "left", maxProp = isYAxis ? "bottom" : "right",
   };
 };
 function getBoundingRect(rects) {
-  const minX = min(...rects.map((rect) => rect.left)), minY = min(...rects.map((rect) => rect.top)), maxX = max(...rects.map((rect) => rect.right)), maxY = max(
-  ...rects.map((rect) => rect.bottom));
+  const minX = min(...rects.map((rect) => rect.left)), minY = min(...rects.map((rect) => rect.top)), maxX = max(...rects.map((rect) => rect.right)), maxY = max(...rects.map((rect) => rect.bottom));
   return {
     x: minX,
     y: minY,
@@ -4410,18 +4270,13 @@ const inline$2 = function(options) {
         padding = 2,
         x,
         y
-      } = evaluate(options, state), nativeClientRects = Array.from(await (platform2.getClientRects == null ? void 0 : platform2.getClientRects(elements.
-      reference)) || []), clientRects = getRectsByLine(nativeClientRects), fallback = rectToClientRect(getBoundingRect(nativeClientRects)), paddingObject = getPaddingObject(
-      padding);
+      } = evaluate(options, state), nativeClientRects = Array.from(await (platform2.getClientRects == null ? void 0 : platform2.getClientRects(elements.reference)) || []), clientRects = getRectsByLine(nativeClientRects), fallback = rectToClientRect(getBoundingRect(nativeClientRects)), paddingObject = getPaddingObject(padding);
       function getBoundingClientRect2() {
         if (clientRects.length === 2 && clientRects[0].left > clientRects[1].right && x != null && y != null)
-          return clientRects.find((rect) => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.
-          top && y < rect.bottom + paddingObject.bottom) || fallback;
+          return clientRects.find((rect) => x > rect.left - paddingObject.left && x < rect.right + paddingObject.right && y > rect.top - paddingObject.top && y < rect.bottom + paddingObject.bottom) || fallback;
         if (clientRects.length >= 2) {
           if (getSideAxis(placement) === "y") {
-            const firstRect = clientRects[0], lastRect = clientRects[clientRects.length - 1], isTop = getSide(placement) === "top", top2 = firstRect.top,
-            bottom2 = lastRect.bottom, left2 = isTop ? firstRect.left : lastRect.left, right2 = isTop ? firstRect.right : lastRect.right, width2 = right2 -
-            left2, height2 = bottom2 - top2;
+            const firstRect = clientRects[0], lastRect = clientRects[clientRects.length - 1], isTop = getSide(placement) === "top", top2 = firstRect.top, bottom2 = lastRect.bottom, left2 = isTop ? firstRect.left : lastRect.left, right2 = isTop ? firstRect.right : lastRect.right, width2 = right2 - left2, height2 = bottom2 - top2;
             return {
               top: top2,
               bottom: bottom2,
@@ -4433,9 +4288,7 @@ const inline$2 = function(options) {
               y: top2
             };
           }
-          const isLeftSide = getSide(placement) === "left", maxRight = max(...clientRects.map((rect) => rect.right)), minLeft = min(...clientRects.map(
-          (rect) => rect.left)), measureRects = clientRects.filter((rect) => isLeftSide ? rect.left === minLeft : rect.right === maxRight), top = measureRects[0].
-          top, bottom = measureRects[measureRects.length - 1].bottom, left = minLeft, right = maxRight, width = right - left, height = bottom - top;
+          const isLeftSide = getSide(placement) === "left", maxRight = max(...clientRects.map((rect) => rect.right)), minLeft = min(...clientRects.map((rect) => rect.left)), measureRects = clientRects.filter((rect) => isLeftSide ? rect.left === minLeft : rect.right === maxRight), top = measureRects[0].top, bottom = measureRects[measureRects.length - 1].bottom, left = minLeft, right = maxRight, width = right - left, height = bottom - top;
           return {
             top,
             bottom,
@@ -4456,8 +4309,7 @@ const inline$2 = function(options) {
         floating: elements.floating,
         strategy
       });
-      return rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.
-      width || rects.reference.height !== resetRects.reference.height ? {
+      return rects.reference.x !== resetRects.reference.x || rects.reference.y !== resetRects.reference.y || rects.reference.width !== resetRects.reference.width || rects.reference.height !== resetRects.reference.height ? {
         reset: {
           rects: resetRects
         }
@@ -4470,9 +4322,7 @@ async function convertValueToCoords(state, options) {
     placement,
     platform: platform2,
     elements
-  } = state, rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)), side = getSide(placement), alignment = getAlignment(
-  placement), isVertical = getSideAxis(placement) === "y", mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1, crossAxisMulti = rtl && isVertical ?
-  -1 : 1, rawValue = evaluate(options, state);
+  } = state, rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)), side = getSide(placement), alignment = getAlignment(placement), isVertical = getSideAxis(placement) === "y", mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1, crossAxisMulti = rtl && isVertical ? -1 : 1, rawValue = evaluate(options, state);
   let {
     mainAxis,
     crossAxis,
@@ -4507,8 +4357,7 @@ const offset$2 = function(options) {
         placement,
         middlewareData
       } = state, diffCoords = await convertValueToCoords(state, options);
-      return placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow =
-      middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset ? {} : {
+      return placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset ? {} : {
         x: x + diffCoords.x,
         y: y + diffCoords.y,
         data: {
@@ -4549,13 +4398,11 @@ const offset$2 = function(options) {
       }, overflow = await detectOverflow(state, detectOverflowOptions), crossAxis = getSideAxis(getSide(placement)), mainAxis = getOppositeAxis(crossAxis);
       let mainAxisCoord = coords[mainAxis], crossAxisCoord = coords[crossAxis];
       if (checkMainAxis) {
-        const minSide = mainAxis === "y" ? "top" : "left", maxSide = mainAxis === "y" ? "bottom" : "right", min2 = mainAxisCoord + overflow[minSide], max2 = mainAxisCoord -
-        overflow[maxSide];
+        const minSide = mainAxis === "y" ? "top" : "left", maxSide = mainAxis === "y" ? "bottom" : "right", min2 = mainAxisCoord + overflow[minSide], max2 = mainAxisCoord - overflow[maxSide];
         mainAxisCoord = clamp(min2, mainAxisCoord, max2);
       }
       if (checkCrossAxis) {
-        const minSide = crossAxis === "y" ? "top" : "left", maxSide = crossAxis === "y" ? "bottom" : "right", min2 = crossAxisCoord + overflow[minSide],
-        max2 = crossAxisCoord - overflow[maxSide];
+        const minSide = crossAxis === "y" ? "top" : "left", maxSide = crossAxis === "y" ? "bottom" : "right", min2 = crossAxisCoord + overflow[minSide], max2 = crossAxisCoord - overflow[maxSide];
         crossAxisCoord = clamp(min2, crossAxisCoord, max2);
       }
       const limitedCoords = limiter.fn({
@@ -4600,16 +4447,12 @@ const offset$2 = function(options) {
         ...rawOffset
       };
       if (checkMainAxis) {
-        const len = mainAxis === "y" ? "height" : "width", limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis, limitMax = rects.
-        reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
+        const len = mainAxis === "y" ? "height" : "width", limitMin = rects.reference[mainAxis] - rects.floating[len] + computedOffset.mainAxis, limitMax = rects.reference[mainAxis] + rects.reference[len] - computedOffset.mainAxis;
         mainAxisCoord < limitMin ? mainAxisCoord = limitMin : mainAxisCoord > limitMax && (mainAxisCoord = limitMax);
       }
       if (checkCrossAxis) {
         var _middlewareData$offse, _middlewareData$offse2;
-        const len = mainAxis === "y" ? "width" : "height", isOriginSide = ["top", "left"].includes(getSide(placement)), limitMin = rects.reference[crossAxis] -
-        rects.floating[len] + (isOriginSide && ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) ||
-        0) + (isOriginSide ? 0 : computedOffset.crossAxis), limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 =
-        middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
+        const len = mainAxis === "y" ? "width" : "height", isOriginSide = ["top", "left"].includes(getSide(placement)), limitMin = rects.reference[crossAxis] - rects.floating[len] + (isOriginSide && ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse[crossAxis]) || 0) + (isOriginSide ? 0 : computedOffset.crossAxis), limitMax = rects.reference[crossAxis] + rects.reference[len] + (isOriginSide ? 0 : ((_middlewareData$offse2 = middlewareData.offset) == null ? void 0 : _middlewareData$offse2[crossAxis]) || 0) - (isOriginSide ? computedOffset.crossAxis : 0);
         crossAxisCoord < limitMin ? crossAxisCoord = limitMin : crossAxisCoord > limitMax && (crossAxisCoord = limitMax);
       }
       return {
@@ -4632,23 +4475,17 @@ const offset$2 = function(options) {
         apply = () => {
         },
         ...detectOverflowOptions
-      } = evaluate(options, state), overflow = await detectOverflow(state, detectOverflowOptions), side = getSide(placement), alignment = getAlignment(
-      placement), isYAxis = getSideAxis(placement) === "y", {
+      } = evaluate(options, state), overflow = await detectOverflow(state, detectOverflowOptions), side = getSide(placement), alignment = getAlignment(placement), isYAxis = getSideAxis(placement) === "y", {
         width,
         height
       } = rects.floating;
       let heightSide, widthSide;
-      side === "top" || side === "bottom" ? (heightSide = side, widthSide = alignment === (await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.
-      floating)) ? "start" : "end") ? "left" : "right") : (widthSide = side, heightSide = alignment === "end" ? "top" : "bottom");
-      const maximumClippingHeight = height - overflow.top - overflow.bottom, maximumClippingWidth = width - overflow.left - overflow.right, overflowAvailableHeight = min(
-      height - overflow[heightSide], maximumClippingHeight), overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth), noShift = !state.
-      middlewareData.shift;
+      side === "top" || side === "bottom" ? (heightSide = side, widthSide = alignment === (await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right") : (widthSide = side, heightSide = alignment === "end" ? "top" : "bottom");
+      const maximumClippingHeight = height - overflow.top - overflow.bottom, maximumClippingWidth = width - overflow.left - overflow.right, overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight), overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth), noShift = !state.middlewareData.shift;
       let availableHeight = overflowAvailableHeight, availableWidth = overflowAvailableWidth;
-      if (isYAxis ? availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth : availableHeight =
-      alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight, noShift && !alignment) {
+      if (isYAxis ? availableWidth = alignment || noShift ? min(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth : availableHeight = alignment || noShift ? min(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight, noShift && !alignment) {
         const xMin = max(overflow.left, 0), xMax = max(overflow.right, 0), yMin = max(overflow.top, 0), yMax = max(overflow.bottom, 0);
-        isYAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height -
-        2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
+        isYAxis ? availableWidth = width - 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
       }
       await apply({
         ...state,
@@ -4667,8 +4504,7 @@ const offset$2 = function(options) {
 function getCssDimensions(element) {
   const css = getComputedStyle$1(element);
   let width = parseFloat(css.width) || 0, height = parseFloat(css.height) || 0;
-  const hasOffset = isHTMLElement(element), offsetWidth = hasOffset ? element.offsetWidth : width, offsetHeight = hasOffset ? element.offsetHeight : height,
-  shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
+  const hasOffset = isHTMLElement(element), offsetWidth = hasOffset ? element.offsetWidth : width, offsetHeight = hasOffset ? element.offsetHeight : height, shouldFallback = round(width) !== offsetWidth || round(height) !== offsetHeight;
   return shouldFallback && (width = offsetWidth, height = offsetHeight), {
     width,
     height,
@@ -4710,17 +4546,13 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy, offsetPar
   let scale = createCoords(1);
   includeScale && (offsetParent ? isElement(offsetParent) && (scale = getScale(offsetParent)) : scale = getScale(element));
   const visualOffsets = shouldAddVisualOffsets(domElement, isFixedStrategy, offsetParent) ? getVisualOffsets(domElement) : createCoords(0);
-  let x = (clientRect.left + visualOffsets.x) / scale.x, y = (clientRect.top + visualOffsets.y) / scale.y, width = clientRect.width / scale.x, height = clientRect.
-  height / scale.y;
+  let x = (clientRect.left + visualOffsets.x) / scale.x, y = (clientRect.top + visualOffsets.y) / scale.y, width = clientRect.width / scale.x, height = clientRect.height / scale.y;
   if (domElement) {
     const win = getWindow(domElement), offsetWin = offsetParent && isElement(offsetParent) ? getWindow(offsetParent) : offsetParent;
     let currentWin = win, currentIFrame = currentWin.frameElement;
     for (; currentIFrame && offsetParent && offsetWin !== currentWin; ) {
-      const iframeScale = getScale(currentIFrame), iframeRect = currentIFrame.getBoundingClientRect(), css = getComputedStyle$1(currentIFrame), left = iframeRect.
-      left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x, top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.
-      paddingTop)) * iframeScale.y;
-      x *= iframeScale.x, y *= iframeScale.y, width *= iframeScale.x, height *= iframeScale.y, x += left, y += top, currentWin = getWindow(currentIFrame),
-      currentIFrame = currentWin.frameElement;
+      const iframeScale = getScale(currentIFrame), iframeRect = currentIFrame.getBoundingClientRect(), css = getComputedStyle$1(currentIFrame), left = iframeRect.left + (currentIFrame.clientLeft + parseFloat(css.paddingLeft)) * iframeScale.x, top = iframeRect.top + (currentIFrame.clientTop + parseFloat(css.paddingTop)) * iframeScale.y;
+      x *= iframeScale.x, y *= iframeScale.y, width *= iframeScale.x, height *= iframeScale.y, x += left, y += top, currentWin = getWindow(currentIFrame), currentIFrame = currentWin.frameElement;
     }
   }
   return rectToClientRect({
@@ -4745,8 +4577,7 @@ function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
     scrollTop: 0
   }, scale = createCoords(1);
   const offsets = createCoords(0), isOffsetParentAnElement = isHTMLElement(offsetParent);
-  if ((isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) && ((getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) &&
-  (scroll = getNodeScroll(offsetParent)), isHTMLElement(offsetParent))) {
+  if ((isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) && ((getNodeName(offsetParent) !== "body" || isOverflowElement(documentElement)) && (scroll = getNodeScroll(offsetParent)), isHTMLElement(offsetParent))) {
     const offsetRect = getBoundingClientRect(offsetParent);
     scale = getScale(offsetParent), offsets.x = offsetRect.x + offsetParent.clientLeft, offsets.y = offsetRect.y + offsetParent.clientTop;
   }
@@ -4764,8 +4595,7 @@ function getWindowScrollBarX(element) {
   return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
 }
 function getDocumentRect(element) {
-  const html = getDocumentElement(element), scroll = getNodeScroll(element), body = element.ownerDocument.body, width = max(html.scrollWidth, html.clientWidth,
-  body.scrollWidth, body.clientWidth), height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
+  const html = getDocumentElement(element), scroll = getNodeScroll(element), body = element.ownerDocument.body, width = max(html.scrollWidth, html.clientWidth, body.scrollWidth, body.clientWidth), height = max(html.scrollHeight, html.clientHeight, body.scrollHeight, body.clientHeight);
   let x = -scroll.scrollLeft + getWindowScrollBarX(element);
   const y = -scroll.scrollTop;
   return getComputedStyle$1(body).direction === "rtl" && (x += max(html.clientWidth, body.clientWidth) - width), {
@@ -4791,9 +4621,7 @@ function getViewportRect(element, strategy) {
   };
 }
 function getInnerBoundingClientRect(element, strategy) {
-  const clientRect = getBoundingClientRect(element, !0, strategy === "fixed"), top = clientRect.top + element.clientTop, left = clientRect.left + element.
-  clientLeft, scale = isHTMLElement(element) ? getScale(element) : createCoords(1), width = element.clientWidth * scale.x, height = element.clientHeight *
-  scale.y, x = left * scale.x, y = top * scale.y;
+  const clientRect = getBoundingClientRect(element, !0, strategy === "fixed"), top = clientRect.top + element.clientTop, left = clientRect.left + element.clientLeft, scale = isHTMLElement(element) ? getScale(element) : createCoords(1), width = element.clientWidth * scale.x, height = element.clientHeight * scale.y, x = left * scale.x, y = top * scale.y;
   return {
     width,
     height,
@@ -4821,8 +4649,7 @@ function getClientRectFromClippingAncestor(element, clippingAncestor, strategy)
 }
 function hasFixedPositionAncestor(element, stopNode) {
   const parentNode = getParentNode(element);
-  return parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode) ? !1 : getComputedStyle$1(parentNode).position === "fi\
-xed" || hasFixedPositionAncestor(parentNode, stopNode);
+  return parentNode === stopNode || !isElement(parentNode) || isLastTraversableNode(parentNode) ? !1 : getComputedStyle$1(parentNode).position === "fixed" || hasFixedPositionAncestor(parentNode, stopNode);
 }
 function getClippingElementAncestors(element, cache) {
   const cachedResult = cache.get(element);
@@ -4833,11 +4660,7 @@ function getClippingElementAncestors(element, cache) {
   let currentNode = elementIsFixed ? getParentNode(element) : element;
   for (; isElement(currentNode) && !isLastTraversableNode(currentNode); ) {
     const computedStyle = getComputedStyle$1(currentNode), currentNodeIsContaining = isContainingBlock(currentNode);
-    !currentNodeIsContaining && computedStyle.position === "fixed" && (currentContainingBlockComputedStyle = null), (elementIsFixed ? !currentNodeIsContaining &&
-    !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle &&
-    ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(
-    element, currentNode)) ? result = result.filter((ancestor) => ancestor !== currentNode) : currentContainingBlockComputedStyle = computedStyle, currentNode =
-    getParentNode(currentNode);
+    !currentNodeIsContaining && computedStyle.position === "fixed" && (currentContainingBlockComputedStyle = null), (elementIsFixed ? !currentNodeIsContaining && !currentContainingBlockComputedStyle : !currentNodeIsContaining && computedStyle.position === "static" && !!currentContainingBlockComputedStyle && ["absolute", "fixed"].includes(currentContainingBlockComputedStyle.position) || isOverflowElement(currentNode) && !currentNodeIsContaining && hasFixedPositionAncestor(element, currentNode)) ? result = result.filter((ancestor) => ancestor !== currentNode) : currentContainingBlockComputedStyle = computedStyle, currentNode = getParentNode(currentNode);
   }
   return cache.set(element, result), result;
 }
@@ -4848,11 +4671,9 @@ function getClippingRect(_ref) {
     rootBoundary,
     strategy
   } = _ref;
-  const clippingAncestors = [...boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(
-  boundary), rootBoundary], firstClippingAncestor = clippingAncestors[0], clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
+  const clippingAncestors = [...boundary === "clippingAncestors" ? isTopLayer(element) ? [] : getClippingElementAncestors(element, this._c) : [].concat(boundary), rootBoundary], firstClippingAncestor = clippingAncestors[0], clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
     const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
-    return accRect.top = max(rect.top, accRect.top), accRect.right = min(rect.right, accRect.right), accRect.bottom = min(rect.bottom, accRect.bottom),
-    accRect.left = max(rect.left, accRect.left), accRect;
+    return accRect.top = max(rect.top, accRect.top), accRect.right = min(rect.right, accRect.right), accRect.bottom = min(rect.bottom, accRect.bottom), accRect.left = max(rect.left, accRect.left), accRect;
   }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
   return {
     width: clippingRect.right - clippingRect.left,
@@ -4872,8 +4693,7 @@ function getDimensions(element) {
   };
 }
 function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
-  const isOffsetParentAnElement = isHTMLElement(offsetParent), documentElement = getDocumentElement(offsetParent), isFixed = strategy === "fixed", rect = getBoundingClientRect(
-  element, !0, isFixed, offsetParent);
+  const isOffsetParentAnElement = isHTMLElement(offsetParent), documentElement = getDocumentElement(offsetParent), isFixed = strategy === "fixed", rect = getBoundingClientRect(element, !0, isFixed, offsetParent);
   let scroll = {
     scrollLeft: 0,
     scrollTop: 0
@@ -4914,12 +4734,10 @@ function getOffsetParent(element, polyfill) {
   let offsetParent = getTrueOffsetParent(element, polyfill);
   for (; offsetParent && isTableElement(offsetParent) && isStaticPositioned(offsetParent); )
     offsetParent = getTrueOffsetParent(offsetParent, polyfill);
-  return offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent) ? win : offsetParent ||
-  getContainingBlock(element) || win;
+  return offsetParent && isLastTraversableNode(offsetParent) && isStaticPositioned(offsetParent) && !isContainingBlock(offsetParent) ? win : offsetParent || getContainingBlock(element) || win;
 }
 const getElementRects = async function(data) {
-  const getOffsetParentFn = this.getOffsetParent || getOffsetParent, getDimensionsFn = this.getDimensions, floatingDimensions = await getDimensionsFn(
-  data.floating);
+  const getOffsetParentFn = this.getOffsetParent || getOffsetParent, getDimensionsFn = this.getDimensions, floatingDimensions = await getDimensionsFn(data.floating);
   return {
     reference: getRectRelativeToOffsetParent(data.reference, await getOffsetParentFn(data.floating), data.strategy),
     floating: {
@@ -4962,8 +4780,7 @@ function observeMove(element, onMove) {
     } = element.getBoundingClientRect();
     if (skip || onMove(), !width || !height)
       return;
-    const insetTop = floor(top), insetRight = floor(root.clientWidth - (left + width)), insetBottom = floor(root.clientHeight - (top + height)), insetLeft = floor(
-    left), options = {
+    const insetTop = floor(top), insetRight = floor(root.clientWidth - (left + width)), insetBottom = floor(root.clientHeight - (top + height)), insetLeft = floor(left), options = {
       rootMargin: -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px",
       threshold: max(0, min(1, threshold)) || 1
     };
@@ -5000,8 +4817,7 @@ function autoUpdate(reference, floating, update, options) {
     elementResize = typeof ResizeObserver == "function",
     layoutShift = typeof IntersectionObserver == "function",
     animationFrame = !1
-  } = options, referenceEl = unwrapElement(reference), ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) :
-  [], ...getOverflowAncestors(floating)] : [];
+  } = options, referenceEl = unwrapElement(reference), ancestors = ancestorScroll || ancestorResize ? [...referenceEl ? getOverflowAncestors(referenceEl) : [], ...getOverflowAncestors(floating)] : [];
   ancestors.forEach((ancestor) => {
     ancestorScroll && ancestor.addEventListener("scroll", update, {
       passive: !0
@@ -5011,8 +4827,7 @@ function autoUpdate(reference, floating, update, options) {
   let reobserveFrame = -1, resizeObserver = null;
   elementResize && (resizeObserver = new ResizeObserver((_ref) => {
     let [firstEntry] = _ref;
-    firstEntry && firstEntry.target === referenceEl && resizeObserver && (resizeObserver.unobserve(floating), cancelAnimationFrame(reobserveFrame), reobserveFrame =
-    requestAnimationFrame(() => {
+    firstEntry && firstEntry.target === referenceEl && resizeObserver && (resizeObserver.unobserve(floating), cancelAnimationFrame(reobserveFrame), reobserveFrame = requestAnimationFrame(() => {
       var _resizeObserver;
       (_resizeObserver = resizeObserver) == null || _resizeObserver.observe(floating);
     })), update();
@@ -5021,15 +4836,13 @@ function autoUpdate(reference, floating, update, options) {
   animationFrame && frameLoop();
   function frameLoop() {
     const nextRefRect = getBoundingClientRect(reference);
-    prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !==
-    prevRefRect.height) && update(), prevRefRect = nextRefRect, frameId = requestAnimationFrame(frameLoop);
+    prevRefRect && (nextRefRect.x !== prevRefRect.x || nextRefRect.y !== prevRefRect.y || nextRefRect.width !== prevRefRect.width || nextRefRect.height !== prevRefRect.height) && update(), prevRefRect = nextRefRect, frameId = requestAnimationFrame(frameLoop);
   }
   return update(), () => {
     var _resizeObserver2;
     ancestors.forEach((ancestor) => {
       ancestorScroll && ancestor.removeEventListener("scroll", update), ancestorResize && ancestor.removeEventListener("resize", update);
-    }), cleanupIo?.(), (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect(), resizeObserver = null, animationFrame && cancelAnimationFrame(
-    frameId);
+    }), cleanupIo?.(), (_resizeObserver2 = resizeObserver) == null || _resizeObserver2.disconnect(), resizeObserver = null, animationFrame && cancelAnimationFrame(frameId);
   };
 }
 const offset$1 = offset$2, shift$1 = shift$2, flip$1 = flip$2, size$1 = size$2, arrow$2 = arrow$3, inline$1 = inline$2, limitShift$1 = limitShift$2, computePosition = (reference, floating, options) => {
@@ -5116,9 +4929,7 @@ function useFloating$1(options) {
     node !== referenceRef.current && (referenceRef.current = node, _setReference(node));
   }, []), setFloating = React.useCallback((node) => {
     node !== floatingRef.current && (floatingRef.current = node, _setFloating(node));
-  }, []), referenceEl = externalReference || _reference, floatingEl = externalFloating || _floating, referenceRef = React.useRef(null), floatingRef = React.
-  useRef(null), dataRef = React.useRef(data), hasWhileElementsMounted = whileElementsMounted != null, whileElementsMountedRef = useLatestRef$1(whileElementsMounted),
-  platformRef = useLatestRef$1(platform2), update = React.useCallback(() => {
+  }, []), referenceEl = externalReference || _reference, floatingEl = externalFloating || _floating, referenceRef = React.useRef(null), floatingRef = React.useRef(null), dataRef = React.useRef(data), hasWhileElementsMounted = whileElementsMounted != null, whileElementsMountedRef = useLatestRef$1(whileElementsMounted), platformRef = useLatestRef$1(platform2), update = React.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current)
       return;
     const config = {
@@ -5309,9 +5120,7 @@ function useHover(context, props) {
     mouseOnly = !1,
     restMs = 0,
     move = !0
-  } = props, tree = useFloatingTree(), parentId = useFloatingParentNodeId(), handleCloseRef = useLatestRef(handleClose), delayRef = useLatestRef(delay),
-  openRef = useLatestRef(open), pointerTypeRef = React.useRef(), timeoutRef = React.useRef(-1), handlerRef = React.useRef(), restTimeoutRef = React.useRef(
-  -1), blockMouseMoveRef = React.useRef(!0), performedPointerEventsMutationRef = React.useRef(!1), unbindMouseMoveRef = React.useRef(() => {
+  } = props, tree = useFloatingTree(), parentId = useFloatingParentNodeId(), handleCloseRef = useLatestRef(handleClose), delayRef = useLatestRef(delay), openRef = useLatestRef(open), pointerTypeRef = React.useRef(), timeoutRef = React.useRef(-1), handlerRef = React.useRef(), restTimeoutRef = React.useRef(-1), blockMouseMoveRef = React.useRef(!0), performedPointerEventsMutationRef = React.useRef(!1), unbindMouseMoveRef = React.useRef(() => {
   }), isHoverOpen = React.useCallback(() => {
     var _dataRef$current$open;
     const type = (_dataRef$current$open = dataRef.current.openEvent) == null ? void 0 : _dataRef$current$open.type;
@@ -5341,8 +5150,7 @@ function useHover(context, props) {
   const closeWithDelay = React.useCallback(function(event, runElseBranch, reason) {
     runElseBranch === void 0 && (runElseBranch = !0), reason === void 0 && (reason = "hover");
     const closeDelay = getDelay(delayRef.current, "close", pointerTypeRef.current);
-    closeDelay && !handlerRef.current ? (clearTimeout(timeoutRef.current), timeoutRef.current = window.setTimeout(() => onOpenChange(!1, event, reason),
-    closeDelay)) : runElseBranch && (clearTimeout(timeoutRef.current), onOpenChange(!1, event, reason));
+    closeDelay && !handlerRef.current ? (clearTimeout(timeoutRef.current), timeoutRef.current = window.setTimeout(() => onOpenChange(!1, event, reason), closeDelay)) : runElseBranch && (clearTimeout(timeoutRef.current), onOpenChange(!1, event, reason));
   }, [delayRef, onOpenChange]), cleanupMouseMoveHandler = useEffectEvent(() => {
     unbindMouseMoveRef.current(), handlerRef.current = void 0;
   }), clearPointerEvents = useEffectEvent(() => {
@@ -5357,8 +5165,7 @@ function useHover(context, props) {
       return dataRef.current.openEvent ? ["click", "mousedown"].includes(dataRef.current.openEvent.type) : !1;
     }
     function onMouseEnter(event) {
-      if (clearTimeout(timeoutRef.current), blockMouseMoveRef.current = !1, mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) || restMs > 0 &&
-      !getDelay(delayRef.current, "open"))
+      if (clearTimeout(timeoutRef.current), blockMouseMoveRef.current = !1, mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) || restMs > 0 && !getDelay(delayRef.current, "open"))
         return;
       const openDelay = getDelay(delayRef.current, "open", pointerTypeRef.current);
       openDelay ? timeoutRef.current = window.setTimeout(() => {
@@ -5401,18 +5208,14 @@ function useHover(context, props) {
     if (isElement(elements.domReference)) {
       var _elements$floating;
       const ref = elements.domReference;
-      return open && ref.addEventListener("mouseleave", onScrollMouseLeave), (_elements$floating = elements.floating) == null || _elements$floating.addEventListener(
-      "mouseleave", onScrollMouseLeave), move && ref.addEventListener("mousemove", onMouseEnter, {
+      return open && ref.addEventListener("mouseleave", onScrollMouseLeave), (_elements$floating = elements.floating) == null || _elements$floating.addEventListener("mouseleave", onScrollMouseLeave), move && ref.addEventListener("mousemove", onMouseEnter, {
         once: !0
       }), ref.addEventListener("mouseenter", onMouseEnter), ref.addEventListener("mouseleave", onMouseLeave), () => {
         var _elements$floating2;
-        open && ref.removeEventListener("mouseleave", onScrollMouseLeave), (_elements$floating2 = elements.floating) == null || _elements$floating2.removeEventListener(
-        "mouseleave", onScrollMouseLeave), move && ref.removeEventListener("mousemove", onMouseEnter), ref.removeEventListener("mouseenter", onMouseEnter),
-        ref.removeEventListener("mouseleave", onMouseLeave);
+        open && ref.removeEventListener("mouseleave", onScrollMouseLeave), (_elements$floating2 = elements.floating) == null || _elements$floating2.removeEventListener("mouseleave", onScrollMouseLeave), move && ref.removeEventListener("mousemove", onMouseEnter), ref.removeEventListener("mouseenter", onMouseEnter), ref.removeEventListener("mouseleave", onMouseLeave);
       };
     }
-  }, [elements, enabled, context, mouseOnly, restMs, move, closeWithDelay, cleanupMouseMoveHandler, clearPointerEvents, onOpenChange, open, openRef, tree,
-  delayRef, handleCloseRef, dataRef]), index(() => {
+  }, [elements, enabled, context, mouseOnly, restMs, move, closeWithDelay, cleanupMouseMoveHandler, clearPointerEvents, onOpenChange, open, openRef, tree, delayRef, handleCloseRef, dataRef]), index(() => {
     var _handleCloseRef$curre;
     if (enabled && open && (_handleCloseRef$curre = handleCloseRef.current) != null && _handleCloseRef$curre.__options.blockPointerEvents && isHoverOpen()) {
       const body = getDocument(elements.floating).body;
@@ -5420,10 +5223,8 @@ function useHover(context, props) {
       const floatingEl = elements.floating;
       if (isElement(elements.domReference) && floatingEl) {
         var _tree$nodesRef$curren;
-        const ref = elements.domReference, parentFloating = tree == null || (_tree$nodesRef$curren = tree.nodesRef.current.find((node) => node.id === parentId)) ==
-        null || (_tree$nodesRef$curren = _tree$nodesRef$curren.context) == null ? void 0 : _tree$nodesRef$curren.elements.floating;
-        return parentFloating && (parentFloating.style.pointerEvents = ""), ref.style.pointerEvents = "auto", floatingEl.style.pointerEvents = "auto",
-        () => {
+        const ref = elements.domReference, parentFloating = tree == null || (_tree$nodesRef$curren = tree.nodesRef.current.find((node) => node.id === parentId)) == null || (_tree$nodesRef$curren = _tree$nodesRef$curren.context) == null ? void 0 : _tree$nodesRef$curren.elements.floating;
+        return parentFloating && (parentFloating.style.pointerEvents = ""), ref.style.pointerEvents = "auto", floatingEl.style.pointerEvents = "auto", () => {
           ref.style.pointerEvents = "", floatingEl.style.pointerEvents = "";
         };
       }
@@ -5447,8 +5248,7 @@ function useHover(context, props) {
         function handleMouseMove() {
           !blockMouseMoveRef.current && !openRef.current && onOpenChange(!0, nativeEvent, "hover");
         }
-        mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) || open || restMs === 0 || (clearTimeout(restTimeoutRef.current), pointerTypeRef.
-        current === "touch" ? handleMouseMove() : restTimeoutRef.current = window.setTimeout(handleMouseMove, restMs));
+        mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) || open || restMs === 0 || (clearTimeout(restTimeoutRef.current), pointerTypeRef.current === "touch" ? handleMouseMove() : restTimeoutRef.current = window.setTimeout(handleMouseMove, restMs));
       }
     };
   }, [mouseOnly, onOpenChange, open, openRef, restMs]), floating = React.useMemo(() => ({
@@ -5576,8 +5376,7 @@ const bubbleHandlerKeys = {
   var _normalizable$escapeK, _normalizable$outside;
   return {
     escapeKey: typeof normalizable == "boolean" ? normalizable : (_normalizable$escapeK = normalizable?.escapeKey) != null ? _normalizable$escapeK : !1,
-    outsidePress: typeof normalizable == "boolean" ? normalizable : (_normalizable$outside = normalizable?.outsidePress) != null ? _normalizable$outside :
-    !0
+    outsidePress: typeof normalizable == "boolean" ? normalizable : (_normalizable$outside = normalizable?.outsidePress) != null ? _normalizable$outside : !0
   };
 };
 function useDismiss(context, props) {
@@ -5597,9 +5396,7 @@ function useDismiss(context, props) {
     ancestorScroll = !1,
     bubbles,
     capture
-  } = props, tree = useFloatingTree(), outsidePressFn = useEffectEvent(typeof unstable_outsidePress == "function" ? unstable_outsidePress : () => !1),
-  outsidePress = typeof unstable_outsidePress == "function" ? outsidePressFn : unstable_outsidePress, insideReactTreeRef = React.useRef(!1), endedOrStartedInsideRef = React.
-  useRef(!1), {
+  } = props, tree = useFloatingTree(), outsidePressFn = useEffectEvent(typeof unstable_outsidePress == "function" ? unstable_outsidePress : () => !1), outsidePress = typeof unstable_outsidePress == "function" ? outsidePressFn : unstable_outsidePress, insideReactTreeRef = React.useRef(!1), endedOrStartedInsideRef = React.useRef(!1), {
     escapeKey: escapeKeyBubbles,
     outsidePress: outsidePressBubbles
   } = normalizeProp(bubbles), {
@@ -5609,8 +5406,7 @@ function useDismiss(context, props) {
     var _dataRef$current$floa;
     if (!open || !enabled || !escapeKey || event.key !== "Escape")
       return;
-    const nodeId = (_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.nodeId, children = tree ? getChildren(
-    tree.nodesRef.current, nodeId) : [];
+    const nodeId = (_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.nodeId, children = tree ? getChildren(tree.nodesRef.current, nodeId) : [];
     if (!escapeKeyBubbles && (event.stopPropagation(), children.length > 0)) {
       let shouldDismiss = !0;
       if (children.forEach((child) => {
@@ -5635,8 +5431,7 @@ function useDismiss(context, props) {
     const insideReactTree = insideReactTreeRef.current;
     insideReactTreeRef.current = !1;
     const endedOrStartedInside = endedOrStartedInsideRef.current;
-    if (endedOrStartedInsideRef.current = !1, outsidePressEvent === "click" && endedOrStartedInside || insideReactTree || typeof outsidePress == "func\
-tion" && !outsidePress(event))
+    if (endedOrStartedInsideRef.current = !1, outsidePressEvent === "click" && endedOrStartedInside || insideReactTree || typeof outsidePress == "function" && !outsidePress(event))
       return;
     const target = getTarget(event), inertSelector = "[" + createAttribute("inert") + "]", markers = getDocument(elements.floating).querySelectorAll(inertSelector);
     let targetRootAncestor = isElement(target) ? target : null;
@@ -5652,15 +5447,12 @@ tion" && !outsidePress(event))
     Array.from(markers).every((marker) => !contains(targetRootAncestor, marker)))
       return;
     if (isHTMLElement(target) && floating) {
-      const canScrollX = target.clientWidth > 0 && target.scrollWidth > target.clientWidth, canScrollY = target.clientHeight > 0 && target.scrollHeight >
-      target.clientHeight;
+      const canScrollX = target.clientWidth > 0 && target.scrollWidth > target.clientWidth, canScrollY = target.clientHeight > 0 && target.scrollHeight > target.clientHeight;
       let xCond = canScrollY && event.offsetX > target.clientWidth;
-      if (canScrollY && getComputedStyle$1(target).direction === "rtl" && (xCond = event.offsetX <= target.offsetWidth - target.clientWidth), xCond ||
-      canScrollX && event.offsetY > target.clientHeight)
+      if (canScrollY && getComputedStyle$1(target).direction === "rtl" && (xCond = event.offsetX <= target.offsetWidth - target.clientWidth), xCond || canScrollX && event.offsetY > target.clientHeight)
         return;
     }
-    const nodeId = (_dataRef$current$floa2 = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa2.nodeId, targetIsInsideChildren = tree &&
-    getChildren(tree.nodesRef.current, nodeId).some((node) => {
+    const nodeId = (_dataRef$current$floa2 = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa2.nodeId, targetIsInsideChildren = tree && getChildren(tree.nodesRef.current, nodeId).some((node) => {
       var _node$context;
       return isEventTargetWithin(event, (_node$context = node.context) == null ? void 0 : _node$context.elements.floating);
     });
@@ -5695,12 +5487,9 @@ tion" && !outsidePress(event))
       onOpenChange(!1, event, "ancestor-scroll");
     }
     const doc = getDocument(elements.floating);
-    escapeKey && doc.addEventListener("keydown", escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture), outsidePress &&
-    doc.addEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture);
+    escapeKey && doc.addEventListener("keydown", escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture), outsidePress && doc.addEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture);
     let ancestors = [];
-    return ancestorScroll && (isElement(elements.domReference) && (ancestors = getOverflowAncestors(elements.domReference)), isElement(elements.floating) &&
-    (ancestors = ancestors.concat(getOverflowAncestors(elements.floating))), !isElement(elements.reference) && elements.reference && elements.reference.
-    contextElement && (ancestors = ancestors.concat(getOverflowAncestors(elements.reference.contextElement)))), ancestors = ancestors.filter((ancestor) => {
+    return ancestorScroll && (isElement(elements.domReference) && (ancestors = getOverflowAncestors(elements.domReference)), isElement(elements.floating) && (ancestors = ancestors.concat(getOverflowAncestors(elements.floating))), !isElement(elements.reference) && elements.reference && elements.reference.contextElement && (ancestors = ancestors.concat(getOverflowAncestors(elements.reference.contextElement)))), ancestors = ancestors.filter((ancestor) => {
       var _doc$defaultView;
       return ancestor !== ((_doc$defaultView = doc.defaultView) == null ? void 0 : _doc$defaultView.visualViewport);
     }), ancestors.forEach((ancestor) => {
@@ -5708,15 +5497,11 @@ tion" && !outsidePress(event))
         passive: !0
       });
     }), () => {
-      escapeKey && doc.removeEventListener("keydown", escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture), outsidePress &&
-      doc.removeEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture), ancestors.
-      forEach((ancestor) => {
+      escapeKey && doc.removeEventListener("keydown", escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture), outsidePress && doc.removeEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture), ancestors.forEach((ancestor) => {
         ancestor.removeEventListener("scroll", onScroll);
       });
     };
-  }, [dataRef, elements, escapeKey, outsidePress, outsidePressEvent, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles,
-  closeOnEscapeKeyDown, escapeKeyCapture, closeOnEscapeKeyDownCapture, closeOnPressOutside, outsidePressCapture, closeOnPressOutsideCapture]), React.useEffect(
-  () => {
+  }, [dataRef, elements, escapeKey, outsidePress, outsidePressEvent, open, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, closeOnEscapeKeyDown, escapeKeyCapture, closeOnEscapeKeyDownCapture, closeOnPressOutside, outsidePressCapture, closeOnPressOutsideCapture]), React.useEffect(() => {
     insideReactTreeRef.current = !1;
   }, [outsidePress, outsidePressEvent]);
   const reference = React.useMemo(() => ({
@@ -5746,8 +5531,7 @@ function useFloatingRootContext(options) {
     open = !1,
     onOpenChange: onOpenChangeProp,
     elements: elementsProp
-  } = options, floatingId = useId(), dataRef = React.useRef({}), [events] = React.useState(() => createPubSub()), nested = useFloatingParentNodeId() !=
-  null, [positionReference, setPositionReference] = React.useState(elementsProp.reference), onOpenChange = useEffectEvent((open2, event, reason) => {
+  } = options, floatingId = useId(), dataRef = React.useRef({}), [events] = React.useState(() => createPubSub()), nested = useFloatingParentNodeId() != null, [positionReference, setPositionReference] = React.useState(elementsProp.reference), onOpenChange = useEffectEvent((open2, event, reason) => {
     dataRef.current.openEvent = open2 ? event : void 0, events.emit("openchange", {
       open: open2,
       event,
@@ -5782,9 +5566,7 @@ function useFloating(options) {
       floating: null,
       ...options.elements
     }
-  }), rootContext = options.rootContext || internalRootContext, computedElements = rootContext.elements, [_domReference, setDomReference] = React.useState(
-  null), [positionReference, _setPositionReference] = React.useState(null), domReference = computedElements?.reference || _domReference, domReferenceRef = React.
-  useRef(null), tree = useFloatingTree();
+  }), rootContext = options.rootContext || internalRootContext, computedElements = rootContext.elements, [_domReference, setDomReference] = React.useState(null), [positionReference, _setPositionReference] = React.useState(null), domReference = computedElements?.reference || _domReference, domReferenceRef = React.useRef(null), tree = useFloatingTree();
   index(() => {
     domReference && (domReferenceRef.current = domReference);
   }, [domReference]);
@@ -5803,8 +5585,7 @@ function useFloating(options) {
     } : node;
     _setPositionReference(computedPositionReference), position.refs.setReference(computedPositionReference);
   }, [position.refs]), setReference = React.useCallback((node) => {
-    (isElement(node) || node === null) && (domReferenceRef.current = node, setDomReference(node)), (isElement(position.refs.reference.current) || position.
-    refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
+    (isElement(node) || node === null) && (domReferenceRef.current = node, setDomReference(node)), (isElement(position.refs.reference.current) || position.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
     // `null` to support `positionReference` + an unstable `reference`
     // callback ref.
     node !== null && !isElement(node)) && position.refs.setReference(node);
@@ -5850,8 +5631,7 @@ function useFocus(context, props) {
     if (!enabled) return;
     const win = getWindow(elements.domReference);
     function onBlur() {
-      !open && isHTMLElement(elements.domReference) && elements.domReference === activeElement(getDocument(elements.domReference)) && (blockFocusRef.current =
-      !0);
+      !open && isHTMLElement(elements.domReference) && elements.domReference === activeElement(getDocument(elements.domReference)) && (blockFocusRef.current = !0);
     }
     function onKeyDown() {
       keyboardModalityRef.current = !0;
@@ -5895,13 +5675,11 @@ function useFocus(context, props) {
     },
     onBlur(event) {
       blockFocusRef.current = !1;
-      const relatedTarget = event.relatedTarget, nativeEvent = event.nativeEvent, movedToFocusGuard = isElement(relatedTarget) && relatedTarget.hasAttribute(
-      createAttribute("focus-guard")) && relatedTarget.getAttribute("data-type") === "outside";
+      const relatedTarget = event.relatedTarget, nativeEvent = event.nativeEvent, movedToFocusGuard = isElement(relatedTarget) && relatedTarget.hasAttribute(createAttribute("focus-guard")) && relatedTarget.getAttribute("data-type") === "outside";
       timeoutRef.current = window.setTimeout(() => {
         var _dataRef$current$floa;
         const activeEl = activeElement(elements.domReference ? elements.domReference.ownerDocument : document);
-        !relatedTarget && activeEl === elements.domReference || contains((_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.
-        refs.floating.current, activeEl) || contains(elements.domReference, activeEl) || movedToFocusGuard || onOpenChange(!1, nativeEvent, "focus");
+        !relatedTarget && activeEl === elements.domReference || contains((_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.refs.floating.current, activeEl) || contains(elements.domReference, activeEl) || movedToFocusGuard || onOpenChange(!1, nativeEvent, "focus");
       });
     }
   }), [dataRef, elements.domReference, onOpenChange, visibleOnly]);
@@ -5948,8 +5726,7 @@ function mergeProps(userProps, propsList, elementKey) {
 }
 function useInteractions(propsList) {
   propsList === void 0 && (propsList = []);
-  const referenceDeps = propsList.map((key) => key?.reference), floatingDeps = propsList.map((key) => key?.floating), itemDeps = propsList.map((key) => key?.
-  item), getReferenceProps = React.useCallback(
+  const referenceDeps = propsList.map((key) => key?.reference), floatingDeps = propsList.map((key) => key?.floating), itemDeps = propsList.map((key) => key?.item), getReferenceProps = React.useCallback(
     (userProps) => mergeProps(userProps, propsList, "reference"),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     referenceDeps
@@ -5978,8 +5755,7 @@ function useRole(context, props) {
   } = context, {
     enabled = !0,
     role = "dialog"
-  } = props, ariaRole = (_componentRoleToAriaR = componentRoleToAriaRoleMap.get(role)) != null ? _componentRoleToAriaR : role, referenceId = useId(), isNested = useFloatingParentNodeId() !=
-  null, reference = React.useMemo(() => ariaRole === "tooltip" || role === "label" ? {
+  } = props, ariaRole = (_componentRoleToAriaR = componentRoleToAriaRoleMap.get(role)) != null ? _componentRoleToAriaR : role, referenceId = useId(), isNested = useFloatingParentNodeId() != null, reference = React.useMemo(() => ariaRole === "tooltip" || role === "label" ? {
     ["aria-" + (role === "label" ? "labelledby" : "describedby")]: open ? floatingId : void 0
   } : {
     "aria-expanded": open ? "true" : "false",
@@ -6054,12 +5830,10 @@ function getFloatingPosition(dir, position) {
   return position;
 }
 function horizontalSide(placement, arrowY, arrowOffset, arrowPosition) {
-  return placement === "center" || arrowPosition === "center" ? { top: arrowY } : placement === "end" ? { bottom: arrowOffset } : placement === "start" ?
-  { top: arrowOffset } : {};
+  return placement === "center" || arrowPosition === "center" ? { top: arrowY } : placement === "end" ? { bottom: arrowOffset } : placement === "start" ? { top: arrowOffset } : {};
 }
 function verticalSide(placement, arrowX, arrowOffset, arrowPosition, dir) {
-  return placement === "center" || arrowPosition === "center" ? { left: arrowX } : placement === "end" ? { [dir === "ltr" ? "right" : "left"]: arrowOffset } :
-  placement === "start" ? { [dir === "ltr" ? "left" : "right"]: arrowOffset } : {};
+  return placement === "center" || arrowPosition === "center" ? { left: arrowX } : placement === "end" ? { [dir === "ltr" ? "right" : "left"]: arrowOffset } : placement === "start" ? { [dir === "ltr" ? "left" : "right"]: arrowOffset } : {};
 }
 const radiusByFloatingSide = {
   bottom: "borderTopLeftRadius",
@@ -6167,13 +5941,11 @@ FocusTrapInitialFocus.displayName = "@mantine/core/FocusTrapInitialFocus";
 FocusTrap.InitialFocus = FocusTrapInitialFocus;
 function createPortalNode(props) {
   const node = document.createElement("div");
-  return node.setAttribute("data-portal", "true"), typeof props.className == "string" && node.classList.add(...props.className.split(" ").filter(Boolean)),
-  typeof props.style == "object" && Object.assign(node.style, props.style), typeof props.id == "string" && node.setAttribute("id", props.id), node;
+  return node.setAttribute("data-portal", "true"), typeof props.className == "string" && node.classList.add(...props.className.split(" ").filter(Boolean)), typeof props.style == "object" && Object.assign(node.style, props.style), typeof props.id == "string" && node.setAttribute("id", props.id), node;
 }
 const defaultProps$1i = {}, Portal = forwardRef((props, ref) => {
   const { children, target, ...others } = useProps("Portal", defaultProps$1i, props), [mounted, setMounted] = useState(!1), nodeRef = useRef(null);
-  return useIsomorphicEffect(() => (setMounted(!0), nodeRef.current = target ? typeof target == "string" ? document.querySelector(target) : target : createPortalNode(
-  others), assignRef(ref, nodeRef.current), !target && nodeRef.current && document.body.appendChild(nodeRef.current), () => {
+  return useIsomorphicEffect(() => (setMounted(!0), nodeRef.current = target ? typeof target == "string" ? document.querySelector(target) : target : createPortalNode(others), assignRef(ref, nodeRef.current), !target && nodeRef.current && document.body.appendChild(nodeRef.current), () => {
     !target && nodeRef.current && document.body.removeChild(nodeRef.current);
   }), [target]), !mounted || !nodeRef.current ? null : createPortal(/* @__PURE__ */ jsx(Fragment$1, { children }), nodeRef.current);
 });
@@ -6340,19 +6112,15 @@ function useTransition({
   enterDelay,
   exitDelay
 }) {
-  const theme = useMantineTheme(), shouldReduceMotion = useReducedMotion(), reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : !1, [transitionDuration,
-  setTransitionDuration] = useState(reduceMotion ? 0 : duration), [transitionStatus, setStatus] = useState(mounted ? "entered" : "exited"), transitionTimeoutRef = useRef(
-  -1), delayTimeoutRef = useRef(-1), rafRef = useRef(-1), handleStateChange = (shouldMount) => {
+  const theme = useMantineTheme(), shouldReduceMotion = useReducedMotion(), reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : !1, [transitionDuration, setTransitionDuration] = useState(reduceMotion ? 0 : duration), [transitionStatus, setStatus] = useState(mounted ? "entered" : "exited"), transitionTimeoutRef = useRef(-1), delayTimeoutRef = useRef(-1), rafRef = useRef(-1), handleStateChange = (shouldMount) => {
     const preHandler = shouldMount ? onEnter : onExit, handler = shouldMount ? onEntered : onExited;
     window.clearTimeout(transitionTimeoutRef.current);
     const newTransitionDuration = reduceMotion ? 0 : shouldMount ? duration : exitDuration;
-    setTransitionDuration(newTransitionDuration), newTransitionDuration === 0 ? (typeof preHandler == "function" && preHandler(), typeof handler == "f\
-unction" && handler(), setStatus(shouldMount ? "entered" : "exited")) : rafRef.current = requestAnimationFrame(() => {
+    setTransitionDuration(newTransitionDuration), newTransitionDuration === 0 ? (typeof preHandler == "function" && preHandler(), typeof handler == "function" && handler(), setStatus(shouldMount ? "entered" : "exited")) : rafRef.current = requestAnimationFrame(() => {
       ReactDOM__default.flushSync(() => {
         setStatus(shouldMount ? "pre-entering" : "pre-exiting");
       }), rafRef.current = requestAnimationFrame(() => {
-        typeof preHandler == "function" && preHandler(), setStatus(shouldMount ? "entering" : "exiting"), transitionTimeoutRef.current = window.setTimeout(
-        () => {
+        typeof preHandler == "function" && preHandler(), setStatus(shouldMount ? "entering" : "exiting"), transitionTimeoutRef.current = window.setTimeout(() => {
           typeof handler == "function" && handler(), setStatus(shouldMount ? "entered" : "exited");
         }, newTransitionDuration);
       });
@@ -6409,8 +6177,7 @@ function Transition({
     enterDelay,
     exitDelay
   });
-  return transitionDuration === 0 ? mounted ? /* @__PURE__ */ jsx(Fragment$1, { children: children({}) }) : keepMounted ? children({ display: "none" }) :
-  null : transitionStatus === "exited" ? keepMounted ? children({ display: "none" }) : null : /* @__PURE__ */ jsx(Fragment$1, { children: children(
+  return transitionDuration === 0 ? mounted ? /* @__PURE__ */ jsx(Fragment$1, { children: children({}) }) : keepMounted ? children({ display: "none" }) : null : transitionStatus === "exited" ? keepMounted ? children({ display: "none" }) : null : /* @__PURE__ */ jsx(Fragment$1, { children: children(
     getTransitionStyles({
       transition,
       duration: transitionDuration,
@@ -6519,11 +6286,9 @@ const defaultProps$1g = {
   );
   if (!isElement$1(children))
     throw new Error(
-      "Popover.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values \
-are not supported"
+      "Popover.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
     );
-  const forwardedProps = others, ctx = usePopoverContext(), targetRef = useMergedRef(ctx.reference, children.ref, ref), accessibleProps = ctx.withRoles ?
-  {
+  const forwardedProps = others, ctx = usePopoverContext(), targetRef = useMergedRef(ctx.reference, children.ref, ref), accessibleProps = ctx.withRoles ? {
     "aria-haspopup": popupType,
     "aria-expanded": ctx.opened,
     "aria-controls": ctx.getDropdownId(),
@@ -6575,15 +6340,13 @@ function getPopoverMiddlewares(options, getFloating) {
   const middlewaresOptions = getDefaultMiddlewares(options.middlewares), middlewares = [offset(options.offset)];
   return middlewaresOptions.shift && middlewares.push(
     shift(
-      typeof middlewaresOptions.shift == "boolean" ? { limiter: limitShift(), padding: 5 } : { limiter: limitShift(), padding: 5, ...middlewaresOptions.
-      shift }
+      typeof middlewaresOptions.shift == "boolean" ? { limiter: limitShift(), padding: 5 } : { limiter: limitShift(), padding: 5, ...middlewaresOptions.shift }
     )
   ), middlewaresOptions.flip && middlewares.push(
     typeof middlewaresOptions.flip == "boolean" ? flip() : flip(middlewaresOptions.flip)
   ), middlewaresOptions.inline && middlewares.push(
     typeof middlewaresOptions.inline == "boolean" ? inline() : inline(middlewaresOptions.inline)
-  ), middlewares.push(arrow({ element: options.arrowRef, padding: options.arrowOffset })), (middlewaresOptions.size || options.width === "target") && middlewares.
-  push(
+  ), middlewares.push(arrow({ element: options.arrowRef, padding: options.arrowOffset })), (middlewaresOptions.size || options.width === "target") && middlewares.push(
     size({
       ...typeof middlewaresOptions.size == "boolean" ? {} : middlewaresOptions.size,
       apply({ rects, availableWidth, availableHeight }) {
@@ -6708,8 +6471,7 @@ function Popover(_props) {
     rootSelector: "dropdown",
     vars,
     varsResolver: varsResolver$A
-  }), arrowRef = useRef(null), [targetNode, setTargetNode] = useState(null), [dropdownNode, setDropdownNode] = useState(null), { dir } = useDirection(),
-  uid = useId$1(id), popover = usePopover({
+  }), arrowRef = useRef(null), [targetNode, setTargetNode] = useState(null), [dropdownNode, setDropdownNode] = useState(null), { dir } = useDirection(), uid = useId$1(id), popover = usePopover({
     middlewares,
     width,
     position: getFloatingPosition(dir, position),
@@ -6793,20 +6555,16 @@ Popover.Target = PopoverTarget;
 Popover.Dropdown = PopoverDropdown;
 Popover.displayName = "@mantine/core/Popover";
 Popover.extend = (input) => input;
-var __default__$w = { root: "m_5ae2e3c", barsLoader: "m_7a2bd4cd", bar: "m_870bb79", "bars-loader-animation": "m_5d2b3b9d", dotsLoader: "m_4e3f22d7", dot: "\
-m_870c4af", "loader-dots-animation": "m_aac34a1", ovalLoader: "m_b34414df", "oval-loader-animation": "m_f8e89c4b" };
-const Bars = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(__default__$w.barsLoader, className),
-...others, ref, children: [
+var __default__$w = { root: "m_5ae2e3c", barsLoader: "m_7a2bd4cd", bar: "m_870bb79", "bars-loader-animation": "m_5d2b3b9d", dotsLoader: "m_4e3f22d7", dot: "m_870c4af", "loader-dots-animation": "m_aac34a1", ovalLoader: "m_b34414df", "oval-loader-animation": "m_f8e89c4b" };
+const Bars = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(__default__$w.barsLoader, className), ...others, ref, children: [
   /* @__PURE__ */ jsx("span", { className: __default__$w.bar }),
   /* @__PURE__ */ jsx("span", { className: __default__$w.bar }),
   /* @__PURE__ */ jsx("span", { className: __default__$w.bar })
-] })), Dots = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(__default__$w.dotsLoader, className),
-...others, ref, children: [
+] })), Dots = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(__default__$w.dotsLoader, className), ...others, ref, children: [
   /* @__PURE__ */ jsx("span", { className: __default__$w.dot }),
   /* @__PURE__ */ jsx("span", { className: __default__$w.dot }),
   /* @__PURE__ */ jsx("span", { className: __default__$w.dot })
-] })), Oval = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsx(Box, { component: "span", className: clsx(__default__$w.ovalLoader, className),
-...others, ref })), defaultLoaders = {
+] })), Oval = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsx(Box, { component: "span", className: clsx(__default__$w.ovalLoader, className), ...others, ref })), defaultLoaders = {
   bars: Bars,
   oval: Oval,
   dots: Dots
@@ -6970,9 +6728,7 @@ const defaultProps$1c = {}, varsResolver$x = (theme, { size: size2, radius, vari
       ref,
       mod: [{ loading, disabled: disabled || dataDisabled }, mod],
       children: [
-        /* @__PURE__ */ jsx(Transition, { mounted: !!loading, transition: "slide-down", duration: 150, children: (transitionStyles) => /* @__PURE__ */ jsx(
-        Box, { component: "span", ...getStyles2("loader", { style: transitionStyles }), "aria-hidden": !0, children: /* @__PURE__ */ jsx(Loader, { color: "\
-var(--ai-color)", size: "calc(var(--ai-size) * 0.55)", ...loaderProps }) }) }),
+        /* @__PURE__ */ jsx(Transition, { mounted: !!loading, transition: "slide-down", duration: 150, children: (transitionStyles) => /* @__PURE__ */ jsx(Box, { component: "span", ...getStyles2("loader", { style: transitionStyles }), "aria-hidden": !0, children: /* @__PURE__ */ jsx(Loader, { color: "var(--ai-color)", size: "calc(var(--ai-size) * 0.55)", ...loaderProps }) }) }),
         /* @__PURE__ */ jsx(Box, { component: "span", mod: { loading }, ...getStyles2("icon"), children })
       ]
     }
@@ -6994,10 +6750,7 @@ const CloseIcon = forwardRef(
       children: /* @__PURE__ */ jsx(
         "path",
         {
-          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.9\
-9391 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",
+          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",
           fill: "currentColor",
           fillRule: "evenodd",
           clipRule: "evenodd"
@@ -7101,8 +6854,7 @@ const defaultProps$1a = {
     __size,
     mod,
     ...others
-  } = props, filteredChildren = filterFalsyChildren(children), childrenCount = filteredChildren.length, resolvedGap = getSpacing(gap ?? "md"), stylesCtx = {
-  childWidth: `calc(${100 / childrenCount}% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))` }, getStyles2 = useStyles({
+  } = props, filteredChildren = filterFalsyChildren(children), childrenCount = filteredChildren.length, resolvedGap = getSpacing(gap ?? "md"), stylesCtx = { childWidth: `calc(${100 / childrenCount}% - (${resolvedGap} - ${resolvedGap} / ${childrenCount}))` }, getStyles2 = useStyles({
     name: "Group",
     props,
     stylesCtx,
@@ -7180,9 +6932,7 @@ const [ModalBaseProvider, useModalBaseContext] = createSafeContext(
 );
 function useLockScroll({ opened, transitionDuration }) {
   const [shouldLockScroll, setShouldLockScroll] = useState(opened), timeout = useRef(), _transitionDuration = useReducedMotion() ? 0 : transitionDuration;
-  return useEffect(() => (opened ? (setShouldLockScroll(!0), window.clearTimeout(timeout.current)) : _transitionDuration === 0 ? setShouldLockScroll(!1) :
-  timeout.current = window.setTimeout(() => setShouldLockScroll(!1), _transitionDuration), () => window.clearTimeout(timeout.current)), [opened, _transitionDuration]),
-  shouldLockScroll;
+  return useEffect(() => (opened ? (setShouldLockScroll(!0), window.clearTimeout(timeout.current)) : _transitionDuration === 0 ? setShouldLockScroll(!1) : timeout.current = window.setTimeout(() => setShouldLockScroll(!1), _transitionDuration), () => window.clearTimeout(timeout.current)), [opened, _transitionDuration]), shouldLockScroll;
 }
 function useModal({
   id,
@@ -7193,8 +6943,7 @@ function useModal({
   onClose,
   returnFocus
 }) {
-  const _id = useId$1(id), [titleMounted, setTitleMounted] = useState(!1), [bodyMounted, setBodyMounted] = useState(!1), transitionDuration = typeof transitionProps?.
-  duration == "number" ? transitionProps?.duration : 200, shouldLockScroll = useLockScroll({ opened, transitionDuration });
+  const _id = useId$1(id), [titleMounted, setTitleMounted] = useState(!1), [bodyMounted, setBodyMounted] = useState(!1), transitionDuration = typeof transitionProps?.duration == "number" ? transitionProps?.duration : 200, shouldLockScroll = useLockScroll({ opened, transitionDuration });
   return useWindowEvent(
     "keydown",
     (event) => {
@@ -7233,8 +6982,7 @@ const ModalBase = forwardRef(
     removeScrollProps,
     ...others
   }, ref) => {
-    const { _id, titleMounted, bodyMounted, shouldLockScroll, setTitleMounted, setBodyMounted } = useModal({ id, transitionProps, opened, trapFocus, closeOnEscape: closeOnEscape2,
-    onClose, returnFocus }), { key: removeScrollKey, ...otherRemoveScrollProps } = removeScrollProps || {};
+    const { _id, titleMounted, bodyMounted, shouldLockScroll, setTitleMounted, setBodyMounted } = useModal({ id, transitionProps, opened, trapFocus, closeOnEscape: closeOnEscape2, onClose, returnFocus }), { key: removeScrollKey, ...otherRemoveScrollProps } = removeScrollProps || {};
     return /* @__PURE__ */ jsx(OptionalPortal, { ...portalProps, withinPortal, children: /* @__PURE__ */ jsx(
       ModalBaseProvider,
       {
@@ -7429,8 +7177,7 @@ const [InputWrapperProvider, useInputWrapperContext] = createOptionalContext({
   inputId: void 0,
   labelId: void 0
 });
-var __default__$q = { wrapper: "m_6c018570", input: "m_8fb7ebe7", section: "m_82577fc2", placeholder: "m_88bacfd0", root: "m_46b77525", label: "m_8fdc\
-1311", required: "m_78a94662", error: "m_8f816625", description: "m_fe47ce59" };
+var __default__$q = { wrapper: "m_6c018570", input: "m_8fb7ebe7", section: "m_82577fc2", placeholder: "m_88bacfd0", root: "m_46b77525", label: "m_8fdc1311", required: "m_78a94662", error: "m_8f816625", description: "m_fe47ce59" };
 const defaultProps$18 = {}, varsResolver$t = (_, { size: size2 }) => ({
   description: {
     "--input-description-size": size2 === void 0 ? void 0 : `calc(${getFontSize(size2)} - ${rem(2)})`
@@ -7619,8 +7366,7 @@ const defaultProps$15 = {}, InputPlaceholder = factory((_props, ref) => {
 InputPlaceholder.classes = __default__$q;
 InputPlaceholder.displayName = "@mantine/core/InputPlaceholder";
 function getInputOffsets(inputWrapperOrder, { hasDescription, hasError }) {
-  const inputIndex = inputWrapperOrder.findIndex((part) => part === "input"), aboveInput = inputWrapperOrder.slice(0, inputIndex), belowInput = inputWrapperOrder.
-  slice(inputIndex + 1), offsetTop = hasDescription && aboveInput.includes("description") || hasError && aboveInput.includes("error");
+  const inputIndex = inputWrapperOrder.findIndex((part) => part === "input"), aboveInput = inputWrapperOrder.slice(0, inputIndex), belowInput = inputWrapperOrder.slice(inputIndex + 1), offsetTop = hasDescription && aboveInput.includes("description") || hasError && aboveInput.includes("error");
   return { offsetBottom: hasDescription && belowInput.includes("description") || hasError && belowInput.includes("error"), offsetTop };
 }
 const defaultProps$14 = {
@@ -7680,10 +7426,7 @@ const defaultProps$14 = {
     size: size2,
     variant,
     __staticSelector
-  }, idBase = useId$1(id), isRequired = typeof withAsterisk == "boolean" ? withAsterisk : required, errorId = errorProps?.id || `${idBase}-error`, descriptionId = descriptionProps?.
-  id || `${idBase}-description`, inputId = idBase, hasError = !!error && typeof error != "boolean", hasDescription = !!description, _describedBy = `${hasError ?
-  errorId : ""} ${hasDescription ? descriptionId : ""}`, describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : void 0, labelId = labelProps?.
-  id || `${idBase}-label`, _label = label && /* @__PURE__ */ jsx(
+  }, idBase = useId$1(id), isRequired = typeof withAsterisk == "boolean" ? withAsterisk : required, errorId = errorProps?.id || `${idBase}-error`, descriptionId = descriptionProps?.id || `${idBase}-description`, inputId = idBase, hasError = !!error && typeof error != "boolean", hasDescription = !!description, _describedBy = `${hasError ? errorId : ""} ${hasDescription ? descriptionId : ""}`, describedBy = _describedBy.trim().length > 0 ? _describedBy.trim() : void 0, labelId = labelProps?.id || `${idBase}-label`, _label = label && /* @__PURE__ */ jsx(
     InputLabel,
     {
       labelElement,
@@ -7808,8 +7551,7 @@ const defaultProps$13 = {
     mod,
     inputSize,
     ...others
-  } = props, { styleProps, rest } = extractStyleProps(others), ctx = useInputWrapperContext(), stylesCtx = { offsetBottom: ctx?.offsetBottom, offsetTop: ctx?.
-  offsetTop }, getStyles2 = useStyles({
+  } = props, { styleProps, rest } = extractStyleProps(others), ctx = useInputWrapperContext(), stylesCtx = { offsetBottom: ctx?.offsetBottom, offsetTop: ctx?.offsetTop }, getStyles2 = useStyles({
     name: ["Input", __staticSelector],
     props: __stylesApiProps || props,
     classes: __default__$q,
@@ -8070,18 +7812,15 @@ function useFloatingIndicator({
       width: targetRect.width,
       height: targetRect.height
     };
-    ref.current && (ref.current.style.transform = `translateY(${position.top}px) translateX(${position.left}px)`, ref.current.style.width = `${position.
-    width}px`, ref.current.style.height = `${position.height}px`);
+    ref.current && (ref.current.style.transform = `translateY(${position.top}px) translateX(${position.left}px)`, ref.current.style.width = `${position.width}px`, ref.current.style.height = `${position.height}px`);
   }, updatePositionWithoutAnimation = () => {
-    window.clearTimeout(transitionTimeout.current), ref.current && (ref.current.style.transitionDuration = "0ms"), updatePosition(), transitionTimeout.
-    current = window.setTimeout(() => {
+    window.clearTimeout(transitionTimeout.current), ref.current && (ref.current.style.transitionDuration = "0ms"), updatePosition(), transitionTimeout.current = window.setTimeout(() => {
       ref.current && (ref.current.style.transitionDuration = "");
     }, 30);
   }, targetResizeObserver = useRef(), parentResizeObserver = useRef();
   return useEffect(() => {
     if (updatePosition(), target)
-      return targetResizeObserver.current = new ResizeObserver(updatePositionWithoutAnimation), targetResizeObserver.current.observe(target), parent &&
-      (parentResizeObserver.current = new ResizeObserver(updatePositionWithoutAnimation), parentResizeObserver.current.observe(parent)), () => {
+      return targetResizeObserver.current = new ResizeObserver(updatePositionWithoutAnimation), targetResizeObserver.current.observe(target), parent && (parentResizeObserver.current = new ResizeObserver(updatePositionWithoutAnimation), parentResizeObserver.current.observe(parent)), () => {
         targetResizeObserver.current?.disconnect(), parentResizeObserver.current?.disconnect();
       };
   }, [parent, target]), useEffect(() => {
@@ -8149,8 +7888,7 @@ const defaultProps$10 = {}, varsResolver$o = (_theme, { transitionDuration }) =>
 });
 FloatingIndicator.displayName = "@mantine/core/FloatingIndicator";
 FloatingIndicator.classes = __default__$o;
-var __default__$n = { root: "m_66836ed3", wrapper: "m_a5d60502", body: "m_667c2793", title: "m_6a03f287", label: "m_698f4f23", icon: "m_667f2a6a", message: "\
-m_7fa78076", closeButton: "m_87f54839" };
+var __default__$n = { root: "m_66836ed3", wrapper: "m_a5d60502", body: "m_667c2793", title: "m_6a03f287", label: "m_698f4f23", icon: "m_667f2a6a", message: "m_7fa78076", closeButton: "m_87f54839" };
 const defaultProps$$ = {}, varsResolver$n = (theme, { radius, color, variant, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
@@ -8212,8 +7950,7 @@ const defaultProps$$ = {}, varsResolver$n = (theme, { radius, color, variant, au
       children: /* @__PURE__ */ jsxs("div", { ...getStyles2("wrapper"), children: [
         icon && /* @__PURE__ */ jsx("div", { ...getStyles2("icon"), children: icon }),
         /* @__PURE__ */ jsxs("div", { ...getStyles2("body"), children: [
-          title && /* @__PURE__ */ jsx("div", { ...getStyles2("title"), "data-with-close-button": withCloseButton || void 0, children: /* @__PURE__ */ jsx(
-          "span", { id: titleId, ...getStyles2("label"), children: title }) }),
+          title && /* @__PURE__ */ jsx("div", { ...getStyles2("title"), "data-with-close-button": withCloseButton || void 0, children: /* @__PURE__ */ jsx("span", { id: titleId, ...getStyles2("label"), children: title }) }),
           children && /* @__PURE__ */ jsx("div", { id: bodyId, ...getStyles2("message"), "data-variant": variant, children })
         ] }),
         withCloseButton && /* @__PURE__ */ jsx(
@@ -8330,8 +8067,7 @@ const defaultProps$Z = {
 Anchor.classes = __default__$l;
 Anchor.displayName = "@mantine/core/Anchor";
 function parseItem(item) {
-  return typeof item == "string" ? { value: item, label: item } : "value" in item && !("label" in item) ? { value: item.value, label: item.value, disabled: item.
-  disabled } : typeof item == "number" ? { value: item.toString(), label: item.toString() } : "group" in item ? {
+  return typeof item == "string" ? { value: item, label: item } : "value" in item && !("label" in item) ? { value: item.value, label: item.value, disabled: item.disabled } : typeof item == "number" ? { value: item.toString(), label: item.toString() } : "group" in item ? {
     group: item.group,
     items: item.items.map((i) => parseItem(i))
   } : item;
@@ -8342,9 +8078,7 @@ function getParsedComboboxData(data) {
 function getOptionsLockup(options) {
   return options.reduce((acc, item) => "group" in item ? { ...acc, ...getOptionsLockup(item.items) } : (acc[item.value] = item, acc), {});
 }
-var __default__$k = { dropdown: "m_88b62a41", options: "m_b2821a6e", option: "m_92253aa5", search: "m_985517d8", empty: "m_2530cd1d", header: "m_858f9\
-4bd", footer: "m_82b967cb", group: "m_254f3e4f", groupLabel: "m_2bb2e9e5", chevron: "m_2943220b", optionsDropdownOption: "m_390b5f4", optionsDropdownCheckIcon: "\
-m_8ee53fc2" };
+var __default__$k = { dropdown: "m_88b62a41", options: "m_b2821a6e", option: "m_92253aa5", search: "m_985517d8", empty: "m_2530cd1d", header: "m_858f94bd", footer: "m_82b967cb", group: "m_254f3e4f", groupLabel: "m_2bb2e9e5", chevron: "m_2943220b", optionsDropdownOption: "m_390b5f4", optionsDropdownCheckIcon: "m_8ee53fc2" };
 const defaultProps$Y = {
   error: null
 }, varsResolver$l = (_, { size: size2 }) => ({
@@ -8352,8 +8086,7 @@ const defaultProps$Y = {
     "--combobox-chevron-size": getSize(size2, "combobox-chevron-size")
   }
 }), ComboboxChevron = factory((_props, ref) => {
-  const props = useProps("ComboboxChevron", defaultProps$Y, _props), { size: size2, error, style, className, classNames, styles, unstyled, vars, mod, ...others } = props,
-  getStyles2 = useStyles({
+  const props = useProps("ComboboxChevron", defaultProps$Y, _props), { size: size2, error, style, className, classNames, styles, unstyled, vars, mod, ...others } = props, getStyles2 = useStyles({
     name: "ComboboxChevron",
     classes: __default__$k,
     props,
@@ -8381,11 +8114,7 @@ const defaultProps$Y = {
       children: /* @__PURE__ */ jsx(
         "path",
         {
-          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.0499\
-9 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.89\
-245 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",
+          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",
           fill: "currentColor",
           fillRule: "evenodd",
           clipRule: "evenodd"
@@ -8443,8 +8172,7 @@ const defaultProps$W = {
   const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$W, props);
   if (useComboboxContext(), !isElement$1(children))
     throw new Error(
-      "Combobox.DropdownTarget component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitiv\
-e values are not supported"
+      "Combobox.DropdownTarget component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
     );
   return /* @__PURE__ */ jsx(Popover.Target, { ref, refProp, children });
 });
@@ -8478,18 +8206,13 @@ function useComboboxTargetProps({
     if (onKeyDown?.(event), !ctx.readOnly && withKeyboardNavigation) {
       if (event.nativeEvent.isComposing)
         return;
-      if (event.nativeEvent.code === "ArrowDown" && (event.preventDefault(), ctx.store.dropdownOpened ? setSelectedOptionId(ctx.store.selectNextOption()) :
-      (ctx.store.openDropdown("keyboard"), setSelectedOptionId(ctx.store.selectActiveOption()))), event.nativeEvent.code === "ArrowUp" && (event.preventDefault(),
-      ctx.store.dropdownOpened ? setSelectedOptionId(ctx.store.selectPreviousOption()) : (ctx.store.openDropdown("keyboard"), setSelectedOptionId(ctx.
-      store.selectActiveOption()))), event.nativeEvent.code === "Enter" || event.nativeEvent.code === "NumpadEnter") {
+      if (event.nativeEvent.code === "ArrowDown" && (event.preventDefault(), ctx.store.dropdownOpened ? setSelectedOptionId(ctx.store.selectNextOption()) : (ctx.store.openDropdown("keyboard"), setSelectedOptionId(ctx.store.selectActiveOption()))), event.nativeEvent.code === "ArrowUp" && (event.preventDefault(), ctx.store.dropdownOpened ? setSelectedOptionId(ctx.store.selectPreviousOption()) : (ctx.store.openDropdown("keyboard"), setSelectedOptionId(ctx.store.selectActiveOption()))), event.nativeEvent.code === "Enter" || event.nativeEvent.code === "NumpadEnter") {
         if (event.nativeEvent.keyCode === 229)
           return;
         const selectedOptionIndex = ctx.store.getSelectedOptionIndex();
-        ctx.store.dropdownOpened && selectedOptionIndex !== -1 ? (event.preventDefault(), ctx.store.clickSelectedOption()) : targetType === "button" &&
-        (event.preventDefault(), ctx.store.openDropdown("keyboard"));
+        ctx.store.dropdownOpened && selectedOptionIndex !== -1 ? (event.preventDefault(), ctx.store.clickSelectedOption()) : targetType === "button" && (event.preventDefault(), ctx.store.openDropdown("keyboard"));
       }
-      event.nativeEvent.code === "Escape" && ctx.store.closeDropdown("keyboard"), event.nativeEvent.code === "Space" && targetType === "button" && (event.
-      preventDefault(), ctx.store.toggleDropdown("keyboard"));
+      event.nativeEvent.code === "Escape" && ctx.store.closeDropdown("keyboard"), event.nativeEvent.code === "Space" && targetType === "button" && (event.preventDefault(), ctx.store.toggleDropdown("keyboard"));
     }
   };
   return {
@@ -8525,8 +8248,7 @@ const defaultProps$U = {
   } = useProps("ComboboxEventsTarget", defaultProps$U, props);
   if (!isElement$1(children))
     throw new Error(
-      "Combobox.EventsTarget component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive \
-values are not supported"
+      "Combobox.EventsTarget component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
     );
   const ctx = useComboboxContext(), targetProps = useComboboxTargetProps({
     targetType,
@@ -8664,8 +8386,7 @@ const defaultProps$Q = {}, ComboboxOption = factory((_props, ref) => {
 ComboboxOption.classes = __default__$k;
 ComboboxOption.displayName = "@mantine/core/ComboboxOption";
 const defaultProps$P = {}, ComboboxOptions = factory((_props, ref) => {
-  const props = useProps("ComboboxOptions", defaultProps$P, _props), { classNames, className, style, styles, id, onMouseDown, labelledBy, ...others } = props,
-  ctx = useComboboxContext(), _id = useId$1(id);
+  const props = useProps("ComboboxOptions", defaultProps$P, _props), { classNames, className, style, styles, id, onMouseDown, labelledBy, ...others } = props, ctx = useComboboxContext(), _id = useId$1(id);
   return useEffect(() => {
     ctx.store.setListId(_id);
   }, [_id]), /* @__PURE__ */ jsx(
@@ -8742,8 +8463,7 @@ const defaultProps$N = {
   } = useProps("ComboboxTarget", defaultProps$N, props);
   if (!isElement$1(children))
     throw new Error(
-      "Combobox.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values\
- are not supported"
+      "Combobox.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
     );
   const ctx = useComboboxContext(), targetProps = useComboboxTargetProps({
     targetType,
@@ -8801,8 +8521,7 @@ function useCombobox({
     defaultValue: defaultOpened,
     finalValue: !1,
     onChange: onOpenedChange
-  }), listId = useRef(null), selectedOptionIndex = useRef(-1), searchRef = useRef(null), targetRef = useRef(null), focusSearchTimeout = useRef(-1), focusTargetTimeout = useRef(
-  -1), selectedIndexUpdateTimeout = useRef(-1), openDropdown = useCallback(
+  }), listId = useRef(null), selectedOptionIndex = useRef(-1), searchRef = useRef(null), targetRef = useRef(null), focusSearchTimeout = useRef(-1), focusTargetTimeout = useRef(-1), selectedIndexUpdateTimeout = useRef(-1), openDropdown = useCallback(
     (eventSource = "unknown") => {
       dropdownOpened || (setDropdownOpened(!0), onDropdownOpen?.(eventSource));
     },
@@ -8826,9 +8545,7 @@ function useCombobox({
       if (!items)
         return null;
       const nextIndex = index2 >= items.length ? 0 : index2 < 0 ? items.length - 1 : index2;
-      return selectedOptionIndex.current = nextIndex, items?.[nextIndex] && !items[nextIndex].hasAttribute("data-combobox-disabled") ? (clearSelectedItem(),
-      items[nextIndex].setAttribute("data-combobox-selected", "true"), items[nextIndex].setAttribute("aria-selected", "true"), items[nextIndex].scrollIntoView(
-      { block: "nearest", behavior: scrollBehavior }), items[nextIndex].id) : null;
+      return selectedOptionIndex.current = nextIndex, items?.[nextIndex] && !items[nextIndex].hasAttribute("data-combobox-disabled") ? (clearSelectedItem(), items[nextIndex].setAttribute("data-combobox-selected", "true"), items[nextIndex].setAttribute("aria-selected", "true"), items[nextIndex].scrollIntoView({ block: "nearest", behavior: scrollBehavior }), items[nextIndex].id) : null;
     },
     [scrollBehavior, clearSelectedItem]
   ), selectActiveOption = useCallback(() => {
@@ -8894,8 +8611,7 @@ function useCombobox({
   }, []), getSelectedOptionIndex = useCallback(() => selectedOptionIndex.current, []);
   return useEffect(
     () => () => {
-      window.clearTimeout(focusSearchTimeout.current), window.clearTimeout(focusTargetTimeout.current), window.clearTimeout(selectedIndexUpdateTimeout.
-      current);
+      window.clearTimeout(focusSearchTimeout.current), window.clearTimeout(focusTargetTimeout.current), window.clearTimeout(selectedIndexUpdateTimeout.current);
     },
     []
   ), {
@@ -9095,8 +8811,7 @@ function Option({
   renderOption
 }) {
   if (!isOptionsGroup(data)) {
-    const checked = isValueChecked(value, data.value), check = withCheckIcon && checked && /* @__PURE__ */ jsx(CheckIcon, { className: __default__$k.optionsDropdownCheckIcon }),
-    defaultContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    const checked = isValueChecked(value, data.value), check = withCheckIcon && checked && /* @__PURE__ */ jsx(CheckIcon, { className: __default__$k.optionsDropdownCheckIcon }), defaultContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
       checkIconPosition === "left" && check,
       /* @__PURE__ */ jsx("span", { children: data.label }),
       checkIconPosition === "right" && check
@@ -9166,8 +8881,7 @@ function OptionsDropdown({
     },
     isOptionsGroup(item) ? item.group : item.value
   ));
-  return /* @__PURE__ */ jsx(Combobox.Dropdown, { hidden: hidden2 || hiddenWhenEmpty && isEmpty, children: /* @__PURE__ */ jsxs(Combobox.Options, { labelledBy: labelId,
-  "aria-label": ariaLabel, children: [
+  return /* @__PURE__ */ jsx(Combobox.Dropdown, { hidden: hidden2 || hiddenWhenEmpty && isEmpty, children: /* @__PURE__ */ jsxs(Combobox.Options, { labelledBy: labelId, "aria-label": ariaLabel, children: [
     withScrollArea ? /* @__PURE__ */ jsx(
       ScrollArea.Autosize,
       {
@@ -9351,8 +9065,7 @@ const loaderTransition = {
       ],
       ...others,
       children: [
-        /* @__PURE__ */ jsx(Transition, { mounted: !!loading, transition: loaderTransition, duration: 150, children: (transitionStyles) => /* @__PURE__ */ jsx(
-        Box, { component: "span", ...getStyles2("loader", { style: transitionStyles }), "aria-hidden": !0, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Transition, { mounted: !!loading, transition: loaderTransition, duration: 150, children: (transitionStyles) => /* @__PURE__ */ jsx(Box, { component: "span", ...getStyles2("loader", { style: transitionStyles }), "aria-hidden": !0, children: /* @__PURE__ */ jsx(
           Loader,
           {
             color: "var(--button-color)",
@@ -9377,8 +9090,7 @@ const [CardProvider, useCardContext] = createSafeContext(
 );
 var __default__$h = { root: "m_e615b15f", section: "m_599a2148" };
 const defaultProps$I = {}, CardSection = polymorphicFactory((_props, ref) => {
-  const props = useProps("CardSection", defaultProps$I, _props), { classNames, className, style, styles, vars, withBorder, inheritPadding, mod, ...others } = props,
-  ctx = useCardContext();
+  const props = useProps("CardSection", defaultProps$I, _props), { classNames, className, style, styles, vars, withBorder, inheritPadding, mod, ...others } = props, ctx = useCardContext();
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -9396,8 +9108,7 @@ const defaultProps$H = {}, varsResolver$g = (_, { padding }) => ({
     "--card-padding": getSpacing(padding)
   }
 }), Card = polymorphicFactory((_props, ref) => {
-  const props = useProps("Card", defaultProps$H, _props), { classNames, className, style, styles, unstyled, vars, children, padding, ...others } = props,
-  getStyles2 = useStyles({
+  const props = useProps("Card", defaultProps$H, _props), { classNames, className, style, styles, unstyled, vars, children, padding, ...others } = props, getStyles2 = useStyles({
     name: "Card",
     props,
     classes: __default__$h,
@@ -9408,13 +9119,11 @@ const defaultProps$H = {}, varsResolver$g = (_, { padding }) => ({
     unstyled,
     vars,
     varsResolver: varsResolver$g
-  }), _children = Children.toArray(children), content = _children.map((child, index2) => typeof child == "object" && child && "type" in child && child.
-  type === CardSection ? cloneElement(child, {
+  }), _children = Children.toArray(children), content = _children.map((child, index2) => typeof child == "object" && child && "type" in child && child.type === CardSection ? cloneElement(child, {
     "data-first-section": index2 === 0 || void 0,
     "data-last-section": index2 === _children.length - 1 || void 0
   }) : child);
-  return /* @__PURE__ */ jsx(CardProvider, { value: { getStyles: getStyles2 }, children: /* @__PURE__ */ jsx(Paper, { ref, unstyled, ...getStyles2("ro\
-ot"), ...others, children: content }) });
+  return /* @__PURE__ */ jsx(CardProvider, { value: { getStyles: getStyles2 }, children: /* @__PURE__ */ jsx(Paper, { ref, unstyled, ...getStyles2("root"), ...others, children: content }) });
 });
 Card.classes = __default__$h;
 Card.displayName = "@mantine/core/Card";
@@ -9464,8 +9173,7 @@ const defaultProps$G = {}, varsResolver$f = (theme, { color }) => ({
 });
 Code.classes = __default__$g;
 Code.displayName = "@mantine/core/Code";
-var __default__$f = { root: "m_de3d2490", colorOverlay: "m_862f3d1b", shadowOverlay: "m_98ae7f22", alphaOverlay: "m_95709ac0", childrenOverlay: "m_93e\
-74e3" };
+var __default__$f = { root: "m_de3d2490", colorOverlay: "m_862f3d1b", shadowOverlay: "m_98ae7f22", alphaOverlay: "m_95709ac0", childrenOverlay: "m_93e74e3" };
 const defaultProps$F = {
   withShadow: !0
 }, varsResolver$e = (_, { radius, size: size2 }) => ({
@@ -9525,8 +9233,7 @@ const defaultProps$E = {}, varsResolver$d = (_, { size: size2, fluid }) => ({
     "--container-size": fluid ? void 0 : getSize(size2, "container-size")
   }
 }), Container = factory((_props, ref) => {
-  const props = useProps("Container", defaultProps$E, _props), { classNames, className, style, styles, unstyled, vars, fluid, mod, ...others } = props,
-  getStyles2 = useStyles({
+  const props = useProps("Container", defaultProps$E, _props), { classNames, className, style, styles, unstyled, vars, fluid, mod, ...others } = props, getStyles2 = useStyles({
     name: "Container",
     classes: __default__$e,
     props,
@@ -9630,8 +9337,7 @@ const defaultProps$A = {}, DrawerCloseButton = factory((_props, ref) => {
 DrawerCloseButton.classes = __default__$c;
 DrawerCloseButton.displayName = "@mantine/core/DrawerCloseButton";
 const defaultProps$z = {}, DrawerContent = factory((_props, ref) => {
-  const props = useProps("DrawerContent", defaultProps$z, _props), { classNames, className, style, styles, vars, children, radius, ...others } = props,
-  ctx = useDrawerContext(), Scroll = ctx.scrollAreaComponent || NativeScrollArea;
+  const props = useProps("DrawerContent", defaultProps$z, _props), { classNames, className, style, styles, vars, children, radius, ...others } = props, ctx = useDrawerContext(), Scroll = ctx.scrollAreaComponent || NativeScrollArea;
   return /* @__PURE__ */ jsx(
     ModalBaseContent,
     {
@@ -9825,8 +9531,7 @@ function HoverCardDropdown(props) {
     "HoverCardDropdown",
     defaultProps$t,
     props
-  ), ctx = useHoverCardContext(), handleMouseEnter = createEventHandler(onMouseEnter, ctx.openDropdown), handleMouseLeave = createEventHandler(onMouseLeave,
-  ctx.closeDropdown);
+  ), ctx = useHoverCardContext(), handleMouseEnter = createEventHandler(onMouseEnter, ctx.openDropdown), handleMouseLeave = createEventHandler(onMouseLeave, ctx.closeDropdown);
   return /* @__PURE__ */ jsx(Popover.Dropdown, { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...others, children });
 }
 HoverCardDropdown.displayName = "@mantine/core/HoverCardDropdown";
@@ -9840,11 +9545,9 @@ const defaultProps$s = {
   );
   if (!isElement$1(children))
     throw new Error(
-      "HoverCard.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive value\
-s are not supported"
+      "HoverCard.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
     );
-  const ctx = useHoverCardContext(), onMouseEnter = createEventHandler(children.props.onMouseEnter, ctx.openDropdown), onMouseLeave = createEventHandler(
-  children.props.onMouseLeave, ctx.closeDropdown), eventListeners = { onMouseEnter, onMouseLeave };
+  const ctx = useHoverCardContext(), onMouseEnter = createEventHandler(children.props.onMouseEnter, ctx.openDropdown), onMouseLeave = createEventHandler(children.props.onMouseLeave, ctx.closeDropdown), eventListeners = { onMouseEnter, onMouseLeave };
   return /* @__PURE__ */ jsx(Popover.Target, { refProp, ref, ...others, children: cloneElement(
     children,
     eventPropsWrapperName ? { [eventPropsWrapperName]: eventListeners } : eventListeners
@@ -9861,10 +9564,8 @@ function HoverCard(props) {
     "HoverCard",
     defaultProps$r,
     props
-  ), [opened, { open, close }] = useDisclosure(initiallyOpened, { onClose, onOpen }), { openDropdown, closeDropdown } = useDelayedHover({ open, close,
-  openDelay, closeDelay });
-  return /* @__PURE__ */ jsx(HoverCardContextProvider, { value: { openDropdown, closeDropdown }, children: /* @__PURE__ */ jsx(Popover, { ...others, opened,
-  __staticSelector: "HoverCard", children }) });
+  ), [opened, { open, close }] = useDisclosure(initiallyOpened, { onClose, onOpen }), { openDropdown, closeDropdown } = useDelayedHover({ open, close, openDelay, closeDelay });
+  return /* @__PURE__ */ jsx(HoverCardContextProvider, { value: { openDropdown, closeDropdown }, children: /* @__PURE__ */ jsx(Popover, { ...others, opened, __staticSelector: "HoverCard", children }) });
 }
 HoverCard.displayName = "@mantine/core/HoverCard";
 HoverCard.Target = HoverCardTarget;
@@ -9873,8 +9574,7 @@ HoverCard.extend = (input) => input;
 const [MenuContextProvider, useMenuContext] = createSafeContext(
   "Menu component was not found in the tree"
 );
-var __default__$b = { dropdown: "m_dc9b7c9f", label: "m_9bfac126", divider: "m_efdf90cb", item: "m_99ac2aa1", itemLabel: "m_5476e0d3", itemSection: "m\
-_8b75e504" };
+var __default__$b = { dropdown: "m_dc9b7c9f", label: "m_9bfac126", divider: "m_efdf90cb", item: "m_99ac2aa1", itemLabel: "m_5476e0d3", itemSection: "m_8b75e504" };
 const defaultProps$q = {}, MenuDivider = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "MenuDivider",
@@ -9904,8 +9604,7 @@ const defaultProps$p = {}, MenuDropdown = factory((props, ref) => {
     children,
     ...others
   } = useProps("MenuDropdown", defaultProps$p, props), wrapperRef = useRef(null), ctx = useMenuContext(), handleKeyDown = (event) => {
-    (event.key === "ArrowUp" || event.key === "ArrowDown") && (event.preventDefault(), wrapperRef.current?.querySelectorAll("[data-menu-item]:not(:dis\
-abled)")[0]?.focus());
+    (event.key === "ArrowUp" || event.key === "ArrowDown") && (event.preventDefault(), wrapperRef.current?.querySelectorAll("[data-menu-item]:not(:disabled)")[0]?.focus());
   }, handleMouseEnter = createEventHandler(
     onMouseEnter,
     () => (ctx.trigger === "hover" || ctx.trigger === "click-hover") && ctx.openDropdown()
@@ -9955,8 +9654,7 @@ const defaultProps$o = {}, MenuItem = polymorphicFactory((props, ref) => {
     children,
     disabled,
     ...others
-  } = useProps("MenuItem", defaultProps$o, props), ctx = useMenuContext(), theme = useMantineTheme(), { dir } = useDirection(), itemRef = useRef(), itemIndex = ctx.
-  getItemIndex(itemRef.current), _others = others, handleMouseLeave = createEventHandler(_others.onMouseLeave, () => ctx.setHovered(-1)), handleMouseEnter = createEventHandler(
+  } = useProps("MenuItem", defaultProps$o, props), ctx = useMenuContext(), theme = useMantineTheme(), { dir } = useDirection(), itemRef = useRef(), itemIndex = ctx.getItemIndex(itemRef.current), _others = others, handleMouseLeave = createEventHandler(_others.onMouseLeave, () => ctx.setHovered(-1)), handleMouseEnter = createEventHandler(
     _others.onMouseEnter,
     () => ctx.setHovered(ctx.getItemIndex(itemRef.current))
   ), handleClick = createEventHandler(_others.onClick, () => {
@@ -9964,8 +9662,7 @@ const defaultProps$o = {}, MenuItem = polymorphicFactory((props, ref) => {
   }), handleFocus = createEventHandler(
     _others.onFocus,
     () => ctx.setHovered(ctx.getItemIndex(itemRef.current))
-  ), colors = color ? theme.variantColorResolver({ color, theme, variant: "light" }) : void 0, parsedThemeColor = color ? parseThemeColor({ color, theme }) :
-  null;
+  ), colors = color ? theme.variantColorResolver({ color, theme, variant: "light" }) : void 0, parsedThemeColor = color ? parseThemeColor({ color, theme }) : null;
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
     {
@@ -9993,8 +9690,7 @@ const defaultProps$o = {}, MenuItem = polymorphicFactory((props, ref) => {
         onKeyDown: _others.onKeydown
       }),
       __vars: {
-        "--menu-item-color": parsedThemeColor?.isThemeColor && parsedThemeColor?.shade === void 0 ? `var(--mantine-color-${parsedThemeColor.color}-6)` :
-        colors?.color,
+        "--menu-item-color": parsedThemeColor?.isThemeColor && parsedThemeColor?.shade === void 0 ? `var(--mantine-color-${parsedThemeColor.color}-6)` : colors?.color,
         "--menu-item-hover": colors?.hover
       },
       children: [
@@ -10030,8 +9726,7 @@ const defaultProps$m = {
   const { children, refProp, ...others } = useProps("MenuTarget", defaultProps$m, props);
   if (!isElement$1(children))
     throw new Error(
-      "Menu.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are\
- not supported"
+      "Menu.Target component children should be an element or a component that accepts ref. Fragments, strings, numbers and other primitive values are not supported"
     );
   const ctx = useMenuContext(), onClick = createEventHandler(children.props.onClick, () => {
     ctx.trigger === "click" ? ctx.toggleDropdown() : ctx.trigger === "click-hover" && (ctx.setOpenedViaClick(!0), ctx.opened || ctx.openDropdown());
@@ -10100,8 +9795,7 @@ function Menu(_props) {
     setOpened(!0), !_opened && onOpen?.();
   }, toggleDropdown = () => {
     _opened ? close() : open();
-  }, { openDropdown, closeDropdown } = useDelayedHover({ open, close, closeDelay, openDelay }), getItemIndex = (node) => getContextItemIndex("[data-me\
-nu-item]", "[data-menu-dropdown]", node), { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
+  }, { openDropdown, closeDropdown } = useDelayedHover({ open, close, closeDelay, openDelay }), getItemIndex = (node) => getContextItemIndex("[data-menu-item]", "[data-menu-dropdown]", node), { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
     classNames,
     styles,
     props
@@ -10176,8 +9870,7 @@ const defaultProps$k = {}, ModalBody = factory((_props, ref) => {
 ModalBody.classes = __default__$a;
 ModalBody.displayName = "@mantine/core/ModalBody";
 const defaultProps$j = {}, ModalContent = factory((_props, ref) => {
-  const props = useProps("ModalContent", defaultProps$j, _props), { classNames, className, style, styles, vars, children, ...others } = props, ctx = useModalContext(),
-  Scroll = ctx.scrollAreaComponent || NativeScrollArea;
+  const props = useProps("ModalContent", defaultProps$j, _props), { classNames, className, style, styles, vars, children, ...others } = props, ctx = useModalContext(), Scroll = ctx.scrollAreaComponent || NativeScrollArea;
   return /* @__PURE__ */ jsx(
     ModalBaseContent,
     {
@@ -10296,8 +9989,7 @@ function useFloatingTooltip({
         rootBoundary: "document"
       })
     ]
-  }), horizontalOffset = placement.includes("right") ? offset2 : position.includes("left") ? offset2 * -1 : 0, verticalOffset = placement.includes("bo\
-ttom") ? offset2 : position.includes("top") ? offset2 * -1 : 0, handleMouseMove = useCallback(
+  }), horizontalOffset = placement.includes("right") ? offset2 : position.includes("left") ? offset2 * -1 : 0, verticalOffset = placement.includes("bottom") ? offset2 : position.includes("top") ? offset2 * -1 : 0, handleMouseMove = useCallback(
     ({ clientX, clientY }) => {
       refs.setPositionReference({
         getBoundingClientRect() {
@@ -10329,8 +10021,7 @@ ttom") ? offset2 : position.includes("top") ? offset2 * -1 : 0, handleMouseMove
         });
       };
     }
-  }, [elements.reference, refs.floating.current, update, handleMouseMove, opened]), { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating: refs.
-  setFloating };
+  }, [elements.reference, refs.floating.current, update, handleMouseMove, opened]), { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating: refs.setFloating };
 }
 var __default__$9 = { tooltip: "m_1b3c8819", arrow: "m_f898399f" };
 const defaultProps$g = {
@@ -10388,8 +10079,7 @@ const defaultProps$g = {
   });
   if (!isElement$1(children))
     throw new Error(
-      "[@mantine/core] Tooltip.Floating component children should be an element or a component that accepts ref, fragments, strings, numbers and other\
- primitive values are not supported"
+      "[@mantine/core] Tooltip.Floating component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"
     );
   const targetRef = useMergedRef(boundaryRef, children.ref, ref), onMouseEnter = (event) => {
     children.props.onMouseEnter?.(event), handleMouseMove(event), setOpened(!0);
@@ -10426,21 +10116,17 @@ const defaultProps$g = {
 });
 TooltipFloating.classes = __default__$9;
 TooltipFloating.displayName = "@mantine/core/TooltipFloating";
-const TooltipGroupContext = createContext(!1), TooltipGroupProvider = TooltipGroupContext.Provider, useTooltipGroupContext = () => useContext(TooltipGroupContext),
-defaultProps$f = {
+const TooltipGroupContext = createContext(!1), TooltipGroupProvider = TooltipGroupContext.Provider, useTooltipGroupContext = () => useContext(TooltipGroupContext), defaultProps$f = {
   openDelay: 0,
   closeDelay: 0
 };
 function TooltipGroup(props) {
   const { openDelay, closeDelay, children } = useProps("TooltipGroup", defaultProps$f, props);
-  return /* @__PURE__ */ jsx(TooltipGroupProvider, { value: !0, children: /* @__PURE__ */ jsx(FloatingDelayGroup, { delay: { open: openDelay, close: closeDelay },
-  children }) });
+  return /* @__PURE__ */ jsx(TooltipGroupProvider, { value: !0, children: /* @__PURE__ */ jsx(FloatingDelayGroup, { delay: { open: openDelay, close: closeDelay }, children }) });
 }
 TooltipGroup.displayName = "@mantine/core/TooltipGroup";
 function useTooltip(settings) {
-  const [uncontrolledOpened, setUncontrolledOpened] = useState(settings.defaultOpened), opened = typeof settings.opened == "boolean" ? settings.opened :
-  uncontrolledOpened, withinGroup = useTooltipGroupContext(), uid = useId$1(), { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext(),
-  onChange = useCallback(
+  const [uncontrolledOpened, setUncontrolledOpened] = useState(settings.defaultOpened), opened = typeof settings.opened == "boolean" ? settings.opened : uncontrolledOpened, withinGroup = useTooltipGroupContext(), uid = useId$1(), { delay: groupDelay, currentId, setCurrentId } = useDelayGroupContext(), onChange = useCallback(
     (_opened) => {
       setUncontrolledOpened(_opened), _opened && setCurrentId(uid);
     },
@@ -10592,11 +10278,9 @@ const defaultProps$e = {
   });
   if (!isElement$1(children))
     throw new Error(
-      "[@mantine/core] Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitiv\
-e values are not supported"
+      "[@mantine/core] Tooltip component children should be an element or a component that accepts ref, fragments, strings, numbers and other primitive values are not supported"
     );
-  const targetRef = useMergedRef(tooltip.reference, children.ref, ref), transition = getTransitionProps(transitionProps, { duration: 100, transition: "\
-fade" });
+  const targetRef = useMergedRef(tooltip.reference, children.ref, ref), transition = getTransitionProps(transitionProps, { duration: 100, transition: "fade" });
   return /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(OptionalPortal, { ...portalProps, withinPortal, children: /* @__PURE__ */ jsx(
       Transition,
@@ -10665,8 +10349,7 @@ Tooltip.classes = __default__$9;
 Tooltip.displayName = "@mantine/core/Tooltip";
 Tooltip.Floating = TooltipFloating;
 Tooltip.Group = TooltipGroup;
-var __default__$8 = { root: "m_cf365364", indicator: "m_9e182ccd", label: "m_1738fcb2", input: "m_1714d588", control: "m_69686b9b", innerLabel: "m_788\
-82f40" };
+var __default__$8 = { root: "m_cf365364", indicator: "m_9e182ccd", label: "m_1738fcb2", input: "m_1714d588", control: "m_69686b9b", innerLabel: "m_78882f40" };
 const defaultProps$d = {
   withItemsBorders: !0
 }, varsResolver$7 = (theme, { radius, color, transitionDuration, size: size2, transitionTimingFunction }) => ({
@@ -10858,14 +10541,12 @@ const defaultProps$c = {
     autoComplete,
     scrollAreaProps,
     ...others
-  } = props, parsedData = useMemo(() => getParsedComboboxData(data), [data]), optionsLockup = useMemo(() => getOptionsLockup(parsedData), [parsedData]),
-  _id = useId$1(id), [_value, setValue, controlled] = useUncontrolled({
+  } = props, parsedData = useMemo(() => getParsedComboboxData(data), [data]), optionsLockup = useMemo(() => getOptionsLockup(parsedData), [parsedData]), _id = useId$1(id), [_value, setValue, controlled] = useUncontrolled({
     value,
     defaultValue,
     finalValue: null,
     onChange
-  }), selectedOption = typeof _value == "string" ? optionsLockup[_value] : void 0, previousSelectedOption = usePrevious(selectedOption), [search, setSearch] = useUncontrolled(
-  {
+  }), selectedOption = typeof _value == "string" ? optionsLockup[_value] : void 0, previousSelectedOption = usePrevious(selectedOption), [search, setSearch] = useUncontrolled({
     value: searchValue,
     defaultValue: defaultSearchValue,
     finalValue: selectedOption ? selectedOption.label : "",
@@ -10887,8 +10568,7 @@ const defaultProps$c = {
   useEffect(() => {
     selectFirstOptionOnChange && combobox.selectFirstOption();
   }, [selectFirstOptionOnChange, _value]), useEffect(() => {
-    value === null && setSearch(""), typeof value == "string" && selectedOption && (previousSelectedOption?.value !== selectedOption.value || previousSelectedOption?.
-    label !== selectedOption.label) && setSearch(selectedOption.label);
+    value === null && setSearch(""), typeof value == "string" && selectedOption && (previousSelectedOption?.value !== selectedOption.value || previousSelectedOption?.label !== selectedOption.label) && setSearch(selectedOption.label);
   }, [value, selectedOption]);
   const clearButton = clearable && !!_value && !disabled && !readOnly && /* @__PURE__ */ jsx(
     Combobox.ClearButton,
@@ -10912,10 +10592,8 @@ const defaultProps$c = {
         readOnly,
         onOptionSubmit: (val) => {
           onOptionSubmit?.(val);
-          const optionLockup = allowDeselect && optionsLockup[val].value === _value ? null : optionsLockup[val], nextValue = optionLockup ? optionLockup.
-          value : null;
-          nextValue !== _value && setValue(nextValue, optionLockup), !controlled && setSearch(typeof nextValue == "string" && optionLockup?.label || ""),
-          combobox.closeDropdown();
+          const optionLockup = allowDeselect && optionsLockup[val].value === _value ? null : optionsLockup[val], nextValue = optionLockup ? optionLockup.value : null;
+          nextValue !== _value && setValue(nextValue, optionLockup), !controlled && setSearch(typeof nextValue == "string" && optionLockup?.label || ""), combobox.closeDropdown();
         },
         size: size2,
         ...comboboxProps,
@@ -11003,10 +10681,7 @@ function SimpleGridMediaVariables({
     "--sg-spacing-y": getSpacing(getBaseValue$1(_verticalSpacing)),
     "--sg-cols": getBaseValue$1(cols)?.toString()
   }), queries = keys(theme.breakpoints).reduce(
-    (acc, breakpoint) => (acc[breakpoint] || (acc[breakpoint] = {}), typeof spacing == "object" && spacing[breakpoint] !== void 0 && (acc[breakpoint]["\
---sg-spacing-x"] = getSpacing(spacing[breakpoint])), typeof _verticalSpacing == "object" && _verticalSpacing[breakpoint] !== void 0 && (acc[breakpoint]["\
---sg-spacing-y"] = getSpacing(_verticalSpacing[breakpoint])), typeof cols == "object" && cols[breakpoint] !== void 0 && (acc[breakpoint]["--sg-cols"] =
-    cols[breakpoint]), acc),
+    (acc, breakpoint) => (acc[breakpoint] || (acc[breakpoint] = {}), typeof spacing == "object" && spacing[breakpoint] !== void 0 && (acc[breakpoint]["--sg-spacing-x"] = getSpacing(spacing[breakpoint])), typeof _verticalSpacing == "object" && _verticalSpacing[breakpoint] !== void 0 && (acc[breakpoint]["--sg-spacing-y"] = getSpacing(_verticalSpacing[breakpoint])), typeof cols == "object" && cols[breakpoint] !== void 0 && (acc[breakpoint]["--sg-cols"] = cols[breakpoint]), acc),
     {}
   ), media = getSortedBreakpoints(keys(queries), theme).filter(
     (breakpoint) => keys(queries[breakpoint.value]).length > 0
@@ -11047,10 +10722,7 @@ function SimpleGridContainerVariables({
     "--sg-spacing-y": getSpacing(getBaseValue$1(_verticalSpacing)),
     "--sg-cols": getBaseValue$1(cols)?.toString()
   }), uniqueBreakpoints = getUniqueBreakpoints({ spacing, verticalSpacing, cols }), queries = uniqueBreakpoints.reduce(
-    (acc, breakpoint) => (acc[breakpoint] || (acc[breakpoint] = {}), typeof spacing == "object" && spacing[breakpoint] !== void 0 && (acc[breakpoint]["\
---sg-spacing-x"] = getSpacing(spacing[breakpoint])), typeof _verticalSpacing == "object" && _verticalSpacing[breakpoint] !== void 0 && (acc[breakpoint]["\
---sg-spacing-y"] = getSpacing(_verticalSpacing[breakpoint])), typeof cols == "object" && cols[breakpoint] !== void 0 && (acc[breakpoint]["--sg-cols"] =
-    cols[breakpoint]), acc),
+    (acc, breakpoint) => (acc[breakpoint] || (acc[breakpoint] = {}), typeof spacing == "object" && spacing[breakpoint] !== void 0 && (acc[breakpoint]["--sg-spacing-x"] = getSpacing(spacing[breakpoint])), typeof _verticalSpacing == "object" && _verticalSpacing[breakpoint] !== void 0 && (acc[breakpoint]["--sg-spacing-y"] = getSpacing(_verticalSpacing[breakpoint])), typeof cols == "object" && cols[breakpoint] !== void 0 && (acc[breakpoint]["--sg-cols"] = cols[breakpoint]), acc),
     {}
   ), media = uniqueBreakpoints.map((breakpoint) => ({
     query: `simple-grid (min-width: ${breakpoint})`,
@@ -11089,8 +10761,7 @@ const defaultProps$b = {
   }), responsiveClassName = useRandomClassName();
   return type === "container" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(SimpleGridContainerVariables, { ...props, selector: `.${responsiveClassName}` }),
-    /* @__PURE__ */ jsx("div", { ...getStyles2("container"), children: /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("root", { className: responsiveClassName }),
-    ...others }) })
+    /* @__PURE__ */ jsx("div", { ...getStyles2("container"), children: /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("root", { className: responsiveClassName }), ...others }) })
   ] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
     /* @__PURE__ */ jsx(SimpleGridMediaVariables, { ...props, selector: `.${responsiveClassName}` }),
     /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("root", { className: responsiveClassName }), ...others })
@@ -11137,8 +10808,7 @@ const Thumb = forwardRef(
     children = null,
     disabled
   }, ref) => {
-    const { getStyles: getStyles2 } = useSliderContext(), [focused, setFocused] = useState(!1), isVisible = labelAlwaysOn || dragging || focused || showLabelOnHover &&
-    isHovered;
+    const { getStyles: getStyles2 } = useSliderContext(), [focused, setFocused] = useState(!1), isVisible = labelAlwaysOn || dragging || focused || showLabelOnHover && isHovered;
     return /* @__PURE__ */ jsxs(
       Box,
       {
@@ -11185,8 +10855,7 @@ function getPosition({ value, min: min2, max: max2 }) {
   return Math.min(Math.max(position, 0), 100);
 }
 function isMarkFilled({ mark, offset: offset2, value, inverted = !1 }) {
-  return inverted ? typeof offset2 == "number" && mark.value <= offset2 || mark.value >= value : typeof offset2 == "number" ? mark.value >= offset2 &&
-  mark.value <= value : mark.value <= value;
+  return inverted ? typeof offset2 == "number" && mark.value <= offset2 || mark.value >= value : typeof offset2 == "number" ? mark.value >= offset2 && mark.value <= value : mark.value <= value;
 }
 function Marks({ marks, min: min2, max: max2, disabled, value, offset: offset2, inverted }) {
   const { getStyles: getStyles2 } = useSliderContext();
@@ -11222,8 +10891,7 @@ function Track({
   ...others
 }) {
   const { getStyles: getStyles2 } = useSliderContext();
-  return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Box, { ...getStyles2("trackContainer"), mod: { disabled }, ...containerProps,
-  children: /* @__PURE__ */ jsxs(Box, { ...getStyles2("track"), mod: { inverted, disabled }, children: [
+  return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Box, { ...getStyles2("trackContainer"), mod: { disabled }, ...containerProps, children: /* @__PURE__ */ jsxs(Box, { ...getStyles2("track"), mod: { inverted, disabled }, children: [
     /* @__PURE__ */ jsx(
       Box,
       {
@@ -11248,8 +10916,7 @@ function getChangeValue({
   step,
   precision
 }) {
-  const dx = (containerWidth ? Math.min(Math.max(value, 0), containerWidth) / containerWidth : value) * (max2 - min2), nextValue = (dx !== 0 ? Math.round(
-  dx / step) * step : 0) + min2, nextValueWithinStep = Math.max(nextValue, min2);
+  const dx = (containerWidth ? Math.min(Math.max(value, 0), containerWidth) / containerWidth : value) * (max2 - min2), nextValue = (dx !== 0 ? Math.round(dx / step) * step : 0) + min2, nextValueWithinStep = Math.max(nextValue, min2);
   return precision !== void 0 ? Number(nextValueWithinStep.toFixed(precision)) : nextValueWithinStep;
 }
 function getFloatingValue(value, precision) {
@@ -11261,8 +10928,7 @@ function getPrecision(step) {
   const split = step.toString().split(".");
   return split.length > 1 ? split[1].length : 0;
 }
-var __default__$6 = { root: "m_dd36362e", label: "m_c9357328", thumb: "m_c9a9a60a", trackContainer: "m_a8645c2", track: "m_c9ade57f", bar: "m_38aeed47",
-markWrapper: "m_b7b0423a", mark: "m_dd33bc19", markLabel: "m_68c77a5b" };
+var __default__$6 = { root: "m_dd36362e", label: "m_c9357328", thumb: "m_c9a9a60a", trackContainer: "m_a8645c2", track: "m_c9ade57f", bar: "m_38aeed47", markWrapper: "m_b7b0423a", mark: "m_dd33bc19", markLabel: "m_68c77a5b" };
 const defaultProps$a = {
   radius: "xl",
   min: 0,
@@ -11329,8 +10995,7 @@ const defaultProps$a = {
     defaultValue: typeof defaultValue == "number" ? clamp$2(defaultValue, min2, max2) : defaultValue,
     finalValue: clamp$2(0, min2, max2),
     onChange
-  }), valueRef = useRef(_value), root = useRef(), thumb = useRef(), position = getPosition({ value: _value, min: min2, max: max2 }), scaledValue = scale(
-  _value), _label = typeof label == "function" ? label(scaledValue) : label, precision = _precision ?? getPrecision(step), handleChange = useCallback(
+  }), valueRef = useRef(_value), root = useRef(), thumb = useRef(), position = getPosition({ value: _value, min: min2, max: max2 }), scaledValue = scale(_value), _label = typeof label == "function" ? label(scaledValue) : label, precision = _precision ?? getPrecision(step), handleChange = useCallback(
     ({ x }) => {
       if (!disabled) {
         const nextValue = getChangeValue({
@@ -11499,8 +11164,7 @@ const defaultProps$8 = {
     defaultValue: initialState,
     finalValue: !1,
     onChange: onExpandedChange
-  }), { ref: contentRef, height } = useElementSize(), spoilerMoreContent = show ? hideLabel : showLabel, spoiler = spoilerMoreContent !== null && maxHeight <
-  height;
+  }), { ref: contentRef, height } = useElementSize(), spoilerMoreContent = show ? hideLabel : showLabel, spoiler = spoilerMoreContent !== null && maxHeight < height;
   return /* @__PURE__ */ jsxs(
     Box,
     {
@@ -11584,11 +11248,9 @@ Stack.displayName = "@mantine/core/Stack";
 const [TabsProvider, useTabsContext] = createSafeContext(
   "Tabs component was not found in the tree"
 );
-var __default__$3 = { root: "m_89d60db1", "list--default": "m_576c9d4", list: "m_89d33d6d", panel: "m_b0c91715", tab: "m_4ec4dce6", tabSection: "m_fc4\
-20b1f", "tab--default": "m_539e827b", "list--outline": "m_6772fbd5", "tab--outline": "m_b59ab47c", "tab--pills": "m_c3381914" };
+var __default__$3 = { root: "m_89d60db1", "list--default": "m_576c9d4", list: "m_89d33d6d", panel: "m_b0c91715", tab: "m_4ec4dce6", tabSection: "m_fc420b1f", "tab--default": "m_539e827b", "list--outline": "m_6772fbd5", "tab--outline": "m_b59ab47c", "tab--pills": "m_c3381914" };
 const defaultProps$6 = {}, TabsList = factory((_props, ref) => {
-  const props = useProps("TabsList", defaultProps$6, _props), { children, className, grow, justify, classNames, styles, style, mod, ...others } = props,
-  ctx = useTabsContext();
+  const props = useProps("TabsList", defaultProps$6, _props), { children, className, grow, justify, classNames, styles, style, mod, ...others } = props, ctx = useTabsContext();
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -11622,8 +11284,7 @@ const defaultProps$6 = {}, TabsList = factory((_props, ref) => {
 TabsList.classes = __default__$3;
 TabsList.displayName = "@mantine/core/TabsList";
 const defaultProps$5 = {}, TabsPanel = factory((_props, ref) => {
-  const props = useProps("TabsPanel", defaultProps$5, _props), { children, className, value, classNames, styles, style, mod, ...others } = props, ctx = useTabsContext(),
-  active = ctx.value === value, content = ctx.keepMounted || props.keepMounted || active ? children : null;
+  const props = useProps("TabsPanel", defaultProps$5, _props), { children, className, value, classNames, styles, style, mod, ...others } = props, ctx = useTabsContext(), active = ctx.value === value, content = ctx.keepMounted || props.keepMounted || active ? children : null;
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -11838,8 +11499,7 @@ const defaultProps$2 = {}, varsResolver$2 = (theme, { size: size2, radius, varia
     }
   };
 }, ThemeIcon = factory((_props, ref) => {
-  const props = useProps("ThemeIcon", defaultProps$2, _props), { classNames, className, style, styles, unstyled, vars, autoContrast, ...others } = props,
-  getStyles2 = useStyles({
+  const props = useProps("ThemeIcon", defaultProps$2, _props), { classNames, className, style, styles, unstyled, vars, autoContrast, ...others } = props, getStyles2 = useStyles({
     name: "ThemeIcon",
     classes: __default__$2,
     props,
@@ -11927,8 +11587,7 @@ Title.displayName = "@mantine/core/Title";
 function getValuesRange(anchor, value, flatValues) {
   if (!anchor || !value)
     return [];
-  const anchorIndex = flatValues.indexOf(anchor), valueIndex = flatValues.indexOf(value), start = Math.min(anchorIndex, valueIndex), end = Math.max(anchorIndex,
-  valueIndex);
+  const anchorIndex = flatValues.indexOf(anchor), valueIndex = flatValues.indexOf(value), start = Math.min(anchorIndex, valueIndex), end = Math.max(anchorIndex, valueIndex);
   return flatValues.slice(start, end + 1);
 }
 function TreeNode({
@@ -11963,10 +11622,7 @@ function TreeNode({
     },
     child.value
   )), handleKeyDown = (event) => {
-    if (event.nativeEvent.code === "ArrowRight" && (event.stopPropagation(), event.preventDefault(), controller.expandedState[node.value] ? event.currentTarget.
-    querySelector("[role=treeitem]")?.focus() : controller.expand(node.value)), event.nativeEvent.code === "ArrowLeft" && (event.stopPropagation(), event.
-    preventDefault(), controller.expandedState[node.value] && (node.children || []).length > 0 ? controller.collapse(node.value) : isSubtree && findElementAncestor(
-    event.currentTarget, "[role=treeitem]")?.focus()), event.nativeEvent.code === "ArrowDown" || event.nativeEvent.code === "ArrowUp") {
+    if (event.nativeEvent.code === "ArrowRight" && (event.stopPropagation(), event.preventDefault(), controller.expandedState[node.value] ? event.currentTarget.querySelector("[role=treeitem]")?.focus() : controller.expand(node.value)), event.nativeEvent.code === "ArrowLeft" && (event.stopPropagation(), event.preventDefault(), controller.expandedState[node.value] && (node.children || []).length > 0 ? controller.collapse(node.value) : isSubtree && findElementAncestor(event.currentTarget, "[role=treeitem]")?.focus()), event.nativeEvent.code === "ArrowDown" || event.nativeEvent.code === "ArrowUp") {
       const root = findElementAncestor(event.currentTarget, "[data-tree-root]");
       if (!root)
         return;
@@ -11984,9 +11640,7 @@ function TreeNode({
     }
     event.nativeEvent.code === "Space" && expandOnSpace && (event.stopPropagation(), event.preventDefault(), controller.toggleExpanded(node.value));
   }, handleNodeClick = (event) => {
-    event.stopPropagation(), allowRangeSelection && event.shiftKey && controller.anchorNode ? (controller.setSelectedState(getValuesRange(controller.anchorNode,
-    node.value, flatValues)), ref.current?.focus()) : (expandOnClick && controller.toggleExpanded(node.value), selectOnClick && controller.select(node.
-    value), ref.current?.focus());
+    event.stopPropagation(), allowRangeSelection && event.shiftKey && controller.anchorNode ? (controller.setSelectedState(getValuesRange(controller.anchorNode, node.value, flatValues)), ref.current?.focus()) : (expandOnClick && controller.toggleExpanded(node.value), selectOnClick && controller.select(node.value), ref.current?.focus());
   }, selected = controller.selectedState.includes(node.value), elementProps = {
     ...getStyles2("label"),
     onClick: handleNodeClick,
@@ -12024,8 +11678,7 @@ function TreeNode({
           hasChildren: Array.isArray(node.children) && node.children.length > 0,
           elementProps
         }) : /* @__PURE__ */ jsx("div", { ...elementProps, children: node.label }),
-        controller.expandedState[node.value] && nested.length > 0 && /* @__PURE__ */ jsx("ul", { role: "group", ...getStyles2("subtree"), "data-level": level,
-        children: nested })
+        controller.expandedState[node.value] && nested.length > 0 && /* @__PURE__ */ jsx("ul", { role: "group", ...getStyles2("subtree"), "data-level": level, children: nested })
       ]
     }
   );
@@ -12033,8 +11686,7 @@ function TreeNode({
 TreeNode.displayName = "@mantine/core/TreeNode";
 function getInitialState(initialState, data, value, acc = {}) {
   return data.forEach((node) => {
-    acc[node.value] = node.value in initialState ? initialState[node.value] : node.value === value, Array.isArray(node.children) && getInitialState(initialState,
-    node.children, value, acc);
+    acc[node.value] = node.value in initialState ? initialState[node.value] : node.value === value, Array.isArray(node.children) && getInitialState(initialState, node.children, value, acc);
   }), acc;
 }
 function useTree({
@@ -12042,8 +11694,7 @@ function useTree({
   initialExpandedState = {},
   multiple = !1
 } = {}) {
-  const [expandedState, setExpandedState] = useState(initialExpandedState), [selectedState, setSelectedState] = useState(initialSelectedState), [anchorNode,
-  setAnchorNode] = useState(null), [hoveredNode, setHoveredNode] = useState(null), initialize = useCallback(
+  const [expandedState, setExpandedState] = useState(initialExpandedState), [selectedState, setSelectedState] = useState(initialSelectedState), [anchorNode, setAnchorNode] = useState(null), [hoveredNode, setHoveredNode] = useState(null), initialize = useCallback(
     (data) => {
       setExpandedState((current) => getInitialState(current, data, selectedState));
     },
@@ -12069,8 +11720,7 @@ function useTree({
       }), next;
     });
   }, []), toggleSelected = useCallback(
-    (value) => setSelectedState((current) => multiple ? current.includes(value) ? (setAnchorNode(null), current.filter((item) => item !== value)) : (setAnchorNode(
-    value), [...current, value]) : current.includes(value) ? (setAnchorNode(null), []) : (setAnchorNode(value), [value])),
+    (value) => setSelectedState((current) => multiple ? current.includes(value) ? (setAnchorNode(null), current.filter((item) => item !== value)) : (setAnchorNode(value), [...current, value]) : current.includes(value) ? (setAnchorNode(null), []) : (setAnchorNode(value), [value])),
     []
   ), select = useCallback((value) => {
     setAnchorNode(value), setSelectedState(
@@ -12182,70 +11832,70 @@ const defaultProps = {
 Tree.displayName = "@mantine/core/Tree";
 Tree.classes = __default__;
 export {
-  HoverCardDropdown as $,
+  useMantineTheme as $,
   ActionIcon as A,
-  Box as B,
-  Code as C,
-  Drawer as D,
-  TabsTab as E,
+  Button as B,
+  Container as C,
+  Divider as D,
+  useTree as E,
   Flex as F,
   Group as G,
-  TabsPanel as H,
-  useMantineTheme as I,
-  useMediaQuery as J,
-  Divider as K,
-  Loader as L,
+  HoverCard as H,
+  useComputedColorScheme as I,
+  Tree as J,
+  ThemeIcon as K,
+  Drawer as L,
   MantineProvider as M,
-  Menu as N,
-  MenuTarget as O,
-  Paper as P,
-  MenuDropdown as Q,
-  MenuItem as R,
-  ScrollArea as S,
-  Tooltip as T,
-  MenuLabel as U,
-  MenuDivider as V,
-  MantineContext as W,
-  clsx as X,
-  HoverCard as Y,
-  HoverCardTarget as Z,
-  UnstyledButton as _,
-  useMantineColorScheme as a,
-  Anchor as a0,
-  useLocalStorage as a1,
-  CardSection as a2,
-  Spoiler as a3,
-  useHotkeys as a4,
-  ButtonGroup as a5,
-  Space as a6,
-  TooltipGroup as a7,
-  ColorSwatch as a8,
-  CheckIcon as a9,
-  Slider as aa,
-  SegmentedControl as ab,
-  CopyButton as b,
+  ScrollArea as N,
+  Alert as O,
+  Code as P,
+  ModalRoot as Q,
+  ModalOverlay as R,
+  Stack as S,
+  Title as T,
+  UnstyledButton as U,
+  ModalContent as V,
+  ModalBody as W,
+  Tabs as X,
+  TabsList as Y,
+  TabsTab as Z,
+  TabsPanel as _,
+  Text as a,
+  useMediaQuery as a0,
+  useDisclosure as a1,
+  Paper as a2,
+  Menu as a3,
+  MenuTarget as a4,
+  MenuDropdown as a5,
+  MenuItem as a6,
+  MenuLabel as a7,
+  MenuDivider as a8,
+  Burger as a9,
+  useCallbackRef as aa,
+  Loader as ab,
+  MantineContext as b,
   createTheme as c,
-  SimpleGrid as d,
-  Card as e,
-  Text as f,
-  useDisclosure as g,
-  Burger as h,
-  Container as i,
-  Alert as j,
-  Button as k,
-  Title as l,
-  useComputedColorScheme as m,
-  useTree as n,
-  Tree as o,
-  ThemeIcon as p,
-  Stack as q,
+  clsx as d,
+  Box as e,
+  HoverCardTarget as f,
+  HoverCardDropdown as g,
+  Anchor as h,
+  CopyButton as i,
+  Card as j,
+  CardSection as k,
+  Spoiler as l,
+  useHotkeys as m,
+  ButtonGroup as n,
+  Space as o,
+  TooltipGroup as p,
+  Tooltip as q,
   rem as r,
-  Select as s,
-  ModalRoot as t,
-  useCallbackRef as u,
-  ModalOverlay as v,
-  ModalContent as w,
-  ModalBody as x,
-  Tabs as y,
-  TabsList as z
+  ColorSwatch as s,
+  CheckIcon as t,
+  useLocalStorage as u,
+  Select as v,
+  Slider as w,
+  SegmentedControl as x,
+  SimpleGrid as y,
+  useMantineColorScheme as z
 };