@mantine/core/esm/index.mjs

React components library focused on usability, accessibility and developer experience

import { keys } from "./core/utils/keys/keys.mjs";
import { deepMerge } from "./core/utils/deep-merge/deep-merge.mjs";
import { camelToKebabCase } from "./core/utils/camel-to-kebab-case/camel-to-kebab-case.mjs";
import { px } from "./core/utils/units-converters/px.mjs";
import { em, rem } from "./core/utils/units-converters/rem.mjs";
import { filterProps } from "./core/utils/filter-props/filter-props.mjs";
import { isNumberLike } from "./core/utils/is-number-like/is-number-like.mjs";
import { isElement } from "./core/utils/is-element/is-element.mjs";
import { createSafeContext } from "./core/utils/create-safe-context/create-safe-context.mjs";
import { getSafeId } from "./core/utils/get-safe-id/get-safe-id.mjs";
import { findElementAncestor } from "./core/utils/find-element-ancestor/find-element-ancestor.mjs";
import { createScopedKeydownHandler } from "./core/utils/create-scoped-keydown-handler/create-scoped-keydown-handler.mjs";
import { getDefaultZIndex } from "./core/utils/get-default-z-index/get-default-z-index.mjs";
import { noop } from "./core/utils/noop/noop.mjs";
import { closeOnEscape } from "./core/utils/close-on-escape/close-on-escape.mjs";
import { getFontSize, getLineHeight, getRadius, getShadow, getSize, getSpacing } from "./core/utils/get-size/get-size.mjs";
import { createEventHandler } from "./core/utils/create-event-handler/create-event-handler.mjs";
import { getBreakpointValue } from "./core/utils/get-breakpoint-value/get-breakpoint-value.mjs";
import { getSortedBreakpoints } from "./core/utils/get-sorted-breakpoints/get-sorted-breakpoints.mjs";
import { getBaseValue } from "./core/utils/get-base-value/get-base-value.mjs";
import { getContextItemIndex } from "./core/utils/get-context-item-index/get-context-item-index.mjs";
import { useHovered } from "./core/utils/use-hovered/use-hovered.mjs";
import { createUseExternalEvents } from "./core/utils/create-use-external-events/create-use-external-events.mjs";
import { getEnv } from "./core/utils/get-env/get-env.mjs";
import { memoize } from "./core/utils/memoize/memoize.mjs";
import { findClosestNumber } from "./core/utils/find-closest-number/find-closest-number.mjs";
import { getRefProp } from "./core/utils/get-ref-prop/get-ref-prop.mjs";
import { isPrimitive } from "./core/utils/primitive/primitive.mjs";
import { findElementBySelector, findElementsBySelector, getRootElement } from "./core/utils/find-element-in-shadow-dom/find-element-in-shadow-dom.mjs";
import { getSingleElementChild } from "./core/utils/get-single-element-child/get-single-element-child.mjs";
import { createVarsResolver } from "./core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
import { resolveClassNames } from "./core/styles-api/use-styles/get-class-name/resolve-class-names/resolve-class-names.mjs";
import { resolveStyles } from "./core/styles-api/use-styles/get-style/resolve-styles/resolve-styles.mjs";
import { isMantineColorScheme } from "./core/MantineProvider/color-scheme-managers/is-mantine-color-scheme.mjs";
import { localStorageColorSchemeManager } from "./core/MantineProvider/color-scheme-managers/local-storage-manager.mjs";
import { getPrimaryShade } from "./core/MantineProvider/color-functions/get-primary-shade/get-primary-shade.mjs";
import { toRgba } from "./core/MantineProvider/color-functions/to-rgba/to-rgba.mjs";
import { isLightColor, luminance } from "./core/MantineProvider/color-functions/luminance/luminance.mjs";
import { parseThemeColor } from "./core/MantineProvider/color-functions/parse-theme-color/parse-theme-color.mjs";
import { getThemeColor } from "./core/MantineProvider/color-functions/get-theme-color/get-theme-color.mjs";
import { darken } from "./core/MantineProvider/color-functions/darken/darken.mjs";
import { getGradient } from "./core/MantineProvider/color-functions/get-gradient/get-gradient.mjs";
import { alpha, rgba } from "./core/MantineProvider/color-functions/rgba/rgba.mjs";
import { defaultVariantColorsResolver } from "./core/MantineProvider/color-functions/default-variant-colors-resolver/default-variant-colors-resolver.mjs";
import { lighten } from "./core/MantineProvider/color-functions/lighten/lighten.mjs";
import { getContrastColor, getPrimaryContrastColor } from "./core/MantineProvider/color-functions/get-contrast-color/get-contrast-color.mjs";
import { getAutoContrastValue } from "./core/MantineProvider/color-functions/get-auto-contrast-value/get-auto-contrast-value.mjs";
import { colorsTuple } from "./core/MantineProvider/color-functions/colors-tuple/colors-tuple.mjs";
import { MantineContext, useMantineClassNamesPrefix, useMantineContext, useMantineCssVariablesResolver, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineStylesTransform, useMantineSxTransform, useMantineWithStaticClasses } from "./core/MantineProvider/Mantine.context.mjs";
import { useMantineColorScheme } from "./core/MantineProvider/use-mantine-color-scheme/use-mantine-color-scheme.mjs";
import { useProviderColorScheme } from "./core/MantineProvider/use-mantine-color-scheme/use-provider-color-scheme.mjs";
import { useComputedColorScheme } from "./core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.mjs";
import { ColorSchemeScript } from "./core/MantineProvider/ColorSchemeScript/ColorSchemeScript.mjs";
import { DEFAULT_THEME } from "./core/MantineProvider/default-theme.mjs";
import { mergeMantineTheme, validateMantineTheme } from "./core/MantineProvider/merge-mantine-theme/merge-mantine-theme.mjs";
import { MantineThemeContext, MantineThemeProvider, useMantineTheme, useSafeMantineTheme } from "./core/MantineProvider/MantineThemeProvider/MantineThemeProvider.mjs";
import { convertCssVariables } from "./core/MantineProvider/convert-css-variables/convert-css-variables.mjs";
import { getCSSColorVariables } from "./core/MantineProvider/MantineCssVariables/get-css-color-variables.mjs";
import { isVirtualColor, virtualColor } from "./core/MantineProvider/MantineCssVariables/virtual-color/virtual-color.mjs";
import { defaultCssVariablesResolver } from "./core/MantineProvider/MantineCssVariables/default-css-variables-resolver.mjs";
import { v8CssVariablesResolver } from "./core/MantineProvider/MantineCssVariables/v8-css-variables-resolver.mjs";
import { HeadlessMantineProvider, MantineProvider } from "./core/MantineProvider/MantineProvider.mjs";
import { useProps } from "./core/MantineProvider/use-props/use-props.mjs";
import { createTheme } from "./core/MantineProvider/create-theme/create-theme.mjs";
import { mergeThemeOverrides } from "./core/MantineProvider/merge-theme-overrides/merge-theme-overrides.mjs";
import { useMatches } from "./core/MantineProvider/use-matches/use-matches.mjs";
import { mantineHtmlProps } from "./core/MantineProvider/mantine-html-props.mjs";
import { useResolvedStylesApi } from "./core/styles-api/use-resolved-styles-api/use-resolved-styles-api.mjs";
import { FOCUS_CLASS_NAMES } from "./core/styles-api/use-styles/get-class-name/get-global-class-names/get-global-class-names.mjs";
import { useStyles } from "./core/styles-api/use-styles/use-styles.mjs";
import { stylesToString } from "./core/InlineStyles/styles-to-string/styles-to-string.mjs";
import { InlineStyles } from "./core/InlineStyles/InlineStyles.mjs";
import { extractStyleProps } from "./core/Box/style-props/extract-style-props/extract-style-props.mjs";
import { STYlE_PROPS_DATA } from "./core/Box/style-props/style-props-data.mjs";
import { parseStyleProps } from "./core/Box/style-props/parse-style-props/parse-style-props.mjs";
import { useRandomClassName } from "./core/Box/use-random-classname/use-random-classname.mjs";
import { getStyleObject } from "./core/Box/get-style-object/get-style-object.mjs";
import { createPolymorphicComponent, polymorphic } from "./core/factory/create-polymorphic-component.mjs";
import { factory, genericFactory } from "./core/factory/factory.mjs";
import { polymorphicFactory } from "./core/factory/polymorphic-factory.mjs";
import { Box } from "./core/Box/Box.mjs";
import { DirectionContext, DirectionProvider, useDirection } from "./core/DirectionProvider/DirectionProvider.mjs";
import { Collapse } from "./components/Collapse/Collapse.mjs";
import { useScrollAreaContext } from "./components/ScrollArea/ScrollArea.context.mjs";
import { ScrollArea, ScrollAreaAutosize } from "./components/ScrollArea/ScrollArea.mjs";
import { UnstyledButton } from "./components/UnstyledButton/UnstyledButton.mjs";
import { VisuallyHidden } from "./components/VisuallyHidden/VisuallyHidden.mjs";
import { Paper } from "./components/Paper/Paper.mjs";
import { FloatingArrow } from "./utils/Floating/FloatingArrow/FloatingArrow.mjs";
import { getFloatingPosition } from "./utils/Floating/get-floating-position/get-floating-position.mjs";
import { useDelayedHover } from "./utils/Floating/use-delayed-hover.mjs";
import { Overlay } from "./components/Overlay/Overlay.mjs";
import { Portal } from "./components/Portal/Portal.mjs";
import { OptionalPortal } from "./components/Portal/OptionalPortal.mjs";
import { transitions } from "./components/Transition/transitions.mjs";
import { Transition } from "./components/Transition/Transition.mjs";
import { getTransitionProps } from "./components/Transition/get-transition-props/get-transition-props.mjs";
import { usePopoverContext } from "./components/Popover/Popover.context.mjs";
import { FocusTrap, FocusTrapInitialFocus } from "./components/FocusTrap/FocusTrap.mjs";
import { PopoverDropdown } from "./components/Popover/PopoverDropdown/PopoverDropdown.mjs";
import { PopoverTarget } from "./components/Popover/PopoverTarget/PopoverTarget.mjs";
import { Popover } from "./components/Popover/Popover.mjs";
import { Loader, defaultLoaders } from "./components/Loader/Loader.mjs";
import { ActionIconGroup } from "./components/ActionIcon/ActionIconGroup/ActionIconGroup.mjs";
import { ActionIconGroupSection } from "./components/ActionIcon/ActionIconGroupSection/ActionIconGroupSection.mjs";
import { ActionIcon } from "./components/ActionIcon/ActionIcon.mjs";
import { CloseIcon } from "./components/CloseButton/CloseIcon.mjs";
import { CloseButton } from "./components/CloseButton/CloseButton.mjs";
import { Group } from "./components/Group/Group.mjs";
import { ModalBase } from "./components/ModalBase/ModalBase.mjs";
import { ModalBaseBody } from "./components/ModalBase/ModalBaseBody.mjs";
import { ModalBaseCloseButton } from "./components/ModalBase/ModalBaseCloseButton.mjs";
import { ModalBaseContent } from "./components/ModalBase/ModalBaseContent.mjs";
import { ModalBaseHeader } from "./components/ModalBase/ModalBaseHeader.mjs";
import { ModalBaseOverlay } from "./components/ModalBase/ModalBaseOverlay.mjs";
import { ModalBaseTitle } from "./components/ModalBase/ModalBaseTitle.mjs";
import { NativeScrollArea } from "./components/ModalBase/NativeScrollArea.mjs";
import { InputClearButton } from "./components/Input/InputClearButton/InputClearButton.mjs";
import { InputClearSection } from "./components/Input/InputClearSection/InputClearSection.mjs";
import { InputWrapperContext } from "./components/Input/InputWrapper.context.mjs";
import { InputDescription } from "./components/Input/InputDescription/InputDescription.mjs";
import { InputError } from "./components/Input/InputError/InputError.mjs";
import { InputLabel } from "./components/Input/InputLabel/InputLabel.mjs";
import { InputPlaceholder } from "./components/Input/InputPlaceholder/InputPlaceholder.mjs";
import { InputWrapper } from "./components/Input/InputWrapper/InputWrapper.mjs";
import { Input } from "./components/Input/Input.mjs";
import { useInputProps } from "./components/Input/use-input-props.mjs";
import { InputBase } from "./components/InputBase/InputBase.mjs";
import { FLEX_STYLE_PROPS_DATA } from "./components/Flex/flex-props.mjs";
import { Flex } from "./components/Flex/Flex.mjs";
import { FloatingIndicator } from "./components/FloatingIndicator/FloatingIndicator.mjs";
import { useAccordionContext } from "./components/Accordion/Accordion.context.mjs";
import { AccordionChevron } from "./components/Accordion/AccordionChevron.mjs";
import { useAccordionItemContext } from "./components/Accordion/AccordionItem.context.mjs";
import { AccordionControl } from "./components/Accordion/AccordionControl/AccordionControl.mjs";
import { AccordionItem } from "./components/Accordion/AccordionItem/AccordionItem.mjs";
import { AccordionPanel } from "./components/Accordion/AccordionPanel/AccordionPanel.mjs";
import { Accordion } from "./components/Accordion/Accordion.mjs";
import { Affix } from "./components/Affix/Affix.mjs";
import { Alert } from "./components/Alert/Alert.mjs";
import { Text } from "./components/Text/Text.mjs";
import { Anchor } from "./components/Anchor/Anchor.mjs";
import { AngleSlider } from "./components/AngleSlider/AngleSlider.mjs";
import { useAppShellContext } from "./components/AppShell/AppShell.context.mjs";
import { AppShellAside } from "./components/AppShell/AppShellAside/AppShellAside.mjs";
import { AppShellFooter } from "./components/AppShell/AppShellFooter/AppShellFooter.mjs";
import { AppShellHeader } from "./components/AppShell/AppShellHeader/AppShellHeader.mjs";
import { AppShellMain } from "./components/AppShell/AppShellMain/AppShellMain.mjs";
import { AppShellNavbar } from "./components/AppShell/AppShellNavbar/AppShellNavbar.mjs";
import { AppShellSection } from "./components/AppShell/AppShellSection/AppShellSection.mjs";
import { AppShell } from "./components/AppShell/AppShell.mjs";
import { AspectRatio } from "./components/AspectRatio/AspectRatio.mjs";
import { getParsedComboboxData } from "./components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.mjs";
import { getOptionsLockup } from "./components/Combobox/get-options-lockup/get-options-lockup.mjs";
import { ComboboxChevron } from "./components/Combobox/ComboboxChevron/ComboboxChevron.mjs";
import { useComboboxContext } from "./components/Combobox/Combobox.context.mjs";
import { ComboboxClearButton } from "./components/Combobox/ComboboxClearButton/ComboboxClearButton.mjs";
import { ComboboxDropdown } from "./components/Combobox/ComboboxDropdown/ComboboxDropdown.mjs";
import { ComboboxDropdownTarget } from "./components/Combobox/ComboboxDropdownTarget/ComboboxDropdownTarget.mjs";
import { ComboboxEmpty } from "./components/Combobox/ComboboxEmpty/ComboboxEmpty.mjs";
import { useComboboxTargetProps } from "./components/Combobox/use-combobox-target-props/use-combobox-target-props.mjs";
import { ComboboxEventsTarget } from "./components/Combobox/ComboboxEventsTarget/ComboboxEventsTarget.mjs";
import { ComboboxFooter } from "./components/Combobox/ComboboxFooter/ComboboxFooter.mjs";
import { ComboboxGroup } from "./components/Combobox/ComboboxGroup/ComboboxGroup.mjs";
import { ComboboxHeader } from "./components/Combobox/ComboboxHeader/ComboboxHeader.mjs";
import { ComboboxHiddenInput } from "./components/Combobox/ComboboxHiddenInput/ComboboxHiddenInput.mjs";
import { ComboboxOption } from "./components/Combobox/ComboboxOption/ComboboxOption.mjs";
import { ComboboxOptions } from "./components/Combobox/ComboboxOptions/ComboboxOptions.mjs";
import { ComboboxSearch } from "./components/Combobox/ComboboxSearch/ComboboxSearch.mjs";
import { ComboboxTarget } from "./components/Combobox/ComboboxTarget/ComboboxTarget.mjs";
import { useCombobox } from "./components/Combobox/use-combobox/use-combobox.mjs";
import { Combobox } from "./components/Combobox/Combobox.mjs";
import { CheckboxGroup, CheckboxGroupContext } from "./components/Checkbox/CheckboxGroup/CheckboxGroup.mjs";
import { CheckboxCard, CheckboxCardContext } from "./components/Checkbox/CheckboxCard/CheckboxCard.mjs";
import { CheckIcon } from "./components/Checkbox/CheckIcon.mjs";
import { CheckboxIndicator } from "./components/Checkbox/CheckboxIndicator/CheckboxIndicator.mjs";
import { Checkbox } from "./components/Checkbox/Checkbox.mjs";
import { isOptionsGroup } from "./components/Combobox/OptionsDropdown/is-options-group.mjs";
import { defaultOptionsFilter } from "./components/Combobox/OptionsDropdown/default-options-filter.mjs";
import { OptionsDropdown } from "./components/Combobox/OptionsDropdown/OptionsDropdown.mjs";
import { useVirtualizedCombobox } from "./components/Combobox/use-combobox/use-virtualized-combobox.mjs";
import { Autocomplete } from "./components/Autocomplete/Autocomplete.mjs";
import { AvatarGroup, AvatarGroupContext } from "./components/Avatar/AvatarGroup/AvatarGroup.mjs";
import { Avatar } from "./components/Avatar/Avatar.mjs";
import { BackgroundImage } from "./components/BackgroundImage/BackgroundImage.mjs";
import { Badge } from "./components/Badge/Badge.mjs";
import { Blockquote } from "./components/Blockquote/Blockquote.mjs";
import { Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs.mjs";
import { Burger } from "./components/Burger/Burger.mjs";
import { ButtonGroup } from "./components/Button/ButtonGroup/ButtonGroup.mjs";
import { ButtonGroupSection } from "./components/Button/ButtonGroupSection/ButtonGroupSection.mjs";
import { Button } from "./components/Button/Button.mjs";
import { CardSection } from "./components/Card/CardSection/CardSection.mjs";
import { Card } from "./components/Card/Card.mjs";
import { Center } from "./components/Center/Center.mjs";
import { ChipGroup, ChipGroupContext } from "./components/Chip/ChipGroup/ChipGroup.mjs";
import { Chip } from "./components/Chip/Chip.mjs";
import { Code } from "./components/Code/Code.mjs";
import { ColorSwatch } from "./components/ColorSwatch/ColorSwatch.mjs";
import { isColorValid, parseColor } from "./components/ColorPicker/converters/parsers.mjs";
import { AlphaSlider } from "./components/ColorPicker/AlphaSlider/AlphaSlider.mjs";
import { convertHsvaTo } from "./components/ColorPicker/converters/converters.mjs";
import { HueSlider } from "./components/ColorPicker/HueSlider/HueSlider.mjs";
import { ColorPicker } from "./components/ColorPicker/ColorPicker.mjs";
import { ColorInput } from "./components/ColorInput/ColorInput.mjs";
import { Container } from "./components/Container/Container.mjs";
import { CopyButton } from "./components/CopyButton/CopyButton.mjs";
import { Dialog } from "./components/Dialog/Dialog.mjs";
import { Divider } from "./components/Divider/Divider.mjs";
import { useDrawerContext } from "./components/Drawer/Drawer.context.mjs";
import { DrawerBody } from "./components/Drawer/DrawerBody.mjs";
import { DrawerCloseButton } from "./components/Drawer/DrawerCloseButton.mjs";
import { DrawerContent } from "./components/Drawer/DrawerContent.mjs";
import { DrawerHeader } from "./components/Drawer/DrawerHeader.mjs";
import { DrawerOverlay } from "./components/Drawer/DrawerOverlay.mjs";
import { DrawerRoot } from "./components/Drawer/DrawerRoot.mjs";
import { DrawerStack, DrawerStackContext } from "./components/Drawer/DrawerStack.mjs";
import { DrawerTitle } from "./components/Drawer/DrawerTitle.mjs";
import { Drawer } from "./components/Drawer/Drawer.mjs";
import { Fieldset } from "./components/Fieldset/Fieldset.mjs";
import { FileButton } from "./components/FileButton/FileButton.mjs";
import { FileInput } from "./components/FileInput/FileInput.mjs";
import { FloatingWindow } from "./components/FloatingWindow/FloatingWindow.mjs";
import { useGridContext } from "./components/Grid/Grid.context.mjs";
import { GridCol } from "./components/Grid/GridCol/GridCol.mjs";
import { Grid } from "./components/Grid/Grid.mjs";
import { Mark } from "./components/Mark/Mark.mjs";
import { Highlight } from "./components/Highlight/Highlight.mjs";
import { useHoverCardContext } from "./components/HoverCard/HoverCard.context.mjs";
import { HoverCardGroup, HoverCardGroupContext } from "./components/HoverCard/HoverCardGroup/HoverCardGroup.mjs";
import { HoverCardDropdown } from "./components/HoverCard/HoverCardDropdown/HoverCardDropdown.mjs";
import { HoverCardTarget } from "./components/HoverCard/HoverCardTarget/HoverCardTarget.mjs";
import { HoverCard } from "./components/HoverCard/HoverCard.mjs";
import { Image } from "./components/Image/Image.mjs";
import { Indicator } from "./components/Indicator/Indicator.mjs";
import { Textarea } from "./components/Textarea/Textarea.mjs";
import { JsonInput } from "./components/JsonInput/JsonInput.mjs";
import { Kbd } from "./components/Kbd/Kbd.mjs";
import { useListContext } from "./components/List/List.context.mjs";
import { ListItem } from "./components/List/ListItem/ListItem.mjs";
import { List } from "./components/List/List.mjs";
import { LoadingOverlay } from "./components/LoadingOverlay/LoadingOverlay.mjs";
import { Marquee } from "./components/Marquee/Marquee.mjs";
import { useMenuContext } from "./components/Menu/Menu.context.mjs";
import { MenuDivider } from "./components/Menu/MenuDivider/MenuDivider.mjs";
import { MenuDropdown } from "./components/Menu/MenuDropdown/MenuDropdown.mjs";
import { MenuItem } from "./components/Menu/MenuItem/MenuItem.mjs";
import { MenuLabel } from "./components/Menu/MenuLabel/MenuLabel.mjs";
import { MenuSubDropdown } from "./components/Menu/MenuSubDropdown/MenuSubDropdown.mjs";
import { MenuSubItem } from "./components/Menu/MenuSubItem/MenuSubItem.mjs";
import { MenuSubTarget } from "./components/Menu/MenuSubTarget/MenuSubTarget.mjs";
import { MenuSub } from "./components/Menu/MenuSub/MenuSub.mjs";
import { MenuTarget } from "./components/Menu/MenuTarget/MenuTarget.mjs";
import { Menu } from "./components/Menu/Menu.mjs";
import { useModalContext } from "./components/Modal/Modal.context.mjs";
import { ModalBody } from "./components/Modal/ModalBody.mjs";
import { ModalCloseButton } from "./components/Modal/ModalCloseButton.mjs";
import { ModalContent } from "./components/Modal/ModalContent.mjs";
import { ModalHeader } from "./components/Modal/ModalHeader.mjs";
import { ModalOverlay } from "./components/Modal/ModalOverlay.mjs";
import { ModalRoot } from "./components/Modal/ModalRoot.mjs";
import { ModalStack, ModalStackContext } from "./components/Modal/ModalStack.mjs";
import { ModalTitle } from "./components/Modal/ModalTitle.mjs";
import { Modal } from "./components/Modal/Modal.mjs";
import { useDrawersStack, useModalsStack } from "./components/Modal/use-modals-stack.mjs";
import { PillsInputContext } from "./components/PillsInput/PillsInput.context.mjs";
import { PillGroup } from "./components/Pill/PillGroup/PillGroup.mjs";
import { Pill } from "./components/Pill/Pill.mjs";
import { PillsInputField } from "./components/PillsInput/PillsInputField/PillsInputField.mjs";
import { PillsInput } from "./components/PillsInput/PillsInput.mjs";
import { MultiSelect } from "./components/MultiSelect/MultiSelect.mjs";
import { NativeSelect } from "./components/NativeSelect/NativeSelect.mjs";
import { NavLink } from "./components/NavLink/NavLink.mjs";
import { Notification } from "./components/Notification/Notification.mjs";
import { NumberFormatter } from "./components/NumberFormatter/NumberFormatter.mjs";
import { NumberInput } from "./components/NumberInput/NumberInput.mjs";
import { OverflowList } from "./components/OverflowList/OverflowList.mjs";
import { usePaginationContext } from "./components/Pagination/Pagination.context.mjs";
import { PaginationControl } from "./components/Pagination/PaginationControl/PaginationControl.mjs";
import { PaginationDots } from "./components/Pagination/PaginationDots/PaginationDots.mjs";
import { PaginationFirst, PaginationLast, PaginationNext, PaginationPrevious } from "./components/Pagination/PaginationEdges/PaginationEdges.mjs";
import { PaginationItems } from "./components/Pagination/PaginationItems/PaginationItems.mjs";
import { PaginationRoot } from "./components/Pagination/PaginationRoot/PaginationRoot.mjs";
import { Pagination } from "./components/Pagination/Pagination.mjs";
import { PasswordInput } from "./components/PasswordInput/PasswordInput.mjs";
import { PinInput } from "./components/PinInput/PinInput.mjs";
import { useProgressContext } from "./components/Progress/Progress.context.mjs";
import { ProgressLabel } from "./components/Progress/ProgressLabel/ProgressLabel.mjs";
import { ProgressRoot } from "./components/Progress/ProgressRoot/ProgressRoot.mjs";
import { ProgressSection } from "./components/Progress/ProgressSection/ProgressSection.mjs";
import { Progress } from "./components/Progress/Progress.mjs";
import { RadioGroup, RadioGroupContext } from "./components/Radio/RadioGroup/RadioGroup.mjs";
import { RadioCard, RadioCardContext } from "./components/Radio/RadioCard/RadioCard.mjs";
import { RadioIcon } from "./components/Radio/RadioIcon.mjs";
import { RadioIndicator } from "./components/Radio/RadioIndicator/RadioIndicator.mjs";
import { Radio } from "./components/Radio/Radio.mjs";
import { Rating } from "./components/Rating/Rating.mjs";
import { TooltipFloating } from "./components/Tooltip/TooltipFloating/TooltipFloating.mjs";
import { TooltipGroup, TooltipGroupContext } from "./components/Tooltip/TooltipGroup/TooltipGroup.mjs";
import { Tooltip } from "./components/Tooltip/Tooltip.mjs";
import { RingProgress } from "./components/RingProgress/RingProgress.mjs";
import { Scroller } from "./components/Scroller/Scroller.mjs";
import { SegmentedControl } from "./components/SegmentedControl/SegmentedControl.mjs";
import { Select } from "./components/Select/Select.mjs";
import { SemiCircleProgress } from "./components/SemiCircleProgress/SemiCircleProgress.mjs";
import { SimpleGrid } from "./components/SimpleGrid/SimpleGrid.mjs";
import { Skeleton } from "./components/Skeleton/Skeleton.mjs";
import { Slider } from "./components/Slider/Slider/Slider.mjs";
import { RangeSlider } from "./components/Slider/RangeSlider/RangeSlider.mjs";
import { Space } from "./components/Space/Space.mjs";
import { Spoiler } from "./components/Spoiler/Spoiler.mjs";
import { Stack } from "./components/Stack/Stack.mjs";
import { useStepperContext } from "./components/Stepper/Stepper.context.mjs";
import { StepperCompleted } from "./components/Stepper/StepperCompleted/StepperCompleted.mjs";
import { StepperStep } from "./components/Stepper/StepperStep/StepperStep.mjs";
import { Stepper } from "./components/Stepper/Stepper.mjs";
import { SwitchGroup, SwitchGroupContext } from "./components/Switch/SwitchGroup/SwitchGroup.mjs";
import { Switch } from "./components/Switch/Switch.mjs";
import { useTableContext } from "./components/Table/Table.context.mjs";
import { TableCaption, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr } from "./components/Table/Table.components.mjs";
import { TableScrollContainer } from "./components/Table/TableScrollContainer.mjs";
import { Table } from "./components/Table/Table.mjs";
import { TableOfContents } from "./components/TableOfContents/TableOfContents.mjs";
import { useTabsContext } from "./components/Tabs/Tabs.context.mjs";
import { TabsList } from "./components/Tabs/TabsList/TabsList.mjs";
import { TabsPanel } from "./components/Tabs/TabsPanel/TabsPanel.mjs";
import { TabsTab } from "./components/Tabs/TabsTab/TabsTab.mjs";
import { Tabs } from "./components/Tabs/Tabs.mjs";
import { TagsInput } from "./components/TagsInput/TagsInput.mjs";
import { TextInput } from "./components/TextInput/TextInput.mjs";
import { ThemeIcon } from "./components/ThemeIcon/ThemeIcon.mjs";
import { TimelineItem } from "./components/Timeline/TimelineItem/TimelineItem.mjs";
import { Timeline } from "./components/Timeline/Timeline.mjs";
import { Title } from "./components/Title/Title.mjs";
import { getTreeExpandedState, useTree } from "./components/Tree/use-tree.mjs";
import { Tree } from "./components/Tree/Tree.mjs";
import { Typography } from "./components/Typography/Typography.mjs";
import { RemoveScroll } from "react-remove-scroll";
export { Accordion, AccordionChevron, AccordionControl, AccordionItem, AccordionPanel, ActionIcon, ActionIconGroup, ActionIconGroupSection, Affix, Alert, AlphaSlider, Anchor, AngleSlider, AppShell, AppShellAside, AppShellFooter, AppShellHeader, AppShellMain, AppShellNavbar, AppShellSection, AspectRatio, Autocomplete, Avatar, AvatarGroup, AvatarGroupContext, BackgroundImage, Badge, Blockquote, Box, Breadcrumbs, Burger, Button, ButtonGroup, ButtonGroupSection, Card, CardSection, Center, CheckIcon, Checkbox, CheckboxCard, CheckboxCardContext, CheckboxGroup, CheckboxGroupContext, CheckboxIndicator, Chip, ChipGroup, ChipGroupContext, CloseButton, CloseIcon, Code, Collapse, ColorInput, ColorPicker, ColorSchemeScript, ColorSwatch, Combobox, ComboboxChevron, ComboboxClearButton, ComboboxDropdown, ComboboxDropdownTarget, ComboboxEmpty, ComboboxEventsTarget, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxHiddenInput, ComboboxOption, ComboboxOptions, ComboboxSearch, ComboboxTarget, Container, CopyButton, DEFAULT_THEME, Dialog, DirectionContext, DirectionProvider, Divider, Drawer, DrawerBody, DrawerCloseButton, DrawerContent, DrawerHeader, DrawerOverlay, DrawerRoot, DrawerStack, DrawerStackContext, DrawerTitle, FLEX_STYLE_PROPS_DATA, FOCUS_CLASS_NAMES, Fieldset, FileButton, FileInput, Flex, FloatingArrow, FloatingIndicator, FloatingWindow, FocusTrap, FocusTrapInitialFocus, Grid, GridCol, Group, HeadlessMantineProvider, Highlight, HoverCard, HoverCardDropdown, HoverCardGroup, HoverCardGroupContext, HoverCardTarget, HueSlider, Image, Indicator, InlineStyles, Input, InputBase, InputClearButton, InputClearSection, InputDescription, InputError, InputLabel, InputPlaceholder, InputWrapper, InputWrapperContext, JsonInput, Kbd, List, ListItem, Loader, LoadingOverlay, transitions as MANTINE_TRANSITIONS, MantineContext, MantineProvider, MantineThemeContext, MantineThemeProvider, Mark, Marquee, Menu, MenuDivider, MenuDropdown, MenuItem, MenuLabel, MenuSub, MenuSubDropdown, MenuSubItem, MenuSubTarget, MenuTarget, Modal, ModalBase, ModalBaseBody, ModalBaseCloseButton, ModalBaseContent, ModalBaseHeader, ModalBaseOverlay, ModalBaseTitle, ModalBody, ModalCloseButton, ModalContent, ModalHeader, ModalOverlay, ModalRoot, ModalStack, ModalStackContext, ModalTitle, MultiSelect, NativeScrollArea, NativeSelect, NavLink, Notification, NumberFormatter, NumberInput, OptionalPortal, OptionsDropdown, OverflowList, Overlay, Pagination, PaginationControl, PaginationDots, PaginationFirst, PaginationItems, PaginationLast, PaginationNext, PaginationPrevious, PaginationRoot, Paper, PasswordInput, Pill, PillGroup, PillsInput, PillsInputContext, PillsInputField, PinInput, Popover, PopoverDropdown, PopoverTarget, Portal, Progress, ProgressLabel, ProgressRoot, ProgressSection, Radio, RadioCard, RadioCardContext, RadioGroup, RadioGroupContext, RadioIcon, RadioIndicator, RangeSlider, Rating, RemoveScroll, RingProgress, STYlE_PROPS_DATA, ScrollArea, ScrollAreaAutosize, Scroller, SegmentedControl, Select, SemiCircleProgress, SimpleGrid, Skeleton, Slider, Space, Spoiler, Stack, Stepper, StepperCompleted, StepperStep, Switch, SwitchGroup, SwitchGroupContext, Table, TableCaption, TableOfContents, TableScrollContainer, TableTbody, TableTd, TableTfoot, TableTh, TableThead, TableTr, Tabs, TabsList, TabsPanel, TabsTab, TagsInput, Text, TextInput, Textarea, ThemeIcon, Timeline, TimelineItem, Title, Tooltip, TooltipFloating, TooltipGroup, TooltipGroupContext, Transition, Tree, Typography, UnstyledButton, VisuallyHidden, alpha, camelToKebabCase, closeOnEscape, colorsTuple, convertCssVariables, convertHsvaTo, createEventHandler, createPolymorphicComponent, createSafeContext, createScopedKeydownHandler, createTheme, createUseExternalEvents, createVarsResolver, darken, deepMerge, defaultCssVariablesResolver, defaultLoaders, defaultOptionsFilter, defaultVariantColorsResolver, em, extractStyleProps, factory, filterProps, findClosestNumber, findElementAncestor, findElementBySelector, findElementsBySelector, genericFactory, getAutoContrastValue, getBaseValue, getBreakpointValue, getCSSColorVariables, getContextItemIndex, getContrastColor, getDefaultZIndex, getEnv, getFloatingPosition, getFontSize, getGradient, getLineHeight, getOptionsLockup, getParsedComboboxData, getPrimaryContrastColor, getPrimaryShade, getRadius, getRefProp, getRootElement, getSafeId, getShadow, getSingleElementChild, getSize, getSortedBreakpoints, getSpacing, getStyleObject, getThemeColor, getTransitionProps, getTreeExpandedState, isColorValid, isElement, isLightColor, isMantineColorScheme, isNumberLike, isOptionsGroup, isPrimitive, isVirtualColor, keys, lighten, localStorageColorSchemeManager, luminance, mantineHtmlProps, memoize, mergeMantineTheme, mergeThemeOverrides, noop, parseColor, parseStyleProps, parseThemeColor, polymorphic, polymorphicFactory, px, rem, resolveClassNames, resolveStyles, rgba, stylesToString, toRgba, useAccordionContext, useAccordionItemContext, useAppShellContext, useCombobox, useComboboxContext, useComboboxTargetProps, useComputedColorScheme, useDelayedHover, useDirection, useDrawerContext, useDrawersStack, useGridContext, useHoverCardContext, useHovered, useInputProps, useListContext, useMantineClassNamesPrefix, useMantineColorScheme, useMantineContext, useMantineCssVariablesResolver, useMantineEnv, useMantineIsHeadless, useMantineStyleNonce, useMantineStylesTransform, useMantineSxTransform, useMantineTheme, useMantineWithStaticClasses, useMatches, useMenuContext, useModalContext, useModalsStack, usePaginationContext, usePopoverContext, useProgressContext, useProps, useProviderColorScheme, useRandomClassName, useResolvedStylesApi, useSafeMantineTheme, useScrollAreaContext, useStepperContext, useStyles, useTableContext, useTabsContext, useTree, useVirtualizedCombobox, v8CssVariablesResolver, validateMantineTheme, virtualColor };