@fairmint/ui 0.2.26 → 0.2.28

package/dist/fairmint-ui.js

@@ -757,12 +757,12 @@ function shallowCompare(prevValue, currValue) {
 }
 function useShallowCompare(dependencies) {
   const ref = useRef([]);
-  const updateRef = useRef(0);
+  const updateRef3 = useRef(0);
   if (!shallowCompare(ref.current, dependencies)) {
     ref.current = dependencies;
-    updateRef.current += 1;
+    updateRef3.current += 1;
   }
-  return [updateRef.current];
+  return [updateRef3.current];
 }
 function useShallowEffect(cb, dependencies) {
   useEffect(cb, useShallowCompare(dependencies));
@@ -2483,7 +2483,7 @@ Transition$2.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   onExited: PropTypes.func
 } : {};
-function noop$4() {
+function noop$5() {
 }
 Transition$2.defaultProps = {
   in: false,
@@ -2492,12 +2492,12 @@ Transition$2.defaultProps = {
   appear: false,
   enter: true,
   exit: true,
-  onEnter: noop$4,
-  onEntering: noop$4,
-  onEntered: noop$4,
-  onExit: noop$4,
-  onExiting: noop$4,
-  onExited: noop$4
+  onEnter: noop$5,
+  onEntering: noop$5,
+  onEntered: noop$5,
+  onExit: noop$5,
+  onExiting: noop$5,
+  onExited: noop$5
 };
 Transition$2.UNMOUNTED = UNMOUNTED;
 Transition$2.EXITED = EXITED;
@@ -2605,7 +2605,7 @@ var values$1 = Object.values || function(obj) {
     return obj[k];
   });
 };
-var defaultProps$_ = {
+var defaultProps$$ = {
   component: "div",
   childFactory: function childFactory(child) {
     return child;
@@ -2732,7 +2732,7 @@ TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: PropTypes.func
 } : {};
-TransitionGroup.defaultProps = defaultProps$_;
+TransitionGroup.defaultProps = defaultProps$$;
 var extendStatics = function(d, b) {
   extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
     d2.__proto__ = b2;
@@ -3688,11 +3688,11 @@ const elevations = {
 function getDefaultZIndex(level) {
   return elevations[level];
 }
-const noop$3 = () => {
+const noop$4 = () => {
 };
 function closeOnEscape(callback, options = { active: true }) {
   if (typeof callback !== "function" || !options.active) {
-    return options.onKeyDown || noop$3;
+    return options.onKeyDown || noop$4;
   }
   return (event) => {
     if (event.key === "Escape") {
@@ -6154,7 +6154,7 @@ function useCollapse({
   }
   return getCollapseProps;
 }
-const defaultProps$Z = {
+const defaultProps$_ = {
   transitionDuration: 200,
   transitionTimingFunction: "ease",
   animateOpacity: true
@@ -6170,7 +6170,7 @@ const Collapse = factory((props, ref) => {
     animateOpacity,
     keepMounted,
     ...others
-  } = useProps("Collapse", defaultProps$Z, props);
+  } = useProps("Collapse", defaultProps$_, props);
   const theme2 = useMantineTheme();
   const shouldReduceMotion = useReducedMotion();
   const reduceMotion = theme2.respectReducedMotion ? shouldReduceMotion : false;
@@ -6601,15 +6601,15 @@ function isMouseLikePointerType(pointerType, strict) {
   return values2.includes(pointerType);
 }
 var isClient$1 = typeof document !== "undefined";
-var noop$2 = function noop() {
+var noop$3 = function noop() {
 };
-var index$3 = isClient$1 ? useLayoutEffect : noop$2;
+var index$5 = isClient$1 ? useLayoutEffect : noop$3;
 const SafeReact$1 = {
   ...React
 };
 function useLatestRef$1(value) {
   const ref = React.useRef(value);
-  index$3(() => {
+  index$5(() => {
     ref.current = value;
   });
   return ref;
@@ -8080,9 +8080,9 @@ const computePosition = (reference, floating, options) => {
   });
 };
 var isClient = typeof document !== "undefined";
-var noop$1 = function noop2() {
+var noop$2 = function noop2() {
 };
-var index$2 = isClient ? useLayoutEffect : noop$1;
+var index$4 = isClient ? useLayoutEffect : noop$2;
 function deepEqual(a, b) {
   if (a === b) {
     return true;
@@ -8143,7 +8143,7 @@ function roundByDPR(element, value) {
 }
 function useLatestRef(value) {
   const ref = React.useRef(value);
-  index$2(() => {
+  index$4(() => {
     ref.current = value;
   });
   return ref;
@@ -8229,7 +8229,7 @@ function useFloating$1(options) {
       }
     });
   }, [latestMiddleware, placement, strategy, platformRef, openRef]);
-  index$2(() => {
+  index$4(() => {
     if (open === false && dataRef.current.isPositioned) {
       dataRef.current.isPositioned = false;
       setData((data2) => ({
@@ -8239,13 +8239,13 @@ function useFloating$1(options) {
     }
   }, [open]);
   const isMountedRef = React.useRef(false);
-  index$2(() => {
+  index$4(() => {
     isMountedRef.current = true;
     return () => {
       isMountedRef.current = false;
     };
   }, []);
-  index$2(() => {
+  index$4(() => {
     if (referenceEl) referenceRef.current = referenceEl;
     if (floatingEl) floatingRef.current = floatingEl;
     if (referenceEl && floatingEl) {
@@ -8446,7 +8446,7 @@ const genId = () => (
 );
 function useFloatingId() {
   const [id2, setId] = React.useState(() => serverHandoffComplete ? genId() : void 0);
-  index$3(() => {
+  index$5(() => {
     if (id2 == null) {
       setId(genId());
     }
@@ -8752,7 +8752,7 @@ function useHover(context, props) {
       };
     }
   }, [elements, enabled, context, mouseOnly, move, closeWithDelay, cleanupMouseMoveHandler, clearPointerEvents, onOpenChange, open, openRef, tree, delayRef, handleCloseRef, dataRef, isClickLikeOpenEvent, restMsRef]);
-  index$3(() => {
+  index$5(() => {
     var _handleCloseRef$curre;
     if (!enabled) return;
     if (open && (_handleCloseRef$curre = handleCloseRef.current) != null && (_handleCloseRef$curre = _handleCloseRef$curre.__options) != null && _handleCloseRef$curre.blockPointerEvents && isHoverOpen()) {
@@ -8778,7 +8778,7 @@ function useHover(context, props) {
       }
     }
   }, [enabled, open, parentId, elements, tree, handleCloseRef, isHoverOpen]);
-  index$3(() => {
+  index$5(() => {
     if (!open) {
       pointerTypeRef.current = void 0;
       restTimeoutPendingRef.current = false;
@@ -8867,7 +8867,7 @@ function FloatingDelayGroup(props) {
       currentId
     });
   }, []);
-  index$3(() => {
+  index$5(() => {
     if (state.currentId) {
       if (initialCurrentIdRef.current === null) {
         initialCurrentIdRef.current = state.currentId;
@@ -8916,7 +8916,7 @@ function useDelayGroup(context, options) {
     setState,
     timeoutMs
   } = groupContext;
-  index$3(() => {
+  index$5(() => {
     if (!enabled) return;
     if (!currentId) return;
     setState({
@@ -8929,7 +8929,7 @@ function useDelayGroup(context, options) {
       onOpenChange(false);
     }
   }, [enabled, id2, onOpenChange, setState, currentId, initialDelay]);
-  index$3(() => {
+  index$5(() => {
     function unset() {
       onOpenChange(false);
       setState({
@@ -8949,7 +8949,7 @@ function useDelayGroup(context, options) {
       unset();
     }
   }, [enabled, open, setState, currentId, id2, onOpenChange, initialDelay, timeoutMs]);
-  index$3(() => {
+  index$5(() => {
     if (!enabled) return;
     if (setCurrentId === NOOP || !open) return;
     setCurrentId(id2);
@@ -9294,7 +9294,7 @@ function useFloating(options) {
   const domReference = optionDomReference || _domReference;
   const domReferenceRef = React.useRef(null);
   const tree = useFloatingTree();
-  index$3(() => {
+  index$5(() => {
     if (domReference) {
       domReferenceRef.current = domReference;
     }
@@ -9346,7 +9346,7 @@ function useFloating(options) {
     elements,
     nodeId
   }), [position, refs, elements, nodeId, rootContext]);
-  index$3(() => {
+  index$5(() => {
     rootContext.dataRef.current.floatingContext = context;
     const node = tree == null ? void 0 : tree.nodesRef.current.find((node2) => node2.id === nodeId);
     if (node) {
@@ -9691,14 +9691,14 @@ const ScrollAreaCorner = forwardRef((props, ref) => {
   const hasCorner = ctx.type !== "scroll" && hasBothScrollbarsVisible;
   return hasCorner ? /* @__PURE__ */ jsx(Corner, { ...props, ref }) : null;
 });
-const defaultProps$Y = {
+const defaultProps$Z = {
   scrollHideDelay: 1e3,
   type: "hover"
 };
 const ScrollAreaRoot = forwardRef((_props, ref) => {
   const { type, scrollHideDelay, scrollbars, getStyles: getStyles2, ...others } = useProps(
     "ScrollAreaRoot",
-    defaultProps$Y,
+    defaultProps$Z,
     _props
   );
   const [scrollArea, setScrollArea] = useState(null);
@@ -10340,7 +10340,7 @@ const ScrollAreaViewport = forwardRef(
   }
 );
 ScrollAreaViewport.displayName = "@mantine/core/ScrollAreaViewport";
-const defaultProps$X = {
+const defaultProps$Y = {
   scrollHideDelay: 1e3,
   type: "hover",
   scrollbars: "xy"
@@ -10364,7 +10364,7 @@ const varsResolver$T = createVarsResolver(
   }
 );
 const ScrollArea = factory((_props, ref) => {
-  const props = useProps("ScrollArea", defaultProps$X, _props);
+  const props = useProps("ScrollArea", defaultProps$Y, _props);
   const {
     classNames: classNames2,
     className,
@@ -10516,7 +10516,7 @@ const ScrollAreaAutosize = factory((props, ref) => {
     onTopReached,
     onOverflowChange,
     ...others
-  } = useProps("ScrollAreaAutosize", defaultProps$X, props);
+  } = useProps("ScrollAreaAutosize", defaultProps$Y, props);
   const viewportObserverRef = useRef(null);
   const combinedViewportRef = useMergeRefs([viewportRef, viewportObserverRef]);
   const [overflowing, setOverflowing] = useState(false);
@@ -10593,12 +10593,12 @@ ScrollAreaAutosize.displayName = "@mantine/core/ScrollAreaAutosize";
 ScrollAreaAutosize.classes = classes$Q;
 ScrollArea.Autosize = ScrollAreaAutosize;
 var classes$P = { "root": "m_87cf2631" };
-const defaultProps$W = {
+const defaultProps$X = {
   __staticSelector: "UnstyledButton"
 };
 const UnstyledButton = polymorphicFactory(
   (_props, ref) => {
-    const props = useProps("UnstyledButton", defaultProps$W, _props);
+    const props = useProps("UnstyledButton", defaultProps$X, _props);
     const {
       className,
       component = "button",
@@ -10844,7 +10844,7 @@ function getFloatingPosition(dir, position) {
   return position;
 }
 var classes$M = { "root": "m_9814e45f" };
-const defaultProps$V = {
+const defaultProps$W = {
   zIndex: getDefaultZIndex("modal")
 };
 const varsResolver$R = createVarsResolver(
@@ -10858,7 +10858,7 @@ const varsResolver$R = createVarsResolver(
   })
 );
 const Overlay = polymorphicFactory((_props, ref) => {
-  const props = useProps("Overlay", defaultProps$V, _props);
+  const props = useProps("Overlay", defaultProps$W, _props);
   const {
     classNames: classNames2,
     className,
@@ -10923,11 +10923,11 @@ function getTargetNode({ target, reuseTargetNode, ...others }) {
   }
   return createPortalNode(others);
 }
-const defaultProps$U = {
+const defaultProps$V = {
   reuseTargetNode: true
 };
 const Portal = factory((props, ref) => {
-  const { children, target, reuseTargetNode, ...others } = useProps("Portal", defaultProps$U, props);
+  const { children, target, reuseTargetNode, ...others } = useProps("Portal", defaultProps$V, props);
   const [mounted, setMounted] = useState(false);
   const nodeRef = useRef(null);
   useIsomorphicEffect$1(() => {
@@ -11363,14 +11363,14 @@ const PopoverDropdown = factory((_props, ref) => {
 });
 PopoverDropdown.classes = classes$L;
 PopoverDropdown.displayName = "@mantine/core/PopoverDropdown";
-const defaultProps$T = {
+const defaultProps$U = {
   refProp: "ref",
   popupType: "dialog"
 };
 const PopoverTarget = factory((props, ref) => {
   const { children, refProp, popupType, ...others } = useProps(
     "PopoverTarget",
-    defaultProps$T,
+    defaultProps$U,
     props
   );
   const child = getSingleElementChild(children);
@@ -11537,7 +11537,7 @@ function usePopover(options) {
     onToggle
   };
 }
-const defaultProps$S = {
+const defaultProps$T = {
   position: "bottom",
   offset: 8,
   positionDependencies: [],
@@ -11567,7 +11567,7 @@ const varsResolver$Q = createVarsResolver((_, { radius, shadow }) => ({
   }
 }));
 function Popover(_props) {
-  const props = useProps("Popover", defaultProps$S, _props);
+  const props = useProps("Popover", defaultProps$T, _props);
   const {
     children,
     position,
@@ -11797,7 +11797,7 @@ const defaultLoaders = {
   oval: Oval,
   dots: Dots
 };
-const defaultProps$R = {
+const defaultProps$S = {
   loaders: defaultLoaders,
   type: "oval"
 };
@@ -11808,7 +11808,7 @@ const varsResolver$P = createVarsResolver((theme2, { size: size2, color }) => ({
   }
 }));
 const Loader$1 = factory((_props, ref) => {
-  const props = useProps("Loader", defaultProps$R, _props);
+  const props = useProps("Loader", defaultProps$S, _props);
   const {
     size: size2,
     color,
@@ -11857,14 +11857,14 @@ Loader$1.defaultLoaders = defaultLoaders;
 Loader$1.classes = classes$K;
 Loader$1.displayName = "@mantine/core/Loader";
 var classes$J = { "root": "m_8d3f4000", "icon": "m_8d3afb97", "loader": "m_302b9fb1", "group": "m_1a0f1b21", "groupSection": "m_437b6484" };
-const defaultProps$Q = {
+const defaultProps$R = {
   orientation: "horizontal"
 };
 const varsResolver$O = createVarsResolver((_, { borderWidth }) => ({
   group: { "--ai-border-width": rem(borderWidth) }
 }));
 const ActionIconGroup = factory((_props, ref) => {
-  const props = useProps("ActionIconGroup", defaultProps$Q, _props);
+  const props = useProps("ActionIconGroup", defaultProps$R, _props);
   const {
     className,
     style,
@@ -11878,7 +11878,7 @@ const ActionIconGroup = factory((_props, ref) => {
     mod,
     attributes,
     ...others
-  } = useProps("ActionIconGroup", defaultProps$Q, _props);
+  } = useProps("ActionIconGroup", defaultProps$R, _props);
   const getStyles2 = useStyles({
     name: "ActionIconGroup",
     props,
@@ -12069,7 +12069,7 @@ const CloseIcon = forwardRef(
 );
 CloseIcon.displayName = "@mantine/core/CloseIcon";
 var classes$I = { "root": "m_86a44da5", "root--subtle": "m_220c80f2" };
-const defaultProps$P = {
+const defaultProps$Q = {
   variant: "subtle"
 };
 const varsResolver$L = createVarsResolver((_, { size: size2, radius, iconSize }) => ({
@@ -12080,7 +12080,7 @@ const varsResolver$L = createVarsResolver((_, { size: size2, radius, iconSize })
   }
 }));
 const CloseButton = polymorphicFactory((_props, ref) => {
-  const props = useProps("CloseButton", defaultProps$P, _props);
+  const props = useProps("CloseButton", defaultProps$Q, _props);
   const {
     iconSize,
     children,
@@ -12136,7 +12136,7 @@ function filterFalsyChildren(children) {
   return Children.toArray(children).filter(Boolean);
 }
 var classes$H = { "root": "m_4081bf90" };
-const defaultProps$O = {
+const defaultProps$P = {
   preventGrowOverflow: true,
   gap: "md",
   align: "center",
@@ -12155,7 +12155,7 @@ const varsResolver$K = createVarsResolver(
   })
 );
 const Group = factory((_props, ref) => {
-  const props = useProps("Group", defaultProps$O, _props);
+  const props = useProps("Group", defaultProps$P, _props);
   const {
     classNames: classNames2,
     className,
@@ -12685,7 +12685,7 @@ const InputError = factory((_props, ref) => {
 });
 InputError.classes = classes$F;
 InputError.displayName = "@mantine/core/InputError";
-const defaultProps$N = {
+const defaultProps$O = {
   labelElement: "label"
 };
 const varsResolver$H = createVarsResolver((_, { size: size2 }) => ({
@@ -12695,7 +12695,7 @@ const varsResolver$H = createVarsResolver((_, { size: size2 }) => ({
   }
 }));
 const InputLabel = factory((_props, ref) => {
-  const props = useProps("InputLabel", defaultProps$N, _props);
+  const props = useProps("InputLabel", defaultProps$O, _props);
   const {
     classNames: classNames2,
     className,
@@ -12714,7 +12714,7 @@ const InputLabel = factory((_props, ref) => {
     mod,
     attributes,
     ...others
-  } = useProps("InputLabel", defaultProps$N, props);
+  } = useProps("InputLabel", defaultProps$O, props);
   const _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
@@ -12807,7 +12807,7 @@ function getInputOffsets(inputWrapperOrder, { hasDescription, hasError }) {
   const offsetBottom = hasDescription && belowInput.includes("description") || hasError && belowInput.includes("error");
   return { offsetBottom, offsetTop };
 }
-const defaultProps$M = {
+const defaultProps$N = {
   labelElement: "label",
   inputContainer: (children) => children,
   inputWrapperOrder: ["label", "description", "input", "error"]
@@ -12825,7 +12825,7 @@ const varsResolver$G = createVarsResolver((_, { size: size2 }) => ({
   }
 }));
 const InputWrapper = factory((_props, ref) => {
-  const props = useProps("InputWrapper", defaultProps$M, _props);
+  const props = useProps("InputWrapper", defaultProps$N, _props);
   const {
     classNames: classNames2,
     className,
@@ -12959,7 +12959,7 @@ const InputWrapper = factory((_props, ref) => {
 });
 InputWrapper.classes = classes$F;
 InputWrapper.displayName = "@mantine/core/InputWrapper";
-const defaultProps$L = {
+const defaultProps$M = {
   variant: "default",
   leftSectionPointerEvents: "none",
   rightSectionPointerEvents: "none",
@@ -12982,7 +12982,7 @@ const varsResolver$F = createVarsResolver((_, props, ctx) => ({
   }
 }));
 const Input = polymorphicFactory((_props, ref) => {
-  const props = useProps("Input", defaultProps$L, _props);
+  const props = useProps("Input", defaultProps$M, _props);
   const {
     classNames: classNames2,
     className,
@@ -13198,13 +13198,13 @@ function useInputProps(component, defaultProps2, _props) {
     }
   };
 }
-const defaultProps$K = {
+const defaultProps$L = {
   __staticSelector: "InputBase",
   withAria: true,
   size: "sm"
 };
 const InputBase = polymorphicFactory((props, ref) => {
-  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$K, props);
+  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$L, props);
   return /* @__PURE__ */ jsx(Input.Wrapper, { ...wrapperProps, children: /* @__PURE__ */ jsx(Input, { ...inputProps, ...others, ref }) });
 });
 InputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };
@@ -13597,7 +13597,7 @@ function getTextTruncate(truncate) {
   }
   return void 0;
 }
-const defaultProps$J = {
+const defaultProps$K = {
   inherit: false
 };
 const varsResolver$C = createVarsResolver(
@@ -13614,7 +13614,7 @@ const varsResolver$C = createVarsResolver(
   })
 );
 const Text = polymorphicFactory((_props, ref) => {
-  const props = useProps("Text", defaultProps$J, _props);
+  const props = useProps("Text", defaultProps$K, _props);
   const {
     lineClamp,
     truncate,
@@ -13672,13 +13672,13 @@ const Text = polymorphicFactory((_props, ref) => {
 Text.classes = classes$B;
 Text.displayName = "@mantine/core/Text";
 var classes$A = { "root": "m_849cf0da" };
-const defaultProps$I = {
+const defaultProps$J = {
   underline: "hover"
 };
 const Anchor = polymorphicFactory((props, ref) => {
   const { underline, className, unstyled, mod, ...others } = useProps(
     "Anchor",
-    defaultProps$I,
+    defaultProps$J,
     props
   );
   return /* @__PURE__ */ jsx(
@@ -14266,7 +14266,7 @@ function useResizing({ transitionDuration, disabled }) {
   }, [disabled, transitionDuration]);
   return resizing;
 }
-const defaultProps$H = {
+const defaultProps$I = {
   withBorder: true,
   padding: 0,
   transitionDuration: 200,
@@ -14283,7 +14283,7 @@ const varsResolver$B = createVarsResolver(
   })
 );
 const AppShell = factory((_props, ref) => {
-  const props = useProps("AppShell", defaultProps$H, _props);
+  const props = useProps("AppShell", defaultProps$I, _props);
   const {
     classNames: classNames2,
     className,
@@ -14391,7 +14391,7 @@ function getOptionsLockup(options) {
   }, {});
 }
 var classes$y = { "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$G = {
+const defaultProps$H = {
   error: null
 };
 const varsResolver$A = createVarsResolver((theme2, { size: size2, color }) => ({
@@ -14401,7 +14401,7 @@ const varsResolver$A = createVarsResolver((theme2, { size: size2, color }) => ({
   }
 }));
 const ComboboxChevron = factory((_props, ref) => {
-  const props = useProps("ComboboxChevron", defaultProps$G, _props);
+  const props = useProps("ComboboxChevron", defaultProps$H, _props);
   const { size: size2, error: error2, style, className, classNames: classNames2, styles, unstyled, vars, mod, ...others } = props;
   const getStyles2 = useStyles({
     name: "ComboboxChevron",
@@ -14485,11 +14485,11 @@ const ComboboxDropdown = factory((props, ref) => {
 });
 ComboboxDropdown.classes = classes$y;
 ComboboxDropdown.displayName = "@mantine/core/ComboboxDropdown";
-const defaultProps$F = {
+const defaultProps$G = {
   refProp: "ref"
 };
 const ComboboxDropdownTarget = factory((props, ref) => {
-  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$F, props);
+  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$G, props);
   useComboboxContext();
   if (!isElement$1(children)) {
     throw new Error(
@@ -14594,7 +14594,7 @@ function useComboboxTargetProps({
     onKeyDown: handleKeyDown
   };
 }
-const defaultProps$E = {
+const defaultProps$F = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: true,
@@ -14612,7 +14612,7 @@ const ComboboxEventsTarget = factory((props, ref) => {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxEventsTarget", defaultProps$E, props);
+  } = useProps("ComboboxEventsTarget", defaultProps$F, props);
   const child = getSingleElementChild(children);
   if (!child) {
     throw new Error(
@@ -14800,12 +14800,12 @@ const ComboboxOptions = factory((_props, ref) => {
 });
 ComboboxOptions.classes = classes$y;
 ComboboxOptions.displayName = "@mantine/core/ComboboxOptions";
-const defaultProps$D = {
+const defaultProps$E = {
   withAriaAttributes: true,
   withKeyboardNavigation: true
 };
 const ComboboxSearch = factory((_props, ref) => {
-  const props = useProps("ComboboxSearch", defaultProps$D, _props);
+  const props = useProps("ComboboxSearch", defaultProps$E, _props);
   const {
     classNames: classNames2,
     styles,
@@ -14842,7 +14842,7 @@ const ComboboxSearch = factory((_props, ref) => {
 });
 ComboboxSearch.classes = classes$y;
 ComboboxSearch.displayName = "@mantine/core/ComboboxSearch";
-const defaultProps$C = {
+const defaultProps$D = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: true,
@@ -14860,7 +14860,7 @@ const ComboboxTarget = factory((props, ref) => {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxTarget", defaultProps$C, props);
+  } = useProps("ComboboxTarget", defaultProps$D, props);
   const child = getSingleElementChild(children);
   if (!child) {
     throw new Error(
@@ -15109,7 +15109,7 @@ function useCombobox({
     focusTarget
   };
 }
-const defaultProps$B = {
+const defaultProps$C = {
   keepMounted: true,
   withinPortal: true,
   resetSelectionOnOptionHover: false,
@@ -15129,7 +15129,7 @@ const varsResolver$z = createVarsResolver((_, { size: size2, dropdownPadding })
   }
 }));
 function Combobox(_props) {
-  const props = useProps("Combobox", defaultProps$B, _props);
+  const props = useProps("Combobox", defaultProps$C, _props);
   const {
     classNames: classNames2,
     styles,
@@ -15295,7 +15295,7 @@ const CheckboxGroupProvider = CheckboxGroupContext.Provider;
 const useCheckboxGroupContext = () => useContext(CheckboxGroupContext);
 const [CheckboxCardProvider, useCheckboxCardContext] = createOptionalContext();
 var classes$v = { "card": "m_26775b0a" };
-const defaultProps$A = {
+const defaultProps$B = {
   withBorder: true
 };
 const varsResolver$y = createVarsResolver((_, { radius }) => ({
@@ -15304,7 +15304,7 @@ const varsResolver$y = createVarsResolver((_, { radius }) => ({
   }
 }));
 const CheckboxCard = factory((_props, ref) => {
-  const props = useProps("CheckboxCard", defaultProps$A, _props);
+  const props = useProps("CheckboxCard", defaultProps$B, _props);
   const {
     classNames: classNames2,
     className,
@@ -15449,7 +15449,7 @@ function CheckboxIcon({ indeterminate, ...others }) {
   return /* @__PURE__ */ jsx(CheckIcon, { ...others });
 }
 var classes$u = { "indicator": "m_5e5256ee", "icon": "m_1b1c543a", "indicator--outline": "m_76e20374" };
-const defaultProps$z = {
+const defaultProps$A = {
   icon: CheckboxIcon,
   variant: "filled"
 };
@@ -15468,7 +15468,7 @@ const varsResolver$x = createVarsResolver(
   }
 );
 const CheckboxIndicator = factory((_props, ref) => {
-  const props = useProps("CheckboxIndicator", defaultProps$z, _props);
+  const props = useProps("CheckboxIndicator", defaultProps$A, _props);
   const {
     classNames: classNames2,
     className,
@@ -15519,7 +15519,7 @@ const CheckboxIndicator = factory((_props, ref) => {
 });
 CheckboxIndicator.displayName = "@mantine/core/CheckboxIndicator";
 CheckboxIndicator.classes = classes$u;
-const defaultProps$y = {
+const defaultProps$z = {
   labelPosition: "right",
   icon: CheckboxIcon,
   variant: "filled"
@@ -15539,7 +15539,7 @@ const varsResolver$w = createVarsResolver(
   }
 );
 const Checkbox$1 = factory((_props, forwardedRef) => {
-  const props = useProps("Checkbox", defaultProps$y, _props);
+  const props = useProps("Checkbox", defaultProps$z, _props);
   const {
     classNames: classNames2,
     className,
@@ -16142,14 +16142,14 @@ const Burger = factory((_props, ref) => {
 Burger.classes = classes$r;
 Burger.displayName = "@mantine/core/Burger";
 var classes$q = { "root": "m_77c9d27d", "inner": "m_80f1301b", "label": "m_811560b9", "section": "m_a74036a", "loader": "m_a25b86ee", "group": "m_80d6d844", "groupSection": "m_70be2a01" };
-const defaultProps$x = {
+const defaultProps$y = {
   orientation: "horizontal"
 };
 const varsResolver$r = createVarsResolver((_, { borderWidth }) => ({
   group: { "--button-border-width": rem(borderWidth) }
 }));
 const ButtonGroup = factory((_props, ref) => {
-  const props = useProps("ButtonGroup", defaultProps$x, _props);
+  const props = useProps("ButtonGroup", defaultProps$y, _props);
   const {
     className,
     style,
@@ -16163,7 +16163,7 @@ const ButtonGroup = factory((_props, ref) => {
     mod,
     attributes,
     ...others
-  } = useProps("ButtonGroup", defaultProps$x, _props);
+  } = useProps("ButtonGroup", defaultProps$y, _props);
   const getStyles2 = useStyles({
     name: "ButtonGroup",
     props,
@@ -16506,7 +16506,7 @@ const Container = factory((_props, ref) => {
 Container.classes = classes$n;
 Container.displayName = "@mantine/core/Container";
 var classes$m = { "root": "m_3eebeb36", "label": "m_9e365f20" };
-const defaultProps$w = {
+const defaultProps$x = {
   orientation: "horizontal"
 };
 const varsResolver$m = createVarsResolver((theme2, { color, variant, size: size2 }) => ({
@@ -16517,7 +16517,7 @@ const varsResolver$m = createVarsResolver((theme2, { color, variant, size: size2
   }
 }));
 const Divider = factory((_props, ref) => {
-  const props = useProps("Divider", defaultProps$w, _props);
+  const props = useProps("Divider", defaultProps$x, _props);
   const {
     classNames: classNames2,
     className,
@@ -16672,7 +16672,7 @@ const rtlTransitions = {
   right: "slide-right",
   left: "slide-left"
 };
-const defaultProps$v = {
+const defaultProps$w = {
   closeOnClickOutside: true,
   withinPortal: true,
   lockScroll: true,
@@ -16694,7 +16694,7 @@ const varsResolver$l = createVarsResolver((_, { position, size: size2, offset: o
   }
 }));
 const DrawerRoot = factory((_props, ref) => {
-  const props = useProps("DrawerRoot", defaultProps$v, _props);
+  const props = useProps("DrawerRoot", defaultProps$w, _props);
   const {
     classNames: classNames2,
     className,
@@ -16778,7 +16778,7 @@ const DrawerTitle = factory((_props, ref) => {
 });
 DrawerTitle.classes = classes$l;
 DrawerTitle.displayName = "@mantine/core/DrawerTitle";
-const defaultProps$u = {
+const defaultProps$v = {
   closeOnClickOutside: true,
   withinPortal: true,
   lockScroll: true,
@@ -16802,7 +16802,7 @@ const Drawer$1 = factory((_props, ref) => {
     stackId,
     zIndex,
     ...others
-  } = useProps("Drawer", defaultProps$u, _props);
+  } = useProps("Drawer", defaultProps$v, _props);
   const ctx = useDrawerStackContext();
   const hasHeader = !!title || withCloseButton;
   const stackProps = ctx && stackId ? {
@@ -16939,11 +16939,11 @@ function GridColVariables({ span, order, offset: offset2, selector }) {
     }
   );
 }
-const defaultProps$t = {
+const defaultProps$u = {
   span: 12
 };
 const GridCol = factory((_props, ref) => {
-  const props = useProps("GridCol", defaultProps$t, _props);
+  const props = useProps("GridCol", defaultProps$u, _props);
   const { classNames: classNames2, className, style, styles, vars, span, order, offset: offset2, ...others } = props;
   const ctx = useGridContext();
   const responsiveClassName = useRandomClassName();
@@ -17009,7 +17009,7 @@ function GridVariables({ gutter, selector, breakpoints, type }) {
     }
   );
 }
-const defaultProps$s = {
+const defaultProps$t = {
   gutter: "md",
   grow: false,
   columns: 12
@@ -17022,7 +17022,7 @@ const varsResolver$k = createVarsResolver((_, { justify, align, overflow }) => (
   }
 }));
 const Grid = factory((_props, ref) => {
-  const props = useProps("Grid", defaultProps$s, _props);
+  const props = useProps("Grid", defaultProps$t, _props);
   const {
     classNames: classNames2,
     className,
@@ -17069,6 +17069,267 @@ const Grid = factory((_props, ref) => {
 Grid.classes = classes$k;
 Grid.displayName = "@mantine/core/Grid";
 Grid.Col = GridCol;
+var index$3 = useLayoutEffect;
+var useLatest = function useLatest2(value) {
+  var ref = React__default.useRef(value);
+  index$3(function() {
+    ref.current = value;
+  });
+  return ref;
+};
+var updateRef = function updateRef2(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  ref.current = value;
+};
+var useComposedRef = function useComposedRef2(libRef, userRef) {
+  var prevUserRef = React__default.useRef();
+  return React__default.useCallback(function(instance) {
+    libRef.current = instance;
+    if (prevUserRef.current) {
+      updateRef(prevUserRef.current, null);
+    }
+    prevUserRef.current = userRef;
+    if (!userRef) {
+      return;
+    }
+    updateRef(userRef, instance);
+  }, [userRef]);
+};
+var HIDDEN_TEXTAREA_STYLE = {
+  "min-height": "0",
+  "max-height": "none",
+  height: "0",
+  visibility: "hidden",
+  overflow: "hidden",
+  position: "absolute",
+  "z-index": "-1000",
+  top: "0",
+  right: "0",
+  display: "block"
+};
+var forceHiddenStyles = function forceHiddenStyles2(node) {
+  Object.keys(HIDDEN_TEXTAREA_STYLE).forEach(function(key) {
+    node.style.setProperty(key, HIDDEN_TEXTAREA_STYLE[key], "important");
+  });
+};
+var forceHiddenStyles$1 = forceHiddenStyles;
+var hiddenTextarea = null;
+var getHeight = function getHeight2(node, sizingData) {
+  var height = node.scrollHeight;
+  if (sizingData.sizingStyle.boxSizing === "border-box") {
+    return height + sizingData.borderSize;
+  }
+  return height - sizingData.paddingSize;
+};
+function calculateNodeHeight(sizingData, value, minRows, maxRows) {
+  if (minRows === void 0) {
+    minRows = 1;
+  }
+  if (maxRows === void 0) {
+    maxRows = Infinity;
+  }
+  if (!hiddenTextarea) {
+    hiddenTextarea = document.createElement("textarea");
+    hiddenTextarea.setAttribute("tabindex", "-1");
+    hiddenTextarea.setAttribute("aria-hidden", "true");
+    forceHiddenStyles$1(hiddenTextarea);
+  }
+  if (hiddenTextarea.parentNode === null) {
+    document.body.appendChild(hiddenTextarea);
+  }
+  var paddingSize = sizingData.paddingSize, borderSize = sizingData.borderSize, sizingStyle = sizingData.sizingStyle;
+  var boxSizing = sizingStyle.boxSizing;
+  Object.keys(sizingStyle).forEach(function(_key) {
+    var key = _key;
+    hiddenTextarea.style[key] = sizingStyle[key];
+  });
+  forceHiddenStyles$1(hiddenTextarea);
+  hiddenTextarea.value = value;
+  var height = getHeight(hiddenTextarea, sizingData);
+  hiddenTextarea.value = value;
+  height = getHeight(hiddenTextarea, sizingData);
+  hiddenTextarea.value = "x";
+  var rowHeight = hiddenTextarea.scrollHeight - paddingSize;
+  var minHeight = rowHeight * minRows;
+  if (boxSizing === "border-box") {
+    minHeight = minHeight + paddingSize + borderSize;
+  }
+  height = Math.max(minHeight, height);
+  var maxHeight = rowHeight * maxRows;
+  if (boxSizing === "border-box") {
+    maxHeight = maxHeight + paddingSize + borderSize;
+  }
+  height = Math.min(maxHeight, height);
+  return [height, rowHeight];
+}
+var noop$1 = function noop3() {
+};
+var pick$1 = function pick(props, obj) {
+  return props.reduce(function(acc, prop) {
+    acc[prop] = obj[prop];
+    return acc;
+  }, {});
+};
+var SIZING_STYLE = [
+  "borderBottomWidth",
+  "borderLeftWidth",
+  "borderRightWidth",
+  "borderTopWidth",
+  "boxSizing",
+  "fontFamily",
+  "fontSize",
+  "fontStyle",
+  "fontWeight",
+  "letterSpacing",
+  "lineHeight",
+  "paddingBottom",
+  "paddingLeft",
+  "paddingRight",
+  "paddingTop",
+  // non-standard
+  "tabSize",
+  "textIndent",
+  // non-standard
+  "textRendering",
+  "textTransform",
+  "width",
+  "wordBreak",
+  "wordSpacing",
+  "scrollbarGutter"
+];
+var isIE = !!document.documentElement.currentStyle;
+var getSizingData = function getSizingData2(node) {
+  var style = window.getComputedStyle(node);
+  if (style === null) {
+    return null;
+  }
+  var sizingStyle = pick$1(SIZING_STYLE, style);
+  var boxSizing = sizingStyle.boxSizing;
+  if (boxSizing === "") {
+    return null;
+  }
+  if (isIE && boxSizing === "border-box") {
+    sizingStyle.width = parseFloat(sizingStyle.width) + parseFloat(sizingStyle.borderRightWidth) + parseFloat(sizingStyle.borderLeftWidth) + parseFloat(sizingStyle.paddingRight) + parseFloat(sizingStyle.paddingLeft) + "px";
+  }
+  var paddingSize = parseFloat(sizingStyle.paddingBottom) + parseFloat(sizingStyle.paddingTop);
+  var borderSize = parseFloat(sizingStyle.borderBottomWidth) + parseFloat(sizingStyle.borderTopWidth);
+  return {
+    sizingStyle,
+    paddingSize,
+    borderSize
+  };
+};
+var getSizingData$1 = getSizingData;
+function useListener(target, type, listener) {
+  var latestListener = useLatest(listener);
+  React.useLayoutEffect(function() {
+    var handler = function handler2(ev) {
+      return latestListener.current(ev);
+    };
+    if (!target) {
+      return;
+    }
+    target.addEventListener(type, handler);
+    return function() {
+      return target.removeEventListener(type, handler);
+    };
+  }, []);
+}
+var useFormResetListener = function useFormResetListener2(libRef, listener) {
+  useListener(document.body, "reset", function(ev) {
+    if (libRef.current.form === ev.target) {
+      listener(ev);
+    }
+  });
+};
+var useWindowResizeListener = function useWindowResizeListener2(listener) {
+  useListener(window, "resize", listener);
+};
+var useFontsLoadedListener = function useFontsLoadedListener2(listener) {
+  useListener(document.fonts, "loadingdone", listener);
+};
+var _excluded = ["cacheMeasurements", "maxRows", "minRows", "onChange", "onHeightChange"];
+var TextareaAutosize = function TextareaAutosize2(_ref, userRef) {
+  var cacheMeasurements = _ref.cacheMeasurements, maxRows = _ref.maxRows, minRows = _ref.minRows, _ref$onChange = _ref.onChange, onChange = _ref$onChange === void 0 ? noop$1 : _ref$onChange, _ref$onHeightChange = _ref.onHeightChange, onHeightChange = _ref$onHeightChange === void 0 ? noop$1 : _ref$onHeightChange, props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var isControlled = props.value !== void 0;
+  var libRef = React.useRef(null);
+  var ref = useComposedRef(libRef, userRef);
+  var heightRef = React.useRef(0);
+  var measurementsCacheRef = React.useRef();
+  var resizeTextarea = function resizeTextarea2() {
+    var node = libRef.current;
+    var nodeSizingData = cacheMeasurements && measurementsCacheRef.current ? measurementsCacheRef.current : getSizingData$1(node);
+    if (!nodeSizingData) {
+      return;
+    }
+    measurementsCacheRef.current = nodeSizingData;
+    var _calculateNodeHeight = calculateNodeHeight(nodeSizingData, node.value || node.placeholder || "x", minRows, maxRows), height = _calculateNodeHeight[0], rowHeight = _calculateNodeHeight[1];
+    if (heightRef.current !== height) {
+      heightRef.current = height;
+      node.style.setProperty("height", height + "px", "important");
+      onHeightChange(height, {
+        rowHeight
+      });
+    }
+  };
+  var handleChange = function handleChange2(event) {
+    if (!isControlled) {
+      resizeTextarea();
+    }
+    onChange(event);
+  };
+  {
+    React.useLayoutEffect(resizeTextarea);
+    useFormResetListener(libRef, function() {
+      if (!isControlled) {
+        var currentValue = libRef.current.value;
+        requestAnimationFrame(function() {
+          var node = libRef.current;
+          if (node && currentValue !== node.value) {
+            resizeTextarea();
+          }
+        });
+      }
+    });
+    useWindowResizeListener(resizeTextarea);
+    useFontsLoadedListener(resizeTextarea);
+    return /* @__PURE__ */ React.createElement("textarea", _extends({}, props, {
+      onChange: handleChange,
+      ref
+    }));
+  }
+};
+var index$2 = /* @__PURE__ */ React.forwardRef(TextareaAutosize);
+const defaultProps$s = {
+  size: "sm"
+};
+const Textarea$1 = factory((props, ref) => {
+  const { autosize, maxRows, minRows, __staticSelector, resize, ...others } = useProps(
+    "Textarea",
+    defaultProps$s,
+    props
+  );
+  const shouldAutosize = autosize && getEnv() !== "test";
+  const autosizeProps = shouldAutosize ? { maxRows, minRows } : {};
+  return /* @__PURE__ */ jsx(
+    InputBase,
+    {
+      component: shouldAutosize ? index$2 : "textarea",
+      ref,
+      ...others,
+      __staticSelector: __staticSelector || "Textarea",
+      multiline: true,
+      "data-no-overflow": autosize && maxRows === void 0 || void 0,
+      __vars: { "--input-resize": resize },
+      ...autosizeProps
+    }
+  );
+});
+Textarea$1.classes = InputBase.classes;
+Textarea$1.displayName = "@mantine/core/Textarea";
 const [MenuContextProvider, useMenuContext] = createSafeContext(
   "Menu component was not found in the tree"
 );
@@ -18103,7 +18364,7 @@ var SourceType;
   SourceType2["event"] = "event";
   SourceType2["props"] = "prop";
 })(SourceType || (SourceType = {}));
-function noop3() {
+function noop4() {
 }
 function memoizeOnce(cb) {
   var lastArgs;
@@ -18402,7 +18663,7 @@ function caretUnknownFormatBoundary(formattedValue) {
   return boundaryAry;
 }
 function useInternalValues(value, defaultValue, valueIsNumericString, format2, removeFormatting2, onValueChange) {
-  if (onValueChange === void 0) onValueChange = noop3;
+  if (onValueChange === void 0) onValueChange = noop4;
   var getValues = usePersistentCallback(function(value2, valueIsNumericString2) {
     var formattedValue, numAsString;
     if (isNotValidValue(value2)) {
@@ -18466,15 +18727,15 @@ function NumberFormatBase(props) {
   var onValueChange = props.onValueChange;
   var isAllowed = props.isAllowed;
   var onChange = props.onChange;
-  if (onChange === void 0) onChange = noop3;
+  if (onChange === void 0) onChange = noop4;
   var onKeyDown = props.onKeyDown;
-  if (onKeyDown === void 0) onKeyDown = noop3;
+  if (onKeyDown === void 0) onKeyDown = noop4;
   var onMouseUp = props.onMouseUp;
-  if (onMouseUp === void 0) onMouseUp = noop3;
+  if (onMouseUp === void 0) onMouseUp = noop4;
   var onFocus = props.onFocus;
-  if (onFocus === void 0) onFocus = noop3;
+  if (onFocus === void 0) onFocus = noop4;
   var onBlur = props.onBlur;
-  if (onBlur === void 0) onBlur = noop3;
+  if (onBlur === void 0) onBlur = noop4;
   var propValue = props.value;
   var getCaretBoundary2 = props.getCaretBoundary;
   if (getCaretBoundary2 === void 0) getCaretBoundary2 = caretUnknownFormatBoundary;
@@ -18935,9 +19196,9 @@ function useNumericFormat(props) {
   var allowNegative = props.allowNegative;
   var allowLeadingZeros = props.allowLeadingZeros;
   var onKeyDown = props.onKeyDown;
-  if (onKeyDown === void 0) onKeyDown = noop3;
+  if (onKeyDown === void 0) onKeyDown = noop4;
   var onBlur = props.onBlur;
-  if (onBlur === void 0) onBlur = noop3;
+  if (onBlur === void 0) onBlur = noop4;
   var thousandSeparator = props.thousandSeparator;
   var decimalScale = props.decimalScale;
   var fixedDecimalScale = props.fixedDecimalScale;
@@ -19264,7 +19525,7 @@ const NumberInput = factory((_props, ref) => {
       inputRef.current.setSelectionRange(position, position);
     }
   };
-  const incrementRef = useRef(noop$3);
+  const incrementRef = useRef(noop$4);
   incrementRef.current = () => {
     if (!canIncrement(_value)) {
       return;
@@ -19290,7 +19551,7 @@ const NumberInput = factory((_props, ref) => {
     );
     setTimeout(() => adjustCursor(inputRef.current?.value.length), 0);
   };
-  const decrementRef = useRef(noop$3);
+  const decrementRef = useRef(noop$4);
   decrementRef.current = () => {
     if (!canIncrement(_value)) {
       return;
@@ -23139,7 +23400,7 @@ const BIGINT_FORMAT_RANGES = {
   int64: [/* @__PURE__ */ BigInt("-9223372036854775808"), /* @__PURE__ */ BigInt("9223372036854775807")],
   uint64: [/* @__PURE__ */ BigInt(0), /* @__PURE__ */ BigInt("18446744073709551615")]
 };
-function pick(schema, mask) {
+function pick2(schema, mask) {
   const currDef = schema._zod.def;
   const checks = currDef.checks;
   const hasChecks = checks && checks.length > 0;
@@ -23487,7 +23748,7 @@ const util = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
   optionalKeys,
   parsedType,
   partial,
-  pick,
+  pick: pick2,
   prefixIssues,
   primitiveTypes,
   promiseAllObject,
@@ -34884,7 +35145,7 @@ const ZodObject = /* @__PURE__ */ $constructor("ZodObject", (inst, def) => {
     return safeExtend(inst, incoming);
   };
   inst.merge = (other) => merge(inst, other);
-  inst.pick = (mask) => pick(inst, mask);
+  inst.pick = (mask) => pick2(inst, mask);
   inst.omit = (mask) => omit(inst, mask);
   inst.partial = (...args) => partial(ZodOptional, inst, args[0]);
   inst.required = (...args) => required(ZodNonOptional, inst, args[0]);
@@ -36432,6 +36693,7 @@ const AVATAR_PALETTE = [
   colors.accent2,
   colors.accent3
 ];
+const overlayZIndexAboveLegacyShell = 1300;
 const radii = {
   xs: "0.25rem",
   sm: "0.375rem",
@@ -36725,8 +36987,8 @@ const Card = forwardRef((props, ref) => /* @__PURE__ */ jsx(Card$1, { padding: "
 Card.displayName = "Card";
 const Checkbox = forwardRef((props, ref) => /* @__PURE__ */ jsx(Checkbox$1, { color: colors.primary, ...props, ref }));
 Checkbox.displayName = "Checkbox";
-function Drawer(props) {
-  return /* @__PURE__ */ jsx(Drawer$1, { position: "right", size: "lg", p: "lg", ...props });
+function Drawer({ zIndex = overlayZIndexAboveLegacyShell, ...props }) {
+  return /* @__PURE__ */ jsx(Drawer$1, { position: "right", size: "lg", p: "lg", ...props, zIndex });
 }
 function Loader(props) {
   return /* @__PURE__ */ jsx(Loader$1, { ...props });
@@ -36741,8 +37003,8 @@ const Menu = Object.assign(MenuBase, {
   Label: Menu$1.Label,
   Divider: Menu$1.Divider
 });
-function Modal(props) {
-  return /* @__PURE__ */ jsx(Modal$1, { centered: true, radius: "lg", ...props });
+function Modal({ zIndex = overlayZIndexAboveLegacyShell, ...props }) {
+  return /* @__PURE__ */ jsx(Modal$1, { centered: true, radius: "lg", ...props, zIndex });
 }
 const PasswordInput = forwardRef((props, ref) => /* @__PURE__ */ jsx(PasswordInput$1, { size: "md", ...props, ref }));
 PasswordInput.displayName = "PasswordInput";
@@ -40560,6 +40822,8 @@ function UserMenu({
     ] }, item.id)) })
   ] });
 }
+const Textarea = forwardRef((props, ref) => /* @__PURE__ */ jsx(Textarea$1, { size: "md", ...props, ref }));
+Textarea.displayName = "Textarea";
 const DefaultDocumentIcon = () => /* @__PURE__ */ jsxs(
   "svg",
   {
@@ -41508,6 +41772,7 @@ export {
   Tabs,
   Text,
   TextInput,
+  Textarea,
   ThemeIcon,
   Title,
   Tooltip,