@fairmint/ui 0.2.4 → 0.2.5

package/dist/fairmint-ui.cjs

@@ -9458,7 +9458,7 @@ function useRole(context, props) {
     item
   } : {}, [enabled, reference, floating, item]);
 }
-var classes$I = { "root": "m_d57069b5", "content": "m_b1336c6", "viewport": "m_c0783ff9", "viewportInner": "m_f8f631dd", "scrollbar": "m_c44ba933", "thumb": "m_d8b5e363", "corner": "m_21657268" };
+var classes$J = { "root": "m_d57069b5", "content": "m_b1336c6", "viewport": "m_c0783ff9", "viewportInner": "m_f8f631dd", "scrollbar": "m_c44ba933", "thumb": "m_d8b5e363", "corner": "m_21657268" };
 const [ScrollAreaProvider, useScrollAreaContext] = createSafeContext(
   "ScrollArea.Root component was not found in tree"
 );
@@ -10158,7 +10158,7 @@ const defaultProps$O = {
   type: "hover",
   scrollbars: "xy"
 };
-const varsResolver$L = createVarsResolver(
+const varsResolver$M = createVarsResolver(
   (_, { scrollbarSize, overscrollBehavior, scrollbars }) => {
     let overrideOverscrollBehavior = overscrollBehavior;
     if (overscrollBehavior && scrollbars) {
@@ -10206,7 +10206,7 @@ const ScrollArea = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "ScrollArea",
     props,
-    classes: classes$I,
+    classes: classes$J,
     className,
     style,
     classNames,
@@ -10214,7 +10214,7 @@ const ScrollArea = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$L
+    varsResolver: varsResolver$M
   });
   const localViewportRef = React.useRef(null);
   const combinedViewportRef = useMergeRefs([viewportRef, localViewportRef]);
@@ -10401,11 +10401,11 @@ const ScrollAreaAutosize = factory((props, ref) => {
     }
   ) });
 });
-ScrollArea.classes = classes$I;
+ScrollArea.classes = classes$J;
 ScrollAreaAutosize.displayName = "@mantine/core/ScrollAreaAutosize";
-ScrollAreaAutosize.classes = classes$I;
+ScrollAreaAutosize.classes = classes$J;
 ScrollArea.Autosize = ScrollAreaAutosize;
-var classes$H = { "root": "m_87cf2631" };
+var classes$I = { "root": "m_87cf2631" };
 const defaultProps$N = {
   __staticSelector: "UnstyledButton"
 };
@@ -10426,7 +10426,7 @@ const UnstyledButton = polymorphicFactory(
     const getStyles2 = useStyles({
       name: __staticSelector,
       props,
-      classes: classes$H,
+      classes: classes$I,
       className,
       style,
       classNames,
@@ -10446,15 +10446,15 @@ const UnstyledButton = polymorphicFactory(
     );
   }
 );
-UnstyledButton.classes = classes$H;
+UnstyledButton.classes = classes$I;
 UnstyledButton.displayName = "@mantine/core/UnstyledButton";
-var classes$G = { "root": "m_515a97f8" };
+var classes$H = { "root": "m_515a97f8" };
 const VisuallyHidden = factory((_props, ref) => {
   const props = useProps("VisuallyHidden", null, _props);
   const { classNames, className, style, styles, unstyled, vars, attributes, ...others } = props;
   const getStyles2 = useStyles({
     name: "VisuallyHidden",
-    classes: classes$G,
+    classes: classes$H,
     props,
     className,
     style,
@@ -10465,10 +10465,10 @@ const VisuallyHidden = factory((_props, ref) => {
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", ref, ...getStyles2("root"), ...others });
 });
-VisuallyHidden.classes = classes$G;
+VisuallyHidden.classes = classes$H;
 VisuallyHidden.displayName = "@mantine/core/VisuallyHidden";
-var classes$F = { "root": "m_1b7284a3" };
-const varsResolver$K = createVarsResolver((_, { radius, shadow }) => ({
+var classes$G = { "root": "m_1b7284a3" };
+const varsResolver$L = createVarsResolver((_, { radius, shadow }) => ({
   root: {
     "--paper-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--paper-shadow": getShadow(shadow)
@@ -10494,7 +10494,7 @@ const Paper = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Paper",
     props,
-    classes: classes$F,
+    classes: classes$G,
     className,
     style,
     classNames,
@@ -10502,7 +10502,7 @@ const Paper = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$K
+    varsResolver: varsResolver$L
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
@@ -10515,7 +10515,7 @@ const Paper = polymorphicFactory((_props, ref) => {
     }
   );
 });
-Paper.classes = classes$F;
+Paper.classes = classes$G;
 Paper.displayName = "@mantine/core/Paper";
 function horizontalSide(placement, arrowY, arrowOffset, arrowPosition) {
   if (placement === "center" || arrowPosition === "center") {
@@ -10656,11 +10656,11 @@ function getFloatingPosition(dir, position) {
   }
   return position;
 }
-var classes$E = { "root": "m_9814e45f" };
+var classes$F = { "root": "m_9814e45f" };
 const defaultProps$M = {
   zIndex: getDefaultZIndex("modal")
 };
-const varsResolver$J = createVarsResolver(
+const varsResolver$K = createVarsResolver(
   (_, { gradient, color, backgroundOpacity, blur, radius, zIndex }) => ({
     root: {
       "--overlay-bg": gradient || (color !== void 0 || backgroundOpacity !== void 0) && rgba(color || "#000", backgroundOpacity ?? 0.6) || void 0,
@@ -10695,7 +10695,7 @@ const Overlay = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Overlay",
     props,
-    classes: classes$E,
+    classes: classes$F,
     className,
     style,
     classNames,
@@ -10703,11 +10703,11 @@ const Overlay = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$J
+    varsResolver: varsResolver$K
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...getStyles2("root"), mod: [{ center, fixed }, mod], ...others, children });
 });
-Overlay.classes = classes$E;
+Overlay.classes = classes$F;
 Overlay.displayName = "@mantine/core/Overlay";
 function createPortalNode(props) {
   const node = document.createElement("div");
@@ -11051,7 +11051,7 @@ Transition$1.displayName = "@mantine/core/Transition";
 const [PopoverContextProvider, usePopoverContext] = createSafeContext(
   "Popover component was not found in the tree"
 );
-var classes$D = { "dropdown": "m_38a85659", "arrow": "m_a31dc6c1", "overlay": "m_3d7bc908" };
+var classes$E = { "dropdown": "m_38a85659", "arrow": "m_a31dc6c1", "overlay": "m_3d7bc908" };
 function FocusTrap({
   children,
   active = true,
@@ -11174,7 +11174,7 @@ const PopoverDropdown = factory((_props, ref) => {
     }
   ) });
 });
-PopoverDropdown.classes = classes$D;
+PopoverDropdown.classes = classes$E;
 PopoverDropdown.displayName = "@mantine/core/PopoverDropdown";
 const defaultProps$K = {
   refProp: "ref",
@@ -11373,7 +11373,7 @@ const defaultProps$J = {
   __staticSelector: "Popover",
   width: "max-content"
 };
-const varsResolver$I = createVarsResolver((_, { radius, shadow }) => ({
+const varsResolver$J = createVarsResolver((_, { radius, shadow }) => ({
   dropdown: {
     "--popover-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--popover-shadow": getShadow(shadow)
@@ -11436,14 +11436,14 @@ function Popover(_props) {
   const getStyles2 = useStyles({
     name: __staticSelector,
     props,
-    classes: classes$D,
+    classes: classes$E,
     classNames,
     styles,
     unstyled,
     attributes,
     rootSelector: "dropdown",
     vars,
-    varsResolver: varsResolver$I
+    varsResolver: varsResolver$J
   });
   const { resolvedStyles } = useResolvedStylesApi({ classNames, styles, props });
   const [dropdownVisible, setDropdownVisible] = React.useState(opened ?? defaultOpened ?? false);
@@ -11590,20 +11590,20 @@ Popover.Target = PopoverTarget;
 Popover.Dropdown = PopoverDropdown;
 Popover.displayName = "@mantine/core/Popover";
 Popover.extend = (input) => input;
-var classes$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 Bars = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Box, { component: "span", className: clsx(classes$C.barsLoader, className), ...others, ref, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$C.bar }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$C.bar }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$C.bar })
+var classes$D = { "root": "m_5ae2e3c", "barsLoader": "m_7a2bd4cd", "bar": "m_870bb79", "bars-loader-animation": "m_5d2b3b9d", "dotsLoader": "m_4e3f22d7", "dot": "m_870c4af", "loader-dots-animation": "m_aac34a1", "ovalLoader": "m_b34414df", "oval-loader-animation": "m_f8e89c4b" };
+const Bars = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Box, { component: "span", className: clsx(classes$D.barsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$D.bar }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$D.bar }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$D.bar })
 ] }));
 Bars.displayName = "@mantine/core/Bars";
-const Dots = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Box, { component: "span", className: clsx(classes$C.dotsLoader, className), ...others, ref, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$C.dot }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$C.dot }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$C.dot })
+const Dots = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Box, { component: "span", className: clsx(classes$D.dotsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$D.dot }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$D.dot }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$D.dot })
 ] }));
 Dots.displayName = "@mantine/core/Dots";
-const Oval = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", className: clsx(classes$C.ovalLoader, className), ...others, ref }));
+const Oval = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", className: clsx(classes$D.ovalLoader, className), ...others, ref }));
 Oval.displayName = "@mantine/core/Oval";
 const defaultLoaders = {
   bars: Bars,
@@ -11614,7 +11614,7 @@ const defaultProps$I = {
   loaders: defaultLoaders,
   type: "oval"
 };
-const varsResolver$H = createVarsResolver((theme2, { size: size2, color }) => ({
+const varsResolver$I = createVarsResolver((theme2, { size: size2, color }) => ({
   root: {
     "--loader-size": getSize(size2, "loader-size"),
     "--loader-color": color ? getThemeColor(color, theme2) : void 0
@@ -11641,7 +11641,7 @@ const Loader = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Loader",
     props,
-    classes: classes$C,
+    classes: classes$D,
     className,
     style,
     classNames,
@@ -11649,7 +11649,7 @@ const Loader = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$H
+    varsResolver: varsResolver$I
   });
   if (children) {
     return /* @__PURE__ */ jsxRuntime.jsx(Box, { ...getStyles2("root"), ref, ...others, children });
@@ -11667,13 +11667,13 @@ const Loader = factory((_props, ref) => {
   );
 });
 Loader.defaultLoaders = defaultLoaders;
-Loader.classes = classes$C;
+Loader.classes = classes$D;
 Loader.displayName = "@mantine/core/Loader";
-var classes$B = { "root": "m_8d3f4000", "icon": "m_8d3afb97", "loader": "m_302b9fb1", "group": "m_1a0f1b21", "groupSection": "m_437b6484" };
+var classes$C = { "root": "m_8d3f4000", "icon": "m_8d3afb97", "loader": "m_302b9fb1", "group": "m_1a0f1b21", "groupSection": "m_437b6484" };
 const defaultProps$H = {
   orientation: "horizontal"
 };
-const varsResolver$G = createVarsResolver((_, { borderWidth }) => ({
+const varsResolver$H = createVarsResolver((_, { borderWidth }) => ({
   group: { "--ai-border-width": rem(borderWidth) }
 }));
 const ActionIconGroup = factory((_props, ref) => {
@@ -11695,7 +11695,7 @@ const ActionIconGroup = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "ActionIconGroup",
     props,
-    classes: classes$B,
+    classes: classes$C,
     className,
     style,
     classNames,
@@ -11703,7 +11703,7 @@ const ActionIconGroup = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$G,
+    varsResolver: varsResolver$H,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -11718,9 +11718,9 @@ const ActionIconGroup = factory((_props, ref) => {
     }
   );
 });
-ActionIconGroup.classes = classes$B;
+ActionIconGroup.classes = classes$C;
 ActionIconGroup.displayName = "@mantine/core/ActionIconGroup";
-const varsResolver$F = createVarsResolver(
+const varsResolver$G = createVarsResolver(
   (theme2, { radius, color, gradient, variant, autoContrast, size: size2 }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -11761,7 +11761,7 @@ const ActionIconGroupSection = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "ActionIconGroupSection",
     props,
-    classes: classes$B,
+    classes: classes$C,
     className,
     style,
     classNames,
@@ -11769,14 +11769,14 @@ const ActionIconGroupSection = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$F,
+    varsResolver: varsResolver$G,
     rootSelector: "groupSection"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { ...getStyles2("groupSection"), ref, variant, ...others });
 });
-ActionIconGroupSection.classes = classes$B;
+ActionIconGroupSection.classes = classes$C;
 ActionIconGroupSection.displayName = "@mantine/core/ActionIconGroupSection";
-const varsResolver$E = createVarsResolver(
+const varsResolver$F = createVarsResolver(
   (theme2, { size: size2, radius, variant, gradient, color, autoContrast }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -11828,13 +11828,13 @@ const ActionIcon$1 = polymorphicFactory((_props, ref) => {
     props,
     className,
     style,
-    classes: classes$B,
+    classes: classes$C,
     classNames,
     styles,
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$E
+    varsResolver: varsResolver$F
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     UnstyledButton,
@@ -11854,7 +11854,7 @@ const ActionIcon$1 = polymorphicFactory((_props, ref) => {
     }
   );
 });
-ActionIcon$1.classes = classes$B;
+ActionIcon$1.classes = classes$C;
 ActionIcon$1.displayName = "@mantine/core/ActionIcon";
 ActionIcon$1.Group = ActionIconGroup;
 ActionIcon$1.GroupSection = ActionIconGroupSection;
@@ -11881,11 +11881,11 @@ const CloseIcon = React.forwardRef(
   )
 );
 CloseIcon.displayName = "@mantine/core/CloseIcon";
-var classes$A = { "root": "m_86a44da5", "root--subtle": "m_220c80f2" };
+var classes$B = { "root": "m_86a44da5", "root--subtle": "m_220c80f2" };
 const defaultProps$G = {
   variant: "subtle"
 };
-const varsResolver$D = createVarsResolver((_, { size: size2, radius, iconSize }) => ({
+const varsResolver$E = createVarsResolver((_, { size: size2, radius, iconSize }) => ({
   root: {
     "--cb-size": getSize(size2, "cb-size"),
     "--cb-radius": radius === void 0 ? void 0 : getRadius(radius),
@@ -11918,13 +11918,13 @@ const CloseButton = polymorphicFactory((_props, ref) => {
     props,
     className,
     style,
-    classes: classes$A,
+    classes: classes$B,
     classNames,
     styles,
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$D
+    varsResolver: varsResolver$E
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     UnstyledButton,
@@ -11943,12 +11943,12 @@ const CloseButton = polymorphicFactory((_props, ref) => {
     }
   );
 });
-CloseButton.classes = classes$A;
+CloseButton.classes = classes$B;
 CloseButton.displayName = "@mantine/core/CloseButton";
 function filterFalsyChildren(children) {
   return React.Children.toArray(children).filter(Boolean);
 }
-var classes$z = { "root": "m_4081bf90" };
+var classes$A = { "root": "m_4081bf90" };
 const defaultProps$F = {
   preventGrowOverflow: true,
   gap: "md",
@@ -11956,7 +11956,7 @@ const defaultProps$F = {
   justify: "flex-start",
   wrap: "wrap"
 };
-const varsResolver$C = createVarsResolver(
+const varsResolver$D = createVarsResolver(
   (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({
     root: {
       "--group-child-width": grow && preventGrowOverflow ? childWidth : void 0,
@@ -12000,13 +12000,13 @@ const Group = factory((_props, ref) => {
     stylesCtx,
     className,
     style,
-    classes: classes$z,
+    classes: classes$A,
     classNames,
     styles,
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$C
+    varsResolver: varsResolver$D
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
@@ -12021,7 +12021,7 @@ const Group = factory((_props, ref) => {
     }
   );
 });
-Group.classes = classes$z;
+Group.classes = classes$A;
 Group.displayName = "@mantine/core/Group";
 const [ModalBaseProvider, useModalBaseContext] = createSafeContext(
   "ModalBase component was not found in tree"
@@ -12153,7 +12153,7 @@ const ModalBase = React.forwardRef(
   }
 );
 ModalBase.displayName = "@mantine/core/ModalBase";
-var classes$y = { "title": "m_615af6c9", "header": "m_b5489c3c", "inner": "m_60c222c7", "content": "m_fd1ab0aa", "close": "m_606cb269", "body": "m_5df29311" };
+var classes$z = { "title": "m_615af6c9", "header": "m_b5489c3c", "inner": "m_60c222c7", "content": "m_fd1ab0aa", "close": "m_606cb269", "body": "m_5df29311" };
 function useModalBodyId() {
   const ctx = useModalBaseContext();
   React.useEffect(() => {
@@ -12172,7 +12172,7 @@ const ModalBaseBody = React.forwardRef(
         ref,
         ...others,
         id: bodyId,
-        className: clsx({ [classes$y.body]: !ctx.unstyled }, className)
+        className: clsx({ [classes$z.body]: !ctx.unstyled }, className)
       }
     );
   }
@@ -12190,7 +12190,7 @@ const ModalBaseCloseButton = React.forwardRef(
           ctx.onClose();
           onClick?.(event);
         },
-        className: clsx({ [classes$y.close]: !ctx.unstyled }, className),
+        className: clsx({ [classes$z.close]: !ctx.unstyled }, className),
         unstyled: ctx.unstyled
       }
     );
@@ -12219,7 +12219,7 @@ const ModalBaseContent = React.forwardRef(
           "div",
           {
             ...innerProps,
-            className: clsx({ [classes$y.inner]: !ctx.unstyled }, innerProps.className),
+            className: clsx({ [classes$z.inner]: !ctx.unstyled }, innerProps.className),
             children: /* @__PURE__ */ jsxRuntime.jsx(FocusTrap, { active: ctx.opened && ctx.trapFocus, innerRef: ref, children: /* @__PURE__ */ jsxRuntime.jsx(
               Paper,
               {
@@ -12231,7 +12231,7 @@ const ModalBaseContent = React.forwardRef(
                 "aria-describedby": ctx.bodyMounted ? ctx.getBodyId() : void 0,
                 "aria-labelledby": ctx.titleMounted ? ctx.getTitleId() : void 0,
                 style: [style, transitionStyles],
-                className: clsx({ [classes$y.content]: !ctx.unstyled }, className),
+                className: clsx({ [classes$z.content]: !ctx.unstyled }, className),
                 unstyled: ctx.unstyled,
                 children: others.children
               }
@@ -12251,7 +12251,7 @@ const ModalBaseHeader = React.forwardRef(
       {
         component: "header",
         ref,
-        className: clsx({ [classes$y.header]: !ctx.unstyled }, className),
+        className: clsx({ [classes$z.header]: !ctx.unstyled }, className),
         ...others
       }
     );
@@ -12314,7 +12314,7 @@ const ModalBaseTitle = React.forwardRef(
       {
         component: "h2",
         ref,
-        className: clsx({ [classes$y.title]: !ctx.unstyled }, className),
+        className: clsx({ [classes$z.title]: !ctx.unstyled }, className),
         ...others,
         id
       }
@@ -12328,7 +12328,7 @@ function NativeScrollArea({ children }) {
 const [InputContext, useInputContext] = createOptionalContext({
   size: "sm"
 });
-var classes$x = { "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" };
+var classes$y = { "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 InputClearButton = factory((_props, ref) => {
   const props = useProps("InputClearButton", null, _props);
   const { size: size2, variant, vars, classNames, styles, ...others } = props;
@@ -12396,7 +12396,7 @@ const [InputWrapperProvider, useInputWrapperContext] = createOptionalContext({
   inputId: void 0,
   labelId: void 0
 });
-const varsResolver$B = createVarsResolver((_, { size: size2 }) => ({
+const varsResolver$C = createVarsResolver((_, { size: size2 }) => ({
   description: {
     "--input-description-size": size2 === void 0 ? void 0 : `calc(${getFontSize(size2)} - ${rem(2)})`
   }
@@ -12421,7 +12421,7 @@ const InputDescription = factory((_props, ref) => {
   const _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$x,
+    classes: classes$y,
     className,
     style,
     classNames,
@@ -12430,7 +12430,7 @@ const InputDescription = factory((_props, ref) => {
     attributes,
     rootSelector: "description",
     vars,
-    varsResolver: varsResolver$B
+    varsResolver: varsResolver$C
   });
   const getStyles2 = __inheritStyles && ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -12445,9 +12445,9 @@ const InputDescription = factory((_props, ref) => {
     }
   );
 });
-InputDescription.classes = classes$x;
+InputDescription.classes = classes$y;
 InputDescription.displayName = "@mantine/core/InputDescription";
-const varsResolver$A = createVarsResolver((_, { size: size2 }) => ({
+const varsResolver$B = createVarsResolver((_, { size: size2 }) => ({
   error: {
     "--input-error-size": size2 === void 0 ? void 0 : `calc(${getFontSize(size2)} - ${rem(2)})`
   }
@@ -12471,7 +12471,7 @@ const InputError = factory((_props, ref) => {
   const _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$x,
+    classes: classes$y,
     className,
     style,
     classNames,
@@ -12480,7 +12480,7 @@ const InputError = factory((_props, ref) => {
     attributes,
     rootSelector: "error",
     vars,
-    varsResolver: varsResolver$A
+    varsResolver: varsResolver$B
   });
   const ctx = useInputWrapperContext();
   const getStyles2 = __inheritStyles && ctx?.getStyles || _getStyles;
@@ -12496,12 +12496,12 @@ const InputError = factory((_props, ref) => {
     }
   );
 });
-InputError.classes = classes$x;
+InputError.classes = classes$y;
 InputError.displayName = "@mantine/core/InputError";
 const defaultProps$E = {
   labelElement: "label"
 };
-const varsResolver$z = createVarsResolver((_, { size: size2 }) => ({
+const varsResolver$A = createVarsResolver((_, { size: size2 }) => ({
   label: {
     "--input-label-size": getFontSize(size2),
     "--input-asterisk-color": void 0
@@ -12531,7 +12531,7 @@ const InputLabel = factory((_props, ref) => {
   const _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$x,
+    classes: classes$y,
     className,
     style,
     classNames,
@@ -12540,7 +12540,7 @@ const InputLabel = factory((_props, ref) => {
     attributes,
     rootSelector: "label",
     vars,
-    varsResolver: varsResolver$z
+    varsResolver: varsResolver$A
   });
   const ctx = useInputWrapperContext();
   const getStyles2 = ctx?.getStyles || _getStyles;
@@ -12568,7 +12568,7 @@ const InputLabel = factory((_props, ref) => {
     }
   );
 });
-InputLabel.classes = classes$x;
+InputLabel.classes = classes$y;
 InputLabel.displayName = "@mantine/core/InputLabel";
 const InputPlaceholder = factory((_props, ref) => {
   const props = useProps("InputPlaceholder", null, _props);
@@ -12589,7 +12589,7 @@ const InputPlaceholder = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: ["InputPlaceholder", __staticSelector],
     props,
-    classes: classes$x,
+    classes: classes$y,
     className,
     style,
     classNames,
@@ -12610,7 +12610,7 @@ const InputPlaceholder = factory((_props, ref) => {
     }
   );
 });
-InputPlaceholder.classes = classes$x;
+InputPlaceholder.classes = classes$y;
 InputPlaceholder.displayName = "@mantine/core/InputPlaceholder";
 function getInputOffsets(inputWrapperOrder, { hasDescription, hasError }) {
   const inputIndex = inputWrapperOrder.findIndex((part) => part === "input");
@@ -12625,7 +12625,7 @@ const defaultProps$D = {
   inputContainer: (children) => children,
   inputWrapperOrder: ["label", "description", "input", "error"]
 };
-const varsResolver$y = createVarsResolver((_, { size: size2 }) => ({
+const varsResolver$z = createVarsResolver((_, { size: size2 }) => ({
   label: {
     "--input-label-size": getFontSize(size2),
     "--input-asterisk-color": void 0
@@ -12670,7 +12670,7 @@ const InputWrapper = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: ["InputWrapper", __staticSelector],
     props: __stylesApiProps || props,
-    classes: classes$x,
+    classes: classes$y,
     className,
     style,
     classNames,
@@ -12678,7 +12678,7 @@ const InputWrapper = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$y
+    varsResolver: varsResolver$z
   });
   const sharedProps = {
     size: size2,
@@ -12770,7 +12770,7 @@ const InputWrapper = factory((_props, ref) => {
     }
   );
 });
-InputWrapper.classes = classes$x;
+InputWrapper.classes = classes$y;
 InputWrapper.displayName = "@mantine/core/InputWrapper";
 const defaultProps$C = {
   variant: "default",
@@ -12780,7 +12780,7 @@ const defaultProps$C = {
   withErrorStyles: true,
   size: "sm"
 };
-const varsResolver$x = createVarsResolver((_, props, ctx) => ({
+const varsResolver$y = createVarsResolver((_, 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,
@@ -12839,7 +12839,7 @@ const Input = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: ["Input", __staticSelector],
     props: __stylesApiProps || props,
-    classes: classes$x,
+    classes: classes$y,
     className,
     style,
     classNames,
@@ -12849,7 +12849,7 @@ const Input = polymorphicFactory((_props, ref) => {
     stylesCtx,
     rootSelector: "wrapper",
     vars,
-    varsResolver: varsResolver$x
+    varsResolver: varsResolver$y
   });
   const ariaAttributes = withAria ? {
     required,
@@ -12927,7 +12927,7 @@ const Input = polymorphicFactory((_props, ref) => {
     }
   ) });
 });
-Input.classes = classes$x;
+Input.classes = classes$y;
 Input.Wrapper = InputWrapper;
 Input.Label = InputLabel;
 Input.Error = InputError;
@@ -13031,7 +13031,7 @@ const FLEX_STYLE_PROPS_DATA = {
   wrap: { type: "identity", property: "flexWrap" },
   direction: { type: "identity", property: "flexDirection" }
 };
-var classes$w = { "root": "m_8bffd616" };
+var classes$x = { "root": "m_8bffd616" };
 const Flex = polymorphicFactory((_props, ref) => {
   const props = useProps("Flex", null, _props);
   const {
@@ -13053,7 +13053,7 @@ const Flex = polymorphicFactory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Flex",
-    classes: classes$w,
+    classes: classes$x,
     props,
     className,
     style,
@@ -13092,7 +13092,7 @@ const Flex = polymorphicFactory((_props, ref) => {
     )
   ] });
 });
-Flex.classes = classes$w;
+Flex.classes = classes$x;
 Flex.displayName = "@mantine/core/Flex";
 function useDelayedHover({ open, close, openDelay, closeDelay }) {
   const openTimeout = React.useRef(-1);
@@ -13142,8 +13142,8 @@ function AccordionChevron({ style, size: size2 = 16, ...others }) {
   );
 }
 AccordionChevron.displayName = "@mantine/core/AccordionChevron";
-var classes$v = { "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 varsResolver$w = createVarsResolver(
+var classes$w = { "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 varsResolver$x = createVarsResolver(
   (theme2, { radius, color, variant, autoContrast }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -13187,7 +13187,7 @@ const Alert$1 = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Alert",
-    classes: classes$v,
+    classes: classes$w,
     props,
     className,
     style,
@@ -13196,7 +13196,7 @@ const Alert$1 = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$w
+    varsResolver: varsResolver$x
   });
   const rootId = useId$1(id);
   const titleId = title && `${rootId}-title` || void 0;
@@ -13234,9 +13234,9 @@ const Alert$1 = factory((_props, ref) => {
     }
   );
 });
-Alert$1.classes = classes$v;
+Alert$1.classes = classes$w;
 Alert$1.displayName = "@mantine/core/Alert";
-var classes$u = { "root": "m_b6d8b162" };
+var classes$v = { "root": "m_b6d8b162" };
 function getTextTruncate(truncate) {
   if (truncate === "start") {
     return "start";
@@ -13249,7 +13249,7 @@ function getTextTruncate(truncate) {
 const defaultProps$A = {
   inherit: false
 };
-const varsResolver$v = createVarsResolver(
+const varsResolver$w = createVarsResolver(
   // Will be removed in 9.0
   // eslint-disable-next-line @typescript-eslint/no-deprecated
   (theme2, { variant, lineClamp, gradient, size: size2, color }) => ({
@@ -13287,7 +13287,7 @@ const Text = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: ["Text", __staticSelector],
     props,
-    classes: classes$u,
+    classes: classes$v,
     className,
     style,
     classNames,
@@ -13295,7 +13295,7 @@ const Text = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$v
+    varsResolver: varsResolver$w
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
@@ -13318,9 +13318,9 @@ const Text = polymorphicFactory((_props, ref) => {
     }
   );
 });
-Text.classes = classes$u;
+Text.classes = classes$v;
 Text.displayName = "@mantine/core/Text";
-var classes$t = { "root": "m_849cf0da" };
+var classes$u = { "root": "m_849cf0da" };
 const defaultProps$z = {
   underline: "hover"
 };
@@ -13335,7 +13335,7 @@ const Anchor = polymorphicFactory((props, ref) => {
     {
       component: "a",
       ref,
-      className: clsx({ [classes$t.root]: !unstyled }, className),
+      className: clsx({ [classes$u.root]: !unstyled }, className),
       ...others,
       mod: [{ underline }, mod],
       __staticSelector: "Anchor",
@@ -13343,7 +13343,7 @@ const Anchor = polymorphicFactory((props, ref) => {
     }
   );
 });
-Anchor.classes = classes$t;
+Anchor.classes = classes$u;
 Anchor.displayName = "@mantine/core/Anchor";
 function parseItem(item) {
   if (typeof item === "string") {
@@ -13378,11 +13378,11 @@ function getOptionsLockup(options) {
     return acc;
   }, {});
 }
-var classes$s = { "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", "optionsDropdownCheckPlaceholder": "m_a530ee0a" };
+var classes$t = { "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", "optionsDropdownCheckPlaceholder": "m_a530ee0a" };
 const defaultProps$y = {
   error: null
 };
-const varsResolver$u = createVarsResolver((theme2, { size: size2, color }) => ({
+const varsResolver$v = createVarsResolver((theme2, { size: size2, color }) => ({
   chevron: {
     "--combobox-chevron-size": getSize(size2, "combobox-chevron-size"),
     "--combobox-chevron-color": color ? getThemeColor(color, theme2) : void 0
@@ -13393,7 +13393,7 @@ const ComboboxChevron = factory((_props, ref) => {
   const { size: size2, error: error2, style, className, classNames, styles, unstyled, vars, mod, ...others } = props;
   const getStyles2 = useStyles({
     name: "ComboboxChevron",
-    classes: classes$s,
+    classes: classes$t,
     props,
     style,
     className,
@@ -13401,7 +13401,7 @@ const ComboboxChevron = factory((_props, ref) => {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$u,
+    varsResolver: varsResolver$v,
     rootSelector: "chevron"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -13428,7 +13428,7 @@ const ComboboxChevron = factory((_props, ref) => {
     }
   );
 });
-ComboboxChevron.classes = classes$s;
+ComboboxChevron.classes = classes$t;
 ComboboxChevron.displayName = "@mantine/core/ComboboxChevron";
 const [ComboboxProvider, useComboboxContext] = createSafeContext(
   "Combobox component was not found in tree"
@@ -13471,7 +13471,7 @@ const ComboboxDropdown = factory((props, ref) => {
     }
   );
 });
-ComboboxDropdown.classes = classes$s;
+ComboboxDropdown.classes = classes$t;
 ComboboxDropdown.displayName = "@mantine/core/ComboboxDropdown";
 const defaultProps$x = {
   refProp: "ref"
@@ -13503,7 +13503,7 @@ const ComboboxEmpty = factory((props, ref) => {
     }
   );
 });
-ComboboxEmpty.classes = classes$s;
+ComboboxEmpty.classes = classes$t;
 ComboboxEmpty.displayName = "@mantine/core/ComboboxEmpty";
 function useComboboxTargetProps({
   onKeyDown,
@@ -13642,7 +13642,7 @@ const ComboboxFooter = factory((props, ref) => {
     }
   );
 });
-ComboboxFooter.classes = classes$s;
+ComboboxFooter.classes = classes$t;
 ComboboxFooter.displayName = "@mantine/core/ComboboxFooter";
 const ComboboxGroup = factory((props, ref) => {
   const { classNames, className, style, styles, vars, children, label, id, ...others } = useProps(
@@ -13667,7 +13667,7 @@ const ComboboxGroup = factory((props, ref) => {
     }
   );
 });
-ComboboxGroup.classes = classes$s;
+ComboboxGroup.classes = classes$t;
 ComboboxGroup.displayName = "@mantine/core/ComboboxGroup";
 const ComboboxHeader = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
@@ -13688,7 +13688,7 @@ const ComboboxHeader = factory((props, ref) => {
     }
   );
 });
-ComboboxHeader.classes = classes$s;
+ComboboxHeader.classes = classes$t;
 ComboboxHeader.displayName = "@mantine/core/ComboboxHeader";
 function ComboboxHiddenInput({
   value,
@@ -13760,7 +13760,7 @@ const ComboboxOption = factory((_props, ref) => {
     }
   );
 });
-ComboboxOption.classes = classes$s;
+ComboboxOption.classes = classes$t;
 ComboboxOption.displayName = "@mantine/core/ComboboxOption";
 const ComboboxOptions = factory((_props, ref) => {
   const props = useProps("ComboboxOptions", null, _props);
@@ -13786,7 +13786,7 @@ const ComboboxOptions = factory((_props, ref) => {
     }
   );
 });
-ComboboxOptions.classes = classes$s;
+ComboboxOptions.classes = classes$t;
 ComboboxOptions.displayName = "@mantine/core/ComboboxOptions";
 const defaultProps$v = {
   withAriaAttributes: true,
@@ -13828,7 +13828,7 @@ const ComboboxSearch = factory((_props, ref) => {
     }
   );
 });
-ComboboxSearch.classes = classes$s;
+ComboboxSearch.classes = classes$t;
 ComboboxSearch.displayName = "@mantine/core/ComboboxSearch";
 const defaultProps$u = {
   refProp: "ref",
@@ -14105,7 +14105,7 @@ const defaultProps$t = {
   transitionProps: { transition: "fade", duration: 0 },
   size: "sm"
 };
-const varsResolver$t = createVarsResolver((_, { size: size2, dropdownPadding }) => ({
+const varsResolver$u = createVarsResolver((_, { size: size2, dropdownPadding }) => ({
   options: {
     "--combobox-option-fz": getFontSize(size2),
     "--combobox-option-padding": getSize(size2, "combobox-option-padding")
@@ -14139,14 +14139,14 @@ function Combobox(_props) {
   const store = controlledStore || uncontrolledStore;
   const getStyles2 = useStyles({
     name: __staticSelector || "Combobox",
-    classes: classes$s,
+    classes: classes$t,
     props,
     classNames,
     styles,
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$t
+    varsResolver: varsResolver$u
   });
   const onDropdownClose = () => {
     onClose?.();
@@ -14180,7 +14180,7 @@ function Combobox(_props) {
 }
 const extendCombobox = (c) => c;
 Combobox.extend = extendCombobox;
-Combobox.classes = classes$s;
+Combobox.classes = classes$t;
 Combobox.displayName = "@mantine/core/Combobox";
 Combobox.Target = ComboboxTarget;
 Combobox.Dropdown = ComboboxDropdown;
@@ -14196,8 +14196,8 @@ Combobox.DropdownTarget = ComboboxDropdownTarget;
 Combobox.Group = ComboboxGroup;
 Combobox.ClearButton = ComboboxClearButton;
 Combobox.HiddenInput = ComboboxHiddenInput;
-var classes$r = { "root": "m_5f75b09e", "body": "m_5f6e695e", "labelWrapper": "m_d3ea56bb", "label": "m_8ee546b8", "description": "m_328f68c0", "error": "m_8e8a99cc" };
-const InlineInputClasses = classes$r;
+var classes$s = { "root": "m_5f75b09e", "body": "m_5f6e695e", "labelWrapper": "m_d3ea56bb", "label": "m_8ee546b8", "description": "m_328f68c0", "error": "m_8e8a99cc" };
+const InlineInputClasses = classes$s;
 const InlineInput = React.forwardRef(
   ({
     __staticSelector,
@@ -14228,7 +14228,7 @@ const InlineInput = React.forwardRef(
       props: __stylesApiProps,
       className,
       style,
-      classes: classes$r,
+      classes: classes$s,
       classNames,
       styles,
       unstyled,
@@ -14277,16 +14277,16 @@ const InlineInput = React.forwardRef(
   }
 );
 InlineInput.displayName = "@mantine/core/InlineInput";
-var classes$q = { "root": "m_bf2d988c", "inner": "m_26062bec", "input": "m_26063560", "icon": "m_bf295423", "input--outline": "m_215c4542" };
+var classes$r = { "root": "m_bf2d988c", "inner": "m_26062bec", "input": "m_26063560", "icon": "m_bf295423", "input--outline": "m_215c4542" };
 const CheckboxGroupContext = React.createContext(null);
 const CheckboxGroupProvider = CheckboxGroupContext.Provider;
 const useCheckboxGroupContext = () => React.useContext(CheckboxGroupContext);
 const [CheckboxCardProvider, useCheckboxCardContext] = createOptionalContext();
-var classes$p = { "card": "m_26775b0a" };
+var classes$q = { "card": "m_26775b0a" };
 const defaultProps$s = {
   withBorder: true
 };
-const varsResolver$s = createVarsResolver((_, { radius }) => ({
+const varsResolver$t = createVarsResolver((_, { radius }) => ({
   card: {
     "--card-radius": getRadius(radius)
   }
@@ -14312,7 +14312,7 @@ const CheckboxCard = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "CheckboxCard",
-    classes: classes$p,
+    classes: classes$q,
     props,
     className,
     style,
@@ -14321,7 +14321,7 @@ const CheckboxCard = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$s,
+    varsResolver: varsResolver$t,
     rootSelector: "card"
   });
   const ctx = useCheckboxGroupContext();
@@ -14350,7 +14350,7 @@ const CheckboxCard = factory((_props, ref) => {
   ) });
 });
 CheckboxCard.displayName = "@mantine/core/CheckboxCard";
-CheckboxCard.classes = classes$p;
+CheckboxCard.classes = classes$q;
 function InputsGroupFieldset({ children, role }) {
   const ctx = useInputWrapperContext();
   if (!ctx) {
@@ -14436,12 +14436,12 @@ function CheckboxIcon({ indeterminate, ...others }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { ...others });
 }
-var classes$o = { "indicator": "m_5e5256ee", "icon": "m_1b1c543a", "indicator--outline": "m_76e20374" };
+var classes$p = { "indicator": "m_5e5256ee", "icon": "m_1b1c543a", "indicator--outline": "m_76e20374" };
 const defaultProps$r = {
   icon: CheckboxIcon,
   variant: "filled"
 };
-const varsResolver$r = createVarsResolver(
+const varsResolver$s = createVarsResolver(
   (theme2, { radius, color, size: size2, iconColor, variant, autoContrast }) => {
     const parsedColor = parseThemeColor({ color: color || theme2.primaryColor, theme: theme2 });
     const outlineColor = parsedColor.isThemeColor && parsedColor.shade === void 0 ? `var(--mantine-color-${parsedColor.color}-outline)` : parsedColor.color;
@@ -14479,7 +14479,7 @@ const CheckboxIndicator = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "CheckboxIndicator",
-    classes: classes$o,
+    classes: classes$p,
     props,
     className,
     style,
@@ -14488,7 +14488,7 @@ const CheckboxIndicator = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$r,
+    varsResolver: varsResolver$s,
     rootSelector: "indicator"
   });
   const ctx = useCheckboxCardContext();
@@ -14506,13 +14506,13 @@ const CheckboxIndicator = factory((_props, ref) => {
   );
 });
 CheckboxIndicator.displayName = "@mantine/core/CheckboxIndicator";
-CheckboxIndicator.classes = classes$o;
+CheckboxIndicator.classes = classes$p;
 const defaultProps$q = {
   labelPosition: "right",
   icon: CheckboxIcon,
   variant: "filled"
 };
-const varsResolver$q = createVarsResolver(
+const varsResolver$r = createVarsResolver(
   (theme2, { radius, color, size: size2, iconColor, variant, autoContrast }) => {
     const parsedColor = parseThemeColor({ color: color || theme2.primaryColor, theme: theme2 });
     const outlineColor = parsedColor.isThemeColor && parsedColor.shade === void 0 ? `var(--mantine-color-${parsedColor.color}-outline)` : parsedColor.color;
@@ -14562,7 +14562,7 @@ const Checkbox$1 = factory((_props, forwardedRef) => {
   const getStyles2 = useStyles({
     name: "Checkbox",
     props,
-    classes: classes$q,
+    classes: classes$r,
     className,
     style,
     classNames,
@@ -14570,7 +14570,7 @@ const Checkbox$1 = factory((_props, forwardedRef) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$q
+    varsResolver: varsResolver$r
   });
   const { styleProps, rest } = extractStyleProps(others);
   const uuid = useId$1(id);
@@ -14637,7 +14637,7 @@ const Checkbox$1 = factory((_props, forwardedRef) => {
     }
   );
 });
-Checkbox$1.classes = { ...classes$q, ...InlineInputClasses };
+Checkbox$1.classes = { ...classes$r, ...InlineInputClasses };
 Checkbox$1.displayName = "@mantine/core/Checkbox";
 Checkbox$1.Group = CheckboxGroup;
 Checkbox$1.Indicator = CheckboxIndicator;
@@ -14728,7 +14728,7 @@ function Option({
 }) {
   if (!isOptionsGroup(data)) {
     const checked = isValueChecked(value, data.value);
-    const check = withCheckIcon && (checked ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: classes$s.optionsDropdownCheckIcon }) : withAlignedLabels ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes$s.optionsDropdownCheckPlaceholder }) : null);
+    const check = withCheckIcon && (checked ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: classes$t.optionsDropdownCheckIcon }) : withAlignedLabels ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes$t.optionsDropdownCheckPlaceholder }) : null);
     const defaultContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       checkIconPosition === "left" && check,
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: data.label }),
@@ -14739,7 +14739,7 @@ function Option({
       {
         value: data.value,
         disabled: data.disabled,
-        className: clsx({ [classes$s.optionsDropdownOption]: !unstyled }),
+        className: clsx({ [classes$t.optionsDropdownOption]: !unstyled }),
         "data-reverse": checkIconPosition === "right" || void 0,
         "data-checked": checked || void 0,
         "aria-selected": checked,
@@ -14820,14 +14820,14 @@ function OptionsDropdown({
     isEmpty && nothingFoundMessage && /* @__PURE__ */ jsxRuntime.jsx(Combobox.Empty, { children: nothingFoundMessage })
   ] }) });
 }
-var classes$n = { "group": "m_11def92b", "root": "m_f85678b6", "image": "m_11f8ac07", "placeholder": "m_104cd71f" };
+var classes$o = { "group": "m_11def92b", "root": "m_f85678b6", "image": "m_11f8ac07", "placeholder": "m_104cd71f" };
 const AvatarGroupContext = React.createContext(null);
 const AvatarGroupProvider = AvatarGroupContext.Provider;
 function useAvatarGroupContext() {
   const ctx = React.useContext(AvatarGroupContext);
   return { withinGroup: !!ctx };
 }
-const varsResolver$p = createVarsResolver((_, { spacing }) => ({
+const varsResolver$q = createVarsResolver((_, { spacing }) => ({
   group: {
     "--ag-spacing": getSpacing(spacing)
   }
@@ -14837,7 +14837,7 @@ const AvatarGroup = factory((_props, ref) => {
   const { classNames, className, style, styles, unstyled, vars, spacing, attributes, ...others } = props;
   const getStyles2 = useStyles({
     name: "AvatarGroup",
-    classes: classes$n,
+    classes: classes$o,
     props,
     className,
     style,
@@ -14846,12 +14846,12 @@ const AvatarGroup = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$p,
+    varsResolver: varsResolver$q,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(AvatarGroupProvider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...getStyles2("group"), ...others }) });
 });
-AvatarGroup.classes = classes$n;
+AvatarGroup.classes = classes$o;
 AvatarGroup.displayName = "@mantine/core/AvatarGroup";
 function AvatarPlaceholderIcon(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -14908,7 +14908,7 @@ function getInitials(name, limit = 2) {
   }
   return splitted.map((word) => word[0]).slice(0, limit).join("").toUpperCase();
 }
-const varsResolver$o = createVarsResolver(
+const varsResolver$p = createVarsResolver(
   (theme2, { size: size2, radius, variant, gradient, color, autoContrast, name, allowedInitialsColors }) => {
     const _color = color === "initials" && typeof name === "string" ? getInitialsColor(name, allowedInitialsColors) : color;
     const colors2 = theme2.variantColorResolver({
@@ -14957,7 +14957,7 @@ const Avatar$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Avatar",
     props,
-    classes: classes$n,
+    classes: classes$o,
     className,
     style,
     classNames,
@@ -14965,7 +14965,7 @@ const Avatar$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$o
+    varsResolver: varsResolver$p
   });
   React.useEffect(() => setError(!src), [src]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -14991,11 +14991,11 @@ const Avatar$1 = polymorphicFactory((_props, ref) => {
     }
   );
 });
-Avatar$1.classes = classes$n;
+Avatar$1.classes = classes$o;
 Avatar$1.displayName = "@mantine/core/Avatar";
 Avatar$1.Group = AvatarGroup;
-var classes$m = { "root": "m_347db0ec", "root--dot": "m_fbd81e3d", "label": "m_5add502a", "section": "m_91fdda9b" };
-const varsResolver$n = createVarsResolver(
+var classes$n = { "root": "m_347db0ec", "root--dot": "m_fbd81e3d", "label": "m_5add502a", "section": "m_91fdda9b" };
+const varsResolver$o = createVarsResolver(
   (theme2, { radius, color, gradient, variant, size: size2, autoContrast, circle }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -15044,7 +15044,7 @@ const Badge$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Badge",
     props,
-    classes: classes$m,
+    classes: classes$n,
     className,
     style,
     classNames,
@@ -15052,7 +15052,7 @@ const Badge$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$n
+    varsResolver: varsResolver$o
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Box,
@@ -15078,10 +15078,10 @@ const Badge$1 = polymorphicFactory((_props, ref) => {
     }
   );
 });
-Badge$1.classes = classes$m;
+Badge$1.classes = classes$n;
 Badge$1.displayName = "@mantine/core/Badge";
-var classes$l = { "root": "m_fea6bf1a", "burger": "m_d4fb9cad" };
-const varsResolver$m = createVarsResolver(
+var classes$m = { "root": "m_fea6bf1a", "burger": "m_d4fb9cad" };
+const varsResolver$n = createVarsResolver(
   (theme2, { color, size: size2, lineSize, transitionDuration, transitionTimingFunction }) => ({
     root: {
       "--burger-color": color ? getThemeColor(color, theme2) : void 0,
@@ -15111,7 +15111,7 @@ const Burger = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Burger",
-    classes: classes$l,
+    classes: classes$m,
     props,
     className,
     style,
@@ -15120,20 +15120,20 @@ const Burger = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$m
+    varsResolver: varsResolver$n
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(UnstyledButton, { ...getStyles2("root"), ref, ...others, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Box, { mod: ["reduce-motion", { opened }], ...getStyles2("burger") }),
     children
   ] });
 });
-Burger.classes = classes$l;
+Burger.classes = classes$m;
 Burger.displayName = "@mantine/core/Burger";
-var classes$k = { "root": "m_77c9d27d", "inner": "m_80f1301b", "label": "m_811560b9", "section": "m_a74036a", "loader": "m_a25b86ee", "group": "m_80d6d844", "groupSection": "m_70be2a01" };
+var classes$l = { "root": "m_77c9d27d", "inner": "m_80f1301b", "label": "m_811560b9", "section": "m_a74036a", "loader": "m_a25b86ee", "group": "m_80d6d844", "groupSection": "m_70be2a01" };
 const defaultProps$p = {
   orientation: "horizontal"
 };
-const varsResolver$l = createVarsResolver((_, { borderWidth }) => ({
+const varsResolver$m = createVarsResolver((_, { borderWidth }) => ({
   group: { "--button-border-width": rem(borderWidth) }
 }));
 const ButtonGroup = factory((_props, ref) => {
@@ -15155,7 +15155,7 @@ const ButtonGroup = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "ButtonGroup",
     props,
-    classes: classes$k,
+    classes: classes$l,
     className,
     style,
     classNames,
@@ -15163,7 +15163,7 @@ const ButtonGroup = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$l,
+    varsResolver: varsResolver$m,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -15178,9 +15178,9 @@ const ButtonGroup = factory((_props, ref) => {
     }
   );
 });
-ButtonGroup.classes = classes$k;
+ButtonGroup.classes = classes$l;
 ButtonGroup.displayName = "@mantine/core/ButtonGroup";
-const varsResolver$k = createVarsResolver(
+const varsResolver$l = createVarsResolver(
   (theme2, { radius, color, gradient, variant, autoContrast, size: size2 }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -15221,7 +15221,7 @@ const ButtonGroupSection = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "ButtonGroupSection",
     props,
-    classes: classes$k,
+    classes: classes$l,
     className,
     style,
     classNames,
@@ -15229,12 +15229,12 @@ const ButtonGroupSection = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$k,
+    varsResolver: varsResolver$l,
     rootSelector: "groupSection"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { ...getStyles2("groupSection"), ref, variant, ...others });
 });
-ButtonGroupSection.classes = classes$k;
+ButtonGroupSection.classes = classes$l;
 ButtonGroupSection.displayName = "@mantine/core/ButtonGroupSection";
 const loaderTransition = {
   in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${rem(1)}))` },
@@ -15242,7 +15242,7 @@ const loaderTransition = {
   common: { transformOrigin: "center" },
   transitionProperty: "transform, opacity"
 };
-const varsResolver$j = createVarsResolver(
+const varsResolver$k = createVarsResolver(
   (theme2, { radius, color, gradient, variant, size: size2, justify, autoContrast }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -15296,7 +15296,7 @@ const Button$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Button",
     props,
-    classes: classes$k,
+    classes: classes$l,
     className,
     style,
     classNames,
@@ -15304,7 +15304,7 @@ const Button$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$j
+    varsResolver: varsResolver$k
   });
   const hasLeftSection = !!leftSection;
   const hasRightSection = !!rightSection;
@@ -15345,14 +15345,14 @@ const Button$1 = polymorphicFactory((_props, ref) => {
     }
   );
 });
-Button$1.classes = classes$k;
+Button$1.classes = classes$l;
 Button$1.displayName = "@mantine/core/Button";
 Button$1.Group = ButtonGroup;
 Button$1.GroupSection = ButtonGroupSection;
 const [CardProvider, useCardContext] = createSafeContext(
   "Card component was not found in tree"
 );
-var classes$j = { "root": "m_e615b15f", "section": "m_599a2148" };
+var classes$k = { "root": "m_e615b15f", "section": "m_599a2148" };
 const CardSection = polymorphicFactory((_props, ref) => {
   const props = useProps("CardSection", null, _props);
   const { classNames, className, style, styles, vars, withBorder, inheritPadding, mod, ...others } = props;
@@ -15367,9 +15367,9 @@ const CardSection = polymorphicFactory((_props, ref) => {
     }
   );
 });
-CardSection.classes = classes$j;
+CardSection.classes = classes$k;
 CardSection.displayName = "@mantine/core/CardSection";
-const varsResolver$i = createVarsResolver((_, { padding }) => ({
+const varsResolver$j = createVarsResolver((_, { padding }) => ({
   root: {
     "--card-padding": getSpacing(padding)
   }
@@ -15391,7 +15391,7 @@ const Card$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Card",
     props,
-    classes: classes$j,
+    classes: classes$k,
     className,
     style,
     classNames,
@@ -15399,7 +15399,7 @@ const Card$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$i
+    varsResolver: varsResolver$j
   });
   const _children = React.Children.toArray(children);
   const content = _children.map((child, index2) => {
@@ -15413,10 +15413,10 @@ const Card$1 = polymorphicFactory((_props, ref) => {
   });
   return /* @__PURE__ */ jsxRuntime.jsx(CardProvider, { value: { getStyles: getStyles2 }, children: /* @__PURE__ */ jsxRuntime.jsx(Paper, { ref, unstyled, ...getStyles2("root"), ...others, children: content }) });
 });
-Card$1.classes = classes$j;
+Card$1.classes = classes$k;
 Card$1.displayName = "@mantine/core/Card";
 Card$1.Section = CardSection;
-var classes$i = { "root": "m_4451eb3a" };
+var classes$j = { "root": "m_4451eb3a" };
 const Center = polymorphicFactory((_props, ref) => {
   const props = useProps("Center", null, _props);
   const {
@@ -15434,7 +15434,7 @@ const Center = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Center",
     props,
-    classes: classes$i,
+    classes: classes$j,
     className,
     style,
     classNames,
@@ -15445,10 +15445,10 @@ const Center = polymorphicFactory((_props, ref) => {
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, mod: [{ inline: inline2 }, mod], ...getStyles2("root"), ...others });
 });
-Center.classes = classes$i;
+Center.classes = classes$j;
 Center.displayName = "@mantine/core/Center";
-var classes$h = { "root": "m_7485cace" };
-const varsResolver$h = createVarsResolver((_, { size: size2, fluid }) => ({
+var classes$i = { "root": "m_7485cace" };
+const varsResolver$i = createVarsResolver((_, { size: size2, fluid }) => ({
   root: {
     "--container-size": fluid ? void 0 : getSize(size2, "container-size")
   }
@@ -15470,7 +15470,7 @@ const Container = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Container",
-    classes: classes$h,
+    classes: classes$i,
     props,
     className,
     style,
@@ -15479,7 +15479,7 @@ const Container = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$h
+    varsResolver: varsResolver$i
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
@@ -15491,13 +15491,13 @@ const Container = factory((_props, ref) => {
     }
   );
 });
-Container.classes = classes$h;
+Container.classes = classes$i;
 Container.displayName = "@mantine/core/Container";
-var classes$g = { "root": "m_3eebeb36", "label": "m_9e365f20" };
+var classes$h = { "root": "m_3eebeb36", "label": "m_9e365f20" };
 const defaultProps$o = {
   orientation: "horizontal"
 };
-const varsResolver$g = createVarsResolver((theme2, { color, variant, size: size2 }) => ({
+const varsResolver$h = createVarsResolver((theme2, { color, variant, size: size2 }) => ({
   root: {
     "--divider-color": color ? getThemeColor(color, theme2) : void 0,
     "--divider-border-style": variant,
@@ -15523,7 +15523,7 @@ const Divider = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Divider",
-    classes: classes$g,
+    classes: classes$h,
     props,
     className,
     style,
@@ -15532,7 +15532,7 @@ const Divider = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$g
+    varsResolver: varsResolver$h
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
@@ -15546,9 +15546,9 @@ const Divider = factory((_props, ref) => {
     }
   );
 });
-Divider.classes = classes$g;
+Divider.classes = classes$h;
 Divider.displayName = "@mantine/core/Divider";
-var classes$f = { "root": "m_f11b401e", "header": "m_5a7c2c9", "content": "m_b8a05bbd", "inner": "m_31cd769a" };
+var classes$g = { "root": "m_f11b401e", "header": "m_5a7c2c9", "content": "m_b8a05bbd", "inner": "m_31cd769a" };
 const [DrawerProvider, useDrawerContext] = createSafeContext(
   "Drawer component was not found in tree"
 );
@@ -15565,7 +15565,7 @@ const DrawerBody = factory((_props, ref) => {
     }
   );
 });
-DrawerBody.classes = classes$f;
+DrawerBody.classes = classes$g;
 DrawerBody.displayName = "@mantine/core/DrawerBody";
 const DrawerCloseButton = factory((_props, ref) => {
   const props = useProps("DrawerCloseButton", null, _props);
@@ -15580,7 +15580,7 @@ const DrawerCloseButton = factory((_props, ref) => {
     }
   );
 });
-DrawerCloseButton.classes = classes$f;
+DrawerCloseButton.classes = classes$g;
 DrawerCloseButton.displayName = "@mantine/core/DrawerCloseButton";
 const DrawerContent = factory((_props, ref) => {
   const props = useProps("DrawerContent", null, _props);
@@ -15600,7 +15600,7 @@ const DrawerContent = factory((_props, ref) => {
     }
   );
 });
-DrawerContent.classes = classes$f;
+DrawerContent.classes = classes$g;
 DrawerContent.displayName = "@mantine/core/DrawerContent";
 const DrawerHeader = factory((_props, ref) => {
   const props = useProps("DrawerHeader", null, _props);
@@ -15615,7 +15615,7 @@ const DrawerHeader = factory((_props, ref) => {
     }
   );
 });
-DrawerHeader.classes = classes$f;
+DrawerHeader.classes = classes$g;
 DrawerHeader.displayName = "@mantine/core/DrawerHeader";
 const DrawerOverlay = factory((_props, ref) => {
   const props = useProps("DrawerOverlay", null, _props);
@@ -15630,7 +15630,7 @@ const DrawerOverlay = factory((_props, ref) => {
     }
   );
 });
-DrawerOverlay.classes = classes$f;
+DrawerOverlay.classes = classes$g;
 DrawerOverlay.displayName = "@mantine/core/DrawerOverlay";
 function getDrawerAlign(position) {
   switch (position) {
@@ -15671,7 +15671,7 @@ const defaultProps$n = {
   zIndex: getDefaultZIndex("modal"),
   position: "left"
 };
-const varsResolver$f = createVarsResolver((_, { position, size: size2, offset: offset2 }) => ({
+const varsResolver$g = createVarsResolver((_, { position, size: size2, offset: offset2 }) => ({
   root: {
     "--drawer-size": getSize(size2, "drawer-size"),
     "--drawer-flex": getDrawerFlex(position),
@@ -15700,7 +15700,7 @@ const DrawerRoot = factory((_props, ref) => {
   const { dir } = useDirection();
   const getStyles2 = useStyles({
     name: "Drawer",
-    classes: classes$f,
+    classes: classes$g,
     props,
     className,
     style,
@@ -15709,7 +15709,7 @@ const DrawerRoot = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$f
+    varsResolver: varsResolver$g
   });
   const drawerTransition = (dir === "rtl" ? rtlTransitions : transitions)[position];
   return /* @__PURE__ */ jsxRuntime.jsx(DrawerProvider, { value: { scrollAreaComponent, getStyles: getStyles2, radius }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -15724,7 +15724,7 @@ const DrawerRoot = factory((_props, ref) => {
     }
   ) });
 });
-DrawerRoot.classes = classes$f;
+DrawerRoot.classes = classes$g;
 DrawerRoot.displayName = "@mantine/core/DrawerRoot";
 const [DrawerStackProvider, useDrawerStackContext] = createOptionalContext();
 function DrawerStack({ children }) {
@@ -15764,7 +15764,7 @@ const DrawerTitle = factory((_props, ref) => {
     }
   );
 });
-DrawerTitle.classes = classes$f;
+DrawerTitle.classes = classes$g;
 DrawerTitle.displayName = "@mantine/core/DrawerTitle";
 const defaultProps$m = {
   closeOnClickOutside: true,
@@ -15832,7 +15832,7 @@ const Drawer$1 = factory((_props, ref) => {
     }
   );
 });
-Drawer$1.classes = classes$f;
+Drawer$1.classes = classes$g;
 Drawer$1.displayName = "@mantine/core/Drawer";
 Drawer$1.Root = DrawerRoot;
 Drawer$1.Overlay = DrawerOverlay;
@@ -15845,7 +15845,7 @@ Drawer$1.Stack = DrawerStack;
 const [GridProvider, useGridContext] = createSafeContext(
   "Grid component was not found in tree"
 );
-var classes$e = { "container": "m_8478a6da", "root": "m_410352e9", "inner": "m_dee7bd2f", "col": "m_96bdd299" };
+var classes$f = { "container": "m_8478a6da", "root": "m_410352e9", "inner": "m_dee7bd2f", "col": "m_96bdd299" };
 const getColumnFlexBasis = (colSpan, columns) => {
   if (colSpan === "content") {
     return "auto";
@@ -15960,7 +15960,7 @@ const GridCol = factory((_props, ref) => {
     )
   ] });
 });
-GridCol.classes = classes$e;
+GridCol.classes = classes$f;
 GridCol.displayName = "@mantine/core/GridCol";
 function GridVariables({ gutter, selector, breakpoints, type }) {
   const theme2 = useMantineTheme();
@@ -16002,7 +16002,7 @@ const defaultProps$k = {
   grow: false,
   columns: 12
 };
-const varsResolver$e = createVarsResolver((_, { justify, align, overflow }) => ({
+const varsResolver$f = createVarsResolver((_, { justify, align, overflow }) => ({
   root: {
     "--grid-justify": justify,
     "--grid-align": align,
@@ -16031,7 +16031,7 @@ const Grid = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Grid",
-    classes: classes$e,
+    classes: classes$f,
     props,
     className,
     style,
@@ -16040,7 +16040,7 @@ const Grid = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$e
+    varsResolver: varsResolver$f
   });
   const responsiveClassName = useRandomClassName();
   if (type === "container" && breakpoints) {
@@ -16054,13 +16054,13 @@ const Grid = factory((_props, ref) => {
     /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...getStyles2("root", { className: responsiveClassName }), ...others, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles2("inner"), children }) })
   ] });
 });
-Grid.classes = classes$e;
+Grid.classes = classes$f;
 Grid.displayName = "@mantine/core/Grid";
 Grid.Col = GridCol;
 const [MenuContextProvider, useMenuContext] = createSafeContext(
   "Menu component was not found in the tree"
 );
-var classes$d = { "dropdown": "m_dc9b7c9f", "label": "m_9bfac126", "divider": "m_efdf90cb", "item": "m_99ac2aa1", "itemLabel": "m_5476e0d3", "itemSection": "m_8b75e504", "chevron": "m_b85b0bed" };
+var classes$e = { "dropdown": "m_dc9b7c9f", "label": "m_9bfac126", "divider": "m_efdf90cb", "item": "m_99ac2aa1", "itemLabel": "m_5476e0d3", "itemSection": "m_8b75e504", "chevron": "m_b85b0bed" };
 const MenuDivider = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
     "MenuDivider",
@@ -16077,7 +16077,7 @@ const MenuDivider = factory((props, ref) => {
     }
   );
 });
-MenuDivider.classes = classes$d;
+MenuDivider.classes = classes$e;
 MenuDivider.displayName = "@mantine/core/MenuDivider";
 const MenuDropdown = factory((props, ref) => {
   const {
@@ -16134,7 +16134,7 @@ const MenuDropdown = factory((props, ref) => {
     }
   );
 });
-MenuDropdown.classes = classes$d;
+MenuDropdown.classes = classes$e;
 MenuDropdown.displayName = "@mantine/core/MenuDropdown";
 const [SubMenuProvider, useSubMenuContext] = createOptionalContext();
 const MenuItem = polymorphicFactory((props, ref) => {
@@ -16213,7 +16213,7 @@ const MenuItem = polymorphicFactory((props, ref) => {
     }
   );
 });
-MenuItem.classes = classes$d;
+MenuItem.classes = classes$e;
 MenuItem.displayName = "@mantine/core/MenuItem";
 const MenuLabel = factory((props, ref) => {
   const { classNames, className, style, styles, vars, ...others } = useProps(
@@ -16231,7 +16231,7 @@ const MenuLabel = factory((props, ref) => {
     }
   );
 });
-MenuLabel.classes = classes$d;
+MenuLabel.classes = classes$e;
 MenuLabel.displayName = "@mantine/core/MenuLabel";
 const MenuSubDropdown = factory((props, ref) => {
   const {
@@ -16273,7 +16273,7 @@ const MenuSubDropdown = factory((props, ref) => {
     }
   );
 });
-MenuSubDropdown.classes = classes$d;
+MenuSubDropdown.classes = classes$e;
 MenuSubDropdown.displayName = "@mantine/core/MenuSubDropdown";
 const MenuSubItem = polymorphicFactory((props, ref) => {
   const {
@@ -16355,7 +16355,7 @@ const MenuSubItem = polymorphicFactory((props, ref) => {
     }
   );
 });
-MenuSubItem.classes = classes$d;
+MenuSubItem.classes = classes$e;
 MenuSubItem.displayName = "@mantine/core/MenuSubItem";
 function MenuSubTarget({ children, refProp }) {
   if (!isElement$1(children)) {
@@ -16498,7 +16498,7 @@ function Menu$1(_props) {
   } = props;
   const getStyles2 = useStyles({
     name: "Menu",
-    classes: classes$d,
+    classes: classes$e,
     props,
     classNames,
     styles,
@@ -16575,7 +16575,7 @@ function Menu$1(_props) {
 }
 Menu$1.extend = (input) => input;
 Menu$1.withProps = getWithProps(Menu$1);
-Menu$1.classes = classes$d;
+Menu$1.classes = classes$e;
 Menu$1.displayName = "@mantine/core/Menu";
 Menu$1.Item = MenuItem;
 Menu$1.Label = MenuLabel;
@@ -16583,7 +16583,7 @@ Menu$1.Dropdown = MenuDropdown;
 Menu$1.Target = MenuTarget;
 Menu$1.Divider = MenuDivider;
 Menu$1.Sub = MenuSub;
-var classes$c = { "root": "m_9df02822", "content": "m_54c44539", "inner": "m_1f958f16", "header": "m_d0e2b9cd" };
+var classes$d = { "root": "m_9df02822", "content": "m_54c44539", "inner": "m_1f958f16", "header": "m_d0e2b9cd" };
 const [ModalProvider, useModalContext] = createSafeContext(
   "Modal component was not found in tree"
 );
@@ -16600,7 +16600,7 @@ const ModalBody = factory((_props, ref) => {
     }
   );
 });
-ModalBody.classes = classes$c;
+ModalBody.classes = classes$d;
 ModalBody.displayName = "@mantine/core/ModalBody";
 const ModalCloseButton = factory((_props, ref) => {
   const props = useProps("ModalCloseButton", null, _props);
@@ -16615,7 +16615,7 @@ const ModalCloseButton = factory((_props, ref) => {
     }
   );
 });
-ModalCloseButton.classes = classes$c;
+ModalCloseButton.classes = classes$d;
 ModalCloseButton.displayName = "@mantine/core/ModalCloseButton";
 const ModalContent = factory((_props, ref) => {
   const props = useProps("ModalContent", null, _props);
@@ -16644,7 +16644,7 @@ const ModalContent = factory((_props, ref) => {
     }
   );
 });
-ModalContent.classes = classes$c;
+ModalContent.classes = classes$d;
 ModalContent.displayName = "@mantine/core/ModalContent";
 const ModalHeader = factory((_props, ref) => {
   const props = useProps("ModalHeader", null, _props);
@@ -16659,7 +16659,7 @@ const ModalHeader = factory((_props, ref) => {
     }
   );
 });
-ModalHeader.classes = classes$c;
+ModalHeader.classes = classes$d;
 ModalHeader.displayName = "@mantine/core/ModalHeader";
 const ModalOverlay = factory((_props, ref) => {
   const props = useProps("ModalOverlay", null, _props);
@@ -16674,7 +16674,7 @@ const ModalOverlay = factory((_props, ref) => {
     }
   );
 });
-ModalOverlay.classes = classes$c;
+ModalOverlay.classes = classes$d;
 ModalOverlay.displayName = "@mantine/core/ModalOverlay";
 const defaultProps$g = {
   __staticSelector: "Modal",
@@ -16689,7 +16689,7 @@ const defaultProps$g = {
   transitionProps: { duration: 200, transition: "fade-down" },
   yOffset: "5dvh"
 };
-const varsResolver$d = createVarsResolver(
+const varsResolver$e = createVarsResolver(
   (_, { radius, size: size2, yOffset, xOffset }) => ({
     root: {
       "--modal-radius": radius === void 0 ? void 0 : getRadius(radius),
@@ -16720,7 +16720,7 @@ const ModalRoot = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: __staticSelector,
-    classes: classes$c,
+    classes: classes$d,
     props,
     className,
     style,
@@ -16729,7 +16729,7 @@ const ModalRoot = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$d
+    varsResolver: varsResolver$e
   });
   return /* @__PURE__ */ jsxRuntime.jsx(ModalProvider, { value: { yOffset, scrollAreaComponent, getStyles: getStyles2, fullScreen }, children: /* @__PURE__ */ jsxRuntime.jsx(
     ModalBase,
@@ -16744,7 +16744,7 @@ const ModalRoot = factory((_props, ref) => {
     }
   ) });
 });
-ModalRoot.classes = classes$c;
+ModalRoot.classes = classes$d;
 ModalRoot.displayName = "@mantine/core/ModalRoot";
 const [ModalStackProvider, useModalStackContext] = createOptionalContext();
 function ModalStack({ children }) {
@@ -16784,7 +16784,7 @@ const ModalTitle = factory((_props, ref) => {
     }
   );
 });
-ModalTitle.classes = classes$c;
+ModalTitle.classes = classes$d;
 ModalTitle.displayName = "@mantine/core/ModalTitle";
 const defaultProps$f = {
   closeOnClickOutside: true,
@@ -16862,7 +16862,7 @@ const Modal$1 = factory((_props, ref) => {
     }
   );
 });
-Modal$1.classes = classes$c;
+Modal$1.classes = classes$d;
 Modal$1.displayName = "@mantine/core/Modal";
 Modal$1.Root = ModalRoot;
 Modal$1.Overlay = ModalOverlay;
@@ -16872,8 +16872,8 @@ Modal$1.Header = ModalHeader;
 Modal$1.Title = ModalTitle;
 Modal$1.CloseButton = ModalCloseButton;
 Modal$1.Stack = ModalStack;
-var classes$b = { "root": "m_f0824112", "description": "m_57492dcc", "section": "m_690090b5", "label": "m_1f6ac4c4", "body": "m_f07af9d2", "children": "m_e17b862f", "chevron": "m_1fd8a00b" };
-const varsResolver$c = createVarsResolver(
+var classes$c = { "root": "m_f0824112", "description": "m_57492dcc", "section": "m_690090b5", "label": "m_1f6ac4c4", "body": "m_f07af9d2", "children": "m_e17b862f", "chevron": "m_1fd8a00b" };
+const varsResolver$d = createVarsResolver(
   (theme2, { variant, color, childrenOffset, autoContrast }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -16925,7 +16925,7 @@ const NavLink = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "NavLink",
     props,
-    classes: classes$b,
+    classes: classes$c,
     className,
     style,
     classNames,
@@ -16933,7 +16933,7 @@ const NavLink = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$c
+    varsResolver: varsResolver$d
   });
   const [_opened, setOpened] = useUncontrolled({
     value: opened,
@@ -16988,13 +16988,13 @@ const NavLink = polymorphicFactory((_props, ref) => {
     withChildren && /* @__PURE__ */ jsxRuntime.jsx(Collapse, { in: _opened, ...getStyles2("collapse"), children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles2("children"), children }) })
   ] });
 });
-NavLink.classes = classes$b;
+NavLink.classes = classes$c;
 NavLink.displayName = "@mantine/core/NavLink";
-var classes$a = { "root": "m_a513464", "icon": "m_a4ceffb", "loader": "m_b0920b15", "body": "m_a49ed24", "title": "m_3feedf16", "description": "m_3d733a3a", "closeButton": "m_919a4d88" };
+var classes$b = { "root": "m_a513464", "icon": "m_a4ceffb", "loader": "m_b0920b15", "body": "m_a49ed24", "title": "m_3feedf16", "description": "m_3d733a3a", "closeButton": "m_919a4d88" };
 const defaultProps$e = {
   withCloseButton: true
 };
-const varsResolver$b = createVarsResolver((theme2, { radius, color }) => ({
+const varsResolver$c = createVarsResolver((theme2, { radius, color }) => ({
   root: {
     "--notification-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--notification-color": color ? getThemeColor(color, theme2) : void 0
@@ -17027,7 +17027,7 @@ const Notification = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Notification",
-    classes: classes$a,
+    classes: classes$b,
     props,
     className,
     style,
@@ -17036,7 +17036,7 @@ const Notification = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$b
+    varsResolver: varsResolver$c
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Box,
@@ -17068,9 +17068,9 @@ const Notification = factory((_props, ref) => {
     }
   );
 });
-Notification.classes = classes$a;
+Notification.classes = classes$b;
 Notification.displayName = "@mantine/core/Notification";
-var classes$9 = { "root": "m_f61ca620", "input": "m_ccf8da4c", "innerInput": "m_f2d85dd2", "visibilityToggle": "m_b1072d44" };
+var classes$a = { "root": "m_f61ca620", "input": "m_ccf8da4c", "innerInput": "m_f2d85dd2", "visibilityToggle": "m_b1072d44" };
 const PasswordToggleIcon = ({
   reveal
 }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -17094,7 +17094,7 @@ const PasswordToggleIcon = ({
 const defaultProps$d = {
   visibilityToggleIcon: PasswordToggleIcon
 };
-const varsResolver$a = createVarsResolver((_, { size: size2 }) => ({
+const varsResolver$b = createVarsResolver((_, { size: size2 }) => ({
   root: {
     "--psi-icon-size": getSize(size2, "psi-icon-size"),
     "--psi-button-size": getSize(size2, "psi-button-size")
@@ -17153,7 +17153,7 @@ const PasswordInput$1 = factory((_props, ref) => {
   const toggleVisibility = () => setVisibility(!_visible);
   const getStyles2 = useStyles({
     name: "PasswordInput",
-    classes: classes$9,
+    classes: classes$a,
     props,
     className,
     style,
@@ -17162,7 +17162,7 @@ const PasswordInput$1 = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$a
+    varsResolver: varsResolver$b
   });
   const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
     classNames,
@@ -17241,7 +17241,7 @@ const PasswordInput$1 = factory((_props, ref) => {
           error: error2,
           leftSection,
           size: size2,
-          classNames: { ...resolvedClassNames, input: clsx(classes$9.input, resolvedClassNames.input) },
+          classNames: { ...resolvedClassNames, input: clsx(classes$a.input, resolvedClassNames.input) },
           styles: resolvedStyles,
           radius,
           disabled,
@@ -17279,7 +17279,7 @@ const PasswordInput$1 = factory((_props, ref) => {
     }
   );
 });
-PasswordInput$1.classes = { ...InputBase.classes, ...classes$9 };
+PasswordInput$1.classes = { ...InputBase.classes, ...classes$a };
 PasswordInput$1.displayName = "@mantine/core/PasswordInput";
 const defaultTransition = {
   duration: 100,
@@ -17288,7 +17288,7 @@ const defaultTransition = {
 function getTransitionProps(transitionProps, componentTransition) {
   return { ...defaultTransition, ...componentTransition, ...transitionProps };
 }
-var classes$8 = { "tooltip": "m_1b3c8819", "arrow": "m_f898399f" };
+var classes$9 = { "tooltip": "m_1b3c8819", "arrow": "m_f898399f" };
 function useFloatingTooltip({
   offset: offset2,
   position,
@@ -17353,7 +17353,7 @@ const defaultProps$c = {
   position: "right",
   zIndex: getDefaultZIndex("popover")
 };
-const varsResolver$9 = createVarsResolver((theme2, { radius, color }) => ({
+const varsResolver$a = createVarsResolver((theme2, { radius, color }) => ({
   tooltip: {
     "--tooltip-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--tooltip-bg": color ? getThemeColor(color, theme2) : void 0,
@@ -17390,7 +17390,7 @@ const TooltipFloating = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "TooltipFloating",
     props,
-    classes: classes$8,
+    classes: classes$9,
     className,
     style,
     classNames,
@@ -17399,7 +17399,7 @@ const TooltipFloating = factory((_props, ref) => {
     attributes,
     rootSelector: "tooltip",
     vars,
-    varsResolver: varsResolver$9
+    varsResolver: varsResolver$a
   });
   const { handleMouseMove, x, y, opened, boundaryRef, floating, setOpened } = useFloatingTooltip({
     offset: offset2,
@@ -17451,7 +17451,7 @@ const TooltipFloating = factory((_props, ref) => {
     })
   ] });
 });
-TooltipFloating.classes = classes$8;
+TooltipFloating.classes = classes$9;
 TooltipFloating.displayName = "@mantine/core/TooltipFloating";
 const TooltipGroupContext = React.createContext(false);
 const TooltipGroupProvider = TooltipGroupContext.Provider;
@@ -17579,7 +17579,7 @@ const defaultProps$a = {
   positionDependencies: [],
   middlewares: { flip: true, shift: true, inline: false }
 };
-const varsResolver$8 = createVarsResolver(
+const varsResolver$9 = createVarsResolver(
   (theme2, { radius, color, variant, autoContrast }) => {
     const colors2 = theme2.variantColorResolver({
       theme: theme2,
@@ -17673,7 +17673,7 @@ const Tooltip$1 = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Tooltip",
     props,
-    classes: classes$8,
+    classes: classes$9,
     className,
     style,
     classNames,
@@ -17682,7 +17682,7 @@ const Tooltip$1 = factory((_props, ref) => {
     attributes,
     rootSelector: "tooltip",
     vars,
-    varsResolver: varsResolver$8
+    varsResolver: varsResolver$9
   });
   const child = getSingleElementChild(children);
   if (!target && !child) {
@@ -17805,7 +17805,7 @@ const Tooltip$1 = factory((_props, ref) => {
     )
   ] });
 });
-Tooltip$1.classes = classes$8;
+Tooltip$1.classes = classes$9;
 Tooltip$1.displayName = "@mantine/core/Tooltip";
 Tooltip$1.Floating = TooltipFloating;
 Tooltip$1.Group = TooltipGroup;
@@ -18075,7 +18075,7 @@ const Select$1 = factory((_props, ref) => {
 });
 Select$1.classes = { ...InputBase.classes, ...Combobox.classes };
 Select$1.displayName = "@mantine/core/Select";
-var classes$7 = { "container": "m_925c2d2c", "root": "m_2415a157" };
+var classes$8 = { "container": "m_925c2d2c", "root": "m_2415a157" };
 function SimpleGridMediaVariables({
   spacing,
   verticalSpacing,
@@ -18199,7 +18199,7 @@ const SimpleGrid = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "SimpleGrid",
-    classes: classes$7,
+    classes: classes$8,
     props,
     className,
     style,
@@ -18221,14 +18221,14 @@ const SimpleGrid = factory((_props, ref) => {
     /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...getStyles2("root", { className: responsiveClassName }), ...others })
   ] });
 });
-SimpleGrid.classes = classes$7;
+SimpleGrid.classes = classes$8;
 SimpleGrid.displayName = "@mantine/core/SimpleGrid";
-var classes$6 = { "root": "m_18320242", "skeleton-fade": "m_299c329c" };
+var classes$7 = { "root": "m_18320242", "skeleton-fade": "m_299c329c" };
 const defaultProps$7 = {
   visible: true,
   animate: true
 };
-const varsResolver$7 = createVarsResolver(
+const varsResolver$8 = createVarsResolver(
   (_, { width, height, radius, circle }) => ({
     root: {
       "--skeleton-height": rem(height),
@@ -18258,7 +18258,7 @@ const Skeleton$1 = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Skeleton",
-    classes: classes$6,
+    classes: classes$7,
     props,
     className,
     style,
@@ -18267,24 +18267,24 @@ const Skeleton$1 = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$7
+    varsResolver: varsResolver$8
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...getStyles2("root"), mod: [{ visible: visible2, animate }, mod], ...others });
 });
-Skeleton$1.classes = classes$6;
+Skeleton$1.classes = classes$7;
 Skeleton$1.displayName = "@mantine/core/Skeleton";
 const Space = factory((props, ref) => {
   const { w, h, miw, mih, ...others } = useProps("Space", null, props);
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...others, w, miw: miw ?? w, h, mih: mih ?? h });
 });
 Space.displayName = "@mantine/core/Space";
-var classes$5 = { "root": "m_6d731127" };
+var classes$6 = { "root": "m_6d731127" };
 const defaultProps$6 = {
   gap: "md",
   align: "stretch",
   justify: "flex-start"
 };
-const varsResolver$6 = createVarsResolver((_, { gap, align, justify }) => ({
+const varsResolver$7 = createVarsResolver((_, { gap, align, justify }) => ({
   root: {
     "--stack-gap": getSpacing(gap),
     "--stack-align": align,
@@ -18310,7 +18310,7 @@ const Stack = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Stack",
     props,
-    classes: classes$5,
+    classes: classes$6,
     className,
     style,
     classNames,
@@ -18318,13 +18318,13 @@ const Stack = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$6
+    varsResolver: varsResolver$7
   });
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...getStyles2("root"), variant, ...others });
 });
-Stack.classes = classes$5;
+Stack.classes = classes$6;
 Stack.displayName = "@mantine/core/Stack";
-var classes$4 = { "root": "m_5f93f3bb", "input": "m_926b4011", "track": "m_9307d992", "thumb": "m_93039a1d", "trackLabel": "m_8277e082" };
+var classes$5 = { "root": "m_5f93f3bb", "input": "m_926b4011", "track": "m_9307d992", "thumb": "m_93039a1d", "trackLabel": "m_8277e082" };
 const SwitchGroupContext = React.createContext(null);
 const SwitchGroupProvider = SwitchGroupContext.Provider;
 const useSwitchGroupContext = () => React.useContext(SwitchGroupContext);
@@ -18371,7 +18371,7 @@ const defaultProps$5 = {
   labelPosition: "right",
   withThumbIndicator: true
 };
-const varsResolver$5 = createVarsResolver((theme2, { radius, color, size: size2 }) => ({
+const varsResolver$6 = createVarsResolver((theme2, { radius, color, size: size2 }) => ({
   root: {
     "--switch-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--switch-height": getSize(size2, "switch-height"),
@@ -18419,7 +18419,7 @@ const Switch$1 = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Switch",
     props,
-    classes: classes$4,
+    classes: classes$5,
     className,
     style,
     classNames,
@@ -18427,7 +18427,7 @@ const Switch$1 = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$5
+    varsResolver: varsResolver$6
   });
   const { styleProps, rest } = extractStyleProps(others);
   const uuid = useId$1(id);
@@ -18514,13 +18514,13 @@ const Switch$1 = factory((_props, ref) => {
     }
   );
 });
-Switch$1.classes = { ...classes$4, ...InlineInputClasses };
+Switch$1.classes = { ...classes$5, ...InlineInputClasses };
 Switch$1.displayName = "@mantine/core/Switch";
 Switch$1.Group = SwitchGroup;
 const [TableProvider, useTableContext] = createSafeContext(
   "Table component was not found in the tree"
 );
-var classes$3 = { "table": "m_b23fa0ef", "th": "m_4e7aa4f3", "tr": "m_4e7aa4fd", "td": "m_4e7aa4ef", "tbody": "m_b2404537", "thead": "m_b242d975", "caption": "m_9e5a3ac7", "scrollContainer": "m_a100c15", "scrollContainerInner": "m_62259741" };
+var classes$4 = { "table": "m_b23fa0ef", "th": "m_4e7aa4f3", "tr": "m_4e7aa4fd", "td": "m_4e7aa4ef", "tbody": "m_b2404537", "thead": "m_b242d975", "caption": "m_9e5a3ac7", "scrollContainer": "m_a100c15", "scrollContainerInner": "m_62259741" };
 function getDataAttributes(ctx, options) {
   if (!options) {
     return void 0;
@@ -18564,7 +18564,7 @@ function tableElement(element, options) {
     );
   });
   Component.displayName = `@mantine/core/${name}`;
-  Component.classes = classes$3;
+  Component.classes = classes$4;
   return Component;
 }
 const TableTh = tableElement("th", { columnBorder: true });
@@ -18590,7 +18590,7 @@ TableDataRenderer.displayName = "@mantine/core/TableDataRenderer";
 const defaultProps$4 = {
   type: "scrollarea"
 };
-const varsResolver$4 = createVarsResolver(
+const varsResolver$5 = createVarsResolver(
   (_, { minWidth, maxHeight, type }) => ({
     scrollContainer: {
       "--table-min-width": rem(minWidth),
@@ -18618,7 +18618,7 @@ const TableScrollContainer = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "TableScrollContainer",
-    classes: classes$3,
+    classes: classes$4,
     props,
     className,
     style,
@@ -18627,7 +18627,7 @@ const TableScrollContainer = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$4,
+    varsResolver: varsResolver$5,
     rootSelector: "scrollContainer"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -18642,13 +18642,13 @@ const TableScrollContainer = factory((_props, ref) => {
     }
   );
 });
-TableScrollContainer.classes = classes$3;
+TableScrollContainer.classes = classes$4;
 TableScrollContainer.displayName = "@mantine/core/TableScrollContainer";
 const defaultProps$3 = {
   withRowBorders: true,
   verticalSpacing: 7
 };
-const varsResolver$3 = createVarsResolver(
+const varsResolver$4 = createVarsResolver(
   (theme2, {
     layout,
     captionSide,
@@ -18710,14 +18710,14 @@ const Table$1 = factory((_props, ref) => {
     props,
     className,
     style,
-    classes: classes$3,
+    classes: classes$4,
     classNames,
     styles,
     unstyled,
     attributes,
     rootSelector: "table",
     vars,
-    varsResolver: varsResolver$3
+    varsResolver: varsResolver$4
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     TableProvider,
@@ -18746,7 +18746,7 @@ const Table$1 = factory((_props, ref) => {
     }
   );
 });
-Table$1.classes = classes$3;
+Table$1.classes = classes$4;
 Table$1.displayName = "@mantine/core/Table";
 Table$1.Td = TableTd;
 Table$1.Th = TableTh;
@@ -18760,7 +18760,7 @@ Table$1.DataRenderer = TableDataRenderer;
 const [TabsProvider, useTabsContext] = createSafeContext(
   "Tabs component was not found in the tree"
 );
-var classes$2 = { "root": "m_89d60db1", "list--default": "m_576c9d4", "list": "m_89d33d6d", "tab": "m_4ec4dce6", "panel": "m_b0c91715", "tabSection": "m_fc420b1f", "tabLabel": "m_42bbd1ae", "tab--default": "m_539e827b", "list--outline": "m_6772fbd5", "tab--outline": "m_b59ab47c", "tab--pills": "m_c3381914" };
+var classes$3 = { "root": "m_89d60db1", "list--default": "m_576c9d4", "list": "m_89d33d6d", "tab": "m_4ec4dce6", "panel": "m_b0c91715", "tabSection": "m_fc420b1f", "tabLabel": "m_42bbd1ae", "tab--default": "m_539e827b", "list--outline": "m_6772fbd5", "tab--outline": "m_b59ab47c", "tab--pills": "m_c3381914" };
 const TabsList = factory((_props, ref) => {
   const props = useProps("TabsList", null, _props);
   const { children, className, grow, justify, classNames, styles, style, mod, ...others } = props;
@@ -18795,7 +18795,7 @@ const TabsList = factory((_props, ref) => {
     }
   );
 });
-TabsList.classes = classes$2;
+TabsList.classes = classes$3;
 TabsList.displayName = "@mantine/core/TabsList";
 const TabsPanel = factory((_props, ref) => {
   const props = useProps("TabsPanel", null, _props);
@@ -18823,7 +18823,7 @@ const TabsPanel = factory((_props, ref) => {
     }
   );
 });
-TabsPanel.classes = classes$2;
+TabsPanel.classes = classes$3;
 TabsPanel.displayName = "@mantine/core/TabsPanel";
 const TabsTab = factory((_props, ref) => {
   const props = useProps("TabsTab", null, _props);
@@ -18897,7 +18897,7 @@ const TabsTab = factory((_props, ref) => {
     }
   );
 });
-TabsTab.classes = classes$2;
+TabsTab.classes = classes$3;
 TabsTab.displayName = "@mantine/core/TabsTab";
 const VALUE_ERROR = "Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value";
 const defaultProps$2 = {
@@ -18908,7 +18908,7 @@ const defaultProps$2 = {
   variant: "default",
   placement: "left"
 };
-const varsResolver$2 = createVarsResolver((theme2, { radius, color, autoContrast }) => ({
+const varsResolver$3 = createVarsResolver((theme2, { radius, color, autoContrast }) => ({
   root: {
     "--tabs-radius": getRadius(radius),
     "--tabs-color": getThemeColor(color, theme2),
@@ -18954,7 +18954,7 @@ const Tabs$1 = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Tabs",
     props,
-    classes: classes$2,
+    classes: classes$3,
     className,
     style,
     classNames,
@@ -18962,7 +18962,7 @@ const Tabs$1 = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$2
+    varsResolver: varsResolver$3
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsProvider,
@@ -19008,7 +19008,7 @@ const Tabs$1 = factory((_props, ref) => {
     }
   );
 });
-Tabs$1.classes = classes$2;
+Tabs$1.classes = classes$3;
 Tabs$1.displayName = "@mantine/core/Tabs";
 Tabs$1.Tab = TabsTab;
 Tabs$1.Panel = TabsPanel;
@@ -19019,6 +19019,57 @@ const TextInput$1 = factory((props, ref) => {
 });
 TextInput$1.classes = InputBase.classes;
 TextInput$1.displayName = "@mantine/core/TextInput";
+var classes$2 = { "root": "m_7341320d" };
+const varsResolver$2 = createVarsResolver(
+  (theme2, { size: size2, radius, variant, gradient, color, autoContrast }) => {
+    const colors2 = theme2.variantColorResolver({
+      color: color || theme2.primaryColor,
+      theme: theme2,
+      gradient,
+      variant: variant || "filled",
+      autoContrast
+    });
+    return {
+      root: {
+        "--ti-size": getSize(size2, "ti-size"),
+        "--ti-radius": radius === void 0 ? void 0 : getRadius(radius),
+        "--ti-bg": color || variant ? colors2.background : void 0,
+        "--ti-color": color || variant ? colors2.color : void 0,
+        "--ti-bd": color || variant ? colors2.border : void 0
+      }
+    };
+  }
+);
+const ThemeIcon = factory((_props, ref) => {
+  const props = useProps("ThemeIcon", null, _props);
+  const {
+    classNames,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    autoContrast,
+    attributes,
+    ...others
+  } = props;
+  const getStyles2 = useStyles({
+    name: "ThemeIcon",
+    classes: classes$2,
+    props,
+    className,
+    style,
+    classNames,
+    styles,
+    unstyled,
+    attributes,
+    vars,
+    varsResolver: varsResolver$2
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...getStyles2("root"), ...others });
+});
+ThemeIcon.classes = classes$2;
+ThemeIcon.displayName = "@mantine/core/ThemeIcon";
 const headings = ["h1", "h2", "h3", "h4", "h5", "h6"];
 const sizes = ["xs", "sm", "md", "lg", "xl"];
 function getTitleSize(order, size2) {
@@ -25950,8 +26001,10 @@ exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Text = Text;
 exports.TextInput = TextInput;
+exports.ThemeIcon = ThemeIcon;
 exports.Title = Title;
 exports.Tooltip = Tooltip;
+exports.UnstyledButton = UnstyledButton;
 exports.UserMenu = UserMenu;
 exports.WalletList = WalletList;
 exports.ZERO_ETHEREUM_ADDRESS = ZERO_ETHEREUM_ADDRESS;