@mantine/core 2.6.0-alpha.0 → 2.6.0-alpha.1
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.js +20 -27
- package/cjs/components/Accordion/Accordion.js.map +1 -1
- package/cjs/components/Accordion/AccordionItem/AccordionItem.js +107 -2
- package/cjs/components/Accordion/AccordionItem/AccordionItem.js.map +1 -1
- package/cjs/components/Accordion/{AccordionControl/AccordionControl.styles.js → AccordionItem/AccordionItem.styles.js} +26 -23
- package/cjs/components/Accordion/AccordionItem/AccordionItem.styles.js.map +1 -0
- package/cjs/components/Accordion/{AccordionControl → AccordionItem}/ChevronIcon.js +0 -0
- package/cjs/components/Accordion/AccordionItem/ChevronIcon.js.map +1 -0
- package/cjs/components/Accordion/use-accordion-state/use-accordion-state.js +65 -0
- package/cjs/components/Accordion/use-accordion-state/use-accordion-state.js.map +1 -0
- package/cjs/components/ActionIcon/ActionIcon.js +2 -11
- package/cjs/components/ActionIcon/ActionIcon.js.map +1 -1
- package/cjs/components/ActionIcon/ActionIcon.styles.js +5 -0
- package/cjs/components/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/cjs/components/ActionIcon/CloseButton/CloseButton.js.map +1 -1
- package/cjs/components/Alert/Alert.js +1 -1
- package/cjs/components/Alert/Alert.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/cjs/components/Avatar/Avatar.js +2 -4
- package/cjs/components/Avatar/Avatar.js.map +1 -1
- package/cjs/components/Avatar/Avatar.styles.js +1 -0
- package/cjs/components/Avatar/Avatar.styles.js.map +1 -1
- package/cjs/components/Avatar/{PlaceholderIcon.js → AvatarPlaceholderIcon.js} +3 -3
- package/cjs/components/Avatar/AvatarPlaceholderIcon.js.map +1 -0
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.js +100 -0
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.js.map +1 -0
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js +46 -0
- package/cjs/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js.map +1 -0
- package/cjs/components/Badge/Badge.js +0 -4
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Blockquote/Blockquote.js.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/cjs/components/Burger/Burger.js +1 -5
- package/cjs/components/Burger/Burger.js.map +1 -1
- package/cjs/components/Burger/Burger.styles.js +7 -6
- package/cjs/components/Burger/Burger.styles.js.map +1 -1
- package/cjs/components/Button/Button.js +1 -10
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.styles.js +7 -7
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Button/UnstyledButton/UnstyledButton.js.map +1 -1
- package/cjs/components/Card/Card.js +0 -1
- package/cjs/components/Card/Card.js.map +1 -1
- package/cjs/components/Center/Center.js +7 -4
- package/cjs/components/Center/Center.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.js +1 -4
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +18 -11
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/cjs/components/Checkbox/CheckboxIcon.js.map +1 -1
- package/cjs/components/Chips/Chip/Chip.js +1 -1
- package/cjs/components/Chips/Chip/Chip.js.map +1 -1
- package/cjs/components/Chips/Chip/Chip.styles.js +5 -5
- package/cjs/components/Chips/Chip/Chip.styles.js.map +1 -1
- package/cjs/components/Chips/Chips.js +0 -1
- package/cjs/components/Chips/Chips.js.map +1 -1
- package/cjs/components/Collapse/Collapse.js +4 -4
- package/cjs/components/Collapse/Collapse.js.map +1 -1
- package/cjs/components/ColorInput/ColorInput.js +2 -9
- package/cjs/components/ColorInput/ColorInput.js.map +1 -1
- package/cjs/components/ColorInput/ColorInput.styles.js +1 -1
- package/cjs/components/ColorInput/ColorInput.styles.js.map +1 -1
- package/cjs/components/ColorPicker/ColorPicker.js +0 -2
- package/cjs/components/ColorPicker/ColorPicker.js.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.styles.js +1 -1
- package/cjs/components/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/cjs/components/ColorPicker/Saturation/Saturation.styles.js +1 -3
- package/cjs/components/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/cjs/components/ColorPicker/Swatches/Swatches.styles.js +3 -3
- package/cjs/components/ColorPicker/Swatches/Swatches.styles.js.map +1 -1
- package/cjs/components/ColorPicker/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Container/Container.js +0 -2
- package/cjs/components/Container/Container.js.map +1 -1
- package/cjs/components/Dialog/Dialog.js +3 -3
- package/cjs/components/Dialog/Dialog.js.map +1 -1
- package/cjs/components/Dialog/Dialog.styles.js +23 -3
- package/cjs/components/Dialog/Dialog.styles.js.map +1 -1
- package/cjs/components/Divider/Divider.js +0 -2
- package/cjs/components/Divider/Divider.js.map +1 -1
- package/cjs/components/Divider/Divider.styles.js +0 -1
- package/cjs/components/Divider/Divider.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +10 -14
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/Drawer/Drawer.styles.js +9 -2
- package/cjs/components/Drawer/Drawer.styles.js.map +1 -1
- package/cjs/components/Grid/Col.js +1 -3
- package/cjs/components/Grid/Col.js.map +1 -1
- package/cjs/components/Grid/Grid.js +1 -3
- package/cjs/components/Grid/Grid.js.map +1 -1
- package/cjs/components/Grid/get-responsive-styles.js +3 -8
- package/cjs/components/Grid/get-responsive-styles.js.map +1 -1
- package/cjs/components/Group/Group.js.map +1 -1
- package/cjs/components/Image/Image.js.map +1 -1
- package/cjs/components/Image/Image.styles.js +1 -1
- package/cjs/components/Image/Image.styles.js.map +1 -1
- package/cjs/components/Input/Input.js +0 -4
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/InputWrapper/InputWrapper.js.map +1 -1
- package/cjs/components/List/List.js +0 -1
- package/cjs/components/List/List.js.map +1 -1
- package/cjs/components/List/ListItem/ListItem.js.map +1 -1
- package/cjs/components/List/ListItem/ListItem.styles.js +1 -1
- package/cjs/components/List/ListItem/ListItem.styles.js.map +1 -1
- package/cjs/components/Loader/Loader.js.map +1 -1
- package/cjs/components/LoadingOverlay/LoadingOverlay.js +2 -5
- package/cjs/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/cjs/components/Menu/Menu.js +2 -14
- package/cjs/components/Menu/Menu.js.map +1 -1
- package/cjs/components/Menu/Menu.styles.js +1 -1
- package/cjs/components/Menu/Menu.styles.js.map +1 -1
- package/cjs/components/Menu/MenuBody/MenuBody.js.map +1 -1
- package/cjs/components/Menu/MenuBody/MenuBody.styles.js +6 -6
- package/cjs/components/Menu/MenuBody/MenuBody.styles.js.map +1 -1
- package/cjs/components/Menu/MenuButton/MenuButton.js.map +1 -1
- package/cjs/components/Menu/MenuButton/MenuButton.styles.js +1 -1
- package/cjs/components/Menu/MenuButton/MenuButton.styles.js.map +1 -1
- package/cjs/components/Modal/Modal.js +7 -14
- package/cjs/components/Modal/Modal.js.map +1 -1
- package/cjs/components/Modal/Modal.styles.js +7 -0
- package/cjs/components/Modal/Modal.styles.js.map +1 -1
- package/cjs/components/MultiSelect/DefaultValue/DefaultValue.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.js +2 -2
- package/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/cjs/components/MultiSelect/MultiSelect.styles.js +2 -2
- package/cjs/components/MultiSelect/MultiSelect.styles.js.map +1 -1
- package/cjs/components/Notification/Notification.js.map +1 -1
- package/cjs/components/Notification/Notification.styles.js +5 -5
- package/cjs/components/Notification/Notification.styles.js.map +1 -1
- package/cjs/components/NumberInput/NumberInput.js.map +1 -1
- package/cjs/components/Pagination/Pagination.js +1 -1
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js +6 -6
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Popover/Popover.js +1 -6
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/Popover/Popover.styles.js +1 -1
- package/cjs/components/Popover/Popover.styles.js.map +1 -1
- package/cjs/components/Popover/PopoverBody/PopoverBody.js.map +1 -1
- package/cjs/components/Popover/PopoverBody/PopoverBody.styles.js +1 -1
- package/cjs/components/Popover/PopoverBody/PopoverBody.styles.js.map +1 -1
- package/cjs/components/Popper/Popper.js +2 -2
- package/cjs/components/Popper/Popper.js.map +1 -1
- package/cjs/components/Popper/Popper.styles.js +3 -3
- package/cjs/components/Popper/Popper.styles.js.map +1 -1
- package/cjs/components/Progress/Progress.js +1 -5
- package/cjs/components/Progress/Progress.js.map +1 -1
- package/cjs/components/Progress/Progress.styles.js +5 -2
- package/cjs/components/Progress/Progress.styles.js.map +1 -1
- package/cjs/components/RadioGroup/Radio/Radio.js.map +1 -1
- package/cjs/components/RadioGroup/Radio/Radio.styles.js +1 -1
- package/cjs/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
- package/cjs/components/RadioGroup/RadioGroup.js +0 -4
- package/cjs/components/RadioGroup/RadioGroup.js.map +1 -1
- package/cjs/components/RingProgress/RingProgress.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/cjs/components/SegmentedControl/SegmentedControl.styles.js +7 -7
- package/cjs/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
- package/cjs/components/Select/Select.js +2 -2
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/SelectDropdown/SelectDropdown.js +1 -1
- package/cjs/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
- package/cjs/components/Select/SelectItems/SelectItems.js.map +1 -1
- package/cjs/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/cjs/components/Slider/Marks/Marks.js.map +1 -1
- package/cjs/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/cjs/components/Slider/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js +1 -1
- package/cjs/components/Slider/Thumb/Thumb.js.map +1 -1
- package/cjs/components/Slider/Track/Track.js.map +1 -1
- package/cjs/components/Spoiler/Spoiler.js +1 -2
- package/cjs/components/Spoiler/Spoiler.js.map +1 -1
- package/cjs/components/Spoiler/Spoiler.styles.js +4 -1
- package/cjs/components/Spoiler/Spoiler.styles.js.map +1 -1
- package/cjs/components/Switch/Switch.js +1 -4
- package/cjs/components/Switch/Switch.js.map +1 -1
- package/cjs/components/Switch/Switch.styles.js +6 -3
- package/cjs/components/Switch/Switch.styles.js.map +1 -1
- package/cjs/components/Table/Table.styles.js +2 -2
- package/cjs/components/Table/Table.styles.js.map +1 -1
- package/cjs/components/Tabs/TabControl/TabControl.js +1 -2
- package/cjs/components/Tabs/TabControl/TabControl.js.map +1 -1
- package/cjs/components/Tabs/TabControl/TabControl.styles.js +3 -3
- package/cjs/components/Tabs/TabControl/TabControl.styles.js.map +1 -1
- package/cjs/components/Tabs/Tabs.js +1 -2
- package/cjs/components/Tabs/Tabs.js.map +1 -1
- package/cjs/components/Tabs/Tabs.styles.js +1 -1
- package/cjs/components/Tabs/Tabs.styles.js.map +1 -1
- package/cjs/components/ThemeIcon/ThemeIcon.js +0 -2
- package/cjs/components/ThemeIcon/ThemeIcon.js.map +1 -1
- package/cjs/components/Timeline/Timeline.js +0 -1
- package/cjs/components/Timeline/Timeline.js.map +1 -1
- package/cjs/components/Timeline/TimelineItem/TimelineItem.js.map +1 -1
- package/cjs/components/Timeline/TimelineItem/TimelineItem.styles.js +4 -4
- package/cjs/components/Timeline/TimelineItem/TimelineItem.styles.js.map +1 -1
- package/cjs/components/Title/Title.js.map +1 -1
- package/cjs/components/Tooltip/Tooltip.js +1 -2
- package/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/cjs/components/Transition/Transition.js +0 -3
- package/cjs/components/Transition/Transition.js.map +1 -1
- package/cjs/components/Transition/index.js +10 -0
- package/cjs/components/Transition/index.js.map +1 -0
- package/cjs/index.js +94 -64
- package/cjs/index.js.map +1 -1
- package/esm/components/Accordion/Accordion.js +21 -28
- package/esm/components/Accordion/Accordion.js.map +1 -1
- package/esm/components/Accordion/AccordionItem/AccordionItem.js +103 -2
- package/esm/components/Accordion/AccordionItem/AccordionItem.js.map +1 -1
- package/esm/components/Accordion/{AccordionControl/AccordionControl.styles.js → AccordionItem/AccordionItem.styles.js} +26 -23
- package/esm/components/Accordion/AccordionItem/AccordionItem.styles.js.map +1 -0
- package/esm/components/Accordion/{AccordionControl → AccordionItem}/ChevronIcon.js +0 -0
- package/esm/components/Accordion/AccordionItem/ChevronIcon.js.map +1 -0
- package/esm/components/Accordion/use-accordion-state/use-accordion-state.js +60 -0
- package/esm/components/Accordion/use-accordion-state/use-accordion-state.js.map +1 -0
- package/esm/components/ActionIcon/ActionIcon.js +3 -11
- package/esm/components/ActionIcon/ActionIcon.js.map +1 -1
- package/esm/components/ActionIcon/ActionIcon.styles.js +5 -0
- package/esm/components/ActionIcon/ActionIcon.styles.js.map +1 -1
- package/esm/components/ActionIcon/CloseButton/CloseButton.js.map +1 -1
- package/esm/components/Alert/Alert.js +1 -1
- package/esm/components/Alert/Alert.js.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.js.map +1 -1
- package/esm/components/Autocomplete/Autocomplete.styles.js.map +1 -1
- package/esm/components/Avatar/Avatar.js +4 -5
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/Avatar/Avatar.styles.js +1 -0
- package/esm/components/Avatar/Avatar.styles.js.map +1 -1
- package/esm/components/Avatar/{PlaceholderIcon.js → AvatarPlaceholderIcon.js} +3 -3
- package/esm/components/Avatar/AvatarPlaceholderIcon.js.map +1 -0
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.js +92 -0
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.js.map +1 -0
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js +42 -0
- package/esm/components/Avatar/AvatarsGroup/AvatarsGroup.styles.js.map +1 -0
- package/esm/components/Badge/Badge.js +2 -4
- package/esm/components/Badge/Badge.js.map +1 -1
- package/esm/components/Blockquote/Blockquote.js.map +1 -1
- package/esm/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/esm/components/Burger/Burger.js +3 -6
- package/esm/components/Burger/Burger.js.map +1 -1
- package/esm/components/Burger/Burger.styles.js +7 -6
- package/esm/components/Burger/Burger.styles.js.map +1 -1
- package/esm/components/Button/Button.js +2 -10
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/Button.styles.js +7 -7
- package/esm/components/Button/Button.styles.js.map +1 -1
- package/esm/components/Button/UnstyledButton/UnstyledButton.js.map +1 -1
- package/esm/components/Card/Card.js +0 -1
- package/esm/components/Card/Card.js.map +1 -1
- package/esm/components/Center/Center.js +7 -4
- package/esm/components/Center/Center.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.js +4 -6
- package/esm/components/Checkbox/Checkbox.js.map +1 -1
- package/esm/components/Checkbox/Checkbox.styles.js +19 -12
- package/esm/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/esm/components/Checkbox/CheckboxIcon.js.map +1 -1
- package/esm/components/Chips/Chip/Chip.js +1 -1
- package/esm/components/Chips/Chip/Chip.js.map +1 -1
- package/esm/components/Chips/Chip/Chip.styles.js +5 -5
- package/esm/components/Chips/Chip/Chip.styles.js.map +1 -1
- package/esm/components/Chips/Chips.js +0 -1
- package/esm/components/Chips/Chips.js.map +1 -1
- package/esm/components/Collapse/Collapse.js +5 -5
- package/esm/components/Collapse/Collapse.js.map +1 -1
- package/esm/components/ColorInput/ColorInput.js +3 -10
- package/esm/components/ColorInput/ColorInput.js.map +1 -1
- package/esm/components/ColorInput/ColorInput.styles.js +1 -1
- package/esm/components/ColorInput/ColorInput.styles.js.map +1 -1
- package/esm/components/ColorPicker/ColorPicker.js +0 -2
- package/esm/components/ColorPicker/ColorPicker.js.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.js.map +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js +1 -1
- package/esm/components/ColorPicker/ColorSlider/ColorSlider.styles.js.map +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.js.map +1 -1
- package/esm/components/ColorPicker/Saturation/Saturation.styles.js +1 -3
- package/esm/components/ColorPicker/Saturation/Saturation.styles.js.map +1 -1
- package/esm/components/ColorPicker/Swatches/Swatches.js.map +1 -1
- package/esm/components/ColorPicker/Swatches/Swatches.styles.js +3 -3
- package/esm/components/ColorPicker/Swatches/Swatches.styles.js.map +1 -1
- package/esm/components/ColorPicker/Thumb/Thumb.js.map +1 -1
- package/esm/components/Container/Container.js +2 -3
- package/esm/components/Container/Container.js.map +1 -1
- package/esm/components/Dialog/Dialog.js +3 -3
- package/esm/components/Dialog/Dialog.js.map +1 -1
- package/esm/components/Dialog/Dialog.styles.js +24 -4
- package/esm/components/Dialog/Dialog.styles.js.map +1 -1
- package/esm/components/Divider/Divider.js +2 -3
- package/esm/components/Divider/Divider.js.map +1 -1
- package/esm/components/Divider/Divider.styles.js +0 -1
- package/esm/components/Divider/Divider.styles.js.map +1 -1
- package/esm/components/Drawer/Drawer.js +14 -17
- package/esm/components/Drawer/Drawer.js.map +1 -1
- package/esm/components/Drawer/Drawer.styles.js +9 -2
- package/esm/components/Drawer/Drawer.styles.js.map +1 -1
- package/esm/components/Grid/Col.js +3 -4
- package/esm/components/Grid/Col.js.map +1 -1
- package/esm/components/Grid/Grid.js +1 -3
- package/esm/components/Grid/Grid.js.map +1 -1
- package/esm/components/Grid/get-responsive-styles.js +3 -8
- package/esm/components/Grid/get-responsive-styles.js.map +1 -1
- package/esm/components/Group/Group.js.map +1 -1
- package/esm/components/Image/Image.js.map +1 -1
- package/esm/components/Image/Image.styles.js +1 -1
- package/esm/components/Image/Image.styles.js.map +1 -1
- package/esm/components/Input/Input.js +2 -4
- package/esm/components/Input/Input.js.map +1 -1
- package/esm/components/InputWrapper/InputWrapper.js.map +1 -1
- package/esm/components/List/List.js +0 -1
- package/esm/components/List/List.js.map +1 -1
- package/esm/components/List/ListItem/ListItem.js.map +1 -1
- package/esm/components/List/ListItem/ListItem.styles.js +1 -1
- package/esm/components/List/ListItem/ListItem.styles.js.map +1 -1
- package/esm/components/Loader/Loader.js.map +1 -1
- package/esm/components/LoadingOverlay/LoadingOverlay.js +2 -5
- package/esm/components/LoadingOverlay/LoadingOverlay.js.map +1 -1
- package/esm/components/Menu/Menu.js +5 -16
- package/esm/components/Menu/Menu.js.map +1 -1
- package/esm/components/Menu/Menu.styles.js +1 -1
- package/esm/components/Menu/Menu.styles.js.map +1 -1
- package/esm/components/Menu/MenuBody/MenuBody.js.map +1 -1
- package/esm/components/Menu/MenuBody/MenuBody.styles.js +6 -6
- package/esm/components/Menu/MenuBody/MenuBody.styles.js.map +1 -1
- package/esm/components/Menu/MenuButton/MenuButton.js.map +1 -1
- package/esm/components/Menu/MenuButton/MenuButton.styles.js +1 -1
- package/esm/components/Menu/MenuButton/MenuButton.styles.js.map +1 -1
- package/esm/components/Modal/Modal.js +11 -17
- package/esm/components/Modal/Modal.js.map +1 -1
- package/esm/components/Modal/Modal.styles.js +7 -0
- package/esm/components/Modal/Modal.styles.js.map +1 -1
- package/esm/components/MultiSelect/DefaultValue/DefaultValue.js.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.js +2 -2
- package/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/esm/components/MultiSelect/MultiSelect.styles.js +2 -2
- package/esm/components/MultiSelect/MultiSelect.styles.js.map +1 -1
- package/esm/components/Notification/Notification.js.map +1 -1
- package/esm/components/Notification/Notification.styles.js +5 -5
- package/esm/components/Notification/Notification.styles.js.map +1 -1
- package/esm/components/NumberInput/NumberInput.js.map +1 -1
- package/esm/components/Pagination/Pagination.js +1 -1
- package/esm/components/Pagination/Pagination.js.map +1 -1
- package/esm/components/Pagination/Pagination.styles.js +6 -6
- package/esm/components/Pagination/Pagination.styles.js.map +1 -1
- package/esm/components/Popover/Popover.js +3 -8
- package/esm/components/Popover/Popover.js.map +1 -1
- package/esm/components/Popover/Popover.styles.js +1 -1
- package/esm/components/Popover/Popover.styles.js.map +1 -1
- package/esm/components/Popover/PopoverBody/PopoverBody.js.map +1 -1
- package/esm/components/Popover/PopoverBody/PopoverBody.styles.js +1 -1
- package/esm/components/Popover/PopoverBody/PopoverBody.styles.js.map +1 -1
- package/esm/components/Popper/Popper.js +2 -2
- package/esm/components/Popper/Popper.js.map +1 -1
- package/esm/components/Popper/Popper.styles.js +3 -3
- package/esm/components/Popper/Popper.styles.js.map +1 -1
- package/esm/components/Progress/Progress.js +3 -6
- package/esm/components/Progress/Progress.js.map +1 -1
- package/esm/components/Progress/Progress.styles.js +5 -2
- package/esm/components/Progress/Progress.styles.js.map +1 -1
- package/esm/components/RadioGroup/Radio/Radio.js.map +1 -1
- package/esm/components/RadioGroup/Radio/Radio.styles.js +1 -1
- package/esm/components/RadioGroup/Radio/Radio.styles.js.map +1 -1
- package/esm/components/RadioGroup/RadioGroup.js +1 -4
- package/esm/components/RadioGroup/RadioGroup.js.map +1 -1
- package/esm/components/RingProgress/RingProgress.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.styles.js +7 -7
- package/esm/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
- package/esm/components/Select/Select.js +2 -2
- package/esm/components/Select/Select.js.map +1 -1
- package/esm/components/Select/SelectDropdown/SelectDropdown.js +1 -1
- package/esm/components/Select/SelectDropdown/SelectDropdown.js.map +1 -1
- package/esm/components/Select/SelectItems/SelectItems.js.map +1 -1
- package/esm/components/SimpleGrid/SimpleGrid.js.map +1 -1
- package/esm/components/Slider/Marks/Marks.js.map +1 -1
- package/esm/components/Slider/RangeSlider/RangeSlider.js.map +1 -1
- package/esm/components/Slider/Slider/Slider.js.map +1 -1
- package/esm/components/Slider/SliderRoot/SliderRoot.js.map +1 -1
- package/esm/components/Slider/Thumb/Thumb.js +1 -1
- package/esm/components/Slider/Thumb/Thumb.js.map +1 -1
- package/esm/components/Slider/Track/Track.js.map +1 -1
- package/esm/components/Spoiler/Spoiler.js +1 -2
- package/esm/components/Spoiler/Spoiler.js.map +1 -1
- package/esm/components/Spoiler/Spoiler.styles.js +4 -1
- package/esm/components/Spoiler/Spoiler.styles.js.map +1 -1
- package/esm/components/Switch/Switch.js +4 -6
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Switch/Switch.styles.js +6 -3
- package/esm/components/Switch/Switch.styles.js.map +1 -1
- package/esm/components/Table/Table.styles.js +2 -2
- package/esm/components/Table/Table.styles.js.map +1 -1
- package/esm/components/Tabs/TabControl/TabControl.js +2 -3
- package/esm/components/Tabs/TabControl/TabControl.js.map +1 -1
- package/esm/components/Tabs/TabControl/TabControl.styles.js +3 -3
- package/esm/components/Tabs/TabControl/TabControl.styles.js.map +1 -1
- package/esm/components/Tabs/Tabs.js +1 -2
- package/esm/components/Tabs/Tabs.js.map +1 -1
- package/esm/components/Tabs/Tabs.styles.js +1 -1
- package/esm/components/Tabs/Tabs.styles.js.map +1 -1
- package/esm/components/ThemeIcon/ThemeIcon.js +2 -3
- package/esm/components/ThemeIcon/ThemeIcon.js.map +1 -1
- package/esm/components/Timeline/Timeline.js +0 -1
- package/esm/components/Timeline/Timeline.js.map +1 -1
- package/esm/components/Timeline/TimelineItem/TimelineItem.js.map +1 -1
- package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js +4 -4
- package/esm/components/Timeline/TimelineItem/TimelineItem.styles.js.map +1 -1
- package/esm/components/Title/Title.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +1 -2
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/components/Transition/Transition.js +1 -3
- package/esm/components/Transition/Transition.js.map +1 -1
- package/esm/components/Transition/index.js +6 -0
- package/esm/components/Transition/index.js.map +1 -0
- package/esm/index.js +62 -37
- package/esm/index.js.map +1 -1
- package/lib/src/components/Accordion/Accordion.d.ts +14 -11
- package/lib/src/components/Accordion/Accordion.d.ts.map +1 -1
- package/lib/src/components/Accordion/AccordionItem/AccordionItem.d.ts +15 -7
- package/lib/src/components/Accordion/AccordionItem/AccordionItem.d.ts.map +1 -1
- package/lib/src/components/Accordion/AccordionItem/AccordionItem.styles.d.ts +12 -0
- package/lib/src/components/Accordion/AccordionItem/AccordionItem.styles.d.ts.map +1 -0
- package/lib/src/components/Accordion/{AccordionControl → AccordionItem}/ChevronIcon.d.ts +0 -0
- package/lib/src/components/Accordion/AccordionItem/ChevronIcon.d.ts.map +1 -0
- package/lib/src/components/Accordion/index.d.ts +7 -0
- package/lib/src/components/Accordion/index.d.ts.map +1 -0
- package/lib/src/components/Accordion/use-accordion-state/use-accordion-state.d.ts +13 -0
- package/lib/src/components/Accordion/use-accordion-state/use-accordion-state.d.ts.map +1 -0
- package/lib/src/components/ActionIcon/ActionIcon.d.ts +1 -8
- package/lib/src/components/ActionIcon/ActionIcon.d.ts.map +1 -1
- package/lib/src/components/ActionIcon/ActionIcon.styles.d.ts.map +1 -1
- package/lib/src/components/ActionIcon/CloseButton/CloseButton.d.ts.map +1 -1
- package/lib/src/components/ActionIcon/index.d.ts +8 -0
- package/lib/src/components/ActionIcon/index.d.ts.map +1 -0
- package/lib/src/components/Affix/index.d.ts +3 -0
- package/lib/src/components/Affix/index.d.ts.map +1 -0
- package/lib/src/components/Alert/Alert.d.ts +3 -3
- package/lib/src/components/Alert/Alert.d.ts.map +1 -1
- package/lib/src/components/Alert/Alert.styles.d.ts +2 -2
- package/lib/src/components/Alert/index.d.ts +3 -0
- package/lib/src/components/Alert/index.d.ts.map +1 -0
- package/lib/src/components/Anchor/index.d.ts +3 -0
- package/lib/src/components/Anchor/index.d.ts.map +1 -0
- package/lib/src/components/Autocomplete/Autocomplete.d.ts +4 -5
- package/lib/src/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/lib/src/components/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
- package/lib/src/components/Autocomplete/index.d.ts +3 -0
- package/lib/src/components/Autocomplete/index.d.ts.map +1 -0
- package/lib/src/components/Avatar/Avatar.d.ts +2 -9
- package/lib/src/components/Avatar/Avatar.d.ts.map +1 -1
- package/lib/src/components/Avatar/Avatar.styles.d.ts.map +1 -1
- package/lib/src/components/Avatar/AvatarPlaceholderIcon.d.ts +3 -0
- package/lib/src/components/Avatar/AvatarPlaceholderIcon.d.ts.map +1 -0
- package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.d.ts +21 -0
- package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.d.ts.map +1 -0
- package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.styles.d.ts +10 -0
- package/lib/src/components/Avatar/AvatarsGroup/AvatarsGroup.styles.d.ts.map +1 -0
- package/lib/src/components/Avatar/index.d.ts +7 -0
- package/lib/src/components/Avatar/index.d.ts.map +1 -0
- package/lib/src/components/Badge/Badge.d.ts +4 -6
- package/lib/src/components/Badge/Badge.d.ts.map +1 -1
- package/lib/src/components/Badge/Badge.styles.d.ts +2 -2
- package/lib/src/components/Badge/index.d.ts +4 -0
- package/lib/src/components/Badge/index.d.ts.map +1 -0
- package/lib/src/components/Blockquote/Blockquote.d.ts +2 -2
- package/lib/src/components/Blockquote/Blockquote.d.ts.map +1 -1
- package/lib/src/components/Blockquote/index.d.ts +4 -0
- package/lib/src/components/Blockquote/index.d.ts.map +1 -0
- package/lib/src/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
- package/lib/src/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/lib/src/components/Breadcrumbs/index.d.ts +3 -0
- package/lib/src/components/Breadcrumbs/index.d.ts.map +1 -0
- package/lib/src/components/Burger/Burger.d.ts +2 -9
- package/lib/src/components/Burger/Burger.d.ts.map +1 -1
- package/lib/src/components/Burger/Burger.styles.d.ts +2 -3
- package/lib/src/components/Burger/Burger.styles.d.ts.map +1 -1
- package/lib/src/components/Burger/index.d.ts +4 -0
- package/lib/src/components/Burger/index.d.ts.map +1 -0
- package/lib/src/components/Button/Button.d.ts +4 -5
- package/lib/src/components/Button/Button.d.ts.map +1 -1
- package/lib/src/components/Button/Button.styles.d.ts +2 -2
- package/lib/src/components/Button/Button.styles.d.ts.map +1 -1
- package/lib/src/components/Button/UnstyledButton/UnstyledButton.d.ts +2 -2
- package/lib/src/components/Button/UnstyledButton/UnstyledButton.d.ts.map +1 -1
- package/lib/src/components/Button/index.d.ts +6 -0
- package/lib/src/components/Button/index.d.ts.map +1 -0
- package/lib/src/components/Card/Card.d.ts +2 -3
- package/lib/src/components/Card/Card.d.ts.map +1 -1
- package/lib/src/components/Card/index.d.ts +5 -0
- package/lib/src/components/Card/index.d.ts.map +1 -0
- package/lib/src/components/Center/index.d.ts +3 -0
- package/lib/src/components/Center/index.d.ts.map +1 -0
- package/lib/src/components/Checkbox/Checkbox.d.ts +2 -9
- package/lib/src/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/lib/src/components/Checkbox/Checkbox.styles.d.ts.map +1 -1
- package/lib/src/components/Checkbox/CheckboxIcon.d.ts +1 -2
- package/lib/src/components/Checkbox/CheckboxIcon.d.ts.map +1 -1
- package/lib/src/components/Checkbox/index.d.ts +6 -0
- package/lib/src/components/Checkbox/index.d.ts.map +1 -0
- package/lib/src/components/Chips/Chip/Chip.d.ts +2 -2
- package/lib/src/components/Chips/Chip/Chip.d.ts.map +1 -1
- package/lib/src/components/Chips/Chip/Chip.styles.d.ts +2 -2
- package/lib/src/components/Chips/Chip/Chip.styles.d.ts.map +1 -1
- package/lib/src/components/Chips/Chips.d.ts +1 -4
- package/lib/src/components/Chips/Chips.d.ts.map +1 -1
- package/lib/src/components/Chips/index.d.ts +5 -0
- package/lib/src/components/Chips/index.d.ts.map +1 -0
- package/lib/src/components/Code/index.d.ts +3 -0
- package/lib/src/components/Code/index.d.ts.map +1 -0
- package/lib/src/components/Collapse/Collapse.d.ts.map +1 -1
- package/lib/src/components/Collapse/index.d.ts +3 -0
- package/lib/src/components/Collapse/index.d.ts.map +1 -0
- package/lib/src/components/ColorInput/ColorInput.d.ts +3 -3
- package/lib/src/components/ColorInput/ColorInput.d.ts.map +1 -1
- package/lib/src/components/ColorInput/ColorInput.styles.d.ts.map +1 -1
- package/lib/src/components/ColorInput/index.d.ts +3 -0
- package/lib/src/components/ColorInput/index.d.ts.map +1 -0
- package/lib/src/components/ColorPicker/ColorPicker.d.ts +2 -6
- package/lib/src/components/ColorPicker/ColorPicker.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/ColorSlider/ColorSlider.d.ts +2 -2
- package/lib/src/components/ColorPicker/ColorSlider/ColorSlider.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Saturation/Saturation.d.ts +2 -2
- package/lib/src/components/ColorPicker/Saturation/Saturation.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Saturation/Saturation.styles.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Swatches/Swatches.d.ts +2 -2
- package/lib/src/components/ColorPicker/Swatches/Swatches.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/Thumb/Thumb.d.ts +2 -2
- package/lib/src/components/ColorPicker/Thumb/Thumb.d.ts.map +1 -1
- package/lib/src/components/ColorPicker/index.d.ts +8 -0
- package/lib/src/components/ColorPicker/index.d.ts.map +1 -0
- package/lib/src/components/ColorSwatch/index.d.ts +3 -0
- package/lib/src/components/ColorSwatch/index.d.ts.map +1 -0
- package/lib/src/components/Container/Container.d.ts +0 -7
- package/lib/src/components/Container/Container.d.ts.map +1 -1
- package/lib/src/components/Container/index.d.ts +4 -0
- package/lib/src/components/Container/index.d.ts.map +1 -0
- package/lib/src/components/Dialog/Dialog.d.ts +3 -3
- package/lib/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/src/components/Dialog/Dialog.styles.d.ts.map +1 -1
- package/lib/src/components/Dialog/index.d.ts +3 -0
- package/lib/src/components/Dialog/index.d.ts.map +1 -0
- package/lib/src/components/Divider/Divider.d.ts +1 -8
- package/lib/src/components/Divider/Divider.d.ts.map +1 -1
- package/lib/src/components/Divider/Divider.styles.d.ts +2 -2
- package/lib/src/components/Divider/Divider.styles.d.ts.map +1 -1
- package/lib/src/components/Divider/index.d.ts +4 -0
- package/lib/src/components/Divider/index.d.ts.map +1 -0
- package/lib/src/components/Drawer/Drawer.d.ts +5 -13
- package/lib/src/components/Drawer/Drawer.d.ts.map +1 -1
- package/lib/src/components/Drawer/Drawer.styles.d.ts +4 -4
- package/lib/src/components/Drawer/Drawer.styles.d.ts.map +1 -1
- package/lib/src/components/Drawer/index.d.ts +5 -0
- package/lib/src/components/Drawer/index.d.ts.map +1 -0
- package/lib/src/components/Grid/Col.d.ts +0 -1
- package/lib/src/components/Grid/Col.d.ts.map +1 -1
- package/lib/src/components/Grid/Grid.d.ts +0 -3
- package/lib/src/components/Grid/Grid.d.ts.map +1 -1
- package/lib/src/components/Grid/get-responsive-styles.d.ts +1 -2
- package/lib/src/components/Grid/get-responsive-styles.d.ts.map +1 -1
- package/lib/src/components/Grid/index.d.ts +5 -0
- package/lib/src/components/Grid/index.d.ts.map +1 -0
- package/lib/src/components/Group/Group.d.ts +2 -3
- package/lib/src/components/Group/Group.d.ts.map +1 -1
- package/lib/src/components/Group/index.d.ts +4 -0
- package/lib/src/components/Group/index.d.ts.map +1 -0
- package/lib/src/components/Highlight/index.d.ts +3 -0
- package/lib/src/components/Highlight/index.d.ts.map +1 -0
- package/lib/src/components/Image/Image.d.ts +2 -2
- package/lib/src/components/Image/Image.d.ts.map +1 -1
- package/lib/src/components/Image/index.d.ts +3 -0
- package/lib/src/components/Image/index.d.ts.map +1 -0
- package/lib/src/components/Input/Input.d.ts +4 -12
- package/lib/src/components/Input/Input.d.ts.map +1 -1
- package/lib/src/components/Input/index.d.ts +4 -0
- package/lib/src/components/Input/index.d.ts.map +1 -0
- package/lib/src/components/InputWrapper/InputWrapper.d.ts +2 -2
- package/lib/src/components/InputWrapper/InputWrapper.d.ts.map +1 -1
- package/lib/src/components/InputWrapper/InputWrapper.styles.d.ts +2 -2
- package/lib/src/components/InputWrapper/index.d.ts +3 -0
- package/lib/src/components/InputWrapper/index.d.ts.map +1 -0
- package/lib/src/components/JsonInput/index.d.ts +4 -0
- package/lib/src/components/JsonInput/index.d.ts.map +1 -0
- package/lib/src/components/Kbd/index.d.ts +3 -0
- package/lib/src/components/Kbd/index.d.ts.map +1 -0
- package/lib/src/components/List/List.d.ts +3 -5
- package/lib/src/components/List/List.d.ts.map +1 -1
- package/lib/src/components/List/ListItem/ListItem.d.ts +2 -2
- package/lib/src/components/List/ListItem/ListItem.d.ts.map +1 -1
- package/lib/src/components/List/ListItem/ListItem.styles.d.ts +2 -2
- package/lib/src/components/List/index.d.ts +5 -0
- package/lib/src/components/List/index.d.ts.map +1 -0
- package/lib/src/components/Loader/Loader.d.ts +2 -12
- package/lib/src/components/Loader/Loader.d.ts.map +1 -1
- package/lib/src/components/Loader/index.d.ts +3 -0
- package/lib/src/components/Loader/index.d.ts.map +1 -0
- package/lib/src/components/LoadingOverlay/LoadingOverlay.d.ts.map +1 -1
- package/lib/src/components/LoadingOverlay/index.d.ts +3 -0
- package/lib/src/components/LoadingOverlay/index.d.ts.map +1 -0
- package/lib/src/components/Mark/index.d.ts +3 -0
- package/lib/src/components/Mark/index.d.ts.map +1 -0
- package/lib/src/components/MediaQuery/MediaQuery.d.ts +13 -0
- package/lib/src/components/MediaQuery/MediaQuery.d.ts.map +1 -0
- package/lib/src/components/MediaQuery/MediaQuery.styles.d.ts +11 -0
- package/lib/src/components/MediaQuery/MediaQuery.styles.d.ts.map +1 -0
- package/lib/src/components/Menu/Menu.d.ts +5 -14
- package/lib/src/components/Menu/Menu.d.ts.map +1 -1
- package/lib/src/components/Menu/Menu.styles.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuBody/MenuBody.d.ts +3 -3
- package/lib/src/components/Menu/MenuBody/MenuBody.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuBody/MenuBody.styles.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuButton/MenuButton.d.ts +2 -2
- package/lib/src/components/Menu/MenuButton/MenuButton.d.ts.map +1 -1
- package/lib/src/components/Menu/MenuButton/MenuButton.styles.d.ts.map +1 -1
- package/lib/src/components/Menu/index.d.ts +8 -0
- package/lib/src/components/Menu/index.d.ts.map +1 -0
- package/lib/src/components/Modal/Modal.d.ts +3 -11
- package/lib/src/components/Modal/Modal.d.ts.map +1 -1
- package/lib/src/components/Modal/Modal.styles.d.ts +2 -2
- package/lib/src/components/Modal/Modal.styles.d.ts.map +1 -1
- package/lib/src/components/Modal/index.d.ts +4 -0
- package/lib/src/components/Modal/index.d.ts.map +1 -0
- package/lib/src/components/MultiSelect/DefaultValue/DefaultValue.d.ts +2 -2
- package/lib/src/components/MultiSelect/DefaultValue/DefaultValue.d.ts.map +1 -1
- package/lib/src/components/MultiSelect/MultiSelect.d.ts +4 -5
- package/lib/src/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/lib/src/components/MultiSelect/MultiSelect.styles.d.ts.map +1 -1
- package/lib/src/components/MultiSelect/index.d.ts +4 -0
- package/lib/src/components/MultiSelect/index.d.ts.map +1 -0
- package/lib/src/components/NativeSelect/index.d.ts +3 -0
- package/lib/src/components/NativeSelect/index.d.ts.map +1 -0
- package/lib/src/components/Notification/Notification.d.ts +2 -2
- package/lib/src/components/Notification/Notification.d.ts.map +1 -1
- package/lib/src/components/Notification/Notification.styles.d.ts +2 -2
- package/lib/src/components/Notification/index.d.ts +3 -0
- package/lib/src/components/Notification/index.d.ts.map +1 -0
- package/lib/src/components/NumberInput/NumberInput.d.ts +2 -2
- package/lib/src/components/NumberInput/NumberInput.d.ts.map +1 -1
- package/lib/src/components/NumberInput/NumberInput.styles.d.ts +2 -2
- package/lib/src/components/NumberInput/index.d.ts +3 -0
- package/lib/src/components/NumberInput/index.d.ts.map +1 -0
- package/lib/src/components/Overlay/index.d.ts +3 -0
- package/lib/src/components/Overlay/index.d.ts.map +1 -0
- package/lib/src/components/Pagination/Pagination.d.ts +3 -4
- package/lib/src/components/Pagination/Pagination.d.ts.map +1 -1
- package/lib/src/components/Pagination/Pagination.styles.d.ts +2 -2
- package/lib/src/components/Pagination/index.d.ts +4 -0
- package/lib/src/components/Pagination/index.d.ts.map +1 -0
- package/lib/src/components/Paper/index.d.ts +3 -0
- package/lib/src/components/Paper/index.d.ts.map +1 -0
- package/lib/src/components/PasswordInput/index.d.ts +3 -0
- package/lib/src/components/PasswordInput/index.d.ts.map +1 -0
- package/lib/src/components/Popover/Popover.d.ts +2 -2
- package/lib/src/components/Popover/Popover.d.ts.map +1 -1
- package/lib/src/components/Popover/Popover.styles.d.ts.map +1 -1
- package/lib/src/components/Popover/PopoverBody/PopoverBody.d.ts +2 -2
- package/lib/src/components/Popover/PopoverBody/PopoverBody.d.ts.map +1 -1
- package/lib/src/components/Popover/PopoverBody/PopoverBody.styles.d.ts +2 -2
- package/lib/src/components/Popover/index.d.ts +3 -0
- package/lib/src/components/Popover/index.d.ts.map +1 -0
- package/lib/src/components/Popper/Popper.d.ts +1 -1
- package/lib/src/components/Popper/Popper.d.ts.map +1 -1
- package/lib/src/components/Popper/Popper.styles.d.ts +2 -2
- package/lib/src/components/Popper/index.d.ts +3 -0
- package/lib/src/components/Popper/index.d.ts.map +1 -0
- package/lib/src/components/Portal/index.d.ts +3 -0
- package/lib/src/components/Portal/index.d.ts.map +1 -0
- package/lib/src/components/Progress/Progress.d.ts +2 -9
- package/lib/src/components/Progress/Progress.d.ts.map +1 -1
- package/lib/src/components/Progress/Progress.styles.d.ts +0 -1
- package/lib/src/components/Progress/Progress.styles.d.ts.map +1 -1
- package/lib/src/components/Progress/index.d.ts +4 -0
- package/lib/src/components/Progress/index.d.ts.map +1 -0
- package/lib/src/components/RadioGroup/Radio/Radio.d.ts +2 -2
- package/lib/src/components/RadioGroup/Radio/Radio.d.ts.map +1 -1
- package/lib/src/components/RadioGroup/Radio/Radio.styles.d.ts.map +1 -1
- package/lib/src/components/RadioGroup/RadioGroup.d.ts +1 -10
- package/lib/src/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/lib/src/components/RadioGroup/index.d.ts +6 -0
- package/lib/src/components/RadioGroup/index.d.ts.map +1 -0
- package/lib/src/components/RingProgress/RingProgress.d.ts +2 -2
- package/lib/src/components/RingProgress/RingProgress.d.ts.map +1 -1
- package/lib/src/components/RingProgress/index.d.ts +3 -0
- package/lib/src/components/RingProgress/index.d.ts.map +1 -0
- package/lib/src/components/SegmentedControl/SegmentedControl.d.ts +3 -4
- package/lib/src/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/lib/src/components/SegmentedControl/SegmentedControl.styles.d.ts +3 -3
- package/lib/src/components/SegmentedControl/SegmentedControl.styles.d.ts.map +1 -1
- package/lib/src/components/SegmentedControl/index.d.ts +3 -0
- package/lib/src/components/SegmentedControl/index.d.ts.map +1 -0
- package/lib/src/components/Select/Select.d.ts +2 -5
- package/lib/src/components/Select/Select.d.ts.map +1 -1
- package/lib/src/components/Select/SelectDropdown/SelectDropdown.d.ts +3 -3
- package/lib/src/components/Select/SelectDropdown/SelectDropdown.d.ts.map +1 -1
- package/lib/src/components/Select/SelectItems/SelectItems.d.ts +2 -2
- package/lib/src/components/Select/SelectItems/SelectItems.d.ts.map +1 -1
- package/lib/src/components/Select/index.d.ts +5 -0
- package/lib/src/components/Select/index.d.ts.map +1 -0
- package/lib/src/components/SimpleGrid/SimpleGrid.d.ts +2 -3
- package/lib/src/components/SimpleGrid/SimpleGrid.d.ts.map +1 -1
- package/lib/src/components/SimpleGrid/index.d.ts +3 -0
- package/lib/src/components/SimpleGrid/index.d.ts.map +1 -0
- package/lib/src/components/Slider/Marks/Marks.d.ts +2 -2
- package/lib/src/components/Slider/Marks/Marks.d.ts.map +1 -1
- package/lib/src/components/Slider/RangeSlider/RangeSlider.d.ts +1 -1
- package/lib/src/components/Slider/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/lib/src/components/Slider/Slider/Slider.d.ts +1 -1
- package/lib/src/components/Slider/Slider/Slider.d.ts.map +1 -1
- package/lib/src/components/Slider/SliderRoot/SliderRoot.d.ts +2 -2
- package/lib/src/components/Slider/SliderRoot/SliderRoot.d.ts.map +1 -1
- package/lib/src/components/Slider/Thumb/Thumb.d.ts +3 -3
- package/lib/src/components/Slider/Thumb/Thumb.d.ts.map +1 -1
- package/lib/src/components/Slider/Track/Track.d.ts +2 -2
- package/lib/src/components/Slider/Track/Track.d.ts.map +1 -1
- package/lib/src/components/Spoiler/Spoiler.d.ts +2 -2
- package/lib/src/components/Spoiler/Spoiler.d.ts.map +1 -1
- package/lib/src/components/Spoiler/Spoiler.styles.d.ts +2 -2
- package/lib/src/components/Spoiler/Spoiler.styles.d.ts.map +1 -1
- package/lib/src/components/Spoiler/index.d.ts +3 -0
- package/lib/src/components/Spoiler/index.d.ts.map +1 -0
- package/lib/src/components/Switch/Switch.d.ts +2 -6
- package/lib/src/components/Switch/Switch.d.ts.map +1 -1
- package/lib/src/components/Switch/Switch.styles.d.ts +0 -1
- package/lib/src/components/Switch/Switch.styles.d.ts.map +1 -1
- package/lib/src/components/Switch/index.d.ts +4 -0
- package/lib/src/components/Switch/index.d.ts.map +1 -0
- package/lib/src/components/Table/Table.styles.d.ts.map +1 -1
- package/lib/src/components/Table/index.d.ts +3 -0
- package/lib/src/components/Table/index.d.ts.map +1 -0
- package/lib/src/components/Tabs/TabControl/TabControl.d.ts +2 -2
- package/lib/src/components/Tabs/TabControl/TabControl.d.ts.map +1 -1
- package/lib/src/components/Tabs/TabControl/TabControl.styles.d.ts +2 -3
- package/lib/src/components/Tabs/TabControl/TabControl.styles.d.ts.map +1 -1
- package/lib/src/components/Tabs/Tabs.d.ts +5 -9
- package/lib/src/components/Tabs/Tabs.d.ts.map +1 -1
- package/lib/src/components/Tabs/Tabs.styles.d.ts +2 -2
- package/lib/src/components/Tabs/Tabs.styles.d.ts.map +1 -1
- package/lib/src/components/Tabs/index.d.ts +5 -0
- package/lib/src/components/Tabs/index.d.ts.map +1 -0
- package/lib/src/components/Text/Text.styles.d.ts +2 -2
- package/lib/src/components/Text/index.d.ts +3 -0
- package/lib/src/components/Text/index.d.ts.map +1 -0
- package/lib/src/components/TextInput/index.d.ts +3 -0
- package/lib/src/components/TextInput/index.d.ts.map +1 -0
- package/lib/src/components/Textarea/index.d.ts +3 -0
- package/lib/src/components/Textarea/index.d.ts.map +1 -0
- package/lib/src/components/ThemeIcon/ThemeIcon.d.ts +0 -7
- package/lib/src/components/ThemeIcon/ThemeIcon.d.ts.map +1 -1
- package/lib/src/components/ThemeIcon/index.d.ts +5 -0
- package/lib/src/components/ThemeIcon/index.d.ts.map +1 -0
- package/lib/src/components/Timeline/Timeline.d.ts +2 -5
- package/lib/src/components/Timeline/Timeline.d.ts.map +1 -1
- package/lib/src/components/Timeline/TimelineItem/TimelineItem.d.ts +2 -2
- package/lib/src/components/Timeline/TimelineItem/TimelineItem.d.ts.map +1 -1
- package/lib/src/components/Timeline/index.d.ts +5 -0
- package/lib/src/components/Timeline/index.d.ts.map +1 -0
- package/lib/src/components/Title/Title.d.ts +2 -1
- package/lib/src/components/Title/Title.d.ts.map +1 -1
- package/lib/src/components/Title/index.d.ts +3 -0
- package/lib/src/components/Title/index.d.ts.map +1 -0
- package/lib/src/components/Tooltip/Tooltip.d.ts +2 -2
- package/lib/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/lib/src/components/Tooltip/index.d.ts +3 -0
- package/lib/src/components/Tooltip/index.d.ts.map +1 -0
- package/lib/src/components/Transition/Transition.d.ts +0 -4
- package/lib/src/components/Transition/Transition.d.ts.map +1 -1
- package/lib/src/components/Transition/index.d.ts +7 -0
- package/lib/src/components/Transition/index.d.ts.map +1 -0
- package/lib/src/components/TypographyStylesProvider/index.d.ts +3 -0
- package/lib/src/components/TypographyStylesProvider/index.d.ts.map +1 -0
- package/lib/src/demos.d.ts.map +1 -1
- package/lib/src/index.d.ts +70 -141
- package/lib/src/index.d.ts.map +1 -1
- package/lib/src/utils/index.d.ts +0 -1
- package/lib/src/utils/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/cjs/components/Accordion/AccordionControl/AccordionControl.js +0 -110
- package/cjs/components/Accordion/AccordionControl/AccordionControl.js.map +0 -1
- package/cjs/components/Accordion/AccordionControl/AccordionControl.styles.js.map +0 -1
- package/cjs/components/Accordion/AccordionControl/ChevronIcon.js.map +0 -1
- package/cjs/components/Avatar/PlaceholderIcon.js.map +0 -1
- package/cjs/utils/ClickOutsideProvider/ClickOutsiteProvider.js +0 -59
- package/cjs/utils/ClickOutsideProvider/ClickOutsiteProvider.js.map +0 -1
- package/esm/components/Accordion/AccordionControl/AccordionControl.js +0 -102
- package/esm/components/Accordion/AccordionControl/AccordionControl.js.map +0 -1
- package/esm/components/Accordion/AccordionControl/AccordionControl.styles.js.map +0 -1
- package/esm/components/Accordion/AccordionControl/ChevronIcon.js.map +0 -1
- package/esm/components/Avatar/PlaceholderIcon.js.map +0 -1
- package/esm/utils/ClickOutsideProvider/ClickOutsiteProvider.js +0 -49
- package/esm/utils/ClickOutsideProvider/ClickOutsiteProvider.js.map +0 -1
- package/lib/src/components/Accordion/AccordionControl/AccordionControl.d.ts +0 -17
- package/lib/src/components/Accordion/AccordionControl/AccordionControl.d.ts.map +0 -1
- package/lib/src/components/Accordion/AccordionControl/AccordionControl.styles.d.ts +0 -9
- package/lib/src/components/Accordion/AccordionControl/AccordionControl.styles.d.ts.map +0 -1
- package/lib/src/components/Accordion/AccordionControl/ChevronIcon.d.ts.map +0 -1
- package/lib/src/components/Avatar/PlaceholderIcon.d.ts +0 -3
- package/lib/src/components/Avatar/PlaceholderIcon.d.ts.map +0 -1
- package/lib/src/utils/ClickOutsideProvider/ClickOutsiteProvider.d.ts +0 -14
- package/lib/src/utils/ClickOutsideProvider/ClickOutsiteProvider.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { mergeStyles, DefaultProps, MantineColor } from '@mantine/styles';\nimport { CloseButton } from '../ActionIcon
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React from 'react';\nimport { mergeStyles, DefaultProps, MantineColor, ClassNames } from '@mantine/styles';\nimport { CloseButton } from '../ActionIcon';\nimport useStyles from './Alert.styles';\n\nexport type AlertStylesNames = ClassNames<typeof useStyles>;\n\nexport interface AlertProps\n extends DefaultProps<AlertStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {\n /** Optional alert title */\n title?: React.ReactNode;\n\n /** Alert message */\n children: React.ReactNode;\n\n /** Alert title and line colors from theme */\n color?: MantineColor;\n\n /** Icon displayed before title */\n icon?: React.ReactNode;\n\n /** Display close button */\n withCloseButton?: boolean;\n\n /** Called when close button is clicked */\n onClose?(): void;\n\n /** Close button aria-label */\n closeButtonLabel?: string;\n}\n\nexport function Alert({\n className,\n title,\n children,\n color,\n style,\n classNames,\n icon,\n styles,\n withCloseButton,\n ...others\n}: AlertProps) {\n const { classes, cx } = useStyles({ color, withIcon: !!icon }, classNames, 'alert');\n const _styles = mergeStyles(classes, styles);\n\n return (\n <div className={cx(classes.root, className)} style={{ ...style, ..._styles.root }} {...others}>\n <div className={classes.wrapper} style={_styles.wrapper}>\n {icon && (\n <div className={classes.icon} style={_styles.icon}>\n {icon}\n </div>\n )}\n\n <div className={classes.body} style={_styles.body}>\n {title && (\n <div className={classes.title} style={_styles.title}>\n <span>{title}</span>\n {withCloseButton && (\n <CloseButton\n className={classes.closeButton}\n style={_styles.closeButton}\n variant=\"transparent\"\n size={16}\n iconSize={16}\n />\n )}\n </div>\n )}\n\n <div className={classes.message} style={_styles.message}>\n {children}\n </div>\n </div>\n </div>\n </div>\n );\n}\n\nAlert.displayName = '@mantine/core/Alert';\n"],"names":["styles","useStyles","mergeStyles","React","CloseButton"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { useId, useUncontrolled, useMergedRef, useDidUpdate } from '@mantine/hooks';\nimport { mergeStyles, DefaultProps, MantineSize, MantineShadow } from '@mantine/styles';\nimport {\n InputWrapper,\n InputWrapperBaseProps,\n InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\nimport { MantineTransition } from '../Transition/Transition';\nimport { SelectDropdown, SelectDropdownStylesNames } from '../Select/SelectDropdown/SelectDropdown';\nimport { SelectItems } from '../Select/SelectItems/SelectItems';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem';\nimport { filterData } from './filter-data/filter-data';\nimport useStyles from './Autocomplete.styles';\n\nexport type AutocompleteStylesNames =\n | InputStylesNames\n | InputWrapperStylesNames\n | SelectDropdownStylesNames\n | keyof ReturnType<typeof useStyles>['classes'];\n\nexport interface AutocompleteItem {\n value: string;\n [key: string]: any;\n}\n\nexport type AutocompleteDataItem = string | AutocompleteItem;\n\nexport interface AutocompleteProps\n extends DefaultProps<AutocompleteStylesNames>,\n InputBaseProps,\n InputWrapperBaseProps,\n Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'onChange'> {\n /** Input size */\n size?: MantineSize;\n\n /** Get input ref */\n elementRef?: React.ForwardedRef<HTMLInputElement>;\n\n /** Autocomplete data used to renderer items in dropdown */\n data: AutocompleteDataItem[];\n\n /** Change item renderer */\n itemComponent?: React.FC<any>;\n\n /** Dropdown shadow from theme or any value to set box-shadow */\n shadow?: MantineShadow;\n\n /** Limit amount of items rendered in dropdown */\n limit?: number;\n\n /** Called when item from dropdown was selected */\n onItemSubmit?(item: AutocompleteItem): void;\n\n /** Controlled input value */\n value?: string;\n\n /** Uncontrolled input defaultValue */\n defaultValue?: string;\n\n /** Controlled input onChange handler */\n onChange?(value: string): void;\n\n /** Dropdown body appear/disappear transition */\n transition?: MantineTransition;\n\n /** Dropdown body transition duration */\n transitionDuration?: number;\n\n /** Dropdown body transition timing function, defaults to theme.transitionTimingFunction */\n transitionTimingFunction?: string;\n\n /** Initial dropdown opened state */\n initiallyOpened?: boolean;\n\n /** Function based on which items in dropdown are filtered */\n filter?(value: string, item: AutocompleteItem): boolean;\n\n /** Message that will be displayed on zero search results */\n nothingFound?: string;\n}\n\nexport function defaultFilter(value: string, item: AutocompleteItem) {\n return item.value.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\n\nexport function Autocomplete({\n className,\n style,\n required = false,\n label,\n id,\n error,\n description,\n size = 'sm',\n shadow = 'sm',\n data,\n limit = 5,\n value,\n defaultValue,\n onChange,\n itemComponent = DefaultItem,\n onItemSubmit,\n onKeyDown,\n onFocus,\n onBlur,\n onClick,\n transition = 'skew-up',\n transitionDuration = 0,\n initiallyOpened = false,\n transitionTimingFunction,\n wrapperProps,\n elementRef,\n classNames,\n styles,\n filter = defaultFilter,\n nothingFound,\n ...others\n}: AutocompleteProps) {\n const { classes } = useStyles({ size }, classNames, 'autocomplete');\n const _styles = mergeStyles(classes, styles);\n const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n const [hovered, setHovered] = useState(-1);\n const inputRef = useRef<HTMLInputElement>();\n const uuid = useId(id);\n const [_value, handleChange] = useUncontrolled({\n value,\n defaultValue,\n finalValue: '',\n onChange,\n rule: (val) => typeof val === 'string',\n });\n\n useDidUpdate(() => {\n setHovered(0);\n }, [_value]);\n\n const handleItemClick = (item: AutocompleteItem) => {\n handleChange(item.value);\n typeof onItemSubmit === 'function' && onItemSubmit(item);\n setTimeout(() => setDropdownOpened(false));\n inputRef.current.focus();\n };\n\n const formattedData = data.map((item) => (typeof item === 'string' ? { value: item } : item));\n const filteredData = filterData({ data: formattedData, value: _value, limit, filter });\n\n const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n typeof onKeyDown === 'function' && onKeyDown(event);\n\n switch (event.nativeEvent.code) {\n case 'ArrowUp': {\n event.preventDefault();\n setHovered((current) => (current > 0 ? current - 1 : current));\n break;\n }\n\n case 'ArrowDown': {\n event.preventDefault();\n setHovered((current) => (current < filteredData.length - 1 ? current + 1 : current));\n break;\n }\n\n case 'Enter': {\n if (filteredData[hovered] && dropdownOpened) {\n event.preventDefault();\n handleChange(filteredData[hovered].value);\n typeof onItemSubmit === 'function' && onItemSubmit(filteredData[hovered]);\n setDropdownOpened(false);\n }\n break;\n }\n\n case 'Escape': {\n if (dropdownOpened) {\n event.preventDefault();\n setDropdownOpened(false);\n }\n }\n }\n };\n\n const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onFocus === 'function' && onFocus(event);\n };\n\n const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onBlur === 'function' && onBlur(event);\n setDropdownOpened(false);\n };\n\n const handleInputClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n typeof onClick === 'function' && onClick(event);\n setDropdownOpened((o) => !o);\n };\n\n const shouldRenderDropdown =\n dropdownOpened && (filteredData.length > 0 || (filteredData.length === 0 && !!nothingFound));\n\n return (\n <InputWrapper\n required={required}\n id={uuid}\n label={label}\n error={error}\n description={description}\n size={size}\n className={className}\n style={style}\n classNames={classNames}\n styles={styles}\n __staticSelector=\"autocomplete\"\n {...wrapperProps}\n >\n <div\n className={classes.wrapper}\n style={_styles.wrapper}\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-owns={`${uuid}-items`}\n aria-controls={uuid}\n aria-expanded={shouldRenderDropdown}\n onMouseLeave={() => setHovered(-1)}\n tabIndex={-1}\n >\n <Input<'input'>\n {...others}\n data-mantine-stop-propagation={dropdownOpened}\n required={required}\n elementRef={useMergedRef(elementRef, inputRef)}\n id={uuid}\n type=\"string\"\n invalid={!!error}\n size={size}\n onKeyDown={handleInputKeydown}\n classNames={classNames}\n styles={styles}\n __staticSelector=\"autocomplete\"\n value={_value}\n onChange={(event) => {\n handleChange(event.currentTarget.value);\n setDropdownOpened(true);\n }}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onClick={handleInputClick}\n aria-autocomplete=\"list\"\n aria-controls={shouldRenderDropdown ? `${uuid}-items` : null}\n aria-activedescendant={hovered !== -1 ? `${uuid}-${hovered}` : null}\n />\n\n <SelectDropdown\n mounted={shouldRenderDropdown}\n transition={transition}\n transitionDuration={transitionDuration}\n transitionTimingFunction={transitionTimingFunction}\n uuid={uuid}\n shadow={shadow}\n maxDropdownHeight=\"auto\"\n classNames={classNames}\n styles={styles}\n __staticSelector=\"autocomplete\"\n >\n <SelectItems\n data={filteredData}\n hovered={hovered}\n classNames={classNames}\n styles={styles}\n uuid={uuid}\n __staticSelector=\"autocomplete\"\n onItemHover={setHovered}\n onItemSelect={handleItemClick}\n itemComponent={itemComponent}\n size={size}\n nothingFound={nothingFound}\n />\n </SelectDropdown>\n </div>\n </InputWrapper>\n );\n}\n\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n"],"names":["DefaultItem","styles","useStyles","mergeStyles","useState","useRef","useId","useUncontrolled","useDidUpdate","filterData","React","InputWrapper","Input","useMergedRef","SelectDropdown","SelectItems"],"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;AAaK,SAAS,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE;AAC3C,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;AAC9E,CAAC;AACM,SAAS,YAAY,CAAC,EAAE,EAAE;AACjC,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE;AACf,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,QAAQ,GAAG,KAAK;AACpB,IAAI,KAAK;AACT,IAAI,EAAE;AACN,IAAI,KAAK;AACT,IAAI,WAAW;AACf,IAAI,IAAI,GAAG,IAAI;AACf,IAAI,MAAM,GAAG,IAAI;AACjB,IAAI,IAAI;AACR,IAAI,KAAK,GAAG,CAAC;AACb,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,aAAa,GAAGA,uBAAW;AAC/B,IAAI,YAAY;AAChB,IAAI,SAAS;AACb,IAAI,OAAO;AACX,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,UAAU,GAAG,SAAS;AAC1B,IAAI,kBAAkB,GAAG,CAAC;AAC1B,IAAI,eAAe,GAAG,KAAK;AAC3B,IAAI,wBAAwB;AAC5B,IAAI,YAAY;AAChB,IAAI,UAAU;AACd,IAAI,UAAU;AACd,YAAIC,QAAM;AACV,IAAI,MAAM,GAAG,aAAa;AAC1B,IAAI,YAAY;AAChB,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE;AACjC,IAAI,WAAW;AACf,IAAI,OAAO;AACX,IAAI,UAAU;AACd,IAAI,OAAO;AACX,IAAI,IAAI;AACR,IAAI,OAAO;AACX,IAAI,aAAa;AACjB,IAAI,MAAM;AACV,IAAI,QAAQ;AACZ,IAAI,MAAM;AACV,IAAI,OAAO;AACX,IAAI,OAAO;AACX,IAAI,cAAc;AAClB,IAAI,UAAU;AACd,IAAI,eAAe;AACnB,IAAI,cAAc;AAClB,IAAI,WAAW;AACf,IAAI,SAAS;AACb,IAAI,QAAQ;AACZ,IAAI,SAAS;AACb,IAAI,YAAY;AAChB,IAAI,oBAAoB;AACxB,IAAI,iBAAiB;AACrB,IAAI,0BAA0B;AAC9B,IAAI,cAAc;AAClB,IAAI,YAAY;AAChB,IAAI,YAAY;AAChB,IAAI,QAAQ;AACZ,IAAI,QAAQ;AACZ,IAAI,cAAc;AAClB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,EAAE,OAAO,EAAE,GAAGC,8BAAS,CAAC,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,cAAc,CAAC,CAAC;AACtE,EAAE,MAAM,OAAO,GAAGC,kBAAW,CAAC,OAAO,EAAEF,QAAM,CAAC,CAAC;AAC/C,EAAE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAGG,cAAQ,CAAC,eAAe,CAAC,CAAC;AACxE,EAAE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7C,EAAE,MAAM,QAAQ,GAAGC,YAAM,EAAE,CAAC;AAC5B,EAAE,MAAM,IAAI,GAAGC,WAAK,CAAC,EAAE,CAAC,CAAC;AACzB,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAGC,qBAAe,CAAC;AACjD,IAAI,KAAK;AACT,IAAI,YAAY;AAChB,IAAI,UAAU,EAAE,EAAE;AAClB,IAAI,QAAQ;AACZ,IAAI,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,GAAG,KAAK,QAAQ;AAC1C,GAAG,CAAC,CAAC;AACL,EAAEC,kBAAY,CAAC,MAAM;AACrB,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC;AAClB,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,EAAE,MAAM,eAAe,GAAG,CAAC,IAAI,KAAK;AACpC,IAAI,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC7B,IAAI,OAAO,YAAY,KAAK,UAAU,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC;AAC7D,IAAI,UAAU,CAAC,MAAM,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/C,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAC7B,GAAG,CAAC;AACJ,EAAE,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,CAAC;AAC9F,EAAE,MAAM,YAAY,GAAGC,qBAAU,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AACzF,EAAE,MAAM,kBAAkB,GAAG,CAAC,KAAK,KAAK;AACxC,IAAI,OAAO,SAAS,KAAK,UAAU,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC;AACxD,IAAI,QAAQ,KAAK,CAAC,WAAW,CAAC,IAAI;AAClC,MAAM,KAAK,SAAS,EAAE;AACtB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,UAAU,CAAC,CAAC,OAAO,KAAK,OAAO,GAAG,CAAC,GAAG,OAAO,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;AACrE,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,KAAK,WAAW,EAAE;AACxB,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;AAC/B,QAAQ,UAAU,CAAC,CAAC,OAAO,KAAK,OAAO,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,GAAG,OAAO,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;AAC3F,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,KAAK,OAAO,EAAE;AACpB,QAAQ,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,cAAc,EAAE;AACrD,UAAU,KAAK,CAAC,cAAc,EAAE,CAAC;AACjC,UAAU,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;AACpD,UAAU,OAAO,YAAY,KAAK,UAAU,IAAI,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;AACpF,UAAU,iBAAiB,CAAC,KAAK,CAAC,CAAC;AACnC,SAAS;AACT,QAAQ,MAAM;AACd,OAAO;AACP,MAAM,KAAK,QAAQ,EAAE;AACrB,QAAQ,IAAI,cAAc,EAAE;AAC5B,UAAU,KAAK,CAAC,cAAc,EAAE,CAAC;AACjC,UAAU,iBAAiB,CAAC,KAAK,CAAC,CAAC;AACnC,SAAS;AACT,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG,CAAC,KAAK,KAAK;AACtC,IAAI,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;AACpD,GAAG,CAAC;AACJ,EAAE,MAAM,eAAe,GAAG,CAAC,KAAK,KAAK;AACrC,IAAI,OAAO,MAAM,KAAK,UAAU,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;AAClD,IAAI,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAC7B,GAAG,CAAC;AACJ,EAAE,MAAM,gBAAgB,GAAG,CAAC,KAAK,KAAK;AACtC,IAAI,OAAO,OAAO,KAAK,UAAU,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;AACpD,IAAI,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AACjC,GAAG,CAAC;AACJ,EAAE,MAAM,oBAAoB,GAAG,cAAc,KAAK,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAC1H,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,yBAAY,EAAE,cAAc,CAAC;AAC1E,IAAI,QAAQ;AACZ,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,KAAK;AACT,IAAI,KAAK;AACT,IAAI,WAAW;AACf,IAAI,IAAI;AACR,IAAI,SAAS;AACb,IAAI,KAAK;AACT,IAAI,UAAU;AACd,YAAIV,QAAM;AACV,IAAI,gBAAgB,EAAE,cAAc;AACpC,GAAG,EAAE,YAAY,CAAC,kBAAkBS,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAC/D,IAAI,SAAS,EAAE,OAAO,CAAC,OAAO;AAC9B,IAAI,KAAK,EAAE,OAAO,CAAC,OAAO;AAC1B,IAAI,IAAI,EAAE,UAAU;AACpB,IAAI,eAAe,EAAE,SAAS;AAC9B,IAAI,WAAW,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC;AAChC,IAAI,eAAe,EAAE,IAAI;AACzB,IAAI,eAAe,EAAE,oBAAoB;AACzC,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC,CAAC,CAAC,CAAC;AACtC,IAAI,QAAQ,EAAE,CAAC,CAAC;AAChB,GAAG,kBAAkBA,cAAK,CAAC,aAAa,CAACE,WAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,MAAM,CAAC,EAAE;AAC1F,IAAI,+BAA+B,EAAE,cAAc;AACnD,IAAI,QAAQ;AACZ,IAAI,UAAU,EAAEC,kBAAY,CAAC,UAAU,EAAE,QAAQ,CAAC;AAClD,IAAI,EAAE,EAAE,IAAI;AACZ,IAAI,IAAI,EAAE,QAAQ;AAClB,IAAI,OAAO,EAAE,CAAC,CAAC,KAAK;AACpB,IAAI,IAAI;AACR,IAAI,SAAS,EAAE,kBAAkB;AACjC,IAAI,UAAU;AACd,YAAIZ,QAAM;AACV,IAAI,gBAAgB,EAAE,cAAc;AACpC,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,QAAQ,EAAE,CAAC,KAAK,KAAK;AACzB,MAAM,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC9C,MAAM,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAC9B,KAAK;AACL,IAAI,OAAO,EAAE,gBAAgB;AAC7B,IAAI,MAAM,EAAE,eAAe;AAC3B,IAAI,OAAO,EAAE,gBAAgB;AAC7B,IAAI,mBAAmB,EAAE,MAAM;AAC/B,IAAI,eAAe,EAAE,oBAAoB,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI;AAClE,IAAI,uBAAuB,EAAE,OAAO,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,GAAG,IAAI;AACzE,GAAG,CAAC,CAAC,kBAAkBS,cAAK,CAAC,aAAa,CAACI,6BAAc,EAAE;AAC3D,IAAI,OAAO,EAAE,oBAAoB;AACjC,IAAI,UAAU;AACd,IAAI,kBAAkB;AACtB,IAAI,wBAAwB;AAC5B,IAAI,IAAI;AACR,IAAI,MAAM;AACV,IAAI,iBAAiB,EAAE,MAAM;AAC7B,IAAI,UAAU;AACd,YAAIb,QAAM;AACV,IAAI,gBAAgB,EAAE,cAAc;AACpC,GAAG,kBAAkBS,cAAK,CAAC,aAAa,CAACK,uBAAW,EAAE;AACtD,IAAI,IAAI,EAAE,YAAY;AACtB,IAAI,OAAO;AACX,IAAI,UAAU;AACd,YAAId,QAAM;AACV,IAAI,IAAI;AACR,IAAI,gBAAgB,EAAE,cAAc;AACpC,IAAI,WAAW,EAAE,UAAU;AAC3B,IAAI,YAAY,EAAE,eAAe;AACjC,IAAI,aAAa;AACjB,IAAI,IAAI;AACR,IAAI,YAAY;AAChB,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACR,CAAC;AACD,YAAY,CAAC,WAAW,GAAG,4BAA4B;;;;;"}
|
|
1
|
+
{"version":3,"file":"Autocomplete.js","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { useId, useUncontrolled, useMergedRef, useDidUpdate } from '@mantine/hooks';\nimport { mergeStyles, DefaultProps, MantineSize, MantineShadow, ClassNames } from '@mantine/styles';\nimport {\n InputWrapper,\n InputWrapperBaseProps,\n InputWrapperStylesNames,\n} from '../InputWrapper/InputWrapper';\nimport { Input, InputBaseProps, InputStylesNames } from '../Input/Input';\nimport { MantineTransition } from '../Transition';\nimport { SelectDropdown, SelectDropdownStylesNames } from '../Select/SelectDropdown/SelectDropdown';\nimport { SelectItems } from '../Select/SelectItems/SelectItems';\nimport { DefaultItem } from '../Select/DefaultItem/DefaultItem';\nimport { filterData } from './filter-data/filter-data';\nimport useStyles from './Autocomplete.styles';\n\nexport type AutocompleteStylesNames =\n | InputStylesNames\n | InputWrapperStylesNames\n | SelectDropdownStylesNames\n | ClassNames<typeof useStyles>;\n\nexport interface AutocompleteItem {\n value: string;\n [key: string]: any;\n}\n\nexport interface AutocompleteProps\n extends DefaultProps<AutocompleteStylesNames>,\n InputBaseProps,\n InputWrapperBaseProps,\n Omit<React.ComponentPropsWithoutRef<'input'>, 'size' | 'onChange'> {\n /** Input size */\n size?: MantineSize;\n\n /** Get input ref */\n elementRef?: React.ForwardedRef<HTMLInputElement>;\n\n /** Autocomplete data used to renderer items in dropdown */\n data: (string | AutocompleteItem)[];\n\n /** Change item renderer */\n itemComponent?: React.FC<any>;\n\n /** Dropdown shadow from theme or any value to set box-shadow */\n shadow?: MantineShadow;\n\n /** Limit amount of items rendered in dropdown */\n limit?: number;\n\n /** Called when item from dropdown was selected */\n onItemSubmit?(item: AutocompleteItem): void;\n\n /** Controlled input value */\n value?: string;\n\n /** Uncontrolled input defaultValue */\n defaultValue?: string;\n\n /** Controlled input onChange handler */\n onChange?(value: string): void;\n\n /** Dropdown body appear/disappear transition */\n transition?: MantineTransition;\n\n /** Dropdown body transition duration */\n transitionDuration?: number;\n\n /** Dropdown body transition timing function, defaults to theme.transitionTimingFunction */\n transitionTimingFunction?: string;\n\n /** Initial dropdown opened state */\n initiallyOpened?: boolean;\n\n /** Function based on which items in dropdown are filtered */\n filter?(value: string, item: AutocompleteItem): boolean;\n\n /** Message that will be displayed on zero search results */\n nothingFound?: string;\n}\n\nexport function defaultFilter(value: string, item: AutocompleteItem) {\n return item.value.toLowerCase().trim().includes(value.toLowerCase().trim());\n}\n\nexport function Autocomplete({\n className,\n style,\n required = false,\n label,\n id,\n error,\n description,\n size = 'sm',\n shadow = 'sm',\n data,\n limit = 5,\n value,\n defaultValue,\n onChange,\n itemComponent = DefaultItem,\n onItemSubmit,\n onKeyDown,\n onFocus,\n onBlur,\n onClick,\n transition = 'skew-up',\n transitionDuration = 0,\n initiallyOpened = false,\n transitionTimingFunction,\n wrapperProps,\n elementRef,\n classNames,\n styles,\n filter = defaultFilter,\n nothingFound,\n ...others\n}: AutocompleteProps) {\n const { classes } = useStyles({ size }, classNames, 'autocomplete');\n const _styles = mergeStyles(classes, styles);\n const [dropdownOpened, setDropdownOpened] = useState(initiallyOpened);\n const [hovered, setHovered] = useState(-1);\n const inputRef = useRef<HTMLInputElement>();\n const uuid = useId(id);\n const [_value, handleChange] = useUncontrolled({\n value,\n defaultValue,\n finalValue: '',\n onChange,\n rule: (val) => typeof val === 'string',\n });\n\n useDidUpdate(() => {\n setHovered(0);\n }, [_value]);\n\n const handleItemClick = (item: AutocompleteItem) => {\n handleChange(item.value);\n typeof onItemSubmit === 'function' && onItemSubmit(item);\n setTimeout(() => setDropdownOpened(false));\n inputRef.current.focus();\n };\n\n const formattedData = data.map((item) => (typeof item === 'string' ? { value: item } : item));\n const filteredData = filterData({ data: formattedData, value: _value, limit, filter });\n\n const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n typeof onKeyDown === 'function' && onKeyDown(event);\n\n switch (event.nativeEvent.code) {\n case 'ArrowUp': {\n event.preventDefault();\n setHovered((current) => (current > 0 ? current - 1 : current));\n break;\n }\n\n case 'ArrowDown': {\n event.preventDefault();\n setHovered((current) => (current < filteredData.length - 1 ? current + 1 : current));\n break;\n }\n\n case 'Enter': {\n if (filteredData[hovered] && dropdownOpened) {\n event.preventDefault();\n handleChange(filteredData[hovered].value);\n typeof onItemSubmit === 'function' && onItemSubmit(filteredData[hovered]);\n setDropdownOpened(false);\n }\n break;\n }\n\n case 'Escape': {\n if (dropdownOpened) {\n event.preventDefault();\n setDropdownOpened(false);\n }\n }\n }\n };\n\n const handleInputFocus = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onFocus === 'function' && onFocus(event);\n };\n\n const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n typeof onBlur === 'function' && onBlur(event);\n setDropdownOpened(false);\n };\n\n const handleInputClick = (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => {\n typeof onClick === 'function' && onClick(event);\n setDropdownOpened((o) => !o);\n };\n\n const shouldRenderDropdown =\n dropdownOpened && (filteredData.length > 0 || (filteredData.length === 0 && !!nothingFound));\n\n return (\n <InputWrapper\n required={required}\n id={uuid}\n label={label}\n error={error}\n description={description}\n size={size}\n className={className}\n style={style}\n classNames={classNames}\n styles={styles}\n __staticSelector=\"autocomplete\"\n {...wrapperProps}\n >\n <div\n className={classes.wrapper}\n style={_styles.wrapper}\n role=\"combobox\"\n aria-haspopup=\"listbox\"\n aria-owns={`${uuid}-items`}\n aria-controls={uuid}\n aria-expanded={shouldRenderDropdown}\n onMouseLeave={() => setHovered(-1)}\n tabIndex={-1}\n >\n <Input<'input'>\n {...others}\n data-mantine-stop-propagation={dropdownOpened}\n required={required}\n elementRef={useMergedRef(elementRef, inputRef)}\n id={uuid}\n type=\"string\"\n invalid={!!error}\n size={size}\n onKeyDown={handleInputKeydown}\n classNames={classNames}\n styles={styles}\n __staticSelector=\"autocomplete\"\n value={_value}\n onChange={(event) => {\n handleChange(event.currentTarget.value);\n setDropdownOpened(true);\n }}\n onFocus={handleInputFocus}\n onBlur={handleInputBlur}\n onClick={handleInputClick}\n aria-autocomplete=\"list\"\n aria-controls={shouldRenderDropdown ? `${uuid}-items` : null}\n aria-activedescendant={hovered !== -1 ? `${uuid}-${hovered}` : null}\n />\n\n <SelectDropdown\n mounted={shouldRenderDropdown}\n transition={transition}\n transitionDuration={transitionDuration}\n transitionTimingFunction={transitionTimingFunction}\n uuid={uuid}\n shadow={shadow}\n maxDropdownHeight=\"auto\"\n classNames={classNames}\n styles={styles}\n __staticSelector=\"autocomplete\"\n >\n <SelectItems\n data={filteredData}\n hovered={hovered}\n classNames={classNames}\n styles={styles}\n uuid={uuid}\n __staticSelector=\"autocomplete\"\n onItemHover={setHovered}\n onItemSelect={handleItemClick}\n itemComponent={itemComponent}\n size={size}\n nothingFound={nothingFound}\n />\n </SelectDropdown>\n </div>\n </InputWrapper>\n );\n}\n\nAutocomplete.displayName = '@mantine/core/Autocomplete';\n"],"names":["DefaultItem","styles","useStyles","mergeStyles","useState","useRef","useId","useUncontrolled","useDidUpdate","filterData","React","InputWrapper","Input","useMergedRef","SelectDropdown","SelectItems"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { createStyles, getSizeValue, MantineSize } from '@mantine/styles';\n\ninterface AutocompleteStyles {\n size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: AutocompleteStyles) => {\n const spacing = getSizeValue({ size, sizes: theme.spacing });\n return {\n wrapper: {\n position: 'relative',\n },\n\n item: {\n textAlign: 'left',\n width: '100%',\n padding: `${spacing / 1.5}px ${spacing}`,\n fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n },\n\n hovered: {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n },\n\n nothingFound: {\n boxSizing: 'border-box',\n color: theme.colors.gray[6],\n paddingTop: spacing / 2,\n paddingBottom: spacing / 2,\n textAlign: 'center',\n },\n };\n});\n"],"names":["createStyles","getSizeValue"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK;AACjD,EAAE,MAAM,OAAO,GAAGC,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/D,EAAE,OAAO;AACT,IAAI,OAAO,EAAE;AACb,MAAM,QAAQ,EAAE,UAAU;AAC1B,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,SAAS,EAAE,MAAM;AACvB,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,OAAO,EAAE,CAAC,EAAE,OAAO,GAAG,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAC9C,MAAM,QAAQ,EAAEA,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC9D,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC9E,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjC,MAAM,UAAU,EAAE,OAAO,GAAG,CAAC;AAC7B,MAAM,aAAa,EAAE,OAAO,GAAG,CAAC;AAChC,MAAM,SAAS,EAAE,QAAQ;AACzB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"Autocomplete.styles.js","sources":["../../../src/components/Autocomplete/Autocomplete.styles.ts"],"sourcesContent":["import { createStyles, getSizeValue, MantineSize } from '@mantine/styles';\n\ninterface AutocompleteStyles {\n size: MantineSize;\n}\n\nexport default createStyles((theme, { size }: AutocompleteStyles) => {\n const spacing = getSizeValue({ size, sizes: theme.spacing });\n\n return {\n wrapper: {\n position: 'relative',\n },\n\n item: {\n textAlign: 'left',\n width: '100%',\n padding: `${spacing / 1.5}px ${spacing}`,\n fontSize: getSizeValue({ size, sizes: theme.fontSizes }),\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n },\n\n hovered: {\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n },\n\n nothingFound: {\n boxSizing: 'border-box',\n color: theme.colors.gray[6],\n paddingTop: spacing / 2,\n paddingBottom: spacing / 2,\n textAlign: 'center',\n },\n };\n});\n"],"names":["createStyles","getSizeValue"],"mappings":";;;;;;AACA,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK;AACjD,EAAE,MAAM,OAAO,GAAGC,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;AAC/D,EAAE,OAAO;AACT,IAAI,OAAO,EAAE;AACb,MAAM,QAAQ,EAAE,UAAU;AAC1B,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,SAAS,EAAE,MAAM;AACvB,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,OAAO,EAAE,CAAC,EAAE,OAAO,GAAG,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAC9C,MAAM,QAAQ,EAAEA,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;AAC9D,MAAM,KAAK,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AAC9E,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjG,KAAK;AACL,IAAI,YAAY,EAAE;AAClB,MAAM,SAAS,EAAE,YAAY;AAC7B,MAAM,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACjC,MAAM,UAAU,EAAE,OAAO,GAAG,CAAC;AAC7B,MAAM,aAAa,EAAE,OAAO,GAAG,CAAC;AAChC,MAAM,SAAS,EAAE,QAAQ;AACzB,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var styles = require('@mantine/styles');
|
|
7
|
-
var
|
|
7
|
+
var AvatarPlaceholderIcon = require('./AvatarPlaceholderIcon.js');
|
|
8
8
|
var Avatar_styles = require('./Avatar.styles.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
@@ -42,7 +42,6 @@ var __objRest = (source, exclude) => {
|
|
|
42
42
|
}
|
|
43
43
|
return target;
|
|
44
44
|
};
|
|
45
|
-
const AVATAR_SIZES = Avatar_styles.sizes;
|
|
46
45
|
function Avatar(_a) {
|
|
47
46
|
var _b = _a, {
|
|
48
47
|
component,
|
|
@@ -86,7 +85,7 @@ function Avatar(_a) {
|
|
|
86
85
|
className: classes.placeholder,
|
|
87
86
|
title: alt,
|
|
88
87
|
style: _styles.placeholder
|
|
89
|
-
}, children || /* @__PURE__ */ React__default.createElement(
|
|
88
|
+
}, children || /* @__PURE__ */ React__default.createElement(AvatarPlaceholderIcon.AvatarPlaceholderIcon, {
|
|
90
89
|
className: classes.placeholderIcon,
|
|
91
90
|
style: _styles.placeholderIcon
|
|
92
91
|
})) : /* @__PURE__ */ React__default.createElement("img", {
|
|
@@ -99,6 +98,5 @@ function Avatar(_a) {
|
|
|
99
98
|
}
|
|
100
99
|
Avatar.displayName = "@mantine/core/Avatar";
|
|
101
100
|
|
|
102
|
-
exports.AVATAR_SIZES = AVATAR_SIZES;
|
|
103
101
|
exports.Avatar = Avatar;
|
|
104
102
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n DefaultProps,\n MantineNumberSize,\n MantineColor,\n mergeStyles,\n ClassNames,\n} from '@mantine/styles';\nimport { AvatarPlaceholderIcon } from './AvatarPlaceholderIcon';\nimport useStyles from './Avatar.styles';\n\nexport type AvatarStylesNames = ClassNames<typeof useStyles>;\n\ninterface _AvatarProps<C extends React.ElementType, R extends HTMLElement>\n extends DefaultProps<AvatarStylesNames> {\n /** Root element or custom component */\n component?: C;\n\n /** Get element ref */\n elementRef?: React.ForwardedRef<R>;\n\n /** Image url */\n src?: string;\n\n /** Image alt text or title for placeholder variant */\n alt?: string;\n\n /** Avatar width and height */\n size?: MantineNumberSize;\n\n /** Predefined border-radius value from theme.radius or number for border-radius in px */\n radius?: MantineNumberSize;\n\n /** Color from theme used for letter and icon placeholders */\n color?: MantineColor;\n}\n\nexport type AvatarProps<\n C extends React.ElementType = 'div',\n R extends HTMLElement = HTMLDivElement\n> = _AvatarProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof _AvatarProps<C, R>>;\n\nexport function Avatar<\n C extends React.ElementType = 'div',\n R extends HTMLElement = HTMLDivElement\n>({\n component,\n className,\n style,\n size = 'md',\n src,\n alt,\n radius = 'sm',\n children,\n color = 'gray',\n classNames,\n styles,\n elementRef,\n ...others\n}: AvatarProps<C, R>) {\n const { classes, cx } = useStyles({ color, radius, size }, classNames, 'avatar');\n const _styles = mergeStyles(classes, styles);\n const [error, setError] = useState(!src);\n const Element = component || 'div';\n\n useEffect(() => {\n !src ? setError(true) : setError(false);\n }, [src]);\n\n return (\n <Element\n {...others}\n className={cx(classes.root, className)}\n style={{ ..._styles.root, ...style }}\n ref={elementRef as any}\n >\n {error ? (\n <div className={classes.placeholder} title={alt} style={_styles.placeholder}>\n {children || (\n <AvatarPlaceholderIcon\n className={classes.placeholderIcon}\n style={_styles.placeholderIcon}\n />\n )}\n </div>\n ) : (\n <img\n className={classes.image}\n src={src}\n alt={alt}\n onError={() => setError(true)}\n style={_styles.image}\n />\n )}\n </Element>\n );\n}\n\nAvatar.displayName = '@mantine/core/Avatar';\n"],"names":["styles","useStyles","mergeStyles","useState","useEffect","React","AvatarPlaceholderIcon"],"mappings":"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"}
|
|
@@ -38,6 +38,7 @@ var useStyles = styles.createStyles((theme, { size, radius, color }) => ({
|
|
|
38
38
|
userSelect: "none",
|
|
39
39
|
overflow: "hidden",
|
|
40
40
|
width: styles.getSizeValue({ size, sizes }),
|
|
41
|
+
minWidth: styles.getSizeValue({ size, sizes }),
|
|
41
42
|
height: styles.getSizeValue({ size, sizes }),
|
|
42
43
|
borderRadius: radius ? styles.getSizeValue({ size: radius, sizes: theme.radius }) : size
|
|
43
44
|
}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.styles.js","sources":["../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n MantineColor,\n getSizeValue,\n getFontStyles,\n getSharedColorScheme,\n getFocusStyles,\n} from '@mantine/styles';\n\ninterface AvatarStyles {\n size: MantineNumberSize;\n radius: MantineNumberSize;\n color: MantineColor;\n}\n\nexport const sizes = {\n xs: 16,\n sm: 26,\n md: 38,\n lg: 56,\n xl: 84,\n};\n\nexport default createStyles((theme, { size, radius, color }: AvatarStyles) => ({\n root: {\n ...getFocusStyles(theme),\n WebkitTapHighlightColor: 'transparent',\n boxSizing: 'border-box',\n position: 'relative',\n userSelect: 'none',\n overflow: 'hidden',\n width: getSizeValue({ size, sizes }),\n height: getSizeValue({ size, sizes }),\n borderRadius: radius ? getSizeValue({ size: radius, sizes: theme.radius }) : size,\n },\n\n image: {\n objectFit: 'cover',\n width: '100%',\n height: '100%',\n display: 'block',\n },\n\n placeholder: {\n ...getFontStyles(theme),\n fontSize: getSizeValue({ size, sizes }) / 2.5,\n color: getSharedColorScheme({ theme, color, variant: 'light' }).color,\n fontWeight: 700,\n backgroundColor: getSharedColorScheme({ theme, color, variant: 'light' }).background,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: '100%',\n userSelect: 'none',\n },\n\n placeholderIcon: {\n width: '70%',\n height: '70%',\n color: getSharedColorScheme({ theme, color, variant: 'light' }).color,\n },\n}));\n"],"names":["createStyles","getFocusStyles","getSizeValue","getFontStyles","getSharedColorScheme"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Avatar.styles.js","sources":["../../../src/components/Avatar/Avatar.styles.ts"],"sourcesContent":["import {\n createStyles,\n MantineNumberSize,\n MantineColor,\n getSizeValue,\n getFontStyles,\n getSharedColorScheme,\n getFocusStyles,\n} from '@mantine/styles';\n\ninterface AvatarStyles {\n size: MantineNumberSize;\n radius: MantineNumberSize;\n color: MantineColor;\n}\n\nexport const sizes = {\n xs: 16,\n sm: 26,\n md: 38,\n lg: 56,\n xl: 84,\n};\n\nexport default createStyles((theme, { size, radius, color }: AvatarStyles) => ({\n root: {\n ...getFocusStyles(theme),\n WebkitTapHighlightColor: 'transparent',\n boxSizing: 'border-box',\n position: 'relative',\n userSelect: 'none',\n overflow: 'hidden',\n width: getSizeValue({ size, sizes }),\n minWidth: getSizeValue({ size, sizes }),\n height: getSizeValue({ size, sizes }),\n borderRadius: radius ? getSizeValue({ size: radius, sizes: theme.radius }) : size,\n },\n\n image: {\n objectFit: 'cover',\n width: '100%',\n height: '100%',\n display: 'block',\n },\n\n placeholder: {\n ...getFontStyles(theme),\n fontSize: getSizeValue({ size, sizes }) / 2.5,\n color: getSharedColorScheme({ theme, color, variant: 'light' }).color,\n fontWeight: 700,\n backgroundColor: getSharedColorScheme({ theme, color, variant: 'light' }).background,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: '100%',\n height: '100%',\n userSelect: 'none',\n },\n\n placeholderIcon: {\n width: '70%',\n height: '70%',\n color: getSharedColorScheme({ theme, color, variant: 'light' }).color,\n },\n}));\n"],"names":["createStyles","getFocusStyles","getSizeValue","getFontStyles","getSharedColorScheme"],"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;AAQtD,MAAC,KAAK,GAAG;AACrB,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE,EAAE,EAAE,EAAE;AACR,EAAE;AACF,gBAAeA,mBAAY,CAAC,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM;AACjE,EAAE,IAAI,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAEC,qBAAc,CAAC,KAAK,CAAC,CAAC,EAAE;AACjE,IAAI,uBAAuB,EAAE,aAAa;AAC1C,IAAI,SAAS,EAAE,YAAY;AAC3B,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,UAAU,EAAE,MAAM;AACtB,IAAI,QAAQ,EAAE,QAAQ;AACtB,IAAI,KAAK,EAAEC,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACxC,IAAI,QAAQ,EAAEA,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AAC3C,IAAI,MAAM,EAAEA,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;AACzC,IAAI,YAAY,EAAE,MAAM,GAAGA,mBAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI;AACrF,GAAG,CAAC;AACJ,EAAE,KAAK,EAAE;AACT,IAAI,SAAS,EAAE,OAAO;AACtB,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,MAAM,EAAE,MAAM;AAClB,IAAI,OAAO,EAAE,OAAO;AACpB,GAAG;AACH,EAAE,WAAW,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAEC,oBAAa,CAAC,KAAK,CAAC,CAAC,EAAE;AACvE,IAAI,QAAQ,EAAED,mBAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG;AACjD,IAAI,KAAK,EAAEE,2BAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK;AACzE,IAAI,UAAU,EAAE,GAAG;AACnB,IAAI,eAAe,EAAEA,2BAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,UAAU;AACxF,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,UAAU,EAAE,QAAQ;AACxB,IAAI,cAAc,EAAE,QAAQ;AAC5B,IAAI,KAAK,EAAE,MAAM;AACjB,IAAI,MAAM,EAAE,MAAM;AAClB,IAAI,UAAU,EAAE,MAAM;AACtB,GAAG,CAAC;AACJ,EAAE,eAAe,EAAE;AACnB,IAAI,KAAK,EAAE,KAAK;AAChB,IAAI,MAAM,EAAE,KAAK;AACjB,IAAI,KAAK,EAAEA,2BAAoB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK;AACzE,GAAG;AACH,CAAC,CAAC,CAAC;;;;;"}
|
|
@@ -27,7 +27,7 @@ var __spreadValues = (a, b) => {
|
|
|
27
27
|
return a;
|
|
28
28
|
};
|
|
29
29
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
30
|
-
function
|
|
30
|
+
function AvatarPlaceholderIcon(props) {
|
|
31
31
|
return /* @__PURE__ */ React__default.createElement("svg", __spreadProps(__spreadValues({}, props), {
|
|
32
32
|
width: "15",
|
|
33
33
|
height: "15",
|
|
@@ -42,5 +42,5 @@ function PlaceholderIcon(props) {
|
|
|
42
42
|
}));
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
exports.
|
|
46
|
-
//# sourceMappingURL=
|
|
45
|
+
exports.AvatarPlaceholderIcon = AvatarPlaceholderIcon;
|
|
46
|
+
//# sourceMappingURL=AvatarPlaceholderIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarPlaceholderIcon.js","sources":["../../../src/components/Avatar/AvatarPlaceholderIcon.tsx"],"sourcesContent":["import React from 'react';\n\nexport function AvatarPlaceholderIcon(props: React.ComponentProps<'svg'>) {\n return (\n <svg\n {...props}\n width=\"15\"\n height=\"15\"\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.877014 7.49988C0.877014 3.84219 3.84216 0.877045 7.49985 0.877045C11.1575 0.877045 14.1227 3.84219 14.1227 7.49988C14.1227 11.1575 11.1575 14.1227 7.49985 14.1227C3.84216 14.1227 0.877014 11.1575 0.877014 7.49988ZM7.49985 1.82704C4.36683 1.82704 1.82701 4.36686 1.82701 7.49988C1.82701 8.97196 2.38774 10.3131 3.30727 11.3213C4.19074 9.94119 5.73818 9.02499 7.50023 9.02499C9.26206 9.02499 10.8093 9.94097 11.6929 11.3208C12.6121 10.3127 13.1727 8.97172 13.1727 7.49988C13.1727 4.36686 10.6328 1.82704 7.49985 1.82704ZM10.9818 11.9787C10.2839 10.7795 8.9857 9.97499 7.50023 9.97499C6.01458 9.97499 4.71624 10.7797 4.01845 11.9791C4.97952 12.7272 6.18765 13.1727 7.49985 13.1727C8.81227 13.1727 10.0206 12.727 10.9818 11.9787ZM5.14999 6.50487C5.14999 5.207 6.20212 4.15487 7.49999 4.15487C8.79786 4.15487 9.84999 5.207 9.84999 6.50487C9.84999 7.80274 8.79786 8.85487 7.49999 8.85487C6.20212 8.85487 5.14999 7.80274 5.14999 6.50487ZM7.49999 5.10487C6.72679 5.10487 6.09999 5.73167 6.09999 6.50487C6.09999 7.27807 6.72679 7.90487 7.49999 7.90487C8.27319 7.90487 8.89999 7.27807 8.89999 6.50487C8.89999 5.73167 8.27319 5.10487 7.49999 5.10487Z\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n />\n </svg>\n );\n}\n"],"names":["React"],"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;AAE3D,SAAS,qBAAqB,CAAC,KAAK,EAAE;AAC7C,EAAE,uBAAuBA,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE;AAC7F,IAAI,KAAK,EAAE,IAAI;AACf,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,KAAK,EAAE,4BAA4B;AACvC,GAAG,CAAC,kBAAkBA,cAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AAClD,IAAI,CAAC,EAAE,wnCAAwnC;AAC/nC,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,QAAQ,EAAE,SAAS;AACvB,IAAI,QAAQ,EAAE,SAAS;AACvB,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var styles = require('@mantine/styles');
|
|
7
|
+
var Avatar = require('../Avatar.js');
|
|
8
|
+
var AvatarsGroup_styles = require('./AvatarsGroup.styles.js');
|
|
9
|
+
var Center = require('../../Center/Center.js');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
|
|
12
|
+
|
|
13
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
14
|
+
|
|
15
|
+
var __defProp = Object.defineProperty;
|
|
16
|
+
var __defProps = Object.defineProperties;
|
|
17
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
18
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
19
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
20
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
21
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
22
|
+
var __spreadValues = (a, b) => {
|
|
23
|
+
for (var prop in b || (b = {}))
|
|
24
|
+
if (__hasOwnProp.call(b, prop))
|
|
25
|
+
__defNormalProp(a, prop, b[prop]);
|
|
26
|
+
if (__getOwnPropSymbols)
|
|
27
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
28
|
+
if (__propIsEnum.call(b, prop))
|
|
29
|
+
__defNormalProp(a, prop, b[prop]);
|
|
30
|
+
}
|
|
31
|
+
return a;
|
|
32
|
+
};
|
|
33
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
34
|
+
var __objRest = (source, exclude) => {
|
|
35
|
+
var target = {};
|
|
36
|
+
for (var prop in source)
|
|
37
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
38
|
+
target[prop] = source[prop];
|
|
39
|
+
if (source != null && __getOwnPropSymbols)
|
|
40
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
41
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
42
|
+
target[prop] = source[prop];
|
|
43
|
+
}
|
|
44
|
+
return target;
|
|
45
|
+
};
|
|
46
|
+
function AvatarsGroup(_a) {
|
|
47
|
+
var _b = _a, {
|
|
48
|
+
className,
|
|
49
|
+
style,
|
|
50
|
+
children,
|
|
51
|
+
size = "md",
|
|
52
|
+
radius = "xl",
|
|
53
|
+
limit = 2,
|
|
54
|
+
classNames,
|
|
55
|
+
styles: styles$1,
|
|
56
|
+
spacing = "lg"
|
|
57
|
+
} = _b, others = __objRest(_b, [
|
|
58
|
+
"className",
|
|
59
|
+
"style",
|
|
60
|
+
"children",
|
|
61
|
+
"size",
|
|
62
|
+
"radius",
|
|
63
|
+
"limit",
|
|
64
|
+
"classNames",
|
|
65
|
+
"styles",
|
|
66
|
+
"spacing"
|
|
67
|
+
]);
|
|
68
|
+
const { classes, cx } = AvatarsGroup_styles['default']({ spacing }, classNames, "avatars-group");
|
|
69
|
+
const _styles = styles.mergeStyles(classes, styles$1);
|
|
70
|
+
const avatars = React__default.Children.toArray(children).filter((child) => child.type === Avatar.Avatar).map((child, index) => {
|
|
71
|
+
const childStyle = __spreadProps(__spreadValues({}, child.props.style), {
|
|
72
|
+
zIndex: index + 1
|
|
73
|
+
});
|
|
74
|
+
return React__default.cloneElement(child, {
|
|
75
|
+
size,
|
|
76
|
+
radius,
|
|
77
|
+
key: index,
|
|
78
|
+
className: cx(classes.child, child.props.className),
|
|
79
|
+
style: __spreadValues(__spreadValues({}, childStyle), _styles.child)
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
const clampedMax = limit < 2 ? 2 : limit;
|
|
83
|
+
const extraAvatars = avatars.length > clampedMax ? avatars.length - clampedMax : 0;
|
|
84
|
+
return /* @__PURE__ */ React__default.createElement("div", __spreadValues({
|
|
85
|
+
className: cx(className, classes.root),
|
|
86
|
+
style: __spreadValues(__spreadValues({}, style), _styles.root)
|
|
87
|
+
}, others), avatars.slice(0, avatars.length - extraAvatars), extraAvatars ? /* @__PURE__ */ React__default.createElement(Avatar.Avatar, {
|
|
88
|
+
size,
|
|
89
|
+
radius,
|
|
90
|
+
className: classes.child,
|
|
91
|
+
style: __spreadProps(__spreadValues({}, _styles.child), { zIndex: limit + 1 })
|
|
92
|
+
}, /* @__PURE__ */ React__default.createElement(Center.Center, {
|
|
93
|
+
className: classes.truncated,
|
|
94
|
+
style: _styles.truncated
|
|
95
|
+
}, "+", extraAvatars)) : null);
|
|
96
|
+
}
|
|
97
|
+
AvatarsGroup.displayName = "@mantine/core/AvatarsGroup";
|
|
98
|
+
|
|
99
|
+
exports.AvatarsGroup = AvatarsGroup;
|
|
100
|
+
//# sourceMappingURL=AvatarsGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarsGroup.js","sources":["../../../../src/components/Avatar/AvatarsGroup/AvatarsGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { DefaultProps, MantineNumberSize, mergeStyles, ClassNames } from '@mantine/styles';\nimport { Avatar } from '../Avatar';\nimport { Center } from '../../Center';\nimport useStyles from './AvatarsGroup.styles';\n\nexport type AvatarsGroupStylesNames = ClassNames<typeof useStyles>;\n\nexport interface AvatarsGroupProps\n extends DefaultProps<AvatarsGroupStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** <Avatar /> components only */\n children?: React.ReactNode;\n\n /** Child Avatars width and height */\n size?: MantineNumberSize;\n\n /** Child Avatars radius */\n radius?: MantineNumberSize;\n\n /** Maximum amount of Avatar components rendered, everything after limit is truncated */\n limit?: number;\n\n /** Spacing between avatars */\n spacing?: MantineNumberSize;\n}\n\nexport function AvatarsGroup({\n className,\n style,\n children,\n size = 'md',\n radius = 'xl',\n limit = 2,\n classNames,\n styles,\n spacing = 'lg',\n ...others\n}: AvatarsGroupProps) {\n const { classes, cx } = useStyles({ spacing }, classNames, 'avatars-group');\n const _styles = mergeStyles(classes, styles);\n\n const avatars = React.Children.toArray(children)\n .filter((child: React.ReactElement) => child.type === Avatar)\n .map((child: React.ReactElement, index) => {\n const childStyle = {\n ...child.props.style,\n zIndex: index + 1,\n };\n return React.cloneElement(child, {\n size,\n radius,\n key: index,\n className: cx(classes.child, child.props.className),\n style: { ...childStyle, ..._styles.child },\n });\n });\n\n const clampedMax = limit < 2 ? 2 : limit;\n const extraAvatars = avatars.length > clampedMax ? avatars.length - clampedMax : 0;\n\n return (\n <div className={cx(className, classes.root)} style={{ ...style, ..._styles.root }} {...others}>\n {avatars.slice(0, avatars.length - extraAvatars)}\n {extraAvatars ? (\n <Avatar\n size={size}\n radius={radius}\n className={classes.child}\n style={{ ..._styles.child, zIndex: limit + 1 }}\n >\n <Center className={classes.truncated} style={_styles.truncated}>\n +{extraAvatars}\n </Center>\n </Avatar>\n ) : null}\n </div>\n );\n}\n\nAvatarsGroup.displayName = '@mantine/core/AvatarsGroup';\n"],"names":["styles","useStyles","mergeStyles","React","Avatar","Center"],"mappings":"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"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var styles = require('@mantine/styles');
|
|
6
|
+
|
|
7
|
+
var __defProp = Object.defineProperty;
|
|
8
|
+
var __defProps = Object.defineProperties;
|
|
9
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
10
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
11
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
12
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
13
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
14
|
+
var __spreadValues = (a, b) => {
|
|
15
|
+
for (var prop in b || (b = {}))
|
|
16
|
+
if (__hasOwnProp.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
if (__getOwnPropSymbols)
|
|
19
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
20
|
+
if (__propIsEnum.call(b, prop))
|
|
21
|
+
__defNormalProp(a, prop, b[prop]);
|
|
22
|
+
}
|
|
23
|
+
return a;
|
|
24
|
+
};
|
|
25
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
26
|
+
var useStyles = styles.createStyles((theme, { spacing }) => ({
|
|
27
|
+
root: {
|
|
28
|
+
display: "flex",
|
|
29
|
+
paddingLeft: styles.getSizeValue({ size: spacing, sizes: theme.spacing }) / 2
|
|
30
|
+
},
|
|
31
|
+
child: {
|
|
32
|
+
marginLeft: -styles.getSizeValue({ size: spacing, sizes: theme.spacing }) / 2,
|
|
33
|
+
border: `2px solid ${theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white}`
|
|
34
|
+
},
|
|
35
|
+
truncated: __spreadProps(__spreadValues({}, styles.getFontStyles(theme)), {
|
|
36
|
+
lineHeight: 1,
|
|
37
|
+
fontSize: `${theme.fontSizes.sm}px !important`,
|
|
38
|
+
color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.black,
|
|
39
|
+
width: "100%",
|
|
40
|
+
height: "100%",
|
|
41
|
+
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
|
|
42
|
+
})
|
|
43
|
+
}));
|
|
44
|
+
|
|
45
|
+
exports.default = useStyles;
|
|
46
|
+
//# sourceMappingURL=AvatarsGroup.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AvatarsGroup.styles.js","sources":["../../../../src/components/Avatar/AvatarsGroup/AvatarsGroup.styles.ts"],"sourcesContent":["import { createStyles, MantineNumberSize, getSizeValue, getFontStyles } from '@mantine/styles';\n\ninterface AvatarsGroupStyles {\n spacing: MantineNumberSize;\n}\n\nexport default createStyles((theme, { spacing }: AvatarsGroupStyles) => ({\n root: {\n display: 'flex',\n paddingLeft: getSizeValue({ size: spacing, sizes: theme.spacing }) / 2,\n },\n\n child: {\n marginLeft: -getSizeValue({ size: spacing, sizes: theme.spacing }) / 2,\n border: `2px solid ${theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white}`,\n },\n\n truncated: {\n ...getFontStyles(theme),\n lineHeight: 1,\n fontSize: `${theme.fontSizes.sm}px !important`,\n color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.black,\n width: '100%',\n height: '100%',\n backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n },\n}));\n"],"names":["createStyles","getSizeValue","getFontStyles"],"mappings":"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"}
|
|
@@ -41,8 +41,6 @@ var __objRest = (source, exclude) => {
|
|
|
41
41
|
}
|
|
42
42
|
return target;
|
|
43
43
|
};
|
|
44
|
-
const BADGE_SIZES = Badge_styles.heights;
|
|
45
|
-
const BADGE_VARIANTS = ["light", "filled", "outline", "dot", "gradient"];
|
|
46
44
|
function Badge(_a) {
|
|
47
45
|
var _b = _a, {
|
|
48
46
|
component,
|
|
@@ -105,7 +103,5 @@ function Badge(_a) {
|
|
|
105
103
|
}
|
|
106
104
|
Badge.displayName = "@mantine/core/Badge";
|
|
107
105
|
|
|
108
|
-
exports.BADGE_SIZES = BADGE_SIZES;
|
|
109
|
-
exports.BADGE_VARIANTS = BADGE_VARIANTS;
|
|
110
106
|
exports.Badge = Badge;
|
|
111
107
|
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport {\n mergeStyles,\n DefaultProps,\n MantineSize,\n MantineNumberSize,\n MantineGradient,\n MantineColor,\n} from '@mantine/styles';\
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React from 'react';\nimport {\n mergeStyles,\n DefaultProps,\n MantineSize,\n MantineNumberSize,\n MantineGradient,\n MantineColor,\n ClassNames,\n} from '@mantine/styles';\nimport useStyles from './Badge.styles';\n\nexport type BadgeVariant = 'light' | 'filled' | 'outline' | 'dot' | 'gradient';\nexport type BadgeStylesNames = Exclude<ClassNames<typeof useStyles>, BadgeVariant>;\n\ninterface _BadgeProps<C extends React.ElementType, R extends HTMLElement>\n extends DefaultProps<BadgeStylesNames> {\n /** Root element or custom component */\n component?: C;\n\n /** Get element ref */\n elementRef?: React.ForwardedRef<R>;\n\n /** Badge color from theme */\n color?: MantineColor;\n\n /** Controls badge background, color and border styles */\n variant?: BadgeVariant;\n\n /** Controls gradient settings in gradient variant only */\n gradient?: MantineGradient;\n\n /** Defines badge height and font-size */\n size?: MantineSize;\n\n /** Predefined border-radius value from theme.radius or number for border-radius in px */\n radius?: MantineNumberSize;\n\n /** Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis */\n fullWidth?: boolean;\n\n /** Section rendered on the left side of label */\n leftSection?: React.ReactNode;\n\n /** Section rendered on the right side of label */\n rightSection?: React.ReactNode;\n}\n\nexport type BadgeProps<\n C extends React.ElementType = 'div',\n R extends HTMLElement = HTMLDivElement\n> = _BadgeProps<C, R> & Omit<React.ComponentPropsWithoutRef<C>, keyof _BadgeProps<C, R>>;\n\nexport function Badge<C extends React.ElementType = 'div', R extends HTMLElement = HTMLDivElement>({\n component,\n className,\n style,\n color,\n elementRef,\n variant = 'light',\n fullWidth,\n children,\n size = 'md',\n leftSection,\n rightSection,\n radius = 'xl',\n gradient = { from: 'blue', to: 'cyan', deg: 45 },\n classNames,\n styles,\n ...others\n}: BadgeProps<C, R>) {\n const { classes, cx } = useStyles(\n {\n size,\n fullWidth,\n color,\n radius,\n gradientFrom: gradient.from,\n gradientTo: gradient.to,\n gradientDeg: gradient.deg,\n },\n classNames,\n 'badge'\n );\n const _styles = mergeStyles(classes, styles);\n const Element = component || 'div';\n\n return (\n <Element\n {...others}\n className={cx(classes.root, classes[variant], className)}\n style={{ ...style, ..._styles.root, ..._styles[variant] }}\n ref={elementRef as any}\n >\n {leftSection && (\n <span className={classes.leftSection} style={_styles.leftSection}>\n {leftSection}\n </span>\n )}\n\n <span className={classes.inner} style={_styles.inner}>\n {children}\n </span>\n\n {rightSection && (\n <span className={classes.rightSection} style={_styles.rightSection}>\n {rightSection}\n </span>\n )}\n </Element>\n );\n}\n\nBadge.displayName = '@mantine/core/Badge';\n"],"names":["styles","useStyles","mergeStyles","React"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import React from 'react';\nimport { mergeStyles, DefaultProps, MantineColor } from '@mantine/styles';\nimport { QuoteIcon } from './QuoteIcon';\nimport useStyles from './Blockquote.styles';\n\nexport type BlockquoteStylesNames =
|
|
1
|
+
{"version":3,"file":"Blockquote.js","sources":["../../../src/components/Blockquote/Blockquote.tsx"],"sourcesContent":["import React from 'react';\nimport { mergeStyles, DefaultProps, MantineColor, ClassNames } from '@mantine/styles';\nimport { QuoteIcon } from './QuoteIcon';\nimport useStyles from './Blockquote.styles';\n\nexport type BlockquoteStylesNames = ClassNames<typeof useStyles>;\n\nexport interface BlockquoteProps\n extends DefaultProps<BlockquoteStylesNames>,\n Omit<React.ComponentPropsWithoutRef<'blockquote'>, 'cite'> {\n /** Icon color from theme */\n color?: MantineColor;\n\n /** Icon, defaults to quote icon */\n icon?: React.ReactNode;\n\n /** Describe a reference to a cited quote */\n cite?: React.ReactNode;\n}\n\nconst defaultIcon = <QuoteIcon />;\n\nexport function Blockquote({\n className,\n style,\n color = 'gray',\n icon = defaultIcon,\n cite,\n children,\n classNames,\n styles,\n ...others\n}: BlockquoteProps) {\n const { classes, cx } = useStyles({ color }, classNames, 'blockquote');\n const _styles = mergeStyles(classes, styles);\n\n return (\n <blockquote\n className={cx(classes.root, className)}\n style={{ ...style, ..._styles.root }}\n {...others}\n >\n <div className={classes.inner} style={_styles.inner}>\n {icon && (\n <div className={classes.icon} style={_styles.icon}>\n {icon}\n </div>\n )}\n\n <div className={classes.body} style={_styles.body}>\n {children}\n {cite && (\n <cite className={classes.cite} style={_styles.cite}>\n {cite}\n </cite>\n )}\n </div>\n </div>\n </blockquote>\n );\n}\n\nBlockquote.displayName = '@mantine/core/Blockquote';\n"],"names":["React","QuoteIcon","styles","useStyles","mergeStyles"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { mergeStyles, DefaultProps } from '@mantine/styles';\
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React from 'react';\nimport { mergeStyles, DefaultProps, ClassNames } from '@mantine/styles';\nimport { Text } from '../Text/Text';\nimport useStyles from './Breadcrumbs.styles';\n\nexport type BreadcrumbsStylesNames = ClassNames<typeof useStyles>;\n\nexport interface BreadcrumbsProps\n extends DefaultProps<BreadcrumbsStylesNames>,\n React.ComponentPropsWithoutRef<'div'> {\n /** Separator between breadcrumbs */\n separator?: React.ReactNode;\n\n /** React nodes that should be separated */\n children: React.ReactNode;\n}\n\nexport function Breadcrumbs({\n className,\n style,\n children,\n separator = '/',\n classNames,\n styles,\n ...others\n}: BreadcrumbsProps) {\n const { classes, cx } = useStyles(null, classNames, 'breadcrumbs');\n const _styles = mergeStyles(classes, styles);\n\n const items = React.Children.toArray(children).reduce((acc: any[], child: any, index, array) => {\n acc.push(\n React.cloneElement(child, {\n className: classes.breadcrumb,\n style: _styles.breadcrumb,\n key: index,\n })\n );\n\n if (index !== array.length - 1) {\n acc.push(\n <Text\n size=\"sm\"\n className={classes.separator}\n style={_styles.separator}\n key={`separator-${index}`}\n >\n {separator}\n </Text>\n );\n }\n\n return acc;\n }, []);\n\n return (\n <div className={cx(classes.root, className)} style={{ ...style, ..._styles.root }} {...others}>\n {items}\n </div>\n );\n}\n\nBreadcrumbs.displayName = '@mantine/core/Breadcrumbs';\n"],"names":["styles","useStyles","mergeStyles","React","Text"],"mappings":"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"}
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
|
-
var hooks = require('@mantine/hooks');
|
|
7
6
|
var styles = require('@mantine/styles');
|
|
8
7
|
var Burger_styles = require('./Burger.styles.js');
|
|
9
8
|
|
|
@@ -39,7 +38,6 @@ var __objRest = (source, exclude) => {
|
|
|
39
38
|
}
|
|
40
39
|
return target;
|
|
41
40
|
};
|
|
42
|
-
const BURGER_SIZES = Burger_styles.sizes;
|
|
43
41
|
function Burger(_a) {
|
|
44
42
|
var _b = _a, {
|
|
45
43
|
className,
|
|
@@ -61,9 +59,8 @@ function Burger(_a) {
|
|
|
61
59
|
"styles"
|
|
62
60
|
]);
|
|
63
61
|
const theme = styles.useMantineTheme();
|
|
64
|
-
const reduceMotion = hooks.useReducedMotion();
|
|
65
62
|
const _color = color || (theme.colorScheme === "dark" ? theme.white : theme.black);
|
|
66
|
-
const { classes, cx } = Burger_styles['default']({ color: _color, size
|
|
63
|
+
const { classes, cx } = Burger_styles['default']({ color: _color, size }, classNames, "burger");
|
|
67
64
|
const _styles = styles.mergeStyles(classes, styles$1);
|
|
68
65
|
return /* @__PURE__ */ React__default.createElement("button", __spreadValues({
|
|
69
66
|
type: "button",
|
|
@@ -77,6 +74,5 @@ function Burger(_a) {
|
|
|
77
74
|
}
|
|
78
75
|
Burger.displayName = "@mantine/core/Burger";
|
|
79
76
|
|
|
80
|
-
exports.BURGER_SIZES = BURGER_SIZES;
|
|
81
77
|
exports.Burger = Burger;
|
|
82
78
|
//# sourceMappingURL=Burger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Burger.js","sources":["../../../src/components/Burger/Burger.tsx"],"sourcesContent":["import React from 'react';\nimport {
|
|
1
|
+
{"version":3,"file":"Burger.js","sources":["../../../src/components/Burger/Burger.tsx"],"sourcesContent":["import React from 'react';\nimport {\n useMantineTheme,\n mergeStyles,\n DefaultProps,\n MantineNumberSize,\n MantineColor,\n ClassNames,\n} from '@mantine/styles';\nimport useStyles from './Burger.styles';\n\nexport type BurgerStylesNames = Exclude<ClassNames<typeof useStyles>, 'opened'>;\n\nexport interface BurgerProps\n extends DefaultProps<BurgerStylesNames>,\n React.ComponentPropsWithoutRef<'button'> {\n /** Burger state: true for cross, false for burger */\n opened: boolean;\n\n /** Burger color value, not connected to theme.colors, defaults to theme.black with light color scheme and theme.white with dark */\n color?: MantineColor;\n\n /** Predefined burger size or number to set width and height in px */\n size?: MantineNumberSize;\n\n /** Get element ref */\n elementRef?: React.ForwardedRef<HTMLButtonElement>;\n}\n\nexport function Burger({\n className,\n style,\n opened,\n color,\n size = 'md',\n elementRef,\n classNames,\n styles,\n ...others\n}: BurgerProps) {\n const theme = useMantineTheme();\n const _color = color || (theme.colorScheme === 'dark' ? theme.white : theme.black);\n const { classes, cx } = useStyles({ color: _color, size }, classNames, 'burger');\n const _styles = mergeStyles(classes, styles);\n\n return (\n <button\n type=\"button\"\n className={cx(classes.root, className)}\n ref={elementRef}\n style={{ ...style, ..._styles.root }}\n {...others}\n >\n <div className={cx(classes.burger, { [classes.opened]: opened })} style={_styles.burger} />\n </button>\n );\n}\n\nBurger.displayName = '@mantine/core/Burger';\n"],"names":["styles","useMantineTheme","useStyles","mergeStyles","React"],"mappings":"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"}
|