likec4 1.7.4 → 1.8.0

package/dist/__app__/src/chunks/{mantine-CIkjlE3R.js → mantine-BYr8JSNL.js}

@@ -3024,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$1p = {
+}), defaultProps$1s = {
   scrollHideDelay: 1e3,
   type: "hover"
 }, ScrollAreaRoot = forwardRef((_props, ref) => {
-  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));
+  const props = useProps("ScrollAreaRoot", defaultProps$1s, _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,
     {
@@ -3438,17 +3438,17 @@ const Thumb$1 = forwardRef((props, forwardedRef) => {
   }
 );
 ScrollAreaViewport.displayName = "@mantine/core/ScrollAreaViewport";
-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 = {
+var __default__$G = { root: "m_d57069b5", viewport: "m_c0783ff9", viewportInner: "m_f8f631dd", scrollbar: "m_c44ba933", thumb: "m_d8b5e363", corner: "m_21657268" };
+const classes$G = __default__$G, defaultProps$1r = {
   scrollHideDelay: 1e3,
   type: "hover",
   scrollbars: "xy"
-}, varsResolver$E = (_, { scrollbarSize }) => ({
+}, varsResolver$G = (_, { scrollbarSize }) => ({
   root: {
     "--scrollarea-scrollbar-size": rem(scrollbarSize)
   }
 }), ScrollArea = factory((_props, ref) => {
-  const props = useProps("ScrollArea", defaultProps$1o, _props), {
+  const props = useProps("ScrollArea", defaultProps$1r, _props), {
     classNames,
     className,
     style,
@@ -3468,14 +3468,14 @@ const classes$D = __default__$D, defaultProps$1o = {
   } = props, [scrollbarHovered, setScrollbarHovered] = useState(!1), getStyles2 = useStyles({
     name: "ScrollArea",
     props,
-    classes: classes$D,
+    classes: classes$G,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$E
+    varsResolver: varsResolver$G
   });
   return /* @__PURE__ */ jsxs(
     ScrollAreaRoot,
@@ -3557,7 +3557,7 @@ const ScrollAreaAutosize = factory((props, ref) => {
     style,
     vars,
     ...others
-  } = useProps("ScrollAreaAutosize", defaultProps$1o, props);
+  } = useProps("ScrollAreaAutosize", defaultProps$1r, 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,
     {
@@ -3579,16 +3579,16 @@ const ScrollAreaAutosize = factory((props, ref) => {
     }
   ) }) });
 });
-ScrollArea.classes = classes$D;
+ScrollArea.classes = classes$G;
 ScrollAreaAutosize.displayName = "@mantine/core/ScrollAreaAutosize";
-ScrollAreaAutosize.classes = classes$D;
+ScrollAreaAutosize.classes = classes$G;
 ScrollArea.Autosize = ScrollAreaAutosize;
-var __default__$C = { root: "m_87cf2631" };
-const classes$C = __default__$C, defaultProps$1n = {
+var __default__$F = { root: "m_87cf2631" };
+const classes$F = __default__$F, defaultProps$1q = {
   __staticSelector: "UnstyledButton"
 }, UnstyledButton = polymorphicFactory(
   (_props, ref) => {
-    const props = useProps("UnstyledButton", defaultProps$1n, _props), {
+    const props = useProps("UnstyledButton", defaultProps$1q, _props), {
       className,
       component = "button",
       __staticSelector,
@@ -3600,7 +3600,7 @@ const classes$C = __default__$C, defaultProps$1n = {
     } = props, getStyles2 = useStyles({
       name: __staticSelector,
       props,
-      classes: classes$C,
+      classes: classes$F,
       className,
       style,
       classNames,
@@ -3619,13 +3619,13 @@ const classes$C = __default__$C, defaultProps$1n = {
     );
   }
 );
-UnstyledButton.classes = classes$C;
+UnstyledButton.classes = classes$F;
 UnstyledButton.displayName = "@mantine/core/UnstyledButton";
-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({
+var __default__$E = { root: "m_515a97f8" };
+const classes$E = __default__$E, defaultProps$1p = {}, VisuallyHidden = factory((_props, ref) => {
+  const props = useProps("VisuallyHidden", defaultProps$1p, _props), { classNames, className, style, styles, unstyled, vars, ...others } = props, getStyles2 = useStyles({
     name: "VisuallyHidden",
-    classes: classes$B,
+    classes: classes$E,
     props,
     className,
     style,
@@ -3635,16 +3635,16 @@ const classes$B = __default__$B, defaultProps$1m = {}, VisuallyHidden = factory(
   });
   return /* @__PURE__ */ jsx(Box, { component: "span", ref, ...getStyles2("root"), ...others });
 });
-VisuallyHidden.classes = classes$B;
+VisuallyHidden.classes = classes$E;
 VisuallyHidden.displayName = "@mantine/core/VisuallyHidden";
-var __default__$A = { root: "m_1b7284a3" };
-const classes$A = __default__$A, defaultProps$1l = {}, varsResolver$D = (_, { radius, shadow }) => ({
+var __default__$D = { root: "m_1b7284a3" };
+const classes$D = __default__$D, defaultProps$1o = {}, varsResolver$F = (_, { 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$1l, _props), {
+  const props = useProps("Paper", defaultProps$1o, _props), {
     classNames,
     className,
     style,
@@ -3660,14 +3660,14 @@ const classes$A = __default__$A, defaultProps$1l = {}, varsResolver$D = (_, { ra
   } = props, getStyles2 = useStyles({
     name: "Paper",
     props,
-    classes: classes$A,
+    classes: classes$D,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$D
+    varsResolver: varsResolver$F
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -3680,7 +3680,7 @@ const classes$A = __default__$A, defaultProps$1l = {}, varsResolver$D = (_, { ra
     }
   );
 });
-Paper.classes = classes$A;
+Paper.classes = classes$D;
 Paper.displayName = "@mantine/core/Paper";
 function getNodeName(node) {
   return isNode(node) ? (node.nodeName || "").toLowerCase() : "#document";
@@ -5946,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$1k = {}, Portal = forwardRef((props, ref) => {
-  const { children, target, ...others } = useProps("Portal", defaultProps$1k, props), [mounted, setMounted] = useState(!1), nodeRef = useRef(null);
+const defaultProps$1n = {}, Portal = forwardRef((props, ref) => {
+  const { children, target, ...others } = useProps("Portal", defaultProps$1n, 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);
@@ -6190,9 +6190,9 @@ function Transition({
   ) });
 }
 Transition.displayName = "@mantine/core/Transition";
-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), {
+var __default__$C = { dropdown: "m_38a85659", arrow: "m_a31dc6c1" };
+const classes$C = __default__$C, defaultProps$1m = {}, PopoverDropdown = factory((_props, ref) => {
+  const props = useProps("PopoverDropdown", defaultProps$1m, _props), {
     className,
     style,
     vars,
@@ -6276,15 +6276,15 @@ const classes$z = __default__$z, defaultProps$1j = {}, PopoverDropdown = factory
     }
   ) });
 });
-PopoverDropdown.classes = classes$z;
+PopoverDropdown.classes = classes$C;
 PopoverDropdown.displayName = "@mantine/core/PopoverDropdown";
-const defaultProps$1i = {
+const defaultProps$1l = {
   refProp: "ref",
   popupType: "dialog"
 }, PopoverTarget = factory((props, ref) => {
   const { children, refProp, popupType, ...others } = useProps(
     "PopoverTarget",
-    defaultProps$1i,
+    defaultProps$1l,
     props
   );
   if (!isElement$1(children))
@@ -6396,7 +6396,7 @@ function usePopover(options) {
     onToggle
   };
 }
-const defaultProps$1h = {
+const defaultProps$1k = {
   position: "bottom",
   offset: 8,
   positionDependencies: [],
@@ -6416,14 +6416,14 @@ const defaultProps$1h = {
   zIndex: getDefaultZIndex("popover"),
   __staticSelector: "Popover",
   width: "max-content"
-}, varsResolver$C = (_, { radius, shadow }) => ({
+}, varsResolver$E = (_, { radius, shadow }) => ({
   dropdown: {
     "--popover-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--popover-shadow": getShadow(shadow)
   }
 });
 function Popover(_props) {
-  const props = useProps("Popover", defaultProps$1h, _props), {
+  const props = useProps("Popover", defaultProps$1k, _props), {
     children,
     position,
     offset: offset2,
@@ -6467,13 +6467,13 @@ function Popover(_props) {
   } = props, getStyles2 = useStyles({
     name: __staticSelector,
     props,
-    classes: classes$z,
+    classes: classes$C,
     classNames,
     styles,
     unstyled,
     rootSelector: "dropdown",
     vars,
-    varsResolver: varsResolver$C
+    varsResolver: varsResolver$E
   }), arrowRef = useRef(null), [targetNode, setTargetNode] = useState(null), [dropdownNode, setDropdownNode] = useState(null), { dir } = useDirection(), uid = useId$1(id), popover = usePopover({
     middlewares,
     width,
@@ -6558,29 +6558,29 @@ Popover.Target = PopoverTarget;
 Popover.Dropdown = PopoverDropdown;
 Popover.displayName = "@mantine/core/Popover";
 Popover.extend = (input) => input;
-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 = {
+var __default__$B = { 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$B = __default__$B, Bars = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$B.barsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsx("span", { className: classes$B.bar }),
+  /* @__PURE__ */ jsx("span", { className: classes$B.bar }),
+  /* @__PURE__ */ jsx("span", { className: classes$B.bar })
+] })), Dots = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$B.dotsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsx("span", { className: classes$B.dot }),
+  /* @__PURE__ */ jsx("span", { className: classes$B.dot }),
+  /* @__PURE__ */ jsx("span", { className: classes$B.dot })
+] })), Oval = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsx(Box, { component: "span", className: clsx(classes$B.ovalLoader, className), ...others, ref })), defaultLoaders = {
   bars: Bars,
   oval: Oval,
   dots: Dots
-}, defaultProps$1g = {
+}, defaultProps$1j = {
   loaders: defaultLoaders,
   type: "oval"
-}, varsResolver$B = (theme, { size: size2, color }) => ({
+}, varsResolver$D = (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$1g, _props), {
+  const props = useProps("Loader", defaultProps$1j, _props), {
     size: size2,
     color,
     type,
@@ -6597,14 +6597,14 @@ const classes$y = __default__$y, Bars = forwardRef(({ className, ...others }, re
   } = props, getStyles2 = useStyles({
     name: "Loader",
     props,
-    classes: classes$y,
+    classes: classes$B,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$B
+    varsResolver: varsResolver$D
   });
   return children ? /* @__PURE__ */ jsx(Box, { ...getStyles2("root"), ref, ...others, children }) : /* @__PURE__ */ jsx(
     Box,
@@ -6619,15 +6619,15 @@ const classes$y = __default__$y, Bars = forwardRef(({ className, ...others }, re
   );
 });
 Loader.defaultLoaders = defaultLoaders;
-Loader.classes = classes$y;
+Loader.classes = classes$B;
 Loader.displayName = "@mantine/core/Loader";
-var __default__$x = { root: "m_8d3f4000", icon: "m_8d3afb97", loader: "m_302b9fb1", group: "m_1a0f1b21" };
-const classes$x = __default__$x, defaultProps$1f = {
+var __default__$A = { root: "m_8d3f4000", icon: "m_8d3afb97", loader: "m_302b9fb1", group: "m_1a0f1b21" };
+const classes$A = __default__$A, defaultProps$1i = {
   orientation: "horizontal"
-}, varsResolver$A = (_, { borderWidth }) => ({
+}, varsResolver$C = (_, { borderWidth }) => ({
   group: { "--ai-border-width": rem(borderWidth) }
 }), ActionIconGroup = factory((_props, ref) => {
-  const props = useProps("ActionIconGroup", defaultProps$1f, _props), {
+  const props = useProps("ActionIconGroup", defaultProps$1i, _props), {
     className,
     style,
     classNames,
@@ -6639,17 +6639,17 @@ const classes$x = __default__$x, defaultProps$1f = {
     variant,
     mod,
     ...others
-  } = useProps("ActionIconGroup", defaultProps$1f, _props), getStyles2 = useStyles({
+  } = useProps("ActionIconGroup", defaultProps$1i, _props), getStyles2 = useStyles({
     name: "ActionIconGroup",
     props,
-    classes: classes$x,
+    classes: classes$A,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$A,
+    varsResolver: varsResolver$C,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsx(
@@ -6664,9 +6664,9 @@ const classes$x = __default__$x, defaultProps$1f = {
     }
   );
 });
-ActionIconGroup.classes = classes$x;
+ActionIconGroup.classes = classes$A;
 ActionIconGroup.displayName = "@mantine/core/ActionIconGroup";
-const defaultProps$1e = {}, varsResolver$z = (theme, { size: size2, radius, variant, gradient, color, autoContrast }) => {
+const defaultProps$1h = {}, varsResolver$B = (theme, { size: size2, radius, variant, gradient, color, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
     theme,
@@ -6686,7 +6686,7 @@ const defaultProps$1e = {}, varsResolver$z = (theme, { size: size2, radius, vari
     }
   };
 }, ActionIcon = polymorphicFactory((_props, ref) => {
-  const props = useProps("ActionIcon", defaultProps$1e, _props), {
+  const props = useProps("ActionIcon", defaultProps$1h, _props), {
     className,
     unstyled,
     variant,
@@ -6712,12 +6712,12 @@ const defaultProps$1e = {}, varsResolver$z = (theme, { size: size2, radius, vari
     props,
     className,
     style,
-    classes: classes$x,
+    classes: classes$A,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$z
+    varsResolver: varsResolver$B
   });
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
@@ -6737,7 +6737,7 @@ const defaultProps$1e = {}, varsResolver$z = (theme, { size: size2, radius, vari
     }
   );
 });
-ActionIcon.classes = classes$x;
+ActionIcon.classes = classes$A;
 ActionIcon.displayName = "@mantine/core/ActionIcon";
 ActionIcon.Group = ActionIconGroup;
 const CloseIcon = forwardRef(
@@ -6763,17 +6763,17 @@ const CloseIcon = forwardRef(
   )
 );
 CloseIcon.displayName = "@mantine/core/CloseIcon";
-var __default__$w = { root: "m_86a44da5", "root--subtle": "m_220c80f2" };
-const classes$w = __default__$w, defaultProps$1d = {
+var __default__$z = { root: "m_86a44da5", "root--subtle": "m_220c80f2" };
+const classes$z = __default__$z, defaultProps$1g = {
   variant: "subtle"
-}, varsResolver$y = (_, { size: size2, radius, iconSize }) => ({
+}, varsResolver$A = (_, { 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$1d, _props), {
+  const props = useProps("CloseButton", defaultProps$1g, _props), {
     iconSize,
     children,
     vars,
@@ -6794,12 +6794,12 @@ const classes$w = __default__$w, defaultProps$1d = {
     props,
     className,
     style,
-    classes: classes$w,
+    classes: classes$z,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$y
+    varsResolver: varsResolver$A
   });
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
@@ -6818,19 +6818,19 @@ const classes$w = __default__$w, defaultProps$1d = {
     }
   );
 });
-CloseButton.classes = classes$w;
+CloseButton.classes = classes$z;
 CloseButton.displayName = "@mantine/core/CloseButton";
 function filterFalsyChildren(children) {
   return Children.toArray(children).filter(Boolean);
 }
-var __default__$v = { root: "m_4081bf90" };
-const classes$v = __default__$v, defaultProps$1c = {
+var __default__$y = { root: "m_4081bf90" };
+const classes$y = __default__$y, defaultProps$1f = {
   preventGrowOverflow: !0,
   gap: "md",
   align: "center",
   justify: "flex-start",
   wrap: "wrap"
-}, varsResolver$x = (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({
+}, varsResolver$z = (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({
   root: {
     "--group-child-width": grow && preventGrowOverflow ? childWidth : void 0,
     "--group-gap": getSpacing(gap),
@@ -6839,7 +6839,7 @@ const classes$v = __default__$v, defaultProps$1c = {
     "--group-wrap": wrap
   }
 }), Group = factory((_props, ref) => {
-  const props = useProps("Group", defaultProps$1c, _props), {
+  const props = useProps("Group", defaultProps$1f, _props), {
     classNames,
     className,
     style,
@@ -6863,12 +6863,12 @@ const classes$v = __default__$v, defaultProps$1c = {
     stylesCtx,
     className,
     style,
-    classes: classes$v,
+    classes: classes$y,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$x
+    varsResolver: varsResolver$z
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -6883,12 +6883,12 @@ const classes$v = __default__$v, defaultProps$1c = {
     }
   );
 });
-Group.classes = classes$v;
+Group.classes = classes$y;
 Group.displayName = "@mantine/core/Group";
-var __default__$u = { root: "m_9814e45f" };
-const classes$u = __default__$u, defaultProps$1b = {
+var __default__$x = { root: "m_9814e45f" };
+const classes$x = __default__$x, defaultProps$1e = {
   zIndex: getDefaultZIndex("modal")
-}, varsResolver$w = (_, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({
+}, varsResolver$y = (_, { 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,
@@ -6896,7 +6896,7 @@ const classes$u = __default__$u, defaultProps$1b = {
     "--overlay-z-index": zIndex?.toString()
   }
 }), Overlay = polymorphicFactory((_props, ref) => {
-  const props = useProps("Overlay", defaultProps$1b, _props), {
+  const props = useProps("Overlay", defaultProps$1e, _props), {
     classNames,
     className,
     style,
@@ -6917,18 +6917,18 @@ const classes$u = __default__$u, defaultProps$1b = {
   } = props, getStyles2 = useStyles({
     name: "Overlay",
     props,
-    classes: classes$u,
+    classes: classes$x,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$w
+    varsResolver: varsResolver$y
   });
   return /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("root"), mod: [{ center, fixed }, mod], ...others, children });
 });
-Overlay.classes = classes$u;
+Overlay.classes = classes$x;
 Overlay.displayName = "@mantine/core/Overlay";
 const [ModalBaseProvider, useModalBaseContext] = createSafeContext(
   "ModalBase component was not found in tree"
@@ -7035,8 +7035,8 @@ function useModalBodyId() {
   const ctx = useModalBaseContext();
   return useEffect(() => (ctx.setBodyMounted(!0), () => ctx.setBodyMounted(!1)), []), ctx.getBodyId();
 }
-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(
+var __default__$w = { title: "m_615af6c9", header: "m_b5489c3c", inner: "m_60c222c7", content: "m_fd1ab0aa", close: "m_606cb269", body: "m_5df29311" };
+const classes$w = __default__$w, ModalBaseBody = forwardRef(
   ({ className, ...others }, ref) => {
     const bodyId = useModalBodyId(), ctx = useModalBaseContext();
     return /* @__PURE__ */ jsx(
@@ -7045,7 +7045,7 @@ const classes$t = __default__$t, ModalBaseBody = forwardRef(
         ref,
         ...others,
         id: bodyId,
-        className: clsx({ [classes$t.body]: !ctx.unstyled }, className)
+        className: clsx({ [classes$w.body]: !ctx.unstyled }, className)
       }
     );
   }
@@ -7062,7 +7062,7 @@ const ModalBaseCloseButton = forwardRef(
         onClick: (event) => {
           ctx.onClose(), onClick?.(event);
         },
-        className: clsx({ [classes$t.close]: !ctx.unstyled }, className),
+        className: clsx({ [classes$w.close]: !ctx.unstyled }, className),
         unstyled: ctx.unstyled
       }
     );
@@ -7083,7 +7083,7 @@ const ModalBaseContent = forwardRef(
           "div",
           {
             ...innerProps,
-            className: clsx({ [classes$t.inner]: !ctx.unstyled }, innerProps.className),
+            className: clsx({ [classes$w.inner]: !ctx.unstyled }, innerProps.className),
             children: /* @__PURE__ */ jsx(FocusTrap, { active: ctx.opened && ctx.trapFocus, innerRef: ref, children: /* @__PURE__ */ jsx(
               Paper,
               {
@@ -7095,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({ [classes$t.content]: !ctx.unstyled }, className),
+                className: clsx({ [classes$w.content]: !ctx.unstyled }, className),
                 unstyled: ctx.unstyled,
                 children: others.children
               }
@@ -7113,7 +7113,7 @@ const ModalBaseContent = forwardRef(
       {
         component: "header",
         ref,
-        className: clsx({ [classes$t.header]: !ctx.unstyled }, className),
+        className: clsx({ [classes$w.header]: !ctx.unstyled }, className),
         ...others
       }
     );
@@ -7161,7 +7161,7 @@ const ModalBaseTitle = forwardRef(
       {
         component: "h2",
         ref,
-        className: clsx({ [classes$t.title]: !ctx.unstyled }, className),
+        className: clsx({ [classes$w.title]: !ctx.unstyled }, className),
         ...others,
         id
       }
@@ -7180,13 +7180,13 @@ const [InputWrapperProvider, useInputWrapperContext] = createOptionalContext({
   inputId: void 0,
   labelId: void 0
 });
-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 }) => ({
+var __default__$v = { 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$v = __default__$v, defaultProps$1d = {}, varsResolver$x = (_, { 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$1a, _props), {
+  const props = useProps("InputDescription", defaultProps$1d, _props), {
     classNames,
     className,
     style,
@@ -7198,10 +7198,10 @@ const classes$s = __default__$s, defaultProps$1a = {}, varsResolver$v = (_, { si
     __inheritStyles = !0,
     variant,
     ...others
-  } = useProps("InputDescription", defaultProps$1a, props), ctx = useInputWrapperContext(), _getStyles = useStyles({
+  } = useProps("InputDescription", defaultProps$1d, props), ctx = useInputWrapperContext(), _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$s,
+    classes: classes$v,
     className,
     style,
     classNames,
@@ -7209,7 +7209,7 @@ const classes$s = __default__$s, defaultProps$1a = {}, varsResolver$v = (_, { si
     unstyled,
     rootSelector: "description",
     vars,
-    varsResolver: varsResolver$v
+    varsResolver: varsResolver$x
   }), getStyles2 = __inheritStyles && ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsx(
     Box,
@@ -7223,14 +7223,14 @@ const classes$s = __default__$s, defaultProps$1a = {}, varsResolver$v = (_, { si
     }
   );
 });
-InputDescription.classes = classes$s;
+InputDescription.classes = classes$v;
 InputDescription.displayName = "@mantine/core/InputDescription";
-const defaultProps$19 = {}, varsResolver$u = (_, { size: size2 }) => ({
+const defaultProps$1c = {}, varsResolver$w = (_, { 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$19, _props), {
+  const props = useProps("InputError", defaultProps$1c, _props), {
     classNames,
     className,
     style,
@@ -7245,7 +7245,7 @@ const defaultProps$19 = {}, varsResolver$u = (_, { size: size2 }) => ({
   } = props, _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$s,
+    classes: classes$v,
     className,
     style,
     classNames,
@@ -7253,7 +7253,7 @@ const defaultProps$19 = {}, varsResolver$u = (_, { size: size2 }) => ({
     unstyled,
     rootSelector: "error",
     vars,
-    varsResolver: varsResolver$u
+    varsResolver: varsResolver$w
   }), ctx = useInputWrapperContext(), getStyles2 = __inheritStyles && ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsx(
     Box,
@@ -7267,17 +7267,17 @@ const defaultProps$19 = {}, varsResolver$u = (_, { size: size2 }) => ({
     }
   );
 });
-InputError.classes = classes$s;
+InputError.classes = classes$v;
 InputError.displayName = "@mantine/core/InputError";
-const defaultProps$18 = {
+const defaultProps$1b = {
   labelElement: "label"
-}, varsResolver$t = (_, { size: size2 }) => ({
+}, varsResolver$v = (_, { size: size2 }) => ({
   label: {
     "--input-label-size": getFontSize(size2),
     "--input-asterisk-color": void 0
   }
 }), InputLabel = factory((_props, ref) => {
-  const props = useProps("InputLabel", defaultProps$18, _props), {
+  const props = useProps("InputLabel", defaultProps$1b, _props), {
     classNames,
     className,
     style,
@@ -7294,10 +7294,10 @@ const defaultProps$18 = {
     variant,
     mod,
     ...others
-  } = useProps("InputLabel", defaultProps$18, props), _getStyles = useStyles({
+  } = useProps("InputLabel", defaultProps$1b, props), _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$s,
+    classes: classes$v,
     className,
     style,
     classNames,
@@ -7305,7 +7305,7 @@ const defaultProps$18 = {
     unstyled,
     rootSelector: "label",
     vars,
-    varsResolver: varsResolver$t
+    varsResolver: varsResolver$v
   }), ctx = useInputWrapperContext(), getStyles2 = ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsxs(
     Box,
@@ -7328,10 +7328,10 @@ const defaultProps$18 = {
     }
   );
 });
-InputLabel.classes = classes$s;
+InputLabel.classes = classes$v;
 InputLabel.displayName = "@mantine/core/InputLabel";
-const defaultProps$17 = {}, InputPlaceholder = factory((_props, ref) => {
-  const props = useProps("InputPlaceholder", defaultProps$17, _props), {
+const defaultProps$1a = {}, InputPlaceholder = factory((_props, ref) => {
+  const props = useProps("InputPlaceholder", defaultProps$1a, _props), {
     classNames,
     className,
     style,
@@ -7343,10 +7343,10 @@ const defaultProps$17 = {}, InputPlaceholder = factory((_props, ref) => {
     error,
     mod,
     ...others
-  } = useProps("InputPlaceholder", defaultProps$17, props), getStyles2 = useStyles({
+  } = useProps("InputPlaceholder", defaultProps$1a, props), getStyles2 = useStyles({
     name: ["InputPlaceholder", __staticSelector],
     props,
-    classes: classes$s,
+    classes: classes$v,
     className,
     style,
     classNames,
@@ -7366,17 +7366,17 @@ const defaultProps$17 = {}, InputPlaceholder = factory((_props, ref) => {
     }
   );
 });
-InputPlaceholder.classes = classes$s;
+InputPlaceholder.classes = classes$v;
 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$16 = {
+const defaultProps$19 = {
   labelElement: "label",
   inputContainer: (children) => children,
   inputWrapperOrder: ["label", "description", "input", "error"]
-}, varsResolver$s = (_, { size: size2 }) => ({
+}, varsResolver$u = (_, { size: size2 }) => ({
   label: {
     "--input-label-size": getFontSize(size2),
     "--input-asterisk-color": void 0
@@ -7388,7 +7388,7 @@ const defaultProps$16 = {
     "--input-description-size": size2 === void 0 ? void 0 : `calc(${getFontSize(size2)} - ${rem(2)})`
   }
 }), InputWrapper = factory((_props, ref) => {
-  const props = useProps("InputWrapper", defaultProps$16, _props), {
+  const props = useProps("InputWrapper", defaultProps$19, _props), {
     classNames,
     className,
     style,
@@ -7417,14 +7417,14 @@ const defaultProps$16 = {
   } = props, getStyles2 = useStyles({
     name: ["InputWrapper", __staticSelector],
     props: __stylesApiProps || props,
-    classes: classes$s,
+    classes: classes$v,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$s
+    varsResolver: varsResolver$u
   }), sharedProps = {
     size: size2,
     variant,
@@ -7500,15 +7500,15 @@ const defaultProps$16 = {
     }
   );
 });
-InputWrapper.classes = classes$s;
+InputWrapper.classes = classes$v;
 InputWrapper.displayName = "@mantine/core/InputWrapper";
-const defaultProps$15 = {
+const defaultProps$18 = {
   variant: "default",
   leftSectionPointerEvents: "none",
   rightSectionPointerEvents: "none",
   withAria: !0,
   withErrorStyles: !0
-}, varsResolver$r = (_, props, ctx) => ({
+}, varsResolver$t = (_, 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,
@@ -7522,7 +7522,7 @@ const defaultProps$15 = {
     "--input-right-section-pointer-events": props.rightSectionPointerEvents
   }
 }), Input = polymorphicFactory((_props, ref) => {
-  const props = useProps("Input", defaultProps$15, _props), {
+  const props = useProps("Input", defaultProps$18, _props), {
     classNames,
     className,
     style,
@@ -7557,7 +7557,7 @@ const defaultProps$15 = {
   } = props, { styleProps, rest } = extractStyleProps(others), ctx = useInputWrapperContext(), stylesCtx = { offsetBottom: ctx?.offsetBottom, offsetTop: ctx?.offsetTop }, getStyles2 = useStyles({
     name: ["Input", __staticSelector],
     props: __stylesApiProps || props,
-    classes: classes$s,
+    classes: classes$v,
     className,
     style,
     classNames,
@@ -7566,7 +7566,7 @@ const defaultProps$15 = {
     stylesCtx,
     rootSelector: "wrapper",
     vars,
-    varsResolver: varsResolver$r
+    varsResolver: varsResolver$t
   }), ariaAttributes = withAria ? {
     required,
     disabled,
@@ -7636,7 +7636,7 @@ const defaultProps$15 = {
     }
   );
 });
-Input.classes = classes$s;
+Input.classes = classes$v;
 Input.Wrapper = InputWrapper;
 Input.Label = InputLabel;
 Input.Error = InputError;
@@ -7713,11 +7713,11 @@ function useInputProps(component, defaultProps2, _props) {
     }
   };
 }
-const defaultProps$14 = {
+const defaultProps$17 = {
   __staticSelector: "InputBase",
   withAria: !0
 }, InputBase = polymorphicFactory((props, ref) => {
-  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$14, props);
+  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$17, props);
   return /* @__PURE__ */ jsx(Input.Wrapper, { ...wrapperProps, children: /* @__PURE__ */ jsx(Input, { ...inputProps, ...others, ref }) });
 });
 InputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };
@@ -7731,9 +7731,9 @@ const FLEX_STYLE_PROPS_DATA = {
   wrap: { type: "identity", property: "flexWrap" },
   direction: { type: "identity", property: "flexDirection" }
 };
-var __default__$r = { root: "m_8bffd616" };
-const classes$r = __default__$r, defaultProps$13 = {}, Flex = polymorphicFactory((_props, ref) => {
-  const props = useProps("Flex", defaultProps$13, _props), {
+var __default__$u = { root: "m_8bffd616" };
+const classes$u = __default__$u, defaultProps$16 = {}, Flex = polymorphicFactory((_props, ref) => {
+  const props = useProps("Flex", defaultProps$16, _props), {
     classNames,
     className,
     style,
@@ -7750,7 +7750,7 @@ const classes$r = __default__$r, defaultProps$13 = {}, Flex = polymorphicFactory
     ...others
   } = props, getStyles2 = useStyles({
     name: "Flex",
-    classes: classes$r,
+    classes: classes$u,
     props,
     className,
     style,
@@ -7785,7 +7785,7 @@ const classes$r = __default__$r, defaultProps$13 = {}, Flex = polymorphicFactory
     )
   ] });
 });
-Flex.classes = classes$r;
+Flex.classes = classes$u;
 Flex.displayName = "@mantine/core/Flex";
 function isParent(parentElement, childElement) {
   if (!childElement || !parentElement)
@@ -7851,13 +7851,13 @@ function useFloatingIndicator({
     () => document.documentElement
   ), { initialized, hidden: hidden2 };
 }
-var __default__$q = { root: "m_96b553a6" };
-const classes$q = __default__$q, defaultProps$12 = {}, varsResolver$q = (_theme, { transitionDuration }) => ({
+var __default__$t = { root: "m_96b553a6" };
+const classes$t = __default__$t, defaultProps$15 = {}, varsResolver$s = (_theme, { transitionDuration }) => ({
   root: {
     "--transition-duration": typeof transitionDuration == "number" ? `${transitionDuration}ms` : transitionDuration
   }
 }), FloatingIndicator = factory((_props, ref) => {
-  const props = useProps("FloatingIndicator", defaultProps$12, _props), {
+  const props = useProps("FloatingIndicator", defaultProps$15, _props), {
     classNames,
     className,
     style,
@@ -7872,7 +7872,7 @@ const classes$q = __default__$q, defaultProps$12 = {}, varsResolver$q = (_theme,
     ...others
   } = props, getStyles2 = useStyles({
     name: "FloatingIndicator",
-    classes: classes$q,
+    classes: classes$t,
     props,
     className,
     style,
@@ -7880,7 +7880,7 @@ const classes$q = __default__$q, defaultProps$12 = {}, varsResolver$q = (_theme,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$q
+    varsResolver: varsResolver$s
   }), innerRef = useRef(null), { initialized, hidden: hidden2 } = useFloatingIndicator({
     target,
     parent,
@@ -7890,9 +7890,9 @@ const classes$q = __default__$q, defaultProps$12 = {}, varsResolver$q = (_theme,
   return !target || !parent ? null : /* @__PURE__ */ jsx(Box, { ref: mergedRef, mod: [{ initialized, hidden: hidden2 }, mod], ...getStyles2("root"), ...others });
 });
 FloatingIndicator.displayName = "@mantine/core/FloatingIndicator";
-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 }) => {
+FloatingIndicator.classes = classes$t;
+var __default__$s = { 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$s = __default__$s, defaultProps$14 = {}, varsResolver$r = (theme, { radius, color, variant, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
     theme,
@@ -7908,7 +7908,7 @@ const classes$p = __default__$p, defaultProps$11 = {}, varsResolver$p = (theme,
     }
   };
 }, Alert = factory((_props, ref) => {
-  const props = useProps("Alert", defaultProps$11, _props), {
+  const props = useProps("Alert", defaultProps$14, _props), {
     classNames,
     className,
     style,
@@ -7929,7 +7929,7 @@ const classes$p = __default__$p, defaultProps$11 = {}, varsResolver$p = (theme,
     ...others
   } = props, getStyles2 = useStyles({
     name: "Alert",
-    classes: classes$p,
+    classes: classes$s,
     props,
     className,
     style,
@@ -7937,7 +7937,7 @@ const classes$p = __default__$p, defaultProps$11 = {}, varsResolver$p = (theme,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$p
+    varsResolver: varsResolver$r
   }), rootId = useId$1(id), titleId = title && `${rootId}-title` || void 0, bodyId = `${rootId}-body`;
   return /* @__PURE__ */ jsx(
     Box,
@@ -7972,19 +7972,19 @@ const classes$p = __default__$p, defaultProps$11 = {}, varsResolver$p = (theme,
     }
   );
 });
-Alert.classes = classes$p;
+Alert.classes = classes$s;
 Alert.displayName = "@mantine/core/Alert";
-var __default__$o = { root: "m_b6d8b162" };
-const classes$o = __default__$o;
+var __default__$r = { root: "m_b6d8b162" };
+const classes$r = __default__$r;
 function getTextTruncate(truncate) {
   if (truncate === "start")
     return "start";
   if (truncate === "end" || truncate)
     return "end";
 }
-const defaultProps$10 = {
+const defaultProps$13 = {
   inherit: !1
-}, varsResolver$o = (theme, { variant, lineClamp, gradient, size: size2, color }) => ({
+}, varsResolver$q = (theme, { variant, lineClamp, gradient, size: size2, color }) => ({
   root: {
     "--text-fz": getFontSize(size2),
     "--text-lh": getLineHeight(size2),
@@ -7993,7 +7993,7 @@ const defaultProps$10 = {
     "--text-color": color ? getThemeColor(color, theme) : void 0
   }
 }), Text = polymorphicFactory((_props, ref) => {
-  const props = useProps("Text", defaultProps$10, _props), {
+  const props = useProps("Text", defaultProps$13, _props), {
     lineClamp,
     truncate,
     inline: inline2,
@@ -8014,14 +8014,14 @@ const defaultProps$10 = {
   } = props, getStyles2 = useStyles({
     name: ["Text", __staticSelector],
     props,
-    classes: classes$o,
+    classes: classes$r,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$o
+    varsResolver: varsResolver$q
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -8044,15 +8044,15 @@ const defaultProps$10 = {
     }
   );
 });
-Text.classes = classes$o;
+Text.classes = classes$r;
 Text.displayName = "@mantine/core/Text";
-var __default__$n = { root: "m_849cf0da" };
-const classes$n = __default__$n, defaultProps$$ = {
+var __default__$q = { root: "m_849cf0da" };
+const classes$q = __default__$q, defaultProps$12 = {
   underline: "hover"
 }, Anchor = polymorphicFactory((props, ref) => {
   const { underline, className, unstyled, mod, ...others } = useProps(
     "Anchor",
-    defaultProps$$,
+    defaultProps$12,
     props
   );
   return /* @__PURE__ */ jsx(
@@ -8060,7 +8060,7 @@ const classes$n = __default__$n, defaultProps$$ = {
     {
       component: "a",
       ref,
-      className: clsx({ [classes$n.root]: !unstyled }, className),
+      className: clsx({ [classes$q.root]: !unstyled }, className),
       ...others,
       mod: [{ underline }, mod],
       __staticSelector: "Anchor",
@@ -8068,7 +8068,7 @@ const classes$n = __default__$n, defaultProps$$ = {
     }
   );
 });
-Anchor.classes = classes$n;
+Anchor.classes = classes$q;
 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 ? {
@@ -8082,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__$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$_ = {
+var __default__$p = { 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$p = __default__$p, defaultProps$11 = {
   error: null
-}, varsResolver$n = (_, { size: size2 }) => ({
+}, varsResolver$p = (_, { size: size2 }) => ({
   chevron: {
     "--combobox-chevron-size": getSize(size2, "combobox-chevron-size")
   }
 }), ComboboxChevron = factory((_props, ref) => {
-  const props = useProps("ComboboxChevron", defaultProps$_, _props), { size: size2, error, style, className, classNames, styles, unstyled, vars, mod, ...others } = props, getStyles2 = useStyles({
+  const props = useProps("ComboboxChevron", defaultProps$11, _props), { size: size2, error, style, className, classNames, styles, unstyled, vars, mod, ...others } = props, getStyles2 = useStyles({
     name: "ComboboxChevron",
-    classes: classes$m,
+    classes: classes$p,
     props,
     style,
     className,
@@ -8100,7 +8100,7 @@ const classes$m = __default__$m, defaultProps$_ = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$n,
+    varsResolver: varsResolver$p,
     rootSelector: "chevron"
   });
   return /* @__PURE__ */ jsx(
@@ -8127,7 +8127,7 @@ const classes$m = __default__$m, defaultProps$_ = {
     }
   );
 });
-ComboboxChevron.classes = classes$m;
+ComboboxChevron.classes = classes$p;
 ComboboxChevron.displayName = "@mantine/core/ComboboxChevron";
 const [ComboboxProvider, useComboboxContext] = createSafeContext(
   "Combobox component was not found in tree"
@@ -8151,10 +8151,10 @@ const [ComboboxProvider, useComboboxContext] = createSafeContext(
   )
 );
 ComboboxClearButton.displayName = "@mantine/core/ComboboxClearButton";
-const defaultProps$Z = {}, ComboboxDropdown = factory((props, ref) => {
+const defaultProps$10 = {}, ComboboxDropdown = factory((props, ref) => {
   const { classNames, styles, className, style, hidden: hidden2, ...others } = useProps(
     "ComboboxDropdown",
-    defaultProps$Z,
+    defaultProps$10,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8168,12 +8168,12 @@ const defaultProps$Z = {}, ComboboxDropdown = factory((props, ref) => {
     }
   );
 });
-ComboboxDropdown.classes = classes$m;
+ComboboxDropdown.classes = classes$p;
 ComboboxDropdown.displayName = "@mantine/core/ComboboxDropdown";
-const defaultProps$Y = {
+const defaultProps$$ = {
   refProp: "ref"
 }, ComboboxDropdownTarget = factory((props, ref) => {
-  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$Y, props);
+  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$$, 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"
@@ -8181,10 +8181,10 @@ const defaultProps$Y = {
   return /* @__PURE__ */ jsx(Popover.Target, { ref, refProp, children });
 });
 ComboboxDropdownTarget.displayName = "@mantine/core/ComboboxDropdownTarget";
-const defaultProps$X = {}, ComboboxEmpty = factory((props, ref) => {
+const defaultProps$_ = {}, ComboboxEmpty = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "ComboboxEmpty",
-    defaultProps$X,
+    defaultProps$_,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8196,7 +8196,7 @@ const defaultProps$X = {}, ComboboxEmpty = factory((props, ref) => {
     }
   );
 });
-ComboboxEmpty.classes = classes$m;
+ComboboxEmpty.classes = classes$p;
 ComboboxEmpty.displayName = "@mantine/core/ComboboxEmpty";
 function useComboboxTargetProps({
   onKeyDown,
@@ -8232,7 +8232,7 @@ function useComboboxTargetProps({
     onKeyDown: handleKeyDown
   };
 }
-const defaultProps$W = {
+const defaultProps$Z = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: !0,
@@ -8249,7 +8249,7 @@ const defaultProps$W = {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxEventsTarget", defaultProps$W, props);
+  } = useProps("ComboboxEventsTarget", defaultProps$Z, 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"
@@ -8269,10 +8269,10 @@ const defaultProps$W = {
   });
 });
 ComboboxEventsTarget.displayName = "@mantine/core/ComboboxEventsTarget";
-const defaultProps$V = {}, ComboboxFooter = factory((props, ref) => {
+const defaultProps$Y = {}, ComboboxFooter = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "ComboboxFooter",
-    defaultProps$V,
+    defaultProps$Y,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8287,12 +8287,12 @@ const defaultProps$V = {}, ComboboxFooter = factory((props, ref) => {
     }
   );
 });
-ComboboxFooter.classes = classes$m;
+ComboboxFooter.classes = classes$p;
 ComboboxFooter.displayName = "@mantine/core/ComboboxFooter";
-const defaultProps$U = {}, ComboboxGroup = factory((props, ref) => {
+const defaultProps$X = {}, ComboboxGroup = factory((props, ref) => {
   const { classNames, className, style, styles, vars, children, label, ...others } = useProps(
     "ComboboxGroup",
-    defaultProps$U,
+    defaultProps$X,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsxs(
@@ -8308,12 +8308,12 @@ const defaultProps$U = {}, ComboboxGroup = factory((props, ref) => {
     }
   );
 });
-ComboboxGroup.classes = classes$m;
+ComboboxGroup.classes = classes$p;
 ComboboxGroup.displayName = "@mantine/core/ComboboxGroup";
-const defaultProps$T = {}, ComboboxHeader = factory((props, ref) => {
+const defaultProps$W = {}, ComboboxHeader = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "ComboboxHeader",
-    defaultProps$T,
+    defaultProps$W,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8328,7 +8328,7 @@ const defaultProps$T = {}, ComboboxHeader = factory((props, ref) => {
     }
   );
 });
-ComboboxHeader.classes = classes$m;
+ComboboxHeader.classes = classes$p;
 ComboboxHeader.displayName = "@mantine/core/ComboboxHeader";
 function ComboboxHiddenInput({
   value,
@@ -8345,8 +8345,8 @@ function ComboboxHiddenInput({
   );
 }
 ComboboxHiddenInput.displayName = "@mantine/core/ComboboxHiddenInput";
-const defaultProps$S = {}, ComboboxOption = factory((_props, ref) => {
-  const props = useProps("ComboboxOption", defaultProps$S, _props), {
+const defaultProps$V = {}, ComboboxOption = factory((_props, ref) => {
+  const props = useProps("ComboboxOption", defaultProps$V, _props), {
     classNames,
     className,
     style,
@@ -8387,10 +8387,10 @@ const defaultProps$S = {}, ComboboxOption = factory((_props, ref) => {
     }
   );
 });
-ComboboxOption.classes = classes$m;
+ComboboxOption.classes = classes$p;
 ComboboxOption.displayName = "@mantine/core/ComboboxOption";
-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);
+const defaultProps$U = {}, ComboboxOptions = factory((_props, ref) => {
+  const props = useProps("ComboboxOptions", defaultProps$U, _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(
@@ -8408,13 +8408,13 @@ const defaultProps$R = {}, ComboboxOptions = factory((_props, ref) => {
     }
   );
 });
-ComboboxOptions.classes = classes$m;
+ComboboxOptions.classes = classes$p;
 ComboboxOptions.displayName = "@mantine/core/ComboboxOptions";
-const defaultProps$Q = {
+const defaultProps$T = {
   withAriaAttributes: !0,
   withKeyboardNavigation: !0
 }, ComboboxSearch = factory((_props, ref) => {
-  const props = useProps("ComboboxSearch", defaultProps$Q, _props), {
+  const props = useProps("ComboboxSearch", defaultProps$T, _props), {
     classNames,
     styles,
     unstyled,
@@ -8445,9 +8445,9 @@ const defaultProps$Q = {
     }
   );
 });
-ComboboxSearch.classes = classes$m;
+ComboboxSearch.classes = classes$p;
 ComboboxSearch.displayName = "@mantine/core/ComboboxSearch";
-const defaultProps$P = {
+const defaultProps$S = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: !0,
@@ -8464,7 +8464,7 @@ const defaultProps$P = {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxTarget", defaultProps$P, props);
+  } = useProps("ComboboxTarget", defaultProps$S, 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"
@@ -8641,13 +8641,13 @@ function useCombobox({
     focusTarget
   };
 }
-const defaultProps$O = {
+const defaultProps$R = {
   keepMounted: !0,
   withinPortal: !0,
   resetSelectionOnOptionHover: !1,
   width: "target",
   transitionProps: { transition: "fade", duration: 0 }
-}, varsResolver$m = (_, { size: size2, dropdownPadding }) => ({
+}, varsResolver$o = (_, { size: size2, dropdownPadding }) => ({
   options: {
     "--combobox-option-fz": getFontSize(size2),
     "--combobox-option-padding": getSize(size2, "combobox-option-padding")
@@ -8659,7 +8659,7 @@ const defaultProps$O = {
   }
 });
 function Combobox(_props) {
-  const props = useProps("Combobox", defaultProps$O, _props), {
+  const props = useProps("Combobox", defaultProps$R, _props), {
     classNames,
     styles,
     unstyled,
@@ -8676,13 +8676,13 @@ function Combobox(_props) {
     ...others
   } = props, uncontrolledStore = useCombobox(), store = controlledStore || uncontrolledStore, getStyles2 = useStyles({
     name: __staticSelector || "Combobox",
-    classes: classes$m,
+    classes: classes$p,
     props,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$m
+    varsResolver: varsResolver$o
   }), onDropdownClose = () => {
     onClose?.(), store.closeDropdown();
   };
@@ -8713,7 +8713,7 @@ function Combobox(_props) {
 }
 const extendCombobox = (c) => c;
 Combobox.extend = extendCombobox;
-Combobox.classes = classes$m;
+Combobox.classes = classes$p;
 Combobox.displayName = "@mantine/core/Combobox";
 Combobox.Target = ComboboxTarget;
 Combobox.Dropdown = ComboboxDropdown;
@@ -8815,7 +8815,7 @@ function Option({
   renderOption
 }) {
   if (!isOptionsGroup(data)) {
-    const checked = isValueChecked(value, data.value), check = withCheckIcon && checked && /* @__PURE__ */ jsx(CheckIcon, { className: classes$m.optionsDropdownCheckIcon }), defaultContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    const checked = isValueChecked(value, data.value), check = withCheckIcon && checked && /* @__PURE__ */ jsx(CheckIcon, { className: classes$p.optionsDropdownCheckIcon }), defaultContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
       checkIconPosition === "left" && check,
       /* @__PURE__ */ jsx("span", { children: data.label }),
       checkIconPosition === "right" && check
@@ -8825,7 +8825,7 @@ function Option({
       {
         value: data.value,
         disabled: data.disabled,
-        className: clsx({ [classes$m.optionsDropdownOption]: !unstyled }),
+        className: clsx({ [classes$p.optionsDropdownOption]: !unstyled }),
         "data-reverse": checkIconPosition === "right" || void 0,
         "data-checked": checked || void 0,
         "aria-selected": checked,
@@ -8900,8 +8900,79 @@ function OptionsDropdown({
     isEmpty && nothingFoundMessage && /* @__PURE__ */ jsx(Combobox.Empty, { children: nothingFoundMessage })
   ] }) });
 }
-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 }) => ({
+var __default__$o = { root: "m_347db0ec", "root--dot": "m_fbd81e3d", label: "m_5add502a", section: "m_91fdda9b" };
+const classes$o = __default__$o, defaultProps$Q = {}, varsResolver$n = (theme, { radius, color, gradient, variant, size: size2, autoContrast }) => {
+  const colors = theme.variantColorResolver({
+    color: color || theme.primaryColor,
+    theme,
+    gradient,
+    variant: variant || "filled",
+    autoContrast
+  });
+  return {
+    root: {
+      "--badge-height": getSize(size2, "badge-height"),
+      "--badge-padding-x": getSize(size2, "badge-padding-x"),
+      "--badge-fz": getSize(size2, "badge-fz"),
+      "--badge-radius": radius === void 0 ? void 0 : getRadius(radius),
+      "--badge-bg": color || variant ? colors.background : void 0,
+      "--badge-color": color || variant ? colors.color : void 0,
+      "--badge-bd": color || variant ? colors.border : void 0,
+      "--badge-dot-color": variant === "dot" ? getThemeColor(color, theme) : void 0
+    }
+  };
+}, Badge = polymorphicFactory((_props, ref) => {
+  const props = useProps("Badge", defaultProps$Q, _props), {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    radius,
+    color,
+    gradient,
+    leftSection,
+    rightSection,
+    children,
+    variant,
+    fullWidth,
+    autoContrast,
+    circle,
+    mod,
+    ...others
+  } = props, getStyles2 = useStyles({
+    name: "Badge",
+    props,
+    classes: classes$o,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver: varsResolver$n
+  });
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      variant,
+      mod: [{ block: fullWidth, circle }, mod],
+      ...getStyles2("root", { variant }),
+      ref,
+      ...others,
+      children: [
+        leftSection && /* @__PURE__ */ jsx("span", { ...getStyles2("section"), "data-position": "left", children: leftSection }),
+        /* @__PURE__ */ jsx("span", { ...getStyles2("label"), children }),
+        rightSection && /* @__PURE__ */ jsx("span", { ...getStyles2("section"), "data-position": "right", children: rightSection })
+      ]
+    }
+  );
+});
+Badge.classes = classes$o;
+Badge.displayName = "@mantine/core/Badge";
+var __default__$n = { root: "m_fea6bf1a", burger: "m_d4fb9cad" };
+const classes$n = __default__$n, defaultProps$P = {}, varsResolver$m = (theme, { color, size: size2, lineSize, transitionDuration, transitionTimingFunction }) => ({
   root: {
     "--burger-color": color ? getThemeColor(color, theme) : void 0,
     "--burger-size": getSize(size2, "burger-size"),
@@ -8910,7 +8981,7 @@ const classes$l = __default__$l, defaultProps$N = {}, varsResolver$l = (theme, {
     "--burger-transition-timing-function": transitionTimingFunction
   }
 }), Burger = factory((_props, ref) => {
-  const props = useProps("Burger", defaultProps$N, _props), {
+  const props = useProps("Burger", defaultProps$P, _props), {
     classNames,
     className,
     style,
@@ -8925,7 +8996,7 @@ const classes$l = __default__$l, defaultProps$N = {}, varsResolver$l = (theme, {
     ...others
   } = props, getStyles2 = useStyles({
     name: "Burger",
-    classes: classes$l,
+    classes: classes$n,
     props,
     className,
     style,
@@ -8933,22 +9004,22 @@ const classes$l = __default__$l, defaultProps$N = {}, varsResolver$l = (theme, {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$l
+    varsResolver: varsResolver$m
   });
   return /* @__PURE__ */ jsxs(UnstyledButton, { ...getStyles2("root"), ref, ...others, children: [
     /* @__PURE__ */ jsx(Box, { mod: ["reduce-motion", { opened }], ...getStyles2("burger") }),
     children
   ] });
 });
-Burger.classes = classes$l;
+Burger.classes = classes$n;
 Burger.displayName = "@mantine/core/Burger";
-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 = {
+var __default__$m = { root: "m_77c9d27d", inner: "m_80f1301b", label: "m_811560b9", section: "m_a74036a", loader: "m_a25b86ee", group: "m_80d6d844" };
+const classes$m = __default__$m, defaultProps$O = {
   orientation: "horizontal"
-}, varsResolver$k = (_, { borderWidth }) => ({
+}, varsResolver$l = (_, { borderWidth }) => ({
   group: { "--button-border-width": rem(borderWidth) }
 }), ButtonGroup = factory((_props, ref) => {
-  const props = useProps("ButtonGroup", defaultProps$M, _props), {
+  const props = useProps("ButtonGroup", defaultProps$O, _props), {
     className,
     style,
     classNames,
@@ -8960,17 +9031,17 @@ const classes$k = __default__$k, defaultProps$M = {
     variant,
     mod,
     ...others
-  } = useProps("ButtonGroup", defaultProps$M, _props), getStyles2 = useStyles({
+  } = useProps("ButtonGroup", defaultProps$O, _props), getStyles2 = useStyles({
     name: "ButtonGroup",
     props,
-    classes: classes$k,
+    classes: classes$m,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$k,
+    varsResolver: varsResolver$l,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsx(
@@ -8985,14 +9056,14 @@ const classes$k = __default__$k, defaultProps$M = {
     }
   );
 });
-ButtonGroup.classes = classes$k;
+ButtonGroup.classes = classes$m;
 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$L = {}, varsResolver$j = (theme, { radius, color, gradient, variant, size: size2, justify, autoContrast }) => {
+}, defaultProps$N = {}, varsResolver$k = (theme, { radius, color, gradient, variant, size: size2, justify, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
     theme,
@@ -9015,7 +9086,7 @@ const loaderTransition = {
     }
   };
 }, Button = polymorphicFactory((_props, ref) => {
-  const props = useProps("Button", defaultProps$L, _props), {
+  const props = useProps("Button", defaultProps$N, _props), {
     style,
     vars,
     className,
@@ -9040,14 +9111,14 @@ const loaderTransition = {
   } = props, getStyles2 = useStyles({
     name: "Button",
     props,
-    classes: classes$k,
+    classes: classes$m,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$j
+    varsResolver: varsResolver$k
   }), hasLeftSection = !!leftSection, hasRightSection = !!rightSection;
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
@@ -9086,15 +9157,15 @@ const loaderTransition = {
     }
   );
 });
-Button.classes = classes$k;
+Button.classes = classes$m;
 Button.displayName = "@mantine/core/Button";
 Button.Group = ButtonGroup;
 const [CardProvider, useCardContext] = createSafeContext(
   "Card component was not found in tree"
 );
-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();
+var __default__$l = { root: "m_e615b15f", section: "m_599a2148" };
+const classes$l = __default__$l, defaultProps$M = {}, CardSection = polymorphicFactory((_props, ref) => {
+  const props = useProps("CardSection", defaultProps$M, _props), { classNames, className, style, styles, vars, withBorder, inheritPadding, mod, ...others } = props, ctx = useCardContext();
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -9105,40 +9176,57 @@ const classes$j = __default__$j, defaultProps$K = {}, CardSection = polymorphicF
     }
   );
 });
-CardSection.classes = classes$j;
+CardSection.classes = classes$l;
 CardSection.displayName = "@mantine/core/CardSection";
-const defaultProps$J = {}, varsResolver$i = (_, { padding }) => ({
+const defaultProps$L = {}, varsResolver$j = (_, { padding }) => ({
   root: {
     "--card-padding": getSpacing(padding)
   }
 }), Card = polymorphicFactory((_props, ref) => {
-  const props = useProps("Card", defaultProps$J, _props), { classNames, className, style, styles, unstyled, vars, children, padding, ...others } = props, getStyles2 = useStyles({
+  const props = useProps("Card", defaultProps$L, _props), { classNames, className, style, styles, unstyled, vars, children, padding, ...others } = props, getStyles2 = useStyles({
     name: "Card",
     props,
-    classes: classes$j,
+    classes: classes$l,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$i
+    varsResolver: varsResolver$j
   }), _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 = classes$j;
+Card.classes = classes$l;
 Card.displayName = "@mantine/core/Card";
 Card.Section = CardSection;
-var __default__$i = { root: "m_b183c0a2" };
-const classes$i = __default__$i, defaultProps$I = {}, varsResolver$h = (theme, { color }) => ({
+var __default__$k = { root: "m_4451eb3a" };
+const classes$k = __default__$k, defaultProps$K = {}, Center = polymorphicFactory((_props, ref) => {
+  const props = useProps("Center", defaultProps$K, _props), { classNames, className, style, styles, unstyled, vars, inline: inline2, mod, ...others } = props, getStyles2 = useStyles({
+    name: "Center",
+    props,
+    classes: classes$k,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars
+  });
+  return /* @__PURE__ */ jsx(Box, { ref, mod: [{ inline: inline2 }, mod], ...getStyles2("root"), ...others });
+});
+Center.classes = classes$k;
+Center.displayName = "@mantine/core/Center";
+var __default__$j = { root: "m_b183c0a2" };
+const classes$j = __default__$j, defaultProps$J = {}, varsResolver$i = (theme, { color }) => ({
   root: {
     "--code-bg": color ? getThemeColor(color, theme) : void 0
   }
 }), Code = factory((_props, ref) => {
-  const props = useProps("Code", defaultProps$I, _props), {
+  const props = useProps("Code", defaultProps$J, _props), {
     classNames,
     className,
     style,
@@ -9153,14 +9241,14 @@ const classes$i = __default__$i, defaultProps$I = {}, varsResolver$h = (theme, {
   } = props, getStyles2 = useStyles({
     name: "Code",
     props,
-    classes: classes$i,
+    classes: classes$j,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$h
+    varsResolver: varsResolver$i
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -9175,18 +9263,18 @@ const classes$i = __default__$i, defaultProps$I = {}, varsResolver$h = (theme, {
     }
   );
 });
-Code.classes = classes$i;
+Code.classes = classes$j;
 Code.displayName = "@mantine/core/Code";
-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 = {
+var __default__$i = { root: "m_de3d2490", colorOverlay: "m_862f3d1b", shadowOverlay: "m_98ae7f22", alphaOverlay: "m_95709ac0", childrenOverlay: "m_93e74e3" };
+const classes$i = __default__$i, defaultProps$I = {
   withShadow: !0
-}, varsResolver$g = (_, { radius, size: size2 }) => ({
+}, varsResolver$h = (_, { 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$H, _props), {
+  const props = useProps("ColorSwatch", defaultProps$I, _props), {
     classNames,
     className,
     style,
@@ -9200,17 +9288,17 @@ const classes$h = __default__$h, defaultProps$H = {
     children,
     variant,
     ...others
-  } = useProps("ColorSwatch", defaultProps$H, props), getStyles2 = useStyles({
+  } = useProps("ColorSwatch", defaultProps$I, props), getStyles2 = useStyles({
     name: "ColorSwatch",
     props,
-    classes: classes$h,
+    classes: classes$i,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$g
+    varsResolver: varsResolver$h
   });
   return /* @__PURE__ */ jsxs(
     Box,
@@ -9229,17 +9317,17 @@ const classes$h = __default__$h, defaultProps$H = {
     }
   );
 });
-ColorSwatch.classes = classes$h;
+ColorSwatch.classes = classes$i;
 ColorSwatch.displayName = "@mantine/core/ColorSwatch";
-var __default__$g = { root: "m_7485cace" };
-const classes$g = __default__$g, defaultProps$G = {}, varsResolver$f = (_, { size: size2, fluid }) => ({
+var __default__$h = { root: "m_7485cace" };
+const classes$h = __default__$h, defaultProps$H = {}, varsResolver$g = (_, { size: size2, fluid }) => ({
   root: {
     "--container-size": fluid ? void 0 : getSize(size2, "container-size")
   }
 }), Container = factory((_props, ref) => {
-  const props = useProps("Container", defaultProps$G, _props), { classNames, className, style, styles, unstyled, vars, fluid, mod, ...others } = props, getStyles2 = useStyles({
+  const props = useProps("Container", defaultProps$H, _props), { classNames, className, style, styles, unstyled, vars, fluid, mod, ...others } = props, getStyles2 = useStyles({
     name: "Container",
-    classes: classes$g,
+    classes: classes$h,
     props,
     className,
     style,
@@ -9247,31 +9335,31 @@ const classes$g = __default__$g, defaultProps$G = {}, varsResolver$f = (_, { siz
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$f
+    varsResolver: varsResolver$g
   });
   return /* @__PURE__ */ jsx(Box, { ref, mod: [{ fluid }, mod], ...getStyles2("root"), ...others });
 });
-Container.classes = classes$g;
+Container.classes = classes$h;
 Container.displayName = "@mantine/core/Container";
-const defaultProps$F = {
+const defaultProps$G = {
   timeout: 1e3
 };
 function CopyButton(props) {
-  const { children, timeout, value, ...others } = useProps("CopyButton", defaultProps$F, props), clipboard = useClipboard({ timeout });
+  const { children, timeout, value, ...others } = useProps("CopyButton", defaultProps$G, 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__$f = { root: "m_3eebeb36", label: "m_9e365f20" };
-const classes$f = __default__$f, defaultProps$E = {
+var __default__$g = { root: "m_3eebeb36", label: "m_9e365f20" };
+const classes$g = __default__$g, defaultProps$F = {
   orientation: "horizontal"
-}, varsResolver$e = (theme, { color, variant, size: size2 }) => ({
+}, varsResolver$f = (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$E, _props), {
+  const props = useProps("Divider", defaultProps$F, _props), {
     classNames,
     className,
     style,
@@ -9286,7 +9374,7 @@ const classes$f = __default__$f, defaultProps$E = {
     ...others
   } = props, getStyles2 = useStyles({
     name: "Divider",
-    classes: classes$f,
+    classes: classes$g,
     props,
     className,
     style,
@@ -9294,7 +9382,7 @@ const classes$f = __default__$f, defaultProps$E = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$e
+    varsResolver: varsResolver$f
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -9308,14 +9396,14 @@ const classes$f = __default__$f, defaultProps$E = {
     }
   );
 });
-Divider.classes = classes$f;
+Divider.classes = classes$g;
 Divider.displayName = "@mantine/core/Divider";
 const [DrawerProvider, useDrawerContext] = createSafeContext(
   "Drawer component was not found in tree"
 );
-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();
+var __default__$f = { root: "m_f11b401e", header: "m_5a7c2c9", content: "m_b8a05bbd", inner: "m_31cd769a" };
+const classes$f = __default__$f, defaultProps$E = {}, DrawerBody = factory((_props, ref) => {
+  const props = useProps("DrawerBody", defaultProps$E, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseBody,
     {
@@ -9325,10 +9413,10 @@ const classes$e = __default__$e, defaultProps$D = {}, DrawerBody = factory((_pro
     }
   );
 });
-DrawerBody.classes = classes$e;
+DrawerBody.classes = classes$f;
 DrawerBody.displayName = "@mantine/core/DrawerBody";
-const defaultProps$C = {}, DrawerCloseButton = factory((_props, ref) => {
-  const props = useProps("DrawerCloseButton", defaultProps$C, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$D = {}, DrawerCloseButton = factory((_props, ref) => {
+  const props = useProps("DrawerCloseButton", defaultProps$D, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseCloseButton,
     {
@@ -9338,10 +9426,10 @@ const defaultProps$C = {}, DrawerCloseButton = factory((_props, ref) => {
     }
   );
 });
-DrawerCloseButton.classes = classes$e;
+DrawerCloseButton.classes = classes$f;
 DrawerCloseButton.displayName = "@mantine/core/DrawerCloseButton";
-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;
+const defaultProps$C = {}, DrawerContent = factory((_props, ref) => {
+  const props = useProps("DrawerContent", defaultProps$C, _props), { classNames, className, style, styles, vars, children, radius, ...others } = props, ctx = useDrawerContext(), Scroll = ctx.scrollAreaComponent || NativeScrollArea;
   return /* @__PURE__ */ jsx(
     ModalBaseContent,
     {
@@ -9354,10 +9442,10 @@ const defaultProps$B = {}, DrawerContent = factory((_props, ref) => {
     }
   );
 });
-DrawerContent.classes = classes$e;
+DrawerContent.classes = classes$f;
 DrawerContent.displayName = "@mantine/core/DrawerContent";
-const defaultProps$A = {}, DrawerHeader = factory((_props, ref) => {
-  const props = useProps("DrawerHeader", defaultProps$A, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$B = {}, DrawerHeader = factory((_props, ref) => {
+  const props = useProps("DrawerHeader", defaultProps$B, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseHeader,
     {
@@ -9367,10 +9455,10 @@ const defaultProps$A = {}, DrawerHeader = factory((_props, ref) => {
     }
   );
 });
-DrawerHeader.classes = classes$e;
+DrawerHeader.classes = classes$f;
 DrawerHeader.displayName = "@mantine/core/DrawerHeader";
-const defaultProps$z = {}, DrawerOverlay = factory((_props, ref) => {
-  const props = useProps("DrawerOverlay", defaultProps$z, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$A = {}, DrawerOverlay = factory((_props, ref) => {
+  const props = useProps("DrawerOverlay", defaultProps$A, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseOverlay,
     {
@@ -9380,7 +9468,7 @@ const defaultProps$z = {}, DrawerOverlay = factory((_props, ref) => {
     }
   );
 });
-DrawerOverlay.classes = classes$e;
+DrawerOverlay.classes = classes$f;
 DrawerOverlay.displayName = "@mantine/core/DrawerOverlay";
 function getDrawerAlign(position) {
   switch (position) {
@@ -9406,7 +9494,7 @@ const transitions = {
   bottom: "slide-up",
   right: "slide-right",
   left: "slide-left"
-}, defaultProps$y = {
+}, defaultProps$z = {
   closeOnClickOutside: !0,
   withinPortal: !0,
   lockScroll: !0,
@@ -9416,7 +9504,7 @@ const transitions = {
   keepMounted: !1,
   zIndex: getDefaultZIndex("modal"),
   position: "left"
-}, varsResolver$d = (_, { position, size: size2, offset: offset2 }) => ({
+}, varsResolver$e = (_, { position, size: size2, offset: offset2 }) => ({
   root: {
     "--drawer-size": getSize(size2, "drawer-size"),
     "--drawer-flex": getDrawerFlex(position),
@@ -9426,7 +9514,7 @@ const transitions = {
     "--drawer-offset": rem(offset2)
   }
 }), DrawerRoot = factory((_props, ref) => {
-  const props = useProps("DrawerRoot", defaultProps$y, _props), {
+  const props = useProps("DrawerRoot", defaultProps$z, _props), {
     classNames,
     className,
     style,
@@ -9440,7 +9528,7 @@ const transitions = {
     ...others
   } = props, { dir } = useDirection(), getStyles2 = useStyles({
     name: "Drawer",
-    classes: classes$e,
+    classes: classes$f,
     props,
     className,
     style,
@@ -9448,7 +9536,7 @@ const transitions = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$d
+    varsResolver: varsResolver$e
   }), drawerTransition = (dir === "rtl" ? rtlTransitions : transitions)[position];
   return /* @__PURE__ */ jsx(DrawerProvider, { value: { scrollAreaComponent, getStyles: getStyles2, radius }, children: /* @__PURE__ */ jsx(
     ModalBase,
@@ -9461,10 +9549,10 @@ const transitions = {
     }
   ) });
 });
-DrawerRoot.classes = classes$e;
+DrawerRoot.classes = classes$f;
 DrawerRoot.displayName = "@mantine/core/DrawerRoot";
-const defaultProps$x = {}, DrawerTitle = factory((_props, ref) => {
-  const props = useProps("DrawerTitle", defaultProps$x, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$y = {}, DrawerTitle = factory((_props, ref) => {
+  const props = useProps("DrawerTitle", defaultProps$y, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseTitle,
     {
@@ -9474,9 +9562,9 @@ const defaultProps$x = {}, DrawerTitle = factory((_props, ref) => {
     }
   );
 });
-DrawerTitle.classes = classes$e;
+DrawerTitle.classes = classes$f;
 DrawerTitle.displayName = "@mantine/core/DrawerTitle";
-const defaultProps$w = {
+const defaultProps$x = {
   closeOnClickOutside: !0,
   withinPortal: !0,
   lockScroll: !0,
@@ -9496,7 +9584,7 @@ const defaultProps$w = {
     closeButtonProps,
     children,
     ...others
-  } = useProps("Drawer", defaultProps$w, _props), hasHeader = !!title || withCloseButton;
+  } = useProps("Drawer", defaultProps$x, _props), hasHeader = !!title || withCloseButton;
   return /* @__PURE__ */ jsxs(DrawerRoot, { ref, ...others, children: [
     withOverlay && /* @__PURE__ */ jsx(DrawerOverlay, { ...overlayProps }),
     /* @__PURE__ */ jsxs(DrawerContent, { children: [
@@ -9508,7 +9596,7 @@ const defaultProps$w = {
     ] })
   ] });
 });
-Drawer.classes = classes$e;
+Drawer.classes = classes$f;
 Drawer.displayName = "@mantine/core/Drawer";
 Drawer.Root = DrawerRoot;
 Drawer.Overlay = DrawerOverlay;
@@ -9529,22 +9617,22 @@ function useDelayedHover({ open, close, openDelay, closeDelay }) {
 }
 const [HoverCardContextProvider, useHoverCardContext] = createSafeContext(
   "HoverCard component was not found in the tree"
-), defaultProps$v = {};
+), defaultProps$w = {};
 function HoverCardDropdown(props) {
   const { children, onMouseEnter, onMouseLeave, ...others } = useProps(
     "HoverCardDropdown",
-    defaultProps$v,
+    defaultProps$w,
     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$u = {
+const defaultProps$v = {
   refProp: "ref"
 }, HoverCardTarget = forwardRef((props, ref) => {
   const { children, refProp, eventPropsWrapperName, ...others } = useProps(
     "HoverCardTarget",
-    defaultProps$u,
+    defaultProps$v,
     props
   );
   if (!isElement$1(children))
@@ -9558,7 +9646,7 @@ const defaultProps$u = {
   ) });
 });
 HoverCardTarget.displayName = "@mantine/core/HoverCardTarget";
-const defaultProps$t = {
+const defaultProps$u = {
   openDelay: 0,
   closeDelay: 150,
   initiallyOpened: !1
@@ -9566,7 +9654,7 @@ const defaultProps$t = {
 function HoverCard(props) {
   const { children, onOpen, onClose, openDelay, closeDelay, initiallyOpened, ...others } = useProps(
     "HoverCard",
-    defaultProps$t,
+    defaultProps$u,
     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 }) });
@@ -9575,6 +9663,69 @@ HoverCard.displayName = "@mantine/core/HoverCard";
 HoverCard.Target = HoverCardTarget;
 HoverCard.Dropdown = HoverCardDropdown;
 HoverCard.extend = (input) => input;
+var __default__$e = { root: "m_9e117634" };
+const classes$e = __default__$e, defaultProps$t = {}, varsResolver$d = (_, { radius, fit }) => ({
+  root: {
+    "--image-radius": radius === void 0 ? void 0 : getRadius(radius),
+    "--image-object-fit": fit
+  }
+}), Image = polymorphicFactory((_props, ref) => {
+  const props = useProps("Image", defaultProps$t, _props), {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    onError,
+    src,
+    radius,
+    fit,
+    fallbackSrc,
+    mod,
+    ...others
+  } = props, [error, setError] = useState(!src);
+  useEffect(() => setError(!src), [src]);
+  const getStyles2 = useStyles({
+    name: "Image",
+    classes: classes$e,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver: varsResolver$d
+  });
+  return error && fallbackSrc ? /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "img",
+      ref,
+      src: fallbackSrc,
+      ...getStyles2("root"),
+      onError,
+      mod: ["fallback", mod],
+      ...others
+    }
+  ) : /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "img",
+      ref,
+      ...getStyles2("root"),
+      src,
+      onError: (event) => {
+        onError?.(event), setError(!0);
+      },
+      mod,
+      ...others
+    }
+  );
+});
+Image.classes = classes$e;
+Image.displayName = "@mantine/core/Image";
 var __default__$d = { root: "m_6e45937b", loader: "m_e8eb006c", overlay: "m_df587f17" };
 const classes$d = __default__$d, defaultProps$s = {
   transitionProps: { transition: "fade", duration: 0 },
@@ -11972,52 +12123,56 @@ const defaultProps = {
 Tree.displayName = "@mantine/core/Tree";
 Tree.classes = classes;
 export {
-  ModalBody as $,
+  useTree as $,
   ActionIcon as A,
   Button as B,
   Container as C,
   Divider as D,
-  FloatingIndicator as E,
+  ColorSwatch as E,
   Flex as F,
   Group as G,
   HoverCard as H,
-  Code as I,
-  SimpleGrid as J,
-  useMantineColorScheme as K,
-  useTree as L,
+  CheckIcon as I,
+  Select as J,
+  Slider as K,
+  SegmentedControl as L,
   MantineProvider as M,
-  Notification as N,
-  useComputedColorScheme as O,
-  Popover as P,
-  Tree as Q,
-  ThemeIcon as R,
+  Popover as N,
+  PopoverTarget as O,
+  Paper as P,
+  PopoverDropdown as Q,
+  FloatingIndicator as R,
   Stack as S,
   Title as T,
   UnstyledButton as U,
-  Drawer as V,
-  ScrollArea as W,
-  Alert as X,
-  ModalRoot as Y,
-  ModalOverlay as Z,
-  ModalContent as _,
+  Notification as V,
+  Code as W,
+  Center as X,
+  Image as Y,
+  useMantineColorScheme as Z,
+  SimpleGrid as _,
   Text as a,
-  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,
-  MenuLabel as ab,
-  MenuItem as ac,
-  LoadingOverlay as ad,
-  useCallbackRef as ae,
-  Burger as af,
-  Loader as ag,
+  useComputedColorScheme as a0,
+  Tree as a1,
+  Drawer as a2,
+  ScrollArea as a3,
+  Alert as a4,
+  ModalRoot as a5,
+  ModalOverlay as a6,
+  ModalContent as a7,
+  ModalBody as a8,
+  useMantineTheme as a9,
+  useMediaQuery as aa,
+  useDisclosure as ab,
+  Menu as ac,
+  MenuTarget as ad,
+  MenuDropdown as ae,
+  MenuLabel as af,
+  MenuItem as ag,
+  LoadingOverlay as ah,
+  useCallbackRef as ai,
+  Burger as aj,
+  Loader as ak,
   MantineContext as b,
   createTheme as c,
   clsx as d,
@@ -12031,16 +12186,16 @@ export {
   CardSection as l,
   Spoiler as m,
   ButtonGroup as n,
-  Space as o,
-  TooltipGroup as p,
-  Tooltip as q,
-  rem as r,
-  ColorSwatch as s,
-  CheckIcon as t,
+  Tooltip as o,
+  ThemeIcon as p,
+  Tabs as q,
+  TabsList as r,
+  TabsTab as s,
+  TabsPanel as t,
   useHotkeys as u,
-  Select as v,
-  Slider as w,
-  SegmentedControl as x,
-  PopoverTarget as y,
-  PopoverDropdown as z
+  ScrollAreaAutosize as v,
+  Badge as w,
+  rem as x,
+  Space as y,
+  TooltipGroup as z
 };