@fairmint/ui 0.2.30 → 0.2.31

package/dist/fairmint-ui.js

@@ -2605,7 +2605,7 @@ var values$1 = Object.values || function(obj) {
     return obj[k];
   });
 };
-var defaultProps$1c = {
+var defaultProps$1g = {
   component: "div",
   childFactory: function childFactory(child) {
     return child;
@@ -2732,7 +2732,7 @@ TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: PropTypes.func
 } : {};
-TransitionGroup.defaultProps = defaultProps$1c;
+TransitionGroup.defaultProps = defaultProps$1g;
 var extendStatics = function(d, b) {
   extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
     d2.__proto__ = b2;
@@ -6154,7 +6154,7 @@ function useCollapse({
   }
   return getCollapseProps;
 }
-const defaultProps$1b = {
+const defaultProps$1f = {
   transitionDuration: 200,
   transitionTimingFunction: "ease",
   animateOpacity: true
@@ -6170,7 +6170,7 @@ const Collapse = factory((props, ref) => {
     animateOpacity,
     keepMounted,
     ...others
-  } = useProps("Collapse", defaultProps$1b, props);
+  } = useProps("Collapse", defaultProps$1f, props);
   const theme2 = useMantineTheme();
   const shouldReduceMotion = useReducedMotion();
   const reduceMotion = theme2.respectReducedMotion ? shouldReduceMotion : false;
@@ -9645,7 +9645,7 @@ function useRole(context, props) {
     item
   } : {}, [enabled, reference, floating, item]);
 }
-var classes$_ = { "root": "m_d57069b5", "content": "m_b1336c6", "viewport": "m_c0783ff9", "viewportInner": "m_f8f631dd", "scrollbar": "m_c44ba933", "thumb": "m_d8b5e363", "corner": "m_21657268" };
+var classes$10 = { "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"
 );
@@ -9691,14 +9691,14 @@ const ScrollAreaCorner = forwardRef((props, ref) => {
   const hasCorner = ctx.type !== "scroll" && hasBothScrollbarsVisible;
   return hasCorner ? /* @__PURE__ */ jsx(Corner, { ...props, ref }) : null;
 });
-const defaultProps$1a = {
+const defaultProps$1e = {
   scrollHideDelay: 1e3,
   type: "hover"
 };
 const ScrollAreaRoot = forwardRef((_props, ref) => {
   const { type, scrollHideDelay, scrollbars, getStyles: getStyles2, ...others } = useProps(
     "ScrollAreaRoot",
-    defaultProps$1a,
+    defaultProps$1e,
     _props
   );
   const [scrollArea, setScrollArea] = useState(null);
@@ -10340,12 +10340,12 @@ const ScrollAreaViewport = forwardRef(
   }
 );
 ScrollAreaViewport.displayName = "@mantine/core/ScrollAreaViewport";
-const defaultProps$19 = {
+const defaultProps$1d = {
   scrollHideDelay: 1e3,
   type: "hover",
   scrollbars: "xy"
 };
-const varsResolver$Z = createVarsResolver(
+const varsResolver$$ = createVarsResolver(
   (_, { scrollbarSize, overscrollBehavior, scrollbars }) => {
     let overrideOverscrollBehavior = overscrollBehavior;
     if (overscrollBehavior && scrollbars) {
@@ -10364,7 +10364,7 @@ const varsResolver$Z = createVarsResolver(
   }
 );
 const ScrollArea = factory((_props, ref) => {
-  const props = useProps("ScrollArea", defaultProps$19, _props);
+  const props = useProps("ScrollArea", defaultProps$1d, _props);
   const {
     classNames: classNames2,
     className,
@@ -10393,7 +10393,7 @@ const ScrollArea = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "ScrollArea",
     props,
-    classes: classes$_,
+    classes: classes$10,
     className,
     style,
     classNames: classNames2,
@@ -10401,7 +10401,7 @@ const ScrollArea = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$Z
+    varsResolver: varsResolver$$
   });
   const localViewportRef = useRef(null);
   const combinedViewportRef = useMergeRefs([viewportRef, localViewportRef]);
@@ -10516,7 +10516,7 @@ const ScrollAreaAutosize = factory((props, ref) => {
     onTopReached,
     onOverflowChange,
     ...others
-  } = useProps("ScrollAreaAutosize", defaultProps$19, props);
+  } = useProps("ScrollAreaAutosize", defaultProps$1d, props);
   const viewportObserverRef = useRef(null);
   const combinedViewportRef = useMergeRefs([viewportRef, viewportObserverRef]);
   const [overflowing, setOverflowing] = useState(false);
@@ -10588,17 +10588,17 @@ const ScrollAreaAutosize = factory((props, ref) => {
     }
   ) });
 });
-ScrollArea.classes = classes$_;
+ScrollArea.classes = classes$10;
 ScrollAreaAutosize.displayName = "@mantine/core/ScrollAreaAutosize";
-ScrollAreaAutosize.classes = classes$_;
+ScrollAreaAutosize.classes = classes$10;
 ScrollArea.Autosize = ScrollAreaAutosize;
-var classes$Z = { "root": "m_87cf2631" };
-const defaultProps$18 = {
+var classes$$ = { "root": "m_87cf2631" };
+const defaultProps$1c = {
   __staticSelector: "UnstyledButton"
 };
 const UnstyledButton = polymorphicFactory(
   (_props, ref) => {
-    const props = useProps("UnstyledButton", defaultProps$18, _props);
+    const props = useProps("UnstyledButton", defaultProps$1c, _props);
     const {
       className,
       component = "button",
@@ -10613,7 +10613,7 @@ const UnstyledButton = polymorphicFactory(
     const getStyles2 = useStyles({
       name: __staticSelector,
       props,
-      classes: classes$Z,
+      classes: classes$$,
       className,
       style,
       classNames: classNames2,
@@ -10633,15 +10633,15 @@ const UnstyledButton = polymorphicFactory(
     );
   }
 );
-UnstyledButton.classes = classes$Z;
+UnstyledButton.classes = classes$$;
 UnstyledButton.displayName = "@mantine/core/UnstyledButton";
-var classes$Y = { "root": "m_515a97f8" };
+var classes$_ = { "root": "m_515a97f8" };
 const VisuallyHidden = factory((_props, ref) => {
   const props = useProps("VisuallyHidden", null, _props);
   const { classNames: classNames2, className, style, styles, unstyled, vars, attributes, ...others } = props;
   const getStyles2 = useStyles({
     name: "VisuallyHidden",
-    classes: classes$Y,
+    classes: classes$_,
     props,
     className,
     style,
@@ -10652,10 +10652,10 @@ const VisuallyHidden = factory((_props, ref) => {
   });
   return /* @__PURE__ */ jsx(Box, { component: "span", ref, ...getStyles2("root"), ...others });
 });
-VisuallyHidden.classes = classes$Y;
+VisuallyHidden.classes = classes$_;
 VisuallyHidden.displayName = "@mantine/core/VisuallyHidden";
-var classes$X = { "root": "m_1b7284a3" };
-const varsResolver$Y = createVarsResolver((_, { radius, shadow }) => ({
+var classes$Z = { "root": "m_1b7284a3" };
+const varsResolver$_ = createVarsResolver((_, { radius, shadow }) => ({
   root: {
     "--paper-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--paper-shadow": getShadow(shadow)
@@ -10681,7 +10681,7 @@ const Paper = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Paper",
     props,
-    classes: classes$X,
+    classes: classes$Z,
     className,
     style,
     classNames: classNames2,
@@ -10689,7 +10689,7 @@ const Paper = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$Y
+    varsResolver: varsResolver$_
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -10702,7 +10702,7 @@ const Paper = polymorphicFactory((_props, ref) => {
     }
   );
 });
-Paper.classes = classes$X;
+Paper.classes = classes$Z;
 Paper.displayName = "@mantine/core/Paper";
 function horizontalSide(placement, arrowY, arrowOffset, arrowPosition) {
   if (placement === "center" || arrowPosition === "center") {
@@ -10843,11 +10843,11 @@ function getFloatingPosition(dir, position) {
   }
   return position;
 }
-var classes$W = { "root": "m_9814e45f" };
-const defaultProps$17 = {
+var classes$Y = { "root": "m_9814e45f" };
+const defaultProps$1b = {
   zIndex: getDefaultZIndex("modal")
 };
-const varsResolver$X = createVarsResolver(
+const varsResolver$Z = 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,
@@ -10858,7 +10858,7 @@ const varsResolver$X = createVarsResolver(
   })
 );
 const Overlay = polymorphicFactory((_props, ref) => {
-  const props = useProps("Overlay", defaultProps$17, _props);
+  const props = useProps("Overlay", defaultProps$1b, _props);
   const {
     classNames: classNames2,
     className,
@@ -10882,7 +10882,7 @@ const Overlay = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Overlay",
     props,
-    classes: classes$W,
+    classes: classes$Y,
     className,
     style,
     classNames: classNames2,
@@ -10890,11 +10890,11 @@ const Overlay = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$X
+    varsResolver: varsResolver$Z
   });
   return /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("root"), mod: [{ center, fixed }, mod], ...others, children });
 });
-Overlay.classes = classes$W;
+Overlay.classes = classes$Y;
 Overlay.displayName = "@mantine/core/Overlay";
 function createPortalNode(props) {
   const node = document.createElement("div");
@@ -10923,11 +10923,11 @@ function getTargetNode({ target, reuseTargetNode, ...others }) {
   }
   return createPortalNode(others);
 }
-const defaultProps$16 = {
+const defaultProps$1a = {
   reuseTargetNode: true
 };
 const Portal = factory((props, ref) => {
-  const { children, target, reuseTargetNode, ...others } = useProps("Portal", defaultProps$16, props);
+  const { children, target, reuseTargetNode, ...others } = useProps("Portal", defaultProps$1a, props);
   const [mounted, setMounted] = useState(false);
   const nodeRef = useRef(null);
   useIsomorphicEffect$1(() => {
@@ -11238,7 +11238,7 @@ Transition$1.displayName = "@mantine/core/Transition";
 const [PopoverContextProvider, usePopoverContext] = createSafeContext(
   "Popover component was not found in the tree"
 );
-var classes$V = { "dropdown": "m_38a85659", "arrow": "m_a31dc6c1", "overlay": "m_3d7bc908" };
+var classes$X = { "dropdown": "m_38a85659", "arrow": "m_a31dc6c1", "overlay": "m_3d7bc908" };
 function FocusTrap({
   children,
   active = true,
@@ -11361,16 +11361,16 @@ const PopoverDropdown = factory((_props, ref) => {
     }
   ) });
 });
-PopoverDropdown.classes = classes$V;
+PopoverDropdown.classes = classes$X;
 PopoverDropdown.displayName = "@mantine/core/PopoverDropdown";
-const defaultProps$15 = {
+const defaultProps$19 = {
   refProp: "ref",
   popupType: "dialog"
 };
 const PopoverTarget = factory((props, ref) => {
   const { children, refProp, popupType, ...others } = useProps(
     "PopoverTarget",
-    defaultProps$15,
+    defaultProps$19,
     props
   );
   const child = getSingleElementChild(children);
@@ -11537,7 +11537,7 @@ function usePopover(options) {
     onToggle
   };
 }
-const defaultProps$14 = {
+const defaultProps$18 = {
   position: "bottom",
   offset: 8,
   positionDependencies: [],
@@ -11560,14 +11560,14 @@ const defaultProps$14 = {
   __staticSelector: "Popover",
   width: "max-content"
 };
-const varsResolver$W = createVarsResolver((_, { radius, shadow }) => ({
+const varsResolver$Y = createVarsResolver((_, { radius, shadow }) => ({
   dropdown: {
     "--popover-radius": radius === void 0 ? void 0 : getRadius(radius),
     "--popover-shadow": getShadow(shadow)
   }
 }));
 function Popover(_props) {
-  const props = useProps("Popover", defaultProps$14, _props);
+  const props = useProps("Popover", defaultProps$18, _props);
   const {
     children,
     position,
@@ -11623,14 +11623,14 @@ function Popover(_props) {
   const getStyles2 = useStyles({
     name: __staticSelector,
     props,
-    classes: classes$V,
+    classes: classes$X,
     classNames: classNames2,
     styles,
     unstyled,
     attributes,
     rootSelector: "dropdown",
     vars,
-    varsResolver: varsResolver$W
+    varsResolver: varsResolver$Y
   });
   const { resolvedStyles } = useResolvedStylesApi({ classNames: classNames2, styles, props });
   const [dropdownVisible, setDropdownVisible] = useState(opened ?? defaultOpened ?? false);
@@ -11777,38 +11777,38 @@ Popover.Target = PopoverTarget;
 Popover.Dropdown = PopoverDropdown;
 Popover.displayName = "@mantine/core/Popover";
 Popover.extend = (input) => input;
-var classes$U = { "root": "m_5ae2e3c", "barsLoader": "m_7a2bd4cd", "bar": "m_870bb79", "bars-loader-animation": "m_5d2b3b9d", "dotsLoader": "m_4e3f22d7", "dot": "m_870c4af", "loader-dots-animation": "m_aac34a1", "ovalLoader": "m_b34414df", "oval-loader-animation": "m_f8e89c4b" };
-const Bars = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$U.barsLoader, className), ...others, ref, children: [
-  /* @__PURE__ */ jsx("span", { className: classes$U.bar }),
-  /* @__PURE__ */ jsx("span", { className: classes$U.bar }),
-  /* @__PURE__ */ jsx("span", { className: classes$U.bar })
+var classes$W = { "root": "m_5ae2e3c", "barsLoader": "m_7a2bd4cd", "bar": "m_870bb79", "bars-loader-animation": "m_5d2b3b9d", "dotsLoader": "m_4e3f22d7", "dot": "m_870c4af", "loader-dots-animation": "m_aac34a1", "ovalLoader": "m_b34414df", "oval-loader-animation": "m_f8e89c4b" };
+const Bars = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$W.barsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsx("span", { className: classes$W.bar }),
+  /* @__PURE__ */ jsx("span", { className: classes$W.bar }),
+  /* @__PURE__ */ jsx("span", { className: classes$W.bar })
 ] }));
 Bars.displayName = "@mantine/core/Bars";
-const Dots = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$U.dotsLoader, className), ...others, ref, children: [
-  /* @__PURE__ */ jsx("span", { className: classes$U.dot }),
-  /* @__PURE__ */ jsx("span", { className: classes$U.dot }),
-  /* @__PURE__ */ jsx("span", { className: classes$U.dot })
+const Dots = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxs(Box, { component: "span", className: clsx(classes$W.dotsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsx("span", { className: classes$W.dot }),
+  /* @__PURE__ */ jsx("span", { className: classes$W.dot }),
+  /* @__PURE__ */ jsx("span", { className: classes$W.dot })
 ] }));
 Dots.displayName = "@mantine/core/Dots";
-const Oval = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsx(Box, { component: "span", className: clsx(classes$U.ovalLoader, className), ...others, ref }));
+const Oval = forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsx(Box, { component: "span", className: clsx(classes$W.ovalLoader, className), ...others, ref }));
 Oval.displayName = "@mantine/core/Oval";
 const defaultLoaders = {
   bars: Bars,
   oval: Oval,
   dots: Dots
 };
-const defaultProps$13 = {
+const defaultProps$17 = {
   loaders: defaultLoaders,
   type: "oval"
 };
-const varsResolver$V = createVarsResolver((theme2, { size: size2, color }) => ({
+const varsResolver$X = createVarsResolver((theme2, { size: size2, color }) => ({
   root: {
     "--loader-size": getSize(size2, "loader-size"),
     "--loader-color": color ? getThemeColor(color, theme2) : void 0
   }
 }));
 const Loader$1 = factory((_props, ref) => {
-  const props = useProps("Loader", defaultProps$13, _props);
+  const props = useProps("Loader", defaultProps$17, _props);
   const {
     size: size2,
     color,
@@ -11828,7 +11828,7 @@ const Loader$1 = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Loader",
     props,
-    classes: classes$U,
+    classes: classes$W,
     className,
     style,
     classNames: classNames2,
@@ -11836,7 +11836,7 @@ const Loader$1 = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$V
+    varsResolver: varsResolver$X
   });
   if (children) {
     return /* @__PURE__ */ jsx(Box, { ...getStyles2("root"), ref, ...others, children });
@@ -11854,17 +11854,17 @@ const Loader$1 = factory((_props, ref) => {
   );
 });
 Loader$1.defaultLoaders = defaultLoaders;
-Loader$1.classes = classes$U;
+Loader$1.classes = classes$W;
 Loader$1.displayName = "@mantine/core/Loader";
-var classes$T = { "root": "m_8d3f4000", "icon": "m_8d3afb97", "loader": "m_302b9fb1", "group": "m_1a0f1b21", "groupSection": "m_437b6484" };
-const defaultProps$12 = {
+var classes$V = { "root": "m_8d3f4000", "icon": "m_8d3afb97", "loader": "m_302b9fb1", "group": "m_1a0f1b21", "groupSection": "m_437b6484" };
+const defaultProps$16 = {
   orientation: "horizontal"
 };
-const varsResolver$U = createVarsResolver((_, { borderWidth }) => ({
+const varsResolver$W = createVarsResolver((_, { borderWidth }) => ({
   group: { "--ai-border-width": rem(borderWidth) }
 }));
 const ActionIconGroup = factory((_props, ref) => {
-  const props = useProps("ActionIconGroup", defaultProps$12, _props);
+  const props = useProps("ActionIconGroup", defaultProps$16, _props);
   const {
     className,
     style,
@@ -11878,11 +11878,11 @@ const ActionIconGroup = factory((_props, ref) => {
     mod,
     attributes,
     ...others
-  } = useProps("ActionIconGroup", defaultProps$12, _props);
+  } = useProps("ActionIconGroup", defaultProps$16, _props);
   const getStyles2 = useStyles({
     name: "ActionIconGroup",
     props,
-    classes: classes$T,
+    classes: classes$V,
     className,
     style,
     classNames: classNames2,
@@ -11890,7 +11890,7 @@ const ActionIconGroup = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$U,
+    varsResolver: varsResolver$W,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsx(
@@ -11905,9 +11905,9 @@ const ActionIconGroup = factory((_props, ref) => {
     }
   );
 });
-ActionIconGroup.classes = classes$T;
+ActionIconGroup.classes = classes$V;
 ActionIconGroup.displayName = "@mantine/core/ActionIconGroup";
-const varsResolver$T = createVarsResolver(
+const varsResolver$V = createVarsResolver(
   (theme2, { radius, color, gradient, variant, autoContrast, size: size2 }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -11948,7 +11948,7 @@ const ActionIconGroupSection = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "ActionIconGroupSection",
     props,
-    classes: classes$T,
+    classes: classes$V,
     className,
     style,
     classNames: classNames2,
@@ -11956,14 +11956,14 @@ const ActionIconGroupSection = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$T,
+    varsResolver: varsResolver$V,
     rootSelector: "groupSection"
   });
   return /* @__PURE__ */ jsx(Box, { ...getStyles2("groupSection"), ref, variant, ...others });
 });
-ActionIconGroupSection.classes = classes$T;
+ActionIconGroupSection.classes = classes$V;
 ActionIconGroupSection.displayName = "@mantine/core/ActionIconGroupSection";
-const varsResolver$S = createVarsResolver(
+const varsResolver$U = createVarsResolver(
   (theme2, { size: size2, radius, variant, gradient, color, autoContrast }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -12015,13 +12015,13 @@ const ActionIcon$1 = polymorphicFactory((_props, ref) => {
     props,
     className,
     style,
-    classes: classes$T,
+    classes: classes$V,
     classNames: classNames2,
     styles,
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$S
+    varsResolver: varsResolver$U
   });
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
@@ -12041,7 +12041,7 @@ const ActionIcon$1 = polymorphicFactory((_props, ref) => {
     }
   );
 });
-ActionIcon$1.classes = classes$T;
+ActionIcon$1.classes = classes$V;
 ActionIcon$1.displayName = "@mantine/core/ActionIcon";
 ActionIcon$1.Group = ActionIconGroup;
 ActionIcon$1.GroupSection = ActionIconGroupSection;
@@ -12068,11 +12068,11 @@ const CloseIcon = forwardRef(
   )
 );
 CloseIcon.displayName = "@mantine/core/CloseIcon";
-var classes$S = { "root": "m_86a44da5", "root--subtle": "m_220c80f2" };
-const defaultProps$11 = {
+var classes$U = { "root": "m_86a44da5", "root--subtle": "m_220c80f2" };
+const defaultProps$15 = {
   variant: "subtle"
 };
-const varsResolver$R = createVarsResolver((_, { size: size2, radius, iconSize }) => ({
+const varsResolver$T = createVarsResolver((_, { size: size2, radius, iconSize }) => ({
   root: {
     "--cb-size": getSize(size2, "cb-size"),
     "--cb-radius": radius === void 0 ? void 0 : getRadius(radius),
@@ -12080,7 +12080,7 @@ const varsResolver$R = createVarsResolver((_, { size: size2, radius, iconSize })
   }
 }));
 const CloseButton = polymorphicFactory((_props, ref) => {
-  const props = useProps("CloseButton", defaultProps$11, _props);
+  const props = useProps("CloseButton", defaultProps$15, _props);
   const {
     iconSize,
     children,
@@ -12105,13 +12105,13 @@ const CloseButton = polymorphicFactory((_props, ref) => {
     props,
     className,
     style,
-    classes: classes$S,
+    classes: classes$U,
     classNames: classNames2,
     styles,
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$R
+    varsResolver: varsResolver$T
   });
   return /* @__PURE__ */ jsxs(
     UnstyledButton,
@@ -12130,20 +12130,20 @@ const CloseButton = polymorphicFactory((_props, ref) => {
     }
   );
 });
-CloseButton.classes = classes$S;
+CloseButton.classes = classes$U;
 CloseButton.displayName = "@mantine/core/CloseButton";
 function filterFalsyChildren(children) {
   return Children.toArray(children).filter(Boolean);
 }
-var classes$R = { "root": "m_4081bf90" };
-const defaultProps$10 = {
+var classes$T = { "root": "m_4081bf90" };
+const defaultProps$14 = {
   preventGrowOverflow: true,
   gap: "md",
   align: "center",
   justify: "flex-start",
   wrap: "wrap"
 };
-const varsResolver$Q = createVarsResolver(
+const varsResolver$S = createVarsResolver(
   (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({
     root: {
       "--group-child-width": grow && preventGrowOverflow ? childWidth : void 0,
@@ -12155,7 +12155,7 @@ const varsResolver$Q = createVarsResolver(
   })
 );
 const Group = factory((_props, ref) => {
-  const props = useProps("Group", defaultProps$10, _props);
+  const props = useProps("Group", defaultProps$14, _props);
   const {
     classNames: classNames2,
     className,
@@ -12187,13 +12187,13 @@ const Group = factory((_props, ref) => {
     stylesCtx,
     className,
     style,
-    classes: classes$R,
+    classes: classes$T,
     classNames: classNames2,
     styles,
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$Q
+    varsResolver: varsResolver$S
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -12208,7 +12208,7 @@ const Group = factory((_props, ref) => {
     }
   );
 });
-Group.classes = classes$R;
+Group.classes = classes$T;
 Group.displayName = "@mantine/core/Group";
 const [ModalBaseProvider, useModalBaseContext] = createSafeContext(
   "ModalBase component was not found in tree"
@@ -12340,7 +12340,7 @@ const ModalBase = forwardRef(
   }
 );
 ModalBase.displayName = "@mantine/core/ModalBase";
-var classes$Q = { "title": "m_615af6c9", "header": "m_b5489c3c", "inner": "m_60c222c7", "content": "m_fd1ab0aa", "close": "m_606cb269", "body": "m_5df29311" };
+var classes$S = { "title": "m_615af6c9", "header": "m_b5489c3c", "inner": "m_60c222c7", "content": "m_fd1ab0aa", "close": "m_606cb269", "body": "m_5df29311" };
 function useModalBodyId() {
   const ctx = useModalBaseContext();
   useEffect(() => {
@@ -12359,7 +12359,7 @@ const ModalBaseBody = forwardRef(
         ref,
         ...others,
         id: bodyId,
-        className: clsx({ [classes$Q.body]: !ctx.unstyled }, className)
+        className: clsx({ [classes$S.body]: !ctx.unstyled }, className)
       }
     );
   }
@@ -12377,7 +12377,7 @@ const ModalBaseCloseButton = forwardRef(
           ctx.onClose();
           onClick?.(event);
         },
-        className: clsx({ [classes$Q.close]: !ctx.unstyled }, className),
+        className: clsx({ [classes$S.close]: !ctx.unstyled }, className),
         unstyled: ctx.unstyled
       }
     );
@@ -12406,7 +12406,7 @@ const ModalBaseContent = forwardRef(
           "div",
           {
             ...innerProps,
-            className: clsx({ [classes$Q.inner]: !ctx.unstyled }, innerProps.className),
+            className: clsx({ [classes$S.inner]: !ctx.unstyled }, innerProps.className),
             children: /* @__PURE__ */ jsx(FocusTrap, { active: ctx.opened && ctx.trapFocus, innerRef: ref, children: /* @__PURE__ */ jsx(
               Paper,
               {
@@ -12418,7 +12418,7 @@ const ModalBaseContent = forwardRef(
                 "aria-describedby": ctx.bodyMounted ? ctx.getBodyId() : void 0,
                 "aria-labelledby": ctx.titleMounted ? ctx.getTitleId() : void 0,
                 style: [style, transitionStyles],
-                className: clsx({ [classes$Q.content]: !ctx.unstyled }, className),
+                className: clsx({ [classes$S.content]: !ctx.unstyled }, className),
                 unstyled: ctx.unstyled,
                 children: others.children
               }
@@ -12438,7 +12438,7 @@ const ModalBaseHeader = forwardRef(
       {
         component: "header",
         ref,
-        className: clsx({ [classes$Q.header]: !ctx.unstyled }, className),
+        className: clsx({ [classes$S.header]: !ctx.unstyled }, className),
         ...others
       }
     );
@@ -12501,7 +12501,7 @@ const ModalBaseTitle = forwardRef(
       {
         component: "h2",
         ref,
-        className: clsx({ [classes$Q.title]: !ctx.unstyled }, className),
+        className: clsx({ [classes$S.title]: !ctx.unstyled }, className),
         ...others,
         id: id2
       }
@@ -12515,7 +12515,7 @@ function NativeScrollArea({ children }) {
 const [InputContext, useInputContext] = createOptionalContext({
   size: "sm"
 });
-var classes$P = { "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$R = { "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: classNames2, styles, ...others } = props;
@@ -12540,7 +12540,7 @@ const InputClearButton = factory((_props, ref) => {
   );
 });
 InputClearButton.displayName = "@mantine/core/InputClearButton";
-const clearSectionOffset = {
+const clearSectionOffset$1 = {
   xs: 7,
   sm: 8,
   md: 10,
@@ -12564,7 +12564,7 @@ function InputClearSection({
           display: "flex",
           gap: 2,
           alignItems: "center",
-          paddingInlineEnd: clearSectionOffset[size2]
+          paddingInlineEnd: clearSectionOffset$1[size2]
         },
         children: [
           clearSection,
@@ -12583,7 +12583,7 @@ const [InputWrapperProvider, useInputWrapperContext] = createOptionalContext({
   inputId: void 0,
   labelId: void 0
 });
-const varsResolver$P = createVarsResolver((_, { size: size2 }) => ({
+const varsResolver$R = createVarsResolver((_, { size: size2 }) => ({
   description: {
     "--input-description-size": size2 === void 0 ? void 0 : `calc(${getFontSize(size2)} - ${rem(2)})`
   }
@@ -12608,7 +12608,7 @@ const InputDescription = factory((_props, ref) => {
   const _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$P,
+    classes: classes$R,
     className,
     style,
     classNames: classNames2,
@@ -12617,7 +12617,7 @@ const InputDescription = factory((_props, ref) => {
     attributes,
     rootSelector: "description",
     vars,
-    varsResolver: varsResolver$P
+    varsResolver: varsResolver$R
   });
   const getStyles2 = __inheritStyles && ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsx(
@@ -12632,9 +12632,9 @@ const InputDescription = factory((_props, ref) => {
     }
   );
 });
-InputDescription.classes = classes$P;
+InputDescription.classes = classes$R;
 InputDescription.displayName = "@mantine/core/InputDescription";
-const varsResolver$O = createVarsResolver((_, { size: size2 }) => ({
+const varsResolver$Q = createVarsResolver((_, { size: size2 }) => ({
   error: {
     "--input-error-size": size2 === void 0 ? void 0 : `calc(${getFontSize(size2)} - ${rem(2)})`
   }
@@ -12658,7 +12658,7 @@ const InputError = factory((_props, ref) => {
   const _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$P,
+    classes: classes$R,
     className,
     style,
     classNames: classNames2,
@@ -12667,7 +12667,7 @@ const InputError = factory((_props, ref) => {
     attributes,
     rootSelector: "error",
     vars,
-    varsResolver: varsResolver$O
+    varsResolver: varsResolver$Q
   });
   const ctx = useInputWrapperContext();
   const getStyles2 = __inheritStyles && ctx?.getStyles || _getStyles;
@@ -12683,19 +12683,19 @@ const InputError = factory((_props, ref) => {
     }
   );
 });
-InputError.classes = classes$P;
+InputError.classes = classes$R;
 InputError.displayName = "@mantine/core/InputError";
-const defaultProps$$ = {
+const defaultProps$13 = {
   labelElement: "label"
 };
-const varsResolver$N = createVarsResolver((_, { size: size2 }) => ({
+const varsResolver$P = createVarsResolver((_, { size: size2 }) => ({
   label: {
     "--input-label-size": getFontSize(size2),
     "--input-asterisk-color": void 0
   }
 }));
 const InputLabel = factory((_props, ref) => {
-  const props = useProps("InputLabel", defaultProps$$, _props);
+  const props = useProps("InputLabel", defaultProps$13, _props);
   const {
     classNames: classNames2,
     className,
@@ -12714,11 +12714,11 @@ const InputLabel = factory((_props, ref) => {
     mod,
     attributes,
     ...others
-  } = useProps("InputLabel", defaultProps$$, props);
+  } = useProps("InputLabel", defaultProps$13, props);
   const _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$P,
+    classes: classes$R,
     className,
     style,
     classNames: classNames2,
@@ -12727,7 +12727,7 @@ const InputLabel = factory((_props, ref) => {
     attributes,
     rootSelector: "label",
     vars,
-    varsResolver: varsResolver$N
+    varsResolver: varsResolver$P
   });
   const ctx = useInputWrapperContext();
   const getStyles2 = ctx?.getStyles || _getStyles;
@@ -12755,7 +12755,7 @@ const InputLabel = factory((_props, ref) => {
     }
   );
 });
-InputLabel.classes = classes$P;
+InputLabel.classes = classes$R;
 InputLabel.displayName = "@mantine/core/InputLabel";
 const InputPlaceholder = factory((_props, ref) => {
   const props = useProps("InputPlaceholder", null, _props);
@@ -12776,7 +12776,7 @@ const InputPlaceholder = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: ["InputPlaceholder", __staticSelector],
     props,
-    classes: classes$P,
+    classes: classes$R,
     className,
     style,
     classNames: classNames2,
@@ -12797,7 +12797,7 @@ const InputPlaceholder = factory((_props, ref) => {
     }
   );
 });
-InputPlaceholder.classes = classes$P;
+InputPlaceholder.classes = classes$R;
 InputPlaceholder.displayName = "@mantine/core/InputPlaceholder";
 function getInputOffsets(inputWrapperOrder, { hasDescription, hasError }) {
   const inputIndex = inputWrapperOrder.findIndex((part) => part === "input");
@@ -12807,12 +12807,12 @@ function getInputOffsets(inputWrapperOrder, { hasDescription, hasError }) {
   const offsetBottom = hasDescription && belowInput.includes("description") || hasError && belowInput.includes("error");
   return { offsetBottom, offsetTop };
 }
-const defaultProps$_ = {
+const defaultProps$12 = {
   labelElement: "label",
   inputContainer: (children) => children,
   inputWrapperOrder: ["label", "description", "input", "error"]
 };
-const varsResolver$M = createVarsResolver((_, { size: size2 }) => ({
+const varsResolver$O = createVarsResolver((_, { size: size2 }) => ({
   label: {
     "--input-label-size": getFontSize(size2),
     "--input-asterisk-color": void 0
@@ -12825,7 +12825,7 @@ const varsResolver$M = createVarsResolver((_, { size: size2 }) => ({
   }
 }));
 const InputWrapper = factory((_props, ref) => {
-  const props = useProps("InputWrapper", defaultProps$_, _props);
+  const props = useProps("InputWrapper", defaultProps$12, _props);
   const {
     classNames: classNames2,
     className,
@@ -12857,7 +12857,7 @@ const InputWrapper = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: ["InputWrapper", __staticSelector],
     props: __stylesApiProps || props,
-    classes: classes$P,
+    classes: classes$R,
     className,
     style,
     classNames: classNames2,
@@ -12865,7 +12865,7 @@ const InputWrapper = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$M
+    varsResolver: varsResolver$O
   });
   const sharedProps = {
     size: size2,
@@ -12957,9 +12957,9 @@ const InputWrapper = factory((_props, ref) => {
     }
   );
 });
-InputWrapper.classes = classes$P;
+InputWrapper.classes = classes$R;
 InputWrapper.displayName = "@mantine/core/InputWrapper";
-const defaultProps$Z = {
+const defaultProps$11 = {
   variant: "default",
   leftSectionPointerEvents: "none",
   rightSectionPointerEvents: "none",
@@ -12967,7 +12967,7 @@ const defaultProps$Z = {
   withErrorStyles: true,
   size: "sm"
 };
-const varsResolver$L = createVarsResolver((_, props, ctx) => ({
+const varsResolver$N = 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,
@@ -12982,7 +12982,7 @@ const varsResolver$L = createVarsResolver((_, props, ctx) => ({
   }
 }));
 const Input = polymorphicFactory((_props, ref) => {
-  const props = useProps("Input", defaultProps$Z, _props);
+  const props = useProps("Input", defaultProps$11, _props);
   const {
     classNames: classNames2,
     className,
@@ -13026,7 +13026,7 @@ const Input = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: ["Input", __staticSelector],
     props: __stylesApiProps || props,
-    classes: classes$P,
+    classes: classes$R,
     className,
     style,
     classNames: classNames2,
@@ -13036,7 +13036,7 @@ const Input = polymorphicFactory((_props, ref) => {
     stylesCtx,
     rootSelector: "wrapper",
     vars,
-    varsResolver: varsResolver$L
+    varsResolver: varsResolver$N
   });
   const ariaAttributes = withAria ? {
     required: required2,
@@ -13114,7 +13114,7 @@ const Input = polymorphicFactory((_props, ref) => {
     }
   ) });
 });
-Input.classes = classes$P;
+Input.classes = classes$R;
 Input.Wrapper = InputWrapper;
 Input.Label = InputLabel;
 Input.Error = InputError;
@@ -13198,13 +13198,13 @@ function useInputProps(component, defaultProps2, _props) {
     }
   };
 }
-const defaultProps$Y = {
+const defaultProps$10 = {
   __staticSelector: "InputBase",
   withAria: true,
   size: "sm"
 };
 const InputBase = polymorphicFactory((props, ref) => {
-  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$Y, props);
+  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$10, props);
   return /* @__PURE__ */ jsx(Input.Wrapper, { ...wrapperProps, children: /* @__PURE__ */ jsx(Input, { ...inputProps, ...others, ref }) });
 });
 InputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };
@@ -13218,7 +13218,7 @@ const FLEX_STYLE_PROPS_DATA = {
   wrap: { type: "identity", property: "flexWrap" },
   direction: { type: "identity", property: "flexDirection" }
 };
-var classes$O = { "root": "m_8bffd616" };
+var classes$Q = { "root": "m_8bffd616" };
 const Flex = polymorphicFactory((_props, ref) => {
   const props = useProps("Flex", null, _props);
   const {
@@ -13240,7 +13240,7 @@ const Flex = polymorphicFactory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Flex",
-    classes: classes$O,
+    classes: classes$Q,
     props,
     className,
     style,
@@ -13279,9 +13279,9 @@ const Flex = polymorphicFactory((_props, ref) => {
     )
   ] });
 });
-Flex.classes = classes$O;
+Flex.classes = classes$Q;
 Flex.displayName = "@mantine/core/Flex";
-var classes$N = { "root": "m_96b553a6" };
+var classes$P = { "root": "m_96b553a6" };
 function isParent(parentElement, childElement) {
   if (!childElement || !parentElement) {
     return false;
@@ -13393,7 +13393,7 @@ function useFloatingIndicator({
   );
   return { initialized, hidden: hidden2 };
 }
-const varsResolver$K = createVarsResolver(
+const varsResolver$M = createVarsResolver(
   (_theme, { transitionDuration }) => ({
     root: {
       "--transition-duration": typeof transitionDuration === "number" ? `${transitionDuration}ms` : transitionDuration
@@ -13419,7 +13419,7 @@ const FloatingIndicator = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "FloatingIndicator",
-    classes: classes$N,
+    classes: classes$P,
     props,
     className,
     style,
@@ -13428,7 +13428,7 @@ const FloatingIndicator = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$K
+    varsResolver: varsResolver$M
   });
   const innerRef = useRef(null);
   const { initialized, hidden: hidden2 } = useFloatingIndicator({
@@ -13444,7 +13444,7 @@ const FloatingIndicator = factory((_props, ref) => {
   return /* @__PURE__ */ jsx(Box, { ref: mergedRef, mod: [{ initialized, hidden: hidden2 }, mod], ...getStyles2("root"), ...others });
 });
 FloatingIndicator.displayName = "@mantine/core/FloatingIndicator";
-FloatingIndicator.classes = classes$N;
+FloatingIndicator.classes = classes$P;
 function useDelayedHover({ open, close, openDelay, closeDelay }) {
   const openTimeout = useRef(-1);
   const closeTimeout = useRef(-1);
@@ -13493,8 +13493,8 @@ function AccordionChevron({ style, size: size2 = 16, ...others }) {
   );
 }
 AccordionChevron.displayName = "@mantine/core/AccordionChevron";
-var classes$M = { "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$J = createVarsResolver(
+var classes$O = { "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$L = createVarsResolver(
   (theme2, { radius, color, variant, autoContrast }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -13538,7 +13538,7 @@ const Alert$1 = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Alert",
-    classes: classes$M,
+    classes: classes$O,
     props,
     className,
     style,
@@ -13547,7 +13547,7 @@ const Alert$1 = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$J
+    varsResolver: varsResolver$L
   });
   const rootId = useId$1(id2);
   const titleId = title && `${rootId}-title` || void 0;
@@ -13585,9 +13585,9 @@ const Alert$1 = factory((_props, ref) => {
     }
   );
 });
-Alert$1.classes = classes$M;
+Alert$1.classes = classes$O;
 Alert$1.displayName = "@mantine/core/Alert";
-var classes$L = { "root": "m_b6d8b162" };
+var classes$N = { "root": "m_b6d8b162" };
 function getTextTruncate(truncate) {
   if (truncate === "start") {
     return "start";
@@ -13597,10 +13597,10 @@ function getTextTruncate(truncate) {
   }
   return void 0;
 }
-const defaultProps$X = {
+const defaultProps$$ = {
   inherit: false
 };
-const varsResolver$I = createVarsResolver(
+const varsResolver$K = createVarsResolver(
   // Will be removed in 9.0
   // eslint-disable-next-line @typescript-eslint/no-deprecated
   (theme2, { variant, lineClamp, gradient, size: size2, color }) => ({
@@ -13614,7 +13614,7 @@ const varsResolver$I = createVarsResolver(
   })
 );
 const Text = polymorphicFactory((_props, ref) => {
-  const props = useProps("Text", defaultProps$X, _props);
+  const props = useProps("Text", defaultProps$$, _props);
   const {
     lineClamp,
     truncate,
@@ -13638,7 +13638,7 @@ const Text = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: ["Text", __staticSelector],
     props,
-    classes: classes$L,
+    classes: classes$N,
     className,
     style,
     classNames: classNames2,
@@ -13646,7 +13646,7 @@ const Text = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$I
+    varsResolver: varsResolver$K
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -13669,16 +13669,16 @@ const Text = polymorphicFactory((_props, ref) => {
     }
   );
 });
-Text.classes = classes$L;
+Text.classes = classes$N;
 Text.displayName = "@mantine/core/Text";
-var classes$K = { "root": "m_849cf0da" };
-const defaultProps$W = {
+var classes$M = { "root": "m_849cf0da" };
+const defaultProps$_ = {
   underline: "hover"
 };
 const Anchor = polymorphicFactory((props, ref) => {
   const { underline, className, unstyled, mod, ...others } = useProps(
     "Anchor",
-    defaultProps$W,
+    defaultProps$_,
     props
   );
   return /* @__PURE__ */ jsx(
@@ -13686,7 +13686,7 @@ const Anchor = polymorphicFactory((props, ref) => {
     {
       component: "a",
       ref,
-      className: clsx({ [classes$K.root]: !unstyled }, className),
+      className: clsx({ [classes$M.root]: !unstyled }, className),
       ...others,
       mod: [{ underline }, mod],
       __staticSelector: "Anchor",
@@ -13694,12 +13694,12 @@ const Anchor = polymorphicFactory((props, ref) => {
     }
   );
 });
-Anchor.classes = classes$K;
+Anchor.classes = classes$M;
 Anchor.displayName = "@mantine/core/Anchor";
 const [AppShellProvider, useAppShellContext] = createSafeContext(
   "AppShell was not found in tree"
 );
-var classes$J = { "root": "m_89ab340", "navbar": "m_45252eee", "aside": "m_9cdde9a", "header": "m_3b16f56b", "main": "m_8983817", "footer": "m_3840c879", "section": "m_6dcfc7c7" };
+var classes$L = { "root": "m_89ab340", "navbar": "m_45252eee", "aside": "m_9cdde9a", "header": "m_3b16f56b", "main": "m_8983817", "footer": "m_3840c879", "section": "m_6dcfc7c7" };
 const AppShellAside = factory((_props, ref) => {
   const {
     classNames: classNames2,
@@ -13734,7 +13734,7 @@ const AppShellAside = factory((_props, ref) => {
     }
   );
 });
-AppShellAside.classes = classes$J;
+AppShellAside.classes = classes$L;
 AppShellAside.displayName = "@mantine/core/AppShellAside";
 const AppShellFooter = factory((_props, ref) => {
   const {
@@ -13770,7 +13770,7 @@ const AppShellFooter = factory((_props, ref) => {
     }
   );
 });
-AppShellFooter.classes = classes$J;
+AppShellFooter.classes = classes$L;
 AppShellFooter.displayName = "@mantine/core/AppShellFooter";
 const AppShellHeader = factory((_props, ref) => {
   const {
@@ -13806,7 +13806,7 @@ const AppShellHeader = factory((_props, ref) => {
     }
   );
 });
-AppShellHeader.classes = classes$J;
+AppShellHeader.classes = classes$L;
 AppShellHeader.displayName = "@mantine/core/AppShellHeader";
 const AppShellMain = factory((_props, ref) => {
   const { classNames: classNames2, className, style, styles, vars, ...others } = useProps(
@@ -13825,7 +13825,7 @@ const AppShellMain = factory((_props, ref) => {
     }
   );
 });
-AppShellMain.classes = classes$J;
+AppShellMain.classes = classes$L;
 AppShellMain.displayName = "@mantine/core/AppShellMain";
 function getBaseSize(size2) {
   if (typeof size2 === "object") {
@@ -14219,7 +14219,7 @@ const AppShellNavbar = factory((_props, ref) => {
     }
   );
 });
-AppShellNavbar.classes = classes$J;
+AppShellNavbar.classes = classes$L;
 AppShellNavbar.displayName = "@mantine/core/AppShellNavbar";
 const AppShellSection = polymorphicFactory((_props, ref) => {
   const { classNames: classNames2, className, style, styles, vars, grow, mod, ...others } = useProps(
@@ -14238,7 +14238,7 @@ const AppShellSection = polymorphicFactory((_props, ref) => {
     }
   );
 });
-AppShellSection.classes = classes$J;
+AppShellSection.classes = classes$L;
 AppShellSection.displayName = "@mantine/core/AppShellSection";
 function useResizing({ transitionDuration, disabled }) {
   const [resizing, setResizing] = useState(true);
@@ -14266,7 +14266,7 @@ function useResizing({ transitionDuration, disabled }) {
   }, [disabled, transitionDuration]);
   return resizing;
 }
-const defaultProps$V = {
+const defaultProps$Z = {
   withBorder: true,
   padding: 0,
   transitionDuration: 200,
@@ -14274,7 +14274,7 @@ const defaultProps$V = {
   zIndex: getDefaultZIndex("app"),
   mode: "fixed"
 };
-const varsResolver$H = createVarsResolver(
+const varsResolver$J = createVarsResolver(
   (_, { transitionDuration, transitionTimingFunction }) => ({
     root: {
       "--app-shell-transition-duration": `${transitionDuration}ms`,
@@ -14283,7 +14283,7 @@ const varsResolver$H = createVarsResolver(
   })
 );
 const AppShell = factory((_props, ref) => {
-  const props = useProps("AppShell", defaultProps$V, _props);
+  const props = useProps("AppShell", defaultProps$Z, _props);
   const {
     classNames: classNames2,
     className,
@@ -14311,7 +14311,7 @@ const AppShell = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "AppShell",
-    classes: classes$J,
+    classes: classes$L,
     props,
     className,
     style,
@@ -14320,7 +14320,7 @@ const AppShell = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$H
+    varsResolver: varsResolver$J
   });
   const resizing = useResizing({ disabled, transitionDuration });
   const _id = useId$1(id2);
@@ -14349,7 +14349,7 @@ const AppShell = factory((_props, ref) => {
     )
   ] });
 });
-AppShell.classes = classes$J;
+AppShell.classes = classes$L;
 AppShell.displayName = "@mantine/core/AppShell";
 AppShell.Navbar = AppShellNavbar;
 AppShell.Header = AppShellHeader;
@@ -14390,22 +14390,22 @@ function getOptionsLockup(options) {
     return acc;
   }, {});
 }
-var classes$I = { "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$U = {
+var classes$K = { "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$G = createVarsResolver((theme2, { size: size2, color }) => ({
+const varsResolver$I = createVarsResolver((theme2, { size: size2, color }) => ({
   chevron: {
     "--combobox-chevron-size": getSize(size2, "combobox-chevron-size"),
     "--combobox-chevron-color": color ? getThemeColor(color, theme2) : void 0
   }
 }));
 const ComboboxChevron = factory((_props, ref) => {
-  const props = useProps("ComboboxChevron", defaultProps$U, _props);
+  const props = useProps("ComboboxChevron", defaultProps$Y, _props);
   const { size: size2, error: error2, style, className, classNames: classNames2, styles, unstyled, vars, mod, ...others } = props;
   const getStyles2 = useStyles({
     name: "ComboboxChevron",
-    classes: classes$I,
+    classes: classes$K,
     props,
     style,
     className,
@@ -14413,7 +14413,7 @@ const ComboboxChevron = factory((_props, ref) => {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$G,
+    varsResolver: varsResolver$I,
     rootSelector: "chevron"
   });
   return /* @__PURE__ */ jsx(
@@ -14440,7 +14440,7 @@ const ComboboxChevron = factory((_props, ref) => {
     }
   );
 });
-ComboboxChevron.classes = classes$I;
+ComboboxChevron.classes = classes$K;
 ComboboxChevron.displayName = "@mantine/core/ComboboxChevron";
 const [ComboboxProvider, useComboboxContext] = createSafeContext(
   "Combobox component was not found in tree"
@@ -14483,13 +14483,13 @@ const ComboboxDropdown = factory((props, ref) => {
     }
   );
 });
-ComboboxDropdown.classes = classes$I;
+ComboboxDropdown.classes = classes$K;
 ComboboxDropdown.displayName = "@mantine/core/ComboboxDropdown";
-const defaultProps$T = {
+const defaultProps$X = {
   refProp: "ref"
 };
 const ComboboxDropdownTarget = factory((props, ref) => {
-  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$T, props);
+  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$X, props);
   useComboboxContext();
   if (!isElement$1(children)) {
     throw new Error(
@@ -14515,7 +14515,7 @@ const ComboboxEmpty = factory((props, ref) => {
     }
   );
 });
-ComboboxEmpty.classes = classes$I;
+ComboboxEmpty.classes = classes$K;
 ComboboxEmpty.displayName = "@mantine/core/ComboboxEmpty";
 function useComboboxTargetProps({
   onKeyDown,
@@ -14594,7 +14594,7 @@ function useComboboxTargetProps({
     onKeyDown: handleKeyDown
   };
 }
-const defaultProps$S = {
+const defaultProps$W = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: true,
@@ -14612,7 +14612,7 @@ const ComboboxEventsTarget = factory((props, ref) => {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxEventsTarget", defaultProps$S, props);
+  } = useProps("ComboboxEventsTarget", defaultProps$W, props);
   const child = getSingleElementChild(children);
   if (!child) {
     throw new Error(
@@ -14654,7 +14654,7 @@ const ComboboxFooter = factory((props, ref) => {
     }
   );
 });
-ComboboxFooter.classes = classes$I;
+ComboboxFooter.classes = classes$K;
 ComboboxFooter.displayName = "@mantine/core/ComboboxFooter";
 const ComboboxGroup = factory((props, ref) => {
   const { classNames: classNames2, className, style, styles, vars, children, label, id: id2, ...others } = useProps(
@@ -14679,7 +14679,7 @@ const ComboboxGroup = factory((props, ref) => {
     }
   );
 });
-ComboboxGroup.classes = classes$I;
+ComboboxGroup.classes = classes$K;
 ComboboxGroup.displayName = "@mantine/core/ComboboxGroup";
 const ComboboxHeader = factory((props, ref) => {
   const { classNames: classNames2, className, style, styles, vars, ...others } = useProps(
@@ -14700,7 +14700,7 @@ const ComboboxHeader = factory((props, ref) => {
     }
   );
 });
-ComboboxHeader.classes = classes$I;
+ComboboxHeader.classes = classes$K;
 ComboboxHeader.displayName = "@mantine/core/ComboboxHeader";
 function ComboboxHiddenInput({
   value,
@@ -14772,7 +14772,7 @@ const ComboboxOption = factory((_props, ref) => {
     }
   );
 });
-ComboboxOption.classes = classes$I;
+ComboboxOption.classes = classes$K;
 ComboboxOption.displayName = "@mantine/core/ComboboxOption";
 const ComboboxOptions = factory((_props, ref) => {
   const props = useProps("ComboboxOptions", null, _props);
@@ -14798,14 +14798,14 @@ const ComboboxOptions = factory((_props, ref) => {
     }
   );
 });
-ComboboxOptions.classes = classes$I;
+ComboboxOptions.classes = classes$K;
 ComboboxOptions.displayName = "@mantine/core/ComboboxOptions";
-const defaultProps$R = {
+const defaultProps$V = {
   withAriaAttributes: true,
   withKeyboardNavigation: true
 };
 const ComboboxSearch = factory((_props, ref) => {
-  const props = useProps("ComboboxSearch", defaultProps$R, _props);
+  const props = useProps("ComboboxSearch", defaultProps$V, _props);
   const {
     classNames: classNames2,
     styles,
@@ -14840,9 +14840,9 @@ const ComboboxSearch = factory((_props, ref) => {
     }
   );
 });
-ComboboxSearch.classes = classes$I;
+ComboboxSearch.classes = classes$K;
 ComboboxSearch.displayName = "@mantine/core/ComboboxSearch";
-const defaultProps$Q = {
+const defaultProps$U = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: true,
@@ -14860,7 +14860,7 @@ const ComboboxTarget = factory((props, ref) => {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxTarget", defaultProps$Q, props);
+  } = useProps("ComboboxTarget", defaultProps$U, props);
   const child = getSingleElementChild(children);
   if (!child) {
     throw new Error(
@@ -15109,7 +15109,7 @@ function useCombobox({
     focusTarget
   };
 }
-const defaultProps$P = {
+const defaultProps$T = {
   keepMounted: true,
   withinPortal: true,
   resetSelectionOnOptionHover: false,
@@ -15117,7 +15117,7 @@ const defaultProps$P = {
   transitionProps: { transition: "fade", duration: 0 },
   size: "sm"
 };
-const varsResolver$F = createVarsResolver((_, { size: size2, dropdownPadding }) => ({
+const varsResolver$H = createVarsResolver((_, { size: size2, dropdownPadding }) => ({
   options: {
     "--combobox-option-fz": getFontSize(size2),
     "--combobox-option-padding": getSize(size2, "combobox-option-padding")
@@ -15129,7 +15129,7 @@ const varsResolver$F = createVarsResolver((_, { size: size2, dropdownPadding })
   }
 }));
 function Combobox(_props) {
-  const props = useProps("Combobox", defaultProps$P, _props);
+  const props = useProps("Combobox", defaultProps$T, _props);
   const {
     classNames: classNames2,
     styles,
@@ -15151,14 +15151,14 @@ function Combobox(_props) {
   const store = controlledStore || uncontrolledStore;
   const getStyles2 = useStyles({
     name: __staticSelector || "Combobox",
-    classes: classes$I,
+    classes: classes$K,
     props,
     classNames: classNames2,
     styles,
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$F
+    varsResolver: varsResolver$H
   });
   const onDropdownClose = () => {
     onClose?.();
@@ -15192,7 +15192,7 @@ function Combobox(_props) {
 }
 const extendCombobox = (c) => c;
 Combobox.extend = extendCombobox;
-Combobox.classes = classes$I;
+Combobox.classes = classes$K;
 Combobox.displayName = "@mantine/core/Combobox";
 Combobox.Target = ComboboxTarget;
 Combobox.Dropdown = ComboboxDropdown;
@@ -15208,8 +15208,8 @@ Combobox.DropdownTarget = ComboboxDropdownTarget;
 Combobox.Group = ComboboxGroup;
 Combobox.ClearButton = ComboboxClearButton;
 Combobox.HiddenInput = ComboboxHiddenInput;
-var classes$H = { "root": "m_5f75b09e", "body": "m_5f6e695e", "labelWrapper": "m_d3ea56bb", "label": "m_8ee546b8", "description": "m_328f68c0", "error": "m_8e8a99cc" };
-const InlineInputClasses = classes$H;
+var classes$J = { "root": "m_5f75b09e", "body": "m_5f6e695e", "labelWrapper": "m_d3ea56bb", "label": "m_8ee546b8", "description": "m_328f68c0", "error": "m_8e8a99cc" };
+const InlineInputClasses = classes$J;
 const InlineInput = forwardRef(
   ({
     __staticSelector,
@@ -15240,7 +15240,7 @@ const InlineInput = forwardRef(
       props: __stylesApiProps,
       className,
       style,
-      classes: classes$H,
+      classes: classes$J,
       classNames: classNames2,
       styles,
       unstyled,
@@ -15289,22 +15289,22 @@ const InlineInput = forwardRef(
   }
 );
 InlineInput.displayName = "@mantine/core/InlineInput";
-var classes$G = { "root": "m_bf2d988c", "inner": "m_26062bec", "input": "m_26063560", "icon": "m_bf295423", "input--outline": "m_215c4542" };
+var classes$I = { "root": "m_bf2d988c", "inner": "m_26062bec", "input": "m_26063560", "icon": "m_bf295423", "input--outline": "m_215c4542" };
 const CheckboxGroupContext = createContext(null);
 const CheckboxGroupProvider = CheckboxGroupContext.Provider;
 const useCheckboxGroupContext = () => useContext(CheckboxGroupContext);
 const [CheckboxCardProvider, useCheckboxCardContext] = createOptionalContext();
-var classes$F = { "card": "m_26775b0a" };
-const defaultProps$O = {
+var classes$H = { "card": "m_26775b0a" };
+const defaultProps$S = {
   withBorder: true
 };
-const varsResolver$E = createVarsResolver((_, { radius }) => ({
+const varsResolver$G = createVarsResolver((_, { radius }) => ({
   card: {
     "--card-radius": getRadius(radius)
   }
 }));
 const CheckboxCard = factory((_props, ref) => {
-  const props = useProps("CheckboxCard", defaultProps$O, _props);
+  const props = useProps("CheckboxCard", defaultProps$S, _props);
   const {
     classNames: classNames2,
     className,
@@ -15324,7 +15324,7 @@ const CheckboxCard = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "CheckboxCard",
-    classes: classes$F,
+    classes: classes$H,
     props,
     className,
     style,
@@ -15333,7 +15333,7 @@ const CheckboxCard = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$E,
+    varsResolver: varsResolver$G,
     rootSelector: "card"
   });
   const ctx = useCheckboxGroupContext();
@@ -15362,7 +15362,7 @@ const CheckboxCard = factory((_props, ref) => {
   ) });
 });
 CheckboxCard.displayName = "@mantine/core/CheckboxCard";
-CheckboxCard.classes = classes$F;
+CheckboxCard.classes = classes$H;
 function InputsGroupFieldset({ children, role }) {
   const ctx = useInputWrapperContext();
   if (!ctx) {
@@ -15448,12 +15448,12 @@ function CheckboxIcon({ indeterminate, ...others }) {
   }
   return /* @__PURE__ */ jsx(CheckIcon, { ...others });
 }
-var classes$E = { "indicator": "m_5e5256ee", "icon": "m_1b1c543a", "indicator--outline": "m_76e20374" };
-const defaultProps$N = {
+var classes$G = { "indicator": "m_5e5256ee", "icon": "m_1b1c543a", "indicator--outline": "m_76e20374" };
+const defaultProps$R = {
   icon: CheckboxIcon,
   variant: "filled"
 };
-const varsResolver$D = createVarsResolver(
+const varsResolver$F = 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;
@@ -15468,7 +15468,7 @@ const varsResolver$D = createVarsResolver(
   }
 );
 const CheckboxIndicator = factory((_props, ref) => {
-  const props = useProps("CheckboxIndicator", defaultProps$N, _props);
+  const props = useProps("CheckboxIndicator", defaultProps$R, _props);
   const {
     classNames: classNames2,
     className,
@@ -15491,7 +15491,7 @@ const CheckboxIndicator = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "CheckboxIndicator",
-    classes: classes$E,
+    classes: classes$G,
     props,
     className,
     style,
@@ -15500,7 +15500,7 @@ const CheckboxIndicator = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$D,
+    varsResolver: varsResolver$F,
     rootSelector: "indicator"
   });
   const ctx = useCheckboxCardContext();
@@ -15518,13 +15518,13 @@ const CheckboxIndicator = factory((_props, ref) => {
   );
 });
 CheckboxIndicator.displayName = "@mantine/core/CheckboxIndicator";
-CheckboxIndicator.classes = classes$E;
-const defaultProps$M = {
+CheckboxIndicator.classes = classes$G;
+const defaultProps$Q = {
   labelPosition: "right",
   icon: CheckboxIcon,
   variant: "filled"
 };
-const varsResolver$C = createVarsResolver(
+const varsResolver$E = 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;
@@ -15539,7 +15539,7 @@ const varsResolver$C = createVarsResolver(
   }
 );
 const Checkbox$1 = factory((_props, forwardedRef) => {
-  const props = useProps("Checkbox", defaultProps$M, _props);
+  const props = useProps("Checkbox", defaultProps$Q, _props);
   const {
     classNames: classNames2,
     className,
@@ -15574,7 +15574,7 @@ const Checkbox$1 = factory((_props, forwardedRef) => {
   const getStyles2 = useStyles({
     name: "Checkbox",
     props,
-    classes: classes$G,
+    classes: classes$I,
     className,
     style,
     classNames: classNames2,
@@ -15582,7 +15582,7 @@ const Checkbox$1 = factory((_props, forwardedRef) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$C
+    varsResolver: varsResolver$E
   });
   const { styleProps, rest } = extractStyleProps(others);
   const uuid2 = useId$1(id2);
@@ -15649,7 +15649,7 @@ const Checkbox$1 = factory((_props, forwardedRef) => {
     }
   );
 });
-Checkbox$1.classes = { ...classes$G, ...InlineInputClasses };
+Checkbox$1.classes = { ...classes$I, ...InlineInputClasses };
 Checkbox$1.displayName = "@mantine/core/Checkbox";
 Checkbox$1.Group = CheckboxGroup;
 Checkbox$1.Indicator = CheckboxIndicator;
@@ -15740,7 +15740,7 @@ function Option({
 }) {
   if (!isOptionsGroup(data)) {
     const checked = isValueChecked(value, data.value);
-    const check2 = withCheckIcon && (checked ? /* @__PURE__ */ jsx(CheckIcon, { className: classes$I.optionsDropdownCheckIcon }) : withAlignedLabels ? /* @__PURE__ */ jsx("div", { className: classes$I.optionsDropdownCheckPlaceholder }) : null);
+    const check2 = withCheckIcon && (checked ? /* @__PURE__ */ jsx(CheckIcon, { className: classes$K.optionsDropdownCheckIcon }) : withAlignedLabels ? /* @__PURE__ */ jsx("div", { className: classes$K.optionsDropdownCheckPlaceholder }) : null);
     const defaultContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
       checkIconPosition === "left" && check2,
       /* @__PURE__ */ jsx("span", { children: data.label }),
@@ -15751,7 +15751,7 @@ function Option({
       {
         value: data.value,
         disabled: data.disabled,
-        className: clsx({ [classes$I.optionsDropdownOption]: !unstyled }),
+        className: clsx({ [classes$K.optionsDropdownOption]: !unstyled }),
         "data-reverse": checkIconPosition === "right" || void 0,
         "data-checked": checked || void 0,
         "aria-selected": checked,
@@ -15832,14 +15832,14 @@ function OptionsDropdown({
     isEmpty && nothingFoundMessage && /* @__PURE__ */ jsx(Combobox.Empty, { children: nothingFoundMessage })
   ] }) });
 }
-var classes$D = { "group": "m_11def92b", "root": "m_f85678b6", "image": "m_11f8ac07", "placeholder": "m_104cd71f" };
+var classes$F = { "group": "m_11def92b", "root": "m_f85678b6", "image": "m_11f8ac07", "placeholder": "m_104cd71f" };
 const AvatarGroupContext = createContext(null);
 const AvatarGroupProvider = AvatarGroupContext.Provider;
 function useAvatarGroupContext() {
   const ctx = useContext(AvatarGroupContext);
   return { withinGroup: !!ctx };
 }
-const varsResolver$B = createVarsResolver((_, { spacing: spacing2 }) => ({
+const varsResolver$D = createVarsResolver((_, { spacing: spacing2 }) => ({
   group: {
     "--ag-spacing": getSpacing(spacing2)
   }
@@ -15849,7 +15849,7 @@ const AvatarGroup = factory((_props, ref) => {
   const { classNames: classNames2, className, style, styles, unstyled, vars, spacing: spacing2, attributes, ...others } = props;
   const getStyles2 = useStyles({
     name: "AvatarGroup",
-    classes: classes$D,
+    classes: classes$F,
     props,
     className,
     style,
@@ -15858,12 +15858,12 @@ const AvatarGroup = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$B,
+    varsResolver: varsResolver$D,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsx(AvatarGroupProvider, { value: true, children: /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("group"), ...others }) });
 });
-AvatarGroup.classes = classes$D;
+AvatarGroup.classes = classes$F;
 AvatarGroup.displayName = "@mantine/core/AvatarGroup";
 function AvatarPlaceholderIcon(props) {
   return /* @__PURE__ */ jsx(
@@ -15920,7 +15920,7 @@ function getInitials$1(name, limit = 2) {
   }
   return splitted.map((word) => word[0]).slice(0, limit).join("").toUpperCase();
 }
-const varsResolver$A = createVarsResolver(
+const varsResolver$C = 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({
@@ -15969,7 +15969,7 @@ const Avatar$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Avatar",
     props,
-    classes: classes$D,
+    classes: classes$F,
     className,
     style,
     classNames: classNames2,
@@ -15977,7 +15977,7 @@ const Avatar$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$A
+    varsResolver: varsResolver$C
   });
   useEffect(() => setError(!src), [src]);
   return /* @__PURE__ */ jsx(
@@ -16003,11 +16003,11 @@ const Avatar$1 = polymorphicFactory((_props, ref) => {
     }
   );
 });
-Avatar$1.classes = classes$D;
+Avatar$1.classes = classes$F;
 Avatar$1.displayName = "@mantine/core/Avatar";
 Avatar$1.Group = AvatarGroup;
-var classes$C = { "root": "m_347db0ec", "root--dot": "m_fbd81e3d", "label": "m_5add502a", "section": "m_91fdda9b" };
-const varsResolver$z = createVarsResolver(
+var classes$E = { "root": "m_347db0ec", "root--dot": "m_fbd81e3d", "label": "m_5add502a", "section": "m_91fdda9b" };
+const varsResolver$B = createVarsResolver(
   (theme2, { radius, color, gradient, variant, size: size2, autoContrast, circle }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -16056,7 +16056,7 @@ const Badge$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Badge",
     props,
-    classes: classes$C,
+    classes: classes$E,
     className,
     style,
     classNames: classNames2,
@@ -16064,7 +16064,7 @@ const Badge$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$z
+    varsResolver: varsResolver$B
   });
   return /* @__PURE__ */ jsxs(
     Box,
@@ -16090,10 +16090,10 @@ const Badge$1 = polymorphicFactory((_props, ref) => {
     }
   );
 });
-Badge$1.classes = classes$C;
+Badge$1.classes = classes$E;
 Badge$1.displayName = "@mantine/core/Badge";
-var classes$B = { "root": "m_fea6bf1a", "burger": "m_d4fb9cad" };
-const varsResolver$y = createVarsResolver(
+var classes$D = { "root": "m_fea6bf1a", "burger": "m_d4fb9cad" };
+const varsResolver$A = createVarsResolver(
   (theme2, { color, size: size2, lineSize, transitionDuration, transitionTimingFunction }) => ({
     root: {
       "--burger-color": color ? getThemeColor(color, theme2) : void 0,
@@ -16123,7 +16123,7 @@ const Burger = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Burger",
-    classes: classes$B,
+    classes: classes$D,
     props,
     className,
     style,
@@ -16132,24 +16132,24 @@ const Burger = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$y
+    varsResolver: varsResolver$A
   });
   return /* @__PURE__ */ jsxs(UnstyledButton, { ...getStyles2("root"), ref, ...others, children: [
     /* @__PURE__ */ jsx(Box, { mod: ["reduce-motion", { opened }], ...getStyles2("burger") }),
     children
   ] });
 });
-Burger.classes = classes$B;
+Burger.classes = classes$D;
 Burger.displayName = "@mantine/core/Burger";
-var classes$A = { "root": "m_77c9d27d", "inner": "m_80f1301b", "label": "m_811560b9", "section": "m_a74036a", "loader": "m_a25b86ee", "group": "m_80d6d844", "groupSection": "m_70be2a01" };
-const defaultProps$L = {
+var classes$C = { "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$x = createVarsResolver((_, { borderWidth }) => ({
+const varsResolver$z = createVarsResolver((_, { borderWidth }) => ({
   group: { "--button-border-width": rem(borderWidth) }
 }));
 const ButtonGroup = factory((_props, ref) => {
-  const props = useProps("ButtonGroup", defaultProps$L, _props);
+  const props = useProps("ButtonGroup", defaultProps$P, _props);
   const {
     className,
     style,
@@ -16163,11 +16163,11 @@ const ButtonGroup = factory((_props, ref) => {
     mod,
     attributes,
     ...others
-  } = useProps("ButtonGroup", defaultProps$L, _props);
+  } = useProps("ButtonGroup", defaultProps$P, _props);
   const getStyles2 = useStyles({
     name: "ButtonGroup",
     props,
-    classes: classes$A,
+    classes: classes$C,
     className,
     style,
     classNames: classNames2,
@@ -16175,7 +16175,7 @@ const ButtonGroup = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$x,
+    varsResolver: varsResolver$z,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsx(
@@ -16190,9 +16190,9 @@ const ButtonGroup = factory((_props, ref) => {
     }
   );
 });
-ButtonGroup.classes = classes$A;
+ButtonGroup.classes = classes$C;
 ButtonGroup.displayName = "@mantine/core/ButtonGroup";
-const varsResolver$w = createVarsResolver(
+const varsResolver$y = createVarsResolver(
   (theme2, { radius, color, gradient, variant, autoContrast, size: size2 }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -16233,7 +16233,7 @@ const ButtonGroupSection = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "ButtonGroupSection",
     props,
-    classes: classes$A,
+    classes: classes$C,
     className,
     style,
     classNames: classNames2,
@@ -16241,12 +16241,12 @@ const ButtonGroupSection = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$w,
+    varsResolver: varsResolver$y,
     rootSelector: "groupSection"
   });
   return /* @__PURE__ */ jsx(Box, { ...getStyles2("groupSection"), ref, variant, ...others });
 });
-ButtonGroupSection.classes = classes$A;
+ButtonGroupSection.classes = classes$C;
 ButtonGroupSection.displayName = "@mantine/core/ButtonGroupSection";
 const loaderTransition = {
   in: { opacity: 1, transform: `translate(-50%, calc(-50% + ${rem(1)}))` },
@@ -16254,7 +16254,7 @@ const loaderTransition = {
   common: { transformOrigin: "center" },
   transitionProperty: "transform, opacity"
 };
-const varsResolver$v = createVarsResolver(
+const varsResolver$x = createVarsResolver(
   (theme2, { radius, color, gradient, variant, size: size2, justify, autoContrast }) => {
     const colors2 = theme2.variantColorResolver({
       color: color || theme2.primaryColor,
@@ -16308,7 +16308,7 @@ const Button$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Button",
     props,
-    classes: classes$A,
+    classes: classes$C,
     className,
     style,
     classNames: classNames2,
@@ -16316,7 +16316,7 @@ const Button$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$v
+    varsResolver: varsResolver$x
   });
   const hasLeftSection = !!leftSection;
   const hasRightSection = !!rightSection;
@@ -16357,14 +16357,14 @@ const Button$1 = polymorphicFactory((_props, ref) => {
     }
   );
 });
-Button$1.classes = classes$A;
+Button$1.classes = classes$C;
 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$z = { "root": "m_e615b15f", "section": "m_599a2148" };
+var classes$B = { "root": "m_e615b15f", "section": "m_599a2148" };
 const CardSection = polymorphicFactory((_props, ref) => {
   const props = useProps("CardSection", null, _props);
   const { classNames: classNames2, className, style, styles, vars, withBorder, inheritPadding, mod, ...others } = props;
@@ -16379,9 +16379,9 @@ const CardSection = polymorphicFactory((_props, ref) => {
     }
   );
 });
-CardSection.classes = classes$z;
+CardSection.classes = classes$B;
 CardSection.displayName = "@mantine/core/CardSection";
-const varsResolver$u = createVarsResolver((_, { padding }) => ({
+const varsResolver$w = createVarsResolver((_, { padding }) => ({
   root: {
     "--card-padding": getSpacing(padding)
   }
@@ -16403,7 +16403,7 @@ const Card$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Card",
     props,
-    classes: classes$z,
+    classes: classes$B,
     className,
     style,
     classNames: classNames2,
@@ -16411,7 +16411,7 @@ const Card$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$u
+    varsResolver: varsResolver$w
   });
   const _children = Children.toArray(children);
   const content = _children.map((child, index2) => {
@@ -16425,10 +16425,10 @@ const Card$1 = polymorphicFactory((_props, ref) => {
   });
   return /* @__PURE__ */ jsx(CardProvider, { value: { getStyles: getStyles2 }, children: /* @__PURE__ */ jsx(Paper, { ref, unstyled, ...getStyles2("root"), ...others, children: content }) });
 });
-Card$1.classes = classes$z;
+Card$1.classes = classes$B;
 Card$1.displayName = "@mantine/core/Card";
 Card$1.Section = CardSection;
-var classes$y = { "root": "m_4451eb3a" };
+var classes$A = { "root": "m_4451eb3a" };
 const Center = polymorphicFactory((_props, ref) => {
   const props = useProps("Center", null, _props);
   const {
@@ -16446,7 +16446,7 @@ const Center = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Center",
     props,
-    classes: classes$y,
+    classes: classes$A,
     className,
     style,
     classNames: classNames2,
@@ -16457,10 +16457,10 @@ const Center = polymorphicFactory((_props, ref) => {
   });
   return /* @__PURE__ */ jsx(Box, { ref, mod: [{ inline: inline2 }, mod], ...getStyles2("root"), ...others });
 });
-Center.classes = classes$y;
+Center.classes = classes$A;
 Center.displayName = "@mantine/core/Center";
-var classes$x = { "root": "m_7485cace" };
-const varsResolver$t = createVarsResolver((_, { size: size2, fluid }) => ({
+var classes$z = { "root": "m_7485cace" };
+const varsResolver$v = createVarsResolver((_, { size: size2, fluid }) => ({
   root: {
     "--container-size": fluid ? void 0 : getSize(size2, "container-size")
   }
@@ -16482,7 +16482,7 @@ const Container = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Container",
-    classes: classes$x,
+    classes: classes$z,
     props,
     className,
     style,
@@ -16491,7 +16491,7 @@ const Container = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$t
+    varsResolver: varsResolver$v
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -16503,13 +16503,13 @@ const Container = factory((_props, ref) => {
     }
   );
 });
-Container.classes = classes$x;
+Container.classes = classes$z;
 Container.displayName = "@mantine/core/Container";
-var classes$w = { "root": "m_3eebeb36", "label": "m_9e365f20" };
-const defaultProps$K = {
+var classes$y = { "root": "m_3eebeb36", "label": "m_9e365f20" };
+const defaultProps$O = {
   orientation: "horizontal"
 };
-const varsResolver$s = createVarsResolver((theme2, { color, variant, size: size2 }) => ({
+const varsResolver$u = createVarsResolver((theme2, { color, variant, size: size2 }) => ({
   root: {
     "--divider-color": color ? getThemeColor(color, theme2) : void 0,
     "--divider-border-style": variant,
@@ -16517,7 +16517,7 @@ const varsResolver$s = createVarsResolver((theme2, { color, variant, size: size2
   }
 }));
 const Divider = factory((_props, ref) => {
-  const props = useProps("Divider", defaultProps$K, _props);
+  const props = useProps("Divider", defaultProps$O, _props);
   const {
     classNames: classNames2,
     className,
@@ -16535,7 +16535,7 @@ const Divider = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Divider",
-    classes: classes$w,
+    classes: classes$y,
     props,
     className,
     style,
@@ -16544,7 +16544,7 @@ const Divider = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$s
+    varsResolver: varsResolver$u
   });
   return /* @__PURE__ */ jsx(
     Box,
@@ -16558,9 +16558,9 @@ const Divider = factory((_props, ref) => {
     }
   );
 });
-Divider.classes = classes$w;
+Divider.classes = classes$y;
 Divider.displayName = "@mantine/core/Divider";
-var classes$v = { "root": "m_f11b401e", "header": "m_5a7c2c9", "content": "m_b8a05bbd", "inner": "m_31cd769a" };
+var classes$x = { "root": "m_f11b401e", "header": "m_5a7c2c9", "content": "m_b8a05bbd", "inner": "m_31cd769a" };
 const [DrawerProvider, useDrawerContext] = createSafeContext(
   "Drawer component was not found in tree"
 );
@@ -16577,7 +16577,7 @@ const DrawerBody = factory((_props, ref) => {
     }
   );
 });
-DrawerBody.classes = classes$v;
+DrawerBody.classes = classes$x;
 DrawerBody.displayName = "@mantine/core/DrawerBody";
 const DrawerCloseButton = factory((_props, ref) => {
   const props = useProps("DrawerCloseButton", null, _props);
@@ -16592,7 +16592,7 @@ const DrawerCloseButton = factory((_props, ref) => {
     }
   );
 });
-DrawerCloseButton.classes = classes$v;
+DrawerCloseButton.classes = classes$x;
 DrawerCloseButton.displayName = "@mantine/core/DrawerCloseButton";
 const DrawerContent = factory((_props, ref) => {
   const props = useProps("DrawerContent", null, _props);
@@ -16612,7 +16612,7 @@ const DrawerContent = factory((_props, ref) => {
     }
   );
 });
-DrawerContent.classes = classes$v;
+DrawerContent.classes = classes$x;
 DrawerContent.displayName = "@mantine/core/DrawerContent";
 const DrawerHeader = factory((_props, ref) => {
   const props = useProps("DrawerHeader", null, _props);
@@ -16627,7 +16627,7 @@ const DrawerHeader = factory((_props, ref) => {
     }
   );
 });
-DrawerHeader.classes = classes$v;
+DrawerHeader.classes = classes$x;
 DrawerHeader.displayName = "@mantine/core/DrawerHeader";
 const DrawerOverlay = factory((_props, ref) => {
   const props = useProps("DrawerOverlay", null, _props);
@@ -16642,7 +16642,7 @@ const DrawerOverlay = factory((_props, ref) => {
     }
   );
 });
-DrawerOverlay.classes = classes$v;
+DrawerOverlay.classes = classes$x;
 DrawerOverlay.displayName = "@mantine/core/DrawerOverlay";
 function getDrawerAlign(position) {
   switch (position) {
@@ -16672,7 +16672,7 @@ const rtlTransitions = {
   right: "slide-right",
   left: "slide-left"
 };
-const defaultProps$J = {
+const defaultProps$N = {
   closeOnClickOutside: true,
   withinPortal: true,
   lockScroll: true,
@@ -16683,7 +16683,7 @@ const defaultProps$J = {
   zIndex: getDefaultZIndex("modal"),
   position: "left"
 };
-const varsResolver$r = createVarsResolver((_, { position, size: size2, offset: offset2 }) => ({
+const varsResolver$t = createVarsResolver((_, { position, size: size2, offset: offset2 }) => ({
   root: {
     "--drawer-size": getSize(size2, "drawer-size"),
     "--drawer-flex": getDrawerFlex(position),
@@ -16694,7 +16694,7 @@ const varsResolver$r = createVarsResolver((_, { position, size: size2, offset: o
   }
 }));
 const DrawerRoot = factory((_props, ref) => {
-  const props = useProps("DrawerRoot", defaultProps$J, _props);
+  const props = useProps("DrawerRoot", defaultProps$N, _props);
   const {
     classNames: classNames2,
     className,
@@ -16712,7 +16712,7 @@ const DrawerRoot = factory((_props, ref) => {
   const { dir } = useDirection();
   const getStyles2 = useStyles({
     name: "Drawer",
-    classes: classes$v,
+    classes: classes$x,
     props,
     className,
     style,
@@ -16721,7 +16721,7 @@ const DrawerRoot = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$r
+    varsResolver: varsResolver$t
   });
   const drawerTransition = (dir === "rtl" ? rtlTransitions : transitions)[position];
   return /* @__PURE__ */ jsx(DrawerProvider, { value: { scrollAreaComponent, getStyles: getStyles2, radius }, children: /* @__PURE__ */ jsx(
@@ -16736,7 +16736,7 @@ const DrawerRoot = factory((_props, ref) => {
     }
   ) });
 });
-DrawerRoot.classes = classes$v;
+DrawerRoot.classes = classes$x;
 DrawerRoot.displayName = "@mantine/core/DrawerRoot";
 const [DrawerStackProvider, useDrawerStackContext] = createOptionalContext();
 function DrawerStack({ children }) {
@@ -16776,9 +16776,9 @@ const DrawerTitle = factory((_props, ref) => {
     }
   );
 });
-DrawerTitle.classes = classes$v;
+DrawerTitle.classes = classes$x;
 DrawerTitle.displayName = "@mantine/core/DrawerTitle";
-const defaultProps$I = {
+const defaultProps$M = {
   closeOnClickOutside: true,
   withinPortal: true,
   lockScroll: true,
@@ -16802,7 +16802,7 @@ const Drawer$1 = factory((_props, ref) => {
     stackId,
     zIndex,
     ...others
-  } = useProps("Drawer", defaultProps$I, _props);
+  } = useProps("Drawer", defaultProps$M, _props);
   const ctx = useDrawerStackContext();
   const hasHeader = !!title || withCloseButton;
   const stackProps = ctx && stackId ? {
@@ -16844,7 +16844,7 @@ const Drawer$1 = factory((_props, ref) => {
     }
   );
 });
-Drawer$1.classes = classes$v;
+Drawer$1.classes = classes$x;
 Drawer$1.displayName = "@mantine/core/Drawer";
 Drawer$1.Root = DrawerRoot;
 Drawer$1.Overlay = DrawerOverlay;
@@ -16857,7 +16857,7 @@ Drawer$1.Stack = DrawerStack;
 const [GridProvider, useGridContext] = createSafeContext(
   "Grid component was not found in tree"
 );
-var classes$u = { "container": "m_8478a6da", "root": "m_410352e9", "inner": "m_dee7bd2f", "col": "m_96bdd299" };
+var classes$w = { "container": "m_8478a6da", "root": "m_410352e9", "inner": "m_dee7bd2f", "col": "m_96bdd299" };
 const getColumnFlexBasis = (colSpan, columns) => {
   if (colSpan === "content") {
     return "auto";
@@ -16939,11 +16939,11 @@ function GridColVariables({ span, order, offset: offset2, selector }) {
     }
   );
 }
-const defaultProps$H = {
+const defaultProps$L = {
   span: 12
 };
 const GridCol = factory((_props, ref) => {
-  const props = useProps("GridCol", defaultProps$H, _props);
+  const props = useProps("GridCol", defaultProps$L, _props);
   const { classNames: classNames2, className, style, styles, vars, span, order, offset: offset2, ...others } = props;
   const ctx = useGridContext();
   const responsiveClassName = useRandomClassName();
@@ -16972,7 +16972,7 @@ const GridCol = factory((_props, ref) => {
     )
   ] });
 });
-GridCol.classes = classes$u;
+GridCol.classes = classes$w;
 GridCol.displayName = "@mantine/core/GridCol";
 function GridVariables({ gutter, selector, breakpoints, type }) {
   const theme2 = useMantineTheme();
@@ -17009,12 +17009,12 @@ function GridVariables({ gutter, selector, breakpoints, type }) {
     }
   );
 }
-const defaultProps$G = {
+const defaultProps$K = {
   gutter: "md",
   grow: false,
   columns: 12
 };
-const varsResolver$q = createVarsResolver((_, { justify, align, overflow }) => ({
+const varsResolver$s = createVarsResolver((_, { justify, align, overflow }) => ({
   root: {
     "--grid-justify": justify,
     "--grid-align": align,
@@ -17022,7 +17022,7 @@ const varsResolver$q = createVarsResolver((_, { justify, align, overflow }) => (
   }
 }));
 const Grid = factory((_props, ref) => {
-  const props = useProps("Grid", defaultProps$G, _props);
+  const props = useProps("Grid", defaultProps$K, _props);
   const {
     classNames: classNames2,
     className,
@@ -17043,7 +17043,7 @@ const Grid = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Grid",
-    classes: classes$u,
+    classes: classes$w,
     props,
     className,
     style,
@@ -17052,7 +17052,7 @@ const Grid = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$q
+    varsResolver: varsResolver$s
   });
   const responsiveClassName = useRandomClassName();
   if (type === "container" && breakpoints) {
@@ -17066,7 +17066,7 @@ const Grid = factory((_props, ref) => {
     /* @__PURE__ */ jsx(Box, { ref, ...getStyles2("root", { className: responsiveClassName }), ...others, children: /* @__PURE__ */ jsx("div", { ...getStyles2("inner"), children }) })
   ] });
 });
-Grid.classes = classes$u;
+Grid.classes = classes$w;
 Grid.displayName = "@mantine/core/Grid";
 Grid.Col = GridCol;
 var index$3 = useLayoutEffect;
@@ -17303,13 +17303,13 @@ var TextareaAutosize = function TextareaAutosize2(_ref, userRef) {
   }
 };
 var index$2 = /* @__PURE__ */ React.forwardRef(TextareaAutosize);
-const defaultProps$F = {
+const defaultProps$J = {
   size: "sm"
 };
 const Textarea$1 = factory((props, ref) => {
   const { autosize, maxRows, minRows, __staticSelector, resize, ...others } = useProps(
     "Textarea",
-    defaultProps$F,
+    defaultProps$J,
     props
   );
   const shouldAutosize = autosize && getEnv() !== "test";
@@ -17333,7 +17333,7 @@ Textarea$1.displayName = "@mantine/core/Textarea";
 const [MenuContextProvider, useMenuContext] = createSafeContext(
   "Menu component was not found in the tree"
 );
-var classes$t = { "dropdown": "m_dc9b7c9f", "label": "m_9bfac126", "divider": "m_efdf90cb", "item": "m_99ac2aa1", "itemLabel": "m_5476e0d3", "itemSection": "m_8b75e504", "chevron": "m_b85b0bed" };
+var classes$v = { "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: classNames2, className, style, styles, vars, ...others } = useProps(
     "MenuDivider",
@@ -17350,7 +17350,7 @@ const MenuDivider = factory((props, ref) => {
     }
   );
 });
-MenuDivider.classes = classes$t;
+MenuDivider.classes = classes$v;
 MenuDivider.displayName = "@mantine/core/MenuDivider";
 const MenuDropdown = factory((props, ref) => {
   const {
@@ -17407,7 +17407,7 @@ const MenuDropdown = factory((props, ref) => {
     }
   );
 });
-MenuDropdown.classes = classes$t;
+MenuDropdown.classes = classes$v;
 MenuDropdown.displayName = "@mantine/core/MenuDropdown";
 const [SubMenuProvider, useSubMenuContext] = createOptionalContext();
 const MenuItem = polymorphicFactory((props, ref) => {
@@ -17486,7 +17486,7 @@ const MenuItem = polymorphicFactory((props, ref) => {
     }
   );
 });
-MenuItem.classes = classes$t;
+MenuItem.classes = classes$v;
 MenuItem.displayName = "@mantine/core/MenuItem";
 const MenuLabel = factory((props, ref) => {
   const { classNames: classNames2, className, style, styles, vars, ...others } = useProps(
@@ -17504,7 +17504,7 @@ const MenuLabel = factory((props, ref) => {
     }
   );
 });
-MenuLabel.classes = classes$t;
+MenuLabel.classes = classes$v;
 MenuLabel.displayName = "@mantine/core/MenuLabel";
 const MenuSubDropdown = factory((props, ref) => {
   const {
@@ -17546,7 +17546,7 @@ const MenuSubDropdown = factory((props, ref) => {
     }
   );
 });
-MenuSubDropdown.classes = classes$t;
+MenuSubDropdown.classes = classes$v;
 MenuSubDropdown.displayName = "@mantine/core/MenuSubDropdown";
 const MenuSubItem = polymorphicFactory((props, ref) => {
   const {
@@ -17628,7 +17628,7 @@ const MenuSubItem = polymorphicFactory((props, ref) => {
     }
   );
 });
-MenuSubItem.classes = classes$t;
+MenuSubItem.classes = classes$v;
 MenuSubItem.displayName = "@mantine/core/MenuSubItem";
 function MenuSubTarget({ children, refProp }) {
   if (!isElement$1(children)) {
@@ -17640,7 +17640,7 @@ function MenuSubTarget({ children, refProp }) {
   return /* @__PURE__ */ jsx(Popover.Target, { refProp, popupType: "menu", children });
 }
 MenuSubTarget.displayName = "@mantine/core/MenuSubTarget";
-const defaultProps$E = {
+const defaultProps$I = {
   offset: 0,
   position: "right-start",
   transitionProps: { duration: 0 },
@@ -17653,7 +17653,7 @@ const defaultProps$E = {
   }
 };
 function MenuSub(_props) {
-  const { children, closeDelay, openDelay, ...others } = useProps("MenuSub", defaultProps$E, _props);
+  const { children, closeDelay, openDelay, ...others } = useProps("MenuSub", defaultProps$I, _props);
   const id2 = useId$1();
   const [opened, { open, close }] = useDisclosure(false);
   const ctx = useSubMenuContext();
@@ -17689,11 +17689,11 @@ MenuSub.displayName = "@mantine/core/MenuSub";
 MenuSub.Target = MenuSubTarget;
 MenuSub.Dropdown = MenuSubDropdown;
 MenuSub.Item = MenuSubItem;
-const defaultProps$D = {
+const defaultProps$H = {
   refProp: "ref"
 };
 const MenuTarget = forwardRef((props, ref) => {
-  const { children, refProp, ...others } = useProps("MenuTarget", defaultProps$D, props);
+  const { children, refProp, ...others } = useProps("MenuTarget", defaultProps$H, props);
   const child = getSingleElementChild(children);
   if (!child) {
     throw new Error(
@@ -17731,7 +17731,7 @@ const MenuTarget = forwardRef((props, ref) => {
   }) });
 });
 MenuTarget.displayName = "@mantine/core/MenuTarget";
-const defaultProps$C = {
+const defaultProps$G = {
   trapFocus: true,
   closeOnItemClick: true,
   withInitialFocusPlaceholder: true,
@@ -17743,7 +17743,7 @@ const defaultProps$C = {
   menuItemTabIndex: -1
 };
 function Menu$1(_props) {
-  const props = useProps("Menu", defaultProps$C, _props);
+  const props = useProps("Menu", defaultProps$G, _props);
   const {
     children,
     onOpen,
@@ -17771,7 +17771,7 @@ function Menu$1(_props) {
   } = props;
   const getStyles2 = useStyles({
     name: "Menu",
-    classes: classes$t,
+    classes: classes$v,
     props,
     classNames: classNames2,
     styles,
@@ -17848,7 +17848,7 @@ function Menu$1(_props) {
 }
 Menu$1.extend = (input) => input;
 Menu$1.withProps = getWithProps(Menu$1);
-Menu$1.classes = classes$t;
+Menu$1.classes = classes$v;
 Menu$1.displayName = "@mantine/core/Menu";
 Menu$1.Item = MenuItem;
 Menu$1.Label = MenuLabel;
@@ -17856,7 +17856,7 @@ Menu$1.Dropdown = MenuDropdown;
 Menu$1.Target = MenuTarget;
 Menu$1.Divider = MenuDivider;
 Menu$1.Sub = MenuSub;
-var classes$s = { "root": "m_9df02822", "content": "m_54c44539", "inner": "m_1f958f16", "header": "m_d0e2b9cd" };
+var classes$u = { "root": "m_9df02822", "content": "m_54c44539", "inner": "m_1f958f16", "header": "m_d0e2b9cd" };
 const [ModalProvider, useModalContext] = createSafeContext(
   "Modal component was not found in tree"
 );
@@ -17873,7 +17873,7 @@ const ModalBody = factory((_props, ref) => {
     }
   );
 });
-ModalBody.classes = classes$s;
+ModalBody.classes = classes$u;
 ModalBody.displayName = "@mantine/core/ModalBody";
 const ModalCloseButton = factory((_props, ref) => {
   const props = useProps("ModalCloseButton", null, _props);
@@ -17888,7 +17888,7 @@ const ModalCloseButton = factory((_props, ref) => {
     }
   );
 });
-ModalCloseButton.classes = classes$s;
+ModalCloseButton.classes = classes$u;
 ModalCloseButton.displayName = "@mantine/core/ModalCloseButton";
 const ModalContent = factory((_props, ref) => {
   const props = useProps("ModalContent", null, _props);
@@ -17917,7 +17917,7 @@ const ModalContent = factory((_props, ref) => {
     }
   );
 });
-ModalContent.classes = classes$s;
+ModalContent.classes = classes$u;
 ModalContent.displayName = "@mantine/core/ModalContent";
 const ModalHeader = factory((_props, ref) => {
   const props = useProps("ModalHeader", null, _props);
@@ -17932,7 +17932,7 @@ const ModalHeader = factory((_props, ref) => {
     }
   );
 });
-ModalHeader.classes = classes$s;
+ModalHeader.classes = classes$u;
 ModalHeader.displayName = "@mantine/core/ModalHeader";
 const ModalOverlay = factory((_props, ref) => {
   const props = useProps("ModalOverlay", null, _props);
@@ -17947,9 +17947,9 @@ const ModalOverlay = factory((_props, ref) => {
     }
   );
 });
-ModalOverlay.classes = classes$s;
+ModalOverlay.classes = classes$u;
 ModalOverlay.displayName = "@mantine/core/ModalOverlay";
-const defaultProps$B = {
+const defaultProps$F = {
   __staticSelector: "Modal",
   closeOnClickOutside: true,
   withinPortal: true,
@@ -17962,7 +17962,7 @@ const defaultProps$B = {
   transitionProps: { duration: 200, transition: "fade-down" },
   yOffset: "5dvh"
 };
-const varsResolver$p = createVarsResolver(
+const varsResolver$r = createVarsResolver(
   (_, { radius, size: size2, yOffset, xOffset }) => ({
     root: {
       "--modal-radius": radius === void 0 ? void 0 : getRadius(radius),
@@ -17973,7 +17973,7 @@ const varsResolver$p = createVarsResolver(
   })
 );
 const ModalRoot = factory((_props, ref) => {
-  const props = useProps("ModalRoot", defaultProps$B, _props);
+  const props = useProps("ModalRoot", defaultProps$F, _props);
   const {
     classNames: classNames2,
     className,
@@ -17993,7 +17993,7 @@ const ModalRoot = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: __staticSelector,
-    classes: classes$s,
+    classes: classes$u,
     props,
     className,
     style,
@@ -18002,7 +18002,7 @@ const ModalRoot = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$p
+    varsResolver: varsResolver$r
   });
   return /* @__PURE__ */ jsx(ModalProvider, { value: { yOffset, scrollAreaComponent, getStyles: getStyles2, fullScreen }, children: /* @__PURE__ */ jsx(
     ModalBase,
@@ -18017,7 +18017,7 @@ const ModalRoot = factory((_props, ref) => {
     }
   ) });
 });
-ModalRoot.classes = classes$s;
+ModalRoot.classes = classes$u;
 ModalRoot.displayName = "@mantine/core/ModalRoot";
 const [ModalStackProvider, useModalStackContext] = createOptionalContext();
 function ModalStack({ children }) {
@@ -18057,9 +18057,9 @@ const ModalTitle = factory((_props, ref) => {
     }
   );
 });
-ModalTitle.classes = classes$s;
+ModalTitle.classes = classes$u;
 ModalTitle.displayName = "@mantine/core/ModalTitle";
-const defaultProps$A = {
+const defaultProps$E = {
   closeOnClickOutside: true,
   withinPortal: true,
   lockScroll: true,
@@ -18085,7 +18085,7 @@ const Modal$1 = factory((_props, ref) => {
     stackId,
     zIndex,
     ...others
-  } = useProps("Modal", defaultProps$A, _props);
+  } = useProps("Modal", defaultProps$E, _props);
   const ctx = useModalStackContext();
   const hasHeader = !!title || withCloseButton;
   const stackProps = ctx && stackId ? {
@@ -18135,7 +18135,7 @@ const Modal$1 = factory((_props, ref) => {
     }
   );
 });
-Modal$1.classes = classes$s;
+Modal$1.classes = classes$u;
 Modal$1.displayName = "@mantine/core/Modal";
 Modal$1.Root = ModalRoot;
 Modal$1.Overlay = ModalOverlay;
@@ -18145,6 +18145,643 @@ Modal$1.Header = ModalHeader;
 Modal$1.Title = ModalTitle;
 Modal$1.CloseButton = ModalCloseButton;
 Modal$1.Stack = ModalStack;
+const [PillsInputProvider, usePillsInputContext] = createOptionalContext();
+var classes$t = { "root": "m_7cda1cd6", "root--default": "m_44da308b", "root--contrast": "m_e3a01f8", "label": "m_1e0e6180", "remove": "m_ae386778", "group": "m_1dcfd90b" };
+const [PillGroupProvider, usePillGroupContext] = createOptionalContext();
+const varsResolver$q = createVarsResolver((_, { gap }, { size: size2 }) => ({
+  group: {
+    "--pg-gap": gap !== void 0 ? getSize(gap) : getSize(size2, "pg-gap")
+  }
+}));
+const PillGroup = factory((_props, ref) => {
+  const props = useProps("PillGroup", null, _props);
+  const {
+    classNames: classNames2,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    size: size2,
+    disabled,
+    attributes,
+    ...others
+  } = props;
+  const pillsInputCtx = usePillsInputContext();
+  const _size2 = pillsInputCtx?.size || size2 || void 0;
+  const getStyles2 = useStyles({
+    name: "PillGroup",
+    classes: classes$t,
+    props,
+    className,
+    style,
+    classNames: classNames2,
+    styles,
+    unstyled,
+    attributes,
+    vars,
+    varsResolver: varsResolver$q,
+    stylesCtx: { size: _size2 },
+    rootSelector: "group"
+  });
+  return /* @__PURE__ */ jsx(PillGroupProvider, { value: { size: _size2, disabled }, children: /* @__PURE__ */ jsx(Box, { ref, size: _size2, ...getStyles2("group"), ...others }) });
+});
+PillGroup.classes = classes$t;
+PillGroup.displayName = "@mantine/core/PillGroup";
+const defaultProps$D = {
+  variant: "default"
+};
+const varsResolver$p = createVarsResolver((_, { radius }, { size: size2 }) => ({
+  root: {
+    "--pill-fz": getSize(size2, "pill-fz"),
+    "--pill-height": getSize(size2, "pill-height"),
+    "--pill-radius": radius === void 0 ? void 0 : getRadius(radius)
+  }
+}));
+const Pill = factory((_props, ref) => {
+  const props = useProps("Pill", defaultProps$D, _props);
+  const {
+    classNames: classNames2,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    variant,
+    children,
+    withRemoveButton,
+    onRemove,
+    removeButtonProps,
+    radius,
+    size: size2,
+    disabled,
+    mod,
+    attributes,
+    ...others
+  } = props;
+  const ctx = usePillGroupContext();
+  const pillsInputCtx = usePillsInputContext();
+  const _size2 = size2 || ctx?.size || void 0;
+  const _variant = pillsInputCtx?.variant === "filled" ? "contrast" : variant || "default";
+  const getStyles2 = useStyles({
+    name: "Pill",
+    classes: classes$t,
+    props,
+    className,
+    style,
+    classNames: classNames2,
+    styles,
+    unstyled,
+    attributes,
+    vars,
+    varsResolver: varsResolver$p,
+    stylesCtx: { size: _size2 }
+  });
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "span",
+      ref,
+      variant: _variant,
+      size: _size2,
+      ...getStyles2("root", { variant: _variant }),
+      mod: [
+        { "with-remove": withRemoveButton && !disabled, disabled: disabled || ctx?.disabled },
+        mod
+      ],
+      ...others,
+      children: [
+        /* @__PURE__ */ jsx("span", { ...getStyles2("label"), children }),
+        withRemoveButton && /* @__PURE__ */ jsx(
+          CloseButton,
+          {
+            variant: "transparent",
+            radius,
+            tabIndex: -1,
+            "aria-hidden": true,
+            unstyled,
+            ...removeButtonProps,
+            ...getStyles2("remove", {
+              className: removeButtonProps?.className,
+              style: removeButtonProps?.style
+            }),
+            onMouseDown: (event) => {
+              event.preventDefault();
+              event.stopPropagation();
+              removeButtonProps?.onMouseDown?.(event);
+            },
+            onClick: (event) => {
+              event.stopPropagation();
+              onRemove?.();
+              removeButtonProps?.onClick?.(event);
+            }
+          }
+        )
+      ]
+    }
+  );
+});
+Pill.classes = classes$t;
+Pill.displayName = "@mantine/core/Pill";
+Pill.Group = PillGroup;
+var classes$s = { "field": "m_45c4369d" };
+const defaultProps$C = {
+  type: "visible"
+};
+const PillsInputField = factory((_props, ref) => {
+  const props = useProps("PillsInputField", defaultProps$C, _props);
+  const {
+    classNames: classNames2,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    type,
+    disabled,
+    id: id2,
+    pointer,
+    mod,
+    attributes,
+    ...others
+  } = props;
+  const ctx = usePillsInputContext();
+  const inputWrapperCtx = useInputWrapperContext();
+  const getStyles2 = useStyles({
+    name: "PillsInputField",
+    classes: classes$s,
+    props,
+    className,
+    style,
+    classNames: classNames2,
+    styles,
+    unstyled,
+    attributes,
+    rootSelector: "field"
+  });
+  const _disabled = disabled || ctx?.disabled;
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "input",
+      ref: useMergedRef(ref, ctx?.fieldRef),
+      "data-type": type,
+      disabled: _disabled,
+      mod: [{ disabled: _disabled, pointer }, mod],
+      ...getStyles2("field"),
+      ...others,
+      id: inputWrapperCtx?.inputId || id2,
+      "aria-invalid": ctx?.hasError,
+      "aria-describedby": inputWrapperCtx?.describedBy,
+      type: "text",
+      onMouseDown: (event) => !pointer && event.stopPropagation()
+    }
+  );
+});
+PillsInputField.classes = classes$s;
+PillsInputField.displayName = "@mantine/core/PillsInputField";
+const defaultProps$B = {
+  size: "sm"
+};
+const PillsInput = factory((_props, ref) => {
+  const props = useProps("PillsInput", defaultProps$B, _props);
+  const {
+    children,
+    onMouseDown,
+    onClick,
+    size: size2,
+    disabled,
+    __staticSelector,
+    error: error2,
+    variant,
+    ...others
+  } = props;
+  const fieldRef = useRef(null);
+  return /* @__PURE__ */ jsx(PillsInputProvider, { value: { fieldRef, size: size2, disabled, hasError: !!error2, variant }, children: /* @__PURE__ */ jsx(
+    InputBase,
+    {
+      size: size2,
+      error: error2,
+      variant,
+      component: "div",
+      ref,
+      "data-no-overflow": true,
+      onMouseDown: (event) => {
+        event.preventDefault();
+        onMouseDown?.(event);
+        fieldRef.current?.focus();
+      },
+      onClick: (event) => {
+        event.preventDefault();
+        const fieldset = event.currentTarget.closest("fieldset");
+        if (!fieldset?.disabled) {
+          fieldRef.current?.focus();
+          onClick?.(event);
+        }
+      },
+      ...others,
+      multiline: true,
+      disabled,
+      __staticSelector: __staticSelector || "PillsInput",
+      withAria: false,
+      children
+    }
+  ) });
+});
+PillsInput.displayName = "@mantine/core/PillsInput";
+PillsInput.Field = PillsInputField;
+function filterPickedValues({ data, value }) {
+  const normalizedValue = value.map((item) => item.trim().toLowerCase());
+  const filtered = data.reduce((acc, item) => {
+    if (isOptionsGroup(item)) {
+      acc.push({
+        group: item.group,
+        items: item.items.filter(
+          (option) => normalizedValue.indexOf(option.value.toLowerCase().trim()) === -1
+        )
+      });
+    } else if (normalizedValue.indexOf(item.value.toLowerCase().trim()) === -1) {
+      acc.push(item);
+    }
+    return acc;
+  }, []);
+  return filtered;
+}
+const clearSectionOffset = {
+  xs: 41,
+  sm: 50,
+  md: 60,
+  lg: 72,
+  xl: 89
+};
+const defaultProps$A = {
+  maxValues: Infinity,
+  withCheckIcon: true,
+  checkIconPosition: "left",
+  hiddenInputValuesDivider: ",",
+  clearSearchOnChange: true,
+  openOnFocus: true,
+  size: "sm"
+};
+const MultiSelect$1 = factory((_props, ref) => {
+  const props = useProps("MultiSelect", defaultProps$A, _props);
+  const {
+    classNames: classNames2,
+    className,
+    style,
+    styles,
+    unstyled,
+    vars,
+    size: size2,
+    value,
+    defaultValue,
+    onChange,
+    onKeyDown,
+    variant,
+    data,
+    dropdownOpened,
+    defaultDropdownOpened,
+    onDropdownOpen,
+    onDropdownClose,
+    selectFirstOptionOnChange,
+    selectFirstOptionOnDropdownOpen,
+    onOptionSubmit,
+    comboboxProps,
+    filter,
+    limit,
+    withScrollArea,
+    maxDropdownHeight,
+    searchValue,
+    defaultSearchValue,
+    onSearchChange,
+    readOnly,
+    disabled,
+    onFocus,
+    onBlur,
+    radius,
+    rightSection,
+    rightSectionWidth,
+    rightSectionPointerEvents,
+    rightSectionProps,
+    leftSection,
+    leftSectionWidth,
+    leftSectionPointerEvents,
+    leftSectionProps,
+    inputContainer,
+    inputWrapperOrder,
+    withAsterisk,
+    labelProps,
+    descriptionProps,
+    errorProps,
+    wrapperProps,
+    description,
+    label,
+    error: error2,
+    maxValues,
+    searchable,
+    nothingFoundMessage,
+    withCheckIcon,
+    withAlignedLabels,
+    checkIconPosition,
+    hidePickedOptions,
+    withErrorStyles,
+    name,
+    form,
+    id: id2,
+    clearable,
+    clearButtonProps,
+    hiddenInputProps,
+    placeholder,
+    hiddenInputValuesDivider,
+    required: required2,
+    mod,
+    renderOption,
+    onRemove,
+    onClear,
+    scrollAreaProps,
+    chevronColor,
+    attributes,
+    clearSearchOnChange,
+    openOnFocus,
+    ...others
+  } = props;
+  const _id = useId$1(id2);
+  const parsedData = getParsedComboboxData(data);
+  const optionsLockup = getOptionsLockup(parsedData);
+  const retainedSelectedOptions = useRef({});
+  const combobox = useCombobox({
+    opened: dropdownOpened,
+    defaultOpened: defaultDropdownOpened,
+    onDropdownOpen: () => {
+      onDropdownOpen?.();
+      if (selectFirstOptionOnDropdownOpen) {
+        combobox.selectFirstOption();
+      }
+    },
+    onDropdownClose: () => {
+      onDropdownClose?.();
+      combobox.resetSelectedOption();
+    }
+  });
+  const {
+    styleProps,
+    rest: { type, autoComplete, ...rest }
+  } = extractStyleProps(others);
+  const [_value, setValue] = useUncontrolled({
+    value,
+    defaultValue,
+    finalValue: [],
+    onChange
+  });
+  const [_searchValue, setSearchValue] = useUncontrolled({
+    value: searchValue,
+    defaultValue: defaultSearchValue,
+    finalValue: "",
+    onChange: onSearchChange
+  });
+  const handleSearchChange = (value2) => {
+    setSearchValue(value2);
+    combobox.resetSelectedOption();
+  };
+  const getStyles2 = useStyles({
+    name: "MultiSelect",
+    classes: {},
+    props,
+    classNames: classNames2,
+    styles,
+    unstyled,
+    attributes
+  });
+  const { resolvedClassNames, resolvedStyles } = useResolvedStylesApi({
+    props,
+    styles,
+    classNames: classNames2
+  });
+  const handleInputKeydown = (event) => {
+    onKeyDown?.(event);
+    if (event.key === " " && !searchable) {
+      event.preventDefault();
+      combobox.toggleDropdown();
+    }
+    if (event.key === "Backspace" && _searchValue.length === 0 && _value.length > 0) {
+      onRemove?.(_value[_value.length - 1]);
+      setValue(_value.slice(0, _value.length - 1));
+    }
+  };
+  const values2 = _value.map((item, index2) => {
+    const optionData = optionsLockup[item] || retainedSelectedOptions.current[item];
+    return /* @__PURE__ */ jsx(
+      Pill,
+      {
+        withRemoveButton: !readOnly && !optionsLockup[item]?.disabled,
+        onRemove: () => {
+          setValue(_value.filter((i) => item !== i));
+          onRemove?.(item);
+        },
+        unstyled,
+        disabled,
+        ...getStyles2("pill"),
+        children: optionData?.label || item
+      },
+      `${item}-${index2}`
+    );
+  });
+  useEffect(() => {
+    if (selectFirstOptionOnChange) {
+      combobox.selectFirstOption();
+    }
+  }, [selectFirstOptionOnChange, _searchValue]);
+  useEffect(() => {
+    _value.forEach((val) => {
+      if (val in optionsLockup) {
+        retainedSelectedOptions.current[val] = optionsLockup[val];
+      }
+    });
+  }, [optionsLockup, _value]);
+  const clearButton = /* @__PURE__ */ jsx(
+    Combobox.ClearButton,
+    {
+      ...clearButtonProps,
+      onClear: () => {
+        onClear?.();
+        setValue([]);
+        handleSearchChange("");
+      }
+    }
+  );
+  const filteredData = filterPickedValues({ data: parsedData, value: _value });
+  const _clearable = clearable && _value.length > 0 && !disabled && !readOnly;
+  const pillsListStyle = _clearable ? { paddingInlineEnd: clearSectionOffset[size2] ?? clearSectionOffset.sm } : void 0;
+  return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+    /* @__PURE__ */ jsxs(
+      Combobox,
+      {
+        store: combobox,
+        classNames: resolvedClassNames,
+        styles: resolvedStyles,
+        unstyled,
+        size: size2,
+        readOnly,
+        __staticSelector: "MultiSelect",
+        attributes,
+        onOptionSubmit: (val) => {
+          onOptionSubmit?.(val);
+          if (clearSearchOnChange) {
+            handleSearchChange("");
+          }
+          combobox.updateSelectedOptionIndex("selected");
+          if (_value.includes(optionsLockup[val].value)) {
+            setValue(_value.filter((v) => v !== optionsLockup[val].value));
+            onRemove?.(optionsLockup[val].value);
+          } else if (_value.length < maxValues) {
+            setValue([..._value, optionsLockup[val].value]);
+          }
+        },
+        ...comboboxProps,
+        children: [
+          /* @__PURE__ */ jsx(Combobox.DropdownTarget, { children: /* @__PURE__ */ jsx(
+            PillsInput,
+            {
+              ...styleProps,
+              __staticSelector: "MultiSelect",
+              classNames: resolvedClassNames,
+              styles: resolvedStyles,
+              unstyled,
+              size: size2,
+              className,
+              style,
+              variant,
+              disabled,
+              radius,
+              __defaultRightSection: /* @__PURE__ */ jsx(
+                Combobox.Chevron,
+                {
+                  size: size2,
+                  error: error2,
+                  unstyled,
+                  color: chevronColor
+                }
+              ),
+              __clearSection: clearButton,
+              __clearable: _clearable,
+              rightSection,
+              rightSectionPointerEvents: rightSectionPointerEvents || "none",
+              rightSectionWidth,
+              rightSectionProps,
+              leftSection,
+              leftSectionWidth,
+              leftSectionPointerEvents,
+              leftSectionProps,
+              inputContainer,
+              inputWrapperOrder,
+              withAsterisk,
+              labelProps,
+              descriptionProps,
+              errorProps,
+              wrapperProps,
+              description,
+              label,
+              error: error2,
+              withErrorStyles,
+              __stylesApiProps: {
+                ...props,
+                rightSectionPointerEvents: rightSectionPointerEvents || "none",
+                multiline: true
+              },
+              pointer: !searchable,
+              onClick: () => searchable ? combobox.openDropdown() : combobox.toggleDropdown(),
+              "data-expanded": combobox.dropdownOpened || void 0,
+              id: _id,
+              required: required2,
+              mod,
+              attributes,
+              children: /* @__PURE__ */ jsxs(
+                Pill.Group,
+                {
+                  attributes,
+                  disabled,
+                  unstyled,
+                  ...getStyles2("pillsList", { style: pillsListStyle }),
+                  children: [
+                    values2,
+                    /* @__PURE__ */ jsx(Combobox.EventsTarget, { autoComplete, children: /* @__PURE__ */ jsx(
+                      PillsInput.Field,
+                      {
+                        ...rest,
+                        ref,
+                        id: _id,
+                        placeholder,
+                        type: !searchable && !placeholder ? "hidden" : "visible",
+                        ...getStyles2("inputField"),
+                        unstyled,
+                        onFocus: (event) => {
+                          onFocus?.(event);
+                          openOnFocus && searchable && combobox.openDropdown();
+                        },
+                        onBlur: (event) => {
+                          onBlur?.(event);
+                          combobox.closeDropdown();
+                          handleSearchChange("");
+                        },
+                        onKeyDown: handleInputKeydown,
+                        value: _searchValue,
+                        onChange: (event) => {
+                          handleSearchChange(event.currentTarget.value);
+                          searchable && combobox.openDropdown();
+                          selectFirstOptionOnChange && combobox.selectFirstOption();
+                        },
+                        disabled,
+                        readOnly: readOnly || !searchable,
+                        pointer: !searchable
+                      }
+                    ) })
+                  ]
+                }
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            OptionsDropdown,
+            {
+              data: hidePickedOptions ? filteredData : parsedData,
+              hidden: readOnly || disabled,
+              filter,
+              search: _searchValue,
+              limit,
+              hiddenWhenEmpty: !nothingFoundMessage,
+              withScrollArea,
+              maxDropdownHeight,
+              filterOptions: searchable,
+              value: _value,
+              checkIconPosition,
+              withCheckIcon,
+              withAlignedLabels,
+              nothingFoundMessage,
+              unstyled,
+              labelId: label ? `${_id}-label` : void 0,
+              "aria-label": label ? void 0 : others["aria-label"],
+              renderOption,
+              scrollAreaProps
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Combobox.HiddenInput,
+      {
+        name,
+        valuesDivider: hiddenInputValuesDivider,
+        value: _value,
+        form,
+        disabled,
+        ...hiddenInputProps
+      }
+    )
+  ] });
+});
+MultiSelect$1.classes = { ...InputBase.classes, ...Combobox.classes };
+MultiSelect$1.displayName = "@mantine/core/MultiSelect";
 var classes$r = { "root": "m_f0824112", "description": "m_57492dcc", "section": "m_690090b5", "label": "m_1f6ac4c4", "body": "m_f07af9d2", "children": "m_e17b862f", "chevron": "m_1fd8a00b" };
 const varsResolver$o = createVarsResolver(
   (theme2, { variant, color, childrenOffset, autoContrast }) => {
@@ -42496,6 +43133,118 @@ function ListRow({
     }
   );
 }
+const horizontalPillsListClassName = "fairmint-multiselect-pills-list";
+function mergeClassName(...classes2) {
+  return classes2.filter(Boolean).join(" ") || void 0;
+}
+function appendHorizontalPillsListClass(classNames2) {
+  if (typeof classNames2 === "function") {
+    return (theme2, props, ctx) => {
+      const resolvedClassNames = classNames2(theme2, props, ctx);
+      return {
+        ...resolvedClassNames,
+        pillsList: mergeClassName(horizontalPillsListClassName, resolvedClassNames?.pillsList)
+      };
+    };
+  }
+  return {
+    ...classNames2,
+    pillsList: mergeClassName(horizontalPillsListClassName, classNames2?.pillsList)
+  };
+}
+const MultiSelect = forwardRef(
+  ({ classNames: classNames2, ...props }, ref) => /* @__PURE__ */ jsx(
+    MultiSelect$1,
+    {
+      size: "md",
+      classNames: appendHorizontalPillsListClass(classNames2),
+      ...props,
+      ref
+    }
+  )
+);
+MultiSelect.displayName = "MultiSelect";
+const multiSelectSearchDefaultFilter = ({
+  options,
+  search,
+  limit
+}) => {
+  const normalizedSearch = search.trim().toLowerCase();
+  const maxResults = limit ?? Number.POSITIVE_INFINITY;
+  if (maxResults <= 0) return [];
+  const filteredOptions = [];
+  let resultCount = 0;
+  for (const option of options) {
+    if ("items" in option) {
+      const groupItems = option.items.filter(
+        (item) => multiSelectSearchOptionMatches(item, normalizedSearch)
+      );
+      if (groupItems.length > 0) {
+        const remaining = maxResults - resultCount;
+        filteredOptions.push({ ...option, items: groupItems.slice(0, remaining) });
+        resultCount += Math.min(groupItems.length, remaining);
+      }
+    } else if (multiSelectSearchOptionMatches(option, normalizedSearch)) {
+      filteredOptions.push(option);
+      resultCount += 1;
+    }
+    if (resultCount >= maxResults) break;
+  }
+  return filteredOptions;
+};
+function multiSelectSearchOptionMatches(option, search) {
+  if (!search) return true;
+  const description = "description" in option ? String(option.description ?? "") : "";
+  const searchText = "searchText" in option ? String(option.searchText ?? "") : "";
+  return [option.label, option.value, description, searchText].some(
+    (value) => value.toLowerCase().includes(search)
+  );
+}
+const MultiSelectSearch = forwardRef(
+  ({
+    clearable = true,
+    data,
+    filter = multiSelectSearchDefaultFilter,
+    maxDropdownHeight = 320,
+    nothingFoundMessage = "No results",
+    renderOption,
+    searchable = true,
+    size: size2 = "md",
+    ...props
+  }, ref) => {
+    const descriptionsByValue = useMemo(
+      () => new Map(
+        flattenMultiSelectSearchOptions(data).map((option) => [option.value, option.description])
+      ),
+      [data]
+    );
+    return /* @__PURE__ */ jsx(
+      MultiSelect,
+      {
+        ref,
+        clearable,
+        data,
+        filter,
+        maxDropdownHeight,
+        nothingFoundMessage,
+        renderOption: renderOption ?? (({ option }) => {
+          const description = descriptionsByValue.get(option.value);
+          return /* @__PURE__ */ jsxs(Stack, { gap: 2, children: [
+            /* @__PURE__ */ jsx(Text, { fw: 700, size: "sm", children: option.label }),
+            description ? /* @__PURE__ */ jsx(Text, { c: colors.neutral, size: "xs", children: description }) : null
+          ] });
+        }),
+        searchable,
+        size: size2,
+        ...props
+      }
+    );
+  }
+);
+MultiSelectSearch.displayName = "MultiSelectSearch";
+function flattenMultiSelectSearchOptions(data) {
+  return data.flatMap((option) => "items" in option ? option.items : option);
+}
 function Percent({ value, decimals = 2, ...rest }) {
   return /* @__PURE__ */ jsx(Text, { component: "span", ...rest, children: formatPercent(value, decimals) });
 }
@@ -45050,6 +45799,8 @@ export {
   MOBILE_BREAKPOINT,
   Menu,
   Modal,
+  MultiSelect,
+  MultiSelectSearch,
   NavLink,
   Notification,
   Notifications,