@mantine/core 7.0.0-alpha.17 → 7.0.0-alpha.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Accordion/Accordion.module.css.js +1 -1
- package/cjs/components/ActionIcon/ActionIcon.js +1 -1
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.module.css.js +1 -1
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +7 -6
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
- package/cjs/components/Affix/Affix.js.map +1 -1
- package/cjs/components/Affix/Affix.module.css.js +1 -1
- package/cjs/components/Alert/Alert.module.css.js +1 -1
- package/cjs/components/Anchor/Anchor.module.css.js +1 -1
- package/cjs/components/AppShell/AppShell.context.js +13 -0
- package/cjs/components/AppShell/AppShell.context.js.map +1 -0
- package/cjs/components/AppShell/AppShell.js +146 -0
- package/cjs/components/AppShell/AppShell.js.map +1 -0
- package/cjs/components/AppShell/AppShell.module.css.js +8 -0
- package/cjs/components/AppShell/AppShell.module.css.js.map +1 -0
- package/cjs/components/AppShell/AppShellAside/AppShellAside.js +72 -0
- package/cjs/components/AppShell/AppShellAside/AppShellAside.js.map +1 -0
- package/cjs/components/AppShell/AppShellFooter/AppShellFooter.js +71 -0
- package/cjs/components/AppShell/AppShellFooter/AppShellFooter.js.map +1 -0
- package/cjs/components/AppShell/AppShellHeader/AppShellHeader.js +71 -0
- package/cjs/components/AppShell/AppShellHeader/AppShellHeader.js.map +1 -0
- package/cjs/components/AppShell/AppShellMain/AppShellMain.js +61 -0
- package/cjs/components/AppShell/AppShellMain/AppShellMain.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.js +29 -0
- package/cjs/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js +64 -0
- package/cjs/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.js +51 -0
- package/cjs/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.js +51 -0
- package/cjs/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js +64 -0
- package/cjs/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.js +33 -0
- package/cjs/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.js +13 -0
- package/cjs/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js +19 -0
- package/cjs/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.js +12 -0
- package/cjs/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js +17 -0
- package/cjs/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js +48 -0
- package/cjs/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.js +11 -0
- package/cjs/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.js.map +1 -0
- package/cjs/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.js +16 -0
- package/cjs/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.js.map +1 -0
- package/cjs/components/AppShell/AppShellNavbar/AppShellNavbar.js +72 -0
- package/cjs/components/AppShell/AppShellNavbar/AppShellNavbar.js.map +1 -0
- package/cjs/components/AppShell/AppShellSection/AppShellSection.js +61 -0
- package/cjs/components/AppShell/AppShellSection/AppShellSection.js.map +1 -0
- package/cjs/components/AppShell/use-resizing/use-resizing.js +26 -0
- package/cjs/components/AppShell/use-resizing/use-resizing.js.map +1 -0
- package/cjs/components/AspectRatio/AspectRatio.js.map +1 -1
- package/cjs/components/AspectRatio/AspectRatio.module.css.js +1 -1
- package/cjs/components/Avatar/Avatar.module.css.js +1 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js +8 -7
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/cjs/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/cjs/components/BackgroundImage/BackgroundImage.module.css.js +1 -1
- package/cjs/components/Badge/Badge.module.css.js +1 -1
- package/cjs/components/Blockquote/Blockquote.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.module.css.js +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.module.css.js +1 -1
- package/cjs/components/Burger/Burger.js.map +1 -1
- package/cjs/components/Burger/Burger.module.css.js +1 -1
- package/cjs/components/Button/Button.js +7 -10
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.module.css.js +1 -1
- package/cjs/components/Button/ButtonGroup/ButtonGroup.js +7 -6
- package/cjs/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
- package/cjs/components/Center/Center.js.map +1 -1
- package/cjs/components/Center/Center.module.css.js +1 -1
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.module.css.js +1 -1
- package/cjs/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/cjs/components/Code/Code.js.map +1 -1
- package/cjs/components/Code/Code.module.css.js +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.module.css.js +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/cjs/components/ColorSwatch/ColorSwatch.module.css.js +1 -1
- package/cjs/components/Combobox/Combobox.module.css.js +1 -1
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js +7 -6
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
- package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.js +6 -4
- package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.js.map +1 -1
- package/cjs/components/Combobox/OptionsDropdown/validate-options.js +34 -0
- package/cjs/components/Combobox/OptionsDropdown/validate-options.js.map +1 -0
- package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js +3 -0
- package/cjs/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js.map +1 -1
- package/cjs/components/Container/Container.js.map +1 -1
- package/cjs/components/Container/Container.module.css.js +1 -1
- package/cjs/components/Divider/Divider.module.css.js +1 -1
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/Drawer.module.css.js +1 -1
- package/cjs/components/Drawer/DrawerRoot.js.map +1 -1
- package/cjs/components/Fieldset/Fieldset.module.css.js +1 -1
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Group/Group.module.css.js +1 -1
- package/cjs/components/InlineInput/InlineInput.module.css.js +1 -1
- package/cjs/components/Input/Input.js +8 -5
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Input/Input.module.css.js +1 -1
- package/cjs/components/Input/InputDescription/InputDescription.js +3 -3
- package/cjs/components/Input/InputDescription/InputDescription.js.map +1 -1
- package/cjs/components/Input/InputError/InputError.js +3 -3
- package/cjs/components/Input/InputError/InputError.js.map +1 -1
- package/cjs/components/Input/InputLabel/InputLabel.js +3 -3
- package/cjs/components/Input/InputLabel/InputLabel.js.map +1 -1
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js +3 -3
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.js +3 -3
- package/cjs/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/Kbd/Kbd.js.map +1 -1
- package/cjs/components/Kbd/Kbd.module.css.js +1 -1
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/Loader/Loader.module.css.js +1 -1
- package/cjs/components/Loader/loaders/Bars.js +2 -2
- package/cjs/components/Loader/loaders/Bars.js.map +1 -1
- package/cjs/components/Loader/loaders/Dots.js +2 -2
- package/cjs/components/Loader/loaders/Dots.js.map +1 -1
- package/cjs/components/Loader/loaders/Oval.js +2 -2
- package/cjs/components/Loader/loaders/Oval.js.map +1 -1
- package/cjs/components/Mark/Mark.js.map +1 -1
- package/cjs/components/Mark/Mark.module.css.js +1 -1
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.module.css.js +1 -1
- package/cjs/components/Modal/ModalRoot.js.map +1 -1
- package/cjs/components/ModalBase/ModalBase.module.css.js +1 -1
- package/cjs/components/MultiSelect/MultiSelect.js +5 -2
- package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.module.css.js +1 -1
- package/cjs/components/Overlay/Overlay.js.map +1 -1
- package/cjs/components/Overlay/Overlay.module.css.js +1 -1
- package/cjs/components/Pagination/Pagination.context.js +13 -0
- package/cjs/components/Pagination/Pagination.context.js.map +1 -0
- package/cjs/components/Pagination/Pagination.icons.js +93 -0
- package/cjs/components/Pagination/Pagination.icons.js.map +1 -0
- package/cjs/components/Pagination/Pagination.js +96 -0
- package/cjs/components/Pagination/Pagination.js.map +1 -0
- package/cjs/components/Pagination/Pagination.module.css.js +8 -0
- package/cjs/components/Pagination/Pagination.module.css.js.map +1 -0
- package/cjs/components/Pagination/PaginationControl/PaginationControl.js +85 -0
- package/cjs/components/Pagination/PaginationControl/PaginationControl.js.map +1 -0
- package/cjs/components/Pagination/PaginationDots/PaginationDots.js +67 -0
- package/cjs/components/Pagination/PaginationDots/PaginationDots.js.map +1 -0
- package/cjs/components/Pagination/PaginationEdges/PaginationEdges.js +103 -0
- package/cjs/components/Pagination/PaginationEdges/PaginationEdges.js.map +1 -0
- package/cjs/components/Pagination/PaginationItems/PaginationItems.js +54 -0
- package/cjs/components/Pagination/PaginationItems/PaginationItems.js.map +1 -0
- package/cjs/components/Pagination/PaginationRoot/PaginationRoot.js +158 -0
- package/cjs/components/Pagination/PaginationRoot/PaginationRoot.js.map +1 -0
- package/cjs/components/Paper/Paper.js.map +1 -1
- package/cjs/components/Paper/Paper.module.css.js +1 -1
- package/cjs/components/Pill/Pill.module.css.js +1 -1
- package/cjs/components/Pill/PillGroup/PillGroup.js +7 -6
- package/cjs/components/Pill/PillGroup/PillGroup.js.map +1 -1
- package/cjs/components/{Pill/PillGroup/PillGroup.module.css.js → PillsInput/PillsInput.module.css.js} +2 -2
- package/cjs/components/PillsInput/PillsInput.module.css.js.map +1 -0
- package/cjs/components/PillsInput/PillsInputField/PillsInputField.js +6 -5
- package/cjs/components/PillsInput/PillsInputField/PillsInputField.js.map +1 -1
- package/cjs/components/Popover/Popover.module.css.js +1 -1
- package/cjs/components/ScrollArea/ScrollArea.js.map +1 -1
- package/cjs/components/ScrollArea/ScrollArea.module.css.js +1 -1
- package/cjs/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.module.css.js +1 -1
- package/cjs/components/Select/Select.js +8 -0
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Skeleton/Skeleton.js +112 -0
- package/cjs/components/Skeleton/Skeleton.js.map +1 -0
- package/cjs/components/Skeleton/Skeleton.module.css.js +8 -0
- package/cjs/components/Skeleton/Skeleton.module.css.js.map +1 -0
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js +1 -1
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/Slider.context.js.map +1 -1
- package/cjs/components/Slider/Slider.module.css.js +1 -1
- package/cjs/components/Stack/Stack.js.map +1 -1
- package/cjs/components/Stack/Stack.module.css.js +1 -1
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/Switch.module.css.js +1 -1
- package/cjs/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/Table.module.css.js +1 -1
- package/cjs/components/Tabs/Tabs.module.css.js +1 -1
- package/cjs/components/TagsInput/TagsInput.js +5 -2
- package/cjs/components/TagsInput/TagsInput.js.map +1 -1
- package/cjs/components/Text/Text.module.css.js +1 -1
- package/cjs/components/Title/Title.js.map +1 -1
- package/cjs/components/Title/Title.module.css.js +1 -1
- package/cjs/components/Tooltip/Tooltip.module.css.js +1 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/cjs/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js +1 -1
- package/cjs/components/UnstyledButton/UnstyledButton.module.css.js +1 -1
- package/cjs/components/VisuallyHidden/VisuallyHidden.module.css.js +1 -1
- package/cjs/core/Box/Box.js +6 -2
- package/cjs/core/Box/Box.js.map +1 -1
- package/cjs/core/Box/style-props/extract-style-props/extract-style-props.js +9 -3
- package/cjs/core/Box/style-props/extract-style-props/extract-style-props.js.map +1 -1
- package/cjs/core/Box/style-props/parse-style-props/parse-style-props.js +3 -0
- package/cjs/core/Box/style-props/parse-style-props/parse-style-props.js.map +1 -1
- package/cjs/core/MantineProvider/Mantine.context.js.map +1 -1
- package/cjs/core/MantineProvider/MantineClasses/MantineClasses.js +38 -0
- package/cjs/core/MantineProvider/MantineClasses/MantineClasses.js.map +1 -0
- package/cjs/core/MantineProvider/MantineProvider.js +4 -2
- package/cjs/core/MantineProvider/MantineProvider.js.map +1 -1
- package/cjs/core/utils/create-event-handler/create-event-handler.js +13 -0
- package/cjs/core/utils/create-event-handler/create-event-handler.js.map +1 -0
- package/cjs/index.css +1261 -964
- package/cjs/index.js +33 -0
- package/cjs/index.js.map +1 -1
- package/esm/components/Accordion/Accordion.module.css.js +1 -1
- package/esm/components/ActionIcon/ActionIcon.js +1 -1
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.module.css.js +1 -1
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js +5 -4
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.js.map +1 -1
- package/esm/components/Affix/Affix.js.map +1 -1
- package/esm/components/Affix/Affix.module.css.js +1 -1
- package/esm/components/Alert/Alert.module.css.js +1 -1
- package/esm/components/Anchor/Anchor.module.css.js +1 -1
- package/esm/components/AppShell/AppShell.context.js +8 -0
- package/esm/components/AppShell/AppShell.context.js.map +1 -0
- package/esm/components/AppShell/AppShell.js +138 -0
- package/esm/components/AppShell/AppShell.js.map +1 -0
- package/esm/components/AppShell/AppShell.module.css.js +4 -0
- package/esm/components/AppShell/AppShell.module.css.js.map +1 -0
- package/esm/components/AppShell/AppShellAside/AppShellAside.js +64 -0
- package/esm/components/AppShell/AppShellAside/AppShellAside.js.map +1 -0
- package/esm/components/AppShell/AppShellFooter/AppShellFooter.js +63 -0
- package/esm/components/AppShell/AppShellFooter/AppShellFooter.js.map +1 -0
- package/esm/components/AppShell/AppShellHeader/AppShellHeader.js +63 -0
- package/esm/components/AppShell/AppShellHeader/AppShellHeader.js.map +1 -0
- package/esm/components/AppShell/AppShellMain/AppShellMain.js +53 -0
- package/esm/components/AppShell/AppShellMain/AppShellMain.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.js +21 -0
- package/esm/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js +60 -0
- package/esm/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.js +47 -0
- package/esm/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.js +47 -0
- package/esm/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js +60 -0
- package/esm/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.js +29 -0
- package/esm/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.js +9 -0
- package/esm/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js +15 -0
- package/esm/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.js +8 -0
- package/esm/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js +13 -0
- package/esm/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js +44 -0
- package/esm/components/AppShell/AppShellMediaStyles/get-variables/get-variables.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.js +7 -0
- package/esm/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.js.map +1 -0
- package/esm/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.js +12 -0
- package/esm/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.js.map +1 -0
- package/esm/components/AppShell/AppShellNavbar/AppShellNavbar.js +64 -0
- package/esm/components/AppShell/AppShellNavbar/AppShellNavbar.js.map +1 -0
- package/esm/components/AppShell/AppShellSection/AppShellSection.js +53 -0
- package/esm/components/AppShell/AppShellSection/AppShellSection.js.map +1 -0
- package/esm/components/AppShell/use-resizing/use-resizing.js +22 -0
- package/esm/components/AppShell/use-resizing/use-resizing.js.map +1 -0
- package/esm/components/AspectRatio/AspectRatio.js.map +1 -1
- package/esm/components/AspectRatio/AspectRatio.module.css.js +1 -1
- package/esm/components/Avatar/Avatar.module.css.js +1 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js +6 -5
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.js.map +1 -1
- package/esm/components/BackgroundImage/BackgroundImage.js.map +1 -1
- package/esm/components/BackgroundImage/BackgroundImage.module.css.js +1 -1
- package/esm/components/Badge/Badge.module.css.js +1 -1
- package/esm/components/Blockquote/Blockquote.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.module.css.js +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.module.css.js +1 -1
- package/esm/components/Burger/Burger.js.map +1 -1
- package/esm/components/Burger/Burger.module.css.js +1 -1
- package/esm/components/Button/Button.js +7 -10
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/Button.module.css.js +1 -1
- package/esm/components/Button/ButtonGroup/ButtonGroup.js +5 -4
- package/esm/components/Button/ButtonGroup/ButtonGroup.js.map +1 -1
- package/esm/components/Center/Center.js.map +1 -1
- package/esm/components/Center/Center.module.css.js +1 -1
- package/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.module.css.js +1 -1
- package/esm/components/Checkbox/CheckboxGroup/CheckboxGroup.js.map +1 -1
- package/esm/components/Code/Code.js.map +1 -1
- package/esm/components/Code/Code.module.css.js +1 -1
- package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.module.css.js +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.js.map +1 -1
- package/esm/components/ColorSwatch/ColorSwatch.module.css.js +1 -1
- package/esm/components/Combobox/Combobox.module.css.js +1 -1
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js +5 -4
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.js.map +1 -1
- package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.js +6 -4
- package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.js.map +1 -1
- package/esm/components/Combobox/OptionsDropdown/validate-options.js +30 -0
- package/esm/components/Combobox/OptionsDropdown/validate-options.js.map +1 -0
- package/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js +3 -0
- package/esm/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.js.map +1 -1
- package/esm/components/Container/Container.js.map +1 -1
- package/esm/components/Container/Container.module.css.js +1 -1
- package/esm/components/Divider/Divider.module.css.js +1 -1
- package/esm/components/Drawer/Drawer.js.map +1 -1
- package/esm/components/Drawer/Drawer.module.css.js +1 -1
- package/esm/components/Drawer/DrawerRoot.js.map +1 -1
- package/esm/components/Fieldset/Fieldset.module.css.js +1 -1
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Group/Group.module.css.js +1 -1
- package/esm/components/InlineInput/InlineInput.module.css.js +1 -1
- package/esm/components/Input/Input.js +8 -5
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/Input/Input.module.css.js +1 -1
- package/esm/components/Input/InputDescription/InputDescription.js +1 -1
- package/esm/components/Input/InputDescription/InputDescription.js.map +1 -1
- package/esm/components/Input/InputError/InputError.js +1 -1
- package/esm/components/Input/InputError/InputError.js.map +1 -1
- package/esm/components/Input/InputLabel/InputLabel.js +1 -1
- package/esm/components/Input/InputLabel/InputLabel.js.map +1 -1
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.js +1 -1
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.js.map +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.js +1 -1
- package/esm/components/Input/InputWrapper/InputWrapper.js.map +1 -1
- package/esm/components/Kbd/Kbd.js.map +1 -1
- package/esm/components/Kbd/Kbd.module.css.js +1 -1
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/Loader/Loader.module.css.js +1 -1
- package/esm/components/Loader/loaders/Bars.js +2 -2
- package/esm/components/Loader/loaders/Bars.js.map +1 -1
- package/esm/components/Loader/loaders/Dots.js +2 -2
- package/esm/components/Loader/loaders/Dots.js.map +1 -1
- package/esm/components/Loader/loaders/Oval.js +2 -2
- package/esm/components/Loader/loaders/Oval.js.map +1 -1
- package/esm/components/Mark/Mark.js.map +1 -1
- package/esm/components/Mark/Mark.module.css.js +1 -1
- package/esm/components/Modal/Modal.js.map +1 -1
- package/esm/components/Modal/Modal.module.css.js +1 -1
- package/esm/components/Modal/ModalRoot.js.map +1 -1
- package/esm/components/ModalBase/ModalBase.module.css.js +1 -1
- package/esm/components/MultiSelect/MultiSelect.js +5 -2
- package/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/esm/components/Notification/Notification.js.map +1 -1
- package/esm/components/Notification/Notification.module.css.js +1 -1
- package/esm/components/Overlay/Overlay.js.map +1 -1
- package/esm/components/Overlay/Overlay.module.css.js +1 -1
- package/esm/components/Pagination/Pagination.context.js +8 -0
- package/esm/components/Pagination/Pagination.context.js.map +1 -0
- package/esm/components/Pagination/Pagination.icons.js +81 -0
- package/esm/components/Pagination/Pagination.icons.js.map +1 -0
- package/esm/components/Pagination/Pagination.js +88 -0
- package/esm/components/Pagination/Pagination.js.map +1 -0
- package/esm/components/Pagination/Pagination.module.css.js +4 -0
- package/esm/components/Pagination/Pagination.module.css.js.map +1 -0
- package/esm/components/Pagination/PaginationControl/PaginationControl.js +77 -0
- package/esm/components/Pagination/PaginationControl/PaginationControl.js.map +1 -0
- package/esm/components/Pagination/PaginationDots/PaginationDots.js +59 -0
- package/esm/components/Pagination/PaginationDots/PaginationDots.js.map +1 -0
- package/esm/components/Pagination/PaginationEdges/PaginationEdges.js +91 -0
- package/esm/components/Pagination/PaginationEdges/PaginationEdges.js.map +1 -0
- package/esm/components/Pagination/PaginationItems/PaginationItems.js +46 -0
- package/esm/components/Pagination/PaginationItems/PaginationItems.js.map +1 -0
- package/esm/components/Pagination/PaginationRoot/PaginationRoot.js +150 -0
- package/esm/components/Pagination/PaginationRoot/PaginationRoot.js.map +1 -0
- package/esm/components/Paper/Paper.js.map +1 -1
- package/esm/components/Paper/Paper.module.css.js +1 -1
- package/esm/components/Pill/Pill.module.css.js +1 -1
- package/esm/components/Pill/PillGroup/PillGroup.js +5 -4
- package/esm/components/Pill/PillGroup/PillGroup.js.map +1 -1
- package/esm/components/PillsInput/PillsInput.module.css.js +4 -0
- package/esm/components/PillsInput/PillsInput.module.css.js.map +1 -0
- package/esm/components/PillsInput/PillsInputField/PillsInputField.js +4 -3
- package/esm/components/PillsInput/PillsInputField/PillsInputField.js.map +1 -1
- package/esm/components/Popover/Popover.module.css.js +1 -1
- package/esm/components/ScrollArea/ScrollArea.js.map +1 -1
- package/esm/components/ScrollArea/ScrollArea.module.css.js +1 -1
- package/esm/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.module.css.js +1 -1
- package/esm/components/Select/Select.js +8 -0
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Skeleton/Skeleton.js +104 -0
- package/esm/components/Skeleton/Skeleton.js.map +1 -0
- package/esm/components/Skeleton/Skeleton.module.css.js +4 -0
- package/esm/components/Skeleton/Skeleton.module.css.js.map +1 -0
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js +1 -1
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/Slider.context.js.map +1 -1
- package/esm/components/Slider/Slider.module.css.js +1 -1
- package/esm/components/Stack/Stack.js.map +1 -1
- package/esm/components/Stack/Stack.module.css.js +1 -1
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Switch/Switch.module.css.js +1 -1
- package/esm/components/Switch/SwitchGroup/SwitchGroup.js.map +1 -1
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Table/Table.module.css.js +1 -1
- package/esm/components/Tabs/Tabs.module.css.js +1 -1
- package/esm/components/TagsInput/TagsInput.js +5 -2
- package/esm/components/TagsInput/TagsInput.js.map +1 -1
- package/esm/components/Text/Text.module.css.js +1 -1
- package/esm/components/Title/Title.js.map +1 -1
- package/esm/components/Title/Title.module.css.js +1 -1
- package/esm/components/Tooltip/Tooltip.module.css.js +1 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.js.map +1 -1
- package/esm/components/TypographyStylesProvider/TypographyStylesProvider.module.css.js +1 -1
- package/esm/components/UnstyledButton/UnstyledButton.module.css.js +1 -1
- package/esm/components/VisuallyHidden/VisuallyHidden.module.css.js +1 -1
- package/esm/core/Box/Box.js +6 -2
- package/esm/core/Box/Box.js.map +1 -1
- package/esm/core/Box/style-props/extract-style-props/extract-style-props.js +9 -3
- package/esm/core/Box/style-props/extract-style-props/extract-style-props.js.map +1 -1
- package/esm/core/Box/style-props/parse-style-props/parse-style-props.js +3 -0
- package/esm/core/Box/style-props/parse-style-props/parse-style-props.js.map +1 -1
- package/esm/core/MantineProvider/Mantine.context.js.map +1 -1
- package/esm/core/MantineProvider/MantineClasses/MantineClasses.js +30 -0
- package/esm/core/MantineProvider/MantineClasses/MantineClasses.js.map +1 -0
- package/esm/core/MantineProvider/MantineProvider.js +4 -2
- package/esm/core/MantineProvider/MantineProvider.js.map +1 -1
- package/esm/core/utils/create-event-handler/create-event-handler.js +9 -0
- package/esm/core/utils/create-event-handler/create-event-handler.js.map +1 -0
- package/esm/index.css +1261 -964
- package/esm/index.js +15 -0
- package/esm/index.js.map +1 -1
- package/esm/styles/Accordion.css +1 -0
- package/esm/styles/ActionIcon.css +1 -0
- package/esm/styles/Affix.css +1 -0
- package/esm/styles/Alert.css +1 -0
- package/esm/styles/Anchor.css +1 -0
- package/esm/styles/AppShell.css +7 -0
- package/esm/styles/AspectRatio.css +1 -0
- package/esm/styles/Avatar.css +1 -0
- package/esm/styles/BackgroundImage.css +1 -0
- package/esm/styles/Badge.css +1 -0
- package/esm/styles/Blockquote.css +1 -0
- package/esm/styles/Breadcrumbs.css +1 -0
- package/esm/styles/Burger.css +1 -0
- package/esm/styles/Button.css +1 -0
- package/esm/styles/Center.css +1 -0
- package/esm/styles/Checkbox.css +1 -0
- package/esm/styles/Code.css +1 -0
- package/esm/styles/ColorPicker.css +1 -0
- package/esm/styles/ColorSwatch.css +1 -0
- package/esm/styles/Combobox.css +1 -0
- package/esm/styles/Container.css +1 -0
- package/esm/styles/Divider.css +1 -0
- package/esm/styles/Drawer.css +1 -0
- package/esm/styles/Fieldset.css +1 -0
- package/esm/styles/Group.css +1 -0
- package/esm/styles/InlineInput.css +1 -0
- package/esm/styles/Input.css +3 -0
- package/esm/styles/Kbd.css +1 -0
- package/esm/styles/Loader.css +1 -0
- package/esm/styles/Mark.css +1 -0
- package/esm/styles/Modal.css +1 -0
- package/esm/styles/ModalBase.css +1 -0
- package/esm/styles/Notification.css +1 -0
- package/esm/styles/Overlay.css +1 -0
- package/esm/styles/Pagination.css +1 -0
- package/esm/styles/Paper.css +1 -0
- package/esm/styles/Pill.css +1 -0
- package/esm/styles/PillsInput.css +1 -0
- package/esm/styles/Popover.css +1 -0
- package/esm/styles/ScrollArea.css +1 -0
- package/esm/styles/SegmentedControl.css +1 -0
- package/esm/styles/Skeleton.css +1 -0
- package/esm/styles/Slider.css +1 -0
- package/esm/styles/Stack.css +1 -0
- package/esm/styles/Switch.css +1 -0
- package/esm/styles/Table.css +1 -0
- package/esm/styles/Tabs.css +1 -0
- package/esm/styles/Text.css +1 -0
- package/esm/styles/Title.css +1 -0
- package/esm/styles/Tooltip.css +1 -0
- package/esm/styles/TypographyStylesProvider.css +1 -0
- package/esm/styles/UnstyledButton.css +1 -0
- package/esm/styles/VisuallyHidden.css +1 -0
- package/esm/styles/global.css +1 -0
- package/lib/components/ActionIcon/ActionIconGroup/ActionIconGroup.d.ts +2 -5
- package/lib/components/Affix/Affix.d.ts +0 -3
- package/lib/components/Affix/index.d.ts +1 -1
- package/lib/components/AppShell/AppShell.context.d.ts +13 -0
- package/lib/components/AppShell/AppShell.d.ts +96 -0
- package/lib/components/AppShell/AppShellAside/AppShellAside.d.ts +19 -0
- package/lib/components/AppShell/AppShellFooter/AppShellFooter.d.ts +27 -0
- package/lib/components/AppShell/AppShellHeader/AppShellHeader.d.ts +27 -0
- package/lib/components/AppShell/AppShellMain/AppShellMain.d.ts +16 -0
- package/lib/components/AppShell/AppShellMediaStyles/AppShellMediaStyles.d.ts +11 -0
- package/lib/components/AppShell/AppShellMediaStyles/assign-aside-variables/assign-aside-variables.d.ts +12 -0
- package/lib/components/AppShell/AppShellMediaStyles/assign-footer-variables/assign-footer-variables.d.ts +9 -0
- package/lib/components/AppShell/AppShellMediaStyles/assign-header-variables/assign-header-variables.d.ts +9 -0
- package/lib/components/AppShell/AppShellMediaStyles/assign-header-variables.d.ts +12 -0
- package/lib/components/AppShell/AppShellMediaStyles/assign-navbar-variables/assign-navbar-variables.d.ts +12 -0
- package/lib/components/AppShell/AppShellMediaStyles/assign-navbar-variables.d.ts +12 -0
- package/lib/components/AppShell/AppShellMediaStyles/assign-padding-variables/assign-padding-variables.d.ts +9 -0
- package/lib/components/AppShell/AppShellMediaStyles/get-base-size/get-base-size.d.ts +2 -0
- package/lib/components/AppShell/AppShellMediaStyles/get-base-size.d.ts +2 -0
- package/lib/components/AppShell/AppShellMediaStyles/get-breakpoint-value/get-breakpoint-value.d.ts +2 -0
- package/lib/components/AppShell/AppShellMediaStyles/get-breakpoint-value.d.ts +2 -0
- package/lib/components/AppShell/AppShellMediaStyles/get-padding-value/get-padding-value.d.ts +1 -0
- package/lib/components/AppShell/AppShellMediaStyles/get-padding-value.d.ts +1 -0
- package/lib/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints/get-sorted-breakpoints.d.ts +5 -0
- package/lib/components/AppShell/AppShellMediaStyles/get-sorted-breakpoints.d.ts +5 -0
- package/lib/components/AppShell/AppShellMediaStyles/get-variables/get-variables.d.ts +20 -0
- package/lib/components/AppShell/AppShellMediaStyles/is-primitive-size/is-primitive-size.d.ts +2 -0
- package/lib/components/AppShell/AppShellMediaStyles/is-primitive-size.d.ts +2 -0
- package/lib/components/AppShell/AppShellMediaStyles/is-responsive-size/is-responsive-size.d.ts +2 -0
- package/lib/components/AppShell/AppShellMediaStyles/is-responsive-size.d.ts +2 -0
- package/lib/components/AppShell/AppShellNavbar/AppShellNavbar.d.ts +19 -0
- package/lib/components/AppShell/AppShellSection/AppShellSection.d.ts +33 -0
- package/lib/components/AppShell/index.d.ts +14 -0
- package/lib/components/AppShell/use-resizing/use-resizing.d.ts +6 -0
- package/lib/components/AspectRatio/AspectRatio.d.ts +0 -3
- package/lib/components/AspectRatio/index.d.ts +1 -1
- package/lib/components/Avatar/AvatarGroup/AvatarGroup.d.ts +2 -5
- package/lib/components/Avatar/index.d.ts +1 -1
- package/lib/components/BackgroundImage/BackgroundImage.d.ts +0 -4
- package/lib/components/BackgroundImage/index.d.ts +1 -1
- package/lib/components/Blockquote/Blockquote.d.ts +0 -3
- package/lib/components/Blockquote/index.d.ts +1 -1
- package/lib/components/Breadcrumbs/Breadcrumbs.d.ts +0 -3
- package/lib/components/Breadcrumbs/index.d.ts +1 -1
- package/lib/components/Burger/Burger.d.ts +0 -3
- package/lib/components/Burger/index.d.ts +1 -1
- package/lib/components/Button/ButtonGroup/ButtonGroup.d.ts +2 -5
- package/lib/components/Center/Center.d.ts +0 -4
- package/lib/components/Center/index.d.ts +1 -1
- package/lib/components/Checkbox/Checkbox.d.ts +0 -3
- package/lib/components/Checkbox/CheckboxGroup/CheckboxGroup.d.ts +0 -1
- package/lib/components/Checkbox/index.d.ts +2 -2
- package/lib/components/Code/Code.d.ts +0 -3
- package/lib/components/Code/index.d.ts +1 -1
- package/lib/components/ColorPicker/ColorPicker.d.ts +0 -3
- package/lib/components/ColorPicker/index.d.ts +1 -1
- package/lib/components/ColorSwatch/ColorSwatch.d.ts +0 -5
- package/lib/components/ColorSwatch/index.d.ts +1 -1
- package/lib/components/Combobox/Combobox.d.ts +1 -1
- package/lib/components/Combobox/ComboboxChevron/ComboboxChevron.d.ts +2 -2
- package/lib/components/Combobox/OptionsDropdown/validate-options.d.ts +1 -0
- package/lib/components/Container/Container.d.ts +0 -3
- package/lib/components/Container/index.d.ts +1 -1
- package/lib/components/Drawer/Drawer.d.ts +0 -3
- package/lib/components/Drawer/DrawerRoot.d.ts +0 -3
- package/lib/components/Drawer/index.d.ts +1 -1
- package/lib/components/Group/Group.d.ts +0 -3
- package/lib/components/Group/index.d.ts +1 -1
- package/lib/components/Input/Input.d.ts +2 -0
- package/lib/components/Input/InputDescription/InputDescription.d.ts +0 -3
- package/lib/components/Input/InputError/InputError.d.ts +0 -3
- package/lib/components/Input/InputLabel/InputLabel.d.ts +0 -3
- package/lib/components/Input/InputPlaceholder/InputPlaceholder.d.ts +0 -3
- package/lib/components/Input/index.d.ts +4 -4
- package/lib/components/Input/use-input-props.d.ts +46 -46
- package/lib/components/InputBase/InputBase.d.ts +1 -1
- package/lib/components/Kbd/Kbd.d.ts +0 -3
- package/lib/components/Kbd/index.d.ts +1 -1
- package/lib/components/Loader/Loader.d.ts +0 -1
- package/lib/components/Mark/Mark.d.ts +0 -1
- package/lib/components/Modal/Modal.d.ts +0 -3
- package/lib/components/Modal/ModalRoot.d.ts +0 -3
- package/lib/components/Modal/index.d.ts +1 -1
- package/lib/components/Notification/Notification.d.ts +0 -3
- package/lib/components/Notification/index.d.ts +1 -1
- package/lib/components/Overlay/Overlay.d.ts +0 -4
- package/lib/components/Overlay/index.d.ts +1 -1
- package/lib/components/Pagination/Pagination.context.d.ts +21 -0
- package/lib/components/Pagination/Pagination.d.ts +61 -0
- package/lib/components/Pagination/Pagination.icons.d.ts +12 -0
- package/lib/components/Pagination/PaginationControl/PaginationControl.d.ts +20 -0
- package/lib/components/Pagination/PaginationDots/PaginationDots.d.ts +20 -0
- package/lib/components/Pagination/PaginationEdges/PaginationEdges.d.ts +47 -0
- package/lib/components/Pagination/PaginationItems/PaginationItems.d.ts +10 -0
- package/lib/components/Pagination/PaginationRoot/PaginationRoot.d.ts +49 -0
- package/lib/components/Pagination/index.d.ts +12 -0
- package/lib/components/Paper/Paper.d.ts +0 -1
- package/lib/components/Paper/index.d.ts +1 -1
- package/lib/components/Pill/PillGroup/PillGroup.d.ts +2 -2
- package/lib/components/PillsInput/PillsInputField/PillsInputField.d.ts +1 -1
- package/lib/components/ScrollArea/ScrollArea.d.ts +0 -1
- package/lib/components/ScrollArea/ScrollAreaRoot/ScrollAreaRoot.d.ts +0 -1
- package/lib/components/ScrollArea/index.d.ts +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.d.ts +0 -1
- package/lib/components/SegmentedControl/index.d.ts +1 -1
- package/lib/components/Skeleton/Skeleton.d.ts +32 -0
- package/lib/components/Skeleton/index.d.ts +2 -0
- package/lib/components/Slider/RangeSlider/RangeSlider.d.ts +1 -3
- package/lib/components/Slider/Slider/Slider.d.ts +1 -3
- package/lib/components/Slider/Slider.context.d.ts +0 -1
- package/lib/components/Slider/index.d.ts +1 -1
- package/lib/components/Stack/Stack.d.ts +0 -3
- package/lib/components/Stack/index.d.ts +1 -1
- package/lib/components/Switch/Switch.d.ts +0 -3
- package/lib/components/Switch/SwitchGroup/SwitchGroup.d.ts +0 -1
- package/lib/components/Switch/index.d.ts +2 -2
- package/lib/components/Table/Table.d.ts +0 -1
- package/lib/components/Table/index.d.ts +1 -1
- package/lib/components/Title/Title.d.ts +0 -3
- package/lib/components/Title/index.d.ts +1 -1
- package/lib/components/Tooltip/Tooltip.types.d.ts +0 -1
- package/lib/components/Tooltip/index.d.ts +1 -1
- package/lib/components/TypographyStylesProvider/TypographyStylesProvider.d.ts +0 -3
- package/lib/components/TypographyStylesProvider/index.d.ts +1 -1
- package/lib/components/index.d.ts +3 -0
- package/lib/core/Box/Box.d.ts +6 -1
- package/lib/core/MantineProvider/Mantine.context.d.ts +1 -0
- package/lib/core/MantineProvider/MantineClasses/MantineClasses.d.ts +2 -0
- package/lib/core/MantineProvider/MantineClasses/index.d.ts +1 -0
- package/lib/core/MantineProvider/MantineProvider.d.ts +1 -3
- package/lib/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.d.ts +1 -1
- package/lib/core/utils/create-event-handler/create-event-handler.d.ts +3 -0
- package/lib/core/utils/index.d.ts +1 -0
- package/package.json +5 -5
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js +0 -8
- package/cjs/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js.map +0 -1
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.module.css.js +0 -8
- package/cjs/components/Avatar/AvatarGroup/AvatarGroup.module.css.js.map +0 -1
- package/cjs/components/Button/ButtonGroup/ButtonGroup.module.css.js +0 -8
- package/cjs/components/Button/ButtonGroup/ButtonGroup.module.css.js.map +0 -1
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js +0 -8
- package/cjs/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js.map +0 -1
- package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.module.css.js +0 -8
- package/cjs/components/Combobox/OptionsDropdown/OptionsDropdown.module.css.js.map +0 -1
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.module.css.js +0 -8
- package/cjs/components/Input/InputPlaceholder/InputPlaceholder.module.css.js.map +0 -1
- package/cjs/components/Input/InputWrapper/InputWrapper.module.css.js +0 -8
- package/cjs/components/Input/InputWrapper/InputWrapper.module.css.js.map +0 -1
- package/cjs/components/Loader/loaders/Bars.module.css.js +0 -8
- package/cjs/components/Loader/loaders/Bars.module.css.js.map +0 -1
- package/cjs/components/Loader/loaders/Dots.module.css.js +0 -8
- package/cjs/components/Loader/loaders/Dots.module.css.js.map +0 -1
- package/cjs/components/Loader/loaders/Oval.module.css.js +0 -8
- package/cjs/components/Loader/loaders/Oval.module.css.js.map +0 -1
- package/cjs/components/Pill/PillGroup/PillGroup.module.css.js.map +0 -1
- package/cjs/components/PillsInput/PillsInputField/PillsInputField.module.css.js +0 -8
- package/cjs/components/PillsInput/PillsInputField/PillsInputField.module.css.js.map +0 -1
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js +0 -4
- package/esm/components/ActionIcon/ActionIconGroup/ActionIconGroup.module.css.js.map +0 -1
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.module.css.js +0 -4
- package/esm/components/Avatar/AvatarGroup/AvatarGroup.module.css.js.map +0 -1
- package/esm/components/Button/ButtonGroup/ButtonGroup.module.css.js +0 -4
- package/esm/components/Button/ButtonGroup/ButtonGroup.module.css.js.map +0 -1
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js +0 -4
- package/esm/components/Combobox/ComboboxChevron/ComboboxChevron.module.css.js.map +0 -1
- package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.module.css.js +0 -4
- package/esm/components/Combobox/OptionsDropdown/OptionsDropdown.module.css.js.map +0 -1
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.module.css.js +0 -4
- package/esm/components/Input/InputPlaceholder/InputPlaceholder.module.css.js.map +0 -1
- package/esm/components/Input/InputWrapper/InputWrapper.module.css.js +0 -4
- package/esm/components/Input/InputWrapper/InputWrapper.module.css.js.map +0 -1
- package/esm/components/Loader/loaders/Bars.module.css.js +0 -4
- package/esm/components/Loader/loaders/Bars.module.css.js.map +0 -1
- package/esm/components/Loader/loaders/Dots.module.css.js +0 -4
- package/esm/components/Loader/loaders/Dots.module.css.js.map +0 -1
- package/esm/components/Loader/loaders/Oval.module.css.js +0 -4
- package/esm/components/Loader/loaders/Oval.module.css.js.map +0 -1
- package/esm/components/Pill/PillGroup/PillGroup.module.css.js +0 -4
- package/esm/components/Pill/PillGroup/PillGroup.module.css.js.map +0 -1
- package/esm/components/PillsInput/PillsInputField/PillsInputField.module.css.js +0 -4
- package/esm/components/PillsInput/PillsInputField/PillsInputField.module.css.js.map +0 -1
|
@@ -8,7 +8,8 @@ var Combobox = require('../Combobox.js');
|
|
|
8
8
|
var defaultOptionsFilter = require('./default-options-filter.js');
|
|
9
9
|
var isEmptyComboboxData = require('./is-empty-combobox-data.js');
|
|
10
10
|
var isOptionsGroup = require('./is-options-group.js');
|
|
11
|
-
var
|
|
11
|
+
var validateOptions = require('./validate-options.js');
|
|
12
|
+
var Combobox_module = require('../Combobox.module.css.js');
|
|
12
13
|
var CheckIcon = require('../../Checkbox/CheckIcon.js');
|
|
13
14
|
|
|
14
15
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
@@ -20,13 +21,13 @@ function isValueChecked(value, optionValue) {
|
|
|
20
21
|
}
|
|
21
22
|
function Option({ data, withCheckIcon, value, checkIconPosition }) {
|
|
22
23
|
if (!isOptionsGroup.isOptionsGroup(data)) {
|
|
23
|
-
const check = withCheckIcon && isValueChecked(value, data.value) && /* @__PURE__ */ React__default.createElement(CheckIcon.CheckIcon, { className:
|
|
24
|
+
const check = withCheckIcon && isValueChecked(value, data.value) && /* @__PURE__ */ React__default.createElement(CheckIcon.CheckIcon, { className: Combobox_module['default'].optionsDropdownCheckIcon });
|
|
24
25
|
return /* @__PURE__ */ React__default.createElement(
|
|
25
26
|
Combobox.Combobox.Option,
|
|
26
27
|
{
|
|
27
28
|
value: data.value,
|
|
28
29
|
disabled: data.disabled,
|
|
29
|
-
className:
|
|
30
|
+
className: Combobox_module['default'].optionsDropdownOption,
|
|
30
31
|
"data-reverse": checkIconPosition === "right" || void 0,
|
|
31
32
|
"data-checked": isValueChecked(value, data.value) || void 0
|
|
32
33
|
},
|
|
@@ -53,6 +54,7 @@ function OptionsDropdown({
|
|
|
53
54
|
checkIconPosition,
|
|
54
55
|
nothingFoundMessage
|
|
55
56
|
}) {
|
|
57
|
+
validateOptions.validateOptions(data);
|
|
56
58
|
const shouldFilter = typeof search === "string";
|
|
57
59
|
const filteredData = shouldFilter ? (filter || defaultOptionsFilter.defaultOptionsFilter)({
|
|
58
60
|
options: data,
|
|
@@ -77,7 +79,7 @@ function OptionsDropdown({
|
|
|
77
79
|
type: "scroll",
|
|
78
80
|
scrollbarSize: "var(--combobox-padding)",
|
|
79
81
|
offsetScrollbars: "y",
|
|
80
|
-
className:
|
|
82
|
+
className: Combobox_module['default'].optionsDropdownScrollArea
|
|
81
83
|
},
|
|
82
84
|
options
|
|
83
85
|
) : options, isEmpty && nothingFoundMessage && /* @__PURE__ */ React__default.createElement(Combobox.Combobox.Empty, null, nothingFoundMessage)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionsDropdown.js","sources":["../../../../src/components/Combobox/OptionsDropdown/OptionsDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { CheckIcon } from '../../Checkbox';\nimport { Combobox } from '../Combobox';\nimport { ComboboxItem, ComboboxParsedItem } from '../Combobox.types';\nimport { defaultOptionsFilter, FilterOptionsInput } from './default-options-filter';\nimport { isEmptyComboboxData } from './is-empty-combobox-data';\nimport { isOptionsGroup } from './is-options-group';\nimport classes from '
|
|
1
|
+
{"version":3,"file":"OptionsDropdown.js","sources":["../../../../src/components/Combobox/OptionsDropdown/OptionsDropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollArea } from '../../ScrollArea/ScrollArea';\nimport { CheckIcon } from '../../Checkbox';\nimport { Combobox } from '../Combobox';\nimport { ComboboxItem, ComboboxParsedItem } from '../Combobox.types';\nimport { defaultOptionsFilter, FilterOptionsInput } from './default-options-filter';\nimport { isEmptyComboboxData } from './is-empty-combobox-data';\nimport { isOptionsGroup } from './is-options-group';\nimport { validateOptions } from './validate-options';\nimport classes from '../Combobox.module.css';\n\nexport type OptionsFilter = (input: FilterOptionsInput) => ComboboxParsedItem[];\n\nexport interface OptionsGroup {\n group: string;\n items: ComboboxItem[];\n}\n\nexport type OptionsData = (ComboboxItem | OptionsGroup)[];\n\ninterface OptionProps {\n data: ComboboxItem | OptionsGroup;\n withCheckIcon?: boolean;\n value?: string | string[] | null;\n checkIconPosition?: 'left' | 'right';\n}\n\nfunction isValueChecked(value: string | string[] | undefined | null, optionValue: string) {\n return Array.isArray(value) ? value.includes(optionValue) : value === optionValue;\n}\n\nfunction Option({ data, withCheckIcon, value, checkIconPosition }: OptionProps) {\n if (!isOptionsGroup(data)) {\n const check = withCheckIcon && isValueChecked(value, data.value) && (\n <CheckIcon className={classes.optionsDropdownCheckIcon} />\n );\n return (\n <Combobox.Option\n value={data.value}\n disabled={data.disabled}\n className={classes.optionsDropdownOption}\n data-reverse={checkIconPosition === 'right' || undefined}\n data-checked={isValueChecked(value, data.value) || undefined}\n >\n {checkIconPosition === 'left' && check}\n {data.label}\n {checkIconPosition === 'right' && check}\n </Combobox.Option>\n );\n }\n\n const options = data.items.map((item) => <Option data={item} key={item.value} />);\n return <Combobox.Group label={data.group}>{options}</Combobox.Group>;\n}\n\nexport interface OptionsDropdownProps {\n data: OptionsData;\n filter: OptionsFilter | undefined;\n search: string | undefined;\n limit: number | undefined;\n withScrollArea: boolean | undefined;\n maxDropdownHeight: number | string | undefined;\n hidden?: boolean;\n hiddenWhenEmpty?: boolean;\n filterOptions?: boolean;\n withCheckIcon?: boolean;\n value?: string | string[] | null;\n checkIconPosition?: 'left' | 'right';\n nothingFoundMessage?: React.ReactNode;\n}\n\nexport function OptionsDropdown({\n data,\n hidden,\n hiddenWhenEmpty,\n filter,\n search,\n limit,\n maxDropdownHeight,\n withScrollArea = true,\n filterOptions = true,\n withCheckIcon = false,\n value,\n checkIconPosition,\n nothingFoundMessage,\n}: OptionsDropdownProps) {\n validateOptions(data);\n\n const shouldFilter = typeof search === 'string';\n const filteredData = shouldFilter\n ? (filter || defaultOptionsFilter)({\n options: data,\n search: filterOptions ? search : '',\n limit: limit ?? Infinity,\n })\n : data;\n const isEmpty = isEmptyComboboxData(filteredData);\n\n const options = filteredData.map((item) => (\n <Option\n data={item}\n key={isOptionsGroup(item) ? item.group : item.value}\n withCheckIcon={withCheckIcon}\n value={value}\n checkIconPosition={checkIconPosition}\n />\n ));\n\n return (\n <Combobox.Dropdown hidden={hidden || (hiddenWhenEmpty && isEmpty)}>\n <Combobox.Options>\n {withScrollArea ? (\n <ScrollArea.Autosize\n mah={maxDropdownHeight ?? 220}\n type=\"scroll\"\n scrollbarSize=\"var(--combobox-padding)\"\n offsetScrollbars=\"y\"\n className={classes.optionsDropdownScrollArea}\n >\n {options}\n </ScrollArea.Autosize>\n ) : (\n options\n )}\n {isEmpty && nothingFoundMessage && <Combobox.Empty>{nothingFoundMessage}</Combobox.Empty>}\n </Combobox.Options>\n </Combobox.Dropdown>\n );\n}\n"],"names":["isOptionsGroup","React","CheckIcon","classes","Combobox","validateOptions","defaultOptionsFilter","isEmptyComboboxData","ScrollArea"],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var isOptionsGroup = require('./is-options-group.js');
|
|
6
|
+
|
|
7
|
+
function validateOptions(options, valuesSet = /* @__PURE__ */ new Set()) {
|
|
8
|
+
if (!Array.isArray(options)) {
|
|
9
|
+
return;
|
|
10
|
+
}
|
|
11
|
+
for (const option of options) {
|
|
12
|
+
if (isOptionsGroup.isOptionsGroup(option)) {
|
|
13
|
+
validateOptions(option.items, valuesSet);
|
|
14
|
+
} else {
|
|
15
|
+
if (typeof option.value === "undefined") {
|
|
16
|
+
throw new Error("[@mantine/core] Each option must have value property");
|
|
17
|
+
}
|
|
18
|
+
if (typeof option.value !== "string") {
|
|
19
|
+
throw new Error(
|
|
20
|
+
`[@mantine/core] Option value must be a string, other data formats are not supported, got ${typeof option.value}`
|
|
21
|
+
);
|
|
22
|
+
}
|
|
23
|
+
if (valuesSet.has(option.value)) {
|
|
24
|
+
throw new Error(
|
|
25
|
+
`[@mantine/core] Duplicate options are not supported. Option with value "${option.value}" was provided more than once`
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
valuesSet.add(option.value);
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
exports.validateOptions = validateOptions;
|
|
34
|
+
//# sourceMappingURL=validate-options.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"validate-options.js","sources":["../../../../src/components/Combobox/OptionsDropdown/validate-options.ts"],"sourcesContent":["import { isOptionsGroup } from './is-options-group';\n\nexport function validateOptions(options: any[], valuesSet = new Set()) {\n if (!Array.isArray(options)) {\n return;\n }\n\n for (const option of options) {\n if (isOptionsGroup(option)) {\n validateOptions(option.items, valuesSet);\n } else {\n if (typeof option.value === 'undefined') {\n throw new Error('[@mantine/core] Each option must have value property');\n }\n\n if (typeof option.value !== 'string') {\n throw new Error(\n `[@mantine/core] Option value must be a string, other data formats are not supported, got ${typeof option.value}`\n );\n }\n\n if (valuesSet.has(option.value)) {\n throw new Error(\n `[@mantine/core] Duplicate options are not supported. Option with value \"${option.value}\" was provided more than once`\n );\n }\n\n valuesSet.add(option.value);\n }\n }\n}\n"],"names":["isOptionsGroup"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,OAAO,EAAE,SAAS,mBAAmB,IAAI,GAAG,EAAE,EAAE;AAChF,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;AAC/B,IAAI,OAAO;AACX,GAAG;AACH,EAAE,KAAK,MAAM,MAAM,IAAI,OAAO,EAAE;AAChC,IAAI,IAAIA,6BAAc,CAAC,MAAM,CAAC,EAAE;AAChC,MAAM,eAAe,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAC/C,KAAK,MAAM;AACX,MAAM,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,WAAW,EAAE;AAC/C,QAAQ,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;AAChF,OAAO;AACP,MAAM,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;AAC5C,QAAQ,MAAM,IAAI,KAAK;AACvB,UAAU,CAAC,yFAAyF,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AAC3H,SAAS,CAAC;AACV,OAAO;AACP,MAAM,IAAI,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE;AACvC,QAAQ,MAAM,IAAI,KAAK;AACvB,UAAU,CAAC,wEAAwE,EAAE,MAAM,CAAC,KAAK,CAAC,6BAA6B,CAAC;AAChI,SAAS,CAAC;AACV,OAAO;AACP,MAAM,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAClC,KAAK;AACL,GAAG;AACH;;;;"}
|
|
@@ -6,6 +6,9 @@ function parseItem(item) {
|
|
|
6
6
|
if (typeof item === "string") {
|
|
7
7
|
return { value: item, label: item };
|
|
8
8
|
}
|
|
9
|
+
if (typeof item === "number") {
|
|
10
|
+
return { value: item.toString(), label: item.toString() };
|
|
11
|
+
}
|
|
9
12
|
if ("group" in item) {
|
|
10
13
|
return {
|
|
11
14
|
group: item.group,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-parsed-combobox-data.js","sources":["../../../../src/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.ts"],"sourcesContent":["import {\n ComboboxData,\n ComboboxParsedItem,\n ComboboxItem,\n ComboboxItemGroup,\n ComboboxParsedItemGroup,\n} from '../Combobox.types';\n\nfunction parseItem(\n item: string | ComboboxItem | ComboboxItemGroup\n): ComboboxItem | ComboboxParsedItemGroup {\n if (typeof item === 'string') {\n return { value: item, label: item };\n }\n\n if ('group' in item) {\n return {\n group: item.group,\n items: item.items.map((i) => parseItem(i) as ComboboxItem),\n };\n }\n\n return item;\n}\n\nexport function getParsedComboboxData(data: ComboboxData | undefined): ComboboxParsedItem[] {\n if (!data) {\n return [];\n }\n\n return data.map(parseItem);\n}\n"],"names":[],"mappings":";;;;AAAA,SAAS,SAAS,CAAC,IAAI,EAAE;AACzB,EAAE,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAChC,IAAI,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,IAAI,EAAE;AACvB,IAAI,OAAO;AACX,MAAM,KAAK,EAAE,IAAI,CAAC,KAAK;AACvB,MAAM,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACM,SAAS,qBAAqB,CAAC,IAAI,EAAE;AAC5C,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AAC7B;;;;"}
|
|
1
|
+
{"version":3,"file":"get-parsed-combobox-data.js","sources":["../../../../src/components/Combobox/get-parsed-combobox-data/get-parsed-combobox-data.ts"],"sourcesContent":["import {\n ComboboxData,\n ComboboxParsedItem,\n ComboboxItem,\n ComboboxItemGroup,\n ComboboxParsedItemGroup,\n} from '../Combobox.types';\n\nfunction parseItem(\n item: string | ComboboxItem | ComboboxItemGroup\n): ComboboxItem | ComboboxParsedItemGroup {\n if (typeof item === 'string') {\n return { value: item, label: item };\n }\n\n if (typeof item === 'number') {\n return { value: (item as number).toString(), label: (item as number).toString() };\n }\n\n if ('group' in item) {\n return {\n group: item.group,\n items: item.items.map((i) => parseItem(i) as ComboboxItem),\n };\n }\n\n return item;\n}\n\nexport function getParsedComboboxData(data: ComboboxData | undefined): ComboboxParsedItem[] {\n if (!data) {\n return [];\n }\n\n return data.map(parseItem);\n}\n"],"names":[],"mappings":";;;;AAAA,SAAS,SAAS,CAAC,IAAI,EAAE;AACzB,EAAE,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAChC,IAAI,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACxC,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAChC,IAAI,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;AAC9D,GAAG;AACH,EAAE,IAAI,OAAO,IAAI,IAAI,EAAE;AACvB,IAAI,OAAO;AACX,MAAM,KAAK,EAAE,IAAI,CAAC,KAAK;AACvB,MAAM,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,CAAC;AACN,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACM,SAAS,qBAAqB,CAAC,IAAI,EAAE;AAC5C,EAAE,IAAI,CAAC,IAAI,EAAE;AACb,IAAI,OAAO,EAAE,CAAC;AACd,GAAG;AACH,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;AAC7B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n getSize,\n MantineSize,\n Factory,\n} from '../../core';\nimport classes from './Container.module.css';\n\nexport type ContainerStylesNames = 'root';\nexport type
|
|
1
|
+
{"version":3,"file":"Container.js","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n createVarsResolver,\n getSize,\n MantineSize,\n Factory,\n} from '../../core';\nimport classes from './Container.module.css';\n\nexport type ContainerStylesNames = 'root';\nexport type ContainerCssVariables = {\n root: '--container-size';\n};\n\nexport interface ContainerProps\n extends BoxProps,\n StylesApiProps<ContainerFactory>,\n ElementProps<'div'> {\n /** Sets `max-width` of the container, value is not responsive – it is the same for all screen sizes. Numbers are converted to rem. Ignored when `fluid` prop is set. `'md'` by default */\n size?: MantineSize | (string & {}) | number;\n\n /** Determines whether the container should take 100% of its parent width. If set, `size` prop is ignored. `false` by default. */\n fluid?: boolean;\n}\n\nexport type ContainerFactory = Factory<{\n props: ContainerProps;\n ref: HTMLDivElement;\n stylesNames: ContainerStylesNames;\n vars: ContainerCssVariables;\n}>;\n\nconst defaultProps: Partial<ContainerProps> = {};\n\nconst varsResolver = createVarsResolver<ContainerFactory>((_, { size, fluid }) => ({\n root: {\n '--container-size': fluid ? '100%' : getSize(size, 'container-size'),\n },\n}));\n\nexport const Container = factory<ContainerFactory>((_props, ref) => {\n const props = useProps('Container', defaultProps, _props);\n const { classNames, className, style, styles, unstyled, vars, ...others } = props;\n\n const getStyles = useStyles<ContainerFactory>({\n name: 'Container',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return <Box ref={ref} {...getStyles('root')} {...others} />;\n});\n\nContainer.classes = classes;\nContainer.displayName = '@mantine/core/Container';\n"],"names":["createVarsResolver","getSize","factory","useProps","useStyles","classes","React","Box"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var classes = {"root":"
|
|
5
|
+
var classes = {"root":"m-3eebeb36","label":"m-9e365f20"};
|
|
6
6
|
|
|
7
7
|
exports.default = classes;
|
|
8
8
|
//# sourceMappingURL=Divider.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React from 'react';\nimport { factory, useProps, Factory, getDefaultZIndex } from '../../core';\nimport { ModalBaseOverlayProps, ModalBaseCloseButtonProps } from '../ModalBase';\nimport {\n DrawerRoot,\n DrawerRootProps,\n DrawerRootCssVariables,\n DrawerRootStylesNames,\n} from './DrawerRoot';\nimport { DrawerBody } from './DrawerBody';\nimport { DrawerCloseButton } from './DrawerCloseButton';\nimport { DrawerOverlay } from './DrawerOverlay';\nimport { DrawerContent } from './DrawerContent';\nimport { DrawerTitle } from './DrawerTitle';\nimport { DrawerHeader } from './DrawerHeader';\nimport classes from './Drawer.module.css';\n\nexport type DrawerStylesNames = DrawerRootStylesNames;\nexport type
|
|
1
|
+
{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React from 'react';\nimport { factory, useProps, Factory, getDefaultZIndex } from '../../core';\nimport { ModalBaseOverlayProps, ModalBaseCloseButtonProps } from '../ModalBase';\nimport {\n DrawerRoot,\n DrawerRootProps,\n DrawerRootCssVariables,\n DrawerRootStylesNames,\n} from './DrawerRoot';\nimport { DrawerBody } from './DrawerBody';\nimport { DrawerCloseButton } from './DrawerCloseButton';\nimport { DrawerOverlay } from './DrawerOverlay';\nimport { DrawerContent } from './DrawerContent';\nimport { DrawerTitle } from './DrawerTitle';\nimport { DrawerHeader } from './DrawerHeader';\nimport classes from './Drawer.module.css';\n\nexport type DrawerStylesNames = DrawerRootStylesNames;\nexport type DrawerCssVariables = DrawerRootCssVariables;\n\nexport interface DrawerProps extends DrawerRootProps {\n /** Drawer title */\n title?: React.ReactNode;\n\n /** Determines whether the overlay should be rendered, `true` by default */\n withOverlay?: boolean;\n\n /** Props passed down to the `Overlay` component, can be used to configure opacity, `background-color`, styles and other properties */\n overlayProps?: ModalBaseOverlayProps;\n\n /** Drawer content */\n children?: React.ReactNode;\n\n /** Determines whether the close button should be rendered, `true` by default */\n withCloseButton?: boolean;\n\n /** Props passed down to the close button */\n closeButtonProps?: ModalBaseCloseButtonProps;\n}\n\nexport type DrawerFactory = Factory<{\n props: DrawerProps;\n ref: HTMLDivElement;\n stylesNames: DrawerStylesNames;\n vars: DrawerCssVariables;\n staticComponents: {\n Root: typeof DrawerRoot;\n Overlay: typeof DrawerOverlay;\n Content: typeof DrawerContent;\n Body: typeof DrawerBody;\n Header: typeof DrawerHeader;\n Title: typeof DrawerTitle;\n CloseButton: typeof DrawerCloseButton;\n };\n}>;\n\nconst defaultProps: Partial<DrawerProps> = {\n closeOnClickOutside: true,\n withinPortal: true,\n lockScroll: true,\n trapFocus: true,\n returnFocus: true,\n closeOnEscape: true,\n keepMounted: false,\n zIndex: getDefaultZIndex('modal'),\n padding: 'md',\n size: 'md',\n shadow: 'xl',\n withOverlay: true,\n withCloseButton: true,\n};\n\nexport const Drawer = factory<DrawerFactory>((_props, ref) => {\n const {\n title,\n withOverlay,\n overlayProps,\n withCloseButton,\n closeButtonProps,\n children,\n ...others\n } = useProps('Drawer', defaultProps, _props);\n\n const hasHeader = !!title || withCloseButton;\n\n return (\n <DrawerRoot ref={ref} {...others}>\n {withOverlay && <DrawerOverlay {...overlayProps} />}\n <DrawerContent>\n {hasHeader && (\n <DrawerHeader>\n {title && <DrawerTitle>{title}</DrawerTitle>}\n {withCloseButton && <DrawerCloseButton {...closeButtonProps} />}\n </DrawerHeader>\n )}\n\n <DrawerBody>{children}</DrawerBody>\n </DrawerContent>\n </DrawerRoot>\n );\n});\n\nDrawer.classes = classes;\nDrawer.displayName = '@mantine/core/Drawer';\nDrawer.Root = DrawerRoot;\nDrawer.Overlay = DrawerOverlay;\nDrawer.Content = DrawerContent;\nDrawer.Body = DrawerBody;\nDrawer.Header = DrawerHeader;\nDrawer.Title = DrawerTitle;\nDrawer.CloseButton = DrawerCloseButton;\n"],"names":["getDefaultZIndex","factory","useProps","React","DrawerRoot","DrawerOverlay","DrawerContent","DrawerHeader","DrawerTitle","DrawerCloseButton","DrawerBody","classes"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var classes = {"root":"
|
|
5
|
+
var classes = {"root":"m-f11b401e","header":"m-5a7c2c9","content":"m-b8a05bbd","inner":"m-31cd769a"};
|
|
6
6
|
|
|
7
7
|
exports.default = classes;
|
|
8
8
|
//# sourceMappingURL=Drawer.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerRoot.js","sources":["../../../src/components/Drawer/DrawerRoot.tsx"],"sourcesContent":["import React from 'react';\nimport {\n StylesApiProps,\n factory,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n getDefaultZIndex,\n getSize,\n} from '../../core';\nimport { MantineTransition } from '../Transition';\nimport { ModalBaseProps, ModalBase, ModalBaseStylesNames } from '../ModalBase';\nimport { DrawerProvider, ScrollAreaComponent } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\ntype DrawerPosition = 'bottom' | 'left' | 'right' | 'top';\n\nexport type DrawerRootStylesNames = ModalBaseStylesNames;\nexport type
|
|
1
|
+
{"version":3,"file":"DrawerRoot.js","sources":["../../../src/components/Drawer/DrawerRoot.tsx"],"sourcesContent":["import React from 'react';\nimport {\n StylesApiProps,\n factory,\n useProps,\n useStyles,\n createVarsResolver,\n Factory,\n getDefaultZIndex,\n getSize,\n} from '../../core';\nimport { MantineTransition } from '../Transition';\nimport { ModalBaseProps, ModalBase, ModalBaseStylesNames } from '../ModalBase';\nimport { DrawerProvider, ScrollAreaComponent } from './Drawer.context';\nimport classes from './Drawer.module.css';\n\ntype DrawerPosition = 'bottom' | 'left' | 'right' | 'top';\n\nexport type DrawerRootStylesNames = ModalBaseStylesNames;\nexport type DrawerRootCssVariables = {\n root:\n | '--drawer-size'\n | '--drawer-flex'\n | '--drawer-height'\n | '--drawer-align'\n | '--drawer-justify';\n};\n\nexport interface DrawerRootProps extends StylesApiProps<DrawerRootFactory>, ModalBaseProps {\n /** Scroll area component, native `div` element by default */\n scrollAreaComponent?: ScrollAreaComponent;\n\n /** Side of the screen on which drawer will be opened, `'left'` by default */\n position?: DrawerPosition;\n}\n\nexport type DrawerRootFactory = Factory<{\n props: DrawerRootProps;\n ref: HTMLDivElement;\n stylesNames: DrawerRootStylesNames;\n vars: DrawerRootCssVariables;\n compound: true;\n}>;\n\nconst transitions: Record<DrawerPosition, MantineTransition> = {\n top: 'slide-down',\n bottom: 'slide-up',\n left: 'slide-right',\n right: 'slide-left',\n};\n\nconst defaultProps: Partial<DrawerRootProps> = {\n closeOnClickOutside: true,\n withinPortal: true,\n lockScroll: true,\n trapFocus: true,\n returnFocus: true,\n closeOnEscape: true,\n keepMounted: false,\n zIndex: getDefaultZIndex('modal'),\n padding: 'md',\n size: 'md',\n shadow: 'xl',\n position: 'left',\n};\n\nconst varsResolver = createVarsResolver<DrawerRootFactory>((_, { position, size }) => ({\n root: {\n '--drawer-size': getSize(size, 'drawer-size'),\n '--drawer-flex':\n position === 'left' || position === 'right' ? '0 0 var(--drawer-size)' : '0 0 100%',\n '--drawer-height': position === 'left' || position === 'right' ? '100%' : 'var(--drawer-size)',\n '--drawer-align': position === 'bottom' ? 'flex-end' : 'flex-start',\n '--drawer-justify': position === 'right' ? 'flex-end' : 'flex-start',\n },\n}));\n\nexport const DrawerRoot = factory<DrawerRootFactory>((_props, ref) => {\n const props = useProps('DrawerRoot', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n scrollAreaComponent,\n position,\n transitionProps,\n ...others\n } = props;\n\n const getStyles = useStyles<DrawerRootFactory>({\n name: 'Drawer',\n classes,\n props,\n className,\n style,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <DrawerProvider value={{ scrollAreaComponent, getStyles }}>\n <ModalBase\n ref={ref}\n {...getStyles('root')}\n transitionProps={{ transition: transitions[position!], ...transitionProps }}\n {...others}\n />\n </DrawerProvider>\n );\n});\n\nDrawerRoot.classes = classes;\nDrawerRoot.displayName = '@mantine/core/DrawerRoot';\n"],"names":["getDefaultZIndex","createVarsResolver","getSize","factory","useProps","useStyles","classes","React","DrawerProvider","ModalBase"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAaF,MAAM,WAAW,GAAG;AACpB,EAAE,GAAG,EAAE,YAAY;AACnB,EAAE,MAAM,EAAE,UAAU;AACpB,EAAE,IAAI,EAAE,aAAa;AACrB,EAAE,KAAK,EAAE,YAAY;AACrB,CAAC,CAAC;AACF,MAAM,YAAY,GAAG;AACrB,EAAE,mBAAmB,EAAE,IAAI;AAC3B,EAAE,YAAY,EAAE,IAAI;AACpB,EAAE,UAAU,EAAE,IAAI;AAClB,EAAE,SAAS,EAAE,IAAI;AACjB,EAAE,WAAW,EAAE,IAAI;AACnB,EAAE,aAAa,EAAE,IAAI;AACrB,EAAE,WAAW,EAAE,KAAK;AACpB,EAAE,MAAM,EAAEA,iCAAgB,CAAC,OAAO,CAAC;AACnC,EAAE,OAAO,EAAE,IAAI;AACf,EAAE,IAAI,EAAE,IAAI;AACZ,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,QAAQ,EAAE,MAAM;AAClB,CAAC,CAAC;AACF,MAAM,YAAY,GAAGC,qCAAkB,CAAC,CAAC,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM;AACpE,EAAE,IAAI,EAAE;AACR,IAAI,eAAe,EAAEC,eAAO,CAAC,IAAI,EAAE,aAAa,CAAC;AACjD,IAAI,eAAe,EAAE,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,OAAO,GAAG,wBAAwB,GAAG,UAAU;AACxG,IAAI,iBAAiB,EAAE,QAAQ,KAAK,MAAM,IAAI,QAAQ,KAAK,OAAO,GAAG,MAAM,GAAG,oBAAoB;AAClG,IAAI,gBAAgB,EAAE,QAAQ,KAAK,QAAQ,GAAG,UAAU,GAAG,YAAY;AACvE,IAAI,kBAAkB,EAAE,QAAQ,KAAK,OAAO,GAAG,UAAU,GAAG,YAAY;AACxE,GAAG;AACH,CAAC,CAAC,CAAC,CAAC;AACQ,MAAC,UAAU,GAAGC,eAAO,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK;AACnD,EAAE,MAAM,KAAK,GAAGC,iBAAQ,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,CAAC,CAAC;AAC7D,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE;AACpB,IAAI,UAAU;AACd,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,mBAAmB;AACvB,IAAI,QAAQ;AACZ,IAAI,eAAe;AACnB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,YAAY;AAChB,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,qBAAqB;AACzB,IAAI,UAAU;AACd,IAAI,iBAAiB;AACrB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,SAAS,GAAGC,mBAAS,CAAC;AAC9B,IAAI,IAAI,EAAE,QAAQ;AAClB,aAAIC,wBAAO;AACX,IAAI,KAAK;AACT,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC;AACL,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,6BAAc,EAAE,EAAE,KAAK,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,EAAE,kBAAkBD,cAAK,CAAC,aAAa;AAC/I,IAAIE,mBAAS;AACb,IAAI,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC;AAChD,MAAM,GAAG;AACT,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE;AAC3B,MAAM,eAAe,EAAE,cAAc,CAAC,EAAE,UAAU,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,EAAE,eAAe,CAAC;AAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;AACf,GAAG,CAAC,CAAC;AACL,CAAC,EAAE;AACH,UAAU,CAAC,OAAO,GAAGH,wBAAO,CAAC;AAC7B,UAAU,CAAC,WAAW,GAAG,0BAA0B;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var classes = {"root":"
|
|
5
|
+
var classes = {"root":"m-e9408a47","root--default":"m-84c9523a","root--filled":"m-ef274e49","root--unstyled":"m-eda993d3","legend":"m-90794832","legend--unstyled":"m-74ca27fe"};
|
|
6
6
|
|
|
7
7
|
exports.default = classes;
|
|
8
8
|
//# sourceMappingURL=Fieldset.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.js","sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSpacing,\n getSpacing,\n createVarsResolver,\n Factory,\n} from '../../core';\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children';\nimport classes from './Group.module.css';\n\nexport type GroupStylesNames = 'root';\nexport type
|
|
1
|
+
{"version":3,"file":"Group.js","sources":["../../../src/components/Group/Group.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSpacing,\n getSpacing,\n createVarsResolver,\n Factory,\n} from '../../core';\nimport { filterFalsyChildren } from './filter-falsy-children/filter-falsy-children';\nimport classes from './Group.module.css';\n\nexport type GroupStylesNames = 'root';\nexport type GroupCssVariables = {\n root:\n | '--group-gap'\n | '--group-align'\n | '--group-justify'\n | '--group-wrap'\n | '--group-child-width';\n};\n\nexport interface GroupStylesCtx {\n childWidth: string;\n}\n\nexport interface GroupProps extends BoxProps, StylesApiProps<GroupFactory>, ElementProps<'div'> {\n /** Controls `justify-content` CSS property, `'flex-start'` by default */\n justify?: React.CSSProperties['justifyContent'];\n\n /** Controls `align-items` CSS property, `'center'` by default */\n align?: React.CSSProperties['alignItems'];\n\n /** Controls `flex-wrap` CSS property, `'wrap'` by default */\n wrap?: React.CSSProperties['flexWrap'];\n\n /** Key of `theme.spacing` or any valid CSS value for `gap`, numbers are converted to rem, `'md'` by default */\n gap?: MantineSpacing | (string & {}) | number;\n\n /** Determines whether each child element should have `flex-grow: 1` style, `false` by default */\n grow?: boolean;\n\n /** Determines whether children should take only dedicated amount of space (`max-width` style is set based on the number of children), `true` by default */\n preventGrowOverflow?: boolean;\n}\n\nexport type GroupFactory = Factory<{\n props: GroupProps;\n ref: HTMLDivElement;\n stylesNames: GroupStylesNames;\n vars: GroupCssVariables;\n ctx: GroupStylesCtx;\n}>;\n\nconst defaultProps: Partial<GroupProps> = {\n justify: 'flex-start',\n align: 'center',\n gap: 'md',\n preventGrowOverflow: true,\n};\n\nconst varsResolver = createVarsResolver<GroupFactory>(\n (_, { grow, preventGrowOverflow, gap, align, justify, wrap }, { childWidth }) => ({\n root: {\n '--group-child-width': grow && preventGrowOverflow ? childWidth : undefined,\n '--group-gap': getSpacing(gap),\n '--group-align': align,\n '--group-justify': justify,\n '--group-wrap': wrap,\n },\n })\n);\n\nexport const Group = factory<GroupFactory>((_props, ref) => {\n const props = useProps('Group', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n children,\n gap,\n align,\n justify,\n wrap,\n grow,\n preventGrowOverflow,\n vars,\n variant,\n ...others\n } = props;\n\n const filteredChildren = filterFalsyChildren(children);\n const childrenCount = filteredChildren.length;\n const childWidth = `calc(${100 / childrenCount}% - (${getSpacing(gap)} - ${getSpacing(\n gap\n )} / ${childrenCount}))`;\n\n const stylesCtx: GroupStylesCtx = { childWidth };\n\n const getStyles = useStyles<GroupFactory>({\n name: 'Group',\n props,\n stylesCtx,\n className,\n style,\n classes,\n classNames,\n styles,\n unstyled,\n vars,\n varsResolver,\n });\n\n return (\n <Box {...getStyles('root')} ref={ref} variant={variant} mod={{ grow }} {...others}>\n {filteredChildren}\n </Box>\n );\n});\n\nGroup.classes = classes;\nGroup.displayName = '@mantine/core/Group';\n"],"names":["createVarsResolver","getSpacing","factory","useProps","filterFalsyChildren","useStyles","classes","React","Box"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var classes = {"root":"
|
|
5
|
+
var classes = {"root":"m-5f75b09e","body":"m-5f6e695e","labelWrapper":"m-d3ea56bb","label":"m-8ee546b8","description":"m-328f68c0","error":"m-8e8a99cc"};
|
|
6
6
|
|
|
7
7
|
exports.default = classes;
|
|
8
8
|
//# sourceMappingURL=InlineInput.module.css.js.map
|
|
@@ -59,7 +59,8 @@ const defaultProps = {
|
|
|
59
59
|
variant: "default",
|
|
60
60
|
leftSectionPointerEvents: "none",
|
|
61
61
|
rightSectionPointerEvents: "none",
|
|
62
|
-
withAria: true
|
|
62
|
+
withAria: true,
|
|
63
|
+
withErrorStyles: true
|
|
63
64
|
};
|
|
64
65
|
const varsResolver = createVarsResolver.createVarsResolver((_, props, ctx) => ({
|
|
65
66
|
wrapper: {
|
|
@@ -104,7 +105,8 @@ const Input = polymorphicFactory.polymorphicFactory((_props, ref) => {
|
|
|
104
105
|
multiline,
|
|
105
106
|
radius,
|
|
106
107
|
id,
|
|
107
|
-
withAria
|
|
108
|
+
withAria,
|
|
109
|
+
withErrorStyles
|
|
108
110
|
} = _a, others = __objRest(_a, [
|
|
109
111
|
"classNames",
|
|
110
112
|
"className",
|
|
@@ -132,7 +134,8 @@ const Input = polymorphicFactory.polymorphicFactory((_props, ref) => {
|
|
|
132
134
|
"multiline",
|
|
133
135
|
"radius",
|
|
134
136
|
"id",
|
|
135
|
-
"withAria"
|
|
137
|
+
"withAria",
|
|
138
|
+
"withErrorStyles"
|
|
136
139
|
]);
|
|
137
140
|
const { styleProps, rest } = extractStyleProps.extractStyleProps(others);
|
|
138
141
|
const ctx = InputWrapper_context.useInputWrapperContext();
|
|
@@ -162,7 +165,7 @@ const Input = polymorphicFactory.polymorphicFactory((_props, ref) => {
|
|
|
162
165
|
Box.Box,
|
|
163
166
|
__spreadProps(__spreadValues(__spreadValues(__spreadValues({}, getStyles("wrapper")), styleProps), wrapperProps), {
|
|
164
167
|
mod: {
|
|
165
|
-
error: !!error,
|
|
168
|
+
error: !!error && withErrorStyles,
|
|
166
169
|
pointer,
|
|
167
170
|
disabled,
|
|
168
171
|
multiline,
|
|
@@ -189,7 +192,7 @@ const Input = polymorphicFactory.polymorphicFactory((_props, ref) => {
|
|
|
189
192
|
}, rest), ariaAttributes), {
|
|
190
193
|
ref,
|
|
191
194
|
required,
|
|
192
|
-
mod: { disabled, error: !!error },
|
|
195
|
+
mod: { disabled, error: !!error && withErrorStyles },
|
|
193
196
|
variant
|
|
194
197
|
}), getStyles("input"))
|
|
195
198
|
),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n MantineRadius,\n MantineSize,\n extractStyleProps,\n getSize,\n getFontSize,\n getRadius,\n rem,\n createVarsResolver,\n PolymorphicFactory,\n} from '../../core';\nimport { useInputWrapperContext } from './InputWrapper.context';\nimport { InputLabel } from './InputLabel/InputLabel';\nimport { InputError } from './InputError/InputError';\nimport { InputDescription } from './InputDescription/InputDescription';\nimport { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';\nimport {\n InputWrapper,\n __InputWrapperProps,\n InputWrapperStylesNames,\n} from './InputWrapper/InputWrapper';\nimport classes from './Input.module.css';\n\nexport interface __BaseInputProps extends __InputWrapperProps, __InputProps {}\nexport type __InputStylesNames = InputStylesNames | InputWrapperStylesNames;\n\nexport type InputStylesNames = 'input' | 'wrapper' | 'section';\nexport type InputVariant = 'default' | 'filled' | 'unstyled';\nexport type InputCssVariables = {\n wrapper:\n | '--input-height'\n | '--input-fz'\n | '--input-radius'\n | '--input-left-section-width'\n | '--input-right-section-width'\n | '--input-left-section-pointer-events'\n | '--input-right-section-pointer-events'\n | '--input-padding-y'\n | '--input-margin-top'\n | '--input-margin-bottom';\n};\n\nexport interface InputStylesCtx {\n offsetTop: boolean | undefined;\n offsetBottom: boolean | undefined;\n}\n\nexport interface __InputProps {\n /** Content section rendered on the left side of the input */\n leftSection?: React.ReactNode;\n\n /** Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height */\n leftSectionWidth?: React.CSSProperties['width'];\n\n /** Props added to the `leftSection` element */\n leftSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `pointer-events` styles on the `leftSection` element, `'none'` by default */\n leftSectionPointerEvents?: React.CSSProperties['pointerEvents'];\n\n /** Content section rendered on the right side of the input */\n rightSection?: React.ReactNode;\n\n /** Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height */\n rightSectionWidth?: React.CSSProperties['width'];\n\n /** Props added to the `rightSection` element */\n rightSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `pointer-events` styles on the `rightSection` element, `'none'` by default */\n rightSectionPointerEvents?: React.CSSProperties['pointerEvents'];\n\n /** Props added to the root element of the `Input` component */\n wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `required` attribute on the `input` element */\n required?: boolean;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Sets `disabled` attribute on the `input` element */\n disabled?: boolean;\n\n /** Controls input `height` and horizontal `padding`, `'sm'` by default */\n size?: MantineSize | (string & {});\n\n /** Determines whether the input should have `cursor: pointer` style, `false` by default */\n pointer?: boolean;\n}\n\nexport interface InputProps extends BoxProps, __InputProps, StylesApiProps<InputFactory> {\n __staticSelector?: string;\n\n /** Props passed to Styles API context, replaces `Input.Wrapper` props */\n __stylesApiProps?: Record<string, any>;\n\n /** Determines whether the input should have error styles and `aria-invalid` attribute */\n error?: React.ReactNode;\n\n /** Determines whether the input can have multiple lines, for example when `component=\"textarea\"`, `false` by default */\n multiline?: boolean;\n\n /** Input element id */\n id?: string;\n\n /** Determines whether `aria-` and other accessibility attributes should be added to the input, `true` by default */\n withAria?: boolean;\n}\n\nexport type InputFactory = PolymorphicFactory<{\n props: InputProps;\n defaultRef: HTMLInputElement;\n defaultComponent: 'input';\n stylesNames: InputStylesNames;\n variant: InputVariant;\n vars: InputCssVariables;\n ctx: InputStylesCtx;\n staticComponents: {\n Label: typeof InputLabel;\n Error: typeof InputError;\n Description: typeof InputDescription;\n Placeholder: typeof InputPlaceholder;\n Wrapper: typeof InputWrapper;\n };\n}>;\n\nconst defaultProps: Partial<InputProps> = {\n size: 'sm',\n variant: 'default',\n leftSectionPointerEvents: 'none',\n rightSectionPointerEvents: 'none',\n withAria: true,\n};\n\nconst varsResolver = createVarsResolver<InputFactory>((_, props, ctx) => ({\n wrapper: {\n '--input-margin-top': ctx.offsetTop ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,\n '--input-margin-bottom': ctx.offsetBottom ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,\n '--input-height': getSize(props.size, 'input-height'),\n '--input-fz': getFontSize(props.size),\n '--input-radius': getRadius(props.radius),\n '--input-left-section-width':\n props.leftSectionWidth !== undefined ? rem(props.leftSectionWidth) : undefined,\n '--input-right-section-width':\n props.rightSectionWidth !== undefined ? rem(props.rightSectionWidth) : undefined,\n '--input-padding-y': props.multiline ? getSize(props.size, 'input-padding-y') : undefined,\n '--input-left-section-pointer-events': props.leftSectionPointerEvents,\n '--input-right-section-pointer-events': props.rightSectionPointerEvents,\n },\n}));\n\nexport const Input = polymorphicFactory<InputFactory>((_props, ref) => {\n const props = useProps('Input', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n required,\n __staticSelector,\n __stylesApiProps,\n size,\n wrapperProps,\n error,\n disabled,\n leftSection,\n leftSectionProps,\n leftSectionWidth,\n rightSection,\n rightSectionProps,\n rightSectionWidth,\n rightSectionPointerEvents,\n leftSectionPointerEvents,\n variant,\n vars,\n pointer,\n multiline,\n radius,\n id,\n withAria,\n ...others\n } = props;\n\n const { styleProps, rest } = extractStyleProps(others);\n const ctx = useInputWrapperContext();\n const stylesCtx: InputStylesCtx = { offsetBottom: ctx?.offsetBottom, offsetTop: ctx?.offsetTop };\n\n const getStyles = useStyles<InputFactory>({\n name: ['Input', __staticSelector],\n props: __stylesApiProps || props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n stylesCtx,\n rootSelector: 'wrapper',\n vars,\n varsResolver,\n });\n\n const ariaAttributes = withAria\n ? {\n required,\n disabled,\n 'aria-invalid': !!error,\n 'aria-describedby': ctx?.describedBy,\n id: ctx?.inputId || id,\n }\n : {};\n\n return (\n <Box\n {...getStyles('wrapper')}\n {...styleProps}\n {...wrapperProps}\n mod={{\n error: !!error,\n pointer,\n disabled,\n multiline,\n 'data-with-right-section': !!rightSection,\n 'data-with-left-section': !!leftSection,\n }}\n variant={variant}\n size={size}\n >\n {leftSection && (\n <div\n {...leftSectionProps}\n data-position=\"left\"\n {...getStyles('section', {\n className: leftSectionProps?.className,\n style: leftSectionProps?.style,\n })}\n >\n {leftSection}\n </div>\n )}\n\n <Box\n component=\"input\"\n {...rest}\n {...ariaAttributes}\n ref={ref}\n required={required}\n mod={{ disabled, error: !!error }}\n variant={variant}\n {...getStyles('input')}\n />\n\n {rightSection && (\n <div\n {...rightSectionProps}\n data-position=\"right\"\n {...getStyles('section', {\n className: rightSectionProps?.className,\n style: rightSectionProps?.style,\n })}\n >\n {rightSection}\n </div>\n )}\n </Box>\n );\n});\n\nInput.classes = classes;\nInput.Wrapper = InputWrapper;\nInput.Label = InputLabel;\nInput.Error = InputError;\nInput.Description = InputDescription;\nInput.Placeholder = InputPlaceholder;\nInput.displayName = '@mantine/core/Input';\n"],"names":["createVarsResolver","getSize","getFontSize","getRadius","rem","polymorphicFactory","useProps","extractStyleProps","useInputWrapperContext","useStyles","classes","React","Box","InputWrapper","InputLabel","InputError","InputDescription","InputPlaceholder"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n polymorphicFactory,\n useProps,\n useStyles,\n MantineRadius,\n MantineSize,\n extractStyleProps,\n getSize,\n getFontSize,\n getRadius,\n rem,\n createVarsResolver,\n PolymorphicFactory,\n} from '../../core';\nimport { useInputWrapperContext } from './InputWrapper.context';\nimport { InputLabel } from './InputLabel/InputLabel';\nimport { InputError } from './InputError/InputError';\nimport { InputDescription } from './InputDescription/InputDescription';\nimport { InputPlaceholder } from './InputPlaceholder/InputPlaceholder';\nimport {\n InputWrapper,\n __InputWrapperProps,\n InputWrapperStylesNames,\n} from './InputWrapper/InputWrapper';\nimport classes from './Input.module.css';\n\nexport interface __BaseInputProps extends __InputWrapperProps, __InputProps {}\nexport type __InputStylesNames = InputStylesNames | InputWrapperStylesNames;\n\nexport type InputStylesNames = 'input' | 'wrapper' | 'section';\nexport type InputVariant = 'default' | 'filled' | 'unstyled';\nexport type InputCssVariables = {\n wrapper:\n | '--input-height'\n | '--input-fz'\n | '--input-radius'\n | '--input-left-section-width'\n | '--input-right-section-width'\n | '--input-left-section-pointer-events'\n | '--input-right-section-pointer-events'\n | '--input-padding-y'\n | '--input-margin-top'\n | '--input-margin-bottom';\n};\n\nexport interface InputStylesCtx {\n offsetTop: boolean | undefined;\n offsetBottom: boolean | undefined;\n}\n\nexport interface __InputProps {\n /** Content section rendered on the left side of the input */\n leftSection?: React.ReactNode;\n\n /** Left section width, used to set `width` of the section and input `padding-left`, by default equals to the input height */\n leftSectionWidth?: React.CSSProperties['width'];\n\n /** Props added to the `leftSection` element */\n leftSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `pointer-events` styles on the `leftSection` element, `'none'` by default */\n leftSectionPointerEvents?: React.CSSProperties['pointerEvents'];\n\n /** Content section rendered on the right side of the input */\n rightSection?: React.ReactNode;\n\n /** Right section width, used to set `width` of the section and input `padding-right`, by default equals to the input height */\n rightSectionWidth?: React.CSSProperties['width'];\n\n /** Props added to the `rightSection` element */\n rightSectionProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `pointer-events` styles on the `rightSection` element, `'none'` by default */\n rightSectionPointerEvents?: React.CSSProperties['pointerEvents'];\n\n /** Props added to the root element of the `Input` component */\n wrapperProps?: React.ComponentPropsWithoutRef<'div'>;\n\n /** Sets `required` attribute on the `input` element */\n required?: boolean;\n\n /** Key of `theme.radius` or any valid CSS value to set `border-radius`, numbers are converted to rem, `theme.defaultRadius` by default */\n radius?: MantineRadius | (string & {}) | number;\n\n /** Sets `disabled` attribute on the `input` element */\n disabled?: boolean;\n\n /** Controls input `height` and horizontal `padding`, `'sm'` by default */\n size?: MantineSize | (string & {});\n\n /** Determines whether the input should have `cursor: pointer` style, `false` by default */\n pointer?: boolean;\n\n /** Determines whether the input should have red border and text color when `error` prop is set, `true` by default */\n withErrorStyles?: boolean;\n}\n\nexport interface InputProps extends BoxProps, __InputProps, StylesApiProps<InputFactory> {\n __staticSelector?: string;\n\n /** Props passed to Styles API context, replaces `Input.Wrapper` props */\n __stylesApiProps?: Record<string, any>;\n\n /** Determines whether the input should have error styles and `aria-invalid` attribute */\n error?: React.ReactNode;\n\n /** Determines whether the input can have multiple lines, for example when `component=\"textarea\"`, `false` by default */\n multiline?: boolean;\n\n /** Input element id */\n id?: string;\n\n /** Determines whether `aria-` and other accessibility attributes should be added to the input, `true` by default */\n withAria?: boolean;\n}\n\nexport type InputFactory = PolymorphicFactory<{\n props: InputProps;\n defaultRef: HTMLInputElement;\n defaultComponent: 'input';\n stylesNames: InputStylesNames;\n variant: InputVariant;\n vars: InputCssVariables;\n ctx: InputStylesCtx;\n staticComponents: {\n Label: typeof InputLabel;\n Error: typeof InputError;\n Description: typeof InputDescription;\n Placeholder: typeof InputPlaceholder;\n Wrapper: typeof InputWrapper;\n };\n}>;\n\nconst defaultProps: Partial<InputProps> = {\n size: 'sm',\n variant: 'default',\n leftSectionPointerEvents: 'none',\n rightSectionPointerEvents: 'none',\n withAria: true,\n withErrorStyles: true,\n};\n\nconst varsResolver = createVarsResolver<InputFactory>((_, props, ctx) => ({\n wrapper: {\n '--input-margin-top': ctx.offsetTop ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,\n '--input-margin-bottom': ctx.offsetBottom ? 'calc(var(--mantine-spacing-xs) / 2)' : undefined,\n '--input-height': getSize(props.size, 'input-height'),\n '--input-fz': getFontSize(props.size),\n '--input-radius': getRadius(props.radius),\n '--input-left-section-width':\n props.leftSectionWidth !== undefined ? rem(props.leftSectionWidth) : undefined,\n '--input-right-section-width':\n props.rightSectionWidth !== undefined ? rem(props.rightSectionWidth) : undefined,\n '--input-padding-y': props.multiline ? getSize(props.size, 'input-padding-y') : undefined,\n '--input-left-section-pointer-events': props.leftSectionPointerEvents,\n '--input-right-section-pointer-events': props.rightSectionPointerEvents,\n },\n}));\n\nexport const Input = polymorphicFactory<InputFactory>((_props, ref) => {\n const props = useProps('Input', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n required,\n __staticSelector,\n __stylesApiProps,\n size,\n wrapperProps,\n error,\n disabled,\n leftSection,\n leftSectionProps,\n leftSectionWidth,\n rightSection,\n rightSectionProps,\n rightSectionWidth,\n rightSectionPointerEvents,\n leftSectionPointerEvents,\n variant,\n vars,\n pointer,\n multiline,\n radius,\n id,\n withAria,\n withErrorStyles,\n ...others\n } = props;\n\n const { styleProps, rest } = extractStyleProps(others);\n const ctx = useInputWrapperContext();\n const stylesCtx: InputStylesCtx = { offsetBottom: ctx?.offsetBottom, offsetTop: ctx?.offsetTop };\n\n const getStyles = useStyles<InputFactory>({\n name: ['Input', __staticSelector],\n props: __stylesApiProps || props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n stylesCtx,\n rootSelector: 'wrapper',\n vars,\n varsResolver,\n });\n\n const ariaAttributes = withAria\n ? {\n required,\n disabled,\n 'aria-invalid': !!error,\n 'aria-describedby': ctx?.describedBy,\n id: ctx?.inputId || id,\n }\n : {};\n\n return (\n <Box\n {...getStyles('wrapper')}\n {...styleProps}\n {...wrapperProps}\n mod={{\n error: !!error && withErrorStyles,\n pointer,\n disabled,\n multiline,\n 'data-with-right-section': !!rightSection,\n 'data-with-left-section': !!leftSection,\n }}\n variant={variant}\n size={size}\n >\n {leftSection && (\n <div\n {...leftSectionProps}\n data-position=\"left\"\n {...getStyles('section', {\n className: leftSectionProps?.className,\n style: leftSectionProps?.style,\n })}\n >\n {leftSection}\n </div>\n )}\n\n <Box\n component=\"input\"\n {...rest}\n {...ariaAttributes}\n ref={ref}\n required={required}\n mod={{ disabled, error: !!error && withErrorStyles }}\n variant={variant}\n {...getStyles('input')}\n />\n\n {rightSection && (\n <div\n {...rightSectionProps}\n data-position=\"right\"\n {...getStyles('section', {\n className: rightSectionProps?.className,\n style: rightSectionProps?.style,\n })}\n >\n {rightSection}\n </div>\n )}\n </Box>\n );\n});\n\nInput.classes = classes;\nInput.Wrapper = InputWrapper;\nInput.Label = InputLabel;\nInput.Error = InputError;\nInput.Description = InputDescription;\nInput.Placeholder = InputPlaceholder;\nInput.displayName = '@mantine/core/Input';\n"],"names":["createVarsResolver","getSize","getFontSize","getRadius","rem","polymorphicFactory","useProps","extractStyleProps","useInputWrapperContext","useStyles","classes","React","Box","InputWrapper","InputLabel","InputError","InputDescription","InputPlaceholder"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var classes = {"wrapper":"
|
|
5
|
+
var classes = {"wrapper":"m-6c018570","input":"m-8fb7ebe7","section":"m-82577fc2","placeholder":"m-88bacfd0","root":"m-46b77525","label":"m-8fdc1311","required":"m-78a94662","error":"m-8f816625","description":"m-fe47ce59"};
|
|
6
6
|
|
|
7
7
|
exports.default = classes;
|
|
8
8
|
//# sourceMappingURL=Input.module.css.js.map
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var InputWrapper_context = require('../InputWrapper.context.js');
|
|
7
|
-
var
|
|
7
|
+
var Input_module = require('../Input.module.css.js');
|
|
8
8
|
var factory = require('../../../core/factory/factory.js');
|
|
9
9
|
var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
|
|
10
10
|
var useStyles = require('../../../core/styles-api/use-styles/use-styles.js');
|
|
@@ -80,7 +80,7 @@ const InputDescription = factory.factory((_props, ref) => {
|
|
|
80
80
|
const _getStyles = useStyles.useStyles({
|
|
81
81
|
name: ["InputWrapper", __staticSelector],
|
|
82
82
|
props,
|
|
83
|
-
classes:
|
|
83
|
+
classes: Input_module['default'],
|
|
84
84
|
className,
|
|
85
85
|
style,
|
|
86
86
|
classNames,
|
|
@@ -101,7 +101,7 @@ const InputDescription = factory.factory((_props, ref) => {
|
|
|
101
101
|
}, getStyles("description")), others)
|
|
102
102
|
);
|
|
103
103
|
});
|
|
104
|
-
InputDescription.classes =
|
|
104
|
+
InputDescription.classes = Input_module['default'];
|
|
105
105
|
InputDescription.displayName = "@mantine/core/InputDescription";
|
|
106
106
|
|
|
107
107
|
exports.InputDescription = InputDescription;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputDescription.js","sources":["../../../../src/components/Input/InputDescription/InputDescription.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSize,\n getFontSize,\n rem,\n createVarsResolver,\n Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../
|
|
1
|
+
{"version":3,"file":"InputDescription.js","sources":["../../../../src/components/Input/InputDescription/InputDescription.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Box,\n BoxProps,\n StylesApiProps,\n factory,\n ElementProps,\n useProps,\n useStyles,\n MantineSize,\n getFontSize,\n rem,\n createVarsResolver,\n Factory,\n} from '../../../core';\nimport { useInputWrapperContext } from '../InputWrapper.context';\nimport classes from '../Input.module.css';\n\nexport type InputDescriptionStylesNames = 'description';\nexport type InputDescriptionCssVariables = {\n description: '--input-description-size';\n};\n\nexport interface InputDescriptionProps\n extends BoxProps,\n StylesApiProps<InputDescriptionFactory>,\n ElementProps<'div'> {\n __staticSelector?: string;\n\n /** Controls description `font-size`, `'sm'` by default */\n size?: MantineSize | (string & {});\n}\n\nexport type InputDescriptionFactory = Factory<{\n props: InputDescriptionProps;\n ref: HTMLParagraphElement;\n stylesNames: InputDescriptionStylesNames;\n vars: InputDescriptionCssVariables;\n}>;\n\nconst defaultProps: Partial<InputDescriptionProps> = {\n size: 'sm',\n};\n\nconst varsResolver = createVarsResolver<InputDescriptionFactory>((_, { size }) => ({\n description: {\n '--input-description-size': `calc(${getFontSize(size)} - ${rem(2)})`,\n },\n}));\n\nexport const InputDescription = factory<InputDescriptionFactory>((_props, ref) => {\n const props = useProps('InputDescription', defaultProps, _props);\n const {\n classNames,\n className,\n style,\n styles,\n unstyled,\n vars,\n size,\n __staticSelector,\n variant,\n ...others\n } = useProps('InputDescription', defaultProps, props);\n const ctx = useInputWrapperContext();\n\n const _getStyles = useStyles<InputDescriptionFactory>({\n name: ['InputWrapper', __staticSelector],\n props,\n classes,\n className,\n style,\n classNames,\n styles,\n unstyled,\n rootSelector: 'description',\n vars,\n varsResolver,\n });\n\n const getStyles = ctx?.getStyles || _getStyles;\n\n return (\n <Box\n component=\"p\"\n ref={ref}\n variant={variant}\n size={size}\n {...getStyles('description')}\n {...others}\n />\n );\n});\n\nInputDescription.classes = classes;\nInputDescription.displayName = '@mantine/core/InputDescription';\n"],"names":["createVarsResolver","getFontSize","rem","factory","useProps","useInputWrapperContext","useStyles","classes","React","Box"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var InputWrapper_context = require('../InputWrapper.context.js');
|
|
7
|
-
var
|
|
7
|
+
var Input_module = require('../Input.module.css.js');
|
|
8
8
|
var factory = require('../../../core/factory/factory.js');
|
|
9
9
|
var useProps = require('../../../core/MantineProvider/use-props/use-props.js');
|
|
10
10
|
var useStyles = require('../../../core/styles-api/use-styles/use-styles.js');
|
|
@@ -79,7 +79,7 @@ const InputError = factory.factory((_props, ref) => {
|
|
|
79
79
|
const _getStyles = useStyles.useStyles({
|
|
80
80
|
name: ["InputWrapper", __staticSelector],
|
|
81
81
|
props,
|
|
82
|
-
classes:
|
|
82
|
+
classes: Input_module['default'],
|
|
83
83
|
className,
|
|
84
84
|
style,
|
|
85
85
|
classNames,
|
|
@@ -101,7 +101,7 @@ const InputError = factory.factory((_props, ref) => {
|
|
|
101
101
|
}, getStyles("error")), others)
|
|
102
102
|
);
|
|
103
103
|
});
|
|
104
|
-
InputError.classes =
|
|
104
|
+
InputError.classes = Input_module['default'];
|
|
105
105
|
InputError.displayName = "@mantine/core/InputError";
|
|
106
106
|
|
|
107
107
|
exports.InputError = InputError;
|