@fairmint/ui 0.2.30 → 0.2.32

package/dist/fairmint-ui.cjs

@@ -2623,7 +2623,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;
@@ -2750,7 +2750,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;
@@ -6172,7 +6172,7 @@ function useCollapse({
   }
   return getCollapseProps;
 }
-const defaultProps$1b = {
+const defaultProps$1f = {
   transitionDuration: 200,
   transitionTimingFunction: "ease",
   animateOpacity: true
@@ -6188,7 +6188,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;
@@ -9663,7 +9663,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"
 );
@@ -9709,14 +9709,14 @@ const ScrollAreaCorner = React.forwardRef((props, ref) => {
   const hasCorner = ctx.type !== "scroll" && hasBothScrollbarsVisible;
   return hasCorner ? /* @__PURE__ */ jsxRuntime.jsx(Corner, { ...props, ref }) : null;
 });
-const defaultProps$1a = {
+const defaultProps$1e = {
   scrollHideDelay: 1e3,
   type: "hover"
 };
 const ScrollAreaRoot = React.forwardRef((_props, ref) => {
   const { type, scrollHideDelay, scrollbars, getStyles: getStyles2, ...others } = useProps(
     "ScrollAreaRoot",
-    defaultProps$1a,
+    defaultProps$1e,
     _props
   );
   const [scrollArea, setScrollArea] = React.useState(null);
@@ -10358,12 +10358,12 @@ const ScrollAreaViewport = React.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) {
@@ -10382,7 +10382,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,
@@ -10411,7 +10411,7 @@ const ScrollArea = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "ScrollArea",
     props,
-    classes: classes$_,
+    classes: classes$10,
     className,
     style,
     classNames: classNames2,
@@ -10419,7 +10419,7 @@ const ScrollArea = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$Z
+    varsResolver: varsResolver$$
   });
   const localViewportRef = React.useRef(null);
   const combinedViewportRef = useMergeRefs([viewportRef, localViewportRef]);
@@ -10534,7 +10534,7 @@ const ScrollAreaAutosize = factory((props, ref) => {
     onTopReached,
     onOverflowChange,
     ...others
-  } = useProps("ScrollAreaAutosize", defaultProps$19, props);
+  } = useProps("ScrollAreaAutosize", defaultProps$1d, props);
   const viewportObserverRef = React.useRef(null);
   const combinedViewportRef = useMergeRefs([viewportRef, viewportObserverRef]);
   const [overflowing, setOverflowing] = React.useState(false);
@@ -10606,17 +10606,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",
@@ -10631,7 +10631,7 @@ const UnstyledButton = polymorphicFactory(
     const getStyles2 = useStyles({
       name: __staticSelector,
       props,
-      classes: classes$Z,
+      classes: classes$$,
       className,
       style,
       classNames: classNames2,
@@ -10651,15 +10651,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,
@@ -10670,10 +10670,10 @@ const VisuallyHidden = factory((_props, ref) => {
   });
   return /* @__PURE__ */ jsxRuntime.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)
@@ -10699,7 +10699,7 @@ const Paper = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Paper",
     props,
-    classes: classes$X,
+    classes: classes$Z,
     className,
     style,
     classNames: classNames2,
@@ -10707,7 +10707,7 @@ const Paper = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$Y
+    varsResolver: varsResolver$_
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
@@ -10720,7 +10720,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") {
@@ -10861,11 +10861,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,
@@ -10876,7 +10876,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,
@@ -10900,7 +10900,7 @@ const Overlay = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Overlay",
     props,
-    classes: classes$W,
+    classes: classes$Y,
     className,
     style,
     classNames: classNames2,
@@ -10908,11 +10908,11 @@ const Overlay = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$X
+    varsResolver: varsResolver$Z
   });
   return /* @__PURE__ */ jsxRuntime.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");
@@ -10941,11 +10941,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] = React.useState(false);
   const nodeRef = React.useRef(null);
   useIsomorphicEffect$1(() => {
@@ -11256,7 +11256,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,
@@ -11379,16 +11379,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);
@@ -11555,7 +11555,7 @@ function usePopover(options) {
     onToggle
   };
 }
-const defaultProps$14 = {
+const defaultProps$18 = {
   position: "bottom",
   offset: 8,
   positionDependencies: [],
@@ -11578,14 +11578,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,
@@ -11641,14 +11641,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] = React.useState(opened ?? defaultOpened ?? false);
@@ -11795,38 +11795,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 = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Box, { component: "span", className: clsx(classes$U.barsLoader, className), ...others, ref, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$U.bar }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$U.bar }),
-  /* @__PURE__ */ jsxRuntime.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 = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Box, { component: "span", className: clsx(classes$W.barsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$W.bar }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$W.bar }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$W.bar })
 ] }));
 Bars.displayName = "@mantine/core/Bars";
-const Dots = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Box, { component: "span", className: clsx(classes$U.dotsLoader, className), ...others, ref, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$U.dot }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$U.dot }),
-  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$U.dot })
+const Dots = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(Box, { component: "span", className: clsx(classes$W.dotsLoader, className), ...others, ref, children: [
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$W.dot }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$W.dot }),
+  /* @__PURE__ */ jsxRuntime.jsx("span", { className: classes$W.dot })
 ] }));
 Dots.displayName = "@mantine/core/Dots";
-const Oval = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { component: "span", className: clsx(classes$U.ovalLoader, className), ...others, ref }));
+const Oval = React.forwardRef(({ className, ...others }, ref) => /* @__PURE__ */ jsxRuntime.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,
@@ -11846,7 +11846,7 @@ const Loader$1 = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Loader",
     props,
-    classes: classes$U,
+    classes: classes$W,
     className,
     style,
     classNames: classNames2,
@@ -11854,7 +11854,7 @@ const Loader$1 = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$V
+    varsResolver: varsResolver$X
   });
   if (children) {
     return /* @__PURE__ */ jsxRuntime.jsx(Box, { ...getStyles2("root"), ref, ...others, children });
@@ -11872,17 +11872,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,
@@ -11896,11 +11896,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,
@@ -11908,7 +11908,7 @@ const ActionIconGroup = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$U,
+    varsResolver: varsResolver$W,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -11923,9 +11923,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,
@@ -11966,7 +11966,7 @@ const ActionIconGroupSection = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "ActionIconGroupSection",
     props,
-    classes: classes$T,
+    classes: classes$V,
     className,
     style,
     classNames: classNames2,
@@ -11974,14 +11974,14 @@ const ActionIconGroupSection = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$T,
+    varsResolver: varsResolver$V,
     rootSelector: "groupSection"
   });
   return /* @__PURE__ */ jsxRuntime.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,
@@ -12033,13 +12033,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__ */ jsxRuntime.jsxs(
     UnstyledButton,
@@ -12059,7 +12059,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;
@@ -12086,11 +12086,11 @@ const CloseIcon = React.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),
@@ -12098,7 +12098,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,
@@ -12123,13 +12123,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__ */ jsxRuntime.jsxs(
     UnstyledButton,
@@ -12148,20 +12148,20 @@ const CloseButton = polymorphicFactory((_props, ref) => {
     }
   );
 });
-CloseButton.classes = classes$S;
+CloseButton.classes = classes$U;
 CloseButton.displayName = "@mantine/core/CloseButton";
 function filterFalsyChildren(children) {
   return React.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,
@@ -12173,7 +12173,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,
@@ -12205,13 +12205,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__ */ jsxRuntime.jsx(
     Box,
@@ -12226,7 +12226,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"
@@ -12358,7 +12358,7 @@ const ModalBase = React.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();
   React.useEffect(() => {
@@ -12377,7 +12377,7 @@ const ModalBaseBody = React.forwardRef(
         ref,
         ...others,
         id: bodyId,
-        className: clsx({ [classes$Q.body]: !ctx.unstyled }, className)
+        className: clsx({ [classes$S.body]: !ctx.unstyled }, className)
       }
     );
   }
@@ -12395,7 +12395,7 @@ const ModalBaseCloseButton = React.forwardRef(
           ctx.onClose();
           onClick?.(event);
         },
-        className: clsx({ [classes$Q.close]: !ctx.unstyled }, className),
+        className: clsx({ [classes$S.close]: !ctx.unstyled }, className),
         unstyled: ctx.unstyled
       }
     );
@@ -12424,7 +12424,7 @@ const ModalBaseContent = React.forwardRef(
           "div",
           {
             ...innerProps,
-            className: clsx({ [classes$Q.inner]: !ctx.unstyled }, innerProps.className),
+            className: clsx({ [classes$S.inner]: !ctx.unstyled }, innerProps.className),
             children: /* @__PURE__ */ jsxRuntime.jsx(FocusTrap, { active: ctx.opened && ctx.trapFocus, innerRef: ref, children: /* @__PURE__ */ jsxRuntime.jsx(
               Paper,
               {
@@ -12436,7 +12436,7 @@ const ModalBaseContent = React.forwardRef(
                 "aria-describedby": ctx.bodyMounted ? ctx.getBodyId() : void 0,
                 "aria-labelledby": ctx.titleMounted ? ctx.getTitleId() : void 0,
                 style: [style, transitionStyles],
-                className: clsx({ [classes$Q.content]: !ctx.unstyled }, className),
+                className: clsx({ [classes$S.content]: !ctx.unstyled }, className),
                 unstyled: ctx.unstyled,
                 children: others.children
               }
@@ -12456,7 +12456,7 @@ const ModalBaseHeader = React.forwardRef(
       {
         component: "header",
         ref,
-        className: clsx({ [classes$Q.header]: !ctx.unstyled }, className),
+        className: clsx({ [classes$S.header]: !ctx.unstyled }, className),
         ...others
       }
     );
@@ -12519,7 +12519,7 @@ const ModalBaseTitle = React.forwardRef(
       {
         component: "h2",
         ref,
-        className: clsx({ [classes$Q.title]: !ctx.unstyled }, className),
+        className: clsx({ [classes$S.title]: !ctx.unstyled }, className),
         ...others,
         id: id2
       }
@@ -12533,7 +12533,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;
@@ -12558,7 +12558,7 @@ const InputClearButton = factory((_props, ref) => {
   );
 });
 InputClearButton.displayName = "@mantine/core/InputClearButton";
-const clearSectionOffset = {
+const clearSectionOffset$1 = {
   xs: 7,
   sm: 8,
   md: 10,
@@ -12582,7 +12582,7 @@ function InputClearSection({
           display: "flex",
           gap: 2,
           alignItems: "center",
-          paddingInlineEnd: clearSectionOffset[size2]
+          paddingInlineEnd: clearSectionOffset$1[size2]
         },
         children: [
           clearSection,
@@ -12601,7 +12601,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)})`
   }
@@ -12626,7 +12626,7 @@ const InputDescription = factory((_props, ref) => {
   const _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$P,
+    classes: classes$R,
     className,
     style,
     classNames: classNames2,
@@ -12635,7 +12635,7 @@ const InputDescription = factory((_props, ref) => {
     attributes,
     rootSelector: "description",
     vars,
-    varsResolver: varsResolver$P
+    varsResolver: varsResolver$R
   });
   const getStyles2 = __inheritStyles && ctx?.getStyles || _getStyles;
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -12650,9 +12650,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)})`
   }
@@ -12676,7 +12676,7 @@ const InputError = factory((_props, ref) => {
   const _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
-    classes: classes$P,
+    classes: classes$R,
     className,
     style,
     classNames: classNames2,
@@ -12685,7 +12685,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;
@@ -12701,19 +12701,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,
@@ -12732,11 +12732,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,
@@ -12745,7 +12745,7 @@ const InputLabel = factory((_props, ref) => {
     attributes,
     rootSelector: "label",
     vars,
-    varsResolver: varsResolver$N
+    varsResolver: varsResolver$P
   });
   const ctx = useInputWrapperContext();
   const getStyles2 = ctx?.getStyles || _getStyles;
@@ -12773,7 +12773,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);
@@ -12794,7 +12794,7 @@ const InputPlaceholder = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: ["InputPlaceholder", __staticSelector],
     props,
-    classes: classes$P,
+    classes: classes$R,
     className,
     style,
     classNames: classNames2,
@@ -12815,7 +12815,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");
@@ -12825,12 +12825,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
@@ -12843,7 +12843,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,
@@ -12875,7 +12875,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,
@@ -12883,7 +12883,7 @@ const InputWrapper = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$M
+    varsResolver: varsResolver$O
   });
   const sharedProps = {
     size: size2,
@@ -12975,9 +12975,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",
@@ -12985,7 +12985,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,
@@ -13000,7 +13000,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,
@@ -13044,7 +13044,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,
@@ -13054,7 +13054,7 @@ const Input = polymorphicFactory((_props, ref) => {
     stylesCtx,
     rootSelector: "wrapper",
     vars,
-    varsResolver: varsResolver$L
+    varsResolver: varsResolver$N
   });
   const ariaAttributes = withAria ? {
     required: required2,
@@ -13132,7 +13132,7 @@ const Input = polymorphicFactory((_props, ref) => {
     }
   ) });
 });
-Input.classes = classes$P;
+Input.classes = classes$R;
 Input.Wrapper = InputWrapper;
 Input.Label = InputLabel;
 Input.Error = InputError;
@@ -13216,13 +13216,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__ */ jsxRuntime.jsx(Input.Wrapper, { ...wrapperProps, children: /* @__PURE__ */ jsxRuntime.jsx(Input, { ...inputProps, ...others, ref }) });
 });
 InputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };
@@ -13236,7 +13236,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 {
@@ -13258,7 +13258,7 @@ const Flex = polymorphicFactory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Flex",
-    classes: classes$O,
+    classes: classes$Q,
     props,
     className,
     style,
@@ -13297,9 +13297,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;
@@ -13411,7 +13411,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
@@ -13437,7 +13437,7 @@ const FloatingIndicator = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "FloatingIndicator",
-    classes: classes$N,
+    classes: classes$P,
     props,
     className,
     style,
@@ -13446,7 +13446,7 @@ const FloatingIndicator = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$K
+    varsResolver: varsResolver$M
   });
   const innerRef = React.useRef(null);
   const { initialized, hidden: hidden2 } = useFloatingIndicator({
@@ -13462,7 +13462,7 @@ const FloatingIndicator = factory((_props, ref) => {
   return /* @__PURE__ */ jsxRuntime.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 = React.useRef(-1);
   const closeTimeout = React.useRef(-1);
@@ -13511,8 +13511,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,
@@ -13556,7 +13556,7 @@ const Alert$1 = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Alert",
-    classes: classes$M,
+    classes: classes$O,
     props,
     className,
     style,
@@ -13565,7 +13565,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;
@@ -13603,9 +13603,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";
@@ -13615,10 +13615,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 }) => ({
@@ -13632,7 +13632,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,
@@ -13656,7 +13656,7 @@ const Text = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: ["Text", __staticSelector],
     props,
-    classes: classes$L,
+    classes: classes$N,
     className,
     style,
     classNames: classNames2,
@@ -13664,7 +13664,7 @@ const Text = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$I
+    varsResolver: varsResolver$K
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
@@ -13687,16 +13687,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__ */ jsxRuntime.jsx(
@@ -13704,7 +13704,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",
@@ -13712,12 +13712,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,
@@ -13752,7 +13752,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 {
@@ -13788,7 +13788,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 {
@@ -13824,7 +13824,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(
@@ -13843,7 +13843,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") {
@@ -14237,7 +14237,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(
@@ -14256,7 +14256,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] = React.useState(true);
@@ -14284,7 +14284,7 @@ function useResizing({ transitionDuration, disabled }) {
   }, [disabled, transitionDuration]);
   return resizing;
 }
-const defaultProps$V = {
+const defaultProps$Z = {
   withBorder: true,
   padding: 0,
   transitionDuration: 200,
@@ -14292,7 +14292,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`,
@@ -14301,7 +14301,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,
@@ -14329,7 +14329,7 @@ const AppShell = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "AppShell",
-    classes: classes$J,
+    classes: classes$L,
     props,
     className,
     style,
@@ -14338,7 +14338,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);
@@ -14367,7 +14367,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;
@@ -14408,22 +14408,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,
@@ -14431,7 +14431,7 @@ const ComboboxChevron = factory((_props, ref) => {
     styles,
     unstyled,
     vars,
-    varsResolver: varsResolver$G,
+    varsResolver: varsResolver$I,
     rootSelector: "chevron"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -14458,7 +14458,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"
@@ -14501,13 +14501,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(
@@ -14533,7 +14533,7 @@ const ComboboxEmpty = factory((props, ref) => {
     }
   );
 });
-ComboboxEmpty.classes = classes$I;
+ComboboxEmpty.classes = classes$K;
 ComboboxEmpty.displayName = "@mantine/core/ComboboxEmpty";
 function useComboboxTargetProps({
   onKeyDown,
@@ -14612,7 +14612,7 @@ function useComboboxTargetProps({
     onKeyDown: handleKeyDown
   };
 }
-const defaultProps$S = {
+const defaultProps$W = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: true,
@@ -14630,7 +14630,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(
@@ -14672,7 +14672,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(
@@ -14697,7 +14697,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(
@@ -14718,7 +14718,7 @@ const ComboboxHeader = factory((props, ref) => {
     }
   );
 });
-ComboboxHeader.classes = classes$I;
+ComboboxHeader.classes = classes$K;
 ComboboxHeader.displayName = "@mantine/core/ComboboxHeader";
 function ComboboxHiddenInput({
   value,
@@ -14790,7 +14790,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);
@@ -14816,14 +14816,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,
@@ -14858,9 +14858,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,
@@ -14878,7 +14878,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(
@@ -15127,7 +15127,7 @@ function useCombobox({
     focusTarget
   };
 }
-const defaultProps$P = {
+const defaultProps$T = {
   keepMounted: true,
   withinPortal: true,
   resetSelectionOnOptionHover: false,
@@ -15135,7 +15135,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")
@@ -15147,7 +15147,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,
@@ -15169,14 +15169,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?.();
@@ -15210,7 +15210,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;
@@ -15226,8 +15226,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 = React.forwardRef(
   ({
     __staticSelector,
@@ -15258,7 +15258,7 @@ const InlineInput = React.forwardRef(
       props: __stylesApiProps,
       className,
       style,
-      classes: classes$H,
+      classes: classes$J,
       classNames: classNames2,
       styles,
       unstyled,
@@ -15307,22 +15307,22 @@ const InlineInput = React.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 = React.createContext(null);
 const CheckboxGroupProvider = CheckboxGroupContext.Provider;
 const useCheckboxGroupContext = () => React.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,
@@ -15342,7 +15342,7 @@ const CheckboxCard = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "CheckboxCard",
-    classes: classes$F,
+    classes: classes$H,
     props,
     className,
     style,
@@ -15351,7 +15351,7 @@ const CheckboxCard = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$E,
+    varsResolver: varsResolver$G,
     rootSelector: "card"
   });
   const ctx = useCheckboxGroupContext();
@@ -15380,7 +15380,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) {
@@ -15466,12 +15466,12 @@ function CheckboxIcon({ indeterminate, ...others }) {
   }
   return /* @__PURE__ */ jsxRuntime.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;
@@ -15486,7 +15486,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,
@@ -15509,7 +15509,7 @@ const CheckboxIndicator = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "CheckboxIndicator",
-    classes: classes$E,
+    classes: classes$G,
     props,
     className,
     style,
@@ -15518,7 +15518,7 @@ const CheckboxIndicator = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$D,
+    varsResolver: varsResolver$F,
     rootSelector: "indicator"
   });
   const ctx = useCheckboxCardContext();
@@ -15536,13 +15536,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;
@@ -15557,7 +15557,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,
@@ -15592,7 +15592,7 @@ const Checkbox$1 = factory((_props, forwardedRef) => {
   const getStyles2 = useStyles({
     name: "Checkbox",
     props,
-    classes: classes$G,
+    classes: classes$I,
     className,
     style,
     classNames: classNames2,
@@ -15600,7 +15600,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);
@@ -15667,7 +15667,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;
@@ -15758,7 +15758,7 @@ function Option({
 }) {
   if (!isOptionsGroup(data)) {
     const checked = isValueChecked(value, data.value);
-    const check2 = withCheckIcon && (checked ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: classes$I.optionsDropdownCheckIcon }) : withAlignedLabels ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes$I.optionsDropdownCheckPlaceholder }) : null);
+    const check2 = withCheckIcon && (checked ? /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { className: classes$K.optionsDropdownCheckIcon }) : withAlignedLabels ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes$K.optionsDropdownCheckPlaceholder }) : null);
     const defaultContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       checkIconPosition === "left" && check2,
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: data.label }),
@@ -15769,7 +15769,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,
@@ -15850,14 +15850,14 @@ function OptionsDropdown({
     isEmpty && nothingFoundMessage && /* @__PURE__ */ jsxRuntime.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 = React.createContext(null);
 const AvatarGroupProvider = AvatarGroupContext.Provider;
 function useAvatarGroupContext() {
   const ctx = React.useContext(AvatarGroupContext);
   return { withinGroup: !!ctx };
 }
-const varsResolver$B = createVarsResolver((_, { spacing: spacing2 }) => ({
+const varsResolver$D = createVarsResolver((_, { spacing: spacing2 }) => ({
   group: {
     "--ag-spacing": getSpacing(spacing2)
   }
@@ -15867,7 +15867,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,
@@ -15876,12 +15876,12 @@ const AvatarGroup = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$B,
+    varsResolver: varsResolver$D,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(AvatarGroupProvider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...getStyles2("group"), ...others }) });
 });
-AvatarGroup.classes = classes$D;
+AvatarGroup.classes = classes$F;
 AvatarGroup.displayName = "@mantine/core/AvatarGroup";
 function AvatarPlaceholderIcon(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -15938,7 +15938,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({
@@ -15987,7 +15987,7 @@ const Avatar$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Avatar",
     props,
-    classes: classes$D,
+    classes: classes$F,
     className,
     style,
     classNames: classNames2,
@@ -15995,7 +15995,7 @@ const Avatar$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$A
+    varsResolver: varsResolver$C
   });
   React.useEffect(() => setError(!src), [src]);
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -16021,11 +16021,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,
@@ -16074,7 +16074,7 @@ const Badge$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Badge",
     props,
-    classes: classes$C,
+    classes: classes$E,
     className,
     style,
     classNames: classNames2,
@@ -16082,7 +16082,7 @@ const Badge$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$z
+    varsResolver: varsResolver$B
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Box,
@@ -16108,10 +16108,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,
@@ -16141,7 +16141,7 @@ const Burger = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Burger",
-    classes: classes$B,
+    classes: classes$D,
     props,
     className,
     style,
@@ -16150,24 +16150,24 @@ const Burger = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$y
+    varsResolver: varsResolver$A
   });
   return /* @__PURE__ */ jsxRuntime.jsxs(UnstyledButton, { ...getStyles2("root"), ref, ...others, children: [
     /* @__PURE__ */ jsxRuntime.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,
@@ -16181,11 +16181,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,
@@ -16193,7 +16193,7 @@ const ButtonGroup = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$x,
+    varsResolver: varsResolver$z,
     rootSelector: "group"
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -16208,9 +16208,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,
@@ -16251,7 +16251,7 @@ const ButtonGroupSection = factory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "ButtonGroupSection",
     props,
-    classes: classes$A,
+    classes: classes$C,
     className,
     style,
     classNames: classNames2,
@@ -16259,12 +16259,12 @@ const ButtonGroupSection = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$w,
+    varsResolver: varsResolver$y,
     rootSelector: "groupSection"
   });
   return /* @__PURE__ */ jsxRuntime.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)}))` },
@@ -16272,7 +16272,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,
@@ -16326,7 +16326,7 @@ const Button$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Button",
     props,
-    classes: classes$A,
+    classes: classes$C,
     className,
     style,
     classNames: classNames2,
@@ -16334,7 +16334,7 @@ const Button$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$v
+    varsResolver: varsResolver$x
   });
   const hasLeftSection = !!leftSection;
   const hasRightSection = !!rightSection;
@@ -16375,14 +16375,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;
@@ -16397,9 +16397,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)
   }
@@ -16421,7 +16421,7 @@ const Card$1 = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Card",
     props,
-    classes: classes$z,
+    classes: classes$B,
     className,
     style,
     classNames: classNames2,
@@ -16429,7 +16429,7 @@ const Card$1 = polymorphicFactory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$u
+    varsResolver: varsResolver$w
   });
   const _children = React.Children.toArray(children);
   const content = _children.map((child, index2) => {
@@ -16443,10 +16443,10 @@ const Card$1 = polymorphicFactory((_props, ref) => {
   });
   return /* @__PURE__ */ jsxRuntime.jsx(CardProvider, { value: { getStyles: getStyles2 }, children: /* @__PURE__ */ jsxRuntime.jsx(Paper, { ref, unstyled, ...getStyles2("root"), ...others, children: content }) });
 });
-Card$1.classes = classes$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 {
@@ -16464,7 +16464,7 @@ const Center = polymorphicFactory((_props, ref) => {
   const getStyles2 = useStyles({
     name: "Center",
     props,
-    classes: classes$y,
+    classes: classes$A,
     className,
     style,
     classNames: classNames2,
@@ -16475,10 +16475,10 @@ const Center = polymorphicFactory((_props, ref) => {
   });
   return /* @__PURE__ */ jsxRuntime.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")
   }
@@ -16500,7 +16500,7 @@ const Container = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Container",
-    classes: classes$x,
+    classes: classes$z,
     props,
     className,
     style,
@@ -16509,7 +16509,7 @@ const Container = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$t
+    varsResolver: varsResolver$v
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
@@ -16521,13 +16521,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,
@@ -16535,7 +16535,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,
@@ -16553,7 +16553,7 @@ const Divider = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Divider",
-    classes: classes$w,
+    classes: classes$y,
     props,
     className,
     style,
@@ -16562,7 +16562,7 @@ const Divider = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$s
+    varsResolver: varsResolver$u
   });
   return /* @__PURE__ */ jsxRuntime.jsx(
     Box,
@@ -16576,9 +16576,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"
 );
@@ -16595,7 +16595,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);
@@ -16610,7 +16610,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);
@@ -16630,7 +16630,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);
@@ -16645,7 +16645,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);
@@ -16660,7 +16660,7 @@ const DrawerOverlay = factory((_props, ref) => {
     }
   );
 });
-DrawerOverlay.classes = classes$v;
+DrawerOverlay.classes = classes$x;
 DrawerOverlay.displayName = "@mantine/core/DrawerOverlay";
 function getDrawerAlign(position) {
   switch (position) {
@@ -16690,7 +16690,7 @@ const rtlTransitions = {
   right: "slide-right",
   left: "slide-left"
 };
-const defaultProps$J = {
+const defaultProps$N = {
   closeOnClickOutside: true,
   withinPortal: true,
   lockScroll: true,
@@ -16701,7 +16701,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),
@@ -16712,7 +16712,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,
@@ -16730,7 +16730,7 @@ const DrawerRoot = factory((_props, ref) => {
   const { dir } = useDirection();
   const getStyles2 = useStyles({
     name: "Drawer",
-    classes: classes$v,
+    classes: classes$x,
     props,
     className,
     style,
@@ -16739,7 +16739,7 @@ const DrawerRoot = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$r
+    varsResolver: varsResolver$t
   });
   const drawerTransition = (dir === "rtl" ? rtlTransitions : transitions)[position];
   return /* @__PURE__ */ jsxRuntime.jsx(DrawerProvider, { value: { scrollAreaComponent, getStyles: getStyles2, radius }, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -16754,7 +16754,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 }) {
@@ -16794,9 +16794,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,
@@ -16820,7 +16820,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 ? {
@@ -16862,7 +16862,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;
@@ -16875,7 +16875,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";
@@ -16957,11 +16957,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();
@@ -16990,7 +16990,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();
@@ -17027,12 +17027,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,
@@ -17040,7 +17040,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,
@@ -17061,7 +17061,7 @@ const Grid = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: "Grid",
-    classes: classes$u,
+    classes: classes$w,
     props,
     className,
     style,
@@ -17070,7 +17070,7 @@ const Grid = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$q
+    varsResolver: varsResolver$s
   });
   const responsiveClassName = useRandomClassName();
   if (type === "container" && breakpoints) {
@@ -17084,7 +17084,7 @@ const Grid = factory((_props, ref) => {
     /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...getStyles2("root", { className: responsiveClassName }), ...others, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...getStyles2("inner"), children }) })
   ] });
 });
-Grid.classes = classes$u;
+Grid.classes = classes$w;
 Grid.displayName = "@mantine/core/Grid";
 Grid.Col = GridCol;
 var index$3 = React.useLayoutEffect;
@@ -17321,13 +17321,13 @@ var TextareaAutosize = function TextareaAutosize2(_ref, userRef) {
   }
 };
 var index$2 = /* @__PURE__ */ React__namespace.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";
@@ -17351,7 +17351,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",
@@ -17368,7 +17368,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 {
@@ -17425,7 +17425,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) => {
@@ -17504,7 +17504,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(
@@ -17522,7 +17522,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 {
@@ -17564,7 +17564,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 {
@@ -17646,7 +17646,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)) {
@@ -17658,7 +17658,7 @@ function MenuSubTarget({ children, refProp }) {
   return /* @__PURE__ */ jsxRuntime.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 },
@@ -17671,7 +17671,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();
@@ -17707,11 +17707,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 = React.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(
@@ -17749,7 +17749,7 @@ const MenuTarget = React.forwardRef((props, ref) => {
   }) });
 });
 MenuTarget.displayName = "@mantine/core/MenuTarget";
-const defaultProps$C = {
+const defaultProps$G = {
   trapFocus: true,
   closeOnItemClick: true,
   withInitialFocusPlaceholder: true,
@@ -17761,7 +17761,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,
@@ -17789,7 +17789,7 @@ function Menu$1(_props) {
   } = props;
   const getStyles2 = useStyles({
     name: "Menu",
-    classes: classes$t,
+    classes: classes$v,
     props,
     classNames: classNames2,
     styles,
@@ -17866,7 +17866,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;
@@ -17874,7 +17874,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"
 );
@@ -17891,7 +17891,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);
@@ -17906,7 +17906,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);
@@ -17935,7 +17935,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);
@@ -17950,7 +17950,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);
@@ -17965,9 +17965,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,
@@ -17980,7 +17980,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),
@@ -17991,7 +17991,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,
@@ -18011,7 +18011,7 @@ const ModalRoot = factory((_props, ref) => {
   } = props;
   const getStyles2 = useStyles({
     name: __staticSelector,
-    classes: classes$s,
+    classes: classes$u,
     props,
     className,
     style,
@@ -18020,7 +18020,7 @@ const ModalRoot = factory((_props, ref) => {
     unstyled,
     attributes,
     vars,
-    varsResolver: varsResolver$p
+    varsResolver: varsResolver$r
   });
   return /* @__PURE__ */ jsxRuntime.jsx(ModalProvider, { value: { yOffset, scrollAreaComponent, getStyles: getStyles2, fullScreen }, children: /* @__PURE__ */ jsxRuntime.jsx(
     ModalBase,
@@ -18035,7 +18035,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 }) {
@@ -18075,9 +18075,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,
@@ -18103,7 +18103,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 ? {
@@ -18153,7 +18153,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;
@@ -18163,6 +18163,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__ */ jsxRuntime.jsx(PillGroupProvider, { value: { size: _size2, disabled }, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("span", { ...getStyles2("label"), children }),
+        withRemoveButton && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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 = React.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(PillsInputProvider, { value: { fieldRef, size: size2, disabled, hasError: !!error2, variant }, children: /* @__PURE__ */ jsxRuntime.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 = React.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__ */ jsxRuntime.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}`
+    );
+  });
+  React.useEffect(() => {
+    if (selectFirstOptionOnChange) {
+      combobox.selectFirstOption();
+    }
+  }, [selectFirstOptionOnChange, _searchValue]);
+  React.useEffect(() => {
+    _value.forEach((val) => {
+      if (val in optionsLockup) {
+        retainedSelectedOptions.current[val] = optionsLockup[val];
+      }
+    });
+  }, [optionsLockup, _value]);
+  const clearButton = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Combobox.DropdownTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            PillsInput,
+            {
+              ...styleProps,
+              __staticSelector: "MultiSelect",
+              classNames: resolvedClassNames,
+              styles: resolvedStyles,
+              unstyled,
+              size: size2,
+              className,
+              style,
+              variant,
+              disabled,
+              radius,
+              __defaultRightSection: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(
+                Pill.Group,
+                {
+                  attributes,
+                  disabled,
+                  unstyled,
+                  ...getStyles2("pillsList", { style: pillsListStyle }),
+                  children: [
+                    values2,
+                    /* @__PURE__ */ jsxRuntime.jsx(Combobox.EventsTarget, { autoComplete, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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 }) => {
@@ -42514,6 +43151,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 = React.forwardRef(
+  ({ classNames: classNames2, ...props }, ref) => /* @__PURE__ */ jsxRuntime.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 = React.forwardRef(
+  ({
+    clearable = true,
+    data,
+    filter = multiSelectSearchDefaultFilter,
+    maxDropdownHeight = 320,
+    nothingFoundMessage = "No results",
+    renderOption,
+    searchable = true,
+    size: size2 = "md",
+    ...props
+  }, ref) => {
+    const descriptionsByValue = React.useMemo(
+      () => new Map(
+        flattenMultiSelectSearchOptions(data).map((option) => [option.value, option.description])
+      ),
+      [data]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      MultiSelect,
+      {
+        ref,
+        clearable,
+        data,
+        filter,
+        maxDropdownHeight,
+        nothingFoundMessage,
+        renderOption: renderOption ?? (({ option }) => {
+          const description = descriptionsByValue.get(option.value);
+          return /* @__PURE__ */ jsxRuntime.jsxs(Stack, { gap: 2, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Text, { fw: 700, size: "sm", children: option.label }),
+            description ? /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(Text, { component: "span", ...rest, children: formatPercent(value, decimals) });
 }
@@ -44267,6 +45016,526 @@ function EquityGrantCard({
     }
   );
 }
+const DEFAULT_RIBBON_CONFIG = {
+  baseline: 0.82,
+  xEndStagger: 9e-3,
+  xEndDraw: [0.84, 0.849, 0.858, 0.867, 0.876],
+  xEndCurve: 0.914,
+  xStart: [0.05, 0.19, 0.34, 0.5, 0.66],
+  kArr: [1.7, 2.4, 3.1, 3.9, 4.9],
+  V: [0.082, 0.102, 0.132, 0.172, 0.21],
+  vMin: [0.038, 0.04, 0.042, 0.044, 0.046],
+  xStem: [0.05, 0.04, 0.035, 0.03, 0.025],
+  labelX: [0.08, 0.24, 0.4, 0.56, 0.8],
+  labelAboveGap: [0.034, 0.03, 0.028, 0.024],
+  labelLeftGap: 0.055,
+  labelLiquidityGap: 0.016,
+  labelNudge: [
+    [0, 0],
+    [0, 0],
+    [0, 0],
+    [0, 0],
+    [0, -0.012]
+  ],
+  samples: 72
+};
+const MARK_RIBBON_RIGHT_EDGE = 0.936;
+const MARK_FIT_HORIZONTAL_COMPRESS = 0.78;
+const MARK_RIBBON_CONFIG = {
+  ...DEFAULT_RIBBON_CONFIG,
+  baseline: 0.97,
+  xEndDraw: [
+    MARK_RIBBON_RIGHT_EDGE,
+    MARK_RIBBON_RIGHT_EDGE,
+    MARK_RIBBON_RIGHT_EDGE,
+    MARK_RIBBON_RIGHT_EDGE,
+    MARK_RIBBON_RIGHT_EDGE
+  ],
+  xEndCurve: 0.94,
+  xStart: [0.08, 0.2, 0.32, 0.44, 0.56],
+  xStem: [0.028, 0.022, 0.018, 0.015, 0.012]
+};
+function labelGapAbove(i, config2) {
+  const lastBand = config2.xStart.length - 1;
+  if (i === lastBand) return config2.labelLiquidityGap;
+  return config2.labelAboveGap[i] ?? config2.labelLiquidityGap;
+}
+function mergeBounds(a, b) {
+  return {
+    minX: Math.min(a.minX, b.minX),
+    minY: Math.min(a.minY, b.minY),
+    maxX: Math.max(a.maxX, b.maxX),
+    maxY: Math.max(a.maxY, b.maxY)
+  };
+}
+function transformPathD(d, scaleX, scaleY, tx, ty) {
+  return d.replace(/(-?[\d.]+),(-?[\d.]+)/g, (_, x, y) => {
+    const px2 = Number(x) * scaleX + tx;
+    const py = Number(y) * scaleY + ty;
+    return `${px2.toFixed(1)},${py.toFixed(1)}`;
+  });
+}
+function computeMarkFitTransform(bounds, width, height, paddingRatio) {
+  const pad = paddingRatio * Math.min(width, height);
+  const bw = bounds.maxX - bounds.minX;
+  const bh = bounds.maxY - bounds.minY;
+  if (bw <= 0 || bh <= 0) {
+    return { scaleX: 1, scaleY: 1, tx: 0, ty: 0 };
+  }
+  const scaleY = (height - pad * 2) / bh;
+  let scaleX = scaleY * MARK_FIT_HORIZONTAL_COMPRESS;
+  if (bw * scaleX > width - pad * 2) {
+    scaleX = (width - pad * 2) / bw;
+  }
+  const tx = (width - bw * scaleX) / 2 - bounds.minX * scaleX;
+  const ty = (height - bh * scaleY) / 2 - bounds.minY * scaleY;
+  return { scaleX, scaleY, tx, ty };
+}
+function valAt(i, xf, config2) {
+  const { xStart, xEndCurve, kArr, V, vMin, xStem } = config2;
+  const xLo = xStart[i] - xStem[i];
+  if (xf < xLo || xf > xEndCurve) return 0;
+  if (xf < xStart[i]) return vMin[i];
+  const u = (xf - xStart[i]) / (xEndCurve - xStart[i]);
+  const grow = (Math.exp(kArr[i] * u) - 1) / (Math.exp(kArr[i]) - 1);
+  return vMin[i] + (V[i] - vMin[i]) * grow;
+}
+function cumBelow(i, xf, config2) {
+  let sum = 0;
+  for (let j = 0; j < i; j++) sum += valAt(j, xf, config2);
+  return sum;
+}
+function buildBandPath(i, width, height, config2) {
+  const { xStart, xEndCurve, xStem, baseline } = config2;
+  const samples = Math.max(1, Math.floor(config2.samples));
+  const xLo = xStart[i] - xStem[i];
+  const top = [];
+  const bot = [];
+  for (let s = 0; s <= samples; s++) {
+    const xf = xLo + (xEndCurve - xLo) * (s / samples);
+    const below = cumBelow(i, xf, config2);
+    const v = valAt(i, xf, config2);
+    const x = xf * width;
+    top.push([x, (baseline - below - v) * height]);
+    bot.push([x, (baseline - below) * height]);
+  }
+  let minX = Number.POSITIVE_INFINITY;
+  let minY = Number.POSITIVE_INFINITY;
+  let maxX = Number.NEGATIVE_INFINITY;
+  let maxY = Number.NEGATIVE_INFINITY;
+  for (const [x, y] of [...top, ...bot]) {
+    minX = Math.min(minX, x);
+    minY = Math.min(minY, y);
+    maxX = Math.max(maxX, x);
+    maxY = Math.max(maxY, y);
+  }
+  let d = `M${top[0][0].toFixed(1)},${top[0][1].toFixed(1)}`;
+  for (let s = 1; s <= samples; s++) {
+    d += ` L${top[s][0].toFixed(1)},${top[s][1].toFixed(1)}`;
+  }
+  d += ` L${bot[samples][0].toFixed(1)},${bot[samples][1].toFixed(1)}`;
+  for (let s = samples - 1; s >= 0; s--) {
+    d += ` L${bot[s][0].toFixed(1)},${bot[s][1].toFixed(1)}`;
+  }
+  return { d: `${d} Z`, bounds: { minX, minY, maxX, maxY } };
+}
+function buildLabel(i, text, _width, _height, config2, offsetXNorm) {
+  const { baseline, xStart, xStem, labelNudge } = config2;
+  const xf = xStart[i] - xStem[i] + offsetXNorm;
+  const below = cumBelow(i, xf, config2);
+  const v = valAt(i, xf, config2);
+  const yTop = baseline - below - v;
+  const [nudgeX, nudgeY] = labelNudge[i];
+  return {
+    index: i,
+    text,
+    leftPct: (xf + nudgeX) * 100,
+    topPct: (yTop - labelGapAbove(i, config2) + nudgeY) * 100,
+    placement: "start"
+  };
+}
+function clampBandCount(count2, max2 = 5) {
+  if (!Number.isFinite(count2)) return max2;
+  return Math.min(max2, Math.max(1, Math.round(count2)));
+}
+function buildRibbonGeometry(width, height, labels, config2 = DEFAULT_RIBBON_CONFIG, bandCount = config2.xStart.length, layout = "hero") {
+  const totalBands = config2.xStart.length;
+  const visibleBands = clampBandCount(bandCount, totalBands);
+  if (width <= 0 || height <= 0) {
+    return null;
+  }
+  const paths = [];
+  const clipWidthPx = [];
+  let bounds = null;
+  for (let i = 0; i < visibleBands; i++) {
+    const band = buildBandPath(i, width, height, config2);
+    paths.push(band.d);
+    clipWidthPx.push(config2.xEndDraw[i] * width);
+    bounds = bounds ? mergeBounds(bounds, band.bounds) : band.bounds;
+  }
+  let fitPaths = paths;
+  let fitClips = clipWidthPx;
+  let offsetXNorm = 0;
+  if (bounds) {
+    if (layout === "mark") {
+      const { scaleX, scaleY, tx, ty } = computeMarkFitTransform(bounds, width, height, 0.05);
+      fitPaths = paths.map((p) => transformPathD(p, scaleX, scaleY, tx, ty));
+      const alignedClipRight = MARK_RIBBON_RIGHT_EDGE * width * scaleX + tx;
+      fitClips = clipWidthPx.map(() => alignedClipRight);
+      offsetXNorm = tx / width;
+    } else if (layout === "hero") {
+      const bw = bounds.maxX - bounds.minX;
+      const tx = (width - bw) / 2 - bounds.minX;
+      fitPaths = paths.map((p) => transformPathD(p, 1, 1, tx, 0));
+      fitClips = clipWidthPx.map((w) => w + tx);
+      offsetXNorm = tx / width;
+    }
+  }
+  const paddedLabels = Array.from({ length: visibleBands }, (_, i) => labels[i] ?? "");
+  const builtLabels = paddedLabels.map(
+    (text, i) => buildLabel(i, text, width, height, config2, offsetXNorm)
+  );
+  return {
+    paths: fitPaths,
+    clipWidthPx: fitClips,
+    labels: builtLabels,
+    width,
+    height,
+    bandCount: visibleBands
+  };
+}
+function easePower1InOut(t) {
+  const p = Math.max(0, Math.min(1, t));
+  return p < 0.5 ? 2 * p * p : 1 - (-2 * p + 2) ** 2 / 2;
+}
+function easePower2Out(t) {
+  const p = Math.max(0, Math.min(1, t));
+  return 1 - (1 - p) ** 2;
+}
+function ribbonLabelRevealTime(labelIndex, duration2, config2 = DEFAULT_RIBBON_CONFIG) {
+  return Math.min(duration2, config2.labelX[labelIndex] * duration2 + 0.25);
+}
+const ribbonChartLabelDefault = "#FFFFFF";
+const ribbonChartSurface = {
+  white: "#FFFFFF",
+  black: "#0D1023"
+};
+const ribbonBandGradientStops = [
+  { idSuffix: "0", start: "#33198C", end: "#5B2BF0" },
+  { idSuffix: "1", start: "#4A22C8", end: "#7A3DF5" },
+  { idSuffix: "2", start: "#6A32E8", end: "#9A6BFF" },
+  { idSuffix: "3", start: "#8A52F5", end: "#BD84FF" },
+  { idSuffix: "4", start: "#A86BFF", end: "#E6ABFF" }
+];
+const RIBBON_BACKGROUND_CLASS = {
+  white: "fairmint-equity-ribbon--bg-white",
+  black: "fairmint-equity-ribbon--bg-black",
+  transparent: "fairmint-equity-ribbon--bg-transparent"
+};
+const DEFAULT_RIBBON_LABELS = [
+  "Cap Table",
+  "Fundraising",
+  "Grants",
+  "Secondaries",
+  "Liquidity"
+];
+const RIBBON_BAND_GRADIENTS = ribbonBandGradientStops;
+const RIBBON_SURFACE_CSS_VARS = {
+  "--fairmint-ribbon-surface-white": ribbonChartSurface.white,
+  "--fairmint-ribbon-surface-black": ribbonChartSurface.black
+};
+const REVEAL_DURATION_MS = 2300;
+const REVEAL_DELAY_MS = 420;
+function labelAnchorTransform(_placement, yOffsetPx) {
+  return `translate(0, calc(-100% + ${yOffsetPx}px))`;
+}
+function labelClassName(_placement) {
+  return "fairmint-equity-ribbon__label fairmint-equity-ribbon__label--start";
+}
+function resolveGradients(gradients, bandCount) {
+  const source = gradients ?? RIBBON_BAND_GRADIENTS;
+  return Array.from({ length: bandCount }, (_, i) => {
+    const fallback = RIBBON_BAND_GRADIENTS[i] ?? RIBBON_BAND_GRADIENTS[RIBBON_BAND_GRADIENTS.length - 1];
+    const g = source[i] ?? fallback;
+    return {
+      idSuffix: String(i),
+      start: g.start,
+      end: g.end
+    };
+  });
+}
+function EquityRibbonChart({
+  labels = DEFAULT_RIBBON_LABELS,
+  bandCount: bandCountProp = 5,
+  gradients,
+  animated = true,
+  hideLabels = false,
+  background = "transparent",
+  layout = "hero",
+  labelColor = ribbonChartLabelDefault,
+  className,
+  height,
+  style
+}) {
+  const bandCount = clampBandCount(bandCountProp);
+  const labelsKey = labels.join("
");
+  const labelsRef = React.useRef(labels);
+  labelsRef.current = labels;
+  const bandGradients = resolveGradients(gradients, bandCount);
+  const uid = React.useId().replace(/:/g, "");
+  const rootRef = React.useRef(null);
+  const playedRef = React.useRef(false);
+  const rafRef = React.useRef(null);
+  const revealGenerationRef = React.useRef(0);
+  const revealScheduleRef = React.useRef(0);
+  const cancelRevealAnimation = React.useCallback(() => {
+    revealGenerationRef.current += 1;
+    if (rafRef.current !== null) {
+      cancelAnimationFrame(rafRef.current);
+      rafRef.current = null;
+    }
+  }, []);
+  const [geometry, setGeometry] = React.useState(null);
+  const [revealWidth, setRevealWidth] = React.useState(0);
+  const [labelStyles, setLabelStyles] = React.useState(
+    () => labels.slice(0, bandCount).map(() => ({ opacity: 0, transform: "translateY(6px)" }))
+  );
+  const rebuild = React.useCallback(() => {
+    cancelRevealAnimation();
+    const el = rootRef.current;
+    if (!el) return;
+    const width = el.clientWidth;
+    const heightPx = el.clientHeight;
+    const config2 = layout === "mark" ? MARK_RIBBON_CONFIG : void 0;
+    const built = buildRibbonGeometry(
+      width,
+      heightPx,
+      labelsRef.current,
+      config2,
+      bandCount,
+      layout
+    );
+    setGeometry(built);
+    if (built && (playedRef.current || !animated)) {
+      setRevealWidth(built.width);
+      setLabelStyles(
+        built.labels.map((lbl) => ({
+          opacity: 1,
+          transform: labelAnchorTransform(lbl.placement, 0)
+        }))
+      );
+    }
+  }, [animated, bandCount, cancelRevealAnimation, labelsKey, layout]);
+  React.useLayoutEffect(() => {
+    playedRef.current = false;
+    revealScheduleRef.current = 0;
+    cancelRevealAnimation();
+    if (animated) {
+      setRevealWidth(0);
+      setLabelStyles(
+        labelsRef.current.slice(0, bandCount).map(() => ({
+          opacity: 0,
+          transform: "translateY(6px)"
+        }))
+      );
+    }
+    rebuild();
+  }, [animated, bandCount, cancelRevealAnimation, rebuild]);
+  React.useEffect(() => () => cancelRevealAnimation(), [cancelRevealAnimation]);
+  React.useEffect(() => {
+    const el = rootRef.current;
+    if (!el) return;
+    if (typeof ResizeObserver === "undefined") {
+      rebuild();
+      return;
+    }
+    const ro = new ResizeObserver(() => {
+      rebuild();
+    });
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [rebuild]);
+  const runReveal = React.useCallback(() => {
+    if (!geometry || playedRef.current) return;
+    if (!animated) {
+      playedRef.current = true;
+      setRevealWidth(geometry.width);
+      setLabelStyles(
+        geometry.labels.map((lbl) => ({
+          opacity: 1,
+          transform: labelAnchorTransform(lbl.placement, 0)
+        }))
+      );
+      return;
+    }
+    const reduceMotion = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    if (reduceMotion) {
+      playedRef.current = true;
+      setRevealWidth(geometry.width);
+      setLabelStyles(
+        geometry.labels.map((lbl) => ({
+          opacity: 1,
+          transform: labelAnchorTransform(lbl.placement, 0)
+        }))
+      );
+      return;
+    }
+    playedRef.current = true;
+    setRevealWidth(0);
+    setLabelStyles(
+      geometry.labels.map((lbl) => ({
+        opacity: 0,
+        transform: labelAnchorTransform(lbl.placement, 6)
+      }))
+    );
+    const generation = revealGenerationRef.current;
+    const start = performance.now();
+    const tick = (now) => {
+      if (generation !== revealGenerationRef.current) return;
+      const elapsed = now - start;
+      const t = Math.min(1, elapsed / REVEAL_DURATION_MS);
+      const eased = easePower1InOut(t);
+      setRevealWidth(geometry.width * eased);
+      setLabelStyles(
+        geometry.labels.map((lbl, i) => {
+          const labelStart = ribbonLabelRevealTime(i, REVEAL_DURATION_MS / 1e3) * 1e3;
+          const labelDur = 550;
+          const lt2 = Math.min(1, Math.max(0, (elapsed - labelStart) / labelDur));
+          const lo = easePower2Out(lt2);
+          const y = 6 * (1 - lo);
+          return { opacity: lo, transform: labelAnchorTransform(lbl.placement, y) };
+        })
+      );
+      if (t < 1) {
+        rafRef.current = requestAnimationFrame(tick);
+      } else {
+        setRevealWidth(geometry.width);
+        setLabelStyles(
+          geometry.labels.map((lbl) => ({
+            opacity: 1,
+            transform: labelAnchorTransform(lbl.placement, 0)
+          }))
+        );
+      }
+    };
+    rafRef.current = requestAnimationFrame(tick);
+  }, [animated, geometry]);
+  React.useEffect(() => {
+    if (!geometry || playedRef.current) return;
+    const scheduleId = ++revealScheduleRef.current;
+    const delay = scheduleId === 1 ? REVEAL_DELAY_MS : 0;
+    const timer = window.setTimeout(() => {
+      if (scheduleId !== revealScheduleRef.current) return;
+      runReveal();
+    }, delay);
+    return () => window.clearTimeout(timer);
+  }, [geometry, runReveal]);
+  const suppressLabels = hideLabels || layout === "mark";
+  const activeGeometry = geometry && geometry.bandCount === bandCount ? geometry : null;
+  const rootClass = [
+    "fairmint-equity-ribbon",
+    RIBBON_BACKGROUND_CLASS[background],
+    layout === "mark" ? "fairmint-equity-ribbon--layout-mark" : "",
+    suppressLabels ? "fairmint-equity-ribbon--hidden-labels" : "",
+    className ?? ""
+  ].filter(Boolean).join(" ");
+  const rootStyle = {
+    ...RIBBON_SURFACE_CSS_VARS,
+    ...style,
+    ...height ? { height } : {}
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: rootClass, style: rootStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        className: "fairmint-equity-ribbon__svg",
+        preserveAspectRatio: "none",
+        "aria-hidden": "true",
+        viewBox: activeGeometry ? `0 0 ${activeGeometry.width} ${activeGeometry.height}` : "0 0 1 1",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("defs", { children: [
+            bandGradients.map((g) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "linearGradient",
+              {
+                id: `${uid}-bg${g.idSuffix}`,
+                x1: "0",
+                y1: "1",
+                x2: "1",
+                y2: "0",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0", stopColor: g.start }),
+                  /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "1", stopColor: g.end })
+                ]
+              },
+              g.idSuffix
+            )),
+            /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: `${uid}-revealclip`, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: 0, y: -1, width: revealWidth, height: (activeGeometry?.height ?? 1) + 2 }) }),
+            activeGeometry ? activeGeometry.paths.map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: `${uid}-bandclip${i}`, children: /* @__PURE__ */ jsxRuntime.jsx(
+              "rect",
+              {
+                x: 0,
+                y: -1,
+                width: activeGeometry.clipWidthPx[i],
+                height: activeGeometry.height + 2
+              }
+            ) }, `bandclip-${bandGradients[i].idSuffix}`)) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("g", { clipPath: `url(#${uid}-revealclip)`, children: activeGeometry?.paths.map((d, i) => /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              className: "fairmint-equity-ribbon__band",
+              fill: `url(#${uid}-bg${bandGradients[i].idSuffix})`,
+              clipPath: `url(#${uid}-bandclip${i})`,
+              d
+            },
+            bandGradients[i].idSuffix
+          )) })
+        ]
+      }
+    ),
+    !suppressLabels && activeGeometry?.labels.map((lbl, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: labelClassName(lbl.placement),
+        style: {
+          left: `${lbl.leftPct}%`,
+          top: `${lbl.topPct}%`,
+          color: labelColor,
+          opacity: labelStyles[i]?.opacity ?? 0,
+          transform: labelStyles[i]?.transform
+        },
+        children: lbl.text
+      },
+      `${lbl.text}-${lbl.index}`
+    ))
+  ] });
+}
+function FairmintRibbonMark({
+  size: size2 = 64,
+  bandCount = 5,
+  gradients,
+  background = "black",
+  labelColor,
+  className,
+  style
+}) {
+  const dimension = `${size2}px`;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EquityRibbonChart,
+    {
+      bandCount,
+      gradients,
+      background,
+      labelColor,
+      layout: "mark",
+      animated: false,
+      hideLabels: true,
+      className: ["fairmint-ribbon-mark", className].filter(Boolean).join(" "),
+      height: dimension,
+      style: { width: dimension, height: dimension, ...style }
+    }
+  );
+}
 function InvestmentCard({
   companyName,
   logoUrl,
@@ -45036,6 +46305,8 @@ exports.ConfidentialityBanner = ConfidentialityBanner;
 exports.ConfirmDialog = ConfirmDialog;
 exports.Container = Container;
 exports.Currency = Currency;
+exports.DEFAULT_RIBBON_CONFIG = DEFAULT_RIBBON_CONFIG;
+exports.DEFAULT_RIBBON_LABELS = DEFAULT_RIBBON_LABELS;
 exports.DataRow = DataRow;
 exports.DataTable = DataTable;
 exports.DateDisplay = DateDisplay;
@@ -45048,12 +46319,14 @@ exports.EditableSection = EditableSection;
 exports.EmailField = EmailField;
 exports.EmptyState = EmptyState;
 exports.EquityGrantCard = EquityGrantCard;
+exports.EquityRibbonChart = EquityRibbonChart;
 exports.ErrorFallback = ErrorFallback;
 exports.ErrorPage = ErrorPage;
 exports.EthereumAddressField = EthereumAddressField;
 exports.Eyebrow = Eyebrow;
 exports.FairmintLogo = FairmintLogo;
 exports.FairmintProvider = FairmintProvider;
+exports.FairmintRibbonMark = FairmintRibbonMark;
 exports.Flex = Flex;
 exports.Form = Form;
 exports.FormField = FormField;
@@ -45064,9 +46337,13 @@ exports.InvestorProfileCard = InvestorProfileCard;
 exports.ListRow = ListRow;
 exports.Loader = Loader;
 exports.LoadingSpinner = LoadingSpinner;
+exports.MARK_RIBBON_CONFIG = MARK_RIBBON_CONFIG;
+exports.MARK_RIBBON_RIGHT_EDGE = MARK_RIBBON_RIGHT_EDGE;
 exports.MOBILE_BREAKPOINT = MOBILE_BREAKPOINT;
 exports.Menu = Menu;
 exports.Modal = Modal;
+exports.MultiSelect = MultiSelect;
+exports.MultiSelectSearch = MultiSelectSearch;
 exports.NavLink = NavLink;
 exports.Notification = Notification;
 exports.Notifications = Notifications;
@@ -45081,6 +46358,8 @@ exports.PhoneField = PhoneField;
 exports.PhotoCropModal = PhotoCropModal;
 exports.PinInput = PinInput;
 exports.Progress = Progress;
+exports.RIBBON_BACKGROUND_CLASS = RIBBON_BACKGROUND_CLASS;
+exports.RIBBON_BAND_GRADIENTS = RIBBON_BAND_GRADIENTS;
 exports.RadioCard = RadioCard;
 exports.RedactedValue = RedactedValue;
 exports.ScrollArea = ScrollArea;
@@ -45114,6 +46393,7 @@ exports.WalletList = WalletList;
 exports.ZERO_ETHEREUM_ADDRESS = ZERO_ETHEREUM_ADDRESS;
 exports.ZipField = ZipField;
 exports.brandColors = brandColors;
+exports.clampBandCount = clampBandCount;
 exports.colors = colors;
 exports.createFairmintMantineProviderProps = createFairmintMantineProviderProps;
 exports.createZipSchema = createZipSchema;