@mantine/core 7.0.0-alpha.19 → 7.0.0-alpha.20

package/esm/index.js

@@ -67,18 +67,43 @@ export { factory } from './core/factory/factory.js';
 export { polymorphicFactory } from './core/factory/polymorphic-factory.js';
 export { createPolymorphicComponent } from './core/factory/create-polymorphic-component.js';
 export { DirectionContext, DirectionProvider, useDirection } from './core/DirectionProvider/DirectionProvider.js';
+export { Collapse } from './components/Collapse/Collapse.js';
+export { ScrollArea, ScrollAreaAutosize } from './components/ScrollArea/ScrollArea.js';
 export { UnstyledButton } from './components/UnstyledButton/UnstyledButton.js';
 export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.js';
+export { Paper } from './components/Paper/Paper.js';
 export { Popover } from './components/Popover/Popover.js';
 export { PopoverDropdown } from './components/Popover/PopoverDropdown/PopoverDropdown.js';
 export { PopoverTarget } from './components/Popover/PopoverTarget/PopoverTarget.js';
+export { ActionIcon } from './components/ActionIcon/ActionIcon.js';
+export { ActionIconGroup } from './components/ActionIcon/ActionIconGroup/ActionIconGroup.js';
+export { CloseIcon } from './components/CloseButton/CloseIcon.js';
+export { CloseButton } from './components/CloseButton/CloseButton.js';
+export { Group } from './components/Group/Group.js';
+export { Loader, defaultLoaders } from './components/Loader/Loader.js';
+export { Overlay } from './components/Overlay/Overlay.js';
+export { ModalBase } from './components/ModalBase/ModalBase.js';
+export { ModalBaseBody } from './components/ModalBase/ModalBaseBody.js';
+export { ModalBaseCloseButton } from './components/ModalBase/ModalBaseCloseButton.js';
+export { ModalBaseContent } from './components/ModalBase/ModalBaseContent.js';
+export { ModalBaseHeader } from './components/ModalBase/ModalBaseHeader.js';
+export { ModalBaseOverlay } from './components/ModalBase/ModalBaseOverlay.js';
+export { ModalBaseTitle } from './components/ModalBase/ModalBaseTitle.js';
+export { NativeScrollArea } from './components/ModalBase/NativeScrollArea.js';
+export { Input } from './components/Input/Input.js';
+export { InputWrapper } from './components/Input/InputWrapper/InputWrapper.js';
+export { InputDescription } from './components/Input/InputDescription/InputDescription.js';
+export { InputError } from './components/Input/InputError/InputError.js';
+export { InputLabel } from './components/Input/InputLabel/InputLabel.js';
+export { InputPlaceholder } from './components/Input/InputPlaceholder/InputPlaceholder.js';
+export { useInputProps } from './components/Input/use-input-props.js';
+export { useInputWrapperContext } from './components/Input/InputWrapper.context.js';
+export { InputBase } from './components/InputBase/InputBase.js';
 export { Accordion } from './components/Accordion/Accordion.js';
 export { AccordionChevron } from './components/Accordion/AccordionChevron.js';
 export { AccordionItem } from './components/Accordion/AccordionItem/AccordionItem.js';
 export { AccordionPanel } from './components/Accordion/AccordionPanel/AccordionPanel.js';
 export { AccordionControl } from './components/Accordion/AccordionControl/AccordionControl.js';
-export { ActionIcon } from './components/ActionIcon/ActionIcon.js';
-export { ActionIconGroup } from './components/ActionIcon/ActionIconGroup/ActionIconGroup.js';
 export { Affix } from './components/Affix/Affix.js';
 export { Alert } from './components/Alert/Alert.js';
 export { Anchor } from './components/Anchor/Anchor.js';
@@ -100,16 +125,15 @@ export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
 export { Burger } from './components/Burger/Burger.js';
 export { Button } from './components/Button/Button.js';
 export { ButtonGroup } from './components/Button/ButtonGroup/ButtonGroup.js';
+export { Card } from './components/Card/Card.js';
+export { CardSection } from './components/Card/CardSection/CardSection.js';
 export { Center } from './components/Center/Center.js';
 export { Checkbox } from './components/Checkbox/Checkbox.js';
 export { CheckboxGroup } from './components/Checkbox/CheckboxGroup/CheckboxGroup.js';
 export { CheckIcon } from './components/Checkbox/CheckIcon.js';
 export { Chip } from './components/Chip/Chip.js';
 export { ChipGroup } from './components/Chip/ChipGroup/ChipGroup.js';
-export { CloseIcon } from './components/CloseButton/CloseIcon.js';
-export { CloseButton } from './components/CloseButton/CloseButton.js';
 export { Code } from './components/Code/Code.js';
-export { Collapse } from './components/Collapse/Collapse.js';
 export { ColorPicker } from './components/ColorPicker/ColorPicker.js';
 export { ColorSwatch } from './components/ColorSwatch/ColorSwatch.js';
 export { getParsedComboboxData } from './components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js';
@@ -146,6 +170,7 @@ export { DrawerOverlay } from './components/Drawer/DrawerOverlay.js';
 export { DrawerTitle } from './components/Drawer/DrawerTitle.js';
 export { Fieldset } from './components/Fieldset/Fieldset.js';
 export { FileButton } from './components/FileButton/FileButton.js';
+export { FileInput } from './components/FileInput/FileInput.js';
 export { useDelayedHover } from './components/Floating/use-delayed-hover.js';
 export { useFloatingAutoUpdate } from './components/Floating/use-floating-auto-update.js';
 export { getFloatingPosition } from './components/Floating/get-floating-position/get-floating-position.js';
@@ -153,22 +178,14 @@ export { FloatingArrow } from './components/Floating/FloatingArrow/FloatingArrow
 export { FocusTrap } from './components/FocusTrap/FocusTrap.js';
 export { Grid } from './components/Grid/Grid.js';
 export { GridCol } from './components/Grid/GridCol/GridCol.js';
-export { Group } from './components/Group/Group.js';
 export { Highlight } from './components/Highlight/Highlight.js';
 export { HoverCard } from './components/HoverCard/HoverCard.js';
 export { HoverCardDropdown } from './components/HoverCard/HoverCardDropdown/HoverCardDropdown.js';
 export { HoverCardTarget } from './components/HoverCard/HoverCardTarget/HoverCardTarget.js';
-export { Input } from './components/Input/Input.js';
-export { InputWrapper } from './components/Input/InputWrapper/InputWrapper.js';
-export { InputDescription } from './components/Input/InputDescription/InputDescription.js';
-export { InputError } from './components/Input/InputError/InputError.js';
-export { InputLabel } from './components/Input/InputLabel/InputLabel.js';
-export { InputPlaceholder } from './components/Input/InputPlaceholder/InputPlaceholder.js';
-export { useInputProps } from './components/Input/use-input-props.js';
-export { useInputWrapperContext } from './components/Input/InputWrapper.context.js';
-export { InputBase } from './components/InputBase/InputBase.js';
+export { Image } from './components/Image/Image.js';
+export { Indicator } from './components/Indicator/Indicator.js';
+export { JsonInput } from './components/JsonInput/JsonInput.js';
 export { Kbd } from './components/Kbd/Kbd.js';
-export { Loader, defaultLoaders } from './components/Loader/Loader.js';
 export { Mark } from './components/Mark/Mark.js';
 export { Menu } from './components/Menu/Menu.js';
 export { MenuDivider } from './components/Menu/MenuDivider/MenuDivider.js';
@@ -184,29 +201,21 @@ export { ModalContent } from './components/Modal/ModalContent.js';
 export { ModalHeader } from './components/Modal/ModalHeader.js';
 export { ModalOverlay } from './components/Modal/ModalOverlay.js';
 export { ModalTitle } from './components/Modal/ModalTitle.js';
-export { ModalBase } from './components/ModalBase/ModalBase.js';
-export { ModalBaseBody } from './components/ModalBase/ModalBaseBody.js';
-export { ModalBaseCloseButton } from './components/ModalBase/ModalBaseCloseButton.js';
-export { ModalBaseContent } from './components/ModalBase/ModalBaseContent.js';
-export { ModalBaseHeader } from './components/ModalBase/ModalBaseHeader.js';
-export { ModalBaseOverlay } from './components/ModalBase/ModalBaseOverlay.js';
-export { ModalBaseTitle } from './components/ModalBase/ModalBaseTitle.js';
-export { NativeScrollArea } from './components/ModalBase/NativeScrollArea.js';
 export { MultiSelect } from './components/MultiSelect/MultiSelect.js';
 export { NativeSelect } from './components/NativeSelect/NativeSelect.js';
 export { Notification } from './components/Notification/Notification.js';
-export { Overlay } from './components/Overlay/Overlay.js';
 export { Pagination } from './components/Pagination/Pagination.js';
 export { PaginationControl } from './components/Pagination/PaginationControl/PaginationControl.js';
 export { PaginationDots } from './components/Pagination/PaginationDots/PaginationDots.js';
 export { PaginationFirst, PaginationLast, PaginationNext, PaginationPrevious } from './components/Pagination/PaginationEdges/PaginationEdges.js';
 export { PaginationItems } from './components/Pagination/PaginationItems/PaginationItems.js';
 export { PaginationRoot } from './components/Pagination/PaginationRoot/PaginationRoot.js';
-export { Paper } from './components/Paper/Paper.js';
+export { PasswordInput } from './components/PasswordInput/PasswordInput.js';
 export { Pill } from './components/Pill/Pill.js';
 export { PillGroup } from './components/Pill/PillGroup/PillGroup.js';
 export { PillsInput } from './components/PillsInput/PillsInput.js';
 export { PillsInputField } from './components/PillsInput/PillsInputField/PillsInputField.js';
+export { PinInput } from './components/PinInput/PinInput.js';
 export { Portal } from './components/Portal/Portal.js';
 export { OptionalPortal } from './components/Portal/OptionalPortal.js';
 export { Progress } from './components/Progress/Progress.js';
@@ -215,7 +224,6 @@ export { ProgressRoot } from './components/Progress/ProgressRoot/ProgressRoot.js
 export { ProgressSection } from './components/Progress/ProgressSection/ProgressSection.js';
 export { Rating } from './components/Rating/Rating.js';
 export { RingProgress } from './components/RingProgress/RingProgress.js';
-export { ScrollArea, ScrollAreaAutosize } from './components/ScrollArea/ScrollArea.js';
 export { SegmentedControl } from './components/SegmentedControl/SegmentedControl.js';
 export { Select } from './components/Select/Select.js';
 export { SimpleGrid } from './components/SimpleGrid/SimpleGrid.js';
@@ -235,6 +243,7 @@ export { TabsTab } from './components/Tabs/TabsTab/TabsTab.js';
 export { TabsPanel } from './components/Tabs/TabsPanel/TabsPanel.js';
 export { TagsInput } from './components/TagsInput/TagsInput.js';
 export { Text } from './components/Text/Text.js';
+export { Textarea } from './components/Textarea/Textarea.js';
 export { TextInput } from './components/TextInput/TextInput.js';
 export { Title } from './components/Title/Title.js';
 export { Tooltip } from './components/Tooltip/Tooltip.js';

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/esm/styles/Card.css

@@ -0,0 +1 @@
+.m-e615b15f{background-color:var(--_card-bg);color:var(--mantine-color-text);display:flex;flex-direction:column;overflow:hidden;padding:var(--card-padding);position:relative}[data-mantine-color-scheme=light] .m-e615b15f{--_card-bg:var(--mantine-color-white)}[data-mantine-color-scheme=dark] .m-e615b15f{--_card-bg:var(--mantine-color-dark-6)}.m-599a2148{border-bottom:var(--_card-section-border-bottom,unset);border-top:var(--_card-section-border-top,unset);display:block;margin:var(--_card-section-mt) calc(var(--card-padding)*-1) var(--_card-section-mb);padding-left:var(--_card-section-padding,0);padding-right:var(--_card-section-padding,0)}.m-599a2148[data-first-section]{--_card-section-mt:calc(var(--card-padding)*-1);--_card-section-border-top:none!important}.m-599a2148[data-last-section]{--_card-section-mb:calc(var(--card-padding)*-1);--_card-section-border-bottom:none!important}.m-599a2148[data-inherit-padding]{--_card-section-padding:var(--card-padding)}.m-599a2148[data-with-border]{--_card-section-border-top:calc(0.0625rem*var(--mantine-scale)) solid var(--_card-section-border-color);--_card-section-border-bottom:calc(0.0625rem*var(--mantine-scale)) solid var(--_card-section-border-color)}.m-599a2148+.m-599a2148{--_card-section-border-top:none!important}[data-mantine-color-scheme=light] .m-599a2148{--_card-section-border-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-599a2148{--_card-section-border-color:var(--mantine-color-dark-4)}

package/esm/styles/Image.css

@@ -0,0 +1 @@
+.m-9e117634{border-radius:var(--image-radius,0);display:block;object-fit:var(--image-object-fit,cover);width:100%}

package/esm/styles/Indicator.css

@@ -0,0 +1 @@
+@keyframes m-885901b1{0%{box-shadow:0 0 calc(.03125rem*var(--mantine-scale)) 0 var(--indicator-color);opacity:.6}to{box-shadow:0 0 calc(.03125rem*var(--mantine-scale)) calc(.275rem*var(--mantine-scale)) var(--indicator-color);opacity:0}}.m-e5262200{display:var(--_indicator-display,block);position:relative}.m-e5262200[data-inline]{--_indicator-display:inline-block}.m-760d1fb1{align-items:center;border:var(--_indicator-border);border-radius:var(--indicator-radius,calc(62.5rem*var(--mantine-scale)));bottom:var(--indicator-bottom);color:var(--mantine-color-white);display:flex;font-size:var(--mantine-font-size-xs);height:var(--indicator-size);justify-content:center;left:var(--indicator-left);min-width:var(--indicator-size);padding-left:var(--_indicator-padding,0);padding-right:var(--_indicator-padding,0);right:var(--indicator-right);top:var(--indicator-top);transform:translate(var(--indicator-translate-x),var(--indicator-translate-y));white-space:nowrap;z-index:var(--indicator-z-index,200)}.m-760d1fb1,.m-760d1fb1:before{background-color:var(--indicator-color);position:absolute}.m-760d1fb1:before{border-radius:var(--indicator-radius,calc(62.5rem*var(--mantine-scale)));content:"";inset:0;z-index:-1}.m-760d1fb1[data-with-label]{--_indicator-padding:calc(var(--mantine-spacing-xs)/2)}.m-760d1fb1[data-with-border]{--_indicator-border:calc(0.125rem*var(--mantine-scale)) solid var(--mantine-color-body)}.m-760d1fb1[data-processing]:before{animation:m-885901b1 1s linear infinite}

package/esm/styles/Input.css

@@ -1,3 +1,3 @@
 .m-6c018570{--input-height-xs:calc(1.875rem*var(--mantine-scale));--input-height-sm:calc(2.25rem*var(--mantine-scale));--input-height-md:calc(2.625rem*var(--mantine-scale));--input-height-lg:calc(3.125rem*var(--mantine-scale));--input-height-xl:calc(3.75rem*var(--mantine-scale));--input-padding-y-xs:calc(0.3125rem*var(--mantine-scale));--input-padding-y-sm:calc(0.375rem*var(--mantine-scale));--input-padding-y-md:calc(0.5rem*var(--mantine-scale));--input-padding-y-lg:calc(0.625rem*var(--mantine-scale));--input-padding-y-xl:calc(0.8125rem*var(--mantine-scale));--_input-cursor:text;--_input-text-align:left;--_input-line-height:calc(var(--input-height) - 0.125rem*var(--mantine-scale));--_input-padding:calc(var(--input-height)/3);--_input-padding-left:var(--_input-padding);--_input-padding-right:var(--_input-padding);--_input-placeholder-color:var(--mantine-color-placeholder);--_input-color:inherit;--_input-left-section-size:var(--input-left-section-width,calc(var(--input-height) - 0.125rem*var(--mantine-scale)));--_input-right-section-size:var(
     --input-right-section-width,calc(var(--input-height) - 0.125rem*var(--mantine-scale))
-  );--_input-size:var(--input-height);--_section-y:calc(0.0625rem*var(--mantine-scale));--_left-section-left:calc(0.0625rem*var(--mantine-scale));--_left-section-right:unset;--_left-section-border-radius:var(--input-radius) 0 0 var(--input-radius);--_right-section-left:unset;--_right-section-right:calc(0.0625rem*var(--mantine-scale));--_right-section-border-radius:0 var(--input-radius) var(--input-radius) 0;margin-bottom:var(--input-margin-bottom,0);margin-top:var(--input-margin-top,0);position:relative}.m-6c018570[data-variant=unstyled]{--input-padding:0;--input-padding-y:0;--_input-padding-left:0;--_input-padding-right:0}.m-6c018570[data-pointer]{--_input-cursor:pointer}.m-6c018570[data-multiline]{--_input-size:auto;--_input-line-height:var(--mantine-line-height)}.m-6c018570[data-with-left-section]{--_input-padding-left:var(--_input-left-section-size)}[dir=rtl] .m-6c018570[data-with-left-section]{--_input-padding-right:var(--_input-left-section-size)}[dir=rtl] .m-6c018570[data-with-left-section]:not([data-with-right-section]){--_input-padding-left:var(--_input-padding)}.m-6c018570[data-with-right-section]{--_input-padding-right:var(--_input-right-section-size)}[dir=rtl] .m-6c018570[data-with-right-section]{--_input-padding-left:var(--_input-right-section-size)}[dir=rtl] .m-6c018570[data-with-right-section]:not([data-with-left-section]){--_input-padding-right:var(--_input-padding)}[data-mantine-color-scheme=light] .m-6c018570{--_input-disabled-bg:var(--mantine-color-gray-1);--_input-disabled-color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=light] .m-6c018570[data-variant=default]{--_input-bd:var(--mantine-color-gray-4);--_input-bg:var(--mantine-color-white);--_input-bd-focus:var(--mantine-color-primary)}[data-mantine-color-scheme=light] .m-6c018570[data-variant=filled]{--_input-bd:transparent;--_input-bg:var(--mantine-color-gray-1);--_input-bd-focus:var(--mantine-color-primary)}[data-mantine-color-scheme=light] .m-6c018570[data-variant=unstyled]{--_input-bd:transparent;--_input-bg:transparent;--_input-bd-focus:transparent}[data-mantine-color-scheme=dark] .m-6c018570{--_input-disabled-bg:var(--mantine-color-dark-6);--_input-disabled-color:var(--mantine-color-dark-2)}[data-mantine-color-scheme=dark] .m-6c018570[data-variant=default]{--_input-bd:var(--mantine-color-dark-4);--_input-bg:var(--mantine-color-dark-6);--_input-bd-focus:var(--mantine-color-primary)}[data-mantine-color-scheme=dark] .m-6c018570[data-variant=filled]{--_input-bd:transparent;--_input-bg:var(--mantine-color-dark-5);--_input-bd-focus:var(--mantine-color-primary)}[data-mantine-color-scheme=dark] .m-6c018570[data-variant=unstyled]{--_input-bd:transparent;--_input-bg:transparent;--_input-bd-focus:transparent}[data-mantine-color-scheme] .m-6c018570[data-error]{--_input-bd:var(--mantine-color-error);--_input-color:var(--mantine-color-error);--_input-placeholder-color:var(--mantine-color-error);--_input-section-color:var(--mantine-color-error)}[dir=rtl] .m-6c018570{--_input-text-align:right;--_left-section-left:unset;--_left-section-right:calc(0.0625rem*var(--mantine-scale));--_left-section-border-radius:0 var(--input-radius) var(--input-radius) 0;--_right-section-left:calc(0.0625rem*var(--mantine-scale));--_right-section-right:unset;--_right-section-border-radius:var(--input-radius) 0 0 var(--input-radius)}.m-8fb7ebe7{-webkit-tap-highlight-color:transparent;appearance:none;background-color:var(--_input-bg);border:calc(.0625rem*var(--mantine-scale)) solid var(--_input-bd);border-radius:var(--input-radius);color:var(--_input-color);cursor:var(--_input-cursor);display:block;font-family:var(--mantine-font-family);font-size:var(--input-fz);height:var(--_input-size);line-height:var(--_input-line-height);min-height:var(--input-height);padding:var(--input-padding-y,0) var(--_input-padding-right) var(--input-padding-y,0) var(--_input-padding-left);resize:none;text-align:var(--_input-text-align);transition:border-color .1s ease;width:100%}.m-8fb7ebe7:focus,.m-8fb7ebe7:focus-within{border-color:var(--_input-bd-focus);outline:none}.m-8fb7ebe7::placeholder{color:var(--_input-placeholder-color);opacity:1}.m-8fb7ebe7::-webkit-inner-spin-button,.m-8fb7ebe7::-webkit-outer-spin-button,.m-8fb7ebe7::-webkit-search-cancel-button,.m-8fb7ebe7::-webkit-search-decoration,.m-8fb7ebe7::-webkit-search-results-button,.m-8fb7ebe7::-webkit-search-results-decoration{appearance:none}.m-8fb7ebe7[type=number]{-moz-appearance:textfield}.m-8fb7ebe7:disabled,.m-8fb7ebe7:has(input:disabled),.m-8fb7ebe7[data-disabled]{background-color:var(--_input-disabled-bg);color:var(--_input-disabled-color);cursor:not-allowed;opacity:.6}.m-82577fc2{align-items:center;border-radius:var(--_section-border-radius);bottom:var(--_section-y);color:var(--mantine-color-placeholder);display:flex;justify-content:center;left:var(--_section-left);pointer-events:var(--_section-pointer-events);position:absolute;right:var(--_section-right);top:var(--_section-y);width:var(--_section-size);z-index:1}.m-82577fc2[data-position=right]{--_section-pointer-events:var(--input-right-section-pointer-events);--_section-left:var(--_right-section-left);--_section-right:var(--_right-section-right);--_section-size:var(--_input-right-section-size);--_section-border-radius:var(--_right-section-border-radius)}.m-82577fc2[data-position=left]{--_section-pointer-events:var(--input-left-section-pointer-events);--_section-left:var(--_left-section-left);--_section-right:var(--_left-section-right);--_section-size:var(--_input-left-section-size);--_section-border-radius:var(--_left-section-border-radius)}.m-88bacfd0{color:var(--mantine-color-placeholder)}.m-46b77525{line-height:var(--mantine-line-height)}.m-8fdc1311{-webkit-tap-highlight-color:transparent;cursor:default;display:inline-block;font-size:var(--input-label-size);font-weight:500;word-break:break-word}.m-78a94662{color:var(--input-asterisk-color)}.m-8f816625,.m-fe47ce59{word-wrap:break-word;display:block;line-height:1.2;margin:0;padding:0}.m-8f816625{color:var(--mantine-color-error);font-size:var(--input-error-size)}.m-fe47ce59{color:var(--mantine-color-dimmed);font-size:var(--input-description-size)}
+  );--_input-size:var(--input-height);--_section-y:calc(0.0625rem*var(--mantine-scale));--_left-section-left:calc(0.0625rem*var(--mantine-scale));--_left-section-right:unset;--_left-section-border-radius:var(--input-radius) 0 0 var(--input-radius);--_right-section-left:unset;--_right-section-right:calc(0.0625rem*var(--mantine-scale));--_right-section-border-radius:0 var(--input-radius) var(--input-radius) 0;margin-bottom:var(--input-margin-bottom,0);margin-top:var(--input-margin-top,0);position:relative}.m-6c018570[data-variant=unstyled]{--input-padding:0;--input-padding-y:0;--_input-padding-left:0;--_input-padding-right:0}.m-6c018570[data-pointer]{--_input-cursor:pointer}.m-6c018570[data-multiline]{--_input-size:auto;--_input-line-height:var(--mantine-line-height)}.m-6c018570[data-with-left-section]{--_input-padding-left:var(--_input-left-section-size)}[dir=rtl] .m-6c018570[data-with-left-section]{--_input-padding-right:var(--_input-left-section-size)}[dir=rtl] .m-6c018570[data-with-left-section]:not([data-with-right-section]){--_input-padding-left:var(--_input-padding)}.m-6c018570[data-with-right-section]{--_input-padding-right:var(--_input-right-section-size)}[dir=rtl] .m-6c018570[data-with-right-section]{--_input-padding-left:var(--_input-right-section-size)}[dir=rtl] .m-6c018570[data-with-right-section]:not([data-with-left-section]){--_input-padding-right:var(--_input-padding)}[data-mantine-color-scheme=light] .m-6c018570{--_input-disabled-bg:var(--mantine-color-gray-1);--_input-disabled-color:var(--mantine-color-gray-6)}[data-mantine-color-scheme=light] .m-6c018570[data-variant=default]{--_input-bd:var(--mantine-color-gray-4);--_input-bg:var(--mantine-color-white);--_input-bd-focus:var(--mantine-color-primary)}[data-mantine-color-scheme=light] .m-6c018570[data-variant=filled]{--_input-bd:transparent;--_input-bg:var(--mantine-color-gray-1);--_input-bd-focus:var(--mantine-color-primary)}[data-mantine-color-scheme=light] .m-6c018570[data-variant=unstyled]{--_input-bd:transparent;--_input-bg:transparent;--_input-bd-focus:transparent}[data-mantine-color-scheme=dark] .m-6c018570{--_input-disabled-bg:var(--mantine-color-dark-6);--_input-disabled-color:var(--mantine-color-dark-2)}[data-mantine-color-scheme=dark] .m-6c018570[data-variant=default]{--_input-bd:var(--mantine-color-dark-4);--_input-bg:var(--mantine-color-dark-6);--_input-bd-focus:var(--mantine-color-primary)}[data-mantine-color-scheme=dark] .m-6c018570[data-variant=filled]{--_input-bd:transparent;--_input-bg:var(--mantine-color-dark-5);--_input-bd-focus:var(--mantine-color-primary)}[data-mantine-color-scheme=dark] .m-6c018570[data-variant=unstyled]{--_input-bd:transparent;--_input-bg:transparent;--_input-bd-focus:transparent}[data-mantine-color-scheme] .m-6c018570[data-error]:not([data-variant=unstyled]){--_input-bd:var(--mantine-color-error)}[data-mantine-color-scheme] .m-6c018570[data-error]{--_input-color:var(--mantine-color-error);--_input-placeholder-color:var(--mantine-color-error);--_input-section-color:var(--mantine-color-error)}[dir=rtl] .m-6c018570{--_input-text-align:right;--_left-section-left:unset;--_left-section-right:calc(0.0625rem*var(--mantine-scale));--_left-section-border-radius:0 var(--input-radius) var(--input-radius) 0;--_right-section-left:calc(0.0625rem*var(--mantine-scale));--_right-section-right:unset;--_right-section-border-radius:var(--input-radius) 0 0 var(--input-radius)}.m-8fb7ebe7{-webkit-tap-highlight-color:transparent;appearance:none;background-color:var(--_input-bg);border:calc(.0625rem*var(--mantine-scale)) solid var(--_input-bd);border-radius:var(--input-radius);color:var(--_input-color);cursor:var(--_input-cursor);display:block;font-family:var(--_input-font-family,var(--mantine-font-family));font-size:var(--_input-fz,var(--input-fz));height:var(--_input-size);line-height:var(--_input-line-height);min-height:var(--input-height);overflow:var(--_input-overflow);padding:var(--input-padding-y,0) var(--_input-padding-right) var(--input-padding-y,0) var(--_input-padding-left);resize:none;text-align:var(--_input-text-align);transition:border-color .1s ease;width:100%}.m-8fb7ebe7[data-no-overflow]{--_input-overflow:hidden}.m-8fb7ebe7[data-monospace]{--_input-font-family:var(--mantine-font-family-monospace);--_input-fz:calc(var(--input-fz) - 0.125rem*var(--mantine-scale))}.m-8fb7ebe7:focus,.m-8fb7ebe7:focus-within{border-color:var(--_input-bd-focus);outline:none}.m-8fb7ebe7::placeholder{color:var(--_input-placeholder-color);opacity:1}.m-8fb7ebe7::-webkit-inner-spin-button,.m-8fb7ebe7::-webkit-outer-spin-button,.m-8fb7ebe7::-webkit-search-cancel-button,.m-8fb7ebe7::-webkit-search-decoration,.m-8fb7ebe7::-webkit-search-results-button,.m-8fb7ebe7::-webkit-search-results-decoration{appearance:none}.m-8fb7ebe7[type=number]{-moz-appearance:textfield}.m-8fb7ebe7:disabled,.m-8fb7ebe7:has(input:disabled),.m-8fb7ebe7[data-disabled]{background-color:var(--_input-disabled-bg);color:var(--_input-disabled-color);cursor:not-allowed;opacity:.6}.m-82577fc2{align-items:center;border-radius:var(--_section-border-radius);bottom:var(--_section-y);color:var(--mantine-color-placeholder);display:flex;justify-content:center;left:var(--_section-left);pointer-events:var(--_section-pointer-events);position:absolute;right:var(--_section-right);top:var(--_section-y);width:var(--_section-size);z-index:1}.m-82577fc2[data-position=right]{--_section-pointer-events:var(--input-right-section-pointer-events);--_section-left:var(--_right-section-left);--_section-right:var(--_right-section-right);--_section-size:var(--_input-right-section-size);--_section-border-radius:var(--_right-section-border-radius)}.m-82577fc2[data-position=left]{--_section-pointer-events:var(--input-left-section-pointer-events);--_section-left:var(--_left-section-left);--_section-right:var(--_left-section-right);--_section-size:var(--_input-left-section-size);--_section-border-radius:var(--_left-section-border-radius)}.m-88bacfd0{color:var(--_input-placeholder-color,var(--mantine-color-placeholder))}[data-error] .m-88bacfd0{--_input-placeholder-color:var(--_input-color,var(--mantine-color-placeholder))}.m-46b77525{line-height:var(--mantine-line-height)}.m-8fdc1311{-webkit-tap-highlight-color:transparent;cursor:default;display:inline-block;font-size:var(--input-label-size);font-weight:500;word-break:break-word}.m-78a94662{color:var(--input-asterisk-color)}.m-8f816625,.m-fe47ce59{word-wrap:break-word;display:block;line-height:1.2;margin:0;padding:0}.m-8f816625{color:var(--mantine-color-error);font-size:var(--input-error-size)}.m-fe47ce59{color:var(--mantine-color-dimmed);font-size:var(--input-description-size)}

package/esm/styles/Modal.css

@@ -1 +1 @@
-.m-9df02822{--modal-size-xs:calc(20rem*var(--mantine-scale));--modal-size-sm:calc(23.75rem*var(--mantine-scale));--modal-size-md:calc(27.5rem*var(--mantine-scale));--modal-size-lg:calc(38.75rem*var(--mantine-scale));--modal-size-xl:calc(48.75rem*var(--mantine-scale))}.m-9df02822[data-full-screen]{--modal-border-radius:0!important}.m-9df02822[data-full-screen] .m-54c44539{--_content-flex:0 0 100%;--_content-max-height:auto;--_content-height:100vh}.m-9df02822[data-full-screen] .m-1f958f16{--_inner-y-offset:0;--_inner-x-offset:0}.m-9df02822[data-centered] .m-1f958f16{--_inner-align:center}.m-d0e2b9cd{border-top-left-radius:var(--modal-radius);border-top-right-radius:var(--modal-radius)}.m-54c44539{flex:var(--_content-flex,0 0 var(--modal-size));height:var(--_content-height,auto);max-height:var(--_content-max-height,calc(100vh - var(--modal-y-offset)*2));max-width:100%;overflow-y:auto}.m-1f958f16{align-items:var(--_inner-align,flex-start);display:flex;justify-content:center;padding:var(--_inner-y-offset,var(--modal-y-offset)) var(--_inner-x-offset,var(--modal-x-offset))}
+.m-9df02822{--modal-size-xs:calc(20rem*var(--mantine-scale));--modal-size-sm:calc(23.75rem*var(--mantine-scale));--modal-size-md:calc(27.5rem*var(--mantine-scale));--modal-size-lg:calc(38.75rem*var(--mantine-scale));--modal-size-xl:calc(48.75rem*var(--mantine-scale))}.m-9df02822[data-full-screen]{--modal-border-radius:0!important}.m-9df02822[data-full-screen] .m-54c44539{--_content-flex:0 0 100%;--_content-max-height:auto;--_content-height:100dvh}.m-9df02822[data-full-screen] .m-1f958f16{--_inner-y-offset:0;--_inner-x-offset:0}.m-9df02822[data-centered] .m-1f958f16{--_inner-align:center}.m-d0e2b9cd{border-top-left-radius:var(--modal-radius);border-top-right-radius:var(--modal-radius)}.m-54c44539{flex:var(--_content-flex,0 0 var(--modal-size));height:var(--_content-height,auto);max-height:var(--_content-max-height,calc(100dvh - var(--modal-y-offset)*2));max-width:100%;overflow-y:auto}.m-1f958f16{align-items:var(--_inner-align,flex-start);display:flex;justify-content:center;padding:var(--_inner-y-offset,var(--modal-y-offset)) var(--_inner-x-offset,var(--modal-x-offset))}

package/esm/styles/PasswordInput.css

@@ -0,0 +1 @@
+.m-f61ca620{--psi-button-size-xs:calc(1.375rem*var(--mantine-scale));--psi-button-size-sm:calc(1.625rem*var(--mantine-scale));--psi-button-size-md:calc(1.75rem*var(--mantine-scale));--psi-button-size-lg:calc(2rem*var(--mantine-scale));--psi-button-size-xl:calc(2.5rem*var(--mantine-scale));--psi-icon-size-xs:calc(0.75rem*var(--mantine-scale));--psi-icon-size-sm:calc(0.9375rem*var(--mantine-scale));--psi-icon-size-md:calc(1.0625rem*var(--mantine-scale));--psi-icon-size-lg:calc(1.1875rem*var(--mantine-scale));--psi-icon-size-xl:calc(1.3125rem*var(--mantine-scale))}.m-ccf8da4c{overflow:hidden;position:relative}.m-f2d85dd2{background-color:transparent;border:0;font-family:var(--mantine-font-family);font-size:inherit;inset:0;outline:0;padding-left:var(--_input-padding-left);padding-right:var(--_input-padding-right);position:absolute}.m-f2d85dd2:disabled,[data-disabled] .m-f2d85dd2{cursor:not-allowed}.m-f2d85dd2::placeholder{color:var(--_input-placeholder-color)}.m-b1072d44{height:var(--psi-button-size);min-height:var(--psi-button-size);min-width:var(--psi-button-size);width:var(--psi-button-size)}

package/esm/styles/PinInput.css

@@ -0,0 +1 @@
+.m-f1cb205a{--pin-input-size-xs:calc(1.875rem*var(--mantine-scale));--pin-input-size-sm:calc(2.25rem*var(--mantine-scale));--pin-input-size-md:calc(2.625rem*var(--mantine-scale));--pin-input-size-lg:calc(3.125rem*var(--mantine-scale));--pin-input-size-xl:calc(3.75rem*var(--mantine-scale))}.m-cb288ead{height:var(--pin-input-size);width:var(--pin-input-size)}

package/lib/components/Accordion/Accordion.context.d.ts

@@ -19,5 +19,5 @@ interface AccordionContext {
 export declare const AccordionProvider: ({ children, value }: {
     value: AccordionContext;
     children: import("react").ReactNode;
-}) => JSX.Element, useAccordionContext: () => AccordionContext;
+}) => import("react/jsx-runtime").JSX.Element, useAccordionContext: () => AccordionContext;
 export {};

package/lib/components/Accordion/Accordion.d.ts

@@ -40,7 +40,7 @@ export type AccordionFactory = Factory<{
     vars: AccordionCssVariables;
     variant: AccordionVariant;
 }>;
-export declare function Accordion<Multiple extends boolean = false>(_props: AccordionProps<Multiple>): JSX.Element;
+export declare function Accordion<Multiple extends boolean = false>(_props: AccordionProps<Multiple>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Accordion {
     var extend: (c: import("../../core/factory/factory").ExtendsRootComponent<{
         props: AccordionProps<false>;

package/lib/components/Accordion/AccordionChevron.d.ts

@@ -3,7 +3,7 @@ export interface AccordionChevronProps extends React.ComponentPropsWithoutRef<'s
     /** Controls `width` and `height` of the icon, `16` by default */
     size?: number | string;
 }
-export declare function AccordionChevron({ style, size, ...others }: AccordionChevronProps): JSX.Element;
+export declare function AccordionChevron({ style, size, ...others }: AccordionChevronProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace AccordionChevron {
     var displayName: string;
 }

package/lib/components/Accordion/AccordionItem.context.d.ts

@@ -5,5 +5,5 @@ interface AccordionItemContext {
 export declare const AccordionItemProvider: ({ children, value }: {
     value: AccordionItemContext;
     children: import("react").ReactNode;
-}) => JSX.Element, useAccordionItemContext: () => AccordionItemContext;
+}) => import("react/jsx-runtime").JSX.Element, useAccordionItemContext: () => AccordionItemContext;
 export {};

package/lib/components/AppShell/AppShell.context.d.ts

@@ -10,4 +10,4 @@ export interface AppShellContext {
 export declare const AppShellProvider: ({ children, value }: {
     value: AppShellContext;
     children: import("react").ReactNode;
-}) => JSX.Element, useAppShellContext: () => AppShellContext;
+}) => import("react/jsx-runtime").JSX.Element, useAppShellContext: () => AppShellContext;

package/lib/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { AppShellProps } from '../AppShell';
 interface AppShellMediaStylesProps {
     navbar: AppShellProps['navbar'] | undefined;
@@ -7,5 +6,5 @@ interface AppShellMediaStylesProps {
     footer: AppShellProps['footer'] | undefined;
     padding: AppShellProps['padding'] | undefined;
 }
-export declare function AppShellMediaStyles({ navbar, header, aside, footer, padding, }: AppShellMediaStylesProps): JSX.Element;
+export declare function AppShellMediaStyles({ navbar, header, aside, footer, padding, }: AppShellMediaStylesProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.d.ts

@@ -1 +1 @@
-export declare function getPaddingValue(padding: string | number | undefined): string;
+export declare function getPaddingValue(padding: string | number | undefined): string | undefined;

package/lib/components/AppShell/AppShellMediaStyles/get-variables/get-variables.d.ts

@@ -1,7 +1,7 @@
 import { MantineTheme } from '../../../../core';
 import type { AppShellProps } from '../../AppShell';
-export type CSSVariables = Record<`--${string}`, string>;
-export type MediaQueryVariables = Record<string, Record<`--${string}`, string>>;
+export type CSSVariables = Record<`--${string}`, string | undefined>;
+export type MediaQueryVariables = Record<string, Record<`--${string}`, string | undefined>>;
 interface GetVariablesInput {
     navbar: AppShellProps['navbar'] | undefined;
     header: AppShellProps['header'] | undefined;
@@ -14,7 +14,7 @@ export declare function getVariables({ navbar, header, footer, aside, padding, t
     baseStyles: CSSVariables;
     media: {
         query: string;
-        styles: Record<`--${string}`, string>;
+        styles: Record<`--${string}`, string | undefined>;
     }[];
 };
 export {};

package/lib/components/Avatar/AvatarPlaceholderIcon.d.ts

@@ -1,2 +1,2 @@
 import React from 'react';
-export declare function AvatarPlaceholderIcon(props: React.ComponentPropsWithoutRef<'svg'>): JSX.Element;
+export declare function AvatarPlaceholderIcon(props: React.ComponentPropsWithoutRef<'svg'>): import("react/jsx-runtime").JSX.Element;

package/lib/components/Button/Button.d.ts

@@ -40,6 +40,7 @@ export type ButtonFactory = PolymorphicFactory<{
     defaultComponent: 'button';
     stylesNames: ButtonStylesNames;
     vars: ButtonCssVariables;
+    variant: ButtonVariant;
     staticComponents: {
         Group: typeof ButtonGroup;
     };
@@ -56,6 +57,7 @@ export declare const Button: (<C = "button">(props: import("../../core/factory/c
     defaultComponent: 'button';
     stylesNames: ButtonStylesNames;
     vars: ButtonCssVariables;
+    variant: ButtonVariant;
     staticComponents: {
         Group: typeof ButtonGroup;
     };
@@ -65,6 +67,7 @@ export declare const Button: (<C = "button">(props: import("../../core/factory/c
     defaultComponent: 'button';
     stylesNames: ButtonStylesNames;
     vars: ButtonCssVariables;
+    variant: ButtonVariant;
     staticComponents: {
         Group: typeof ButtonGroup;
     };

package/lib/components/Card/Card.context.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { GetStylesApi } from '../../core';
+import type { CardFactory } from './Card';
+interface CardContextValue {
+    getStyles: GetStylesApi<CardFactory>;
+}
+export declare const CardProvider: ({ children, value }: {
+    value: CardContextValue;
+    children: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useCardContext: () => CardContextValue;
+export {};

package/lib/components/Card/Card.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, PolymorphicFactory, MantineShadow, MantineRadius, MantineSpacing } from '../../core';
+import { CardSection } from './CardSection/CardSection';
+export type CardStylesNames = 'root' | 'section';
+export type CardCssVariables = {
+    root: '--card-padding';
+};
+export interface CardProps extends BoxProps, StylesApiProps<CardFactory> {
+    /** Key of `theme.shadows` or any valid CSS value to set `box-shadow`, `none` by default */
+    shadow?: MantineShadow | (string & {});
+    /** Key of `theme.radius` or any valid CSS value to set border-radius, numbers are converted to rem, `theme.defaultRadius` by default */
+    radius?: MantineRadius | number | (string & {});
+    /** Determines whether the card should have border, border color depends on color scheme, `false` by default */
+    withBorder?: boolean;
+    /** Controls `padding`, key of `theme.spacing` or any valid CSS value, `'md'` by default */
+    padding?: MantineSpacing | (string & {}) | number;
+    /** Card content */
+    children?: React.ReactNode;
+}
+export type CardFactory = PolymorphicFactory<{
+    props: CardProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: CardStylesNames;
+    vars: CardCssVariables;
+    staticComponents: {
+        Section: typeof CardSection;
+    };
+}>;
+export declare const Card: (<C = "div">(props: import("../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, CardProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(CardProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof CardProps> & {
+    ref?: any;
+}) | (CardProps & {
+    component: React.ElementType<any>;
+})>, never> & import("../../core/factory/factory").ThemeExtend<{
+    props: CardProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: CardStylesNames;
+    vars: CardCssVariables;
+    staticComponents: {
+        Section: typeof CardSection;
+    };
+}> & import("../../core/factory/factory").ComponentClasses<{
+    props: CardProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: CardStylesNames;
+    vars: CardCssVariables;
+    staticComponents: {
+        Section: typeof CardSection;
+    };
+}> & {
+    Section: typeof CardSection;
+};

package/lib/components/Card/CardSection/CardSection.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, PolymorphicFactory } from '../../../core';
+export type CardSectionStylesNames = 'section';
+export interface CardSectionProps extends BoxProps, StylesApiProps<CardSectionFactory> {
+    /** Determines whether the section should have a border, `false` by default */
+    withBorder?: boolean;
+    /** Determines whether the section should inherit padding from the parent `Card`, `false` by default */
+    inheritPadding?: boolean;
+}
+export type CardSectionFactory = PolymorphicFactory<{
+    props: CardSectionProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: CardSectionStylesNames;
+    compound: true;
+}>;
+export declare const CardSection: (<C = "div">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, CardSectionProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(CardSectionProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof CardSectionProps> & {
+    ref?: any;
+}) | (CardSectionProps & {
+    component: React.ElementType<any>;
+})>, never> & import("../../../core/factory/factory").ThemeExtend<{
+    props: CardSectionProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: CardSectionStylesNames;
+    compound: true;
+}> & import("../../../core/factory/factory").ComponentClasses<{
+    props: CardSectionProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: CardSectionStylesNames;
+    compound: true;
+}> & Record<string, never>;

package/lib/components/Card/index.d.ts

@@ -0,0 +1,4 @@
+export { Card } from './Card';
+export { CardSection } from './CardSection/CardSection';
+export type { CardCssVariables, CardFactory, CardProps, CardStylesNames } from './Card';
+export type { CardSectionProps } from './CardSection/CardSection';

package/lib/components/Checkbox/CheckIcon.d.ts

@@ -5,5 +5,5 @@ export interface CheckboxIconProps extends React.ComponentPropsWithoutRef<'svg'>
 export interface CheckIconProps extends React.ComponentPropsWithoutRef<'svg'> {
     size?: number | string;
 }
-export declare function CheckIcon({ size, style, ...others }: CheckIconProps): JSX.Element;
-export declare function CheckboxIcon({ indeterminate, ...others }: CheckboxIconProps): JSX.Element;
+export declare function CheckIcon({ size, style, ...others }: CheckIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function CheckboxIcon({ indeterminate, ...others }: CheckboxIconProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/Chip/ChipGroup/ChipGroup.d.ts

@@ -11,7 +11,7 @@ export interface ChipGroupProps<T extends boolean = false> {
     /** <Chip /> components */
     children?: React.ReactNode;
 }
-export declare function ChipGroup<T extends boolean>(props: ChipGroupProps<T>): JSX.Element;
+export declare function ChipGroup<T extends boolean>(props: ChipGroupProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace ChipGroup {
     var displayName: string;
 }

package/lib/components/Chip/ChipGroup.context.d.ts

@@ -7,5 +7,5 @@ interface ChipGroupContextValue {
 export declare const ChipGroupProvider: ({ children, value }: {
     value: ChipGroupContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useChipGroupContext: () => ChipGroupContextValue | null;
+}) => import("react/jsx-runtime").JSX.Element, useChipGroupContext: () => ChipGroupContextValue | null;
 export {};

package/lib/components/ColorPicker/ColorPicker.context.d.ts

@@ -7,5 +7,5 @@ interface ColorPickerContextValue {
 export declare const ColorPickerProvider: ({ children, value }: {
     value: ColorPickerContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useColorPickerContext: () => ColorPickerContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useColorPickerContext: () => ColorPickerContextValue;
 export {};

package/lib/components/ColorPicker/Saturation/Saturation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ElementProps, MantineSize } from '../../../core';
 import { HsvaColor } from '../ColorPicker.types';
 export interface SaturationProps extends ElementProps<'div', 'onChange'> {
@@ -12,7 +11,7 @@ export interface SaturationProps extends ElementProps<'div', 'onChange'> {
     color: string;
     focusable?: boolean;
 }
-export declare function Saturation({ className, onChange, onChangeEnd, value, saturationLabel, focusable, size, color, onScrubStart, onScrubEnd, ...others }: SaturationProps): JSX.Element;
+export declare function Saturation({ className, onChange, onChangeEnd, value, saturationLabel, focusable, size, color, onScrubStart, onScrubEnd, ...others }: SaturationProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Saturation {
     var displayName: string;
 }

package/lib/components/Combobox/Combobox.context.d.ts

@@ -13,4 +13,4 @@ export interface ComboboxContextValue {
 export declare const ComboboxProvider: ({ children, value }: {
     value: ComboboxContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useComboboxContext: () => ComboboxContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useComboboxContext: () => ComboboxContextValue;

package/lib/components/Combobox/Combobox.d.ts

@@ -54,7 +54,7 @@ export type ComboboxFactory = Factory<{
         Group: typeof ComboboxGroup;
     };
 }>;
-export declare function Combobox(_props: ComboboxProps): JSX.Element;
+export declare function Combobox(_props: ComboboxProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Combobox {
     var classes: any;
     var displayName: string;

package/lib/components/Combobox/OptionsDropdown/OptionsDropdown.d.ts

@@ -22,4 +22,4 @@ export interface OptionsDropdownProps {
     checkIconPosition?: 'left' | 'right';
     nothingFoundMessage?: React.ReactNode;
 }
-export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, withScrollArea, filterOptions, withCheckIcon, value, checkIconPosition, nothingFoundMessage, }: OptionsDropdownProps): JSX.Element;
+export declare function OptionsDropdown({ data, hidden, hiddenWhenEmpty, filter, search, limit, maxDropdownHeight, withScrollArea, filterOptions, withCheckIcon, value, checkIconPosition, nothingFoundMessage, }: OptionsDropdownProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/CopyButton/CopyButton.d.ts

@@ -10,7 +10,7 @@ export interface CopyButtonProps {
     /** Copied status timeout in ms, `1000` by default */
     timeout?: number;
 }
-export declare function CopyButton(props: CopyButtonProps): JSX.Element;
+export declare function CopyButton(props: CopyButtonProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace CopyButton {
     var displayName: string;
 }

package/lib/components/Drawer/Drawer.context.d.ts

@@ -9,5 +9,5 @@ interface DrawerContext {
 export declare const DrawerProvider: ({ children, value }: {
     value: DrawerContext;
     children: import("react").ReactNode;
-}) => JSX.Element, useDrawerContext: () => DrawerContext;
+}) => import("react/jsx-runtime").JSX.Element, useDrawerContext: () => DrawerContext;
 export {};

package/lib/components/FileInput/FileInput.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import { ElementProps, Factory } from '../../core';
+import { __InputStylesNames, InputVariant } from '../Input';
+import { InputBaseProps } from '../InputBase/InputBase';
+export interface FileInputProps<Multiple = false> extends InputBaseProps, ElementProps<'button', 'value' | 'defaultValue' | 'onChange'> {
+    /** Called when value changes */
+    onChange?(payload: Multiple extends true ? File[] : File | null): void;
+    /** Controlled component value */
+    value?: Multiple extends true ? File[] : File | null;
+    /** Uncontrolled component default value */
+    defaultValue?: Multiple extends true ? File[] : File | null;
+    /** Determines whether user can pick more than one file, `false` by default */
+    multiple?: Multiple;
+    /** File input accept attribute, for example, "image/png,image/jpeg" */
+    accept?: string;
+    /** Input name attribute */
+    name?: string;
+    /** Input form attribute */
+    form?: string;
+    /** Value renderer, by default file name is rendered */
+    valueComponent?: React.FC<{
+        value: null | File | File[];
+    }>;
+    /** Determines whether clear button should be displayed in the right section, `false` by default */
+    clearable?: boolean;
+    /** Props passed down to the clear button */
+    clearButtonProps?: React.ComponentPropsWithoutRef<'button'>;
+    /** Read only inputs value cannot be changed */
+    readOnly?: boolean;
+    /** Specifies that, optionally, a new file should be captured, and which device should be used to capture that new media of a type defined by the accept attribute. */
+    capture?: boolean | 'user' | 'environment';
+    /** Props passed down to the hidden input element which is used to capture files */
+    fileInputProps?: React.ComponentPropsWithoutRef<'input'>;
+}
+export type FileInputFactory = Factory<{
+    props: FileInputProps;
+    ref: HTMLButtonElement;
+    stylesNames: __InputStylesNames;
+    variant: InputVariant;
+}>;
+type FileInputComponent = <Multiple extends boolean = false>(props: FileInputProps<Multiple> & {
+    ref?: React.ForwardedRef<HTMLButtonElement>;
+}) => JSX.Element;
+export declare const FileInput: FileInputComponent;
+export {};

package/lib/components/FileInput/index.d.ts

@@ -0,0 +1,2 @@
+export { FileInput } from './FileInput';
+export type { FileInputFactory, FileInputProps } from './FileInput';

package/lib/components/Grid/Grid.context.d.ts

@@ -9,5 +9,5 @@ interface GridContextValue {
 export declare const GridProvider: ({ children, value }: {
     value: GridContextValue;
     children: import("react").ReactNode;
-}) => JSX.Element, useGridContext: () => GridContextValue;
+}) => import("react/jsx-runtime").JSX.Element, useGridContext: () => GridContextValue;
 export {};

package/lib/components/Grid/GridCol/GridColVariables.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import type { GridColProps } from './GridCol';
 interface GridColVariablesProps extends GridColProps {
     selector: string;
 }
-export declare function GridColVariables({ span, order, offset, selector }: GridColVariablesProps): JSX.Element;
+export declare function GridColVariables({ span, order, offset, selector }: GridColVariablesProps): import("react/jsx-runtime").JSX.Element;
 export {};