likec4 1.7.2 → 1.7.3

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

@@ -147,7 +147,7 @@ function exportSidecar(medium, exported) {
   return medium.useMedium(exported), SideCar$1;
 }
 var effectCar = createSidecarMedium(), nothing = function() {
-}, RemoveScroll = React.forwardRef(function(props, parentRef) {
+}, RemoveScroll$1 = React.forwardRef(function(props, parentRef) {
   var ref = React.useRef(null), _a = React.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
@@ -160,16 +160,18 @@ var effectCar = createSidecarMedium(), nothing = function() {
     forwardProps ? React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React.createElement(Container2, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
-RemoveScroll.defaultProps = {
+RemoveScroll$1.defaultProps = {
   enabled: !0,
   removeScrollBar: !0,
   inert: !1
 };
-RemoveScroll.classNames = {
+RemoveScroll$1.classNames = {
   fullWidth: fullWidthClassName,
   zeroRight: zeroRightClassName
 };
-var getNonce = function() {
+var currentNonce, getNonce = function() {
+  if (currentNonce)
+    return currentNonce;
   if (typeof __webpack_nonce__ < "u")
     return __webpack_nonce__;
 };
@@ -364,7 +366,7 @@ var nonPassive = passiveSupported ? { passive: !1 } : !1, alwaysContainsScroll =
     !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 && (noOverscroll && Math.abs(availableScroll) < 1 || !noOverscroll && delta > availableScroll) || !isDeltaPositive && (noOverscroll && Math.abs(availableScrollTop) < 1 || !noOverscroll && -delta > availableScrollTop)) && (shouldCancelScroll = !0), shouldCancelScroll;
 }, getTouchXY = function(event) {
   return "changedTouches" in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
 }, getDeltaXY = function(event) {
@@ -468,9 +470,10 @@ function getOutermostShadowParent(node) {
 }
 const SideCar = exportSidecar(effectCar, RemoveScrollSideCar);
 var ReactRemoveScroll = React.forwardRef(function(props, ref) {
-  return React.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: SideCar }));
+  return React.createElement(RemoveScroll$1, __assign({}, props, { ref, sideCar: SideCar }));
 });
-ReactRemoveScroll.classNames = RemoveScroll.classNames;
+ReactRemoveScroll.classNames = RemoveScroll$1.classNames;
+const RemoveScroll = ReactRemoveScroll;
 function keys(object) {
   return Object.keys(object);
 }
@@ -1883,7 +1886,7 @@ function MantineThemeProvider({
 }
 MantineThemeProvider.displayName = "@mantine/core/MantineThemeProvider";
 function MantineClasses() {
-  const theme = useMantineTheme(), nonce = useMantineStyleNonce(), classes = keys(theme.breakpoints).reduce((acc, breakpoint) => {
+  const theme = useMantineTheme(), nonce = useMantineStyleNonce(), classes2 = 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;}}`;
   }, "");
@@ -1892,7 +1895,7 @@ function MantineClasses() {
     {
       "data-mantine-styles": "classes",
       nonce: nonce?.(),
-      dangerouslySetInnerHTML: { __html: classes }
+      dangerouslySetInnerHTML: { __html: classes2 }
     }
   );
 }
@@ -2298,8 +2301,8 @@ function getResolvedClassNames({
 function getRootClassName({ rootSelector, selector, className }) {
   return rootSelector === selector ? className : void 0;
 }
-function getSelectorClassName({ selector, classes, unstyled }) {
-  return unstyled ? void 0 : classes[selector];
+function getSelectorClassName({ selector, classes: classes2, unstyled }) {
+  return unstyled ? void 0 : classes2[selector];
 }
 function getStaticClassNames({
   themeName,
@@ -2327,11 +2330,11 @@ function getThemeClassNames({
 }
 function getVariantClassName({
   options,
-  classes,
+  classes: classes2,
   selector,
   unstyled
 }) {
-  return options?.variant && !unstyled ? classes[`${selector}--${options.variant}`] : void 0;
+  return options?.variant && !unstyled ? classes2[`${selector}--${options.variant}`] : void 0;
 }
 function getClassName({
   theme,
@@ -2340,7 +2343,7 @@ function getClassName({
   selector,
   classNamesPrefix,
   classNames,
-  classes,
+  classes: classes2,
   unstyled,
   className,
   rootSelector,
@@ -2353,12 +2356,12 @@ function getClassName({
   return clsx(
     getGlobalClassNames({ theme, options, unstyled: unstyled || headless }),
     getThemeClassNames({ theme, themeName, selector, props, stylesCtx }),
-    getVariantClassName({ options, classes, selector, unstyled }),
+    getVariantClassName({ options, classes: classes2, selector, unstyled }),
     getResolvedClassNames({ selector, stylesCtx, theme, classNames, props }),
     getResolvedClassNames({ selector, stylesCtx, theme, classNames: transformedStyles, props }),
     getOptionsClassNames({ selector, stylesCtx, options, props, theme }),
     getRootClassName({ rootSelector, selector, className }),
-    getSelectorClassName({ selector, classes, unstyled: unstyled || headless }),
+    getSelectorClassName({ selector, classes: classes2, unstyled: unstyled || headless }),
     withStaticClasses && !headless && getStaticClassNames({
       themeName,
       classNamesPrefix,
@@ -2451,7 +2454,7 @@ function useStylesTransform({ props, stylesCtx, themeName }) {
 }
 function useStyles({
   name,
-  classes,
+  classes: classes2,
   props,
   stylesCtx,
   className,
@@ -2476,7 +2479,7 @@ function useStyles({
       selector,
       classNamesPrefix,
       classNames,
-      classes,
+      classes: classes2,
       unstyled,
       className,
       rootSelector,
@@ -3021,11 +3024,11 @@ const Corner = forwardRef((props, ref) => {
 }), ScrollAreaCorner = forwardRef((props, ref) => {
   const ctx = useScrollAreaContext(), hasBothScrollbarsVisible = !!(ctx.scrollbarX && ctx.scrollbarY);
   return ctx.type !== "scroll" && hasBothScrollbarsVisible ? /* @__PURE__ */ jsx(Corner, { ...props, ref }) : null;
-}), defaultProps$1n = {
+}), defaultProps$1p = {
   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$1p, _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,
     {
@@ -3435,17 +3438,17 @@ 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" };
-const defaultProps$1m = {
+var __default__$D = { root: "m_d57069b5", viewport: "m_c0783ff9", viewportInner: "m_f8f631dd", scrollbar: "m_c44ba933", thumb: "m_d8b5e363", corner: "m_21657268" };
+const classes$D = __default__$D, defaultProps$1o = {
   scrollHideDelay: 1e3,
   type: "hover",
   scrollbars: "xy"
-}, varsResolver$C = (_, { scrollbarSize }) => ({
+}, varsResolver$E = (_, { scrollbarSize }) => ({
   root: {
     "--scrollarea-scrollbar-size": rem(scrollbarSize)
   }
 }), ScrollArea = factory((_props, ref) => {
-  const props = useProps("ScrollArea", defaultProps$1m, _props), {
+  const props = useProps("ScrollArea", defaultProps$1o, _props), {
     classNames,
     className,
     style,
@@ -3465,14 +3468,14 @@ const defaultProps$1m = {
   } = props, [scrollbarHovered, setScrollbarHovered] = useState(!1), getStyles2 = useStyles({
     name: "ScrollArea",
     props,
-    classes: __default__$B,
+    classes: classes$D,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$C
+    varsResolver: varsResolver$E
   });
   return /* @__PURE__ */ jsxs(
     ScrollAreaRoot,
@@ -3554,7 +3557,7 @@ const ScrollAreaAutosize = factory((props, ref) => {
     style,
     vars,
     ...others
-  } = useProps("ScrollAreaAutosize", defaultProps$1m, props);
+  } = useProps("ScrollAreaAutosize", defaultProps$1o, 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(
     ScrollArea,
     {
@@ -3576,16 +3579,16 @@ const ScrollAreaAutosize = factory((props, ref) => {
     }
   ) }) });
 });
-ScrollArea.classes = __default__$B;
+ScrollArea.classes = classes$D;
 ScrollAreaAutosize.displayName = "@mantine/core/ScrollAreaAutosize";
-ScrollAreaAutosize.classes = __default__$B;
+ScrollAreaAutosize.classes = classes$D;
 ScrollArea.Autosize = ScrollAreaAutosize;
-var __default__$A = { root: "m_87cf2631" };
-const defaultProps$1l = {
+var __default__$C = { root: "m_87cf2631" };
+const classes$C = __default__$C, defaultProps$1n = {
   __staticSelector: "UnstyledButton"
 }, UnstyledButton = polymorphicFactory(
   (_props, ref) => {
-    const props = useProps("UnstyledButton", defaultProps$1l, _props), {
+    const props = useProps("UnstyledButton", defaultProps$1n, _props), {
       className,
       component = "button",
       __staticSelector,
@@ -3597,7 +3600,7 @@ const defaultProps$1l = {
     } = props, getStyles2 = useStyles({
       name: __staticSelector,
       props,
-      classes: __default__$A,
+      classes: classes$C,
       className,
       style,
       classNames,
@@ -3616,13 +3619,13 @@ const defaultProps$1l = {
     );
   }
 );
-UnstyledButton.classes = __default__$A;
+UnstyledButton.classes = classes$C;
 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({
+var __default__$B = { root: "m_515a97f8" };
+const classes$B = __default__$B, defaultProps$1m = {}, VisuallyHidden = factory((_props, ref) => {
+  const props = useProps("VisuallyHidden", defaultProps$1m, _props), { classNames, className, style, styles, unstyled, vars, ...others } = props, getStyles2 = useStyles({
     name: "VisuallyHidden",
-    classes: __default__$z,
+    classes: classes$B,
     props,
     className,
     style,
@@ -3632,16 +3635,16 @@ const defaultProps$1k = {}, VisuallyHidden = factory((_props, ref) => {
   });
   return /* @__PURE__ */ jsx(Box, { component: "span", ref, ...getStyles2("root"), ...others });
 });
-VisuallyHidden.classes = __default__$z;
+VisuallyHidden.classes = classes$B;
 VisuallyHidden.displayName = "@mantine/core/VisuallyHidden";
-var __default__$y = { root: "m_1b7284a3" };
-const defaultProps$1j = {}, varsResolver$B = (_, { radius, shadow }) => ({
+var __default__$A = { root: "m_1b7284a3" };
+const classes$A = __default__$A, defaultProps$1l = {}, varsResolver$D = (_, { radius, shadow }) => ({
   root: {
     "--paper-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--paper-shadow": getShadow(shadow)
   }
 }), Paper = polymorphicFactory((_props, ref) => {
-  const props = useProps("Paper", defaultProps$1j, _props), {
+  const props = useProps("Paper", defaultProps$1l, _props), {
     classNames,
     className,
     style,
@@ -3657,14 +3660,14 @@ const defaultProps$1j = {}, varsResolver$B = (_, { radius, shadow }) => ({
   } = props, getStyles2 = useStyles({
     name: "Paper",
     props,
-    classes: __default__$y,
+    classes: classes$A,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$B
+    varsResolver: varsResolver$D
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -3677,7 +3680,7 @@ const defaultProps$1j = {}, varsResolver$B = (_, { radius, shadow }) => ({
     }
   );
 });
-Paper.classes = __default__$y;
+Paper.classes = classes$A;
 Paper.displayName = "@mantine/core/Paper";
 function getNodeName(node) {
   return isNode(node) ? (node.nodeName || "").toLowerCase() : "#document";
@@ -5943,8 +5946,8 @@ 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;
 }
-const defaultProps$1i = {}, Portal = forwardRef((props, ref) => {
-  const { children, target, ...others } = useProps("Portal", defaultProps$1i, props), [mounted, setMounted] = useState(!1), nodeRef = useRef(null);
+const defaultProps$1k = {}, Portal = forwardRef((props, ref) => {
+  const { children, target, ...others } = useProps("Portal", defaultProps$1k, 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), () => {
     !target && nodeRef.current && document.body.removeChild(nodeRef.current);
   }), [target]), !mounted || !nodeRef.current ? null : createPortal(/* @__PURE__ */ jsx(Fragment$1, { children }), nodeRef.current);
@@ -6187,9 +6190,9 @@ function Transition({
   ) });
 }
 Transition.displayName = "@mantine/core/Transition";
-var __default__$x = { dropdown: "m_38a85659", arrow: "m_a31dc6c1" };
-const defaultProps$1h = {}, PopoverDropdown = factory((_props, ref) => {
-  const props = useProps("PopoverDropdown", defaultProps$1h, _props), {
+var __default__$z = { dropdown: "m_38a85659", arrow: "m_a31dc6c1" };
+const classes$z = __default__$z, defaultProps$1j = {}, PopoverDropdown = factory((_props, ref) => {
+  const props = useProps("PopoverDropdown", defaultProps$1j, _props), {
     className,
     style,
     vars,
@@ -6273,15 +6276,15 @@ const defaultProps$1h = {}, PopoverDropdown = factory((_props, ref) => {
     }
   ) });
 });
-PopoverDropdown.classes = __default__$x;
+PopoverDropdown.classes = classes$z;
 PopoverDropdown.displayName = "@mantine/core/PopoverDropdown";
-const defaultProps$1g = {
+const defaultProps$1i = {
   refProp: "ref",
   popupType: "dialog"
 }, PopoverTarget = factory((props, ref) => {
   const { children, refProp, popupType, ...others } = useProps(
     "PopoverTarget",
-    defaultProps$1g,
+    defaultProps$1i,
     props
   );
   if (!isElement$1(children))
@@ -6393,7 +6396,7 @@ function usePopover(options) {
     onToggle
   };
 }
-const defaultProps$1f = {
+const defaultProps$1h = {
   position: "bottom",
   offset: 8,
   positionDependencies: [],
@@ -6413,14 +6416,14 @@ const defaultProps$1f = {
   zIndex: getDefaultZIndex("popover"),
   __staticSelector: "Popover",
   width: "max-content"
-}, varsResolver$A = (_, { radius, shadow }) => ({
+}, varsResolver$C = (_, { radius, shadow }) => ({
   dropdown: {
     "--popover-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--popover-shadow": getShadow(shadow)
   }
 });
 function Popover(_props) {
-  const props = useProps("Popover", defaultProps$1f, _props), {
+  const props = useProps("Popover", defaultProps$1h, _props), {
     children,
     position,
     offset: offset2,
@@ -6464,13 +6467,13 @@ function Popover(_props) {
   } = props, getStyles2 = useStyles({
     name: __staticSelector,
     props,
-    classes: __default__$x,
+    classes: classes$z,
     classNames,
     styles,
     unstyled,
     rootSelector: "dropdown",
     vars,
-    varsResolver: varsResolver$A
+    varsResolver: varsResolver$C
   }), arrowRef = useRef(null), [targetNode, setTargetNode] = useState(null), [dropdownNode, setDropdownNode] = useState(null), { dir } = useDirection(), uid = useId$1(id), popover = usePopover({
     middlewares,
     width,
@@ -6555,29 +6558,29 @@ 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: [
-  /* @__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: [
-  /* @__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 = {
+var __default__$y = { 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 classes$y = __default__$y, Bars = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$y.barsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsx("span", { className: classes$y.bar }),
+  /* @__PURE__ */ jsx("span", { className: classes$y.bar }),
+  /* @__PURE__ */ jsx("span", { className: classes$y.bar })
+] })), Dots = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$y.dotsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsx("span", { className: classes$y.dot }),
+  /* @__PURE__ */ jsx("span", { className: classes$y.dot }),
+  /* @__PURE__ */ jsx("span", { className: classes$y.dot })
+] })), Oval = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsx(Box, { component: "span", className: clsx(classes$y.ovalLoader, className), ...others, ref })), defaultLoaders = {
   bars: Bars,
   oval: Oval,
   dots: Dots
-}, defaultProps$1e = {
+}, defaultProps$1g = {
   loaders: defaultLoaders,
   type: "oval"
-}, varsResolver$z = (theme, { size: size2, color }) => ({
+}, varsResolver$B = (theme, { size: size2, color }) => ({
   root: {
     "--loader-size": getSize(size2, "loader-size"),
     "--loader-color": color ? getThemeColor(color, theme) : void 0
   }
 }), Loader = factory((_props, ref) => {
-  const props = useProps("Loader", defaultProps$1e, _props), {
+  const props = useProps("Loader", defaultProps$1g, _props), {
     size: size2,
     color,
     type,
@@ -6594,14 +6597,14 @@ const Bars = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(
   } = props, getStyles2 = useStyles({
     name: "Loader",
     props,
-    classes: __default__$w,
+    classes: classes$y,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$z
+    varsResolver: varsResolver$B
   });
   return children ? /* @__PURE__ */ jsx(Box, { ...getStyles2("root"), ref, ...others, children }) : /* @__PURE__ */ jsx(
     Box,
@@ -6616,15 +6619,15 @@ const Bars = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(
   );
 });
 Loader.defaultLoaders = defaultLoaders;
-Loader.classes = __default__$w;
+Loader.classes = classes$y;
 Loader.displayName = "@mantine/core/Loader";
-var __default__$v = { root: "m_8d3f4000", icon: "m_8d3afb97", loader: "m_302b9fb1", group: "m_1a0f1b21" };
-const defaultProps$1d = {
+var __default__$x = { root: "m_8d3f4000", icon: "m_8d3afb97", loader: "m_302b9fb1", group: "m_1a0f1b21" };
+const classes$x = __default__$x, defaultProps$1f = {
   orientation: "horizontal"
-}, varsResolver$y = (_, { borderWidth }) => ({
+}, varsResolver$A = (_, { borderWidth }) => ({
   group: { "--ai-border-width": rem(borderWidth) }
 }), ActionIconGroup = factory((_props, ref) => {
-  const props = useProps("ActionIconGroup", defaultProps$1d, _props), {
+  const props = useProps("ActionIconGroup", defaultProps$1f, _props), {
     className,
     style,
     classNames,
@@ -6636,17 +6639,17 @@ const defaultProps$1d = {
     variant,
     mod,
     ...others
-  } = useProps("ActionIconGroup", defaultProps$1d, _props), getStyles2 = useStyles({
+  } = useProps("ActionIconGroup", defaultProps$1f, _props), getStyles2 = useStyles({
     name: "ActionIconGroup",
     props,
-    classes: __default__$v,
+    classes: classes$x,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$y,
+    varsResolver: varsResolver$A,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsx(
@@ -6661,9 +6664,9 @@ const defaultProps$1d = {
     }
   );
 });
-ActionIconGroup.classes = __default__$v;
+ActionIconGroup.classes = classes$x;
 ActionIconGroup.displayName = "@mantine/core/ActionIconGroup";
-const defaultProps$1c = {}, varsResolver$x = (theme, { size: size2, radius, variant, gradient, color, autoContrast }) => {
+const defaultProps$1e = {}, varsResolver$z = (theme, { size: size2, radius, variant, gradient, color, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
     theme,
@@ -6683,7 +6686,7 @@ const defaultProps$1c = {}, varsResolver$x = (theme, { size: size2, radius, vari
     }
   };
 }, ActionIcon = polymorphicFactory((_props, ref) => {
-  const props = useProps("ActionIcon", defaultProps$1c, _props), {
+  const props = useProps("ActionIcon", defaultProps$1e, _props), {
     className,
     unstyled,
     variant,
@@ -6709,12 +6712,12 @@ const defaultProps$1c = {}, varsResolver$x = (theme, { size: size2, radius, vari
     props,
     className,
     style,
-    classes: __default__$v,
+    classes: classes$x,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$x
+    varsResolver: varsResolver$z
   });
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
@@ -6734,7 +6737,7 @@ const defaultProps$1c = {}, varsResolver$x = (theme, { size: size2, radius, vari
     }
   );
 });
-ActionIcon.classes = __default__$v;
+ActionIcon.classes = classes$x;
 ActionIcon.displayName = "@mantine/core/ActionIcon";
 ActionIcon.Group = ActionIconGroup;
 const CloseIcon = forwardRef(
@@ -6760,17 +6763,17 @@ const CloseIcon = forwardRef(
   )
 );
 CloseIcon.displayName = "@mantine/core/CloseIcon";
-var __default__$u = { root: "m_86a44da5", "root--subtle": "m_220c80f2" };
-const defaultProps$1b = {
+var __default__$w = { root: "m_86a44da5", "root--subtle": "m_220c80f2" };
+const classes$w = __default__$w, defaultProps$1d = {
   variant: "subtle"
-}, varsResolver$w = (_, { size: size2, radius, iconSize }) => ({
+}, varsResolver$y = (_, { size: size2, radius, iconSize }) => ({
   root: {
     "--cb-size": getSize(size2, "cb-size"),
     "--cb-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--cb-icon-size": rem(iconSize)
   }
 }), CloseButton = polymorphicFactory((_props, ref) => {
-  const props = useProps("CloseButton", defaultProps$1b, _props), {
+  const props = useProps("CloseButton", defaultProps$1d, _props), {
     iconSize,
     children,
     vars,
@@ -6791,12 +6794,12 @@ const defaultProps$1b = {
     props,
     className,
     style,
-    classes: __default__$u,
+    classes: classes$w,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$w
+    varsResolver: varsResolver$y
   });
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
@@ -6815,19 +6818,19 @@ const defaultProps$1b = {
     }
   );
 });
-CloseButton.classes = __default__$u;
+CloseButton.classes = classes$w;
 CloseButton.displayName = "@mantine/core/CloseButton";
 function filterFalsyChildren(children) {
   return Children.toArray(children).filter(Boolean);
 }
-var __default__$t = { root: "m_4081bf90" };
-const defaultProps$1a = {
+var __default__$v = { root: "m_4081bf90" };
+const classes$v = __default__$v, defaultProps$1c = {
   preventGrowOverflow: !0,
   gap: "md",
   align: "center",
   justify: "flex-start",
   wrap: "wrap"
-}, varsResolver$v = (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({
+}, varsResolver$x = (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({
   root: {
     "--group-child-width": grow && preventGrowOverflow ? childWidth : void 0,
     "--group-gap": getSpacing(gap),
@@ -6836,7 +6839,7 @@ const defaultProps$1a = {
     "--group-wrap": wrap
   }
 }), Group = factory((_props, ref) => {
-  const props = useProps("Group", defaultProps$1a, _props), {
+  const props = useProps("Group", defaultProps$1c, _props), {
     classNames,
     className,
     style,
@@ -6860,12 +6863,12 @@ const defaultProps$1a = {
     stylesCtx,
     className,
     style,
-    classes: __default__$t,
+    classes: classes$v,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$v
+    varsResolver: varsResolver$x
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -6880,12 +6883,12 @@ const defaultProps$1a = {
     }
   );
 });
-Group.classes = __default__$t;
+Group.classes = classes$v;
 Group.displayName = "@mantine/core/Group";
-var __default__$s = { root: "m_9814e45f" };
-const defaultProps$19 = {
+var __default__$u = { root: "m_9814e45f" };
+const classes$u = __default__$u, defaultProps$1b = {
   zIndex: getDefaultZIndex("modal")
-}, varsResolver$u = (_, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({
+}, varsResolver$w = (_, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({
   root: {
     "--overlay-bg": gradient || (color !== void 0 || backgroundOpacity !== void 0) && rgba(color || "#000", backgroundOpacity ?? 0.6) || void 0,
     "--overlay-filter": blur ? `blur(${rem(blur)})` : void 0,
@@ -6893,7 +6896,7 @@ const defaultProps$19 = {
     "--overlay-z-index": zIndex?.toString()
   }
 }), Overlay = polymorphicFactory((_props, ref) => {
-  const props = useProps("Overlay", defaultProps$19, _props), {
+  const props = useProps("Overlay", defaultProps$1b, _props), {
     classNames,
     className,
     style,
@@ -6914,18 +6917,18 @@ const defaultProps$19 = {
   } = props, getStyles2 = useStyles({
     name: "Overlay",
     props,
-    classes: __default__$s,
+    classes: classes$u,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$u
+    varsResolver: varsResolver$w
   });
   return /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("root"), mod: [{ center, fixed }, mod], ...others, children });
 });
-Overlay.classes = __default__$s;
+Overlay.classes = classes$u;
 Overlay.displayName = "@mantine/core/Overlay";
 const [ModalBaseProvider, useModalBaseContext] = createSafeContext(
   "ModalBase component was not found in tree"
@@ -7003,7 +7006,7 @@ const ModalBase = forwardRef(
           unstyled
         },
         children: /* @__PURE__ */ jsx(
-          ReactRemoveScroll,
+          RemoveScroll,
           {
             enabled: shouldLockScroll && lockScroll,
             ...otherRemoveScrollProps,
@@ -7032,8 +7035,8 @@ function useModalBodyId() {
   const ctx = useModalBaseContext();
   return useEffect(() => (ctx.setBodyMounted(!0), () => ctx.setBodyMounted(!1)), []), ctx.getBodyId();
 }
-var __default__$r = { title: "m_615af6c9", header: "m_b5489c3c", inner: "m_60c222c7", content: "m_fd1ab0aa", close: "m_606cb269", body: "m_5df29311" };
-const ModalBaseBody = forwardRef(
+var __default__$t = { title: "m_615af6c9", header: "m_b5489c3c", inner: "m_60c222c7", content: "m_fd1ab0aa", close: "m_606cb269", body: "m_5df29311" };
+const classes$t = __default__$t, ModalBaseBody = forwardRef(
   ({ className, ...others }, ref) => {
     const bodyId = useModalBodyId(), ctx = useModalBaseContext();
     return /* @__PURE__ */ jsx(
@@ -7042,7 +7045,7 @@ const ModalBaseBody = forwardRef(
         ref,
         ...others,
         id: bodyId,
-        className: clsx({ [__default__$r.body]: !ctx.unstyled }, className)
+        className: clsx({ [classes$t.body]: !ctx.unstyled }, className)
       }
     );
   }
@@ -7059,7 +7062,7 @@ const ModalBaseCloseButton = forwardRef(
         onClick: (event) => {
           ctx.onClose(), onClick?.(event);
         },
-        className: clsx({ [__default__$r.close]: !ctx.unstyled }, className),
+        className: clsx({ [classes$t.close]: !ctx.unstyled }, className),
         unstyled: ctx.unstyled
       }
     );
@@ -7080,7 +7083,7 @@ const ModalBaseContent = forwardRef(
           "div",
           {
             ...innerProps,
-            className: clsx({ [__default__$r.inner]: !ctx.unstyled }, innerProps.className),
+            className: clsx({ [classes$t.inner]: !ctx.unstyled }, innerProps.className),
             children: /* @__PURE__ */ jsx(FocusTrap, { active: ctx.opened && ctx.trapFocus, innerRef: ref, children: /* @__PURE__ */ jsx(
               Paper,
               {
@@ -7092,7 +7095,7 @@ const ModalBaseContent = forwardRef(
                 "aria-describedby": ctx.bodyMounted ? ctx.getBodyId() : void 0,
                 "aria-labelledby": ctx.titleMounted ? ctx.getTitleId() : void 0,
                 style: [style, transitionStyles],
-                className: clsx({ [__default__$r.content]: !ctx.unstyled }, className),
+                className: clsx({ [classes$t.content]: !ctx.unstyled }, className),
                 unstyled: ctx.unstyled,
                 children: others.children
               }
@@ -7110,7 +7113,7 @@ const ModalBaseContent = forwardRef(
       {
         component: "header",
         ref,
-        className: clsx({ [__default__$r.header]: !ctx.unstyled }, className),
+        className: clsx({ [classes$t.header]: !ctx.unstyled }, className),
         ...others
       }
     );
@@ -7158,7 +7161,7 @@ const ModalBaseTitle = forwardRef(
       {
         component: "h2",
         ref,
-        className: clsx({ [__default__$r.title]: !ctx.unstyled }, className),
+        className: clsx({ [classes$t.title]: !ctx.unstyled }, className),
         ...others,
         id
       }
@@ -7177,13 +7180,13 @@ 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_8fdc1311", required: "m_78a94662", error: "m_8f816625", description: "m_fe47ce59" };
-const defaultProps$18 = {}, varsResolver$t = (_, { size: size2 }) => ({
+var __default__$s = { 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 classes$s = __default__$s, defaultProps$1a = {}, varsResolver$v = (_, { size: size2 }) => ({
   description: {
     "--input-description-size": size2 === void 0 ? void 0 : `calc(${getFontSize(size2)} - ${rem(2)})`
   }
 }), InputDescription = factory((_props, ref) => {
-  const props = useProps("InputDescription", defaultProps$18, _props), {
+  const props = useProps("InputDescription", defaultProps$1a, _props), {
     classNames,
     className,
     style,
@@ -7195,10 +7198,10 @@ const defaultProps$18 = {}, varsResolver$t = (_, { size: size2 }) => ({
     __inheritStyles = !0,
     variant,
     ...others
-  } = useProps("InputDescription", defaultProps$18, props), ctx = useInputWrapperContext(), _getStyles = useStyles({
+  } = useProps("InputDescription", defaultProps$1a, props), ctx = useInputWrapperContext(), _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: __default__$q,
+    classes: classes$s,
     className,
     style,
     classNames,
@@ -7206,7 +7209,7 @@ const defaultProps$18 = {}, varsResolver$t = (_, { size: size2 }) => ({
     unstyled,
     rootSelector: "description",
     vars,
-    varsResolver: varsResolver$t
+    varsResolver: varsResolver$v
   }), getStyles2 = __inheritStyles && ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsx(
     Box,
@@ -7220,14 +7223,14 @@ const defaultProps$18 = {}, varsResolver$t = (_, { size: size2 }) => ({
     }
   );
 });
-InputDescription.classes = __default__$q;
+InputDescription.classes = classes$s;
 InputDescription.displayName = "@mantine/core/InputDescription";
-const defaultProps$17 = {}, varsResolver$s = (_, { size: size2 }) => ({
+const defaultProps$19 = {}, varsResolver$u = (_, { size: size2 }) => ({
   error: {
     "--input-error-size": size2 === void 0 ? void 0 : `calc(${getFontSize(size2)} - ${rem(2)})`
   }
 }), InputError = factory((_props, ref) => {
-  const props = useProps("InputError", defaultProps$17, _props), {
+  const props = useProps("InputError", defaultProps$19, _props), {
     classNames,
     className,
     style,
@@ -7242,7 +7245,7 @@ const defaultProps$17 = {}, varsResolver$s = (_, { size: size2 }) => ({
   } = props, _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: __default__$q,
+    classes: classes$s,
     className,
     style,
     classNames,
@@ -7250,7 +7253,7 @@ const defaultProps$17 = {}, varsResolver$s = (_, { size: size2 }) => ({
     unstyled,
     rootSelector: "error",
     vars,
-    varsResolver: varsResolver$s
+    varsResolver: varsResolver$u
   }), ctx = useInputWrapperContext(), getStyles2 = __inheritStyles && ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsx(
     Box,
@@ -7264,17 +7267,17 @@ const defaultProps$17 = {}, varsResolver$s = (_, { size: size2 }) => ({
     }
   );
 });
-InputError.classes = __default__$q;
+InputError.classes = classes$s;
 InputError.displayName = "@mantine/core/InputError";
-const defaultProps$16 = {
+const defaultProps$18 = {
   labelElement: "label"
-}, varsResolver$r = (_, { size: size2 }) => ({
+}, varsResolver$t = (_, { size: size2 }) => ({
   label: {
     "--input-label-size": getFontSize(size2),
     "--input-asterisk-color": void 0
   }
 }), InputLabel = factory((_props, ref) => {
-  const props = useProps("InputLabel", defaultProps$16, _props), {
+  const props = useProps("InputLabel", defaultProps$18, _props), {
     classNames,
     className,
     style,
@@ -7291,10 +7294,10 @@ const defaultProps$16 = {
     variant,
     mod,
     ...others
-  } = useProps("InputLabel", defaultProps$16, props), _getStyles = useStyles({
+  } = useProps("InputLabel", defaultProps$18, props), _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: __default__$q,
+    classes: classes$s,
     className,
     style,
     classNames,
@@ -7302,7 +7305,7 @@ const defaultProps$16 = {
     unstyled,
     rootSelector: "label",
     vars,
-    varsResolver: varsResolver$r
+    varsResolver: varsResolver$t
   }), ctx = useInputWrapperContext(), getStyles2 = ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsxs(
     Box,
@@ -7325,10 +7328,10 @@ const defaultProps$16 = {
     }
   );
 });
-InputLabel.classes = __default__$q;
+InputLabel.classes = classes$s;
 InputLabel.displayName = "@mantine/core/InputLabel";
-const defaultProps$15 = {}, InputPlaceholder = factory((_props, ref) => {
-  const props = useProps("InputPlaceholder", defaultProps$15, _props), {
+const defaultProps$17 = {}, InputPlaceholder = factory((_props, ref) => {
+  const props = useProps("InputPlaceholder", defaultProps$17, _props), {
     classNames,
     className,
     style,
@@ -7340,10 +7343,10 @@ const defaultProps$15 = {}, InputPlaceholder = factory((_props, ref) => {
     error,
     mod,
     ...others
-  } = useProps("InputPlaceholder", defaultProps$15, props), getStyles2 = useStyles({
+  } = useProps("InputPlaceholder", defaultProps$17, props), getStyles2 = useStyles({
     name: ["InputPlaceholder", __staticSelector],
     props,
-    classes: __default__$q,
+    classes: classes$s,
     className,
     style,
     classNames,
@@ -7363,17 +7366,17 @@ const defaultProps$15 = {}, InputPlaceholder = factory((_props, ref) => {
     }
   );
 });
-InputPlaceholder.classes = __default__$q;
+InputPlaceholder.classes = classes$s;
 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");
   return { offsetBottom: hasDescription && belowInput.includes("description") || hasError && belowInput.includes("error"), offsetTop };
 }
-const defaultProps$14 = {
+const defaultProps$16 = {
   labelElement: "label",
   inputContainer: (children) => children,
   inputWrapperOrder: ["label", "description", "input", "error"]
-}, varsResolver$q = (_, { size: size2 }) => ({
+}, varsResolver$s = (_, { size: size2 }) => ({
   label: {
     "--input-label-size": getFontSize(size2),
     "--input-asterisk-color": void 0
@@ -7385,7 +7388,7 @@ const defaultProps$14 = {
     "--input-description-size": size2 === void 0 ? void 0 : `calc(${getFontSize(size2)} - ${rem(2)})`
   }
 }), InputWrapper = factory((_props, ref) => {
-  const props = useProps("InputWrapper", defaultProps$14, _props), {
+  const props = useProps("InputWrapper", defaultProps$16, _props), {
     classNames,
     className,
     style,
@@ -7414,14 +7417,14 @@ const defaultProps$14 = {
   } = props, getStyles2 = useStyles({
     name: ["InputWrapper", __staticSelector],
     props: __stylesApiProps || props,
-    classes: __default__$q,
+    classes: classes$s,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$q
+    varsResolver: varsResolver$s
   }), sharedProps = {
     size: size2,
     variant,
@@ -7497,15 +7500,15 @@ const defaultProps$14 = {
     }
   );
 });
-InputWrapper.classes = __default__$q;
+InputWrapper.classes = classes$s;
 InputWrapper.displayName = "@mantine/core/InputWrapper";
-const defaultProps$13 = {
+const defaultProps$15 = {
   variant: "default",
   leftSectionPointerEvents: "none",
   rightSectionPointerEvents: "none",
   withAria: !0,
   withErrorStyles: !0
-}, varsResolver$p = (_, props, ctx) => ({
+}, varsResolver$r = (_, props, ctx) => ({
   wrapper: {
     "--input-margin-top": ctx.offsetTop ? "calc(var(--mantine-spacing-xs) / 2)" : void 0,
     "--input-margin-bottom": ctx.offsetBottom ? "calc(var(--mantine-spacing-xs) / 2)" : void 0,
@@ -7519,7 +7522,7 @@ const defaultProps$13 = {
     "--input-right-section-pointer-events": props.rightSectionPointerEvents
   }
 }), Input = polymorphicFactory((_props, ref) => {
-  const props = useProps("Input", defaultProps$13, _props), {
+  const props = useProps("Input", defaultProps$15, _props), {
     classNames,
     className,
     style,
@@ -7554,7 +7557,7 @@ const defaultProps$13 = {
   } = 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,
+    classes: classes$s,
     className,
     style,
     classNames,
@@ -7563,7 +7566,7 @@ const defaultProps$13 = {
     stylesCtx,
     rootSelector: "wrapper",
     vars,
-    varsResolver: varsResolver$p
+    varsResolver: varsResolver$r
   }), ariaAttributes = withAria ? {
     required,
     disabled,
@@ -7633,7 +7636,7 @@ const defaultProps$13 = {
     }
   );
 });
-Input.classes = __default__$q;
+Input.classes = classes$s;
 Input.Wrapper = InputWrapper;
 Input.Label = InputLabel;
 Input.Error = InputError;
@@ -7710,11 +7713,11 @@ function useInputProps(component, defaultProps2, _props) {
     }
   };
 }
-const defaultProps$12 = {
+const defaultProps$14 = {
   __staticSelector: "InputBase",
   withAria: !0
 }, InputBase = polymorphicFactory((props, ref) => {
-  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$12, props);
+  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$14, props);
   return /* @__PURE__ */ jsx(Input.Wrapper, { ...wrapperProps, children: /* @__PURE__ */ jsx(Input, { ...inputProps, ...others, ref }) });
 });
 InputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };
@@ -7728,9 +7731,9 @@ const FLEX_STYLE_PROPS_DATA = {
   wrap: { type: "identity", property: "flexWrap" },
   direction: { type: "identity", property: "flexDirection" }
 };
-var __default__$p = { root: "m_8bffd616" };
-const defaultProps$11 = {}, Flex = polymorphicFactory((_props, ref) => {
-  const props = useProps("Flex", defaultProps$11, _props), {
+var __default__$r = { root: "m_8bffd616" };
+const classes$r = __default__$r, defaultProps$13 = {}, Flex = polymorphicFactory((_props, ref) => {
+  const props = useProps("Flex", defaultProps$13, _props), {
     classNames,
     className,
     style,
@@ -7747,7 +7750,7 @@ const defaultProps$11 = {}, Flex = polymorphicFactory((_props, ref) => {
     ...others
   } = props, getStyles2 = useStyles({
     name: "Flex",
-    classes: __default__$p,
+    classes: classes$r,
     props,
     className,
     style,
@@ -7782,7 +7785,7 @@ const defaultProps$11 = {}, Flex = polymorphicFactory((_props, ref) => {
     )
   ] });
 });
-Flex.classes = __default__$p;
+Flex.classes = classes$r;
 Flex.displayName = "@mantine/core/Flex";
 function isParent(parentElement, childElement) {
   if (!childElement || !parentElement)
@@ -7848,13 +7851,13 @@ function useFloatingIndicator({
     () => document.documentElement
   ), { initialized, hidden: hidden2 };
 }
-var __default__$o = { root: "m_96b553a6" };
-const defaultProps$10 = {}, varsResolver$o = (_theme, { transitionDuration }) => ({
+var __default__$q = { root: "m_96b553a6" };
+const classes$q = __default__$q, defaultProps$12 = {}, varsResolver$q = (_theme, { transitionDuration }) => ({
   root: {
     "--transition-duration": typeof transitionDuration == "number" ? `${transitionDuration}ms` : transitionDuration
   }
 }), FloatingIndicator = factory((_props, ref) => {
-  const props = useProps("FloatingIndicator", defaultProps$10, _props), {
+  const props = useProps("FloatingIndicator", defaultProps$12, _props), {
     classNames,
     className,
     style,
@@ -7869,7 +7872,7 @@ const defaultProps$10 = {}, varsResolver$o = (_theme, { transitionDuration }) =>
     ...others
   } = props, getStyles2 = useStyles({
     name: "FloatingIndicator",
-    classes: __default__$o,
+    classes: classes$q,
     props,
     className,
     style,
@@ -7877,7 +7880,7 @@ const defaultProps$10 = {}, varsResolver$o = (_theme, { transitionDuration }) =>
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$o
+    varsResolver: varsResolver$q
   }), innerRef = useRef(null), { initialized, hidden: hidden2 } = useFloatingIndicator({
     target,
     parent,
@@ -7887,9 +7890,9 @@ const defaultProps$10 = {}, varsResolver$o = (_theme, { transitionDuration }) =>
   return !target || !parent ? null : /* @__PURE__ */ jsx(Box, { ref: mergedRef, mod: [{ initialized, hidden: hidden2 }, mod], ...getStyles2("root"), ...others });
 });
 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" };
-const defaultProps$$ = {}, varsResolver$n = (theme, { radius, color, variant, autoContrast }) => {
+FloatingIndicator.classes = classes$q;
+var __default__$p = { 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 classes$p = __default__$p, defaultProps$11 = {}, varsResolver$p = (theme, { radius, color, variant, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
     theme,
@@ -7905,7 +7908,7 @@ const defaultProps$$ = {}, varsResolver$n = (theme, { radius, color, variant, au
     }
   };
 }, Alert = factory((_props, ref) => {
-  const props = useProps("Alert", defaultProps$$, _props), {
+  const props = useProps("Alert", defaultProps$11, _props), {
     classNames,
     className,
     style,
@@ -7926,7 +7929,7 @@ const defaultProps$$ = {}, varsResolver$n = (theme, { radius, color, variant, au
     ...others
   } = props, getStyles2 = useStyles({
     name: "Alert",
-    classes: __default__$n,
+    classes: classes$p,
     props,
     className,
     style,
@@ -7934,7 +7937,7 @@ const defaultProps$$ = {}, varsResolver$n = (theme, { radius, color, variant, au
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$n
+    varsResolver: varsResolver$p
   }), rootId = useId$1(id), titleId = title && `${rootId}-title` || void 0, bodyId = `${rootId}-body`;
   return /* @__PURE__ */ jsx(
     Box,
@@ -7969,18 +7972,19 @@ const defaultProps$$ = {}, varsResolver$n = (theme, { radius, color, variant, au
     }
   );
 });
-Alert.classes = __default__$n;
+Alert.classes = classes$p;
 Alert.displayName = "@mantine/core/Alert";
-var __default__$m = { root: "m_b6d8b162" };
+var __default__$o = { root: "m_b6d8b162" };
+const classes$o = __default__$o;
 function getTextTruncate(truncate) {
   if (truncate === "start")
     return "start";
   if (truncate === "end" || truncate)
     return "end";
 }
-const defaultProps$_ = {
+const defaultProps$10 = {
   inherit: !1
-}, varsResolver$m = (theme, { variant, lineClamp, gradient, size: size2, color }) => ({
+}, varsResolver$o = (theme, { variant, lineClamp, gradient, size: size2, color }) => ({
   root: {
     "--text-fz": getFontSize(size2),
     "--text-lh": getLineHeight(size2),
@@ -7989,7 +7993,7 @@ const defaultProps$_ = {
     "--text-color": color ? getThemeColor(color, theme) : void 0
   }
 }), Text = polymorphicFactory((_props, ref) => {
-  const props = useProps("Text", defaultProps$_, _props), {
+  const props = useProps("Text", defaultProps$10, _props), {
     lineClamp,
     truncate,
     inline: inline2,
@@ -8010,14 +8014,14 @@ const defaultProps$_ = {
   } = props, getStyles2 = useStyles({
     name: ["Text", __staticSelector],
     props,
-    classes: __default__$m,
+    classes: classes$o,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$m
+    varsResolver: varsResolver$o
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -8040,15 +8044,15 @@ const defaultProps$_ = {
     }
   );
 });
-Text.classes = __default__$m;
+Text.classes = classes$o;
 Text.displayName = "@mantine/core/Text";
-var __default__$l = { root: "m_849cf0da" };
-const defaultProps$Z = {
+var __default__$n = { root: "m_849cf0da" };
+const classes$n = __default__$n, defaultProps$$ = {
   underline: "hover"
 }, Anchor = polymorphicFactory((props, ref) => {
   const { underline, className, unstyled, mod, ...others } = useProps(
     "Anchor",
-    defaultProps$Z,
+    defaultProps$$,
     props
   );
   return /* @__PURE__ */ jsx(
@@ -8056,7 +8060,7 @@ const defaultProps$Z = {
     {
       component: "a",
       ref,
-      className: clsx({ [__default__$l.root]: !unstyled }, className),
+      className: clsx({ [classes$n.root]: !unstyled }, className),
       ...others,
       mod: [{ underline }, mod],
       __staticSelector: "Anchor",
@@ -8064,7 +8068,7 @@ const defaultProps$Z = {
     }
   );
 });
-Anchor.classes = __default__$l;
+Anchor.classes = classes$n;
 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 ? {
@@ -8078,17 +8082,17 @@ 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_858f94bd", footer: "m_82b967cb", group: "m_254f3e4f", groupLabel: "m_2bb2e9e5", chevron: "m_2943220b", optionsDropdownOption: "m_390b5f4", optionsDropdownCheckIcon: "m_8ee53fc2" };
-const defaultProps$Y = {
+var __default__$m = { 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 classes$m = __default__$m, defaultProps$_ = {
   error: null
-}, varsResolver$l = (_, { size: size2 }) => ({
+}, varsResolver$n = (_, { size: size2 }) => ({
   chevron: {
     "--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$_, _props), { size: size2, error, style, className, classNames, styles, unstyled, vars, mod, ...others } = props, getStyles2 = useStyles({
     name: "ComboboxChevron",
-    classes: __default__$k,
+    classes: classes$m,
     props,
     style,
     className,
@@ -8096,7 +8100,7 @@ const defaultProps$Y = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$l,
+    varsResolver: varsResolver$n,
     rootSelector: "chevron"
   });
   return /* @__PURE__ */ jsx(
@@ -8123,7 +8127,7 @@ const defaultProps$Y = {
     }
   );
 });
-ComboboxChevron.classes = __default__$k;
+ComboboxChevron.classes = classes$m;
 ComboboxChevron.displayName = "@mantine/core/ComboboxChevron";
 const [ComboboxProvider, useComboboxContext] = createSafeContext(
   "Combobox component was not found in tree"
@@ -8147,10 +8151,10 @@ const [ComboboxProvider, useComboboxContext] = createSafeContext(
   )
 );
 ComboboxClearButton.displayName = "@mantine/core/ComboboxClearButton";
-const defaultProps$X = {}, ComboboxDropdown = factory((props, ref) => {
+const defaultProps$Z = {}, ComboboxDropdown = factory((props, ref) => {
   const { classNames, styles, className, style, hidden: hidden2, ...others } = useProps(
     "ComboboxDropdown",
-    defaultProps$X,
+    defaultProps$Z,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8164,12 +8168,12 @@ const defaultProps$X = {}, ComboboxDropdown = factory((props, ref) => {
     }
   );
 });
-ComboboxDropdown.classes = __default__$k;
+ComboboxDropdown.classes = classes$m;
 ComboboxDropdown.displayName = "@mantine/core/ComboboxDropdown";
-const defaultProps$W = {
+const defaultProps$Y = {
   refProp: "ref"
 }, ComboboxDropdownTarget = factory((props, ref) => {
-  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$W, props);
+  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$Y, 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 primitive values are not supported"
@@ -8177,10 +8181,10 @@ const defaultProps$W = {
   return /* @__PURE__ */ jsx(Popover.Target, { ref, refProp, children });
 });
 ComboboxDropdownTarget.displayName = "@mantine/core/ComboboxDropdownTarget";
-const defaultProps$V = {}, ComboboxEmpty = factory((props, ref) => {
+const defaultProps$X = {}, ComboboxEmpty = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "ComboboxEmpty",
-    defaultProps$V,
+    defaultProps$X,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8192,7 +8196,7 @@ const defaultProps$V = {}, ComboboxEmpty = factory((props, ref) => {
     }
   );
 });
-ComboboxEmpty.classes = __default__$k;
+ComboboxEmpty.classes = classes$m;
 ComboboxEmpty.displayName = "@mantine/core/ComboboxEmpty";
 function useComboboxTargetProps({
   onKeyDown,
@@ -8228,7 +8232,7 @@ function useComboboxTargetProps({
     onKeyDown: handleKeyDown
   };
 }
-const defaultProps$U = {
+const defaultProps$W = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: !0,
@@ -8245,7 +8249,7 @@ const defaultProps$U = {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxEventsTarget", defaultProps$U, props);
+  } = useProps("ComboboxEventsTarget", defaultProps$W, 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"
@@ -8265,10 +8269,10 @@ const defaultProps$U = {
   });
 });
 ComboboxEventsTarget.displayName = "@mantine/core/ComboboxEventsTarget";
-const defaultProps$T = {}, ComboboxFooter = factory((props, ref) => {
+const defaultProps$V = {}, ComboboxFooter = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "ComboboxFooter",
-    defaultProps$T,
+    defaultProps$V,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8283,12 +8287,12 @@ const defaultProps$T = {}, ComboboxFooter = factory((props, ref) => {
     }
   );
 });
-ComboboxFooter.classes = __default__$k;
+ComboboxFooter.classes = classes$m;
 ComboboxFooter.displayName = "@mantine/core/ComboboxFooter";
-const defaultProps$S = {}, ComboboxGroup = factory((props, ref) => {
+const defaultProps$U = {}, ComboboxGroup = factory((props, ref) => {
   const { classNames, className, style, styles, vars, children, label, ...others } = useProps(
     "ComboboxGroup",
-    defaultProps$S,
+    defaultProps$U,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsxs(
@@ -8304,12 +8308,12 @@ const defaultProps$S = {}, ComboboxGroup = factory((props, ref) => {
     }
   );
 });
-ComboboxGroup.classes = __default__$k;
+ComboboxGroup.classes = classes$m;
 ComboboxGroup.displayName = "@mantine/core/ComboboxGroup";
-const defaultProps$R = {}, ComboboxHeader = factory((props, ref) => {
+const defaultProps$T = {}, ComboboxHeader = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "ComboboxHeader",
-    defaultProps$R,
+    defaultProps$T,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8324,7 +8328,7 @@ const defaultProps$R = {}, ComboboxHeader = factory((props, ref) => {
     }
   );
 });
-ComboboxHeader.classes = __default__$k;
+ComboboxHeader.classes = classes$m;
 ComboboxHeader.displayName = "@mantine/core/ComboboxHeader";
 function ComboboxHiddenInput({
   value,
@@ -8341,8 +8345,8 @@ function ComboboxHiddenInput({
   );
 }
 ComboboxHiddenInput.displayName = "@mantine/core/ComboboxHiddenInput";
-const defaultProps$Q = {}, ComboboxOption = factory((_props, ref) => {
-  const props = useProps("ComboboxOption", defaultProps$Q, _props), {
+const defaultProps$S = {}, ComboboxOption = factory((_props, ref) => {
+  const props = useProps("ComboboxOption", defaultProps$S, _props), {
     classNames,
     className,
     style,
@@ -8383,10 +8387,10 @@ const defaultProps$Q = {}, ComboboxOption = factory((_props, ref) => {
     }
   );
 });
-ComboboxOption.classes = __default__$k;
+ComboboxOption.classes = classes$m;
 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 defaultProps$R = {}, ComboboxOptions = factory((_props, ref) => {
+  const props = useProps("ComboboxOptions", defaultProps$R, _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(
@@ -8404,13 +8408,13 @@ const defaultProps$P = {}, ComboboxOptions = factory((_props, ref) => {
     }
   );
 });
-ComboboxOptions.classes = __default__$k;
+ComboboxOptions.classes = classes$m;
 ComboboxOptions.displayName = "@mantine/core/ComboboxOptions";
-const defaultProps$O = {
+const defaultProps$Q = {
   withAriaAttributes: !0,
   withKeyboardNavigation: !0
 }, ComboboxSearch = factory((_props, ref) => {
-  const props = useProps("ComboboxSearch", defaultProps$O, _props), {
+  const props = useProps("ComboboxSearch", defaultProps$Q, _props), {
     classNames,
     styles,
     unstyled,
@@ -8441,9 +8445,9 @@ const defaultProps$O = {
     }
   );
 });
-ComboboxSearch.classes = __default__$k;
+ComboboxSearch.classes = classes$m;
 ComboboxSearch.displayName = "@mantine/core/ComboboxSearch";
-const defaultProps$N = {
+const defaultProps$P = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: !0,
@@ -8460,7 +8464,7 @@ const defaultProps$N = {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxTarget", defaultProps$N, props);
+  } = useProps("ComboboxTarget", defaultProps$P, 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"
@@ -8637,13 +8641,13 @@ function useCombobox({
     focusTarget
   };
 }
-const defaultProps$M = {
+const defaultProps$O = {
   keepMounted: !0,
   withinPortal: !0,
   resetSelectionOnOptionHover: !1,
   width: "target",
   transitionProps: { transition: "fade", duration: 0 }
-}, varsResolver$k = (_, { size: size2, dropdownPadding }) => ({
+}, varsResolver$m = (_, { size: size2, dropdownPadding }) => ({
   options: {
     "--combobox-option-fz": getFontSize(size2),
     "--combobox-option-padding": getSize(size2, "combobox-option-padding")
@@ -8655,7 +8659,7 @@ const defaultProps$M = {
   }
 });
 function Combobox(_props) {
-  const props = useProps("Combobox", defaultProps$M, _props), {
+  const props = useProps("Combobox", defaultProps$O, _props), {
     classNames,
     styles,
     unstyled,
@@ -8672,13 +8676,13 @@ function Combobox(_props) {
     ...others
   } = props, uncontrolledStore = useCombobox(), store = controlledStore || uncontrolledStore, getStyles2 = useStyles({
     name: __staticSelector || "Combobox",
-    classes: __default__$k,
+    classes: classes$m,
     props,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$k
+    varsResolver: varsResolver$m
   }), onDropdownClose = () => {
     onClose?.(), store.closeDropdown();
   };
@@ -8709,7 +8713,7 @@ function Combobox(_props) {
 }
 const extendCombobox = (c) => c;
 Combobox.extend = extendCombobox;
-Combobox.classes = __default__$k;
+Combobox.classes = classes$m;
 Combobox.displayName = "@mantine/core/Combobox";
 Combobox.Target = ComboboxTarget;
 Combobox.Dropdown = ComboboxDropdown;
@@ -8811,7 +8815,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: classes$m.optionsDropdownCheckIcon }), defaultContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
       checkIconPosition === "left" && check,
       /* @__PURE__ */ jsx("span", { children: data.label }),
       checkIconPosition === "right" && check
@@ -8821,7 +8825,7 @@ function Option({
       {
         value: data.value,
         disabled: data.disabled,
-        className: clsx({ [__default__$k.optionsDropdownOption]: !unstyled }),
+        className: clsx({ [classes$m.optionsDropdownOption]: !unstyled }),
         "data-reverse": checkIconPosition === "right" || void 0,
         "data-checked": checked || void 0,
         "aria-selected": checked,
@@ -8896,8 +8900,8 @@ function OptionsDropdown({
     isEmpty && nothingFoundMessage && /* @__PURE__ */ jsx(Combobox.Empty, { children: nothingFoundMessage })
   ] }) });
 }
-var __default__$j = { root: "m_fea6bf1a", burger: "m_d4fb9cad" };
-const defaultProps$L = {}, varsResolver$j = (theme, { color, size: size2, lineSize, transitionDuration, transitionTimingFunction }) => ({
+var __default__$l = { root: "m_fea6bf1a", burger: "m_d4fb9cad" };
+const classes$l = __default__$l, defaultProps$N = {}, varsResolver$l = (theme, { color, size: size2, lineSize, transitionDuration, transitionTimingFunction }) => ({
   root: {
     "--burger-color": color ? getThemeColor(color, theme) : void 0,
     "--burger-size": getSize(size2, "burger-size"),
@@ -8906,7 +8910,7 @@ const defaultProps$L = {}, varsResolver$j = (theme, { color, size: size2, lineSi
     "--burger-transition-timing-function": transitionTimingFunction
   }
 }), Burger = factory((_props, ref) => {
-  const props = useProps("Burger", defaultProps$L, _props), {
+  const props = useProps("Burger", defaultProps$N, _props), {
     classNames,
     className,
     style,
@@ -8921,7 +8925,7 @@ const defaultProps$L = {}, varsResolver$j = (theme, { color, size: size2, lineSi
     ...others
   } = props, getStyles2 = useStyles({
     name: "Burger",
-    classes: __default__$j,
+    classes: classes$l,
     props,
     className,
     style,
@@ -8929,22 +8933,22 @@ const defaultProps$L = {}, varsResolver$j = (theme, { color, size: size2, lineSi
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$j
+    varsResolver: varsResolver$l
   });
   return /* @__PURE__ */ jsxs(UnstyledButton, { ...getStyles2("root"), ref, ...others, children: [
     /* @__PURE__ */ jsx(Box, { mod: ["reduce-motion", { opened }], ...getStyles2("burger") }),
     children
   ] });
 });
-Burger.classes = __default__$j;
+Burger.classes = classes$l;
 Burger.displayName = "@mantine/core/Burger";
-var __default__$i = { root: "m_77c9d27d", inner: "m_80f1301b", label: "m_811560b9", section: "m_a74036a", loader: "m_a25b86ee", group: "m_80d6d844" };
-const defaultProps$K = {
+var __default__$k = { root: "m_77c9d27d", inner: "m_80f1301b", label: "m_811560b9", section: "m_a74036a", loader: "m_a25b86ee", group: "m_80d6d844" };
+const classes$k = __default__$k, defaultProps$M = {
   orientation: "horizontal"
-}, varsResolver$i = (_, { borderWidth }) => ({
+}, varsResolver$k = (_, { borderWidth }) => ({
   group: { "--button-border-width": rem(borderWidth) }
 }), ButtonGroup = factory((_props, ref) => {
-  const props = useProps("ButtonGroup", defaultProps$K, _props), {
+  const props = useProps("ButtonGroup", defaultProps$M, _props), {
     className,
     style,
     classNames,
@@ -8956,17 +8960,17 @@ const defaultProps$K = {
     variant,
     mod,
     ...others
-  } = useProps("ButtonGroup", defaultProps$K, _props), getStyles2 = useStyles({
+  } = useProps("ButtonGroup", defaultProps$M, _props), getStyles2 = useStyles({
     name: "ButtonGroup",
     props,
-    classes: __default__$i,
+    classes: classes$k,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$i,
+    varsResolver: varsResolver$k,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsx(
@@ -8981,14 +8985,14 @@ const defaultProps$K = {
     }
   );
 });
-ButtonGroup.classes = __default__$i;
+ButtonGroup.classes = classes$k;
 ButtonGroup.displayName = "@mantine/core/ButtonGroup";
 const loaderTransition = {
   in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${rem(1)}))` },
   out: { opacity: 0, transform: "translate(-50%, -200%)" },
   common: { transformOrigin: "center" },
   transitionProperty: "transform, opacity"
-}, defaultProps$J = {}, varsResolver$h = (theme, { radius, color, gradient, variant, size: size2, justify, autoContrast }) => {
+}, defaultProps$L = {}, varsResolver$j = (theme, { radius, color, gradient, variant, size: size2, justify, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
     theme,
@@ -9011,7 +9015,7 @@ const loaderTransition = {
     }
   };
 }, Button = polymorphicFactory((_props, ref) => {
-  const props = useProps("Button", defaultProps$J, _props), {
+  const props = useProps("Button", defaultProps$L, _props), {
     style,
     vars,
     className,
@@ -9036,14 +9040,14 @@ const loaderTransition = {
   } = props, getStyles2 = useStyles({
     name: "Button",
     props,
-    classes: __default__$i,
+    classes: classes$k,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$h
+    varsResolver: varsResolver$j
   }), hasLeftSection = !!leftSection, hasRightSection = !!rightSection;
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
@@ -9082,15 +9086,15 @@ const loaderTransition = {
     }
   );
 });
-Button.classes = __default__$i;
+Button.classes = classes$k;
 Button.displayName = "@mantine/core/Button";
 Button.Group = ButtonGroup;
 const [CardProvider, useCardContext] = createSafeContext(
   "Card component was not found in tree"
 );
-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();
+var __default__$j = { root: "m_e615b15f", section: "m_599a2148" };
+const classes$j = __default__$j, defaultProps$K = {}, CardSection = polymorphicFactory((_props, ref) => {
+  const props = useProps("CardSection", defaultProps$K, _props), { classNames, className, style, styles, vars, withBorder, inheritPadding, mod, ...others } = props, ctx = useCardContext();
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -9101,40 +9105,40 @@ const defaultProps$I = {}, CardSection = polymorphicFactory((_props, ref) => {
     }
   );
 });
-CardSection.classes = __default__$h;
+CardSection.classes = classes$j;
 CardSection.displayName = "@mantine/core/CardSection";
-const defaultProps$H = {}, varsResolver$g = (_, { padding }) => ({
+const defaultProps$J = {}, varsResolver$i = (_, { padding }) => ({
   root: {
     "--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$J, _props), { classNames, className, style, styles, unstyled, vars, children, padding, ...others } = props, getStyles2 = useStyles({
     name: "Card",
     props,
-    classes: __default__$h,
+    classes: classes$j,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$g
+    varsResolver: varsResolver$i
   }), _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("root"), ...others, children: content }) });
 });
-Card.classes = __default__$h;
+Card.classes = classes$j;
 Card.displayName = "@mantine/core/Card";
 Card.Section = CardSection;
-var __default__$g = { root: "m_b183c0a2" };
-const defaultProps$G = {}, varsResolver$f = (theme, { color }) => ({
+var __default__$i = { root: "m_b183c0a2" };
+const classes$i = __default__$i, defaultProps$I = {}, varsResolver$h = (theme, { color }) => ({
   root: {
     "--code-bg": color ? getThemeColor(color, theme) : void 0
   }
 }), Code = factory((_props, ref) => {
-  const props = useProps("Code", defaultProps$G, _props), {
+  const props = useProps("Code", defaultProps$I, _props), {
     classNames,
     className,
     style,
@@ -9149,14 +9153,14 @@ const defaultProps$G = {}, varsResolver$f = (theme, { color }) => ({
   } = props, getStyles2 = useStyles({
     name: "Code",
     props,
-    classes: __default__$g,
+    classes: classes$i,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$f
+    varsResolver: varsResolver$h
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -9171,18 +9175,18 @@ const defaultProps$G = {}, varsResolver$f = (theme, { color }) => ({
     }
   );
 });
-Code.classes = __default__$g;
+Code.classes = classes$i;
 Code.displayName = "@mantine/core/Code";
-var __default__$f = { root: "m_de3d2490", colorOverlay: "m_862f3d1b", shadowOverlay: "m_98ae7f22", alphaOverlay: "m_95709ac0", childrenOverlay: "m_93e74e3" };
-const defaultProps$F = {
+var __default__$h = { root: "m_de3d2490", colorOverlay: "m_862f3d1b", shadowOverlay: "m_98ae7f22", alphaOverlay: "m_95709ac0", childrenOverlay: "m_93e74e3" };
+const classes$h = __default__$h, defaultProps$H = {
   withShadow: !0
-}, varsResolver$e = (_, { radius, size: size2 }) => ({
+}, varsResolver$g = (_, { radius, size: size2 }) => ({
   root: {
     "--cs-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--cs-size": rem(size2)
   }
 }), ColorSwatch = polymorphicFactory((_props, ref) => {
-  const props = useProps("ColorSwatch", defaultProps$F, _props), {
+  const props = useProps("ColorSwatch", defaultProps$H, _props), {
     classNames,
     className,
     style,
@@ -9196,17 +9200,17 @@ const defaultProps$F = {
     children,
     variant,
     ...others
-  } = useProps("ColorSwatch", defaultProps$F, props), getStyles2 = useStyles({
+  } = useProps("ColorSwatch", defaultProps$H, props), getStyles2 = useStyles({
     name: "ColorSwatch",
     props,
-    classes: __default__$f,
+    classes: classes$h,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$e
+    varsResolver: varsResolver$g
   });
   return /* @__PURE__ */ jsxs(
     Box,
@@ -9225,17 +9229,17 @@ const defaultProps$F = {
     }
   );
 });
-ColorSwatch.classes = __default__$f;
+ColorSwatch.classes = classes$h;
 ColorSwatch.displayName = "@mantine/core/ColorSwatch";
-var __default__$e = { root: "m_7485cace" };
-const defaultProps$E = {}, varsResolver$d = (_, { size: size2, fluid }) => ({
+var __default__$g = { root: "m_7485cace" };
+const classes$g = __default__$g, defaultProps$G = {}, varsResolver$f = (_, { size: size2, fluid }) => ({
   root: {
     "--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$G, _props), { classNames, className, style, styles, unstyled, vars, fluid, mod, ...others } = props, getStyles2 = useStyles({
     name: "Container",
-    classes: __default__$e,
+    classes: classes$g,
     props,
     className,
     style,
@@ -9243,31 +9247,31 @@ const defaultProps$E = {}, varsResolver$d = (_, { size: size2, fluid }) => ({
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$d
+    varsResolver: varsResolver$f
   });
   return /* @__PURE__ */ jsx(Box, { ref, mod: [{ fluid }, mod], ...getStyles2("root"), ...others });
 });
-Container.classes = __default__$e;
+Container.classes = classes$g;
 Container.displayName = "@mantine/core/Container";
-const defaultProps$D = {
+const defaultProps$F = {
   timeout: 1e3
 };
 function CopyButton(props) {
-  const { children, timeout, value, ...others } = useProps("CopyButton", defaultProps$D, props), clipboard = useClipboard({ timeout });
+  const { children, timeout, value, ...others } = useProps("CopyButton", defaultProps$F, props), clipboard = useClipboard({ timeout });
   return /* @__PURE__ */ jsx(Fragment$1, { children: children({ copy: () => clipboard.copy(value), copied: clipboard.copied, ...others }) });
 }
 CopyButton.displayName = "@mantine/core/CopyButton";
-var __default__$d = { root: "m_3eebeb36", label: "m_9e365f20" };
-const defaultProps$C = {
+var __default__$f = { root: "m_3eebeb36", label: "m_9e365f20" };
+const classes$f = __default__$f, defaultProps$E = {
   orientation: "horizontal"
-}, varsResolver$c = (theme, { color, variant, size: size2 }) => ({
+}, varsResolver$e = (theme, { color, variant, size: size2 }) => ({
   root: {
     "--divider-color": color ? getThemeColor(color, theme) : void 0,
     "--divider-border-style": variant,
     "--divider-size": getSize(size2, "divider-size")
   }
 }), Divider = factory((_props, ref) => {
-  const props = useProps("Divider", defaultProps$C, _props), {
+  const props = useProps("Divider", defaultProps$E, _props), {
     classNames,
     className,
     style,
@@ -9282,7 +9286,7 @@ const defaultProps$C = {
     ...others
   } = props, getStyles2 = useStyles({
     name: "Divider",
-    classes: __default__$d,
+    classes: classes$f,
     props,
     className,
     style,
@@ -9290,7 +9294,7 @@ const defaultProps$C = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$c
+    varsResolver: varsResolver$e
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -9304,14 +9308,14 @@ const defaultProps$C = {
     }
   );
 });
-Divider.classes = __default__$d;
+Divider.classes = classes$f;
 Divider.displayName = "@mantine/core/Divider";
 const [DrawerProvider, useDrawerContext] = createSafeContext(
   "Drawer component was not found in tree"
 );
-var __default__$c = { root: "m_f11b401e", header: "m_5a7c2c9", content: "m_b8a05bbd", inner: "m_31cd769a" };
-const defaultProps$B = {}, DrawerBody = factory((_props, ref) => {
-  const props = useProps("DrawerBody", defaultProps$B, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+var __default__$e = { root: "m_f11b401e", header: "m_5a7c2c9", content: "m_b8a05bbd", inner: "m_31cd769a" };
+const classes$e = __default__$e, defaultProps$D = {}, DrawerBody = factory((_props, ref) => {
+  const props = useProps("DrawerBody", defaultProps$D, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseBody,
     {
@@ -9321,10 +9325,10 @@ const defaultProps$B = {}, DrawerBody = factory((_props, ref) => {
     }
   );
 });
-DrawerBody.classes = __default__$c;
+DrawerBody.classes = classes$e;
 DrawerBody.displayName = "@mantine/core/DrawerBody";
-const defaultProps$A = {}, DrawerCloseButton = factory((_props, ref) => {
-  const props = useProps("DrawerCloseButton", defaultProps$A, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$C = {}, DrawerCloseButton = factory((_props, ref) => {
+  const props = useProps("DrawerCloseButton", defaultProps$C, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseCloseButton,
     {
@@ -9334,10 +9338,10 @@ const defaultProps$A = {}, DrawerCloseButton = factory((_props, ref) => {
     }
   );
 });
-DrawerCloseButton.classes = __default__$c;
+DrawerCloseButton.classes = classes$e;
 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 defaultProps$B = {}, DrawerContent = factory((_props, ref) => {
+  const props = useProps("DrawerContent", defaultProps$B, _props), { classNames, className, style, styles, vars, children, radius, ...others } = props, ctx = useDrawerContext(), Scroll = ctx.scrollAreaComponent || NativeScrollArea;
   return /* @__PURE__ */ jsx(
     ModalBaseContent,
     {
@@ -9350,10 +9354,10 @@ const defaultProps$z = {}, DrawerContent = factory((_props, ref) => {
     }
   );
 });
-DrawerContent.classes = __default__$c;
+DrawerContent.classes = classes$e;
 DrawerContent.displayName = "@mantine/core/DrawerContent";
-const defaultProps$y = {}, DrawerHeader = factory((_props, ref) => {
-  const props = useProps("DrawerHeader", defaultProps$y, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$A = {}, DrawerHeader = factory((_props, ref) => {
+  const props = useProps("DrawerHeader", defaultProps$A, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseHeader,
     {
@@ -9363,10 +9367,10 @@ const defaultProps$y = {}, DrawerHeader = factory((_props, ref) => {
     }
   );
 });
-DrawerHeader.classes = __default__$c;
+DrawerHeader.classes = classes$e;
 DrawerHeader.displayName = "@mantine/core/DrawerHeader";
-const defaultProps$x = {}, DrawerOverlay = factory((_props, ref) => {
-  const props = useProps("DrawerOverlay", defaultProps$x, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$z = {}, DrawerOverlay = factory((_props, ref) => {
+  const props = useProps("DrawerOverlay", defaultProps$z, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseOverlay,
     {
@@ -9376,7 +9380,7 @@ const defaultProps$x = {}, DrawerOverlay = factory((_props, ref) => {
     }
   );
 });
-DrawerOverlay.classes = __default__$c;
+DrawerOverlay.classes = classes$e;
 DrawerOverlay.displayName = "@mantine/core/DrawerOverlay";
 function getDrawerAlign(position) {
   switch (position) {
@@ -9402,7 +9406,7 @@ const transitions = {
   bottom: "slide-up",
   right: "slide-right",
   left: "slide-left"
-}, defaultProps$w = {
+}, defaultProps$y = {
   closeOnClickOutside: !0,
   withinPortal: !0,
   lockScroll: !0,
@@ -9412,7 +9416,7 @@ const transitions = {
   keepMounted: !1,
   zIndex: getDefaultZIndex("modal"),
   position: "left"
-}, varsResolver$b = (_, { position, size: size2, offset: offset2 }) => ({
+}, varsResolver$d = (_, { position, size: size2, offset: offset2 }) => ({
   root: {
     "--drawer-size": getSize(size2, "drawer-size"),
     "--drawer-flex": getDrawerFlex(position),
@@ -9422,7 +9426,7 @@ const transitions = {
     "--drawer-offset": rem(offset2)
   }
 }), DrawerRoot = factory((_props, ref) => {
-  const props = useProps("DrawerRoot", defaultProps$w, _props), {
+  const props = useProps("DrawerRoot", defaultProps$y, _props), {
     classNames,
     className,
     style,
@@ -9436,7 +9440,7 @@ const transitions = {
     ...others
   } = props, { dir } = useDirection(), getStyles2 = useStyles({
     name: "Drawer",
-    classes: __default__$c,
+    classes: classes$e,
     props,
     className,
     style,
@@ -9444,7 +9448,7 @@ const transitions = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$b
+    varsResolver: varsResolver$d
   }), drawerTransition = (dir === "rtl" ? rtlTransitions : transitions)[position];
   return /* @__PURE__ */ jsx(DrawerProvider, { value: { scrollAreaComponent, getStyles: getStyles2, radius }, children: /* @__PURE__ */ jsx(
     ModalBase,
@@ -9457,10 +9461,10 @@ const transitions = {
     }
   ) });
 });
-DrawerRoot.classes = __default__$c;
+DrawerRoot.classes = classes$e;
 DrawerRoot.displayName = "@mantine/core/DrawerRoot";
-const defaultProps$v = {}, DrawerTitle = factory((_props, ref) => {
-  const props = useProps("DrawerTitle", defaultProps$v, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$x = {}, DrawerTitle = factory((_props, ref) => {
+  const props = useProps("DrawerTitle", defaultProps$x, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseTitle,
     {
@@ -9470,9 +9474,9 @@ const defaultProps$v = {}, DrawerTitle = factory((_props, ref) => {
     }
   );
 });
-DrawerTitle.classes = __default__$c;
+DrawerTitle.classes = classes$e;
 DrawerTitle.displayName = "@mantine/core/DrawerTitle";
-const defaultProps$u = {
+const defaultProps$w = {
   closeOnClickOutside: !0,
   withinPortal: !0,
   lockScroll: !0,
@@ -9492,7 +9496,7 @@ const defaultProps$u = {
     closeButtonProps,
     children,
     ...others
-  } = useProps("Drawer", defaultProps$u, _props), hasHeader = !!title || withCloseButton;
+  } = useProps("Drawer", defaultProps$w, _props), hasHeader = !!title || withCloseButton;
   return /* @__PURE__ */ jsxs(DrawerRoot, { ref, ...others, children: [
     withOverlay && /* @__PURE__ */ jsx(DrawerOverlay, { ...overlayProps }),
     /* @__PURE__ */ jsxs(DrawerContent, { children: [
@@ -9504,7 +9508,7 @@ const defaultProps$u = {
     ] })
   ] });
 });
-Drawer.classes = __default__$c;
+Drawer.classes = classes$e;
 Drawer.displayName = "@mantine/core/Drawer";
 Drawer.Root = DrawerRoot;
 Drawer.Overlay = DrawerOverlay;
@@ -9525,22 +9529,22 @@ function useDelayedHover({ open, close, openDelay, closeDelay }) {
 }
 const [HoverCardContextProvider, useHoverCardContext] = createSafeContext(
   "HoverCard component was not found in the tree"
-), defaultProps$t = {};
+), defaultProps$v = {};
 function HoverCardDropdown(props) {
   const { children, onMouseEnter, onMouseLeave, ...others } = useProps(
     "HoverCardDropdown",
-    defaultProps$t,
+    defaultProps$v,
     props
   ), 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";
-const defaultProps$s = {
+const defaultProps$u = {
   refProp: "ref"
 }, HoverCardTarget = forwardRef((props, ref) => {
   const { children, refProp, eventPropsWrapperName, ...others } = useProps(
     "HoverCardTarget",
-    defaultProps$s,
+    defaultProps$u,
     props
   );
   if (!isElement$1(children))
@@ -9554,7 +9558,7 @@ const defaultProps$s = {
   ) });
 });
 HoverCardTarget.displayName = "@mantine/core/HoverCardTarget";
-const defaultProps$r = {
+const defaultProps$t = {
   openDelay: 0,
   closeDelay: 150,
   initiallyOpened: !1
@@ -9562,7 +9566,7 @@ const defaultProps$r = {
 function HoverCard(props) {
   const { children, onOpen, onClose, openDelay, closeDelay, initiallyOpened, ...others } = useProps(
     "HoverCard",
-    defaultProps$r,
+    defaultProps$t,
     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 }) });
@@ -9571,14 +9575,75 @@ HoverCard.displayName = "@mantine/core/HoverCard";
 HoverCard.Target = HoverCardTarget;
 HoverCard.Dropdown = HoverCardDropdown;
 HoverCard.extend = (input) => input;
+var __default__$d = { root: "m_6e45937b", loader: "m_e8eb006c", overlay: "m_df587f17" };
+const classes$d = __default__$d, defaultProps$s = {
+  transitionProps: { transition: "fade", duration: 0 },
+  overlayProps: { backgroundOpacity: 0.75 },
+  zIndex: getDefaultZIndex("overlay")
+}, varsResolver$c = (_, { zIndex }) => ({
+  root: {
+    "--lo-z-index": zIndex?.toString()
+  }
+}), LoadingOverlay = factory((_props, ref) => {
+  const props = useProps("LoadingOverlay", defaultProps$s, _props), {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    transitionProps,
+    loaderProps,
+    overlayProps,
+    visible: visible2,
+    zIndex,
+    ...others
+  } = props, theme = useMantineTheme(), getStyles2 = useStyles({
+    name: "LoadingOverlay",
+    classes: classes$d,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver: varsResolver$c
+  }), _overlayProps = { ...defaultProps$s.overlayProps, ...overlayProps };
+  return /* @__PURE__ */ jsx(Transition, { transition: "fade", ...transitionProps, mounted: !!visible2, children: (transitionStyles) => /* @__PURE__ */ jsxs(Box, { ...getStyles2("root", { style: transitionStyles }), ref, ...others, children: [
+    /* @__PURE__ */ jsx(Loader, { ...getStyles2("loader"), unstyled, ...loaderProps }),
+    /* @__PURE__ */ jsx(
+      Overlay,
+      {
+        ..._overlayProps,
+        ...getStyles2("overlay"),
+        darkHidden: !0,
+        unstyled,
+        color: overlayProps?.color || theme.white
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Overlay,
+      {
+        ..._overlayProps,
+        ...getStyles2("overlay"),
+        lightHidden: !0,
+        unstyled,
+        color: overlayProps?.color || theme.colors.dark[5]
+      }
+    )
+  ] }) });
+});
+LoadingOverlay.classes = classes$d;
+LoadingOverlay.displayName = "@mantine/core/LoadingOverlay";
 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" };
-const defaultProps$q = {}, MenuDivider = factory((props, ref) => {
+var __default__$c = { dropdown: "m_dc9b7c9f", label: "m_9bfac126", divider: "m_efdf90cb", item: "m_99ac2aa1", itemLabel: "m_5476e0d3", itemSection: "m_8b75e504" };
+const classes$c = __default__$c, defaultProps$r = {}, MenuDivider = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "MenuDivider",
-    defaultProps$q,
+    defaultProps$r,
     props
   ), ctx = useMenuContext();
   return /* @__PURE__ */ jsx(
@@ -9590,9 +9655,9 @@ const defaultProps$q = {}, MenuDivider = factory((props, ref) => {
     }
   );
 });
-MenuDivider.classes = __default__$b;
+MenuDivider.classes = classes$c;
 MenuDivider.displayName = "@mantine/core/MenuDivider";
-const defaultProps$p = {}, MenuDropdown = factory((props, ref) => {
+const defaultProps$q = {}, MenuDropdown = factory((props, ref) => {
   const {
     classNames,
     className,
@@ -9603,7 +9668,7 @@ const defaultProps$p = {}, MenuDropdown = factory((props, ref) => {
     onMouseLeave,
     children,
     ...others
-  } = useProps("MenuDropdown", defaultProps$p, props), wrapperRef = useRef(null), ctx = useMenuContext(), handleKeyDown = (event) => {
+  } = useProps("MenuDropdown", defaultProps$q, props), wrapperRef = useRef(null), ctx = useMenuContext(), handleKeyDown = (event) => {
     (event.key === "ArrowUp" || event.key === "ArrowDown") && (event.preventDefault(), wrapperRef.current?.querySelectorAll("[data-menu-item]:not(:disabled)")[0]?.focus());
   }, handleMouseEnter = createEventHandler(
     onMouseEnter,
@@ -9638,9 +9703,9 @@ const defaultProps$p = {}, MenuDropdown = factory((props, ref) => {
     }
   );
 });
-MenuDropdown.classes = __default__$b;
+MenuDropdown.classes = classes$c;
 MenuDropdown.displayName = "@mantine/core/MenuDropdown";
-const defaultProps$o = {}, MenuItem = polymorphicFactory((props, ref) => {
+const defaultProps$p = {}, MenuItem = polymorphicFactory((props, ref) => {
   const {
     classNames,
     className,
@@ -9654,7 +9719,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$p, 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, () => {
@@ -9701,12 +9766,12 @@ const defaultProps$o = {}, MenuItem = polymorphicFactory((props, ref) => {
     }
   );
 });
-MenuItem.classes = __default__$b;
+MenuItem.classes = classes$c;
 MenuItem.displayName = "@mantine/core/MenuItem";
-const defaultProps$n = {}, MenuLabel = factory((props, ref) => {
+const defaultProps$o = {}, MenuLabel = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "MenuLabel",
-    defaultProps$n,
+    defaultProps$o,
     props
   ), ctx = useMenuContext();
   return /* @__PURE__ */ jsx(
@@ -9718,12 +9783,12 @@ const defaultProps$n = {}, MenuLabel = factory((props, ref) => {
     }
   );
 });
-MenuLabel.classes = __default__$b;
+MenuLabel.classes = classes$c;
 MenuLabel.displayName = "@mantine/core/MenuLabel";
-const defaultProps$m = {
+const defaultProps$n = {
   refProp: "ref"
 }, MenuTarget = forwardRef((props, ref) => {
-  const { children, refProp, ...others } = useProps("MenuTarget", defaultProps$m, props);
+  const { children, refProp, ...others } = useProps("MenuTarget", defaultProps$n, 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"
@@ -9744,7 +9809,7 @@ const defaultProps$m = {
   }) });
 });
 MenuTarget.displayName = "@mantine/core/MenuTarget";
-const defaultProps$l = {
+const defaultProps$m = {
   trapFocus: !0,
   closeOnItemClick: !0,
   clickOutsideEvents: ["mousedown", "touchstart", "keydown"],
@@ -9755,7 +9820,7 @@ const defaultProps$l = {
   menuItemTabIndex: -1
 };
 function Menu(_props) {
-  const props = useProps("Menu", defaultProps$l, _props), {
+  const props = useProps("Menu", defaultProps$m, _props), {
     children,
     onOpen,
     onClose,
@@ -9779,7 +9844,7 @@ function Menu(_props) {
     ...others
   } = props, getStyles2 = useStyles({
     name: "Menu",
-    classes: __default__$b,
+    classes: classes$c,
     props,
     classNames,
     styles,
@@ -9845,7 +9910,7 @@ function Menu(_props) {
   );
 }
 Menu.extend = (input) => input;
-Menu.classes = __default__$b;
+Menu.classes = classes$c;
 Menu.displayName = "@mantine/core/Menu";
 Menu.Item = MenuItem;
 Menu.Label = MenuLabel;
@@ -9855,9 +9920,9 @@ Menu.Divider = MenuDivider;
 const [ModalProvider, useModalContext] = createSafeContext(
   "Modal component was not found in tree"
 );
-var __default__$a = { root: "m_9df02822", content: "m_54c44539", inner: "m_1f958f16", header: "m_d0e2b9cd" };
-const defaultProps$k = {}, ModalBody = factory((_props, ref) => {
-  const props = useProps("ModalBody", defaultProps$k, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useModalContext();
+var __default__$b = { root: "m_9df02822", content: "m_54c44539", inner: "m_1f958f16", header: "m_d0e2b9cd" };
+const classes$b = __default__$b, defaultProps$l = {}, ModalBody = factory((_props, ref) => {
+  const props = useProps("ModalBody", defaultProps$l, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useModalContext();
   return /* @__PURE__ */ jsx(
     ModalBaseBody,
     {
@@ -9867,10 +9932,10 @@ const defaultProps$k = {}, ModalBody = factory((_props, ref) => {
     }
   );
 });
-ModalBody.classes = __default__$a;
+ModalBody.classes = classes$b;
 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 defaultProps$k = {}, ModalContent = factory((_props, ref) => {
+  const props = useProps("ModalContent", defaultProps$k, _props), { classNames, className, style, styles, vars, children, ...others } = props, ctx = useModalContext(), Scroll = ctx.scrollAreaComponent || NativeScrollArea;
   return /* @__PURE__ */ jsx(
     ModalBaseContent,
     {
@@ -9892,10 +9957,10 @@ const defaultProps$j = {}, ModalContent = factory((_props, ref) => {
     }
   );
 });
-ModalContent.classes = __default__$a;
+ModalContent.classes = classes$b;
 ModalContent.displayName = "@mantine/core/ModalContent";
-const defaultProps$i = {}, ModalOverlay = factory((_props, ref) => {
-  const props = useProps("ModalOverlay", defaultProps$i, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useModalContext();
+const defaultProps$j = {}, ModalOverlay = factory((_props, ref) => {
+  const props = useProps("ModalOverlay", defaultProps$j, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useModalContext();
   return /* @__PURE__ */ jsx(
     ModalBaseOverlay,
     {
@@ -9905,9 +9970,9 @@ const defaultProps$i = {}, ModalOverlay = factory((_props, ref) => {
     }
   );
 });
-ModalOverlay.classes = __default__$a;
+ModalOverlay.classes = classes$b;
 ModalOverlay.displayName = "@mantine/core/ModalOverlay";
-const defaultProps$h = {
+const defaultProps$i = {
   __staticSelector: "Modal",
   closeOnClickOutside: !0,
   withinPortal: !0,
@@ -9919,7 +9984,7 @@ const defaultProps$h = {
   zIndex: getDefaultZIndex("modal"),
   transitionProps: { duration: 200, transition: "pop" },
   yOffset: "5dvh"
-}, varsResolver$a = (_, { radius, size: size2, yOffset, xOffset }) => ({
+}, varsResolver$b = (_, { radius, size: size2, yOffset, xOffset }) => ({
   root: {
     "--modal-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--modal-size": getSize(size2, "modal-size"),
@@ -9927,7 +9992,7 @@ const defaultProps$h = {
     "--modal-x-offset": rem(xOffset)
   }
 }), ModalRoot = factory((_props, ref) => {
-  const props = useProps("ModalRoot", defaultProps$h, _props), {
+  const props = useProps("ModalRoot", defaultProps$i, _props), {
     classNames,
     className,
     style,
@@ -9944,7 +10009,7 @@ const defaultProps$h = {
     ...others
   } = props, getStyles2 = useStyles({
     name: __staticSelector,
-    classes: __default__$a,
+    classes: classes$b,
     props,
     className,
     style,
@@ -9952,7 +10017,7 @@ const defaultProps$h = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$a
+    varsResolver: varsResolver$b
   });
   return /* @__PURE__ */ jsx(ModalProvider, { value: { yOffset, scrollAreaComponent, getStyles: getStyles2, fullScreen }, children: /* @__PURE__ */ jsx(
     ModalBase,
@@ -9966,8 +10031,82 @@ const defaultProps$h = {
     }
   ) });
 });
-ModalRoot.classes = __default__$a;
+ModalRoot.classes = classes$b;
 ModalRoot.displayName = "@mantine/core/ModalRoot";
+var __default__$a = { root: "m_a513464", icon: "m_a4ceffb", loader: "m_b0920b15", body: "m_a49ed24", title: "m_3feedf16", description: "m_3d733a3a", closeButton: "m_919a4d88" };
+const classes$a = __default__$a, defaultProps$h = {
+  withCloseButton: !0
+}, varsResolver$a = (theme, { radius, color }) => ({
+  root: {
+    "--notification-radius": radius === void 0 ? void 0 : getRadius(radius),
+    "--notification-color": color ? getThemeColor(color, theme) : void 0
+  }
+}), Notification = factory((_props, ref) => {
+  const props = useProps("Notification", defaultProps$h, _props), {
+    className,
+    color,
+    radius,
+    loading,
+    withCloseButton,
+    withBorder,
+    title,
+    icon,
+    children,
+    onClose,
+    closeButtonProps,
+    classNames,
+    style,
+    styles,
+    unstyled,
+    variant,
+    vars,
+    mod,
+    ...others
+  } = props, getStyles2 = useStyles({
+    name: "Notification",
+    classes: classes$a,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver: varsResolver$a
+  });
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ...getStyles2("root"),
+      mod: [{ "data-with-icon": !!icon || loading, "data-with-border": withBorder }, mod],
+      ref,
+      variant,
+      ...others,
+      role: "alert",
+      children: [
+        icon && !loading && /* @__PURE__ */ jsx("div", { ...getStyles2("icon"), children: icon }),
+        loading && /* @__PURE__ */ jsx(Loader, { size: 28, color, ...getStyles2("loader") }),
+        /* @__PURE__ */ jsxs("div", { ...getStyles2("body"), children: [
+          title && /* @__PURE__ */ jsx("div", { ...getStyles2("title"), children: title }),
+          /* @__PURE__ */ jsx(Box, { ...getStyles2("description"), mod: { "data-with-title": !!title }, children })
+        ] }),
+        withCloseButton && /* @__PURE__ */ jsx(
+          CloseButton,
+          {
+            iconSize: 16,
+            color: "gray",
+            ...closeButtonProps,
+            unstyled,
+            onClick: onClose,
+            ...getStyles2("closeButton")
+          }
+        )
+      ]
+    }
+  );
+});
+Notification.classes = classes$a;
+Notification.displayName = "@mantine/core/Notification";
 const defaultTransition = {
   duration: 100,
   transition: "fade"
@@ -10024,7 +10163,7 @@ function useFloatingTooltip({
   }, [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 = {
+const classes$9 = __default__$9, defaultProps$g = {
   refProp: "ref",
   withinPortal: !0,
   offset: 10,
@@ -10063,7 +10202,7 @@ const defaultProps$g = {
   } = props, theme = useMantineTheme(), getStyles2 = useStyles({
     name: "TooltipFloating",
     props,
-    classes: __default__$9,
+    classes: classes$9,
     className,
     style,
     classNames,
@@ -10114,7 +10253,7 @@ const defaultProps$g = {
     })
   ] });
 });
-TooltipFloating.classes = __default__$9;
+TooltipFloating.classes = classes$9;
 TooltipFloating.displayName = "@mantine/core/TooltipFloating";
 const TooltipGroupContext = createContext(!1), TooltipGroupProvider = TooltipGroupContext.Provider, useTooltipGroupContext = () => useContext(TooltipGroupContext), defaultProps$f = {
   openDelay: 0,
@@ -10266,7 +10405,7 @@ const defaultProps$e = {
   }), getStyles2 = useStyles({
     name: "Tooltip",
     props,
-    classes: __default__$9,
+    classes: classes$9,
     className,
     style,
     classNames,
@@ -10345,12 +10484,12 @@ const defaultProps$e = {
     )
   ] });
 });
-Tooltip.classes = __default__$9;
+Tooltip.classes = classes$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_78882f40" };
-const defaultProps$d = {
+const classes$8 = __default__$8, defaultProps$d = {
   withItemsBorders: !0
 }, varsResolver$7 = (theme, { radius, color, transitionDuration, size: size2, transitionTimingFunction }) => ({
   root: {
@@ -10392,7 +10531,7 @@ const defaultProps$d = {
   } = props, getStyles2 = useStyles({
     name: "SegmentedControl",
     props,
-    classes: __default__$8,
+    classes: classes$8,
     className,
     style,
     classNames,
@@ -10485,7 +10624,7 @@ const defaultProps$d = {
     }
   );
 });
-SegmentedControl.classes = __default__$8;
+SegmentedControl.classes = classes$8;
 SegmentedControl.displayName = "@mantine/core/SegmentedControl";
 const defaultProps$c = {
   searchable: !1,
@@ -10731,7 +10870,7 @@ function SimpleGridContainerVariables({
   return /* @__PURE__ */ jsx(InlineStyles, { styles: baseStyles, container: media, selector });
 }
 var __default__$7 = { container: "m_925c2d2c", root: "m_2415a157" };
-const defaultProps$b = {
+const classes$7 = __default__$7, defaultProps$b = {
   cols: 1,
   spacing: "md",
   type: "media"
@@ -10750,7 +10889,7 @@ const defaultProps$b = {
     ...others
   } = props, getStyles2 = useStyles({
     name: "SimpleGrid",
-    classes: __default__$7,
+    classes: classes$7,
     props,
     className,
     style,
@@ -10767,7 +10906,7 @@ const defaultProps$b = {
     /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("root", { className: responsiveClassName }), ...others })
   ] });
 });
-SimpleGrid.classes = __default__$7;
+SimpleGrid.classes = classes$7;
 SimpleGrid.displayName = "@mantine/core/SimpleGrid";
 const [SliderProvider, useSliderContext] = createSafeContext(
   "SliderProvider was not found in tree"
@@ -10929,7 +11068,7 @@ function getPrecision(step) {
   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" };
-const defaultProps$a = {
+const classes$6 = __default__$6, defaultProps$a = {
   radius: "xl",
   min: 0,
   max: 100,
@@ -10982,7 +11121,7 @@ const defaultProps$a = {
   } = props, getStyles2 = useStyles({
     name: "Slider",
     props,
-    classes: __default__$6,
+    classes: classes$6,
     classNames,
     className,
     styles,
@@ -11114,7 +11253,7 @@ const defaultProps$a = {
     }
   ) });
 });
-Slider.classes = __default__$6;
+Slider.classes = classes$6;
 Slider.displayName = "@mantine/core/Slider";
 const defaultProps$9 = {}, Space = factory((props, ref) => {
   const { w, h, miw, mih, ...others } = useProps("Space", defaultProps$9, props);
@@ -11122,7 +11261,7 @@ const defaultProps$9 = {}, Space = factory((props, ref) => {
 });
 Space.displayName = "@mantine/core/Space";
 var __default__$5 = { root: "m_559cce2d", content: "m_b912df4e", control: "m_b9131032" };
-const defaultProps$8 = {
+const classes$5 = __default__$5, defaultProps$8 = {
   maxHeight: 100,
   initialState: !1
 }, varsResolver$5 = (_, { transitionDuration }) => ({
@@ -11150,7 +11289,7 @@ const defaultProps$8 = {
     ...others
   } = props, getStyles2 = useStyles({
     name: "Spoiler",
-    classes: __default__$5,
+    classes: classes$5,
     props,
     className,
     style,
@@ -11203,10 +11342,10 @@ const defaultProps$8 = {
     }
   );
 });
-Spoiler.classes = __default__$5;
+Spoiler.classes = classes$5;
 Spoiler.displayName = "@mantine/core/Spoiler";
 var __default__$4 = { root: "m_6d731127" };
-const defaultProps$7 = {
+const classes$4 = __default__$4, defaultProps$7 = {
   gap: "md",
   align: "stretch",
   justify: "flex-start"
@@ -11232,7 +11371,7 @@ const defaultProps$7 = {
   } = props, getStyles2 = useStyles({
     name: "Stack",
     props,
-    classes: __default__$4,
+    classes: classes$4,
     className,
     style,
     classNames,
@@ -11243,13 +11382,13 @@ const defaultProps$7 = {
   });
   return /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("root"), variant, ...others });
 });
-Stack.classes = __default__$4;
+Stack.classes = classes$4;
 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_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 classes$3 = __default__$3, 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();
   return /* @__PURE__ */ jsx(
     Box,
@@ -11281,7 +11420,7 @@ const defaultProps$6 = {}, TabsList = factory((_props, ref) => {
     }
   );
 });
-TabsList.classes = __default__$3;
+TabsList.classes = classes$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;
@@ -11305,7 +11444,7 @@ const defaultProps$5 = {}, TabsPanel = factory((_props, ref) => {
     }
   );
 });
-TabsPanel.classes = __default__$3;
+TabsPanel.classes = classes$3;
 TabsPanel.displayName = "@mantine/core/TabsPanel";
 const defaultProps$4 = {}, TabsTab = factory((_props, ref) => {
   const props = useProps("TabsTab", defaultProps$4, _props), {
@@ -11370,7 +11509,7 @@ const defaultProps$4 = {}, TabsTab = factory((_props, ref) => {
     }
   );
 });
-TabsTab.classes = __default__$3;
+TabsTab.classes = classes$3;
 TabsTab.displayName = "@mantine/core/TabsTab";
 const VALUE_ERROR = "Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value", defaultProps$3 = {
   keepMounted: !0,
@@ -11422,7 +11561,7 @@ const VALUE_ERROR = "Tabs.Tab or Tabs.Panel component was rendered with invalid
   }), getStyles2 = useStyles({
     name: "Tabs",
     props,
-    classes: __default__$3,
+    classes: classes$3,
     className,
     style,
     classNames,
@@ -11475,13 +11614,13 @@ const VALUE_ERROR = "Tabs.Tab or Tabs.Panel component was rendered with invalid
     }
   );
 });
-Tabs.classes = __default__$3;
+Tabs.classes = classes$3;
 Tabs.displayName = "@mantine/core/Tabs";
 Tabs.Tab = TabsTab;
 Tabs.Panel = TabsPanel;
 Tabs.List = TabsList;
 var __default__$2 = { root: "m_7341320d" };
-const defaultProps$2 = {}, varsResolver$2 = (theme, { size: size2, radius, variant, gradient, color, autoContrast }) => {
+const classes$2 = __default__$2, defaultProps$2 = {}, varsResolver$2 = (theme, { size: size2, radius, variant, gradient, color, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
     theme,
@@ -11501,7 +11640,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({
     name: "ThemeIcon",
-    classes: __default__$2,
+    classes: classes$2,
     props,
     className,
     style,
@@ -11513,7 +11652,7 @@ const defaultProps$2 = {}, varsResolver$2 = (theme, { size: size2, radius, varia
   });
   return /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("root"), ...others });
 });
-ThemeIcon.classes = __default__$2;
+ThemeIcon.classes = classes$2;
 ThemeIcon.displayName = "@mantine/core/ThemeIcon";
 const headings = ["h1", "h2", "h3", "h4", "h5", "h6"];
 function getTitleSize(order, size2) {
@@ -11529,7 +11668,7 @@ function getTitleSize(order, size2) {
   };
 }
 var __default__$1 = { root: "m_8a5d1357" };
-const defaultProps$1 = {
+const classes$1 = __default__$1, defaultProps$1 = {
   order: 1
 }, varsResolver$1 = (_, { order, size: size2, lineClamp, textWrap }) => {
   const sizeVariables = getTitleSize(order, size2);
@@ -11560,7 +11699,7 @@ const defaultProps$1 = {
   } = props, getStyles2 = useStyles({
     name: "Title",
     props,
-    classes: __default__$1,
+    classes: classes$1,
     className,
     style,
     classNames,
@@ -11582,7 +11721,7 @@ const defaultProps$1 = {
     }
   ) : null;
 });
-Title.classes = __default__$1;
+Title.classes = classes$1;
 Title.displayName = "@mantine/core/Title";
 function getValuesRange(anchor, value, flatValues) {
   if (!anchor || !value)
@@ -11753,6 +11892,7 @@ function useTree({
   };
 }
 var __default__ = { root: "m_f698e191", subtree: "m_75f3ecf", node: "m_f6970eb1", label: "m_dc283425" };
+const classes = __default__;
 function getFlatValues(data) {
   return data.reduce((acc, item) => (acc.push(item.value), item.children && acc.push(...getFlatValues(item.children)), acc), []);
 }
@@ -11784,7 +11924,7 @@ const defaultProps = {
     ...others
   } = props, defaultController = useTree(), controller = tree || defaultController, getStyles2 = useStyles({
     name: "Tree",
-    classes: __default__,
+    classes,
     props,
     className,
     style,
@@ -11830,49 +11970,54 @@ const defaultProps = {
   );
 });
 Tree.displayName = "@mantine/core/Tree";
-Tree.classes = __default__;
+Tree.classes = classes;
 export {
-  useMantineTheme as $,
+  ModalBody as $,
   ActionIcon as A,
   Button as B,
   Container as C,
   Divider as D,
-  useTree as E,
+  FloatingIndicator as E,
   Flex as F,
   Group as G,
   HoverCard as H,
-  useComputedColorScheme as I,
-  Tree as J,
-  ThemeIcon as K,
-  Drawer as L,
+  Code as I,
+  SimpleGrid as J,
+  useMantineColorScheme as K,
+  useTree as L,
   MantineProvider as M,
-  ScrollArea as N,
-  Alert as O,
-  Code as P,
-  ModalRoot as Q,
-  ModalOverlay as R,
+  Notification as N,
+  useComputedColorScheme as O,
+  Popover as P,
+  Tree as Q,
+  ThemeIcon 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 _,
+  Drawer as V,
+  ScrollArea as W,
+  Alert as X,
+  ModalRoot as Y,
+  ModalOverlay as Z,
+  ModalContent 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,
+  Tabs as a0,
+  TabsList as a1,
+  TabsTab as a2,
+  TabsPanel as a3,
+  useMantineTheme as a4,
+  useMediaQuery as a5,
+  useDisclosure as a6,
+  Paper as a7,
+  Menu as a8,
+  MenuTarget as a9,
+  MenuDropdown as aa,
+  MenuItem as ab,
+  MenuLabel as ac,
+  LoadingOverlay as ad,
+  useCallbackRef as ae,
+  Burger as af,
+  Loader as ag,
   MantineContext as b,
   createTheme as c,
   clsx as d,
@@ -11881,10 +12026,10 @@ export {
   HoverCardDropdown as g,
   Anchor as h,
   CopyButton as i,
-  Card as j,
-  CardSection as k,
-  Spoiler as l,
-  useHotkeys as m,
+  useLocalStorage as j,
+  Card as k,
+  CardSection as l,
+  Spoiler as m,
   ButtonGroup as n,
   Space as o,
   TooltipGroup as p,
@@ -11892,10 +12037,10 @@ export {
   rem as r,
   ColorSwatch as s,
   CheckIcon as t,
-  useLocalStorage as u,
+  useHotkeys as u,
   Select as v,
   Slider as w,
   SegmentedControl as x,
-  SimpleGrid as y,
-  useMantineColorScheme as z
+  PopoverTarget as y,
+  PopoverDropdown as z
 };