likec4 1.16.0 → 1.17.0

package/dist/__app__/src/chunks/{mantine-Dx0sIYv1.js → mantine-CdYQpHSU.js}

@@ -1117,6 +1117,18 @@ function useElementSize(options) {
   const [ref, { width, height }] = useResizeObserver$1(options);
   return { ref, width, height };
 }
+const eventListerOptions = {
+  passive: !0
+};
+function useViewportSize() {
+  const [windowSize, setWindowSize] = useState({
+    width: 0,
+    height: 0
+  }), setSize = useCallback(() => {
+    setWindowSize({ width: window.innerWidth || 0, height: window.innerHeight || 0 });
+  }, []);
+  return useWindowEvent("resize", setSize, eventListerOptions), useWindowEvent("orientationchange", setSize, eventListerOptions), useEffect(setSize, []), windowSize;
+}
 function parseHotkey(hotkey) {
   const keys2 = hotkey.toLowerCase().split("+").map((part) => part.trim()), modifiers = {
     alt: keys2.includes("alt"),
@@ -3103,11 +3115,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$1s = {
+}), defaultProps$1u = {
   scrollHideDelay: 1e3,
   type: "hover"
 }, ScrollAreaRoot = forwardRef((_props, ref) => {
-  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));
+  const props = useProps("ScrollAreaRoot", defaultProps$1u, _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,
     {
@@ -3532,17 +3544,17 @@ const ScrollAreaViewport = forwardRef(
   }
 );
 ScrollAreaViewport.displayName = "@mantine/core/ScrollAreaViewport";
-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 = {
+var __default__$H = { root: "m_d57069b5", viewport: "m_c0783ff9", viewportInner: "m_f8f631dd", scrollbar: "m_c44ba933", thumb: "m_d8b5e363", corner: "m_21657268" };
+const classes$H = __default__$H, defaultProps$1t = {
   scrollHideDelay: 1e3,
   type: "hover",
   scrollbars: "xy"
-}, varsResolver$G = (_, { scrollbarSize }) => ({
+}, varsResolver$I = (_, { scrollbarSize }) => ({
   root: {
     "--scrollarea-scrollbar-size": rem(scrollbarSize)
   }
 }), ScrollArea = factory((_props, ref) => {
-  const props = useProps("ScrollArea", defaultProps$1r, _props), {
+  const props = useProps("ScrollArea", defaultProps$1t, _props), {
     classNames,
     className,
     style,
@@ -3564,14 +3576,14 @@ const classes$G = __default__$G, defaultProps$1r = {
   } = props, [scrollbarHovered, setScrollbarHovered] = useState(!1), getStyles2 = useStyles({
     name: "ScrollArea",
     props,
-    classes: classes$G,
+    classes: classes$H,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$G
+    varsResolver: varsResolver$I
   });
   return /* @__PURE__ */ jsxs(
     ScrollAreaRoot,
@@ -3657,7 +3669,7 @@ const ScrollAreaAutosize = factory((props, ref) => {
     onBottomReached,
     onTopReached,
     ...others
-  } = useProps("ScrollAreaAutosize", defaultProps$1r, props);
+  } = useProps("ScrollAreaAutosize", defaultProps$1t, 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,
     {
@@ -3681,16 +3693,16 @@ const ScrollAreaAutosize = factory((props, ref) => {
     }
   ) }) });
 });
-ScrollArea.classes = classes$G;
+ScrollArea.classes = classes$H;
 ScrollAreaAutosize.displayName = "@mantine/core/ScrollAreaAutosize";
-ScrollAreaAutosize.classes = classes$G;
+ScrollAreaAutosize.classes = classes$H;
 ScrollArea.Autosize = ScrollAreaAutosize;
-var __default__$F = { root: "m_87cf2631" };
-const classes$F = __default__$F, defaultProps$1q = {
+var __default__$G = { root: "m_87cf2631" };
+const classes$G = __default__$G, defaultProps$1s = {
   __staticSelector: "UnstyledButton"
 }, UnstyledButton = polymorphicFactory(
   (_props, ref) => {
-    const props = useProps("UnstyledButton", defaultProps$1q, _props), {
+    const props = useProps("UnstyledButton", defaultProps$1s, _props), {
       className,
       component = "button",
       __staticSelector,
@@ -3702,7 +3714,7 @@ const classes$F = __default__$F, defaultProps$1q = {
     } = props, getStyles2 = useStyles({
       name: __staticSelector,
       props,
-      classes: classes$F,
+      classes: classes$G,
       className,
       style,
       classNames,
@@ -3721,13 +3733,13 @@ const classes$F = __default__$F, defaultProps$1q = {
     );
   }
 );
-UnstyledButton.classes = classes$F;
+UnstyledButton.classes = classes$G;
 UnstyledButton.displayName = "@mantine/core/UnstyledButton";
-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({
+var __default__$F = { root: "m_515a97f8" };
+const classes$F = __default__$F, defaultProps$1r = {}, VisuallyHidden = factory((_props, ref) => {
+  const props = useProps("VisuallyHidden", defaultProps$1r, _props), { classNames, className, style, styles, unstyled, vars, ...others } = props, getStyles2 = useStyles({
     name: "VisuallyHidden",
-    classes: classes$E,
+    classes: classes$F,
     props,
     className,
     style,
@@ -3737,16 +3749,16 @@ const classes$E = __default__$E, defaultProps$1p = {}, VisuallyHidden = factory(
   });
   return /* @__PURE__ */ jsx(Box, { component: "span", ref, ...getStyles2("root"), ...others });
 });
-VisuallyHidden.classes = classes$E;
+VisuallyHidden.classes = classes$F;
 VisuallyHidden.displayName = "@mantine/core/VisuallyHidden";
-var __default__$D = { root: "m_1b7284a3" };
-const classes$D = __default__$D, defaultProps$1o = {}, varsResolver$F = (_, { radius, shadow }) => ({
+var __default__$E = { root: "m_1b7284a3" };
+const classes$E = __default__$E, defaultProps$1q = {}, varsResolver$H = (_, { 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$1o, _props), {
+  const props = useProps("Paper", defaultProps$1q, _props), {
     classNames,
     className,
     style,
@@ -3762,14 +3774,14 @@ const classes$D = __default__$D, defaultProps$1o = {}, varsResolver$F = (_, { ra
   } = props, getStyles2 = useStyles({
     name: "Paper",
     props,
-    classes: classes$D,
+    classes: classes$E,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$F
+    varsResolver: varsResolver$H
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -3782,7 +3794,7 @@ const classes$D = __default__$D, defaultProps$1o = {}, varsResolver$F = (_, { ra
     }
   );
 });
-Paper.classes = classes$D;
+Paper.classes = classes$E;
 Paper.displayName = "@mantine/core/Paper";
 function getNodeName(node) {
   return isNode(node) ? (node.nodeName || "").toLowerCase() : "#document";
@@ -6048,8 +6060,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$1n = {}, Portal = forwardRef((props, ref) => {
-  const { children, target, ...others } = useProps("Portal", defaultProps$1n, props), [mounted, setMounted] = useState(!1), nodeRef = useRef(null);
+const defaultProps$1p = {}, Portal = forwardRef((props, ref) => {
+  const { children, target, ...others } = useProps("Portal", defaultProps$1p, 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);
@@ -6292,9 +6304,9 @@ function Transition({
   ) });
 }
 Transition.displayName = "@mantine/core/Transition";
-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), {
+var __default__$D = { dropdown: "m_38a85659", arrow: "m_a31dc6c1" };
+const classes$D = __default__$D, defaultProps$1o = {}, PopoverDropdown = factory((_props, ref) => {
+  const props = useProps("PopoverDropdown", defaultProps$1o, _props), {
     className,
     style,
     vars,
@@ -6378,15 +6390,15 @@ const classes$C = __default__$C, defaultProps$1m = {}, PopoverDropdown = factory
     }
   ) });
 });
-PopoverDropdown.classes = classes$C;
+PopoverDropdown.classes = classes$D;
 PopoverDropdown.displayName = "@mantine/core/PopoverDropdown";
-const defaultProps$1l = {
+const defaultProps$1n = {
   refProp: "ref",
   popupType: "dialog"
 }, PopoverTarget = factory((props, ref) => {
   const { children, refProp, popupType, ...others } = useProps(
     "PopoverTarget",
-    defaultProps$1l,
+    defaultProps$1n,
     props
   );
   if (!isElement$1(children))
@@ -6496,7 +6508,7 @@ function usePopover(options) {
     onToggle
   };
 }
-const defaultProps$1k = {
+const defaultProps$1m = {
   position: "bottom",
   offset: 8,
   positionDependencies: [],
@@ -6516,14 +6528,14 @@ const defaultProps$1k = {
   zIndex: getDefaultZIndex("popover"),
   __staticSelector: "Popover",
   width: "max-content"
-}, varsResolver$E = (_, { radius, shadow }) => ({
+}, varsResolver$G = (_, { radius, shadow }) => ({
   dropdown: {
     "--popover-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--popover-shadow": getShadow(shadow)
   }
 });
 function Popover(_props) {
-  const props = useProps("Popover", defaultProps$1k, _props), {
+  const props = useProps("Popover", defaultProps$1m, _props), {
     children,
     position,
     offset: offset2,
@@ -6567,13 +6579,13 @@ function Popover(_props) {
   } = props, getStyles2 = useStyles({
     name: __staticSelector,
     props,
-    classes: classes$C,
+    classes: classes$D,
     classNames,
     styles,
     unstyled,
     rootSelector: "dropdown",
     vars,
-    varsResolver: varsResolver$E
+    varsResolver: varsResolver$G
   }), arrowRef = useRef(null), [targetNode, setTargetNode] = useState(null), [dropdownNode, setDropdownNode] = useState(null), { dir } = useDirection(), uid = useId$1(id), popover = usePopover({
     middlewares,
     width,
@@ -6658,35 +6670,35 @@ Popover.Target = PopoverTarget;
 Popover.Dropdown = PopoverDropdown;
 Popover.displayName = "@mantine/core/Popover";
 Popover.extend = (input) => input;
-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 })
+var __default__$C = { 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$C = __default__$C, Bars = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$C.barsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsx("span", { className: classes$C.bar }),
+  /* @__PURE__ */ jsx("span", { className: classes$C.bar }),
+  /* @__PURE__ */ jsx("span", { className: classes$C.bar })
 ] }));
 Bars.displayName = "@mantine/core/Bars";
-const 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 })
+const Dots = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$C.dotsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsx("span", { className: classes$C.dot }),
+  /* @__PURE__ */ jsx("span", { className: classes$C.dot }),
+  /* @__PURE__ */ jsx("span", { className: classes$C.dot })
 ] }));
 Dots.displayName = "@mantine/core/Dots";
-const Oval = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsx(Box, { component: "span", className: clsx(classes$B.ovalLoader, className), ...others, ref }));
+const Oval = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsx(Box, { component: "span", className: clsx(classes$C.ovalLoader, className), ...others, ref }));
 Oval.displayName = "@mantine/core/Oval";
 const defaultLoaders = {
   bars: Bars,
   oval: Oval,
   dots: Dots
-}, defaultProps$1j = {
+}, defaultProps$1l = {
   loaders: defaultLoaders,
   type: "oval"
-}, varsResolver$D = (theme, { size: size2, color }) => ({
+}, varsResolver$F = (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$1j, _props), {
+  const props = useProps("Loader", defaultProps$1l, _props), {
     size: size2,
     color,
     type,
@@ -6703,14 +6715,14 @@ const defaultLoaders = {
   } = props, getStyles2 = useStyles({
     name: "Loader",
     props,
-    classes: classes$B,
+    classes: classes$C,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$D
+    varsResolver: varsResolver$F
   });
   return children ? /* @__PURE__ */ jsx(Box, { ...getStyles2("root"), ref, ...others, children }) : /* @__PURE__ */ jsx(
     Box,
@@ -6725,15 +6737,15 @@ const defaultLoaders = {
   );
 });
 Loader.defaultLoaders = defaultLoaders;
-Loader.classes = classes$B;
+Loader.classes = classes$C;
 Loader.displayName = "@mantine/core/Loader";
-var __default__$A = { root: "m_8d3f4000", icon: "m_8d3afb97", loader: "m_302b9fb1", group: "m_1a0f1b21" };
-const classes$A = __default__$A, defaultProps$1i = {
+var __default__$B = { root: "m_8d3f4000", icon: "m_8d3afb97", loader: "m_302b9fb1", group: "m_1a0f1b21" };
+const classes$B = __default__$B, defaultProps$1k = {
   orientation: "horizontal"
-}, varsResolver$C = (_, { borderWidth }) => ({
+}, varsResolver$E = (_, { borderWidth }) => ({
   group: { "--ai-border-width": rem(borderWidth) }
 }), ActionIconGroup = factory((_props, ref) => {
-  const props = useProps("ActionIconGroup", defaultProps$1i, _props), {
+  const props = useProps("ActionIconGroup", defaultProps$1k, _props), {
     className,
     style,
     classNames,
@@ -6745,17 +6757,17 @@ const classes$A = __default__$A, defaultProps$1i = {
     variant,
     mod,
     ...others
-  } = useProps("ActionIconGroup", defaultProps$1i, _props), getStyles2 = useStyles({
+  } = useProps("ActionIconGroup", defaultProps$1k, _props), getStyles2 = useStyles({
     name: "ActionIconGroup",
     props,
-    classes: classes$A,
+    classes: classes$B,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$C,
+    varsResolver: varsResolver$E,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsx(
@@ -6770,9 +6782,9 @@ const classes$A = __default__$A, defaultProps$1i = {
     }
   );
 });
-ActionIconGroup.classes = classes$A;
+ActionIconGroup.classes = classes$B;
 ActionIconGroup.displayName = "@mantine/core/ActionIconGroup";
-const defaultProps$1h = {}, varsResolver$B = (theme, { size: size2, radius, variant, gradient, color, autoContrast }) => {
+const defaultProps$1j = {}, varsResolver$D = (theme, { size: size2, radius, variant, gradient, color, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
     theme,
@@ -6792,7 +6804,7 @@ const defaultProps$1h = {}, varsResolver$B = (theme, { size: size2, radius, vari
     }
   };
 }, ActionIcon = polymorphicFactory((_props, ref) => {
-  const props = useProps("ActionIcon", defaultProps$1h, _props), {
+  const props = useProps("ActionIcon", defaultProps$1j, _props), {
     className,
     unstyled,
     variant,
@@ -6818,12 +6830,12 @@ const defaultProps$1h = {}, varsResolver$B = (theme, { size: size2, radius, vari
     props,
     className,
     style,
-    classes: classes$A,
+    classes: classes$B,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$B
+    varsResolver: varsResolver$D
   });
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
@@ -6843,7 +6855,7 @@ const defaultProps$1h = {}, varsResolver$B = (theme, { size: size2, radius, vari
     }
   );
 });
-ActionIcon.classes = classes$A;
+ActionIcon.classes = classes$B;
 ActionIcon.displayName = "@mantine/core/ActionIcon";
 ActionIcon.Group = ActionIconGroup;
 const CloseIcon = forwardRef(
@@ -6869,17 +6881,17 @@ const CloseIcon = forwardRef(
   )
 );
 CloseIcon.displayName = "@mantine/core/CloseIcon";
-var __default__$z = { root: "m_86a44da5", "root--subtle": "m_220c80f2" };
-const classes$z = __default__$z, defaultProps$1g = {
+var __default__$A = { root: "m_86a44da5", "root--subtle": "m_220c80f2" };
+const classes$A = __default__$A, defaultProps$1i = {
   variant: "subtle"
-}, varsResolver$A = (_, { size: size2, radius, iconSize }) => ({
+}, varsResolver$C = (_, { 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$1g, _props), {
+  const props = useProps("CloseButton", defaultProps$1i, _props), {
     iconSize,
     children,
     vars,
@@ -6900,12 +6912,12 @@ const classes$z = __default__$z, defaultProps$1g = {
     props,
     className,
     style,
-    classes: classes$z,
+    classes: classes$A,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$A
+    varsResolver: varsResolver$C
   });
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
@@ -6924,19 +6936,19 @@ const classes$z = __default__$z, defaultProps$1g = {
     }
   );
 });
-CloseButton.classes = classes$z;
+CloseButton.classes = classes$A;
 CloseButton.displayName = "@mantine/core/CloseButton";
 function filterFalsyChildren(children) {
   return Children.toArray(children).filter(Boolean);
 }
-var __default__$y = { root: "m_4081bf90" };
-const classes$y = __default__$y, defaultProps$1f = {
+var __default__$z = { root: "m_4081bf90" };
+const classes$z = __default__$z, defaultProps$1h = {
   preventGrowOverflow: !0,
   gap: "md",
   align: "center",
   justify: "flex-start",
   wrap: "wrap"
-}, varsResolver$z = (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({
+}, varsResolver$B = (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({
   root: {
     "--group-child-width": grow && preventGrowOverflow ? childWidth : void 0,
     "--group-gap": getSpacing(gap),
@@ -6945,7 +6957,7 @@ const classes$y = __default__$y, defaultProps$1f = {
     "--group-wrap": wrap
   }
 }), Group = factory((_props, ref) => {
-  const props = useProps("Group", defaultProps$1f, _props), {
+  const props = useProps("Group", defaultProps$1h, _props), {
     classNames,
     className,
     style,
@@ -6969,12 +6981,12 @@ const classes$y = __default__$y, defaultProps$1f = {
     stylesCtx,
     className,
     style,
-    classes: classes$y,
+    classes: classes$z,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$z
+    varsResolver: varsResolver$B
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -6989,12 +7001,12 @@ const classes$y = __default__$y, defaultProps$1f = {
     }
   );
 });
-Group.classes = classes$y;
+Group.classes = classes$z;
 Group.displayName = "@mantine/core/Group";
-var __default__$x = { root: "m_9814e45f" };
-const classes$x = __default__$x, defaultProps$1e = {
+var __default__$y = { root: "m_9814e45f" };
+const classes$y = __default__$y, defaultProps$1g = {
   zIndex: getDefaultZIndex("modal")
-}, varsResolver$y = (_, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({
+}, varsResolver$A = (_, { 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,
@@ -7002,7 +7014,7 @@ const classes$x = __default__$x, defaultProps$1e = {
     "--overlay-z-index": zIndex?.toString()
   }
 }), Overlay = polymorphicFactory((_props, ref) => {
-  const props = useProps("Overlay", defaultProps$1e, _props), {
+  const props = useProps("Overlay", defaultProps$1g, _props), {
     classNames,
     className,
     style,
@@ -7023,18 +7035,18 @@ const classes$x = __default__$x, defaultProps$1e = {
   } = props, getStyles2 = useStyles({
     name: "Overlay",
     props,
-    classes: classes$x,
+    classes: classes$y,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$y
+    varsResolver: varsResolver$A
   });
   return /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("root"), mod: [{ center, fixed }, mod], ...others, children });
 });
-Overlay.classes = classes$x;
+Overlay.classes = classes$y;
 Overlay.displayName = "@mantine/core/Overlay";
 const [ModalBaseProvider, useModalBaseContext] = createSafeContext(
   "ModalBase component was not found in tree"
@@ -7142,8 +7154,8 @@ function useModalBodyId() {
   const ctx = useModalBaseContext();
   return useEffect(() => (ctx.setBodyMounted(!0), () => ctx.setBodyMounted(!1)), []), ctx.getBodyId();
 }
-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(
+var __default__$x = { title: "m_615af6c9", header: "m_b5489c3c", inner: "m_60c222c7", content: "m_fd1ab0aa", close: "m_606cb269", body: "m_5df29311" };
+const classes$x = __default__$x, ModalBaseBody = forwardRef(
   ({ className, ...others }, ref) => {
     const bodyId = useModalBodyId(), ctx = useModalBaseContext();
     return /* @__PURE__ */ jsx(
@@ -7152,7 +7164,7 @@ const classes$w = __default__$w, ModalBaseBody = forwardRef(
         ref,
         ...others,
         id: bodyId,
-        className: clsx({ [classes$w.body]: !ctx.unstyled }, className)
+        className: clsx({ [classes$x.body]: !ctx.unstyled }, className)
       }
     );
   }
@@ -7169,7 +7181,7 @@ const ModalBaseCloseButton = forwardRef(
         onClick: (event) => {
           ctx.onClose(), onClick?.(event);
         },
-        className: clsx({ [classes$w.close]: !ctx.unstyled }, className),
+        className: clsx({ [classes$x.close]: !ctx.unstyled }, className),
         unstyled: ctx.unstyled
       }
     );
@@ -7190,7 +7202,7 @@ const ModalBaseContent = forwardRef(
           "div",
           {
             ...innerProps,
-            className: clsx({ [classes$w.inner]: !ctx.unstyled }, innerProps.className),
+            className: clsx({ [classes$x.inner]: !ctx.unstyled }, innerProps.className),
             children: /* @__PURE__ */ jsx(FocusTrap, { active: ctx.opened && ctx.trapFocus, innerRef: ref, children: /* @__PURE__ */ jsx(
               Paper,
               {
@@ -7202,7 +7214,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$w.content]: !ctx.unstyled }, className),
+                className: clsx({ [classes$x.content]: !ctx.unstyled }, className),
                 unstyled: ctx.unstyled,
                 children: others.children
               }
@@ -7222,7 +7234,7 @@ const ModalBaseHeader = forwardRef(
       {
         component: "header",
         ref,
-        className: clsx({ [classes$w.header]: !ctx.unstyled }, className),
+        className: clsx({ [classes$x.header]: !ctx.unstyled }, className),
         ...others
       }
     );
@@ -7270,7 +7282,7 @@ const ModalBaseTitle = forwardRef(
       {
         component: "h2",
         ref,
-        className: clsx({ [classes$w.title]: !ctx.unstyled }, className),
+        className: clsx({ [classes$x.title]: !ctx.unstyled }, className),
         ...others,
         id
       }
@@ -7289,13 +7301,13 @@ const [InputWrapperProvider, useInputWrapperContext] = createOptionalContext({
   inputId: void 0,
   labelId: void 0
 });
-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 }) => ({
+var __default__$w = { 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$w = __default__$w, defaultProps$1f = {}, varsResolver$z = (_, { 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$1d, _props), {
+  const props = useProps("InputDescription", defaultProps$1f, _props), {
     classNames,
     className,
     style,
@@ -7307,10 +7319,10 @@ const classes$v = __default__$v, defaultProps$1d = {}, varsResolver$x = (_, { si
     __inheritStyles = !0,
     variant,
     ...others
-  } = useProps("InputDescription", defaultProps$1d, props), ctx = useInputWrapperContext(), _getStyles = useStyles({
+  } = useProps("InputDescription", defaultProps$1f, props), ctx = useInputWrapperContext(), _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$v,
+    classes: classes$w,
     className,
     style,
     classNames,
@@ -7318,7 +7330,7 @@ const classes$v = __default__$v, defaultProps$1d = {}, varsResolver$x = (_, { si
     unstyled,
     rootSelector: "description",
     vars,
-    varsResolver: varsResolver$x
+    varsResolver: varsResolver$z
   }), getStyles2 = __inheritStyles && ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsx(
     Box,
@@ -7332,14 +7344,14 @@ const classes$v = __default__$v, defaultProps$1d = {}, varsResolver$x = (_, { si
     }
   );
 });
-InputDescription.classes = classes$v;
+InputDescription.classes = classes$w;
 InputDescription.displayName = "@mantine/core/InputDescription";
-const defaultProps$1c = {}, varsResolver$w = (_, { size: size2 }) => ({
+const defaultProps$1e = {}, varsResolver$y = (_, { 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$1c, _props), {
+  const props = useProps("InputError", defaultProps$1e, _props), {
     classNames,
     className,
     style,
@@ -7354,7 +7366,7 @@ const defaultProps$1c = {}, varsResolver$w = (_, { size: size2 }) => ({
   } = props, _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$v,
+    classes: classes$w,
     className,
     style,
     classNames,
@@ -7362,7 +7374,7 @@ const defaultProps$1c = {}, varsResolver$w = (_, { size: size2 }) => ({
     unstyled,
     rootSelector: "error",
     vars,
-    varsResolver: varsResolver$w
+    varsResolver: varsResolver$y
   }), ctx = useInputWrapperContext(), getStyles2 = __inheritStyles && ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsx(
     Box,
@@ -7376,17 +7388,17 @@ const defaultProps$1c = {}, varsResolver$w = (_, { size: size2 }) => ({
     }
   );
 });
-InputError.classes = classes$v;
+InputError.classes = classes$w;
 InputError.displayName = "@mantine/core/InputError";
-const defaultProps$1b = {
+const defaultProps$1d = {
   labelElement: "label"
-}, varsResolver$v = (_, { size: size2 }) => ({
+}, varsResolver$x = (_, { size: size2 }) => ({
   label: {
     "--input-label-size": getFontSize(size2),
     "--input-asterisk-color": void 0
   }
 }), InputLabel = factory((_props, ref) => {
-  const props = useProps("InputLabel", defaultProps$1b, _props), {
+  const props = useProps("InputLabel", defaultProps$1d, _props), {
     classNames,
     className,
     style,
@@ -7403,10 +7415,10 @@ const defaultProps$1b = {
     variant,
     mod,
     ...others
-  } = useProps("InputLabel", defaultProps$1b, props), _getStyles = useStyles({
+  } = useProps("InputLabel", defaultProps$1d, props), _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$v,
+    classes: classes$w,
     className,
     style,
     classNames,
@@ -7414,7 +7426,7 @@ const defaultProps$1b = {
     unstyled,
     rootSelector: "label",
     vars,
-    varsResolver: varsResolver$v
+    varsResolver: varsResolver$x
   }), ctx = useInputWrapperContext(), getStyles2 = ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsxs(
     Box,
@@ -7437,10 +7449,10 @@ const defaultProps$1b = {
     }
   );
 });
-InputLabel.classes = classes$v;
+InputLabel.classes = classes$w;
 InputLabel.displayName = "@mantine/core/InputLabel";
-const defaultProps$1a = {}, InputPlaceholder = factory((_props, ref) => {
-  const props = useProps("InputPlaceholder", defaultProps$1a, _props), {
+const defaultProps$1c = {}, InputPlaceholder = factory((_props, ref) => {
+  const props = useProps("InputPlaceholder", defaultProps$1c, _props), {
     classNames,
     className,
     style,
@@ -7452,10 +7464,10 @@ const defaultProps$1a = {}, InputPlaceholder = factory((_props, ref) => {
     error,
     mod,
     ...others
-  } = useProps("InputPlaceholder", defaultProps$1a, props), getStyles2 = useStyles({
+  } = useProps("InputPlaceholder", defaultProps$1c, props), getStyles2 = useStyles({
     name: ["InputPlaceholder", __staticSelector],
     props,
-    classes: classes$v,
+    classes: classes$w,
     className,
     style,
     classNames,
@@ -7475,17 +7487,17 @@ const defaultProps$1a = {}, InputPlaceholder = factory((_props, ref) => {
     }
   );
 });
-InputPlaceholder.classes = classes$v;
+InputPlaceholder.classes = classes$w;
 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$19 = {
+const defaultProps$1b = {
   labelElement: "label",
   inputContainer: (children) => children,
   inputWrapperOrder: ["label", "description", "input", "error"]
-}, varsResolver$u = (_, { size: size2 }) => ({
+}, varsResolver$w = (_, { size: size2 }) => ({
   label: {
     "--input-label-size": getFontSize(size2),
     "--input-asterisk-color": void 0
@@ -7497,7 +7509,7 @@ const defaultProps$19 = {
     "--input-description-size": size2 === void 0 ? void 0 : `calc(${getFontSize(size2)} - ${rem(2)})`
   }
 }), InputWrapper = factory((_props, ref) => {
-  const props = useProps("InputWrapper", defaultProps$19, _props), {
+  const props = useProps("InputWrapper", defaultProps$1b, _props), {
     classNames,
     className,
     style,
@@ -7526,14 +7538,14 @@ const defaultProps$19 = {
   } = props, getStyles2 = useStyles({
     name: ["InputWrapper", __staticSelector],
     props: __stylesApiProps || props,
-    classes: classes$v,
+    classes: classes$w,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$u
+    varsResolver: varsResolver$w
   }), sharedProps = {
     size: size2,
     variant,
@@ -7609,15 +7621,15 @@ const defaultProps$19 = {
     }
   );
 });
-InputWrapper.classes = classes$v;
+InputWrapper.classes = classes$w;
 InputWrapper.displayName = "@mantine/core/InputWrapper";
-const defaultProps$18 = {
+const defaultProps$1a = {
   variant: "default",
   leftSectionPointerEvents: "none",
   rightSectionPointerEvents: "none",
   withAria: !0,
   withErrorStyles: !0
-}, varsResolver$t = (_, props, ctx) => ({
+}, varsResolver$v = (_, 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,
@@ -7631,7 +7643,7 @@ const defaultProps$18 = {
     "--input-right-section-pointer-events": props.rightSectionPointerEvents
   }
 }), Input = polymorphicFactory((_props, ref) => {
-  const props = useProps("Input", defaultProps$18, _props), {
+  const props = useProps("Input", defaultProps$1a, _props), {
     classNames,
     className,
     style,
@@ -7666,7 +7678,7 @@ const defaultProps$18 = {
   } = props, { styleProps, rest } = extractStyleProps(others), ctx = useInputWrapperContext(), stylesCtx = { offsetBottom: ctx?.offsetBottom, offsetTop: ctx?.offsetTop }, getStyles2 = useStyles({
     name: ["Input", __staticSelector],
     props: __stylesApiProps || props,
-    classes: classes$v,
+    classes: classes$w,
     className,
     style,
     classNames,
@@ -7675,7 +7687,7 @@ const defaultProps$18 = {
     stylesCtx,
     rootSelector: "wrapper",
     vars,
-    varsResolver: varsResolver$t
+    varsResolver: varsResolver$v
   }), ariaAttributes = withAria ? {
     required,
     disabled,
@@ -7745,7 +7757,7 @@ const defaultProps$18 = {
     }
   );
 });
-Input.classes = classes$v;
+Input.classes = classes$w;
 Input.Wrapper = InputWrapper;
 Input.Label = InputLabel;
 Input.Error = InputError;
@@ -7822,11 +7834,11 @@ function useInputProps(component, defaultProps2, _props) {
     }
   };
 }
-const defaultProps$17 = {
+const defaultProps$19 = {
   __staticSelector: "InputBase",
   withAria: !0
 }, InputBase = polymorphicFactory((props, ref) => {
-  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$17, props);
+  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$19, props);
   return /* @__PURE__ */ jsx(Input.Wrapper, { ...wrapperProps, children: /* @__PURE__ */ jsx(Input, { ...inputProps, ...others, ref }) });
 });
 InputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };
@@ -7840,9 +7852,9 @@ const FLEX_STYLE_PROPS_DATA = {
   wrap: { type: "identity", property: "flexWrap" },
   direction: { type: "identity", property: "flexDirection" }
 };
-var __default__$u = { root: "m_8bffd616" };
-const classes$u = __default__$u, defaultProps$16 = {}, Flex = polymorphicFactory((_props, ref) => {
-  const props = useProps("Flex", defaultProps$16, _props), {
+var __default__$v = { root: "m_8bffd616" };
+const classes$v = __default__$v, defaultProps$18 = {}, Flex = polymorphicFactory((_props, ref) => {
+  const props = useProps("Flex", defaultProps$18, _props), {
     classNames,
     className,
     style,
@@ -7859,7 +7871,7 @@ const classes$u = __default__$u, defaultProps$16 = {}, Flex = polymorphicFactory
     ...others
   } = props, getStyles2 = useStyles({
     name: "Flex",
-    classes: classes$u,
+    classes: classes$v,
     props,
     className,
     style,
@@ -7894,7 +7906,7 @@ const classes$u = __default__$u, defaultProps$16 = {}, Flex = polymorphicFactory
     )
   ] });
 });
-Flex.classes = classes$u;
+Flex.classes = classes$v;
 Flex.displayName = "@mantine/core/Flex";
 function isParent(parentElement, childElement) {
   if (!childElement || !parentElement)
@@ -7960,13 +7972,13 @@ function useFloatingIndicator({
     () => document.documentElement
   ), { initialized, hidden: hidden2 };
 }
-var __default__$t = { root: "m_96b553a6" };
-const classes$t = __default__$t, defaultProps$15 = {}, varsResolver$s = (_theme, { transitionDuration }) => ({
+var __default__$u = { root: "m_96b553a6" };
+const classes$u = __default__$u, defaultProps$17 = {}, varsResolver$u = (_theme, { transitionDuration }) => ({
   root: {
     "--transition-duration": typeof transitionDuration == "number" ? `${transitionDuration}ms` : transitionDuration
   }
 }), FloatingIndicator = factory((_props, ref) => {
-  const props = useProps("FloatingIndicator", defaultProps$15, _props), {
+  const props = useProps("FloatingIndicator", defaultProps$17, _props), {
     classNames,
     className,
     style,
@@ -7981,7 +7993,7 @@ const classes$t = __default__$t, defaultProps$15 = {}, varsResolver$s = (_theme,
     ...others
   } = props, getStyles2 = useStyles({
     name: "FloatingIndicator",
-    classes: classes$t,
+    classes: classes$u,
     props,
     className,
     style,
@@ -7989,7 +8001,7 @@ const classes$t = __default__$t, defaultProps$15 = {}, varsResolver$s = (_theme,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$s
+    varsResolver: varsResolver$u
   }), innerRef = useRef(null), { initialized, hidden: hidden2 } = useFloatingIndicator({
     target,
     parent,
@@ -7999,9 +8011,9 @@ const classes$t = __default__$t, defaultProps$15 = {}, varsResolver$s = (_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$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 }) => {
+FloatingIndicator.classes = classes$u;
+var __default__$t = { 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$t = __default__$t, defaultProps$16 = {}, varsResolver$t = (theme, { radius, color, variant, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
     theme,
@@ -8017,7 +8029,7 @@ const classes$s = __default__$s, defaultProps$14 = {}, varsResolver$r = (theme,
     }
   };
 }, Alert = factory((_props, ref) => {
-  const props = useProps("Alert", defaultProps$14, _props), {
+  const props = useProps("Alert", defaultProps$16, _props), {
     classNames,
     className,
     style,
@@ -8038,7 +8050,7 @@ const classes$s = __default__$s, defaultProps$14 = {}, varsResolver$r = (theme,
     ...others
   } = props, getStyles2 = useStyles({
     name: "Alert",
-    classes: classes$s,
+    classes: classes$t,
     props,
     className,
     style,
@@ -8046,7 +8058,7 @@ const classes$s = __default__$s, defaultProps$14 = {}, varsResolver$r = (theme,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$r
+    varsResolver: varsResolver$t
   }), rootId = useId$1(id), titleId = title && `${rootId}-title` || void 0, bodyId = `${rootId}-body`;
   return /* @__PURE__ */ jsx(
     Box,
@@ -8081,19 +8093,19 @@ const classes$s = __default__$s, defaultProps$14 = {}, varsResolver$r = (theme,
     }
   );
 });
-Alert.classes = classes$s;
+Alert.classes = classes$t;
 Alert.displayName = "@mantine/core/Alert";
-var __default__$r = { root: "m_b6d8b162" };
-const classes$r = __default__$r;
+var __default__$s = { root: "m_b6d8b162" };
+const classes$s = __default__$s;
 function getTextTruncate(truncate) {
   if (truncate === "start")
     return "start";
   if (truncate === "end" || truncate)
     return "end";
 }
-const defaultProps$13 = {
+const defaultProps$15 = {
   inherit: !1
-}, varsResolver$q = (theme, { variant, lineClamp, gradient, size: size2, color }) => ({
+}, varsResolver$s = (theme, { variant, lineClamp, gradient, size: size2, color }) => ({
   root: {
     "--text-fz": getFontSize(size2),
     "--text-lh": getLineHeight(size2),
@@ -8102,7 +8114,7 @@ const defaultProps$13 = {
     "--text-color": color ? getThemeColor(color, theme) : void 0
   }
 }), Text = polymorphicFactory((_props, ref) => {
-  const props = useProps("Text", defaultProps$13, _props), {
+  const props = useProps("Text", defaultProps$15, _props), {
     lineClamp,
     truncate,
     inline: inline2,
@@ -8123,14 +8135,14 @@ const defaultProps$13 = {
   } = props, getStyles2 = useStyles({
     name: ["Text", __staticSelector],
     props,
-    classes: classes$r,
+    classes: classes$s,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$q
+    varsResolver: varsResolver$s
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -8153,15 +8165,15 @@ const defaultProps$13 = {
     }
   );
 });
-Text.classes = classes$r;
+Text.classes = classes$s;
 Text.displayName = "@mantine/core/Text";
-var __default__$q = { root: "m_849cf0da" };
-const classes$q = __default__$q, defaultProps$12 = {
+var __default__$r = { root: "m_849cf0da" };
+const classes$r = __default__$r, defaultProps$14 = {
   underline: "hover"
 }, Anchor = polymorphicFactory((props, ref) => {
   const { underline, className, unstyled, mod, ...others } = useProps(
     "Anchor",
-    defaultProps$12,
+    defaultProps$14,
     props
   );
   return /* @__PURE__ */ jsx(
@@ -8169,7 +8181,7 @@ const classes$q = __default__$q, defaultProps$12 = {
     {
       component: "a",
       ref,
-      className: clsx({ [classes$q.root]: !unstyled }, className),
+      className: clsx({ [classes$r.root]: !unstyled }, className),
       ...others,
       mod: [{ underline }, mod],
       __staticSelector: "Anchor",
@@ -8177,7 +8189,7 @@ const classes$q = __default__$q, defaultProps$12 = {
     }
   );
 });
-Anchor.classes = classes$q;
+Anchor.classes = classes$r;
 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 ? {
@@ -8191,17 +8203,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__$p = { dropdown: "m_88b62a41", search: "m_985517d8", options: "m_b2821a6e", option: "m_92253aa5", 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 = {
+var __default__$q = { dropdown: "m_88b62a41", search: "m_985517d8", options: "m_b2821a6e", option: "m_92253aa5", 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$q = __default__$q, defaultProps$13 = {
   error: null
-}, varsResolver$p = (_, { size: size2 }) => ({
+}, varsResolver$r = (_, { size: size2 }) => ({
   chevron: {
     "--combobox-chevron-size": getSize(size2, "combobox-chevron-size")
   }
 }), ComboboxChevron = factory((_props, ref) => {
-  const props = useProps("ComboboxChevron", defaultProps$11, _props), { size: size2, error, style, className, classNames, styles, unstyled, vars, mod, ...others } = props, getStyles2 = useStyles({
+  const props = useProps("ComboboxChevron", defaultProps$13, _props), { size: size2, error, style, className, classNames, styles, unstyled, vars, mod, ...others } = props, getStyles2 = useStyles({
     name: "ComboboxChevron",
-    classes: classes$p,
+    classes: classes$q,
     props,
     style,
     className,
@@ -8209,7 +8221,7 @@ const classes$p = __default__$p, defaultProps$11 = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$p,
+    varsResolver: varsResolver$r,
     rootSelector: "chevron"
   });
   return /* @__PURE__ */ jsx(
@@ -8236,7 +8248,7 @@ const classes$p = __default__$p, defaultProps$11 = {
     }
   );
 });
-ComboboxChevron.classes = classes$p;
+ComboboxChevron.classes = classes$q;
 ComboboxChevron.displayName = "@mantine/core/ComboboxChevron";
 const [ComboboxProvider, useComboboxContext] = createSafeContext(
   "Combobox component was not found in tree"
@@ -8260,10 +8272,10 @@ const [ComboboxProvider, useComboboxContext] = createSafeContext(
   )
 );
 ComboboxClearButton.displayName = "@mantine/core/ComboboxClearButton";
-const defaultProps$10 = {}, ComboboxDropdown = factory((props, ref) => {
+const defaultProps$12 = {}, ComboboxDropdown = factory((props, ref) => {
   const { classNames, styles, className, style, hidden: hidden2, ...others } = useProps(
     "ComboboxDropdown",
-    defaultProps$10,
+    defaultProps$12,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8277,12 +8289,12 @@ const defaultProps$10 = {}, ComboboxDropdown = factory((props, ref) => {
     }
   );
 });
-ComboboxDropdown.classes = classes$p;
+ComboboxDropdown.classes = classes$q;
 ComboboxDropdown.displayName = "@mantine/core/ComboboxDropdown";
-const defaultProps$$ = {
+const defaultProps$11 = {
   refProp: "ref"
 }, ComboboxDropdownTarget = factory((props, ref) => {
-  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$$, props);
+  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$11, 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"
@@ -8290,10 +8302,10 @@ const defaultProps$$ = {
   return /* @__PURE__ */ jsx(Popover.Target, { ref, refProp, children });
 });
 ComboboxDropdownTarget.displayName = "@mantine/core/ComboboxDropdownTarget";
-const defaultProps$_ = {}, ComboboxEmpty = factory((props, ref) => {
+const defaultProps$10 = {}, ComboboxEmpty = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "ComboboxEmpty",
-    defaultProps$_,
+    defaultProps$10,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8305,7 +8317,7 @@ const defaultProps$_ = {}, ComboboxEmpty = factory((props, ref) => {
     }
   );
 });
-ComboboxEmpty.classes = classes$p;
+ComboboxEmpty.classes = classes$q;
 ComboboxEmpty.displayName = "@mantine/core/ComboboxEmpty";
 function useComboboxTargetProps({
   onKeyDown,
@@ -8341,7 +8353,7 @@ function useComboboxTargetProps({
     onKeyDown: handleKeyDown
   };
 }
-const defaultProps$Z = {
+const defaultProps$$ = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: !0,
@@ -8358,7 +8370,7 @@ const defaultProps$Z = {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxEventsTarget", defaultProps$Z, props);
+  } = useProps("ComboboxEventsTarget", defaultProps$$, 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"
@@ -8378,10 +8390,10 @@ const defaultProps$Z = {
   });
 });
 ComboboxEventsTarget.displayName = "@mantine/core/ComboboxEventsTarget";
-const defaultProps$Y = {}, ComboboxFooter = factory((props, ref) => {
+const defaultProps$_ = {}, ComboboxFooter = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "ComboboxFooter",
-    defaultProps$Y,
+    defaultProps$_,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8396,12 +8408,12 @@ const defaultProps$Y = {}, ComboboxFooter = factory((props, ref) => {
     }
   );
 });
-ComboboxFooter.classes = classes$p;
+ComboboxFooter.classes = classes$q;
 ComboboxFooter.displayName = "@mantine/core/ComboboxFooter";
-const defaultProps$X = {}, ComboboxGroup = factory((props, ref) => {
+const defaultProps$Z = {}, ComboboxGroup = factory((props, ref) => {
   const { classNames, className, style, styles, vars, children, label, ...others } = useProps(
     "ComboboxGroup",
-    defaultProps$X,
+    defaultProps$Z,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsxs(
@@ -8417,12 +8429,12 @@ const defaultProps$X = {}, ComboboxGroup = factory((props, ref) => {
     }
   );
 });
-ComboboxGroup.classes = classes$p;
+ComboboxGroup.classes = classes$q;
 ComboboxGroup.displayName = "@mantine/core/ComboboxGroup";
-const defaultProps$W = {}, ComboboxHeader = factory((props, ref) => {
+const defaultProps$Y = {}, ComboboxHeader = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "ComboboxHeader",
-    defaultProps$W,
+    defaultProps$Y,
     props
   ), ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(
@@ -8437,7 +8449,7 @@ const defaultProps$W = {}, ComboboxHeader = factory((props, ref) => {
     }
   );
 });
-ComboboxHeader.classes = classes$p;
+ComboboxHeader.classes = classes$q;
 ComboboxHeader.displayName = "@mantine/core/ComboboxHeader";
 function ComboboxHiddenInput({
   value,
@@ -8454,8 +8466,8 @@ function ComboboxHiddenInput({
   );
 }
 ComboboxHiddenInput.displayName = "@mantine/core/ComboboxHiddenInput";
-const defaultProps$V = {}, ComboboxOption = factory((_props, ref) => {
-  const props = useProps("ComboboxOption", defaultProps$V, _props), {
+const defaultProps$X = {}, ComboboxOption = factory((_props, ref) => {
+  const props = useProps("ComboboxOption", defaultProps$X, _props), {
     classNames,
     className,
     style,
@@ -8496,10 +8508,10 @@ const defaultProps$V = {}, ComboboxOption = factory((_props, ref) => {
     }
   );
 });
-ComboboxOption.classes = classes$p;
+ComboboxOption.classes = classes$q;
 ComboboxOption.displayName = "@mantine/core/ComboboxOption";
-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);
+const defaultProps$W = {}, ComboboxOptions = factory((_props, ref) => {
+  const props = useProps("ComboboxOptions", defaultProps$W, _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(
@@ -8517,13 +8529,13 @@ const defaultProps$U = {}, ComboboxOptions = factory((_props, ref) => {
     }
   );
 });
-ComboboxOptions.classes = classes$p;
+ComboboxOptions.classes = classes$q;
 ComboboxOptions.displayName = "@mantine/core/ComboboxOptions";
-const defaultProps$T = {
+const defaultProps$V = {
   withAriaAttributes: !0,
   withKeyboardNavigation: !0
 }, ComboboxSearch = factory((_props, ref) => {
-  const props = useProps("ComboboxSearch", defaultProps$T, _props), {
+  const props = useProps("ComboboxSearch", defaultProps$V, _props), {
     classNames,
     styles,
     unstyled,
@@ -8554,9 +8566,9 @@ const defaultProps$T = {
     }
   );
 });
-ComboboxSearch.classes = classes$p;
+ComboboxSearch.classes = classes$q;
 ComboboxSearch.displayName = "@mantine/core/ComboboxSearch";
-const defaultProps$S = {
+const defaultProps$U = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: !0,
@@ -8573,7 +8585,7 @@ const defaultProps$S = {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxTarget", defaultProps$S, props);
+  } = useProps("ComboboxTarget", defaultProps$U, 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"
@@ -8750,13 +8762,13 @@ function useCombobox({
     focusTarget
   };
 }
-const defaultProps$R = {
+const defaultProps$T = {
   keepMounted: !0,
   withinPortal: !0,
   resetSelectionOnOptionHover: !1,
   width: "target",
   transitionProps: { transition: "fade", duration: 0 }
-}, varsResolver$o = (_, { size: size2, dropdownPadding }) => ({
+}, varsResolver$q = (_, { size: size2, dropdownPadding }) => ({
   options: {
     "--combobox-option-fz": getFontSize(size2),
     "--combobox-option-padding": getSize(size2, "combobox-option-padding")
@@ -8768,7 +8780,7 @@ const defaultProps$R = {
   }
 });
 function Combobox(_props) {
-  const props = useProps("Combobox", defaultProps$R, _props), {
+  const props = useProps("Combobox", defaultProps$T, _props), {
     classNames,
     styles,
     unstyled,
@@ -8785,13 +8797,13 @@ function Combobox(_props) {
     ...others
   } = props, uncontrolledStore = useCombobox(), store = controlledStore || uncontrolledStore, getStyles2 = useStyles({
     name: __staticSelector || "Combobox",
-    classes: classes$p,
+    classes: classes$q,
     props,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$o
+    varsResolver: varsResolver$q
   }), onDropdownClose = () => {
     onClose?.(), store.closeDropdown();
   };
@@ -8822,7 +8834,7 @@ function Combobox(_props) {
 }
 const extendCombobox = (c) => c;
 Combobox.extend = extendCombobox;
-Combobox.classes = classes$p;
+Combobox.classes = classes$q;
 Combobox.displayName = "@mantine/core/Combobox";
 Combobox.Target = ComboboxTarget;
 Combobox.Dropdown = ComboboxDropdown;
@@ -8924,7 +8936,7 @@ function Option({
   renderOption
 }) {
   if (!isOptionsGroup(data)) {
-    const checked = isValueChecked(value, data.value), check = withCheckIcon && checked && /* @__PURE__ */ jsx(CheckIcon, { className: classes$p.optionsDropdownCheckIcon }), defaultContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    const checked = isValueChecked(value, data.value), check = withCheckIcon && checked && /* @__PURE__ */ jsx(CheckIcon, { className: classes$q.optionsDropdownCheckIcon }), defaultContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
       checkIconPosition === "left" && check,
       /* @__PURE__ */ jsx("span", { children: data.label }),
       checkIconPosition === "right" && check
@@ -8934,7 +8946,7 @@ function Option({
       {
         value: data.value,
         disabled: data.disabled,
-        className: clsx({ [classes$p.optionsDropdownOption]: !unstyled }),
+        className: clsx({ [classes$q.optionsDropdownOption]: !unstyled }),
         "data-reverse": checkIconPosition === "right" || void 0,
         "data-checked": checked || void 0,
         "aria-selected": checked,
@@ -9009,8 +9021,8 @@ function OptionsDropdown({
     isEmpty && nothingFoundMessage && /* @__PURE__ */ jsx(Combobox.Empty, { children: nothingFoundMessage })
   ] }) });
 }
-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 }) => {
+var __default__$p = { root: "m_347db0ec", "root--dot": "m_fbd81e3d", label: "m_5add502a", section: "m_91fdda9b" };
+const classes$p = __default__$p, defaultProps$S = {}, varsResolver$p = (theme, { radius, color, gradient, variant, size: size2, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
     theme,
@@ -9031,7 +9043,7 @@ const classes$o = __default__$o, defaultProps$Q = {}, varsResolver$n = (theme, {
     }
   };
 }, Badge = polymorphicFactory((_props, ref) => {
-  const props = useProps("Badge", defaultProps$Q, _props), {
+  const props = useProps("Badge", defaultProps$S, _props), {
     classNames,
     className,
     style,
@@ -9053,14 +9065,14 @@ const classes$o = __default__$o, defaultProps$Q = {}, varsResolver$n = (theme, {
   } = props, getStyles2 = useStyles({
     name: "Badge",
     props,
-    classes: classes$o,
+    classes: classes$p,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$n
+    varsResolver: varsResolver$p
   });
   return /* @__PURE__ */ jsxs(
     Box,
@@ -9086,10 +9098,10 @@ const classes$o = __default__$o, defaultProps$Q = {}, varsResolver$n = (theme, {
     }
   );
 });
-Badge.classes = classes$o;
+Badge.classes = classes$p;
 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 }) => ({
+var __default__$o = { root: "m_fea6bf1a", burger: "m_d4fb9cad" };
+const classes$o = __default__$o, defaultProps$R = {}, varsResolver$o = (theme, { color, size: size2, lineSize, transitionDuration, transitionTimingFunction }) => ({
   root: {
     "--burger-color": color ? getThemeColor(color, theme) : void 0,
     "--burger-size": getSize(size2, "burger-size"),
@@ -9098,7 +9110,7 @@ const classes$n = __default__$n, defaultProps$P = {}, varsResolver$m = (theme, {
     "--burger-transition-timing-function": transitionTimingFunction
   }
 }), Burger = factory((_props, ref) => {
-  const props = useProps("Burger", defaultProps$P, _props), {
+  const props = useProps("Burger", defaultProps$R, _props), {
     classNames,
     className,
     style,
@@ -9113,7 +9125,7 @@ const classes$n = __default__$n, defaultProps$P = {}, varsResolver$m = (theme, {
     ...others
   } = props, getStyles2 = useStyles({
     name: "Burger",
-    classes: classes$n,
+    classes: classes$o,
     props,
     className,
     style,
@@ -9121,22 +9133,22 @@ const classes$n = __default__$n, defaultProps$P = {}, varsResolver$m = (theme, {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$m
+    varsResolver: varsResolver$o
   });
   return /* @__PURE__ */ jsxs(UnstyledButton, { ...getStyles2("root"), ref, ...others, children: [
     /* @__PURE__ */ jsx(Box, { mod: ["reduce-motion", { opened }], ...getStyles2("burger") }),
     children
   ] });
 });
-Burger.classes = classes$n;
+Burger.classes = classes$o;
 Burger.displayName = "@mantine/core/Burger";
-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 = {
+var __default__$n = { root: "m_77c9d27d", inner: "m_80f1301b", label: "m_811560b9", section: "m_a74036a", loader: "m_a25b86ee", group: "m_80d6d844" };
+const classes$n = __default__$n, defaultProps$Q = {
   orientation: "horizontal"
-}, varsResolver$l = (_, { borderWidth }) => ({
+}, varsResolver$n = (_, { borderWidth }) => ({
   group: { "--button-border-width": rem(borderWidth) }
 }), ButtonGroup = factory((_props, ref) => {
-  const props = useProps("ButtonGroup", defaultProps$O, _props), {
+  const props = useProps("ButtonGroup", defaultProps$Q, _props), {
     className,
     style,
     classNames,
@@ -9148,17 +9160,17 @@ const classes$m = __default__$m, defaultProps$O = {
     variant,
     mod,
     ...others
-  } = useProps("ButtonGroup", defaultProps$O, _props), getStyles2 = useStyles({
+  } = useProps("ButtonGroup", defaultProps$Q, _props), getStyles2 = useStyles({
     name: "ButtonGroup",
     props,
-    classes: classes$m,
+    classes: classes$n,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$l,
+    varsResolver: varsResolver$n,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsx(
@@ -9173,14 +9185,14 @@ const classes$m = __default__$m, defaultProps$O = {
     }
   );
 });
-ButtonGroup.classes = classes$m;
+ButtonGroup.classes = classes$n;
 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$N = {}, varsResolver$k = (theme, { radius, color, gradient, variant, size: size2, justify, autoContrast }) => {
+}, defaultProps$P = {}, varsResolver$m = (theme, { radius, color, gradient, variant, size: size2, justify, autoContrast }) => {
   const colors = theme.variantColorResolver({
     color: color || theme.primaryColor,
     theme,
@@ -9203,7 +9215,7 @@ const loaderTransition = {
     }
   };
 }, Button = polymorphicFactory((_props, ref) => {
-  const props = useProps("Button", defaultProps$N, _props), {
+  const props = useProps("Button", defaultProps$P, _props), {
     style,
     vars,
     className,
@@ -9228,14 +9240,14 @@ const loaderTransition = {
   } = props, getStyles2 = useStyles({
     name: "Button",
     props,
-    classes: classes$m,
+    classes: classes$n,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$k
+    varsResolver: varsResolver$m
   }), hasLeftSection = !!leftSection, hasRightSection = !!rightSection;
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
@@ -9274,15 +9286,15 @@ const loaderTransition = {
     }
   );
 });
-Button.classes = classes$m;
+Button.classes = classes$n;
 Button.displayName = "@mantine/core/Button";
 Button.Group = ButtonGroup;
 const [CardProvider, useCardContext] = createSafeContext(
   "Card component was not found in tree"
 );
-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();
+var __default__$m = { root: "m_e615b15f", section: "m_599a2148" };
+const classes$m = __default__$m, defaultProps$O = {}, CardSection = polymorphicFactory((_props, ref) => {
+  const props = useProps("CardSection", defaultProps$O, _props), { classNames, className, style, styles, vars, withBorder, inheritPadding, mod, ...others } = props, ctx = useCardContext();
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -9293,39 +9305,39 @@ const classes$l = __default__$l, defaultProps$M = {}, CardSection = polymorphicF
     }
   );
 });
-CardSection.classes = classes$l;
+CardSection.classes = classes$m;
 CardSection.displayName = "@mantine/core/CardSection";
-const defaultProps$L = {}, varsResolver$j = (_, { padding }) => ({
+const defaultProps$N = {}, varsResolver$l = (_, { padding }) => ({
   root: {
     "--card-padding": getSpacing(padding)
   }
 }), Card = polymorphicFactory((_props, ref) => {
-  const props = useProps("Card", defaultProps$L, _props), { classNames, className, style, styles, unstyled, vars, children, padding, ...others } = props, getStyles2 = useStyles({
+  const props = useProps("Card", defaultProps$N, _props), { classNames, className, style, styles, unstyled, vars, children, padding, ...others } = props, getStyles2 = useStyles({
     name: "Card",
     props,
-    classes: classes$l,
+    classes: classes$m,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$j
+    varsResolver: varsResolver$l
   }), _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$l;
+Card.classes = classes$m;
 Card.displayName = "@mantine/core/Card";
 Card.Section = CardSection;
-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({
+var __default__$l = { root: "m_4451eb3a" };
+const classes$l = __default__$l, defaultProps$M = {}, Center = polymorphicFactory((_props, ref) => {
+  const props = useProps("Center", defaultProps$M, _props), { classNames, className, style, styles, unstyled, vars, inline: inline2, mod, ...others } = props, getStyles2 = useStyles({
     name: "Center",
     props,
-    classes: classes$k,
+    classes: classes$l,
     className,
     style,
     classNames,
@@ -9335,15 +9347,15 @@ const classes$k = __default__$k, defaultProps$K = {}, Center = polymorphicFactor
   });
   return /* @__PURE__ */ jsx(Box, { ref, mod: [{ inline: inline2 }, mod], ...getStyles2("root"), ...others });
 });
-Center.classes = classes$k;
+Center.classes = classes$l;
 Center.displayName = "@mantine/core/Center";
-var __default__$j = { root: "m_b183c0a2" };
-const classes$j = __default__$j, defaultProps$J = {}, varsResolver$i = (theme, { color }) => ({
+var __default__$k = { root: "m_b183c0a2" };
+const classes$k = __default__$k, defaultProps$L = {}, varsResolver$k = (theme, { color }) => ({
   root: {
     "--code-bg": color ? getThemeColor(color, theme) : void 0
   }
 }), Code = factory((_props, ref) => {
-  const props = useProps("Code", defaultProps$J, _props), {
+  const props = useProps("Code", defaultProps$L, _props), {
     classNames,
     className,
     style,
@@ -9358,14 +9370,14 @@ const classes$j = __default__$j, defaultProps$J = {}, varsResolver$i = (theme, {
   } = props, getStyles2 = useStyles({
     name: "Code",
     props,
-    classes: classes$j,
+    classes: classes$k,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$i
+    varsResolver: varsResolver$k
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -9380,18 +9392,18 @@ const classes$j = __default__$j, defaultProps$J = {}, varsResolver$i = (theme, {
     }
   );
 });
-Code.classes = classes$j;
+Code.classes = classes$k;
 Code.displayName = "@mantine/core/Code";
-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 = {
+var __default__$j = { root: "m_de3d2490", colorOverlay: "m_862f3d1b", shadowOverlay: "m_98ae7f22", alphaOverlay: "m_95709ac0", childrenOverlay: "m_93e74e3" };
+const classes$j = __default__$j, defaultProps$K = {
   withShadow: !0
-}, varsResolver$h = (_, { radius, size: size2 }) => ({
+}, varsResolver$j = (_, { 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$I, _props), {
+  const props = useProps("ColorSwatch", defaultProps$K, _props), {
     classNames,
     className,
     style,
@@ -9405,17 +9417,17 @@ const classes$i = __default__$i, defaultProps$I = {
     children,
     variant,
     ...others
-  } = useProps("ColorSwatch", defaultProps$I, props), getStyles2 = useStyles({
+  } = useProps("ColorSwatch", defaultProps$K, props), getStyles2 = useStyles({
     name: "ColorSwatch",
     props,
-    classes: classes$i,
+    classes: classes$j,
     className,
     style,
     classNames,
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$h
+    varsResolver: varsResolver$j
   });
   return /* @__PURE__ */ jsxs(
     Box,
@@ -9434,17 +9446,17 @@ const classes$i = __default__$i, defaultProps$I = {
     }
   );
 });
-ColorSwatch.classes = classes$i;
+ColorSwatch.classes = classes$j;
 ColorSwatch.displayName = "@mantine/core/ColorSwatch";
-var __default__$h = { root: "m_7485cace" };
-const classes$h = __default__$h, defaultProps$H = {}, varsResolver$g = (_, { size: size2, fluid }) => ({
+var __default__$i = { root: "m_7485cace" };
+const classes$i = __default__$i, defaultProps$J = {}, varsResolver$i = (_, { size: size2, fluid }) => ({
   root: {
     "--container-size": fluid ? void 0 : getSize(size2, "container-size")
   }
 }), Container = factory((_props, ref) => {
-  const props = useProps("Container", defaultProps$H, _props), { classNames, className, style, styles, unstyled, vars, fluid, mod, ...others } = props, getStyles2 = useStyles({
+  const props = useProps("Container", defaultProps$J, _props), { classNames, className, style, styles, unstyled, vars, fluid, mod, ...others } = props, getStyles2 = useStyles({
     name: "Container",
-    classes: classes$h,
+    classes: classes$i,
     props,
     className,
     style,
@@ -9452,31 +9464,31 @@ const classes$h = __default__$h, defaultProps$H = {}, varsResolver$g = (_, { siz
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$g
+    varsResolver: varsResolver$i
   });
   return /* @__PURE__ */ jsx(Box, { ref, mod: [{ fluid }, mod], ...getStyles2("root"), ...others });
 });
-Container.classes = classes$h;
+Container.classes = classes$i;
 Container.displayName = "@mantine/core/Container";
-const defaultProps$G = {
+const defaultProps$I = {
   timeout: 1e3
 };
 function CopyButton(props) {
-  const { children, timeout, value, ...others } = useProps("CopyButton", defaultProps$G, props), clipboard = useClipboard({ timeout });
+  const { children, timeout, value, ...others } = useProps("CopyButton", defaultProps$I, 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__$g = { root: "m_3eebeb36", label: "m_9e365f20" };
-const classes$g = __default__$g, defaultProps$F = {
+var __default__$h = { root: "m_3eebeb36", label: "m_9e365f20" };
+const classes$h = __default__$h, defaultProps$H = {
   orientation: "horizontal"
-}, varsResolver$f = (theme, { color, variant, size: size2 }) => ({
+}, varsResolver$h = (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$F, _props), {
+  const props = useProps("Divider", defaultProps$H, _props), {
     classNames,
     className,
     style,
@@ -9491,7 +9503,7 @@ const classes$g = __default__$g, defaultProps$F = {
     ...others
   } = props, getStyles2 = useStyles({
     name: "Divider",
-    classes: classes$g,
+    classes: classes$h,
     props,
     className,
     style,
@@ -9499,7 +9511,7 @@ const classes$g = __default__$g, defaultProps$F = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$f
+    varsResolver: varsResolver$h
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -9513,14 +9525,14 @@ const classes$g = __default__$g, defaultProps$F = {
     }
   );
 });
-Divider.classes = classes$g;
+Divider.classes = classes$h;
 Divider.displayName = "@mantine/core/Divider";
 const [DrawerProvider, useDrawerContext] = createSafeContext(
   "Drawer component was not found in tree"
 );
-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();
+var __default__$g = { root: "m_f11b401e", header: "m_5a7c2c9", content: "m_b8a05bbd", inner: "m_31cd769a" };
+const classes$g = __default__$g, defaultProps$G = {}, DrawerBody = factory((_props, ref) => {
+  const props = useProps("DrawerBody", defaultProps$G, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseBody,
     {
@@ -9530,10 +9542,10 @@ const classes$f = __default__$f, defaultProps$E = {}, DrawerBody = factory((_pro
     }
   );
 });
-DrawerBody.classes = classes$f;
+DrawerBody.classes = classes$g;
 DrawerBody.displayName = "@mantine/core/DrawerBody";
-const defaultProps$D = {}, DrawerCloseButton = factory((_props, ref) => {
-  const props = useProps("DrawerCloseButton", defaultProps$D, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$F = {}, DrawerCloseButton = factory((_props, ref) => {
+  const props = useProps("DrawerCloseButton", defaultProps$F, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseCloseButton,
     {
@@ -9543,10 +9555,10 @@ const defaultProps$D = {}, DrawerCloseButton = factory((_props, ref) => {
     }
   );
 });
-DrawerCloseButton.classes = classes$f;
+DrawerCloseButton.classes = classes$g;
 DrawerCloseButton.displayName = "@mantine/core/DrawerCloseButton";
-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;
+const defaultProps$E = {}, DrawerContent = factory((_props, ref) => {
+  const props = useProps("DrawerContent", defaultProps$E, _props), { classNames, className, style, styles, vars, children, radius, ...others } = props, ctx = useDrawerContext(), Scroll = ctx.scrollAreaComponent || NativeScrollArea;
   return /* @__PURE__ */ jsx(
     ModalBaseContent,
     {
@@ -9559,10 +9571,10 @@ const defaultProps$C = {}, DrawerContent = factory((_props, ref) => {
     }
   );
 });
-DrawerContent.classes = classes$f;
+DrawerContent.classes = classes$g;
 DrawerContent.displayName = "@mantine/core/DrawerContent";
-const defaultProps$B = {}, DrawerHeader = factory((_props, ref) => {
-  const props = useProps("DrawerHeader", defaultProps$B, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$D = {}, DrawerHeader = factory((_props, ref) => {
+  const props = useProps("DrawerHeader", defaultProps$D, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseHeader,
     {
@@ -9572,10 +9584,10 @@ const defaultProps$B = {}, DrawerHeader = factory((_props, ref) => {
     }
   );
 });
-DrawerHeader.classes = classes$f;
+DrawerHeader.classes = classes$g;
 DrawerHeader.displayName = "@mantine/core/DrawerHeader";
-const defaultProps$A = {}, DrawerOverlay = factory((_props, ref) => {
-  const props = useProps("DrawerOverlay", defaultProps$A, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$C = {}, DrawerOverlay = factory((_props, ref) => {
+  const props = useProps("DrawerOverlay", defaultProps$C, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseOverlay,
     {
@@ -9585,7 +9597,7 @@ const defaultProps$A = {}, DrawerOverlay = factory((_props, ref) => {
     }
   );
 });
-DrawerOverlay.classes = classes$f;
+DrawerOverlay.classes = classes$g;
 DrawerOverlay.displayName = "@mantine/core/DrawerOverlay";
 function getDrawerAlign(position) {
   switch (position) {
@@ -9611,7 +9623,7 @@ const transitions = {
   bottom: "slide-up",
   right: "slide-right",
   left: "slide-left"
-}, defaultProps$z = {
+}, defaultProps$B = {
   closeOnClickOutside: !0,
   withinPortal: !0,
   lockScroll: !0,
@@ -9621,7 +9633,7 @@ const transitions = {
   keepMounted: !1,
   zIndex: getDefaultZIndex("modal"),
   position: "left"
-}, varsResolver$e = (_, { position, size: size2, offset: offset2 }) => ({
+}, varsResolver$g = (_, { position, size: size2, offset: offset2 }) => ({
   root: {
     "--drawer-size": getSize(size2, "drawer-size"),
     "--drawer-flex": getDrawerFlex(position),
@@ -9631,7 +9643,7 @@ const transitions = {
     "--drawer-offset": rem(offset2)
   }
 }), DrawerRoot = factory((_props, ref) => {
-  const props = useProps("DrawerRoot", defaultProps$z, _props), {
+  const props = useProps("DrawerRoot", defaultProps$B, _props), {
     classNames,
     className,
     style,
@@ -9645,7 +9657,7 @@ const transitions = {
     ...others
   } = props, { dir } = useDirection(), getStyles2 = useStyles({
     name: "Drawer",
-    classes: classes$f,
+    classes: classes$g,
     props,
     className,
     style,
@@ -9653,7 +9665,7 @@ const transitions = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$e
+    varsResolver: varsResolver$g
   }), drawerTransition = (dir === "rtl" ? rtlTransitions : transitions)[position];
   return /* @__PURE__ */ jsx(DrawerProvider, { value: { scrollAreaComponent, getStyles: getStyles2, radius }, children: /* @__PURE__ */ jsx(
     ModalBase,
@@ -9666,10 +9678,10 @@ const transitions = {
     }
   ) });
 });
-DrawerRoot.classes = classes$f;
+DrawerRoot.classes = classes$g;
 DrawerRoot.displayName = "@mantine/core/DrawerRoot";
-const defaultProps$y = {}, DrawerTitle = factory((_props, ref) => {
-  const props = useProps("DrawerTitle", defaultProps$y, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
+const defaultProps$A = {}, DrawerTitle = factory((_props, ref) => {
+  const props = useProps("DrawerTitle", defaultProps$A, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useDrawerContext();
   return /* @__PURE__ */ jsx(
     ModalBaseTitle,
     {
@@ -9679,9 +9691,9 @@ const defaultProps$y = {}, DrawerTitle = factory((_props, ref) => {
     }
   );
 });
-DrawerTitle.classes = classes$f;
+DrawerTitle.classes = classes$g;
 DrawerTitle.displayName = "@mantine/core/DrawerTitle";
-const defaultProps$x = {
+const defaultProps$z = {
   closeOnClickOutside: !0,
   withinPortal: !0,
   lockScroll: !0,
@@ -9701,7 +9713,7 @@ const defaultProps$x = {
     closeButtonProps,
     children,
     ...others
-  } = useProps("Drawer", defaultProps$x, _props), hasHeader = !!title || withCloseButton;
+  } = useProps("Drawer", defaultProps$z, _props), hasHeader = !!title || withCloseButton;
   return /* @__PURE__ */ jsxs(DrawerRoot, { ref, ...others, children: [
     withOverlay && /* @__PURE__ */ jsx(DrawerOverlay, { ...overlayProps }),
     /* @__PURE__ */ jsxs(DrawerContent, { children: [
@@ -9713,7 +9725,7 @@ const defaultProps$x = {
     ] })
   ] });
 });
-Drawer.classes = classes$f;
+Drawer.classes = classes$g;
 Drawer.displayName = "@mantine/core/Drawer";
 Drawer.Root = DrawerRoot;
 Drawer.Overlay = DrawerOverlay;
@@ -9734,22 +9746,22 @@ function useDelayedHover({ open, close, openDelay, closeDelay }) {
 }
 const [HoverCardContextProvider, useHoverCardContext] = createSafeContext(
   "HoverCard component was not found in the tree"
-), defaultProps$w = {};
+), defaultProps$y = {};
 function HoverCardDropdown(props) {
   const { children, onMouseEnter, onMouseLeave, ...others } = useProps(
     "HoverCardDropdown",
-    defaultProps$w,
+    defaultProps$y,
     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$v = {
+const defaultProps$x = {
   refProp: "ref"
 }, HoverCardTarget = forwardRef((props, ref) => {
   const { children, refProp, eventPropsWrapperName, ...others } = useProps(
     "HoverCardTarget",
-    defaultProps$v,
+    defaultProps$x,
     props
   );
   if (!isElement$1(children))
@@ -9763,7 +9775,7 @@ const defaultProps$v = {
   ) });
 });
 HoverCardTarget.displayName = "@mantine/core/HoverCardTarget";
-const defaultProps$u = {
+const defaultProps$w = {
   openDelay: 0,
   closeDelay: 150,
   initiallyOpened: !1
@@ -9771,7 +9783,7 @@ const defaultProps$u = {
 function HoverCard(props) {
   const { children, onOpen, onClose, openDelay, closeDelay, initiallyOpened, ...others } = useProps(
     "HoverCard",
-    defaultProps$u,
+    defaultProps$w,
     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 }) });
@@ -9780,14 +9792,14 @@ 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 }) => ({
+var __default__$f = { root: "m_9e117634" };
+const classes$f = __default__$f, defaultProps$v = {}, varsResolver$f = (_, { 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), {
+  const props = useProps("Image", defaultProps$v, _props), {
     classNames,
     className,
     style,
@@ -9805,7 +9817,7 @@ const classes$e = __default__$e, defaultProps$t = {}, varsResolver$d = (_, { rad
   useEffect(() => setError(!src), [src]);
   const getStyles2 = useStyles({
     name: "Image",
-    classes: classes$e,
+    classes: classes$f,
     props,
     className,
     style,
@@ -9813,7 +9825,7 @@ const classes$e = __default__$e, defaultProps$t = {}, varsResolver$d = (_, { rad
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$d
+    varsResolver: varsResolver$f
   });
   return error && fallbackSrc ? /* @__PURE__ */ jsx(
     Box,
@@ -9841,19 +9853,19 @@ const classes$e = __default__$e, defaultProps$t = {}, varsResolver$d = (_, { rad
     }
   );
 });
-Image.classes = classes$e;
+Image.classes = classes$f;
 Image.displayName = "@mantine/core/Image";
-var __default__$d = { root: "m_6e45937b", loader: "m_e8eb006c", overlay: "m_df587f17" };
-const classes$d = __default__$d, defaultProps$s = {
+var __default__$e = { root: "m_6e45937b", loader: "m_e8eb006c", overlay: "m_df587f17" };
+const classes$e = __default__$e, defaultProps$u = {
   transitionProps: { transition: "fade", duration: 0 },
   overlayProps: { backgroundOpacity: 0.75 },
   zIndex: getDefaultZIndex("overlay")
-}, varsResolver$c = (_, { zIndex }) => ({
+}, varsResolver$e = (_, { zIndex }) => ({
   root: {
     "--lo-z-index": zIndex?.toString()
   }
 }), LoadingOverlay = factory((_props, ref) => {
-  const props = useProps("LoadingOverlay", defaultProps$s, _props), {
+  const props = useProps("LoadingOverlay", defaultProps$u, _props), {
     classNames,
     className,
     style,
@@ -9868,7 +9880,7 @@ const classes$d = __default__$d, defaultProps$s = {
     ...others
   } = props, theme = useMantineTheme(), getStyles2 = useStyles({
     name: "LoadingOverlay",
-    classes: classes$d,
+    classes: classes$e,
     props,
     className,
     style,
@@ -9876,8 +9888,8 @@ const classes$d = __default__$d, defaultProps$s = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$c
-  }), _overlayProps = { ...defaultProps$s.overlayProps, ...overlayProps };
+    varsResolver: varsResolver$e
+  }), _overlayProps = { ...defaultProps$u.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(
@@ -9902,16 +9914,16 @@ const classes$d = __default__$d, defaultProps$s = {
     )
   ] }) });
 });
-LoadingOverlay.classes = classes$d;
+LoadingOverlay.classes = classes$e;
 LoadingOverlay.displayName = "@mantine/core/LoadingOverlay";
 const [MenuContextProvider, useMenuContext] = createSafeContext(
   "Menu component was not found in the tree"
 );
-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) => {
+var __default__$d = { dropdown: "m_dc9b7c9f", label: "m_9bfac126", divider: "m_efdf90cb", item: "m_99ac2aa1", itemLabel: "m_5476e0d3", itemSection: "m_8b75e504" };
+const classes$d = __default__$d, defaultProps$t = {}, MenuDivider = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "MenuDivider",
-    defaultProps$r,
+    defaultProps$t,
     props
   ), ctx = useMenuContext();
   return /* @__PURE__ */ jsx(
@@ -9923,9 +9935,9 @@ const classes$c = __default__$c, defaultProps$r = {}, MenuDivider = factory((pro
     }
   );
 });
-MenuDivider.classes = classes$c;
+MenuDivider.classes = classes$d;
 MenuDivider.displayName = "@mantine/core/MenuDivider";
-const defaultProps$q = {}, MenuDropdown = factory((props, ref) => {
+const defaultProps$s = {}, MenuDropdown = factory((props, ref) => {
   const {
     classNames,
     className,
@@ -9937,7 +9949,7 @@ const defaultProps$q = {}, MenuDropdown = factory((props, ref) => {
     onKeyDown,
     children,
     ...others
-  } = useProps("MenuDropdown", defaultProps$q, props), wrapperRef = useRef(null), ctx = useMenuContext(), handleKeyDown = createEventHandler(onKeyDown, (event) => {
+  } = useProps("MenuDropdown", defaultProps$s, props), wrapperRef = useRef(null), ctx = useMenuContext(), handleKeyDown = createEventHandler(onKeyDown, (event) => {
     (event.key === "ArrowUp" || event.key === "ArrowDown") && (event.preventDefault(), wrapperRef.current?.querySelectorAll("[data-menu-item]:not(:disabled)")[0]?.focus());
   }), handleMouseEnter = createEventHandler(
     onMouseEnter,
@@ -9972,9 +9984,9 @@ const defaultProps$q = {}, MenuDropdown = factory((props, ref) => {
     }
   );
 });
-MenuDropdown.classes = classes$c;
+MenuDropdown.classes = classes$d;
 MenuDropdown.displayName = "@mantine/core/MenuDropdown";
-const defaultProps$p = {}, MenuItem = polymorphicFactory((props, ref) => {
+const defaultProps$r = {}, MenuItem = polymorphicFactory((props, ref) => {
   const {
     classNames,
     className,
@@ -9988,7 +10000,7 @@ const defaultProps$p = {}, MenuItem = polymorphicFactory((props, ref) => {
     children,
     disabled,
     ...others
-  } = 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(
+  } = useProps("MenuItem", defaultProps$r, 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, () => {
@@ -10036,12 +10048,12 @@ const defaultProps$p = {}, MenuItem = polymorphicFactory((props, ref) => {
     }
   );
 });
-MenuItem.classes = classes$c;
+MenuItem.classes = classes$d;
 MenuItem.displayName = "@mantine/core/MenuItem";
-const defaultProps$o = {}, MenuLabel = factory((props, ref) => {
+const defaultProps$q = {}, MenuLabel = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "MenuLabel",
-    defaultProps$o,
+    defaultProps$q,
     props
   ), ctx = useMenuContext();
   return /* @__PURE__ */ jsx(
@@ -10053,12 +10065,12 @@ const defaultProps$o = {}, MenuLabel = factory((props, ref) => {
     }
   );
 });
-MenuLabel.classes = classes$c;
+MenuLabel.classes = classes$d;
 MenuLabel.displayName = "@mantine/core/MenuLabel";
-const defaultProps$n = {
+const defaultProps$p = {
   refProp: "ref"
 }, MenuTarget = forwardRef((props, ref) => {
-  const { children, refProp, ...others } = useProps("MenuTarget", defaultProps$n, props);
+  const { children, refProp, ...others } = useProps("MenuTarget", defaultProps$p, 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"
@@ -10079,7 +10091,7 @@ const defaultProps$n = {
   }) });
 });
 MenuTarget.displayName = "@mantine/core/MenuTarget";
-const defaultProps$m = {
+const defaultProps$o = {
   trapFocus: !0,
   closeOnItemClick: !0,
   clickOutsideEvents: ["mousedown", "touchstart", "keydown"],
@@ -10090,7 +10102,7 @@ const defaultProps$m = {
   menuItemTabIndex: -1
 };
 function Menu(_props) {
-  const props = useProps("Menu", defaultProps$m, _props), {
+  const props = useProps("Menu", defaultProps$o, _props), {
     children,
     onOpen,
     onClose,
@@ -10114,7 +10126,7 @@ function Menu(_props) {
     ...others
   } = props, getStyles2 = useStyles({
     name: "Menu",
-    classes: classes$c,
+    classes: classes$d,
     props,
     classNames,
     styles,
@@ -10180,7 +10192,7 @@ function Menu(_props) {
   );
 }
 Menu.extend = (input) => input;
-Menu.classes = classes$c;
+Menu.classes = classes$d;
 Menu.displayName = "@mantine/core/Menu";
 Menu.Item = MenuItem;
 Menu.Label = MenuLabel;
@@ -10190,9 +10202,9 @@ Menu.Divider = MenuDivider;
 const [ModalProvider, useModalContext] = createSafeContext(
   "Modal component was not found in tree"
 );
-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();
+var __default__$c = { root: "m_9df02822", content: "m_54c44539", inner: "m_1f958f16", header: "m_d0e2b9cd" };
+const classes$c = __default__$c, defaultProps$n = {}, ModalBody = factory((_props, ref) => {
+  const props = useProps("ModalBody", defaultProps$n, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useModalContext();
   return /* @__PURE__ */ jsx(
     ModalBaseBody,
     {
@@ -10202,10 +10214,10 @@ const classes$b = __default__$b, defaultProps$l = {}, ModalBody = factory((_prop
     }
   );
 });
-ModalBody.classes = classes$b;
+ModalBody.classes = classes$c;
 ModalBody.displayName = "@mantine/core/ModalBody";
-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;
+const defaultProps$m = {}, ModalContent = factory((_props, ref) => {
+  const props = useProps("ModalContent", defaultProps$m, _props), { classNames, className, style, styles, vars, children, ...others } = props, ctx = useModalContext(), Scroll = ctx.scrollAreaComponent || NativeScrollArea;
   return /* @__PURE__ */ jsx(
     ModalBaseContent,
     {
@@ -10227,10 +10239,10 @@ const defaultProps$k = {}, ModalContent = factory((_props, ref) => {
     }
   );
 });
-ModalContent.classes = classes$b;
+ModalContent.classes = classes$c;
 ModalContent.displayName = "@mantine/core/ModalContent";
-const defaultProps$j = {}, ModalOverlay = factory((_props, ref) => {
-  const props = useProps("ModalOverlay", defaultProps$j, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useModalContext();
+const defaultProps$l = {}, ModalOverlay = factory((_props, ref) => {
+  const props = useProps("ModalOverlay", defaultProps$l, _props), { classNames, className, style, styles, vars, ...others } = props, ctx = useModalContext();
   return /* @__PURE__ */ jsx(
     ModalBaseOverlay,
     {
@@ -10240,9 +10252,9 @@ const defaultProps$j = {}, ModalOverlay = factory((_props, ref) => {
     }
   );
 });
-ModalOverlay.classes = classes$b;
+ModalOverlay.classes = classes$c;
 ModalOverlay.displayName = "@mantine/core/ModalOverlay";
-const defaultProps$i = {
+const defaultProps$k = {
   __staticSelector: "Modal",
   closeOnClickOutside: !0,
   withinPortal: !0,
@@ -10254,7 +10266,7 @@ const defaultProps$i = {
   zIndex: getDefaultZIndex("modal"),
   transitionProps: { duration: 200, transition: "fade-down" },
   yOffset: "5dvh"
-}, varsResolver$b = (_, { radius, size: size2, yOffset, xOffset }) => ({
+}, varsResolver$d = (_, { radius, size: size2, yOffset, xOffset }) => ({
   root: {
     "--modal-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--modal-size": getSize(size2, "modal-size"),
@@ -10262,7 +10274,7 @@ const defaultProps$i = {
     "--modal-x-offset": rem(xOffset)
   }
 }), ModalRoot = factory((_props, ref) => {
-  const props = useProps("ModalRoot", defaultProps$i, _props), {
+  const props = useProps("ModalRoot", defaultProps$k, _props), {
     classNames,
     className,
     style,
@@ -10279,7 +10291,7 @@ const defaultProps$i = {
     ...others
   } = props, getStyles2 = useStyles({
     name: __staticSelector,
-    classes: classes$b,
+    classes: classes$c,
     props,
     className,
     style,
@@ -10287,7 +10299,7 @@ const defaultProps$i = {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$b
+    varsResolver: varsResolver$d
   });
   return /* @__PURE__ */ jsx(ModalProvider, { value: { yOffset, scrollAreaComponent, getStyles: getStyles2, fullScreen }, children: /* @__PURE__ */ jsx(
     ModalBase,
@@ -10301,8 +10313,115 @@ const defaultProps$i = {
     }
   ) });
 });
-ModalRoot.classes = classes$b;
+ModalRoot.classes = classes$c;
 ModalRoot.displayName = "@mantine/core/ModalRoot";
+const [PillsInputProvider, usePillsInputContext] = createOptionalContext(), [PillGroupProvider, usePillGroupContext] = createOptionalContext();
+var __default__$b = { root: "m_7cda1cd6", "root--default": "m_44da308b", "root--contrast": "m_e3a01f8", label: "m_1e0e6180", remove: "m_ae386778", group: "m_1dcfd90b" };
+const classes$b = __default__$b, defaultProps$j = {}, varsResolver$c = (_, { gap }, { size: size2 }) => ({
+  group: {
+    "--pg-gap": gap !== void 0 ? getSize(gap) : getSize(size2, "pg-gap")
+  }
+}), PillGroup = factory((_props, ref) => {
+  const props = useProps("PillGroup", defaultProps$j, _props), { classNames, className, style, styles, unstyled, vars, size: size2, disabled, ...others } = props, _size = usePillsInputContext()?.size || size2 || void 0, getStyles2 = useStyles({
+    name: "PillGroup",
+    classes: classes$b,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver: varsResolver$c,
+    stylesCtx: { size: _size },
+    rootSelector: "group"
+  });
+  return /* @__PURE__ */ jsx(PillGroupProvider, { value: { size: _size, disabled }, children: /* @__PURE__ */ jsx(Box, { ref, size: _size, ...getStyles2("group"), ...others }) });
+});
+PillGroup.classes = classes$b;
+PillGroup.displayName = "@mantine/core/PillGroup";
+const defaultProps$i = {
+  variant: "default"
+}, varsResolver$b = (_, { radius }, { size: size2 }) => ({
+  root: {
+    "--pill-fz": getSize(size2, "pill-fz"),
+    "--pill-height": getSize(size2, "pill-height"),
+    "--pill-radius": radius === void 0 ? void 0 : getRadius(radius)
+  }
+}), Pill = factory((_props, ref) => {
+  const props = useProps("Pill", defaultProps$i, _props), {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    variant,
+    children,
+    withRemoveButton,
+    onRemove,
+    removeButtonProps,
+    radius,
+    size: size2,
+    disabled,
+    mod,
+    ...others
+  } = props, ctx = usePillGroupContext(), pillsInputCtx = usePillsInputContext(), _size = size2 || ctx?.size || void 0, _variant = pillsInputCtx?.variant === "filled" ? "contrast" : variant || "default", getStyles2 = useStyles({
+    name: "Pill",
+    classes: classes$b,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    vars,
+    varsResolver: varsResolver$b,
+    stylesCtx: { size: _size }
+  });
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "span",
+      ref,
+      variant: _variant,
+      size: _size,
+      ...getStyles2("root", { variant: _variant }),
+      mod: [
+        { "with-remove": withRemoveButton && !disabled, disabled: disabled || ctx?.disabled },
+        mod
+      ],
+      ...others,
+      children: [
+        /* @__PURE__ */ jsx("span", { ...getStyles2("label"), children }),
+        withRemoveButton && /* @__PURE__ */ jsx(
+          CloseButton,
+          {
+            variant: "transparent",
+            radius,
+            tabIndex: -1,
+            "aria-hidden": !0,
+            unstyled,
+            ...removeButtonProps,
+            ...getStyles2("remove", {
+              className: removeButtonProps?.className,
+              style: removeButtonProps?.style
+            }),
+            onMouseDown: (event) => {
+              event.preventDefault(), event.stopPropagation(), removeButtonProps?.onMouseDown?.(event);
+            },
+            onClick: (event) => {
+              event.stopPropagation(), onRemove?.(), removeButtonProps?.onClick?.(event);
+            }
+          }
+        )
+      ]
+    }
+  );
+});
+Pill.classes = classes$b;
+Pill.displayName = "@mantine/core/Pill";
+Pill.Group = PillGroup;
 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
@@ -12421,95 +12540,101 @@ function themeToVars(theme) {
   };
 }
 export {
-  HoverCardDropdown as $,
+  useHotkeys as $,
   ActionIcon as A,
   Box as B,
   Card as C,
-  MenuDropdown as D,
-  MenuLabel as E,
+  Divider as D,
+  FocusTrapInitialFocus as E,
   FocusTrap as F,
   Group as G,
-  MenuDivider as H,
+  CloseButton as H,
   Image as I,
-  TooltipGroup as J,
-  MenuItem as K,
-  CloseButton as L,
-  MantineContext as M,
-  keys as N,
-  ColorSwatch as O,
+  Badge as J,
+  Flex as K,
+  ActionIconGroup as L,
+  Tabs as M,
+  TabsList as N,
+  TabsTab as O,
   Paper as P,
-  Divider as Q,
-  Flex as R,
+  TabsPanel as Q,
+  RemoveScroll as R,
   ScrollAreaAutosize as S,
   ThemeIcon as T,
-  CheckIcon as U,
-  rem as V,
-  Slider as W,
-  useDebouncedValue as X,
-  HoverCard as Y,
-  HoverCardTarget as Z,
-  UnstyledButton as _,
+  ScrollArea as U,
+  UnstyledButton as V,
+  CopyButton as W,
+  Code as X,
+  useLocalStorage as Y,
+  useStateHistory as Z,
+  Space as _,
   Text as a,
-  Anchor as a0,
-  CopyButton as a1,
-  Spoiler as a2,
-  Badge as a3,
-  ButtonGroup as a4,
-  Tabs as a5,
-  TabsList as a6,
-  TabsTab as a7,
-  TabsPanel as a8,
-  useHover$1 as a9,
-  Loader as aA,
-  FloatingIndicator as aa,
-  useUncontrolled as ab,
-  clampUseMovePosition as ac,
-  useMove as ad,
-  ActionIconGroup as ae,
-  Overlay as af,
-  Notification as ag,
-  Code as ah,
-  createTheme as ai,
-  MantineProvider as aj,
-  useInViewport as ak,
-  SimpleGrid as al,
-  Drawer as am,
-  ScrollArea as an,
-  Alert as ao,
-  Select as ap,
-  ModalRoot as aq,
-  ModalOverlay as ar,
-  ModalContent as as,
-  ModalBody as at,
-  useMantineTheme as au,
-  useMediaQuery as av,
-  useDisclosure as aw,
-  LoadingOverlay as ax,
-  useCallbackRef as ay,
-  Burger as az,
+  MantineContext as a0,
+  Menu as a1,
+  MenuTarget as a2,
+  MenuDropdown as a3,
+  MenuLabel as a4,
+  MenuDivider as a5,
+  TooltipGroup as a6,
+  MenuItem as a7,
+  keys as a8,
+  ColorSwatch as a9,
+  useMantineTheme as aA,
+  useMediaQuery as aB,
+  useDisclosure as aC,
+  LoadingOverlay as aD,
+  useCallbackRef as aE,
+  Burger as aF,
+  Loader as aG,
+  CheckIcon as aa,
+  rem as ab,
+  Slider as ac,
+  useDebouncedValue as ad,
+  Spoiler as ae,
+  ButtonGroup as af,
+  useHover$1 as ag,
+  FloatingIndicator as ah,
+  useUncontrolled as ai,
+  clampUseMovePosition as aj,
+  useMove as ak,
+  HoverCard as al,
+  HoverCardTarget as am,
+  Overlay as an,
+  HoverCardDropdown as ao,
+  Notification as ap,
+  createTheme as aq,
+  MantineProvider as ar,
+  useInViewport as as,
+  SimpleGrid as at,
+  Drawer as au,
+  Select as av,
+  ModalRoot as aw,
+  ModalOverlay as ax,
+  ModalContent as ay,
+  ModalBody as az,
   CardSection as b,
   clsx as c,
   Center as d,
   Container as e,
   Title as f,
   Button as g,
-  useMergedRef as h,
-  useMantineStyleNonce as i,
-  useComputedColorScheme as j,
-  Popover as k,
-  PopoverTarget as l,
-  PopoverDropdown as m,
-  Stack as n,
-  useTree as o,
-  Tree as p,
-  useLocalStorage as q,
-  useStateHistory as r,
-  Space as s,
+  useReducedMotion as h,
+  useMergedRef as i,
+  useMantineStyleNonce as j,
+  useComputedColorScheme as k,
+  Popover as l,
+  PopoverTarget as m,
+  PopoverDropdown as n,
+  Stack as o,
+  useTree as p,
+  Tree as q,
+  Tooltip as r,
+  useId$1 as s,
   themeToVars as t,
   useMantineColorScheme as u,
   SegmentedControl as v,
-  useHotkeys as w,
-  Tooltip as x,
-  Menu as y,
-  MenuTarget as z
+  Alert as w,
+  Anchor as x,
+  Pill as y,
+  useViewportSize as z
 };