@fairmint/ui 0.2.38 → 0.2.40

package/dist/{index-DcWIUgfH.cjs → index-C1YjT_p6.cjs}

@@ -2717,7 +2717,7 @@ var values$1 = Object.values || function(obj) {
     return obj[k];
   });
 };
-var defaultProps$1o = {
+var defaultProps$1p = {
   component: "div",
   childFactory: function childFactory(child) {
     return child;
@@ -2844,7 +2844,7 @@ TransitionGroup.propTypes = process.env.NODE_ENV !== "production" ? {
    */
   childFactory: PropTypes.func
 } : {};
-TransitionGroup.defaultProps = defaultProps$1o;
+TransitionGroup.defaultProps = defaultProps$1p;
 var extendStatics = function(d, b) {
   extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
     d2.__proto__ = b2;
@@ -6271,7 +6271,7 @@ function useCollapse({
   }
   return getCollapseProps;
 }
-const defaultProps$1n = {
+const defaultProps$1o = {
   transitionDuration: 200,
   transitionTimingFunction: "ease",
   animateOpacity: true
@@ -6287,7 +6287,7 @@ const Collapse$1 = factory((props, ref) => {
     animateOpacity,
     keepMounted,
     ...others
-  } = useProps("Collapse", defaultProps$1n, props);
+  } = useProps("Collapse", defaultProps$1o, props);
   const theme = useMantineTheme();
   const shouldReduceMotion = useReducedMotion();
   const reduceMotion = theme.respectReducedMotion ? shouldReduceMotion : false;
@@ -9808,14 +9808,14 @@ const ScrollAreaCorner = React.forwardRef((props, ref) => {
   const hasCorner = ctx.type !== "scroll" && hasBothScrollbarsVisible;
   return hasCorner ? /* @__PURE__ */ jsxRuntime.jsx(Corner, { ...props, ref }) : null;
 });
-const defaultProps$1m = {
+const defaultProps$1n = {
   scrollHideDelay: 1e3,
   type: "hover"
 };
 const ScrollAreaRoot = React.forwardRef((_props, ref) => {
   const { type, scrollHideDelay, scrollbars, getStyles: getStyles2, ...others } = useProps(
     "ScrollAreaRoot",
-    defaultProps$1m,
+    defaultProps$1n,
     _props
   );
   const [scrollArea, setScrollArea] = React.useState(null);
@@ -10457,7 +10457,7 @@ const ScrollAreaViewport = React.forwardRef(
   }
 );
 ScrollAreaViewport.displayName = "@mantine/core/ScrollAreaViewport";
-const defaultProps$1l = {
+const defaultProps$1m = {
   scrollHideDelay: 1e3,
   type: "hover",
   scrollbars: "xy"
@@ -10481,7 +10481,7 @@ const varsResolver$16 = createVarsResolver(
   }
 );
 const ScrollArea = factory((_props, ref) => {
-  const props = useProps("ScrollArea", defaultProps$1l, _props);
+  const props = useProps("ScrollArea", defaultProps$1m, _props);
   const {
     classNames: classNames2,
     className,
@@ -10633,7 +10633,7 @@ const ScrollAreaAutosize = factory((props, ref) => {
     onTopReached,
     onOverflowChange,
     ...others
-  } = useProps("ScrollAreaAutosize", defaultProps$1l, props);
+  } = useProps("ScrollAreaAutosize", defaultProps$1m, props);
   const viewportObserverRef = React.useRef(null);
   const combinedViewportRef = useMergeRefs([viewportRef, viewportObserverRef]);
   const [overflowing, setOverflowing] = React.useState(false);
@@ -10710,12 +10710,12 @@ ScrollAreaAutosize.displayName = "@mantine/core/ScrollAreaAutosize";
 ScrollAreaAutosize.classes = classes$17;
 ScrollArea.Autosize = ScrollAreaAutosize;
 var classes$16 = { "root": "m_87cf2631" };
-const defaultProps$1k = {
+const defaultProps$1l = {
   __staticSelector: "UnstyledButton"
 };
 const UnstyledButton = polymorphicFactory(
   (_props, ref) => {
-    const props = useProps("UnstyledButton", defaultProps$1k, _props);
+    const props = useProps("UnstyledButton", defaultProps$1l, _props);
     const {
       className,
       component = "button",
@@ -10961,7 +10961,7 @@ function getFloatingPosition(dir, position) {
   return position;
 }
 var classes$13 = { "root": "m_9814e45f" };
-const defaultProps$1j = {
+const defaultProps$1k = {
   zIndex: getDefaultZIndex("modal")
 };
 const varsResolver$14 = createVarsResolver(
@@ -10975,7 +10975,7 @@ const varsResolver$14 = createVarsResolver(
   })
 );
 const Overlay = polymorphicFactory((_props, ref) => {
-  const props = useProps("Overlay", defaultProps$1j, _props);
+  const props = useProps("Overlay", defaultProps$1k, _props);
   const {
     classNames: classNames2,
     className,
@@ -11040,11 +11040,11 @@ function getTargetNode({ target, reuseTargetNode, ...others }) {
   }
   return createPortalNode(others);
 }
-const defaultProps$1i = {
+const defaultProps$1j = {
   reuseTargetNode: true
 };
 const Portal = factory((props, ref) => {
-  const { children, target, reuseTargetNode, ...others } = useProps("Portal", defaultProps$1i, props);
+  const { children, target, reuseTargetNode, ...others } = useProps("Portal", defaultProps$1j, props);
   const [mounted, setMounted] = React.useState(false);
   const nodeRef = React.useRef(null);
   useIsomorphicEffect$1(() => {
@@ -11480,14 +11480,14 @@ const PopoverDropdown = factory((_props, ref) => {
 });
 PopoverDropdown.classes = classes$12;
 PopoverDropdown.displayName = "@mantine/core/PopoverDropdown";
-const defaultProps$1h = {
+const defaultProps$1i = {
   refProp: "ref",
   popupType: "dialog"
 };
 const PopoverTarget = factory((props, ref) => {
   const { children, refProp, popupType, ...others } = useProps(
     "PopoverTarget",
-    defaultProps$1h,
+    defaultProps$1i,
     props
   );
   const child = getSingleElementChild(children);
@@ -11654,7 +11654,7 @@ function usePopover(options) {
     onToggle
   };
 }
-const defaultProps$1g = {
+const defaultProps$1h = {
   position: "bottom",
   offset: 8,
   positionDependencies: [],
@@ -11684,7 +11684,7 @@ const varsResolver$13 = createVarsResolver((_, { radius, shadow }) => ({
   }
 }));
 function Popover(_props) {
-  const props = useProps("Popover", defaultProps$1g, _props);
+  const props = useProps("Popover", defaultProps$1h, _props);
   const {
     children,
     position,
@@ -11914,7 +11914,7 @@ const defaultLoaders = {
   oval: Oval,
   dots: Dots
 };
-const defaultProps$1f = {
+const defaultProps$1g = {
   loaders: defaultLoaders,
   type: "oval"
 };
@@ -11925,7 +11925,7 @@ const varsResolver$12 = createVarsResolver((theme, { size: size2, color }) => ({
   }
 }));
 const Loader$1 = factory((_props, ref) => {
-  const props = useProps("Loader", defaultProps$1f, _props);
+  const props = useProps("Loader", defaultProps$1g, _props);
   const {
     size: size2,
     color,
@@ -11974,14 +11974,14 @@ Loader$1.defaultLoaders = defaultLoaders;
 Loader$1.classes = classes$11;
 Loader$1.displayName = "@mantine/core/Loader";
 var classes$10 = { "root": "m_8d3f4000", "icon": "m_8d3afb97", "loader": "m_302b9fb1", "group": "m_1a0f1b21", "groupSection": "m_437b6484" };
-const defaultProps$1e = {
+const defaultProps$1f = {
   orientation: "horizontal"
 };
 const varsResolver$11 = createVarsResolver((_, { borderWidth }) => ({
   group: { "--ai-border-width": rem(borderWidth) }
 }));
 const ActionIconGroup = factory((_props, ref) => {
-  const props = useProps("ActionIconGroup", defaultProps$1e, _props);
+  const props = useProps("ActionIconGroup", defaultProps$1f, _props);
   const {
     className,
     style,
@@ -11995,7 +11995,7 @@ const ActionIconGroup = factory((_props, ref) => {
     mod,
     attributes,
     ...others
-  } = useProps("ActionIconGroup", defaultProps$1e, _props);
+  } = useProps("ActionIconGroup", defaultProps$1f, _props);
   const getStyles2 = useStyles({
     name: "ActionIconGroup",
     props,
@@ -12186,7 +12186,7 @@ const CloseIcon = React.forwardRef(
 );
 CloseIcon.displayName = "@mantine/core/CloseIcon";
 var classes$$ = { "root": "m_86a44da5", "root--subtle": "m_220c80f2" };
-const defaultProps$1d = {
+const defaultProps$1e = {
   variant: "subtle"
 };
 const varsResolver$_ = createVarsResolver((_, { size: size2, radius, iconSize }) => ({
@@ -12197,7 +12197,7 @@ const varsResolver$_ = createVarsResolver((_, { size: size2, radius, iconSize })
   }
 }));
 const CloseButton = polymorphicFactory((_props, ref) => {
-  const props = useProps("CloseButton", defaultProps$1d, _props);
+  const props = useProps("CloseButton", defaultProps$1e, _props);
   const {
     iconSize,
     children,
@@ -12253,7 +12253,7 @@ function filterFalsyChildren(children) {
   return React.Children.toArray(children).filter(Boolean);
 }
 var classes$_ = { "root": "m_4081bf90" };
-const defaultProps$1c = {
+const defaultProps$1d = {
   preventGrowOverflow: true,
   gap: "md",
   align: "center",
@@ -12272,7 +12272,7 @@ const varsResolver$Z = createVarsResolver(
   })
 );
 const Group = factory((_props, ref) => {
-  const props = useProps("Group", defaultProps$1c, _props);
+  const props = useProps("Group", defaultProps$1d, _props);
   const {
     classNames: classNames2,
     className,
@@ -12802,7 +12802,7 @@ const InputError = factory((_props, ref) => {
 });
 InputError.classes = classes$Y;
 InputError.displayName = "@mantine/core/InputError";
-const defaultProps$1b = {
+const defaultProps$1c = {
   labelElement: "label"
 };
 const varsResolver$W = createVarsResolver((_, { size: size2 }) => ({
@@ -12812,7 +12812,7 @@ const varsResolver$W = createVarsResolver((_, { size: size2 }) => ({
   }
 }));
 const InputLabel$1 = factory((_props, ref) => {
-  const props = useProps("InputLabel", defaultProps$1b, _props);
+  const props = useProps("InputLabel", defaultProps$1c, _props);
   const {
     classNames: classNames2,
     className,
@@ -12831,7 +12831,7 @@ const InputLabel$1 = factory((_props, ref) => {
     mod,
     attributes,
     ...others
-  } = useProps("InputLabel", defaultProps$1b, props);
+  } = useProps("InputLabel", defaultProps$1c, props);
   const _getStyles = useStyles({
     name: ["InputWrapper", __staticSelector],
     props,
@@ -12924,7 +12924,7 @@ function getInputOffsets(inputWrapperOrder, { hasDescription, hasError }) {
   const offsetBottom = hasDescription && belowInput.includes("description") || hasError && belowInput.includes("error");
   return { offsetBottom, offsetTop };
 }
-const defaultProps$1a = {
+const defaultProps$1b = {
   labelElement: "label",
   inputContainer: (children) => children,
   inputWrapperOrder: ["label", "description", "input", "error"]
@@ -12942,7 +12942,7 @@ const varsResolver$V = createVarsResolver((_, { size: size2 }) => ({
   }
 }));
 const InputWrapper = factory((_props, ref) => {
-  const props = useProps("InputWrapper", defaultProps$1a, _props);
+  const props = useProps("InputWrapper", defaultProps$1b, _props);
   const {
     classNames: classNames2,
     className,
@@ -13076,7 +13076,7 @@ const InputWrapper = factory((_props, ref) => {
 });
 InputWrapper.classes = classes$Y;
 InputWrapper.displayName = "@mantine/core/InputWrapper";
-const defaultProps$19 = {
+const defaultProps$1a = {
   variant: "default",
   leftSectionPointerEvents: "none",
   rightSectionPointerEvents: "none",
@@ -13099,7 +13099,7 @@ const varsResolver$U = createVarsResolver((_, props, ctx) => ({
   }
 }));
 const Input = polymorphicFactory((_props, ref) => {
-  const props = useProps("Input", defaultProps$19, _props);
+  const props = useProps("Input", defaultProps$1a, _props);
   const {
     classNames: classNames2,
     className,
@@ -13315,13 +13315,13 @@ function useInputProps(component, defaultProps2, _props) {
     }
   };
 }
-const defaultProps$18 = {
+const defaultProps$19 = {
   __staticSelector: "InputBase",
   withAria: true,
   size: "sm"
 };
 const InputBase = polymorphicFactory((props, ref) => {
-  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$18, props);
+  const { inputProps, wrapperProps, ...others } = useInputProps("InputBase", defaultProps$19, props);
   return /* @__PURE__ */ jsxRuntime.jsx(Input.Wrapper, { ...wrapperProps, children: /* @__PURE__ */ jsxRuntime.jsx(Input, { ...inputProps, ...others, ref }) });
 });
 InputBase.classes = { ...Input.classes, ...Input.Wrapper.classes };
@@ -13736,7 +13736,7 @@ const AccordionPanel = factory((props, ref) => {
 });
 AccordionPanel.displayName = "@mantine/core/AccordionPanel";
 AccordionPanel.classes = classes$V;
-const defaultProps$17 = {
+const defaultProps$18 = {
   multiple: false,
   disableChevronRotation: false,
   chevronPosition: "right",
@@ -13754,7 +13754,7 @@ const varsResolver$S = createVarsResolver(
   })
 );
 function Accordion$1(_props) {
-  const props = useProps("Accordion", defaultProps$17, _props);
+  const props = useProps("Accordion", defaultProps$18, _props);
   const {
     classNames: classNames2,
     className,
@@ -13947,7 +13947,7 @@ function getTextTruncate(truncate) {
   }
   return void 0;
 }
-const defaultProps$16 = {
+const defaultProps$17 = {
   inherit: false
 };
 const varsResolver$Q = createVarsResolver(
@@ -13964,7 +13964,7 @@ const varsResolver$Q = createVarsResolver(
   })
 );
 const Text = polymorphicFactory((_props, ref) => {
-  const props = useProps("Text", defaultProps$16, _props);
+  const props = useProps("Text", defaultProps$17, _props);
   const {
     lineClamp,
     truncate,
@@ -14022,13 +14022,13 @@ const Text = polymorphicFactory((_props, ref) => {
 Text.classes = classes$T;
 Text.displayName = "@mantine/core/Text";
 var classes$S = { "root": "m_849cf0da" };
-const defaultProps$15 = {
+const defaultProps$16 = {
   underline: "hover"
 };
 const Anchor = polymorphicFactory((props, ref) => {
   const { underline, className, unstyled, mod, ...others } = useProps(
     "Anchor",
-    defaultProps$15,
+    defaultProps$16,
     props
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -14616,7 +14616,7 @@ function useResizing({ transitionDuration, disabled }) {
   }, [disabled, transitionDuration]);
   return resizing;
 }
-const defaultProps$14 = {
+const defaultProps$15 = {
   withBorder: true,
   padding: 0,
   transitionDuration: 200,
@@ -14633,7 +14633,7 @@ const varsResolver$P = createVarsResolver(
   })
 );
 const AppShell = factory((_props, ref) => {
-  const props = useProps("AppShell", defaultProps$14, _props);
+  const props = useProps("AppShell", defaultProps$15, _props);
   const {
     classNames: classNames2,
     className,
@@ -14741,7 +14741,7 @@ function getOptionsLockup(options) {
   }, {});
 }
 var classes$Q = { "dropdown": "m_88b62a41", "search": "m_985517d8", "options": "m_b2821a6e", "option": "m_92253aa5", "empty": "m_2530cd1d", "header": "m_858f94bd", "footer": "m_82b967cb", "group": "m_254f3e4f", "groupLabel": "m_2bb2e9e5", "chevron": "m_2943220b", "optionsDropdownOption": "m_390b5f4", "optionsDropdownCheckIcon": "m_8ee53fc2", "optionsDropdownCheckPlaceholder": "m_a530ee0a" };
-const defaultProps$13 = {
+const defaultProps$14 = {
   error: null
 };
 const varsResolver$O = createVarsResolver((theme, { size: size2, color }) => ({
@@ -14751,7 +14751,7 @@ const varsResolver$O = createVarsResolver((theme, { size: size2, color }) => ({
   }
 }));
 const ComboboxChevron = factory((_props, ref) => {
-  const props = useProps("ComboboxChevron", defaultProps$13, _props);
+  const props = useProps("ComboboxChevron", defaultProps$14, _props);
   const { size: size2, error: error2, style, className, classNames: classNames2, styles, unstyled, vars, mod, ...others } = props;
   const getStyles2 = useStyles({
     name: "ComboboxChevron",
@@ -14835,11 +14835,11 @@ const ComboboxDropdown = factory((props, ref) => {
 });
 ComboboxDropdown.classes = classes$Q;
 ComboboxDropdown.displayName = "@mantine/core/ComboboxDropdown";
-const defaultProps$12 = {
+const defaultProps$13 = {
   refProp: "ref"
 };
 const ComboboxDropdownTarget = factory((props, ref) => {
-  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$12, props);
+  const { children, refProp } = useProps("ComboboxDropdownTarget", defaultProps$13, props);
   useComboboxContext();
   if (!isElement$1(children)) {
     throw new Error(
@@ -14944,7 +14944,7 @@ function useComboboxTargetProps({
     onKeyDown: handleKeyDown
   };
 }
-const defaultProps$11 = {
+const defaultProps$12 = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: true,
@@ -14962,7 +14962,7 @@ const ComboboxEventsTarget = factory((props, ref) => {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxEventsTarget", defaultProps$11, props);
+  } = useProps("ComboboxEventsTarget", defaultProps$12, props);
   const child = getSingleElementChild(children);
   if (!child) {
     throw new Error(
@@ -15150,12 +15150,12 @@ const ComboboxOptions = factory((_props, ref) => {
 });
 ComboboxOptions.classes = classes$Q;
 ComboboxOptions.displayName = "@mantine/core/ComboboxOptions";
-const defaultProps$10 = {
+const defaultProps$11 = {
   withAriaAttributes: true,
   withKeyboardNavigation: true
 };
 const ComboboxSearch = factory((_props, ref) => {
-  const props = useProps("ComboboxSearch", defaultProps$10, _props);
+  const props = useProps("ComboboxSearch", defaultProps$11, _props);
   const {
     classNames: classNames2,
     styles,
@@ -15192,7 +15192,7 @@ const ComboboxSearch = factory((_props, ref) => {
 });
 ComboboxSearch.classes = classes$Q;
 ComboboxSearch.displayName = "@mantine/core/ComboboxSearch";
-const defaultProps$$ = {
+const defaultProps$10 = {
   refProp: "ref",
   targetType: "input",
   withKeyboardNavigation: true,
@@ -15210,7 +15210,7 @@ const ComboboxTarget = factory((props, ref) => {
     targetType,
     autoComplete,
     ...others
-  } = useProps("ComboboxTarget", defaultProps$$, props);
+  } = useProps("ComboboxTarget", defaultProps$10, props);
   const child = getSingleElementChild(children);
   if (!child) {
     throw new Error(
@@ -15459,7 +15459,7 @@ function useCombobox({
     focusTarget
   };
 }
-const defaultProps$_ = {
+const defaultProps$$ = {
   keepMounted: true,
   withinPortal: true,
   resetSelectionOnOptionHover: false,
@@ -15479,7 +15479,7 @@ const varsResolver$N = createVarsResolver((_, { size: size2, dropdownPadding })
   }
 }));
 function Combobox(_props) {
-  const props = useProps("Combobox", defaultProps$_, _props);
+  const props = useProps("Combobox", defaultProps$$, _props);
   const {
     classNames: classNames2,
     styles,
@@ -15645,7 +15645,7 @@ const CheckboxGroupProvider = CheckboxGroupContext.Provider;
 const useCheckboxGroupContext = () => React.useContext(CheckboxGroupContext);
 const [CheckboxCardProvider, useCheckboxCardContext] = createOptionalContext();
 var classes$N = { "card": "m_26775b0a" };
-const defaultProps$Z = {
+const defaultProps$_ = {
   withBorder: true
 };
 const varsResolver$M = createVarsResolver((_, { radius }) => ({
@@ -15654,7 +15654,7 @@ const varsResolver$M = createVarsResolver((_, { radius }) => ({
   }
 }));
 const CheckboxCard = factory((_props, ref) => {
-  const props = useProps("CheckboxCard", defaultProps$Z, _props);
+  const props = useProps("CheckboxCard", defaultProps$_, _props);
   const {
     classNames: classNames2,
     className,
@@ -15799,7 +15799,7 @@ function CheckboxIcon({ indeterminate, ...others }) {
   return /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { ...others });
 }
 var classes$M = { "indicator": "m_5e5256ee", "icon": "m_1b1c543a", "indicator--outline": "m_76e20374" };
-const defaultProps$Y = {
+const defaultProps$Z = {
   icon: CheckboxIcon,
   variant: "filled"
 };
@@ -15818,7 +15818,7 @@ const varsResolver$L = createVarsResolver(
   }
 );
 const CheckboxIndicator = factory((_props, ref) => {
-  const props = useProps("CheckboxIndicator", defaultProps$Y, _props);
+  const props = useProps("CheckboxIndicator", defaultProps$Z, _props);
   const {
     classNames: classNames2,
     className,
@@ -15869,7 +15869,7 @@ const CheckboxIndicator = factory((_props, ref) => {
 });
 CheckboxIndicator.displayName = "@mantine/core/CheckboxIndicator";
 CheckboxIndicator.classes = classes$M;
-const defaultProps$X = {
+const defaultProps$Y = {
   labelPosition: "right",
   icon: CheckboxIcon,
   variant: "filled"
@@ -15889,7 +15889,7 @@ const varsResolver$K = createVarsResolver(
   }
 );
 const Checkbox$1 = factory((_props, forwardedRef) => {
-  const props = useProps("Checkbox", defaultProps$X, _props);
+  const props = useProps("Checkbox", defaultProps$Y, _props);
   const {
     classNames: classNames2,
     className,
@@ -16492,14 +16492,14 @@ const Burger = factory((_props, ref) => {
 Burger.classes = classes$J;
 Burger.displayName = "@mantine/core/Burger";
 var classes$I = { "root": "m_77c9d27d", "inner": "m_80f1301b", "label": "m_811560b9", "section": "m_a74036a", "loader": "m_a25b86ee", "group": "m_80d6d844", "groupSection": "m_70be2a01" };
-const defaultProps$W = {
+const defaultProps$X = {
   orientation: "horizontal"
 };
 const varsResolver$F = createVarsResolver((_, { borderWidth }) => ({
   group: { "--button-border-width": rem(borderWidth) }
 }));
 const ButtonGroup$1 = factory((_props, ref) => {
-  const props = useProps("ButtonGroup", defaultProps$W, _props);
+  const props = useProps("ButtonGroup", defaultProps$X, _props);
   const {
     className,
     style,
@@ -16513,7 +16513,7 @@ const ButtonGroup$1 = factory((_props, ref) => {
     mod,
     attributes,
     ...others
-  } = useProps("ButtonGroup", defaultProps$W, _props);
+  } = useProps("ButtonGroup", defaultProps$X, _props);
   const getStyles2 = useStyles({
     name: "ButtonGroup",
     props,
@@ -16856,7 +16856,7 @@ const Container$1 = factory((_props, ref) => {
 Container$1.classes = classes$F;
 Container$1.displayName = "@mantine/core/Container";
 var classes$E = { "root": "m_3eebeb36", "label": "m_9e365f20" };
-const defaultProps$V = {
+const defaultProps$W = {
   orientation: "horizontal"
 };
 const varsResolver$A = createVarsResolver((theme, { color, variant, size: size2 }) => ({
@@ -16867,7 +16867,7 @@ const varsResolver$A = createVarsResolver((theme, { color, variant, size: size2
   }
 }));
 const Divider$1 = factory((_props, ref) => {
-  const props = useProps("Divider", defaultProps$V, _props);
+  const props = useProps("Divider", defaultProps$W, _props);
   const {
     classNames: classNames2,
     className,
@@ -17022,7 +17022,7 @@ const rtlTransitions = {
   right: "slide-right",
   left: "slide-left"
 };
-const defaultProps$U = {
+const defaultProps$V = {
   closeOnClickOutside: true,
   withinPortal: true,
   lockScroll: true,
@@ -17044,7 +17044,7 @@ const varsResolver$z = createVarsResolver((_, { position, size: size2, offset: o
   }
 }));
 const DrawerRoot = factory((_props, ref) => {
-  const props = useProps("DrawerRoot", defaultProps$U, _props);
+  const props = useProps("DrawerRoot", defaultProps$V, _props);
   const {
     classNames: classNames2,
     className,
@@ -17128,7 +17128,7 @@ const DrawerTitle = factory((_props, ref) => {
 });
 DrawerTitle.classes = classes$D;
 DrawerTitle.displayName = "@mantine/core/DrawerTitle";
-const defaultProps$T = {
+const defaultProps$U = {
   closeOnClickOutside: true,
   withinPortal: true,
   lockScroll: true,
@@ -17152,7 +17152,7 @@ const Drawer$1 = factory((_props, ref) => {
     stackId,
     zIndex,
     ...others
-  } = useProps("Drawer", defaultProps$T, _props);
+  } = useProps("Drawer", defaultProps$U, _props);
   const ctx = useDrawerStackContext();
   const hasHeader = !!title || withCloseButton;
   const stackProps = ctx && stackId ? {
@@ -17289,11 +17289,11 @@ function GridColVariables({ span, order, offset: offset2, selector }) {
     }
   );
 }
-const defaultProps$S = {
+const defaultProps$T = {
   span: 12
 };
 const GridCol = factory((_props, ref) => {
-  const props = useProps("GridCol", defaultProps$S, _props);
+  const props = useProps("GridCol", defaultProps$T, _props);
   const { classNames: classNames2, className, style, styles, vars, span, order, offset: offset2, ...others } = props;
   const ctx = useGridContext();
   const responsiveClassName = useRandomClassName();
@@ -17359,7 +17359,7 @@ function GridVariables({ gutter, selector, breakpoints, type }) {
     }
   );
 }
-const defaultProps$R = {
+const defaultProps$S = {
   gutter: "md",
   grow: false,
   columns: 12
@@ -17372,7 +17372,7 @@ const varsResolver$y = createVarsResolver((_, { justify, align, overflow }) => (
   }
 }));
 const Grid$1 = factory((_props, ref) => {
-  const props = useProps("Grid", defaultProps$R, _props);
+  const props = useProps("Grid", defaultProps$S, _props);
   const {
     classNames: classNames2,
     className,
@@ -17653,13 +17653,13 @@ var TextareaAutosize = function TextareaAutosize2(_ref, userRef) {
   }
 };
 var index$2 = /* @__PURE__ */ React__namespace.forwardRef(TextareaAutosize);
-const defaultProps$Q = {
+const defaultProps$R = {
   size: "sm"
 };
 const Textarea$1 = factory((props, ref) => {
   const { autosize, maxRows, minRows, __staticSelector, resize, ...others } = useProps(
     "Textarea",
-    defaultProps$Q,
+    defaultProps$R,
     props
   );
   const shouldAutosize = autosize && getEnv() !== "test";
@@ -17707,7 +17707,7 @@ const ListItem$1 = factory((_props, ref) => {
 });
 ListItem$1.classes = classes$B;
 ListItem$1.displayName = "@mantine/core/ListItem";
-const defaultProps$P = {
+const defaultProps$Q = {
   type: "unordered"
 };
 const varsResolver$x = createVarsResolver((_, { size: size2, spacing }) => ({
@@ -17718,7 +17718,7 @@ const varsResolver$x = createVarsResolver((_, { size: size2, spacing }) => ({
   }
 }));
 const List$1 = factory((_props, ref) => {
-  const props = useProps("List", defaultProps$P, _props);
+  const props = useProps("List", defaultProps$Q, _props);
   const {
     classNames: classNames2,
     className,
@@ -18075,7 +18075,7 @@ function MenuSubTarget({ children, refProp }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Popover.Target, { refProp, popupType: "menu", children });
 }
 MenuSubTarget.displayName = "@mantine/core/MenuSubTarget";
-const defaultProps$O = {
+const defaultProps$P = {
   offset: 0,
   position: "right-start",
   transitionProps: { duration: 0 },
@@ -18088,7 +18088,7 @@ const defaultProps$O = {
   }
 };
 function MenuSub(_props) {
-  const { children, closeDelay, openDelay, ...others } = useProps("MenuSub", defaultProps$O, _props);
+  const { children, closeDelay, openDelay, ...others } = useProps("MenuSub", defaultProps$P, _props);
   const id2 = useId$1();
   const [opened, { open, close }] = useDisclosure(false);
   const ctx = useSubMenuContext();
@@ -18124,11 +18124,11 @@ MenuSub.displayName = "@mantine/core/MenuSub";
 MenuSub.Target = MenuSubTarget;
 MenuSub.Dropdown = MenuSubDropdown;
 MenuSub.Item = MenuSubItem;
-const defaultProps$N = {
+const defaultProps$O = {
   refProp: "ref"
 };
 const MenuTarget = React.forwardRef((props, ref) => {
-  const { children, refProp, ...others } = useProps("MenuTarget", defaultProps$N, props);
+  const { children, refProp, ...others } = useProps("MenuTarget", defaultProps$O, props);
   const child = getSingleElementChild(children);
   if (!child) {
     throw new Error(
@@ -18166,7 +18166,7 @@ const MenuTarget = React.forwardRef((props, ref) => {
   }) });
 });
 MenuTarget.displayName = "@mantine/core/MenuTarget";
-const defaultProps$M = {
+const defaultProps$N = {
   trapFocus: true,
   closeOnItemClick: true,
   withInitialFocusPlaceholder: true,
@@ -18178,7 +18178,7 @@ const defaultProps$M = {
   menuItemTabIndex: -1
 };
 function Menu$1(_props) {
-  const props = useProps("Menu", defaultProps$M, _props);
+  const props = useProps("Menu", defaultProps$N, _props);
   const {
     children,
     onOpen,
@@ -18384,7 +18384,7 @@ const ModalOverlay = factory((_props, ref) => {
 });
 ModalOverlay.classes = classes$z;
 ModalOverlay.displayName = "@mantine/core/ModalOverlay";
-const defaultProps$L = {
+const defaultProps$M = {
   __staticSelector: "Modal",
   closeOnClickOutside: true,
   withinPortal: true,
@@ -18408,7 +18408,7 @@ const varsResolver$w = createVarsResolver(
   })
 );
 const ModalRoot = factory((_props, ref) => {
-  const props = useProps("ModalRoot", defaultProps$L, _props);
+  const props = useProps("ModalRoot", defaultProps$M, _props);
   const {
     classNames: classNames2,
     className,
@@ -18494,7 +18494,7 @@ const ModalTitle = factory((_props, ref) => {
 });
 ModalTitle.classes = classes$z;
 ModalTitle.displayName = "@mantine/core/ModalTitle";
-const defaultProps$K = {
+const defaultProps$L = {
   closeOnClickOutside: true,
   withinPortal: true,
   lockScroll: true,
@@ -18520,7 +18520,7 @@ const Modal$1 = factory((_props, ref) => {
     stackId,
     zIndex,
     ...others
-  } = useProps("Modal", defaultProps$K, _props);
+  } = useProps("Modal", defaultProps$L, _props);
   const ctx = useModalStackContext();
   const hasHeader = !!title || withCloseButton;
   const stackProps = ctx && stackId ? {
@@ -18623,7 +18623,7 @@ const PillGroup = factory((_props, ref) => {
 });
 PillGroup.classes = classes$y;
 PillGroup.displayName = "@mantine/core/PillGroup";
-const defaultProps$J = {
+const defaultProps$K = {
   variant: "default"
 };
 const varsResolver$u = createVarsResolver((_, { radius }, { size: size2 }) => ({
@@ -18634,7 +18634,7 @@ const varsResolver$u = createVarsResolver((_, { radius }, { size: size2 }) => ({
   }
 }));
 const Pill = factory((_props, ref) => {
-  const props = useProps("Pill", defaultProps$J, _props);
+  const props = useProps("Pill", defaultProps$K, _props);
   const {
     classNames: classNames2,
     className,
@@ -18720,11 +18720,11 @@ Pill.classes = classes$y;
 Pill.displayName = "@mantine/core/Pill";
 Pill.Group = PillGroup;
 var classes$x = { "field": "m_45c4369d" };
-const defaultProps$I = {
+const defaultProps$J = {
   type: "visible"
 };
 const PillsInputField = factory((_props, ref) => {
-  const props = useProps("PillsInputField", defaultProps$I, _props);
+  const props = useProps("PillsInputField", defaultProps$J, _props);
   const {
     classNames: classNames2,
     className,
@@ -18775,11 +18775,11 @@ const PillsInputField = factory((_props, ref) => {
 });
 PillsInputField.classes = classes$x;
 PillsInputField.displayName = "@mantine/core/PillsInputField";
-const defaultProps$H = {
+const defaultProps$I = {
   size: "sm"
 };
 const PillsInput = factory((_props, ref) => {
-  const props = useProps("PillsInput", defaultProps$H, _props);
+  const props = useProps("PillsInput", defaultProps$I, _props);
   const {
     children,
     onMouseDown,
@@ -18849,7 +18849,7 @@ const clearSectionOffset = {
   lg: 72,
   xl: 89
 };
-const defaultProps$G = {
+const defaultProps$H = {
   maxValues: Infinity,
   withCheckIcon: true,
   checkIconPosition: "left",
@@ -18859,7 +18859,7 @@ const defaultProps$G = {
   size: "sm"
 };
 const MultiSelect$1 = factory((_props, ref) => {
-  const props = useProps("MultiSelect", defaultProps$G, _props);
+  const props = useProps("MultiSelect", defaultProps$H, _props);
   const {
     classNames: classNames2,
     className,
@@ -19336,7 +19336,7 @@ const NavLink = polymorphicFactory((_props, ref) => {
 NavLink.classes = classes$w;
 NavLink.displayName = "@mantine/core/NavLink";
 var classes$v = { "root": "m_a513464", "icon": "m_a4ceffb", "loader": "m_b0920b15", "body": "m_a49ed24", "title": "m_3feedf16", "description": "m_3d733a3a", "closeButton": "m_919a4d88" };
-const defaultProps$F = {
+const defaultProps$G = {
   withCloseButton: true
 };
 const varsResolver$s = createVarsResolver((theme, { radius, color }) => ({
@@ -19346,7 +19346,7 @@ const varsResolver$s = createVarsResolver((theme, { radius, color }) => ({
   }
 }));
 const Notification = factory((_props, ref) => {
-  const props = useProps("Notification", defaultProps$F, _props);
+  const props = useProps("Notification", defaultProps$G, _props);
   const {
     className,
     color,
@@ -20476,7 +20476,7 @@ function isInRange$1(value, min2, max2) {
   const maxValid = max2 === void 0 || value <= max2;
   return minValid && maxValid;
 }
-const defaultProps$E = {
+const defaultProps$F = {
   step: 1,
   clampBehavior: "blur",
   allowDecimal: true,
@@ -20511,7 +20511,7 @@ function clampAndSanitizeInput(sanitizedValue, max2, min2) {
   return clamped;
 }
 const NumberInput = factory((_props, ref) => {
-  const props = useProps("NumberInput", defaultProps$E, _props);
+  const props = useProps("NumberInput", defaultProps$F, _props);
   const {
     className,
     classNames: classNames2,
@@ -20829,11 +20829,11 @@ var classes$t = { "root": "m_4addd315", "control": "m_326d024a", "dots": "m_4ad7
 const [PaginationProvider, usePaginationContext] = createSafeContext(
   "Pagination.Root component was not found in tree"
 );
-const defaultProps$D = {
+const defaultProps$E = {
   withPadding: true
 };
 const PaginationControl = factory((_props, ref) => {
-  const props = useProps("PaginationControl", defaultProps$D, _props);
+  const props = useProps("PaginationControl", defaultProps$E, _props);
   const {
     classNames: classNames2,
     className,
@@ -20912,11 +20912,11 @@ const PaginationDotsIcon = (props) => /* @__PURE__ */ jsxRuntime.jsx(
     path: "M2 8c0-.733.6-1.333 1.333-1.333.734 0 1.334.6 1.334 1.333s-.6 1.333-1.334 1.333C2.6 9.333 2 8.733 2 8zm9.333 0c0-.733.6-1.333 1.334-1.333C13.4 6.667 14 7.267 14 8s-.6 1.333-1.333 1.333c-.734 0-1.334-.6-1.334-1.333zM6.667 8c0-.733.6-1.333 1.333-1.333s1.333.6 1.333 1.333S8.733 9.333 8 9.333 6.667 8.733 6.667 8z"
   }
 );
-const defaultProps$C = {
+const defaultProps$D = {
   icon: PaginationDotsIcon
 };
 const PaginationDots = factory((_props, ref) => {
-  const props = useProps("PaginationDots", defaultProps$C, _props);
+  const props = useProps("PaginationDots", defaultProps$D, _props);
   const { classNames: classNames2, className, style, styles, vars, icon: Icon, ...others } = props;
   const ctx = usePaginationContext();
   return /* @__PURE__ */ jsxRuntime.jsx(Box$1, { ref, ...ctx.getStyles("dots", { className, style, styles, classNames: classNames2 }), ...others, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -21007,7 +21007,7 @@ function PaginationItems({ dotsIcon }) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: items });
 }
 PaginationItems.displayName = "@mantine/core/PaginationItems";
-const defaultProps$B = {
+const defaultProps$C = {
   siblings: 1,
   boundaries: 1
 };
@@ -21023,7 +21023,7 @@ const varsResolver$q = createVarsResolver(
   })
 );
 const PaginationRoot = factory((_props, ref) => {
-  const props = useProps("PaginationRoot", defaultProps$B, _props);
+  const props = useProps("PaginationRoot", defaultProps$C, _props);
   const {
     classNames: classNames2,
     className,
@@ -21096,7 +21096,7 @@ const PaginationRoot = factory((_props, ref) => {
 });
 PaginationRoot.classes = classes$t;
 PaginationRoot.displayName = "@mantine/core/PaginationRoot";
-const defaultProps$A = {
+const defaultProps$B = {
   withControls: true,
   withPages: true,
   siblings: 1,
@@ -21104,7 +21104,7 @@ const defaultProps$A = {
   gap: 8
 };
 const Pagination = factory((_props, ref) => {
-  const props = useProps("Pagination", defaultProps$A, _props);
+  const props = useProps("Pagination", defaultProps$B, _props);
   const {
     withEdges,
     withControls,
@@ -21162,7 +21162,7 @@ const PasswordToggleIcon = ({
     )
   }
 );
-const defaultProps$z = {
+const defaultProps$A = {
   visibilityToggleIcon: PasswordToggleIcon
 };
 const varsResolver$p = createVarsResolver((_, { size: size2 }) => ({
@@ -21172,7 +21172,7 @@ const varsResolver$p = createVarsResolver((_, { size: size2 }) => ({
   }
 }));
 const PasswordInput$1 = factory((_props, ref) => {
-  const props = useProps("PasswordInput", defaultProps$z, _props);
+  const props = useProps("PasswordInput", defaultProps$A, _props);
   const {
     classNames: classNames2,
     className,
@@ -21372,7 +21372,7 @@ const regex = {
   number: /^[0-9]+$/,
   alphanumeric: /^[a-zA-Z0-9]+$/i
 };
-const defaultProps$y = {
+const defaultProps$z = {
   gap: "sm",
   length: 4,
   manageFocus: true,
@@ -21424,7 +21424,7 @@ const PinInput = factory((props, ref) => {
     getInputProps,
     attributes,
     ...others
-  } = useProps("PinInput", defaultProps$y, props);
+  } = useProps("PinInput", defaultProps$z, props);
   const uuid2 = useId$1(id2);
   const getStyles2 = useStyles({
     name: "PinInput",
@@ -21698,7 +21698,7 @@ const ProgressRoot = factory((_props, ref) => {
 });
 ProgressRoot.classes = classes$q;
 ProgressRoot.displayName = "@mantine/core/ProgressRoot";
-const defaultProps$x = {
+const defaultProps$y = {
   withAria: true
 };
 const ProgressSection = factory((props, ref) => {
@@ -21715,7 +21715,7 @@ const ProgressSection = factory((props, ref) => {
     animated,
     mod,
     ...others
-  } = useProps("ProgressSection", defaultProps$x, props);
+  } = useProps("ProgressSection", defaultProps$y, props);
   const ctx = useProgressContext();
   const theme = useMantineTheme();
   const ariaAttributes = withAria ? {
@@ -21791,7 +21791,7 @@ var classes$p = { "root": "m_f3f1af94", "inner": "m_89c4f5e4", "icon": "m_f3ed6b
 const [RadioGroupProvider, useRadioGroupContext] = createOptionalContext();
 const [RadioCardProvider, useRadioCardContext] = createOptionalContext();
 var classes$o = { "card": "m_9dc8ae12" };
-const defaultProps$w = {
+const defaultProps$x = {
   withBorder: true
 };
 const varsResolver$m = createVarsResolver((_, { radius }) => ({
@@ -21800,7 +21800,7 @@ const varsResolver$m = createVarsResolver((_, { radius }) => ({
   }
 }));
 const RadioCard$1 = factory((_props, ref) => {
-  const props = useProps("RadioCard", defaultProps$w, _props);
+  const props = useProps("RadioCard", defaultProps$x, _props);
   const {
     classNames: classNames2,
     className,
@@ -21943,7 +21943,7 @@ function RadioIcon({ size: size2, style, ...others }) {
   );
 }
 var classes$n = { "indicator": "m_717d7ff6", "icon": "m_3e4da632", "indicator--outline": "m_2980836c" };
-const defaultProps$v = {
+const defaultProps$w = {
   icon: RadioIcon
 };
 const varsResolver$l = createVarsResolver(
@@ -21962,7 +21962,7 @@ const varsResolver$l = createVarsResolver(
   }
 );
 const RadioIndicator = factory((_props, ref) => {
-  const props = useProps("RadioIndicator", defaultProps$v, _props);
+  const props = useProps("RadioIndicator", defaultProps$w, _props);
   const {
     classNames: classNames2,
     className,
@@ -22012,7 +22012,7 @@ const RadioIndicator = factory((_props, ref) => {
 });
 RadioIndicator.displayName = "@mantine/core/RadioIndicator";
 RadioIndicator.classes = classes$n;
-const defaultProps$u = {
+const defaultProps$v = {
   labelPosition: "right"
 };
 const varsResolver$k = createVarsResolver(
@@ -22031,7 +22031,7 @@ const varsResolver$k = createVarsResolver(
   }
 );
 const Radio$1 = factory((_props, ref) => {
-  const props = useProps("Radio", defaultProps$u, _props);
+  const props = useProps("Radio", defaultProps$v, _props);
   const {
     classNames: classNames2,
     className,
@@ -22198,7 +22198,7 @@ function useFloatingTooltip({
   }, [elements.reference, refs.floating.current, update, handleMouseMove, opened]);
   return { handleMouseMove, x, y, opened, setOpened, boundaryRef, floating: refs.setFloating };
 }
-const defaultProps$t = {
+const defaultProps$u = {
   refProp: "ref",
   withinPortal: true,
   offset: 10,
@@ -22213,7 +22213,7 @@ const varsResolver$j = createVarsResolver((theme, { radius, color }) => ({
   }
 }));
 const TooltipFloating = factory((_props, ref) => {
-  const props = useProps("TooltipFloating", defaultProps$t, _props);
+  const props = useProps("TooltipFloating", defaultProps$u, _props);
   const {
     children,
     refProp,
@@ -22308,12 +22308,12 @@ TooltipFloating.displayName = "@mantine/core/TooltipFloating";
 const TooltipGroupContext = React.createContext(false);
 const TooltipGroupProvider = TooltipGroupContext.Provider;
 const useTooltipGroupContext = () => React.useContext(TooltipGroupContext);
-const defaultProps$s = {
+const defaultProps$t = {
   openDelay: 0,
   closeDelay: 0
 };
 function TooltipGroup(props) {
-  const { openDelay, closeDelay, children } = useProps("TooltipGroup", defaultProps$s, props);
+  const { openDelay, closeDelay, children } = useProps("TooltipGroup", defaultProps$t, props);
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipGroupProvider, { value: true, children: /* @__PURE__ */ jsxRuntime.jsx(FloatingDelayGroup, { delay: { open: openDelay, close: closeDelay }, children }) });
 }
 TooltipGroup.displayName = "@mantine/core/TooltipGroup";
@@ -22416,7 +22416,7 @@ function useTooltip(settings) {
     placement
   };
 }
-const defaultProps$r = {
+const defaultProps$s = {
   position: "top",
   refProp: "ref",
   withinPortal: true,
@@ -22449,7 +22449,7 @@ const varsResolver$i = createVarsResolver(
   }
 );
 const Tooltip$1 = factory((_props, ref) => {
-  const props = useProps("Tooltip", defaultProps$r, _props);
+  const props = useProps("Tooltip", defaultProps$s, _props);
   const {
     children,
     position,
@@ -22497,7 +22497,7 @@ const Tooltip$1 = factory((_props, ref) => {
     attributes,
     target,
     ...others
-  } = useProps("Tooltip", defaultProps$r, props);
+  } = useProps("Tooltip", defaultProps$s, props);
   const { dir } = useDirection();
   const arrowRef = React.useRef(null);
   const tooltip = useTooltip({
@@ -22664,7 +22664,7 @@ Tooltip$1.displayName = "@mantine/core/Tooltip";
 Tooltip$1.Floating = TooltipFloating;
 Tooltip$1.Group = TooltipGroup;
 var classes$l = { "root": "m_cf365364", "indicator": "m_9e182ccd", "label": "m_1738fcb2", "input": "m_1714d588", "control": "m_69686b9b", "innerLabel": "m_78882f40" };
-const defaultProps$q = {
+const defaultProps$r = {
   withItemsBorders: true
 };
 const varsResolver$h = createVarsResolver(
@@ -22681,7 +22681,7 @@ const varsResolver$h = createVarsResolver(
   })
 );
 const SegmentedControl = factory((_props, ref) => {
-  const props = useProps("SegmentedControl", defaultProps$q, _props);
+  const props = useProps("SegmentedControl", defaultProps$r, _props);
   const {
     classNames: classNames2,
     className,
@@ -22829,14 +22829,14 @@ const SegmentedControl = factory((_props, ref) => {
 });
 SegmentedControl.classes = classes$l;
 SegmentedControl.displayName = "@mantine/core/SegmentedControl";
-const defaultProps$p = {
+const defaultProps$q = {
   withCheckIcon: true,
   allowDeselect: true,
   checkIconPosition: "left",
   openOnFocus: true
 };
 const Select$1 = factory((_props, ref) => {
-  const props = useProps("Select", defaultProps$p, _props);
+  const props = useProps("Select", defaultProps$q, _props);
   const {
     classNames: classNames2,
     styles,
@@ -23196,13 +23196,13 @@ function SimpleGridContainerVariables({
   }));
   return /* @__PURE__ */ jsxRuntime.jsx(InlineStyles, { styles: baseStyles, container: media, selector });
 }
-const defaultProps$o = {
+const defaultProps$p = {
   cols: 1,
   spacing: "md",
   type: "media"
 };
 const SimpleGrid = factory((_props, ref) => {
-  const props = useProps("SimpleGrid", defaultProps$o, _props);
+  const props = useProps("SimpleGrid", defaultProps$p, _props);
   const {
     classNames: classNames2,
     className,
@@ -23244,7 +23244,7 @@ const SimpleGrid = factory((_props, ref) => {
 SimpleGrid.classes = classes$k;
 SimpleGrid.displayName = "@mantine/core/SimpleGrid";
 var classes$j = { "root": "m_18320242", "skeleton-fade": "m_299c329c" };
-const defaultProps$n = {
+const defaultProps$o = {
   visible: true,
   animate: true
 };
@@ -23258,7 +23258,7 @@ const varsResolver$g = createVarsResolver(
   })
 );
 const Skeleton$1 = factory((_props, ref) => {
-  const props = useProps("Skeleton", defaultProps$n, _props);
+  const props = useProps("Skeleton", defaultProps$o, _props);
   const {
     classNames: classNames2,
     className,
@@ -23484,7 +23484,7 @@ function getLastMarkValue(marks) {
   const sortedMarks = [...marks].sort((a, b) => a.value - b.value);
   return sortedMarks.length > 0 ? sortedMarks[sortedMarks.length - 1].value : 100;
 }
-const defaultProps$m = {
+const defaultProps$n = {
   radius: "xl",
   min: 0,
   max: 100,
@@ -23508,7 +23508,7 @@ const varsResolver$f = createVarsResolver(
   })
 );
 const Slider$1 = factory((_props, ref) => {
-  const props = useProps("Slider", defaultProps$m, _props);
+  const props = useProps("Slider", defaultProps$n, _props);
   const {
     classNames: classNames2,
     styles,
@@ -23775,7 +23775,7 @@ const Space = factory((props, ref) => {
 });
 Space.displayName = "@mantine/core/Space";
 var classes$h = { "root": "m_6d731127" };
-const defaultProps$l = {
+const defaultProps$m = {
   gap: "md",
   align: "stretch",
   justify: "flex-start"
@@ -23788,7 +23788,7 @@ const varsResolver$e = createVarsResolver((_, { gap, align, justify }) => ({
   }
 }));
 const Stack$2 = factory((_props, ref) => {
-  const props = useProps("Stack", defaultProps$l, _props);
+  const props = useProps("Stack", defaultProps$m, _props);
   const {
     classNames: classNames2,
     className,
@@ -23832,7 +23832,7 @@ const getStepFragment = (Fragment, step) => {
   }
   return Fragment;
 };
-const defaultProps$k = {
+const defaultProps$l = {
   withIcon: true,
   allowStepClick: true,
   iconPosition: "left"
@@ -23861,7 +23861,7 @@ const StepperStep = factory((props, ref) => {
     orientation,
     mod,
     ...others
-  } = useProps("StepperStep", defaultProps$k, props);
+  } = useProps("StepperStep", defaultProps$l, props);
   const ctx = useStepperContext();
   const theme = useMantineTheme();
   const stylesApi = { classNames: classNames2, styles };
@@ -23935,7 +23935,7 @@ const StepperStep = factory((props, ref) => {
 });
 StepperStep.classes = classes$g;
 StepperStep.displayName = "@mantine/core/StepperStep";
-const defaultProps$j = {
+const defaultProps$k = {
   orientation: "horizontal",
   iconPosition: "left",
   allowNextStepsSelect: true,
@@ -23955,7 +23955,7 @@ const varsResolver$d = createVarsResolver(
   })
 );
 const Stepper = factory((_props, ref) => {
-  const props = useProps("Stepper", defaultProps$j, _props);
+  const props = useProps("Stepper", defaultProps$k, _props);
   const {
     classNames: classNames2,
     className,
@@ -24114,7 +24114,7 @@ const SwitchGroup = factory((props, ref) => {
 });
 SwitchGroup.classes = Input.Wrapper.classes;
 SwitchGroup.displayName = "@mantine/core/SwitchGroup";
-const defaultProps$i = {
+const defaultProps$j = {
   labelPosition: "right",
   withThumbIndicator: true
 };
@@ -24130,7 +24130,7 @@ const varsResolver$c = createVarsResolver((theme, { radius, color, size: size2 }
   }
 }));
 const Switch$1 = factory((_props, ref) => {
-  const props = useProps("Switch", defaultProps$i, _props);
+  const props = useProps("Switch", defaultProps$j, _props);
   const {
     classNames: classNames2,
     className,
@@ -24334,7 +24334,7 @@ function TableDataRenderer({ data }) {
   ] });
 }
 TableDataRenderer.displayName = "@mantine/core/TableDataRenderer";
-const defaultProps$h = {
+const defaultProps$i = {
   type: "scrollarea"
 };
 const varsResolver$b = createVarsResolver(
@@ -24347,7 +24347,7 @@ const varsResolver$b = createVarsResolver(
   })
 );
 const TableScrollContainer = factory((_props, ref) => {
-  const props = useProps("TableScrollContainer", defaultProps$h, _props);
+  const props = useProps("TableScrollContainer", defaultProps$i, _props);
   const {
     classNames: classNames2,
     className,
@@ -24391,7 +24391,7 @@ const TableScrollContainer = factory((_props, ref) => {
 });
 TableScrollContainer.classes = classes$e;
 TableScrollContainer.displayName = "@mantine/core/TableScrollContainer";
-const defaultProps$g = {
+const defaultProps$h = {
   withRowBorders: true,
   verticalSpacing: 7
 };
@@ -24422,7 +24422,7 @@ const varsResolver$a = createVarsResolver(
   })
 );
 const Table$1 = factory((_props, ref) => {
-  const props = useProps("Table", defaultProps$g, _props);
+  const props = useProps("Table", defaultProps$h, _props);
   const {
     classNames: classNames2,
     className,
@@ -24647,7 +24647,7 @@ const TabsTab = factory((_props, ref) => {
 TabsTab.classes = classes$d;
 TabsTab.displayName = "@mantine/core/TabsTab";
 const VALUE_ERROR = "Tabs.Tab or Tabs.Panel component was rendered with invalid value or without value";
-const defaultProps$f = {
+const defaultProps$g = {
   keepMounted: true,
   orientation: "horizontal",
   loop: true,
@@ -24663,7 +24663,7 @@ const varsResolver$9 = createVarsResolver((theme, { radius, color, autoContrast
   }
 }));
 const Tabs$1 = factory((_props, ref) => {
-  const props = useProps("Tabs", defaultProps$f, _props);
+  const props = useProps("Tabs", defaultProps$g, _props);
   const {
     defaultValue,
     value,
@@ -24841,7 +24841,7 @@ function getTitleSize(order, size2) {
   };
 }
 var classes$b = { "root": "m_8a5d1357" };
-const defaultProps$e = {
+const defaultProps$f = {
   order: 1
 };
 const varsResolver$7 = createVarsResolver((_, { order, size: size2, lineClamp, textWrap }) => {
@@ -24857,7 +24857,7 @@ const varsResolver$7 = createVarsResolver((_, { order, size: size2, lineClamp, t
   };
 });
 const Title = factory((_props, ref) => {
-  const props = useProps("Title", defaultProps$e, _props);
+  const props = useProps("Title", defaultProps$f, _props);
   const {
     classNames: classNames2,
     className,
@@ -25018,7 +25018,7 @@ const NotificationContainer = React.forwardRef(
 NotificationContainer.displayName = "@mantine/notifications/NotificationContainer";
 var classes$a = { "root": "m_b37d9ac7", "notification": "m_5ed0edd0" };
 const Transition = Transition$2;
-const defaultProps$d = {
+const defaultProps$e = {
   position: "bottom-right",
   autoClose: 4e3,
   transitionDuration: 250,
@@ -25036,7 +25036,7 @@ const varsResolver$6 = createVarsResolver((_, { zIndex, containerWidth }) => ({
   }
 }));
 const Notifications = factory((_props, ref) => {
-  const props = useProps("Notifications", defaultProps$d, _props);
+  const props = useProps("Notifications", defaultProps$e, _props);
   const {
     classNames: classNames2,
     className,
@@ -41042,7 +41042,7 @@ function getWeekNumber(week) {
   return dayjs(monday).isoWeek();
 }
 var classes$7 = { "month": "m_cc9820d3", "monthCell": "m_8f457cd5", "weekNumber": "m_6cff9dea" };
-const defaultProps$c = {
+const defaultProps$d = {
   withCellSpacing: true
 };
 const varsResolver$3 = createVarsResolver((_, { size: size2 }) => ({
@@ -41052,7 +41052,7 @@ const varsResolver$3 = createVarsResolver((_, { size: size2 }) => ({
   }
 }));
 const Month = factory((_props, ref) => {
-  const props = useProps("Month", defaultProps$c, _props);
+  const props = useProps("Month", defaultProps$d, _props);
   const {
     classNames: classNames2,
     className,
@@ -41309,12 +41309,12 @@ function getYearsData(decade) {
   return results;
 }
 var classes$5 = { "yearsList": "m_9206547b", "yearsListCell": "m_c5a19c7d" };
-const defaultProps$b = {
+const defaultProps$c = {
   yearsListFormat: "YYYY",
   withCellSpacing: true
 };
 const YearsList = factory((_props, ref) => {
-  const props = useProps("YearsList", defaultProps$b, _props);
+  const props = useProps("YearsList", defaultProps$c, _props);
   const {
     classNames: classNames2,
     className,
@@ -41458,12 +41458,12 @@ function getMonthsData(year) {
   return results;
 }
 var classes$4 = { "monthsList": "m_2a6c32d", "monthsListCell": "m_fe27622f" };
-const defaultProps$a = {
+const defaultProps$b = {
   monthsListFormat: "MMM",
   withCellSpacing: true
 };
 const MonthsList = factory((_props, ref) => {
-  const props = useProps("MonthsList", defaultProps$a, _props);
+  const props = useProps("MonthsList", defaultProps$b, _props);
   const {
     classNames: classNames2,
     className,
@@ -41569,7 +41569,7 @@ const MonthsList = factory((_props, ref) => {
 MonthsList.classes = classes$4;
 MonthsList.displayName = "@mantine/dates/MonthsList";
 var classes$3 = { "calendarHeader": "m_730a79ed", "calendarHeaderLevel": "m_f6645d97", "calendarHeaderControl": "m_2351eeb0", "calendarHeaderControlIcon": "m_367dc749" };
-const defaultProps$9 = {
+const defaultProps$a = {
   hasNextLevel: true,
   withNext: true,
   withPrevious: true,
@@ -41582,7 +41582,7 @@ const varsResolver$1 = createVarsResolver((_, { size: size2 }) => ({
   }
 }));
 const CalendarHeader = factory((_props, ref) => {
-  const props = useProps("CalendarHeader", defaultProps$9, _props);
+  const props = useProps("CalendarHeader", defaultProps$a, _props);
   const {
     classNames: classNames2,
     className,
@@ -41711,11 +41711,11 @@ function getDecadeRange(decade) {
   const years = getYearsData(decade);
   return [years[0][0], years[3][0]];
 }
-const defaultProps$8 = {
+const defaultProps$9 = {
   decadeLabelFormat: "YYYY"
 };
 const DecadeLevel = factory((_props, ref) => {
-  const props = useProps("DecadeLevel", defaultProps$8, _props);
+  const props = useProps("DecadeLevel", defaultProps$9, _props);
   const {
     // YearsList settings
     decade,
@@ -41816,11 +41816,11 @@ const DecadeLevel = factory((_props, ref) => {
 });
 DecadeLevel.classes = { ...YearsList.classes, ...CalendarHeader.classes };
 DecadeLevel.displayName = "@mantine/dates/DecadeLevel";
-const defaultProps$7 = {
+const defaultProps$8 = {
   yearLabelFormat: "YYYY"
 };
 const YearLevel = factory((_props, ref) => {
-  const props = useProps("YearLevel", defaultProps$7, _props);
+  const props = useProps("YearLevel", defaultProps$8, _props);
   const {
     // MonthsList settings
     year,
@@ -41919,11 +41919,11 @@ const YearLevel = factory((_props, ref) => {
 });
 YearLevel.classes = { ...CalendarHeader.classes, ...MonthsList.classes };
 YearLevel.displayName = "@mantine/dates/YearLevel";
-const defaultProps$6 = {
+const defaultProps$7 = {
   monthLabelFormat: "MMMM YYYY"
 };
 const MonthLevel = factory((_props, ref) => {
-  const props = useProps("MonthLevel", defaultProps$6, _props);
+  const props = useProps("MonthLevel", defaultProps$7, _props);
   const {
     // Month settings
     month,
@@ -42073,11 +42073,11 @@ const LevelsGroup = factory((_props, ref) => {
 });
 LevelsGroup.classes = classes$2;
 LevelsGroup.displayName = "@mantine/dates/LevelsGroup";
-const defaultProps$5 = {
+const defaultProps$6 = {
   numberOfColumns: 1
 };
 const DecadeLevelGroup = factory((_props, ref) => {
-  const props = useProps("DecadeLevelGroup", defaultProps$5, _props);
+  const props = useProps("DecadeLevelGroup", defaultProps$6, _props);
   const {
     // DecadeLevel settings
     decade,
@@ -42187,11 +42187,11 @@ const DecadeLevelGroup = factory((_props, ref) => {
 });
 DecadeLevelGroup.classes = { ...LevelsGroup.classes, ...DecadeLevel.classes };
 DecadeLevelGroup.displayName = "@mantine/dates/DecadeLevelGroup";
-const defaultProps$4 = {
+const defaultProps$5 = {
   numberOfColumns: 1
 };
 const YearLevelGroup = factory((_props, ref) => {
-  const props = useProps("YearLevelGroup", defaultProps$4, _props);
+  const props = useProps("YearLevelGroup", defaultProps$5, _props);
   const {
     // YearLevel settings
     year,
@@ -42305,11 +42305,11 @@ const YearLevelGroup = factory((_props, ref) => {
 });
 YearLevelGroup.classes = { ...YearLevel.classes, ...LevelsGroup.classes };
 YearLevelGroup.displayName = "@mantine/dates/YearLevelGroup";
-const defaultProps$3 = {
+const defaultProps$4 = {
   numberOfColumns: 1
 };
 const MonthLevelGroup = factory((_props, ref) => {
-  const props = useProps("MonthLevelGroup", defaultProps$3, _props);
+  const props = useProps("MonthLevelGroup", defaultProps$4, _props);
   const {
     // Month settings
     month,
@@ -42603,7 +42603,7 @@ function clampLevel(level, minLevel, maxLevel) {
     )
   );
 }
-const defaultProps$2 = {
+const defaultProps$3 = {
   maxLevel: "decade",
   minLevel: "month",
   __updateDateOnYearSelect: true,
@@ -42611,7 +42611,7 @@ const defaultProps$2 = {
   enableKeyboardNavigation: true
 };
 const Calendar = factory((_props, ref) => {
-  const props = useProps("Calendar", defaultProps$2, _props);
+  const props = useProps("Calendar", defaultProps$3, _props);
   const {
     // CalendarLevel props
     vars,
@@ -43199,14 +43199,14 @@ const varsResolver = createVarsResolver((_, { size: size2 }) => ({
     "--preset-font-size": getFontSize(size2)
   }
 }));
-const defaultProps$1 = {
+const defaultProps$2 = {
   type: "default",
   defaultLevel: "month",
   numberOfColumns: 1,
   size: "sm"
 };
 const DatePicker$1 = factory((_props, ref) => {
-  const props = useProps("DatePicker", defaultProps$1, _props);
+  const props = useProps("DatePicker", defaultProps$2, _props);
   const {
     allowDeselect,
     allowSingleDateInRange,
@@ -43330,6 +43330,249 @@ const DatePicker$1 = factory((_props, ref) => {
 });
 DatePicker$1.classes = Calendar.classes;
 DatePicker$1.displayName = "@mantine/dates/DatePicker";
+function dateStringParser(dateString) {
+  if (dateString === null) {
+    return null;
+  }
+  const date2 = new Date(dateString);
+  if (Number.isNaN(date2.getTime()) || !dateString) {
+    return null;
+  }
+  return dayjs(date2).format("YYYY-MM-DD");
+}
+function isDateValid({ date: date2, maxDate, minDate }) {
+  if (date2 == null) {
+    return false;
+  }
+  if (Number.isNaN(new Date(date2).getTime())) {
+    return false;
+  }
+  if (maxDate && dayjs(date2).isAfter(maxDate, "date")) {
+    return false;
+  }
+  if (minDate && dayjs(date2).isBefore(minDate, "date")) {
+    return false;
+  }
+  return true;
+}
+const defaultProps$1 = {
+  valueFormat: "MMMM D, YYYY",
+  fixOnBlur: true,
+  size: "sm"
+};
+const DateInput = factory((_props, ref) => {
+  const props = useInputProps("DateInput", defaultProps$1, _props);
+  const {
+    inputProps,
+    wrapperProps,
+    value,
+    defaultValue,
+    onChange,
+    clearable,
+    clearButtonProps,
+    popoverProps,
+    getDayProps,
+    locale,
+    valueFormat,
+    dateParser,
+    minDate,
+    maxDate,
+    fixOnBlur,
+    onFocus,
+    onBlur,
+    onClick,
+    onKeyDown,
+    readOnly,
+    name,
+    form,
+    rightSection,
+    unstyled,
+    classNames: classNames2,
+    styles,
+    allowDeselect,
+    date: date2,
+    defaultDate,
+    onDateChange,
+    getMonthControlProps,
+    getYearControlProps,
+    disabled,
+    ...rest
+  } = props;
+  const _wrapperRef = React.useRef(null);
+  const _dropdownRef = React.useRef(null);
+  const [dropdownOpened, setDropdownOpened] = React.useState(false);
+  const { calendarProps, others } = pickCalendarProps(rest);
+  const ctx = useDatesContext();
+  const defaultDateParser = (val) => {
+    const parsedDate = dayjs(val, valueFormat, ctx.getLocale(locale)).toDate();
+    return Number.isNaN(parsedDate.getTime()) ? dateStringParser(val) : dayjs(parsedDate).format("YYYY-MM-DD");
+  };
+  const _dateParser = dateParser || defaultDateParser;
+  const _allowDeselect = allowDeselect !== void 0 ? allowDeselect : clearable;
+  const formatValue2 = (val) => val ? dayjs(val).locale(ctx.getLocale(locale)).format(valueFormat) : "";
+  const [_value, setValue, controlled] = useUncontrolledDates({
+    type: "default",
+    value,
+    defaultValue,
+    onChange
+  });
+  const [_date2, setDate] = useUncontrolledDates({
+    type: "default",
+    value: date2,
+    defaultValue: defaultValue || defaultDate,
+    onChange: onDateChange
+  });
+  React.useEffect(() => {
+    if (controlled && value !== null) {
+      setDate(value);
+    }
+  }, [controlled, value]);
+  const [inputValue, setInputValue] = React.useState(formatValue2(_value));
+  React.useEffect(() => {
+    setInputValue(formatValue2(_value));
+  }, [ctx.getLocale(locale)]);
+  const handleInputChange = (event) => {
+    const val = event.currentTarget.value;
+    setInputValue(val);
+    setDropdownOpened(true);
+    if (val.trim() === "" && (allowDeselect || clearable)) {
+      setValue(null);
+    } else {
+      const dateValue = _dateParser(val);
+      if (dateValue && isDateValid({ date: dateValue, minDate, maxDate })) {
+        setValue(dateValue);
+        setDate(dateValue);
+      }
+    }
+  };
+  const handleInputBlur = (event) => {
+    onBlur?.(event);
+    setDropdownOpened(false);
+    fixOnBlur && setInputValue(formatValue2(_value));
+  };
+  const handleInputFocus = (event) => {
+    onFocus?.(event);
+    setDropdownOpened(true);
+  };
+  const handleInputClick = (event) => {
+    onClick?.(event);
+    setDropdownOpened(true);
+  };
+  const handleInputKeyDown = (event) => {
+    if (event.key === "Escape") {
+      setDropdownOpened(false);
+    }
+    onKeyDown?.(event);
+  };
+  const _getDayProps = (day) => ({
+    ...getDayProps?.(day),
+    selected: dayjs(_value).isSame(day, "day"),
+    onClick: (event) => {
+      getDayProps?.(day).onClick?.(event);
+      const val = _allowDeselect ? dayjs(_value).isSame(day, "day") ? null : day : day;
+      setValue(val);
+      !controlled && val && setInputValue(formatValue2(val));
+      setDropdownOpened(false);
+    }
+  });
+  const clearButton = /* @__PURE__ */ jsxRuntime.jsx(
+    Input.ClearButton,
+    {
+      onClick: () => {
+        setValue(null);
+        !controlled && setInputValue("");
+        setDropdownOpened(false);
+      },
+      unstyled,
+      ...clearButtonProps
+    }
+  );
+  const _clearable = clearable && !!_value && !readOnly && !disabled;
+  useDidUpdate(() => {
+    _value !== void 0 && !dropdownOpened && setInputValue(formatValue2(_value));
+  }, [_value]);
+  useClickOutside(() => setDropdownOpened(false), void 0, [
+    _wrapperRef.current,
+    _dropdownRef.current
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Input.Wrapper, { ...wrapperProps, __staticSelector: "DateInput", ref: _wrapperRef, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      Popover,
+      {
+        opened: dropdownOpened,
+        trapFocus: false,
+        position: "bottom-start",
+        disabled: readOnly || disabled,
+        withRoles: false,
+        unstyled,
+        ...popoverProps,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Popover.Target, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              "data-dates-input": true,
+              "data-read-only": readOnly || void 0,
+              autoComplete: "off",
+              ref,
+              value: inputValue,
+              onChange: handleInputChange,
+              onBlur: handleInputBlur,
+              onFocus: handleInputFocus,
+              onClick: handleInputClick,
+              onKeyDown: handleInputKeyDown,
+              readOnly,
+              rightSection,
+              __clearSection: clearButton,
+              __clearable: _clearable,
+              ...inputProps,
+              ...others,
+              disabled,
+              __staticSelector: "DateInput"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Popover.Dropdown,
+            {
+              onMouseDown: (event) => event.preventDefault(),
+              "data-dates-dropdown": true,
+              ref: _dropdownRef,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                Calendar,
+                {
+                  __staticSelector: "DateInput",
+                  ...calendarProps,
+                  classNames: classNames2,
+                  styles,
+                  unstyled,
+                  __preventFocus: true,
+                  minDate,
+                  maxDate,
+                  locale,
+                  getDayProps: _getDayProps,
+                  size: inputProps.size,
+                  date: _date2,
+                  onDateChange: setDate,
+                  getMonthControlProps: (date22) => ({
+                    selected: typeof _value === "string" ? isSameMonth(date22, _value) : false,
+                    ...getMonthControlProps?.(date22)
+                  }),
+                  getYearControlProps: (date22) => ({
+                    selected: typeof _value === "string" ? dayjs(date22).isSame(_value, "year") : false,
+                    ...getYearControlProps?.(date22)
+                  }),
+                  attributes: wrapperProps.attributes
+                }
+              )
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(HiddenDatesInput, { name, form, value: _value, type: "default" })
+  ] });
+});
+DateInput.classes = { ...Input.classes, ...Calendar.classes };
+DateInput.displayName = "@mantine/dates/DateInput";
 function useDatesInput({
   type,
   value,
@@ -47861,6 +48104,138 @@ const Menu = Object.assign(MenuBase, {
   Label: Menu$1.Label,
   Divider: Menu$1.Divider
 });
+var customParseFormat$2 = { exports: {} };
+var customParseFormat$1 = customParseFormat$2.exports;
+var hasRequiredCustomParseFormat;
+function requireCustomParseFormat() {
+  if (hasRequiredCustomParseFormat) return customParseFormat$2.exports;
+  hasRequiredCustomParseFormat = 1;
+  (function(module2, exports$1) {
+    !(function(e, t) {
+      module2.exports = t();
+    })(customParseFormat$1, (function() {
+      var e = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, t = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, n = /\d/, r2 = /\d\d/, i = /\d\d?/, o = /\d*[^-_:/,()\s\d]+/, s = {}, a = function(e2) {
+        return (e2 = +e2) + (e2 > 68 ? 1900 : 2e3);
+      };
+      var f = function(e2) {
+        return function(t2) {
+          this[e2] = +t2;
+        };
+      }, h = [/[+-]\d\d:?(\d\d)?|Z/, function(e2) {
+        (this.zone || (this.zone = {})).offset = (function(e3) {
+          if (!e3) return 0;
+          if ("Z" === e3) return 0;
+          var t2 = e3.match(/([+-]|\d\d)/g), n2 = 60 * t2[1] + (+t2[2] || 0);
+          return 0 === n2 ? 0 : "+" === t2[0] ? -n2 : n2;
+        })(e2);
+      }], u = function(e2) {
+        var t2 = s[e2];
+        return t2 && (t2.indexOf ? t2 : t2.s.concat(t2.f));
+      }, d = function(e2, t2) {
+        var n2, r3 = s.meridiem;
+        if (r3) {
+          for (var i2 = 1; i2 <= 24; i2 += 1) if (e2.indexOf(r3(i2, 0, t2)) > -1) {
+            n2 = i2 > 12;
+            break;
+          }
+        } else n2 = e2 === (t2 ? "pm" : "PM");
+        return n2;
+      }, c = { A: [o, function(e2) {
+        this.afternoon = d(e2, false);
+      }], a: [o, function(e2) {
+        this.afternoon = d(e2, true);
+      }], Q: [n, function(e2) {
+        this.month = 3 * (e2 - 1) + 1;
+      }], S: [n, function(e2) {
+        this.milliseconds = 100 * +e2;
+      }], SS: [r2, function(e2) {
+        this.milliseconds = 10 * +e2;
+      }], SSS: [/\d{3}/, function(e2) {
+        this.milliseconds = +e2;
+      }], s: [i, f("seconds")], ss: [i, f("seconds")], m: [i, f("minutes")], mm: [i, f("minutes")], H: [i, f("hours")], h: [i, f("hours")], HH: [i, f("hours")], hh: [i, f("hours")], D: [i, f("day")], DD: [r2, f("day")], Do: [o, function(e2) {
+        var t2 = s.ordinal, n2 = e2.match(/\d+/);
+        if (this.day = n2[0], t2) for (var r3 = 1; r3 <= 31; r3 += 1) t2(r3).replace(/\[|\]/g, "") === e2 && (this.day = r3);
+      }], w: [i, f("week")], ww: [r2, f("week")], M: [i, f("month")], MM: [r2, f("month")], MMM: [o, function(e2) {
+        var t2 = u("months"), n2 = (u("monthsShort") || t2.map((function(e3) {
+          return e3.slice(0, 3);
+        }))).indexOf(e2) + 1;
+        if (n2 < 1) throw new Error();
+        this.month = n2 % 12 || n2;
+      }], MMMM: [o, function(e2) {
+        var t2 = u("months").indexOf(e2) + 1;
+        if (t2 < 1) throw new Error();
+        this.month = t2 % 12 || t2;
+      }], Y: [/[+-]?\d+/, f("year")], YY: [r2, function(e2) {
+        this.year = a(e2);
+      }], YYYY: [/\d{4}/, f("year")], Z: h, ZZ: h };
+      function l(n2) {
+        var r3, i2;
+        r3 = n2, i2 = s && s.formats;
+        for (var o2 = (n2 = r3.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, (function(t2, n3, r4) {
+          var o3 = r4 && r4.toUpperCase();
+          return n3 || i2[r4] || e[r4] || i2[o3].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, (function(e2, t3, n4) {
+            return t3 || n4.slice(1);
+          }));
+        }))).match(t), a2 = o2.length, f2 = 0; f2 < a2; f2 += 1) {
+          var h2 = o2[f2], u2 = c[h2], d2 = u2 && u2[0], l2 = u2 && u2[1];
+          o2[f2] = l2 ? { regex: d2, parser: l2 } : h2.replace(/^\[|\]$/g, "");
+        }
+        return function(e2) {
+          for (var t2 = {}, n3 = 0, r4 = 0; n3 < a2; n3 += 1) {
+            var i3 = o2[n3];
+            if ("string" == typeof i3) r4 += i3.length;
+            else {
+              var s2 = i3.regex, f3 = i3.parser, h3 = e2.slice(r4), u3 = s2.exec(h3)[0];
+              f3.call(t2, u3), e2 = e2.replace(u3, "");
+            }
+          }
+          return (function(e3) {
+            var t3 = e3.afternoon;
+            if (void 0 !== t3) {
+              var n4 = e3.hours;
+              t3 ? n4 < 12 && (e3.hours += 12) : 12 === n4 && (e3.hours = 0), delete e3.afternoon;
+            }
+          })(t2), t2;
+        };
+      }
+      return function(e2, t2, n2) {
+        n2.p.customParseFormat = true, e2 && e2.parseTwoDigitYear && (a = e2.parseTwoDigitYear);
+        var r3 = t2.prototype, i2 = r3.parse;
+        r3.parse = function(e3) {
+          var t3 = e3.date, r4 = e3.utc, o2 = e3.args;
+          this.$u = r4;
+          var a2 = o2[1];
+          if ("string" == typeof a2) {
+            var f2 = true === o2[2], h2 = true === o2[3], u2 = f2 || h2, d2 = o2[2];
+            h2 && (d2 = o2[2]), s = this.$locale(), !f2 && d2 && (s = n2.Ls[d2]), this.$d = (function(e4, t4, n3, r5) {
+              try {
+                if (["x", "X"].indexOf(t4) > -1) return new Date(("X" === t4 ? 1e3 : 1) * e4);
+                var i3 = l(t4)(e4), o3 = i3.year, s2 = i3.month, a3 = i3.day, f3 = i3.hours, h3 = i3.minutes, u3 = i3.seconds, d3 = i3.milliseconds, c3 = i3.zone, m2 = i3.week, M2 = /* @__PURE__ */ new Date(), Y = a3 || (o3 || s2 ? 1 : M2.getDate()), p = o3 || M2.getFullYear(), v = 0;
+                o3 && !s2 || (v = s2 > 0 ? s2 - 1 : M2.getMonth());
+                var D, w = f3 || 0, g = h3 || 0, y = u3 || 0, L = d3 || 0;
+                return c3 ? new Date(Date.UTC(p, v, Y, w, g, y, L + 60 * c3.offset * 1e3)) : n3 ? new Date(Date.UTC(p, v, Y, w, g, y, L)) : (D = new Date(p, v, Y, w, g, y, L), m2 && (D = r5(D).week(m2).toDate()), D);
+              } catch (e5) {
+                return /* @__PURE__ */ new Date("");
+              }
+            })(t3, a2, r4, n2), this.init(), d2 && true !== d2 && (this.$L = this.locale(d2).$L), u2 && t3 != this.format(a2) && (this.$d = /* @__PURE__ */ new Date("")), s = {};
+          } else if (a2 instanceof Array) for (var c2 = a2.length, m = 1; m <= c2; m += 1) {
+            o2[1] = a2[m - 1];
+            var M = n2.apply(this, o2);
+            if (M.isValid()) {
+              this.$d = M.$d, this.$L = M.$L, this.init();
+              break;
+            }
+            m === c2 && (this.$d = /* @__PURE__ */ new Date(""));
+          }
+          else i2.call(this, e3);
+        };
+      };
+    }));
+  })(customParseFormat$2);
+  return customParseFormat$2.exports;
+}
+var customParseFormatExports = requireCustomParseFormat();
+const customParseFormat = /* @__PURE__ */ getDefaultExportFromCjs(customParseFormatExports);
 const Switch = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Switch$1, { color: muiIcons.colors.primary, ...props, ref }));
 Switch.displayName = "Switch";
 const Textarea = React.forwardRef(
@@ -47899,6 +48274,7 @@ function Tooltip({
     }
   );
 }
+dayjs.extend(customParseFormat);
 const ChevronIcon = ({ direction }) => /* @__PURE__ */ jsxRuntime.jsx(
   "svg",
   {
@@ -49075,10 +49451,10 @@ const DatePicker = ({
     error: textFieldError,
     helperText,
     onBlur: textFieldOnBlur,
+    required: required2,
     size: size2,
     style,
     sx: textFieldSx,
-    variant: _variant,
     ...textFieldProps
   } = slotProps?.textField || {};
   const mantineSize = mapCompatSize(size2);
@@ -49086,26 +49462,59 @@ const DatePicker = ({
   const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue ?? null);
   const resolvedValue = isControlled ? value : uncontrolledValue;
   const dateValue = resolvedValue?.format ? resolvedValue.format("YYYY-MM-DD") : resolvedValue || "";
+  const latestDateRef = React.useRef(dateValue || null);
+  latestDateRef.current = dateValue || null;
+  const normalizePickerValue = (next) => {
+    if (!next) return null;
+    if (next instanceof Date) return dayjs(next).format("YYYY-MM-DD");
+    return next;
+  };
   const toDateValue = (next) => next ? dayjs(next) : null;
+  const emitChange = (next) => {
+    const iso = normalizePickerValue(next);
+    latestDateRef.current = iso;
+    const nextValue = toDateValue(iso);
+    if (!isControlled) setUncontrolledValue(nextValue);
+    onChange?.(nextValue);
+  };
+  const parseTypedDate = (raw) => {
+    const trimmed = raw.trim();
+    if (!trimmed) return null;
+    const parsed = dayjs(trimmed, ["MM/DD/YYYY", "M/D/YYYY", "YYYY-MM-DD"], true);
+    return parsed.isValid() ? parsed : null;
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    TextInput$1,
+    DateInput,
     {
       label: label || textFieldProps.label,
-      type: "date",
-      value: dateValue,
-      onChange: (event) => {
-        const next = event.currentTarget.value;
-        const nextValue = toDateValue(next);
-        if (!isControlled) setUncontrolledValue(nextValue);
-        onChange?.(nextValue);
-      },
+      value: dateValue || null,
+      onChange: (next) => emitChange(next),
       onBlur: (event) => {
         textFieldOnBlur?.(event);
-        onAccept?.(toDateValue(event.currentTarget.value));
+        const raw = event.currentTarget.value ?? "";
+        const parsed = parseTypedDate(raw);
+        if (!raw.trim()) {
+          emitChange(null);
+          onAccept?.(null);
+          return;
+        }
+        if (parsed) {
+          emitChange(parsed.format("YYYY-MM-DD"));
+          onAccept?.(parsed);
+          return;
+        }
+        onAccept?.(toDateValue(latestDateRef.current));
       },
+      valueFormat: "MM/DD/YYYY",
+      placeholder: "MM/DD/YYYY",
       description: textFieldError ? void 0 : helperText,
       error: textFieldError ? helperText : void 0,
+      required: required2,
       size: mantineSize,
+      clearable: true,
+      allowDeselect: false,
+      defaultDate: dateValue || dayjs().format("YYYY-MM-DD"),
+      w: fullWidth || textFieldFullWidth ? "100%" : void 0,
       style: formControlStyle({
         fullWidth: fullWidth || textFieldFullWidth,
         style,
@@ -49544,7 +49953,7 @@ const loadReactPdf = async () => {
   reactPdfPromise ??= Promise.all([
     Promise.resolve().then(() => require("./AnnotationLayer-Dyvby5gX.cjs")),
     Promise.resolve().then(() => require("./TextLayer-Dyvby5gX.cjs")),
-    Promise.resolve().then(() => require("./index-5FDfBnyn.cjs"))
+    Promise.resolve().then(() => require("./index-DP3u3pWZ.cjs"))
   ]).then(([, , mod]) => {
     mod.pdfjs.GlobalWorkerOptions.workerSrc = pdfWorkerSrc;
     return mod;
@@ -50885,4 +51294,4 @@ exports.validateEthereumAddress = validateEthereumAddress;
 exports.walletKey = walletKey;
 exports.z = z;
 exports.zipSchema = zipSchema;
-//# sourceMappingURL=index-DcWIUgfH.cjs.map
+//# sourceMappingURL=index-C1YjT_p6.cjs.map