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

package/esm/index.js

@@ -18,6 +18,11 @@ export { closeOnEscape } from './core/utils/close-on-escape/close-on-escape.js';
 export { noop } from './core/utils/noop/noop.js';
 export { getFontSize, getLineHeight, getRadius, getShadow, getSize, getSpacing } from './core/utils/get-size/get-size.js';
 export { createEventHandler } from './core/utils/create-event-handler/create-event-handler.js';
+export { getBreakpointValue } from './core/utils/get-breakpoint-value/get-breakpoint-value.js';
+export { getSortedBreakpoints } from './core/utils/get-sorted-breakpoints/get-sorted-breakpoints.js';
+export { getBaseValue } from './core/utils/get-base-value/get-base-value.js';
+export { getContextItemIndex } from './core/utils/get-context-item-index/get-context-item-index.js';
+export { useHovered } from './core/utils/use-hovered/use-hovered.js';
 export { createVarsResolver } from './core/styles-api/create-vars-resolver/create-vars-resolver.js';
 export { resolveClassNames } from './core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.js';
 export { resolveStyles } from './core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.js';
@@ -64,6 +69,9 @@ export { createPolymorphicComponent } from './core/factory/create-polymorphic-co
 export { DirectionContext, DirectionProvider, useDirection } from './core/DirectionProvider/DirectionProvider.js';
 export { UnstyledButton } from './components/UnstyledButton/UnstyledButton.js';
 export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.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 { Accordion } from './components/Accordion/Accordion.js';
 export { AccordionChevron } from './components/Accordion/AccordionChevron.js';
 export { AccordionItem } from './components/Accordion/AccordionItem/AccordionItem.js';
@@ -96,6 +104,8 @@ 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';
@@ -141,8 +151,13 @@ export { useFloatingAutoUpdate } from './components/Floating/use-floating-auto-u
 export { getFloatingPosition } from './components/Floating/get-floating-position/get-floating-position.js';
 export { FloatingArrow } from './components/Floating/FloatingArrow/FloatingArrow.js';
 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';
@@ -155,6 +170,12 @@ export { InputBase } from './components/InputBase/InputBase.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';
+export { MenuItem } from './components/Menu/MenuItem/MenuItem.js';
+export { MenuLabel } from './components/Menu/MenuLabel/MenuLabel.js';
+export { MenuDropdown } from './components/Menu/MenuDropdown/MenuDropdown.js';
+export { MenuTarget } from './components/Menu/MenuTarget/MenuTarget.js';
 export { Modal } from './components/Modal/Modal.js';
 export { ModalRoot } from './components/Modal/ModalRoot.js';
 export { ModalBody } from './components/Modal/ModalBody.js';
@@ -186,22 +207,28 @@ 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 { Popover } from './components/Popover/Popover.js';
-export { PopoverDropdown } from './components/Popover/PopoverDropdown/PopoverDropdown.js';
-export { PopoverTarget } from './components/Popover/PopoverTarget/PopoverTarget.js';
 export { Portal } from './components/Portal/Portal.js';
 export { OptionalPortal } from './components/Portal/OptionalPortal.js';
+export { Progress } from './components/Progress/Progress.js';
+export { ProgressLabel } from './components/Progress/ProgressLabel/ProgressLabel.js';
+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';
 export { Skeleton } from './components/Skeleton/Skeleton.js';
 export { Slider } from './components/Slider/Slider/Slider.js';
 export { RangeSlider } from './components/Slider/RangeSlider/RangeSlider.js';
+export { Space } from './components/Space/Space.js';
 export { Stack } from './components/Stack/Stack.js';
 export { Switch } from './components/Switch/Switch.js';
 export { SwitchGroup } from './components/Switch/SwitchGroup/SwitchGroup.js';
 export { Table } from './components/Table/Table.js';
 export { TableCaption, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr } from './components/Table/Table.components.js';
+export { TableScrollContainer } from './components/Table/TableScrollContainer.js';
 export { Tabs } from './components/Tabs/Tabs.js';
 export { TabsList } from './components/Tabs/TabsList/TabsList.js';
 export { TabsTab } from './components/Tabs/TabsTab/TabsTab.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/Chip.css

@@ -0,0 +1 @@
+.m-f59ffda3{--chip-size-xs:calc(1.4375rem*var(--mantine-scale));--chip-size-sm:calc(1.75rem*var(--mantine-scale));--chip-size-md:calc(2rem*var(--mantine-scale));--chip-size-lg:calc(2.25rem*var(--mantine-scale));--chip-size-xl:calc(2.5rem*var(--mantine-scale));--chip-icon-size-xs:calc(0.625rem*var(--mantine-scale));--chip-icon-size-sm:calc(0.75rem*var(--mantine-scale));--chip-icon-size-md:calc(0.875rem*var(--mantine-scale));--chip-icon-size-lg:calc(1rem*var(--mantine-scale));--chip-icon-size-xl:calc(1.125rem*var(--mantine-scale));--chip-padding-xs:calc(1rem*var(--mantine-scale));--chip-padding-sm:calc(1.25rem*var(--mantine-scale));--chip-padding-md:calc(1.5rem*var(--mantine-scale));--chip-padding-lg:calc(1.75rem*var(--mantine-scale));--chip-padding-xl:calc(2rem*var(--mantine-scale));--chip-checked-padding-xs:calc(0.46875rem*var(--mantine-scale));--chip-checked-padding-sm:calc(0.625rem*var(--mantine-scale));--chip-checked-padding-md:calc(0.73125rem*var(--mantine-scale));--chip-checked-padding-lg:calc(0.84375rem*var(--mantine-scale));--chip-checked-padding-xl:calc(0.78125rem*var(--mantine-scale));--chip-spacing-xs:calc(0.625rem*var(--mantine-scale));--chip-spacing-sm:calc(0.75rem*var(--mantine-scale));--chip-spacing-md:calc(1rem*var(--mantine-scale));--chip-spacing-lg:calc(1.25rem*var(--mantine-scale));--chip-spacing-xl:calc(1.375rem*var(--mantine-scale))}.m-be049a53{-webkit-tap-highlight-color:transparent;align-items:center;background-color:var(--_chip-bg);border:calc(.0625rem*var(--mantine-scale)) solid transparent;border-radius:var(--chip-radius);color:var(--_chip-color,var(--mantine-color-text));cursor:var(--_chip-cursor,pointer);display:inline-flex;font-size:var(--chip-fz);height:var(--chip-size);line-height:calc(var(--chip-size) - .125rem*var(--mantine-scale));padding-left:var(--_chip-padding,var(--chip-padding));padding-right:var(--_chip-padding,var(--chip-padding));user-select:none;white-space:nowrap}.m-be049a53[data-checked]{--_chip-padding:var(--chip-checked-padding)}.m-be049a53[data-disabled]{--_chip-bg:var(--mantine-color-gray-2);--_chip-color:var(--mantine-color-gray-5);--_chip-cursor:not-allowed}.m-3904c1af:not([data-disabled]){background-color:var(--_chip-bg);border:var(--_chip-bd)}@media (hover:hover){[data-mantine-color-scheme=light] .m-3904c1af:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-3904c1af:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m-3904c1af:not([data-disabled]):active{--_chip-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-3904c1af:not([data-disabled]):active{--_chip-bg:var(--mantine-color-dark-5)}}[data-mantine-color-scheme=light] .m-3904c1af:not([data-disabled]){--_chip-bg:var(--mantine-color-white);--_chip-bd:calc(0.0625rem*var(--mantine-scale)) solid var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-3904c1af:not([data-disabled]){--_chip-bg:var(--mantine-color-dark-6);--_chip-bd:calc(0.0625rem*var(--mantine-scale)) solid var(--mantine-color-dark-4)}[data-mantine-color-scheme] .m-3904c1af:not([data-disabled])[data-checked]{--_chip-bd:var(--chip-bd);--_chip-icon-color:var(--chip-color)}@media (hover:hover){[data-mantine-color-scheme] .m-3904c1af:not([data-disabled])[data-checked]:hover{--_chip-bg:var(--chip-hover)}}@media (hover:none){[data-mantine-color-scheme] .m-3904c1af:not([data-disabled])[data-checked]:active{--_chip-bg:var(--chip-hover)}}.m-f7e165c3:not([data-disabled]),.m-fa109255:not([data-disabled]){background-color:var(--_chip-bg);border:calc(.0625rem*var(--mantine-scale)) solid transparent;color:var(--_chip-color,var(--mantine-color-text))}@media (hover:hover){[data-mantine-color-scheme=light] .m-f7e165c3:not([data-disabled]):hover,[data-mantine-color-scheme=light] .m-fa109255:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .m-f7e165c3:not([data-disabled]):hover,[data-mantine-color-scheme=dark] .m-fa109255:not([data-disabled]):hover{--_chip-bg:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m-f7e165c3:not([data-disabled]):active,[data-mantine-color-scheme=light] .m-fa109255:not([data-disabled]):active{--_chip-bg:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .m-f7e165c3:not([data-disabled]):active,[data-mantine-color-scheme=dark] .m-fa109255:not([data-disabled]):active{--_chip-bg:var(--mantine-color-dark-5)}}[data-mantine-color-scheme=light] .m-f7e165c3:not([data-disabled]),[data-mantine-color-scheme=light] .m-fa109255:not([data-disabled]){--_chip-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-f7e165c3:not([data-disabled]),[data-mantine-color-scheme=dark] .m-fa109255:not([data-disabled]){--_chip-bg:var(--mantine-color-dark-6)}[data-mantine-color-scheme] .m-f7e165c3:not([data-disabled])[data-checked],[data-mantine-color-scheme] .m-fa109255:not([data-disabled])[data-checked]{--_chip-icon-color:var(--chip-color);--_chip-color:var(--chip-color);--_chip-bg:var(--chip-bg)}@media (hover:hover){[data-mantine-color-scheme] .m-f7e165c3:not([data-disabled])[data-checked]:hover,[data-mantine-color-scheme] .m-fa109255:not([data-disabled])[data-checked]:hover{--_chip-bg:var(--chip-hover)}}@media (hover:none){[data-mantine-color-scheme] .m-f7e165c3:not([data-disabled])[data-checked]:active,[data-mantine-color-scheme] .m-fa109255:not([data-disabled])[data-checked]:active{--_chip-bg:var(--chip-hover)}}.m-9ac86df9{align-items:center;display:flex;max-width:calc(var(--chip-icon-size) + var(--chip-spacing)/1.5);overflow:hidden;width:calc(var(--chip-icon-size) + var(--chip-spacing)/1.5)}.m-9ac86df9,.m-d6d72580{height:var(--chip-icon-size)}.m-d6d72580{color:var(--_chip-icon-color,inherit);display:block;width:var(--chip-icon-size)}.m-bde07329{height:0;margin:0;opacity:0;padding:0;width:0}.m-bde07329:focus-visible+.m-be049a53{outline:calc(.125rem*var(--mantine-scale)) solid var(--mantine-color-primary);outline-offset:calc(.125rem*var(--mantine-scale))}

package/esm/styles/Grid.css

@@ -0,0 +1 @@
+.m-410352e9{overflow:hidden}.m-dee7bd2f{align-items:var(--grid-align);display:flex;flex-wrap:wrap;justify-content:var(--grid-justify);margin:calc(var(--grid-gutter)/-2);width:calc(100% + var(--grid-gutter))}.m-96bdd299{flex-basis:var(--col-flex-basis);flex-grow:var(--col-flex-grow,0);flex-shrink:0;margin-left:var(--_col-ml,var(--col-offset,0));margin-right:var(--_col-mr,0);max-width:var(--col-max-width);order:var(--col-order);padding:calc(var(--grid-gutter)/2);width:var(--col-width)}[dir=rtl] .m-96bdd299{--_col-ml:0;--_col-mr:var(--col-offset,0)}

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)}.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)}[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]{--_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)}

package/esm/styles/Menu.css

@@ -0,0 +1 @@
+.m-dc9b7c9f{padding:calc(.25rem*var(--mantine-scale))}.m-9bfac126{color:var(--mantine-color-dimmed);cursor:default;font-size:var(--mantine-font-size-xs);font-weight:500;padding:calc(var(--mantine-spacing-xs)/2) var(--mantine-spacing-sm)}.m-efdf90cb{border-top:calc(.0625rem*var(--mantine-scale)) solid var(--_divider-color);margin-bottom:calc(.25rem*var(--mantine-scale));margin-top:calc(.25rem*var(--mantine-scale))}[data-mantine-color-scheme=light] .m-efdf90cb{--_divider-color:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .m-efdf90cb{--_divider-color:var(--mantine-color-dark-4)}.m-99ac2aa1{align-items:center;background-color:var(--_item-bg,transparent);border-radius:var(--popover-radius,var(--mantine-radius-default));color:var(--menu-item-color,var(--mantine-color-text));display:flex;font-size:var(--mantine-font-size-sm);opacity:var(--_item-opacity,1);padding:calc(var(--mantine-spacing-xs)/1.5) var(--mantine-spacing-sm);pointer-events:var(--_item-pointer-events,auto);user-select:none;width:100%}.m-99ac2aa1:disabled,.m-99ac2aa1[data-disabled]{--menu-item-color:var(--mantine-color-dimmed)!important;--_item-opacity:0.6;--_item-pointer-events:none}.m-99ac2aa1[data-hovered]{--_item-bg:var(--menu-item-hover,var(--_item-bg-hover))}[data-mantine-color-scheme=light] .m-99ac2aa1[data-hovered]{--_item-bg-hover:var(--mantine-color-gray-1)}[data-mantine-color-scheme=dark] .m-99ac2aa1[data-hovered]{--_item-bg-hover:var(--mantine-color-dark-4)}.m-5476e0d3{flex:1}.m-8b75e504{align-items:center;display:flex;justify-content:center;margin-left:var(--_section-ml);margin-right:var(--_section-mr)}.m-8b75e504[data-position=left]{--_section-ml:0;--_section-mr:var(--mantine-spacing-xs)}.m-8b75e504[data-position=right],[dir=rtl] .m-8b75e504[data-position=left]{--_section-ml:var(--mantine-spacing-xs);--_section-mr:0}[dir=rtl] .m-8b75e504[data-position=right]{--_section-ml:0;--_section-mr:var(--mantine-spacing-xs)}

package/esm/styles/Progress.css

@@ -0,0 +1 @@
+@keyframes m-81a374bd{0%{background-position:0 0}to{background-position:calc(2.5rem*var(--mantine-scale)) 0}}.m-db6d6462{--progress-size-xs:calc(0.1875rem*var(--mantine-scale));--progress-size-sm:calc(0.3125rem*var(--mantine-scale));--progress-size-md:calc(0.5rem*var(--mantine-scale));--progress-size-lg:calc(0.75rem*var(--mantine-scale));--progress-size-xl:calc(1rem*var(--mantine-scale));background-color:var(--_track-bg);border-radius:var(--progress-radius);display:flex;height:var(--progress-size);overflow:hidden;position:relative}[data-mantine-color-scheme=light] .m-db6d6462{--_track-bg:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .m-db6d6462{--_track-bg:var(--mantine-color-dark-4)}.m-2242eb65{align-items:center;animation:var(--_section-animation);background-color:var(--progress-section-color);background-image:var(--_section-gradient);background-size:calc(1.25rem*var(--mantine-scale)) calc(1.25rem*var(--mantine-scale));border-radius:var(--_section-radius);display:flex;height:100%;justify-content:center;overflow:hidden;width:var(--progress-section-width)}.m-2242eb65[data-striped]{--_section-gradient:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent)}.m-2242eb65[data-animated]{--_section-animation:m-81a374bd 1s linear infinite}.m-2242eb65:last-of-type{--_section-radius:0 var(--progress-radius) var(--progress-radius) 0}.m-2242eb65:first-of-type,[dir=rtl] .m-2242eb65:last-of-type{--_section-radius:var(--progress-radius) 0 0 var(--progress-radius)}[dir=rtl] .m-2242eb65:first-of-type{--_section-radius:0 var(--progress-radius) var(--progress-radius) 0}.m-91e40b74{color:var(--mantine-color-white);font-size:min(calc(var(--progress-size)*.65),calc(1.125rem*var(--mantine-scale)));font-weight:700;line-height:1;overflow:hidden;padding-left:calc(.25rem*var(--mantine-scale));padding-right:calc(.25rem*var(--mantine-scale));text-overflow:ellipsis;user-select:none;white-space:nowrap}

package/esm/styles/Rating.css

@@ -0,0 +1 @@
+.m-f8d312f2{--rating-size-xs:calc(0.875rem*var(--mantine-scale));--rating-size-sm:calc(1.125rem*var(--mantine-scale));--rating-size-md:calc(1.25rem*var(--mantine-scale));--rating-size-lg:calc(1.75rem*var(--mantine-scale));--rating-size-xl:calc(2rem*var(--mantine-scale));display:flex;pointer-events:var(--_pointer-events);width:max-content}.m-f8d312f2:has(input:disabled){--_pointer-events:none}.m-61734bb7{position:relative;transform:var(--_transform);transition:transform .1s ease;z-index:var(--_z-index)}.m-61734bb7[data-active]{--_z-index:1;--_transform:scale(1.1)}.m-5662a89a{stroke:var(--_star-color);fill:var(--_star-color);display:block;height:var(--rating-size);width:var(--rating-size)}[data-mantine-color-scheme=light] .m-5662a89a{--_star-color:var(--mantine-color-gray-3)}[data-mantine-color-scheme=dark] .m-5662a89a{--_star-color:var(--mantine-color-dark-4)}[data-mantine-color-scheme] .m-5662a89a[data-filled]{--_star-color:var(--rating-color)}.m-211007ba{height:0;opacity:0;overflow:hidden;position:absolute;white-space:nowrap;width:0}.m-211007ba:focus-visible+label{outline:calc(.125rem*var(--mantine-scale)) solid var(--mantine-color-primary);outline-offset:calc(.125rem*var(--mantine-scale))}.m-21342ee4{cursor:pointer;display:block;left:0;position:absolute;top:0;z-index:var(--rating-item-z-index,0)}.m-21342ee4[data-read-only]{cursor:default}.m-21342ee4:last-of-type{position:relative}.m-fae05d6a{clip-path:var(--rating-symbol-clip-path)}

package/esm/styles/RingProgress.css

@@ -0,0 +1 @@
+.m-b32e4812{position:relative}.m-b32e4812,.m-d43b5134{height:var(--rp-size);min-height:var(--rp-size);min-width:var(--rp-size);width:var(--rp-size)}.m-d43b5134{transform:rotate(-90deg)}.m-b1ca1fbf{stroke:var(--curve-color,var(--_curve-root-color))}[data-mantine-color-scheme=light] .m-b1ca1fbf{--_curve-root-color:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .m-b1ca1fbf{--_curve-root-color:var(--mantine-color-dark-4)}.m-b23f9dc4{left:var(--rp-label-offset);position:absolute;right:var(--rp-label-offset);top:50%;transform:translateY(-50%)}

package/esm/styles/SimpleGrid.css

@@ -0,0 +1 @@
+.m-2415a157{display:grid;gap:var(--sg-spacing-y) var(--sg-spacing-x);grid-template-columns:repeat(var(--sg-cols),minmax(0,1fr))}

package/esm/styles/Table.css

@@ -1 +1 @@
-.m-b23fa0ef{border:var(--_table-border,none);border-collapse:collapse;caption-side:var(--table-caption-side);font-size:var(--mantine-font-size-sm);line-height:var(--mantine-line-height);table-layout:var(--table-layout,auto);width:100%}[data-mantine-color-scheme=light] .m-b23fa0ef{--_table-hover-color:var(--table-highlight-on-hover-color,var(--mantine-color-gray-1));--_table-striped-color:var(--table-striped-color,var(--mantine-color-gray-0));--_table-border-color:var(--table-border-color,var(--mantine-color-gray-3))}[data-mantine-color-scheme=dark] .m-b23fa0ef{--_table-hover-color:var(--table-highlight-on-hover-color,var(--mantine-color-dark-5));--_table-striped-color:var(--table-striped-color,var(--mantine-color-dark-6));--_table-border-color:var(--table-border-color,var(--mantine-color-dark-4))}.m-b23fa0ef[data-with-table-border]{--_table-border:calc(0.0625rem*var(--mantine-scale)) solid var(--_table-border-color)}.m-4e7aa4f3{text-align:var(--_th-text-align,left)}[dir=rtl] .m-4e7aa4f3{--_th-text-align:right}.m-4e7aa4fd{background-color:var(--_tr-bg,transparent);border-bottom:var(--_tr-border-bottom,none)}@media (hover:hover){.m-4e7aa4fd:hover{--_tr-bg:var(--_tr-hover-bg,transparent)}}@media (hover:none){.m-4e7aa4fd:active{--_tr-bg:var(--_tr-hover-bg,transparent)}}.m-4e7aa4fd[data-with-row-border]{--_tr-border-bottom:calc(0.0625rem*var(--mantine-scale)) solid var(--_table-border-color)}.m-4e7aa4ef,.m-4e7aa4f3{--_border-right:none;--_border-left:none;border-left:var(--_border-left);border-right:var(--_border-right);padding:var(--table-vertical-spacing) var(--table-horizontal-spacing)}.m-4e7aa4ef[data-with-column-border]:not(:last-of-type),.m-4e7aa4f3[data-with-column-border]:not(:last-of-type){--_border-right:calc(0.0625rem*var(--mantine-scale)) solid var(--_table-border-color)}[dir=rtl] .m-4e7aa4ef[data-with-column-border]:not(:last-of-type),[dir=rtl] .m-4e7aa4f3[data-with-column-border]:not(:last-of-type){--_border-left:calc(0.0625rem*var(--mantine-scale)) solid var(--_table-border-color);--_border-right:none}.m-b2404537>.m-4e7aa4fd:last-of-type[data-with-row-border]{--_tr-border-bottom:none}.m-b2404537>.m-4e7aa4fd[data-striped=even]:nth-of-type(2n),.m-b2404537>.m-4e7aa4fd[data-striped=odd]:nth-of-type(odd){--_tr-bg:var(--_table-striped-color)}.m-b2404537>.m-4e7aa4fd[data-hover]{--_tr-hover-bg:var(--_table-hover-color)}.m-9e5a3ac7{color:var(--mantine-color-dimmed);margin-bottom:var(--_margin-bottom,0);margin-top:var(--_margin-top,0)}.m-9e5a3ac7[data-side=top]{--_margin-bottom:var(--mantine-spacing-xs)}.m-9e5a3ac7[data-side=bottom]{--_margin-top:var(--mantine-spacing-xs)}
+.m-b23fa0ef{border:var(--_table-border,none);border-collapse:collapse;caption-side:var(--table-caption-side);font-size:var(--mantine-font-size-sm);line-height:var(--mantine-line-height);table-layout:var(--table-layout,auto);width:100%}[data-mantine-color-scheme=light] .m-b23fa0ef{--_table-hover-color:var(--table-highlight-on-hover-color,var(--mantine-color-gray-1));--_table-striped-color:var(--table-striped-color,var(--mantine-color-gray-0));--_table-border-color:var(--table-border-color,var(--mantine-color-gray-3))}[data-mantine-color-scheme=dark] .m-b23fa0ef{--_table-hover-color:var(--table-highlight-on-hover-color,var(--mantine-color-dark-5));--_table-striped-color:var(--table-striped-color,var(--mantine-color-dark-6));--_table-border-color:var(--table-border-color,var(--mantine-color-dark-4))}.m-b23fa0ef[data-with-table-border]{--_table-border:calc(0.0625rem*var(--mantine-scale)) solid var(--_table-border-color)}.m-4e7aa4f3{text-align:var(--_th-text-align,left)}[dir=rtl] .m-4e7aa4f3{--_th-text-align:right}.m-4e7aa4fd{background-color:var(--_tr-bg,transparent);border-bottom:var(--_tr-border-bottom,none)}@media (hover:hover){.m-4e7aa4fd:hover{--_tr-bg:var(--_tr-hover-bg,transparent)}}@media (hover:none){.m-4e7aa4fd:active{--_tr-bg:var(--_tr-hover-bg,transparent)}}.m-4e7aa4fd[data-with-row-border]{--_tr-border-bottom:calc(0.0625rem*var(--mantine-scale)) solid var(--_table-border-color)}.m-4e7aa4ef,.m-4e7aa4f3{--_border-right:none;--_border-left:none;border-left:var(--_border-left);border-right:var(--_border-right);padding:var(--table-vertical-spacing) var(--table-horizontal-spacing)}.m-4e7aa4ef[data-with-column-border]:not(:last-of-type),.m-4e7aa4f3[data-with-column-border]:not(:last-of-type){--_border-right:calc(0.0625rem*var(--mantine-scale)) solid var(--_table-border-color)}[dir=rtl] .m-4e7aa4ef[data-with-column-border]:not(:last-of-type),[dir=rtl] .m-4e7aa4f3[data-with-column-border]:not(:last-of-type){--_border-left:calc(0.0625rem*var(--mantine-scale)) solid var(--_table-border-color);--_border-right:none}.m-b2404537>.m-4e7aa4fd:last-of-type[data-with-row-border]{--_tr-border-bottom:none}.m-b2404537>.m-4e7aa4fd[data-striped=even]:nth-of-type(2n),.m-b2404537>.m-4e7aa4fd[data-striped=odd]:nth-of-type(odd){--_tr-bg:var(--_table-striped-color)}.m-b2404537>.m-4e7aa4fd[data-hover]{--_tr-hover-bg:var(--_table-hover-color)}.m-9e5a3ac7{color:var(--mantine-color-dimmed);margin-bottom:var(--_margin-bottom,0);margin-top:var(--_margin-top,0)}.m-9e5a3ac7[data-side=top]{--_margin-bottom:var(--mantine-spacing-xs)}.m-9e5a3ac7[data-side=bottom]{--_margin-top:var(--mantine-spacing-xs)}.m-a100c15{overflow-x:var(--table-overflow)}.m-62259741{min-width:var(--table-min-width)}

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

@@ -14,7 +14,7 @@ export type AppShellSectionFactory = PolymorphicFactory<{
 }>;
 export declare const AppShellSection: (<C = "div">(props: import("../../../core/factory/create-polymorphic-component").PolymorphicComponentProps<C, AppShellSectionProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(AppShellSectionProps & {
     component?: any;
-} & Omit<Omit<any, "ref">, keyof AppShellSectionProps | "component"> & {
+} & Omit<Omit<any, "ref">, "component" | keyof AppShellSectionProps> & {
     ref?: any;
 }) | (AppShellSectionProps & {
     component: React.ElementType<any>;

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

@@ -0,0 +1,52 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, ElementProps, Factory, MantineRadius, MantineSize, MantineColor } from '../../core';
+import { ChipGroup } from './ChipGroup/ChipGroup';
+export type ChipStylesNames = 'root' | 'input' | 'iconWrapper' | 'checkIcon' | 'label';
+export type ChipVariant = 'outline' | 'filled' | 'light';
+export type ChipCssVariables = {
+    root: '--chip-fz' | '--chip-size' | '--chip-icon-size' | '--chip-padding' | '--chip-checked-padding' | '--chip-radius' | '--chip-bg' | '--chip-hover' | '--chip-color' | '--chip-bd' | '--chip-spacing';
+};
+export interface ChipProps extends BoxProps, StylesApiProps<ChipFactory>, ElementProps<'input', 'size' | 'onChange'> {
+    /** Key of `theme.radius` or any valid CSS value to set `border-radius`, `'xl'` by default */
+    radius?: MantineRadius | (string & {}) | number;
+    /** Controls various properties, `'sm'` by default */
+    size?: MantineSize;
+    /** Chip input type */
+    type?: 'radio' | 'checkbox';
+    /** Chip label */
+    children: React.ReactNode;
+    /** Checked state for controlled component */
+    checked?: boolean;
+    /** Default checked state for uncontrolled component */
+    defaultChecked?: boolean;
+    /** Calls when checked state changes */
+    onChange?(checked: boolean): void;
+    /** Key of `theme.colors` or any valid CSS color, `theme.primaryColor` */
+    color?: MantineColor;
+    /** Static id to bind input with label */
+    id?: string;
+    /** Props passed down to the wrapper element */
+    wrapperProps?: Record<string, any>;
+    /** Replaces default icon */
+    icon?: React.ReactNode;
+}
+export type ChipFactory = Factory<{
+    props: ChipProps;
+    ref: HTMLInputElement;
+    stylesNames: ChipStylesNames;
+    vars: ChipCssVariables;
+    variant: ChipVariant;
+    staticComponents: {
+        Group: typeof ChipGroup;
+    };
+}>;
+export declare const Chip: import("../../core").MantineComponent<{
+    props: ChipProps;
+    ref: HTMLInputElement;
+    stylesNames: ChipStylesNames;
+    vars: ChipCssVariables;
+    variant: ChipVariant;
+    staticComponents: {
+        Group: typeof ChipGroup;
+    };
+}>;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface ChipGroupProps<T extends boolean = false> {
+    /** Allow multiple values to be selected at a time */
+    multiple?: T;
+    /** Controlled component value */
+    value?: T extends true ? string[] : string | null;
+    /** Uncontrolled component initial value */
+    defaultValue?: T extends true ? string[] : string | null;
+    /** Called when value changes */
+    onChange?(value: T extends true ? string[] : string): void;
+    /** <Chip /> components */
+    children?: React.ReactNode;
+}
+export declare function ChipGroup<T extends boolean>(props: ChipGroupProps<T>): JSX.Element;
+export declare namespace ChipGroup {
+    var displayName: string;
+}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface ChipGroupContextValue {
+    isChipSelected(value: string): boolean;
+    onChange(event: React.ChangeEvent<HTMLInputElement>): void;
+    multiple: boolean;
+}
+export declare const ChipGroupProvider: ({ children, value }: {
+    value: ChipGroupContextValue;
+    children: import("react").ReactNode;
+}) => JSX.Element, useChipGroupContext: () => ChipGroupContextValue | null;
+export {};

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

@@ -0,0 +1,4 @@
+export { Chip } from './Chip';
+export { ChipGroup } from './ChipGroup/ChipGroup';
+export type { ChipCssVariables, ChipFactory, ChipProps, ChipStylesNames, ChipVariant, } from './Chip';
+export type { ChipGroupProps } from './ChipGroup/ChipGroup';

package/lib/components/Floating/use-delayed-hover.d.ts

@@ -1,8 +1,8 @@
 interface UseDelayedHoverInput {
     open(): void;
     close(): void;
-    openDelay: number;
-    closeDelay: number;
+    openDelay: number | undefined;
+    closeDelay: number | undefined;
 }
 export declare function useDelayedHover({ open, close, openDelay, closeDelay }: UseDelayedHoverInput): {
     openDropdown: () => void;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { GetStylesApi } from '../../core';
+import type { GridFactory } from './Grid';
+interface GridContextValue {
+    getStyles: GetStylesApi<GridFactory>;
+    grow: boolean | undefined;
+    columns: number;
+}
+export declare const GridProvider: ({ children, value }: {
+    value: GridContextValue;
+    children: import("react").ReactNode;
+}) => JSX.Element, useGridContext: () => GridContextValue;
+export {};

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { BoxProps, StylesApiProps, ElementProps, Factory, StyleProp, MantineSpacing } from '../../core';
+import { GridCol } from './GridCol/GridCol';
+export type GridStylesNames = 'root' | 'col' | 'inner';
+export type GridCssVariables = {
+    root: '--grid-justify' | '--grid-align';
+};
+export interface GridProps extends BoxProps, StylesApiProps<GridFactory>, ElementProps<'div'> {
+    /** Gutter between columns, key of `theme.spacing` or any valid CSS value, `'md'` by default */
+    gutter?: StyleProp<MantineSpacing | (string & {}) | number>;
+    /** Determines whether columns in the last row should expand to fill all available space, `false` by default */
+    grow?: boolean;
+    /** Sets `justify-content`, `flex-start` by default */
+    justify?: React.CSSProperties['justifyContent'];
+    /** Sets `align-items`, `stretch` by default */
+    align?: React.CSSProperties['alignItems'];
+    /** Number of columns in each row, `12` by default */
+    columns?: number;
+}
+export type GridFactory = Factory<{
+    props: GridProps;
+    ref: HTMLDivElement;
+    stylesNames: GridStylesNames;
+    vars: GridCssVariables;
+    staticComponents: {
+        Col: typeof GridCol;
+    };
+}>;
+export declare const Grid: import("../../core").MantineComponent<{
+    props: GridProps;
+    ref: HTMLDivElement;
+    stylesNames: GridStylesNames;
+    vars: GridCssVariables;
+    staticComponents: {
+        Col: typeof GridCol;
+    };
+}>;

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

@@ -0,0 +1,23 @@
+import { BoxProps, StylesApiProps, ElementProps, Factory, StyleProp } from '../../../core';
+export type GridColStylesNames = 'col';
+export type ColSpan = number | 'auto' | 'content';
+export interface GridColProps extends BoxProps, StylesApiProps<GridColFactory>, ElementProps<'div'> {
+    /** Column span, `12` by default */
+    span?: StyleProp<ColSpan>;
+    /** Column order, can be used to reorder columns at different viewport sizes */
+    order?: StyleProp<number>;
+    /** Column offset on the left side – number of columns that should be left empty before this column */
+    offset?: StyleProp<number>;
+}
+export type GridColFactory = Factory<{
+    props: GridColProps;
+    ref: HTMLDivElement;
+    stylesNames: GridColStylesNames;
+    compound: true;
+}>;
+export declare const GridCol: import("../../../core").MantineComponent<{
+    props: GridColProps;
+    ref: HTMLDivElement;
+    stylesNames: GridColStylesNames;
+    compound: true;
+}>;

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

@@ -0,0 +1,7 @@
+/// <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 {};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { GridProps } from './Grid';
+interface GridVariablesProps extends GridProps {
+    selector: string;
+}
+export declare function GridVariables({ gutter, selector }: GridVariablesProps): JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+export { Grid } from './Grid';
+export { GridCol } from './GridCol/GridCol';
+export type { GridCssVariables, GridFactory, GridProps, GridStylesNames } from './Grid';
+export type { GridColProps } from './GridCol/GridCol';

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface HoverCardContext {
+    openDropdown(): void;
+    closeDropdown(): void;
+}
+export declare const HoverCardContextProvider: ({ children, value }: {
+    value: HoverCardContext;
+    children: import("react").ReactNode;
+}) => JSX.Element, useHoverCardContext: () => HoverCardContext;
+export {};

package/lib/components/HoverCard/HoverCard.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PopoverProps } from '../Popover';
+import { HoverCardDropdown } from './HoverCardDropdown/HoverCardDropdown';
+export interface HoverCardProps extends PopoverProps {
+    variant?: string;
+    /** Initial opened state */
+    initiallyOpened?: boolean;
+    /** Called when dropdown is opened */
+    onOpen?(): void;
+    /** Called when dropdown is closed */
+    onClose?(): void;
+    /** Open delay in ms */
+    openDelay?: number;
+    /** Close delay in ms */
+    closeDelay?: number;
+}
+export declare function HoverCard(props: HoverCardProps): JSX.Element;
+export declare namespace HoverCard {
+    var displayName: string;
+    var Target: React.ForwardRefExoticComponent<import("./HoverCardTarget/HoverCardTarget").HoverCardTargetProps & React.RefAttributes<HTMLElement>>;
+    var Dropdown: typeof HoverCardDropdown;
+}

package/lib/components/HoverCard/HoverCardDropdown/HoverCardDropdown.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PopoverDropdownProps } from '../../Popover';
+export interface HoverCardDropdownProps extends PopoverDropdownProps {
+    /** Dropdown content */
+    children?: React.ReactNode;
+}
+export declare function HoverCardDropdown(props: HoverCardDropdownProps): JSX.Element;
+export declare namespace HoverCardDropdown {
+    var displayName: string;
+}

package/lib/components/HoverCard/HoverCardTarget/HoverCardTarget.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { PopoverTargetProps } from '../../Popover';
+export interface HoverCardTargetProps extends PopoverTargetProps {
+}
+export declare const HoverCardTarget: React.ForwardRefExoticComponent<HoverCardTargetProps & React.RefAttributes<HTMLElement>>;

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

@@ -0,0 +1,6 @@
+export { HoverCard } from './HoverCard';
+export { HoverCardDropdown } from './HoverCardDropdown/HoverCardDropdown';
+export { HoverCardTarget } from './HoverCardTarget/HoverCardTarget';
+export type { HoverCardProps } from './HoverCard';
+export type { HoverCardDropdownProps } from './HoverCardDropdown/HoverCardDropdown';
+export type { HoverCardTargetProps } from './HoverCardTarget/HoverCardTarget';