@coveord/plasma-mantine 52.27.4 → 53.0.1

package/dist/cjs/theme/Theme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {CheckSize16Px, InfoSize24Px} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n    getSize,\n    getStylesRef,\n    rem,\n    type MantineThemeOverride,\n    type NotificationProps,\n    type StepperStylesParams,\n    type TabsStylesParams,\n} from '@mantine/core';\n\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = {\n    // These are overrides over https://github.com/mantinedev/mantine/blob/master/src/mantine-styles/src/theme/default-theme.ts\n    colorScheme: 'light',\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    lineHeight: 1.5,\n    spacing: {\n        xs: '8px',\n        sm: '16px',\n        md: '24px',\n        lg: '32px',\n        xl: '40px',\n    },\n    globalStyles: (theme) => ({\n        body: {\n            ...theme.fn.fontStyles(),\n            fontSize: theme.fontSizes.sm,\n            lineHeight: theme.lineHeight,\n            fontWeight: 300,\n        },\n    }),\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 500,\n        sizes: {\n            h1: {fontSize: '48px', lineHeight: undefined, fontWeight: 300},\n            h2: {fontSize: '32px', lineHeight: undefined, fontWeight: 500},\n            h3: {fontSize: '24px', lineHeight: undefined, fontWeight: 500},\n            h4: {fontSize: '18px', lineHeight: undefined, fontWeight: 300},\n            h5: {fontSize: '14px', lineHeight: undefined, fontWeight: 500},\n            h6: {fontSize: '12px', lineHeight: undefined, fontWeight: 500},\n        },\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    colors: PlasmaColors,\n    components: {\n        Alert: {\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'navy',\n            },\n            styles: {\n                title: {\n                    fontWeight: 500,\n                },\n            },\n        },\n        Title: {\n            styles: {\n                root: {\n                    '&:is(h1,h2,h3,h4,h5,h6)': {letterSpacing: '0.011em'},\n                },\n            },\n        },\n        Text: {\n            defaultProps: {\n                weight: 300,\n            },\n            styles: (theme, {}, {size}) => ({\n                root: {\n                    fontSize: getSize({size: size ?? 'sm', sizes: theme.fontSizes}),\n                },\n            }),\n        },\n        Button: {\n            styles: () => ({\n                root: {\n                    fontWeight: 400,\n                },\n            }),\n            variants: {\n                outline: () => ({\n                    root: {\n                        backgroundColor: 'white',\n                    },\n                }),\n            },\n        },\n        Modal: {\n            styles: (theme, {fullScreen, padding}, {size, variant}) => ({\n                content: {\n                    flex: fullScreen\n                        ? '0 0 100%'\n                        : `0 0 ${getSize({\n                              size,\n                              sizes: {\n                                  xs: rem(432),\n                                  sm: rem(664),\n                                  md: rem(896),\n                                  lg: rem(1120),\n                                  xl: rem('88%'),\n                              },\n                          })}`,\n                    overflow: 'auto',\n                },\n                title: {\n                    width: '100%',\n                    fontSize: theme.headings.sizes.h3.fontSize,\n                    lineHeight: theme.headings.sizes.h3.lineHeight,\n                    fontWeight: 500,\n                },\n                header: {\n                    borderBottom: variant !== 'prompt' ? `1px solid ${color.primary.gray[3]}` : null,\n                },\n                body: {\n                    '&:not(:only-child)': {\n                        paddingTop: variant === 'prompt' ? 0 : getSize({size: padding, sizes: plasmaTheme.spacing}),\n                    },\n                },\n            }),\n        },\n        ModalOverlay: {\n            defaultProps: {\n                color: color.primary.navy[9],\n                opacity: 0.9,\n            },\n        },\n        InputWrapper: {\n            defaultProps: {\n                withAsterisk: false,\n            },\n            styles: (theme) => ({\n                label: {\n                    marginBottom: theme.spacing.xs,\n                },\n                description: {\n                    fontSize: theme.fontSizes.sm,\n                    color: theme.colors.gray[7],\n                    marginBottom: theme.spacing.xs,\n                    lineHeight: theme.lineHeight,\n                },\n                invalid: {\n                    color: theme.colors.red[9],\n                    borderColor: theme.colors.red[6],\n                },\n                error: {\n                    color: theme.colors.red[9],\n                    lineHeight: theme.lineHeight,\n                },\n            }),\n        },\n        TextInput: {\n            defaultProps: {\n                radius: 8,\n            },\n        },\n        Tooltip: {\n            defaultProps: {\n                color: 'navy',\n                maw: 300,\n                multiline: true,\n                withArrow: true,\n                withinPortal: true,\n                zIndex: 10000,\n            },\n        },\n        Loader: {\n            defaultProps: {\n                variant: 'dots',\n                color: 'action',\n            },\n        },\n        DateRangePicker: {\n            styles: {\n                cell: {\n                    textAlign: 'center',\n                },\n            },\n        },\n        Anchor: {\n            defaultProps: {\n                color: 'action.6',\n            },\n            styles: (theme) => ({\n                root: {\n                    ...theme.fn.hover({\n                        textDecoration: 'underline',\n                        color: theme.colors.action[8],\n                    }),\n                },\n            }),\n        },\n        Checkbox: {\n            defaultProps: {\n                radius: 'sm',\n            },\n            styles: (theme) => ({\n                label: {\n                    fontSize: theme.fontSizes.sm,\n                    fontWeight: 300,\n                },\n            }),\n        },\n        List: {\n            styles: () => ({\n                root: {\n                    listStyleType: 'disc',\n                },\n            }),\n        },\n        Radio: {\n            styles: {\n                labelWrapper: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                },\n            },\n        },\n        Popover: {\n            defaultProps: {\n                shadow: 'md',\n                withArrow: true,\n            },\n        },\n        Badge: {\n            styles: {\n                root: {\n                    textTransform: 'none',\n                    padding: '4px 8px',\n                    fontWeight: 500,\n                },\n            },\n        },\n        ColorSwatch: {\n            defaultProps: {\n                size: 8,\n                withShadow: false,\n            },\n        },\n        MenuItem: {\n            defaultProps: {\n                fw: 300,\n            },\n        },\n        Notification: {\n            styles: (theme, {color: notificationType}: NotificationProps) => ({\n                root: {\n                    borderColor: theme.colors.gray[3],\n                    backgroundColor: theme.colors.gray[0],\n                    boxShadow: theme.shadows.lg,\n                    padding: theme.spacing.sm,\n                    '&[data-with-icon]': {\n                        paddingLeft: theme.spacing.sm,\n                    },\n                },\n                icon: {\n                    backgroundColor: 'transparent',\n                    marginRight: theme.spacing.sm,\n                    color: theme.colors?.[notificationType][6],\n                },\n                closeButton: {\n                    margin: theme.spacing.xs,\n                    color: theme.colors.gray[5],\n                },\n            }),\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'info',\n            },\n        },\n        Skeleton: {\n            styles: {\n                visible: {\n                    '&::before': {zIndex: 'unset'},\n                    '&::after': {zIndex: 'unset'},\n                },\n            },\n        },\n        SegmentedControl: {\n            styles: (theme) => ({\n                root: {\n                    backgroundColor: theme.colors.gray[2],\n                },\n            }),\n        },\n        Stepper: {\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <CheckSize16Px />,\n            },\n            styles: (theme, {}: StepperStylesParams, {size}) => ({\n                step: {\n                    '&[disabled]': {\n                        color: theme.colors.gray[5],\n                        '& .mantine-Stepper-stepDescription': {\n                            color: theme.colors.gray[5],\n                        },\n                        '& .mantine-Stepper-stepIcon': {\n                            borderColor: theme.colors.gray[1],\n                        },\n                    },\n                },\n                stepIcon: {\n                    fontWeight: 500,\n                    backgroundColor: theme.colors.gray[1],\n                    color: 'inherit',\n                    border: `${rem(1)} solid ${theme.colors.gray[3]}`,\n                    '&[data-progress]': {\n                        backgroundColor: theme.white,\n                    },\n\n                    '&[data-completed]': {\n                        backgroundColor: theme.white,\n                        borderColor: theme.colors.lime[6],\n                        color: theme.colors.lime[6],\n                    },\n                },\n                stepCompletedIcon: {\n                    color: theme.colors.lime[6],\n                    fontSize: rem(16),\n                },\n                stepDescription: {\n                    color: theme.colors.gray[7],\n                    fontSize: getSize({size, sizes: theme.fontSizes}),\n                },\n                separator: {\n                    height: rem(1),\n                    backgroundColor: theme.colors.gray[3],\n                },\n                separatorActive: {\n                    backgroundColor: theme.colors.gray[3],\n                },\n                verticalSeparator: {\n                    borderLeft: `${rem(1)} solid ${theme.colors.gray[3]}`,\n                },\n                verticalSeparatorActive: {\n                    borderColor: theme.colors.gray[3],\n                },\n            }),\n        },\n        Tabs: {\n            styles: (theme, {orientation}: TabsStylesParams) => ({\n                tabsList: {\n                    [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `${rem(1)} solid ${\n                        theme.colors.gray[3]\n                    }`,\n                },\n                tab: {\n                    [orientation === 'horizontal' ? 'borderBottom' : 'borderRight']: `${rem(1)} solid transparent`,\n                    [orientation === 'horizontal' ? 'marginBottom' : 'marginRight']: rem(-1),\n                },\n            }),\n        },\n        Select: {\n            styles: (theme) => ({\n                input: {\n                    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n                },\n                item: {\n                    color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[7],\n\n                    '&[data-hovered]': {\n                        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[1],\n                    },\n\n                    '&[data-selected]': {\n                        backgroundColor: theme.fn.variant({variant: 'light'}).background,\n                        color: theme.fn.variant({variant: 'light'}).color,\n                        ...theme.fn.hover({backgroundColor: theme.fn.variant({variant: 'light'}).hover}),\n                    },\n                },\n            }),\n        },\n        NavLink: {\n            styles: (theme) => ({\n                root: {\n                    color: theme.colors.gray[6],\n                    borderRadius: `${theme.defaultRadius}px 0px 0px ${theme.defaultRadius}px`,\n                    ...theme.fn.hover({\n                        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.colors.gray[1],\n                    }),\n                },\n                label: {\n                    ref: getStylesRef('label'),\n                    fontWeight: 500,\n                },\n                children: {\n                    [`.${getStylesRef('label')}`]: {\n                        fontWeight: 300,\n                    },\n                },\n            }),\n        },\n        Navbar: {\n            styles: (theme) => ({\n                root: {\n                    borderColor: theme.colors.gray[3],\n                },\n            }),\n        },\n        ScrollArea: {\n            styles: {\n                viewport: {\n                    // https://github.com/radix-ui/primitives/issues/926\n                    '&[data-radix-scroll-area-viewport]': {\n                        '& > :first-of-type': {\n                            display: 'block !important',\n                        },\n                    },\n                },\n            },\n        },\n        Divider: {\n            defaultProps: {\n                color: 'gray.3',\n            },\n        },\n    },\n};\n"],"names":["plasmaTheme","colorScheme","fontFamily","black","color","primary","gray","defaultRadius","lineHeight","spacing","xs","sm","md","lg","xl","globalStyles","theme","body","fn","fontStyles","fontSize","fontSizes","fontWeight","primaryColor","headings","sizes","h1","undefined","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","Alert","defaultProps","icon","InfoSize24Px","height","styles","title","Title","root","letterSpacing","Text","weight","size","getSize","Button","variants","outline","backgroundColor","Modal","fullScreen","padding","variant","content","flex","rem","overflow","width","header","borderBottom","paddingTop","ModalOverlay","navy","opacity","InputWrapper","withAsterisk","label","marginBottom","description","invalid","red","borderColor","error","TextInput","radius","Tooltip","maw","multiline","withArrow","withinPortal","zIndex","Loader","DateRangePicker","cell","textAlign","Anchor","hover","textDecoration","action","Checkbox","List","listStyleType","Radio","labelWrapper","display","alignItems","Popover","shadow","Badge","textTransform","ColorSwatch","withShadow","MenuItem","fw","Notification","notificationType","boxShadow","paddingLeft","marginRight","closeButton","margin","Skeleton","visible","SegmentedControl","Stepper","completedIcon","CheckSize16Px","step","stepIcon","border","white","lime","stepCompletedIcon","stepDescription","separator","separatorActive","verticalSeparator","borderLeft","verticalSeparatorActive","Tabs","orientation","tabsList","tab","Select","input","dark","item","background","NavLink","borderRadius","ref","getStylesRef","children","Navbar","ScrollArea","viewport","Divider"],"mappings":"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"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n    ArrowHeadLeftSize16Px,\n    ArrowHeadRightSize16Px,\n    CheckSize16Px,\n    CrossSize16Px,\n    FilterSize16Px,\n    InfoSize16Px,\n    InfoSize24Px,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n    ActionIcon,\n    Alert,\n    Anchor,\n    AppShellNavbar,\n    Badge,\n    Button,\n    Checkbox,\n    CloseButton,\n    ColorSwatch,\n    Combobox,\n    ComboboxSearch,\n    Divider,\n    Input,\n    InputWrapper,\n    List,\n    Loader,\n    MantineThemeOverride,\n    MenuItem,\n    Modal,\n    MultiSelect,\n    NavLink,\n    Notification,\n    Pagination,\n    Popover,\n    Radio,\n    ScrollArea,\n    SegmentedControl,\n    Select,\n    Skeleton,\n    Stepper,\n    Tabs,\n    Text,\n    TextInput,\n    Title,\n    Tooltip,\n    createTheme,\n} from '@mantine/core';\nimport {DatePicker} from '@mantine/dates';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport AnchorClasses from '../styles/Anchor.module.css';\nimport AppShellNavBarClasses from '../styles/AppShellNavBar.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport InputClasses from '../styles/Input.module.css';\nimport InputWrapperClasses from '../styles/InputWrapper.module.css';\nimport ListClasses from '../styles/List.module.css';\nimport ModalClasses from '../styles/Modal.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notification.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport ScrollAreaClasses from '../styles/ScrollArea.module.css';\nimport SegmentedControlClasses from '../styles/SegmentedControl.module.css';\nimport SelectClasses from '../styles/Select.module.css';\nimport SkeletonClasses from '../styles/Skeleton.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TitleClasses from '../styles/Title.module.css';\nimport {NotificationVars} from '../vars/Notification.vars';\nimport {TextVars} from '../vars/Text.vars';\nimport {PlasmaColors} from './PlasmaColors';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n    // These are overrides over https://github.com/mantinedev/mantine/blob/master/packages/%40mantine/core/src/core/MantineProvider/default-theme.ts\n    fontFamily: 'canada-type-gibson, sans-serif',\n    black: color.primary.gray[9],\n    defaultRadius: 8,\n    lineHeights: {md: '1.5'},\n    fontSmoothing: false,\n    spacing: {\n        xs: '8px',\n        sm: '16px',\n        md: '24px',\n        lg: '32px',\n        xl: '40px',\n    },\n    primaryColor: 'action',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: '500',\n        sizes: {\n            h1: {fontSize: '48px', lineHeight: '1.5', fontWeight: '300'},\n            h2: {fontSize: '32px', lineHeight: '1.5', fontWeight: '500'},\n            h3: {fontSize: '24px', lineHeight: '1.5', fontWeight: '500'},\n            h4: {fontSize: '18px', lineHeight: '1.5', fontWeight: '300'},\n            h5: {fontSize: '14px', lineHeight: '1.5', fontWeight: '500'},\n            h6: {fontSize: '12px', lineHeight: '1.5', fontWeight: '500'},\n        },\n    },\n    shadows: {\n        xs: '0px 1px 0px rgba(4, 8, 31, 0.08)',\n        sm: '0px 2px 4px rgba(4, 8, 31, 0.12)',\n        md: '0px 4px 8px rgba(4, 8, 31, 0.08)',\n        lg: '0px 8px 16px rgba(7, 12, 41, 0.06)',\n        xl: '0px 16px 24px rgba(4, 8, 31, 0.06)',\n    },\n    colors: PlasmaColors,\n    components: {\n        ActionIcon: ActionIcon.extend({\n            classNames: {root: ActionIconClasses.root},\n        }),\n        Alert: Alert.extend({\n            defaultProps: {\n                icon: <InfoSize16Px height={16} />,\n                color: 'navy',\n            },\n            classNames: AlertClasses,\n        }),\n        Anchor: Anchor.extend({\n            defaultProps: {\n                color: 'action.6',\n            },\n            classNames: {root: AnchorClasses.root},\n        }),\n        AppShellNavbar: AppShellNavbar.extend({\n            classNames: {navbar: AppShellNavBarClasses.navbar},\n        }),\n        Badge: Badge.extend({\n            classNames: {root: BadgeClasses.root},\n            defaultProps: {\n                variant: 'light',\n            },\n        }),\n        Button: Button.extend({\n            classNames: ButtonClasses,\n        }),\n        Checkbox: Checkbox.extend({\n            defaultProps: {\n                radius: 'sm',\n            },\n            classNames: {label: CheckboxClasses.label, input: CheckboxClasses.input},\n        }),\n        CloseButton: CloseButton.extend({\n            defaultProps: {\n                icon: <CrossSize16Px height={16} aria-label=\"close\" />,\n            },\n        }),\n        ColorSwatch: ColorSwatch.extend({\n            defaultProps: {\n                size: 8,\n                withShadow: false,\n            },\n        }),\n        Combobox: Combobox.extend({\n            classNames: {option: SelectClasses.option, search: ComboboxClasses.search},\n        }),\n        ComboboxSearch: ComboboxSearch.extend({\n            defaultProps: {\n                placeholder: 'Search',\n                rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n            },\n        }),\n        DatePicker: DatePicker.extend({\n            classNames: {monthCell: DatePickerClasses.monthCell},\n        }),\n        Divider: Divider.extend({\n            defaultProps: {\n                color: 'gray.3',\n            },\n        }),\n        Input: Input.extend({\n            classNames: InputClasses,\n        }),\n        InputWrapper: InputWrapper.extend({\n            classNames: InputWrapperClasses,\n        }),\n        Loader: Loader.extend({\n            defaultProps: {\n                type: 'dots',\n                color: 'action',\n                role: 'presentation',\n            },\n        }),\n        List: List.extend({\n            classNames: {root: ListClasses.root},\n        }),\n        MenuItem: MenuItem.extend({\n            defaultProps: {\n                fw: 300,\n            },\n        }),\n        Modal: Modal.extend({\n            classNames: ModalClasses,\n        }),\n        ModalOverlay: Modal.Overlay.extend({\n            defaultProps: {\n                color: color.primary.navy[9],\n                backgroundOpacity: 0.9,\n            },\n        }),\n        ModalRoot: Modal.Root.extend({\n            defaultProps: {\n                padding: 'lg',\n            },\n        }),\n        MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n        NavLink: NavLink.extend({classNames: NavLinkClasses}),\n        Notification: Notification.extend({\n            defaultProps: {\n                icon: <InfoSize24Px height={24} />,\n                color: 'info',\n            },\n            classNames: {\n                root: NotificationClasses.root,\n                icon: NotificationClasses.icon,\n                closeButton: NotificationClasses.closeButton,\n            },\n            vars: NotificationVars,\n        }),\n        Pagination: Pagination.extend({\n            classNames: PaginationClasses,\n            vars: () => ({root: {'--pagination-control-fz': 'var(--mantine-font-size-sm)'}}),\n            defaultProps: {\n                nextIcon: ArrowHeadRightSize16Px,\n                previousIcon: ArrowHeadLeftSize16Px,\n            },\n        }),\n        Popover: Popover.extend({\n            defaultProps: {\n                shadow: 'md',\n                withArrow: true,\n            },\n        }),\n        Radio: Radio.extend({\n            classNames: {labelWrapper: RadioClasses.labelWrapper},\n        }),\n        ScrollArea: ScrollArea.extend({\n            classNames: {viewport: ScrollAreaClasses.viewport},\n        }),\n        SegmentedControl: SegmentedControl.extend({\n            classNames: SegmentedControlClasses,\n        }),\n        Select: Select.extend({\n            defaultProps: {withCheckIcon: false, allowDeselect: false},\n            classNames: {input: SelectClasses.input, option: SelectClasses.option},\n        }),\n        Skeleton: Skeleton.extend({\n            classNames: {root: SkeletonClasses.root},\n        }),\n        Stepper: Stepper.extend({\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <CheckSize16Px />,\n            },\n            classNames: {\n                step: StepperClasses.step,\n                stepIcon: StepperClasses.stepIcon,\n                stepCompletedIcon: StepperClasses.stepCompletedIcon,\n                stepDescription: StepperClasses.stepDescription,\n                separator: StepperClasses.separator,\n                verticalSeparator: StepperClasses.verticalSeparator,\n            },\n        }),\n        Tabs: Tabs.extend({\n            classNames: {list: TabsClasses.list, tab: TabsClasses.tab},\n        }),\n        Text: Text.extend({\n            classNames: TextClasses,\n            vars: TextVars,\n        }),\n        TextInput: TextInput.extend({\n            defaultProps: {\n                radius: 8,\n            },\n        }),\n        Title: Title.extend({\n            classNames: {root: TitleClasses.root},\n        }),\n        Tooltip: Tooltip.extend({\n            defaultProps: {\n                color: 'navy',\n                maw: 300,\n                multiline: true,\n                withArrow: true,\n                zIndex: 10000,\n            },\n        }),\n    },\n});\n"],"names":["plasmaTheme","createTheme","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","md","fontSmoothing","spacing","xs","sm","lg","xl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","shadows","colors","PlasmaColors","components","ActionIcon","extend","classNames","root","ActionIconClasses","Alert","defaultProps","icon","InfoSize16Px","height","AlertClasses","Anchor","AnchorClasses","AppShellNavbar","navbar","AppShellNavBarClasses","Badge","BadgeClasses","variant","Button","ButtonClasses","Checkbox","radius","label","CheckboxClasses","input","CloseButton","CrossSize16Px","aria-label","ColorSwatch","size","withShadow","Combobox","option","SelectClasses","search","ComboboxClasses","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DatePicker","monthCell","DatePickerClasses","Divider","Input","InputClasses","InputWrapper","InputWrapperClasses","Loader","type","role","List","ListClasses","MenuItem","fw","Modal","ModalClasses","ModalOverlay","Overlay","navy","backgroundOpacity","ModalRoot","Root","padding","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","InfoSize24Px","NotificationClasses","closeButton","vars","NotificationVars","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Popover","shadow","withArrow","Radio","labelWrapper","RadioClasses","ScrollArea","viewport","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","withCheckIcon","allowDeselect","Skeleton","SkeletonClasses","Stepper","completedIcon","CheckSize16Px","step","StepperClasses","stepIcon","stepCompletedIcon","stepDescription","separator","verticalSeparator","Tabs","list","TabsClasses","tab","Text","TextClasses","TextVars","TextInput","Title","TitleClasses","Tooltip","maw","multiline","zIndex"],"mappings":"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"}

package/dist/cjs/theme/mergeCSSVariablesResolvers.d.ts

@@ -0,0 +1,3 @@
+import { CSSVariablesResolver } from '@mantine/core';
+export declare const mergeCSSVariablesResolvers: (...resolvers: CSSVariablesResolver[]) => CSSVariablesResolver;
+//# sourceMappingURL=mergeCSSVariablesResolvers.d.ts.map

package/dist/cjs/theme/mergeCSSVariablesResolvers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeCSSVariablesResolvers.d.ts","sourceRoot":"","sources":["../../../src/theme/mergeCSSVariablesResolvers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAY,MAAM,eAAe,CAAC;AAE9D,eAAO,MAAM,0BAA0B,iBACpB,oBAAoB,EAAE,KAAG,oBAMlC,CAAC"}

package/dist/cjs/theme/mergeCSSVariablesResolvers.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "mergeCSSVariablesResolvers", {
+    enumerable: true,
+    get: function() {
+        return mergeCSSVariablesResolvers;
+    }
+});
+var _core = require("@mantine/core");
+var mergeCSSVariablesResolvers = function() {
+    for(var _len = arguments.length, resolvers = new Array(_len), _key = 0; _key < _len; _key++){
+        resolvers[_key] = arguments[_key];
+    }
+    return function(theme) {
+        return resolvers.filter(Boolean).reduce(function(acc, resolver) {
+            return (0, _core.deepMerge)(acc, resolver(theme));
+        }, {
+            variables: {},
+            dark: {},
+            light: {}
+        });
+    };
+};
+
+//# sourceMappingURL=mergeCSSVariablesResolvers.js.map

package/dist/cjs/theme/mergeCSSVariablesResolvers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/mergeCSSVariablesResolvers.ts"],"sourcesContent":["import {CSSVariablesResolver, deepMerge} from '@mantine/core';\n\nexport const mergeCSSVariablesResolvers =\n    (...resolvers: CSSVariablesResolver[]): CSSVariablesResolver =>\n    (theme) =>\n        resolvers.filter(Boolean).reduce((acc, resolver) => deepMerge(acc, resolver(theme)), {\n            variables: {},\n            dark: {},\n            light: {},\n        });\n"],"names":["mergeCSSVariablesResolvers","resolvers","theme","filter","Boolean","reduce","acc","resolver","deepMerge","variables","dark","light"],"mappings":";;;;+BAEaA;;;eAAAA;;;oBAFiC;AAEvC,IAAMA,6BACT;qCAAIC;QAAAA;;WACJ,SAACC;eACGD,UAAUE,MAAM,CAACC,SAASC,MAAM,CAAC,SAACC,KAAKC;mBAAaC,IAAAA,eAAS,EAACF,KAAKC,SAASL;WAAS;YACjFO,WAAW,CAAC;YACZC,MAAM,CAAC;YACPC,OAAO,CAAC;QACZ"}

package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts

@@ -0,0 +1,3 @@
+import { CSSVariablesResolver } from '@mantine/core';
+export declare const plasmaCSSVariablesResolver: CSSVariablesResolver;
+//# sourceMappingURL=plasmaCSSVariablesResolver.d.ts.map

package/dist/cjs/theme/plasmaCSSVariablesResolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plasmaCSSVariablesResolver.d.ts","sourceRoot":"","sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,oBAAoB,EAAiC,MAAM,eAAe,CAAC;AAEnF,eAAO,MAAM,0BAA0B,EAAE,oBAWxC,CAAC"}

package/dist/cjs/theme/plasmaCSSVariablesResolver.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "plasmaCSSVariablesResolver", {
+    enumerable: true,
+    get: function() {
+        return plasmaCSSVariablesResolver;
+    }
+});
+var _core = require("@mantine/core");
+var plasmaCSSVariablesResolver = function(theme) {
+    var result = {
+        variables: {},
+        dark: {},
+        light: {}
+    };
+    (0, _core.keys)(theme.colors).forEach(function(color) {
+        result.light["--mantine-color-".concat(color, "-light")] = theme.colors[color][color === "gray" ? 1 : 0];
+        result.light["--mantine-color-".concat(color, "-light-hover")] = theme.colors[color][color === "gray" ? 2 : 1];
+    });
+    return result;
+};
+
+//# sourceMappingURL=plasmaCSSVariablesResolver.js.map

package/dist/cjs/theme/plasmaCSSVariablesResolver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/theme/plasmaCSSVariablesResolver.ts"],"sourcesContent":["import {CSSVariablesResolver, ConvertCSSVariablesInput, keys} from '@mantine/core';\n\nexport const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {\n    const result: ConvertCSSVariablesInput = {\n        variables: {},\n        dark: {},\n        light: {},\n    };\n    keys(theme.colors).forEach((color) => {\n        result.light[`--mantine-color-${color}-light`] = theme.colors[color][color === 'gray' ? 1 : 0];\n        result.light[`--mantine-color-${color}-light-hover`] = theme.colors[color][color === 'gray' ? 2 : 1];\n    });\n    return result;\n};\n"],"names":["plasmaCSSVariablesResolver","theme","result","variables","dark","light","keys","colors","forEach","color"],"mappings":";;;;+BAEaA;;;eAAAA;;;oBAFsD;AAE5D,IAAMA,6BAAmD,SAACC;IAC7D,IAAMC,SAAmC;QACrCC,WAAW,CAAC;QACZC,MAAM,CAAC;QACPC,OAAO,CAAC;IACZ;IACAC,IAAAA,UAAI,EAACL,MAAMM,MAAM,EAAEC,OAAO,CAAC,SAACC;QACxBP,OAAOG,KAAK,CAAC,AAAC,mBAAwB,OAANI,OAAM,UAAQ,GAAGR,MAAMM,MAAM,CAACE,MAAM,CAACA,UAAU,SAAS,IAAI,EAAE;QAC9FP,OAAOG,KAAK,CAAC,AAAC,mBAAwB,OAANI,OAAM,gBAAc,GAAGR,MAAMM,MAAM,CAACE,MAAM,CAACA,UAAU,SAAS,IAAI,EAAE;IACxG;IACA,OAAOP;AACX"}

package/dist/cjs/types/css/index.d.js

@@ -0,0 +1,3 @@
+"use strict";
+
+//# sourceMappingURL=index.d.js.map

package/dist/cjs/types/css/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/types/css/index.d.ts"],"names":[],"mappings":""}

package/dist/cjs/utils/createFactoryComponent.d.ts

@@ -0,0 +1,4 @@
+import { ExtendComponent, FactoryPayload, MantineThemeComponent } from '@mantine/core';
+export declare const identity: <T>(value: T) => T;
+export type CustomComponentThemeExtend<T extends FactoryPayload> = (props: ExtendComponent<T>) => MantineThemeComponent;
+//# sourceMappingURL=createFactoryComponent.d.ts.map

package/dist/cjs/utils/createFactoryComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFactoryComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/createFactoryComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAErF,eAAO,MAAM,QAAQ,oBAA4B,CAAC;AAElD,MAAM,MAAM,0BAA0B,CAAC,CAAC,SAAS,cAAc,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,qBAAqB,CAAC"}

package/dist/cjs/utils/createFactoryComponent.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "identity", {
+    enumerable: true,
+    get: function() {
+        return identity;
+    }
+});
+var identity = function(value) {
+    return value;
+};
+
+//# sourceMappingURL=createFactoryComponent.js.map

package/dist/cjs/utils/createFactoryComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/createFactoryComponent.ts"],"sourcesContent":["import {ExtendComponent, FactoryPayload, MantineThemeComponent} from '@mantine/core';\n\nexport const identity = <T>(value: T): T => value;\n\nexport type CustomComponentThemeExtend<T extends FactoryPayload> = (props: ExtendComponent<T>) => MantineThemeComponent;\n"],"names":["identity","value"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,IAAMA,WAAW,SAAIC;WAAgBA"}

package/dist/cjs/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './createFactoryComponent';
 export * from './createPolymorphicComponent';
 export * from './overrideComponent';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC"}

package/dist/cjs/utils/index.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 var _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./createFactoryComponent"), exports);
 _export_star._(require("./createPolymorphicComponent"), exports);
 _export_star._(require("./overrideComponent"), exports);
 

package/dist/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from './createPolymorphicComponent';\nexport * from './overrideComponent';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
+{"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from './createFactoryComponent';\nexport * from './createPolymorphicComponent';\nexport * from './overrideComponent';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA"}

package/dist/cjs/vars/Notification.vars.d.ts

@@ -0,0 +1,3 @@
+import { NotificationFactory, PartialVarsResolver } from '@mantine/core';
+export declare const NotificationVars: PartialVarsResolver<NotificationFactory>;
+//# sourceMappingURL=Notification.vars.d.ts.map

package/dist/cjs/vars/Notification.vars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notification.vars.d.ts","sourceRoot":"","sources":["../../../src/vars/Notification.vars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAE,mBAAmB,EAAC,MAAM,eAAe,CAAC;AAEvE,eAAO,MAAM,gBAAgB,EAAE,mBAAmB,CAAC,mBAAmB,CAWrE,CAAC"}

package/dist/cjs/vars/Notification.vars.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "NotificationVars", {
+    enumerable: true,
+    get: function() {
+        return NotificationVars;
+    }
+});
+var NotificationVars = function(theme, props) {
+    if (props.color === "success") {
+        return {
+            root: {},
+            icon: {
+                color: theme.colors.success[6]
+            }
+        };
+    }
+    if (props.color === "warning") {
+        return {
+            root: {},
+            icon: {
+                color: theme.colors.warning[6]
+            }
+        };
+    }
+    if (props.color === "critical") {
+        return {
+            root: {},
+            icon: {
+                color: theme.colors.critical[6]
+            }
+        };
+    }
+    return {
+        root: {},
+        icon: {
+            color: theme.colors.info[6]
+        }
+    };
+};
+
+//# sourceMappingURL=Notification.vars.js.map

package/dist/cjs/vars/Notification.vars.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/vars/Notification.vars.ts"],"sourcesContent":["import {NotificationFactory, PartialVarsResolver} from '@mantine/core';\n\nexport const NotificationVars: PartialVarsResolver<NotificationFactory> = (theme, props) => {\n    if (props.color === 'success') {\n        return {root: {}, icon: {color: theme.colors.success[6]}};\n    }\n    if (props.color === 'warning') {\n        return {root: {}, icon: {color: theme.colors.warning[6]}};\n    }\n    if (props.color === 'critical') {\n        return {root: {}, icon: {color: theme.colors.critical[6]}};\n    }\n    return {root: {}, icon: {color: theme.colors.info[6]}};\n};\n"],"names":["NotificationVars","theme","props","color","root","icon","colors","success","warning","critical","info"],"mappings":";;;;+BAEaA;;;eAAAA;;;AAAN,IAAMA,mBAA6D,SAACC,OAAOC;IAC9E,IAAIA,MAAMC,KAAK,KAAK,WAAW;QAC3B,OAAO;YAACC,MAAM,CAAC;YAAGC,MAAM;gBAACF,OAAOF,MAAMK,MAAM,CAACC,OAAO,CAAC,EAAE;YAAA;QAAC;IAC5D;IACA,IAAIL,MAAMC,KAAK,KAAK,WAAW;QAC3B,OAAO;YAACC,MAAM,CAAC;YAAGC,MAAM;gBAACF,OAAOF,MAAMK,MAAM,CAACE,OAAO,CAAC,EAAE;YAAA;QAAC;IAC5D;IACA,IAAIN,MAAMC,KAAK,KAAK,YAAY;QAC5B,OAAO;YAACC,MAAM,CAAC;YAAGC,MAAM;gBAACF,OAAOF,MAAMK,MAAM,CAACG,QAAQ,CAAC,EAAE;YAAA;QAAC;IAC7D;IACA,OAAO;QAACL,MAAM,CAAC;QAAGC,MAAM;YAACF,OAAOF,MAAMK,MAAM,CAACI,IAAI,CAAC,EAAE;QAAA;IAAC;AACzD"}

package/dist/cjs/vars/Text.vars.d.ts

@@ -0,0 +1,3 @@
+import { PartialVarsResolver, TextFactory } from '@mantine/core';
+export declare const TextVars: PartialVarsResolver<TextFactory>;
+//# sourceMappingURL=Text.vars.d.ts.map

package/dist/cjs/vars/Text.vars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.vars.d.ts","sourceRoot":"","sources":["../../../src/vars/Text.vars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,mBAAmB,EAAE,WAAW,EAAc,MAAM,eAAe,CAAC;AAE5E,eAAO,MAAM,QAAQ,EAAE,mBAAmB,CAAC,WAAW,CAKrD,CAAC"}

package/dist/cjs/vars/Text.vars.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TextVars", {
+    enumerable: true,
+    get: function() {
+        return TextVars;
+    }
+});
+var _core = require("@mantine/core");
+var TextVars = function(theme, props) {
+    if (!props.size) {
+        return {
+            root: {
+                "--text-fz": (0, _core.getFontSize)("sm")
+            }
+        };
+    }
+    return {
+        root: {}
+    };
+};
+
+//# sourceMappingURL=Text.vars.js.map

package/dist/cjs/vars/Text.vars.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/vars/Text.vars.ts"],"sourcesContent":["import {PartialVarsResolver, TextFactory, getFontSize} from '@mantine/core';\n\nexport const TextVars: PartialVarsResolver<TextFactory> = (theme, props) => {\n    if (!props.size) {\n        return {root: {'--text-fz': getFontSize('sm')}};\n    }\n    return {root: {}};\n};\n"],"names":["TextVars","theme","props","size","root","getFontSize"],"mappings":";;;;+BAEaA;;;eAAAA;;;oBAF+C;AAErD,IAAMA,WAA6C,SAACC,OAAOC;IAC9D,IAAI,CAACA,MAAMC,IAAI,EAAE;QACb,OAAO;YAACC,MAAM;gBAAC,aAAaC,IAAAA,iBAAW,EAAC;YAAK;QAAC;IAClD;IACA,OAAO;QAACD,MAAM,CAAC;IAAC;AACpB"}

package/dist/esm/components/action-icon/ActionIcon.d.ts

@@ -1,16 +1,38 @@
-import { ActionIcon as MantineActionIcon, type ActionIconProps as MantineActionIconProps } from '@mantine/core';
+import { ActionIconCssVariables, ActionIconGroup, type ActionIconProps as MantineActionIconProps, ActionIconStylesNames, ActionIconVariant } from '@mantine/core';
 import { MouseEventHandler } from 'react';
 import { ButtonWithDisabledTooltipProps } from '../button/ButtonWithDisabledTooltip';
 export interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {
     onClick?: MouseEventHandler<HTMLButtonElement>;
 }
-export declare const ActionIcon: (<C = "button">(props: import("@mantine/utils").PolymorphicComponentProps<C, ActionIconProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ActionIconProps & {
+export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, ActionIconProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ActionIconProps & {
     component?: any;
-} & Omit<Pick<any, string | number | symbol>, "component" | keyof ActionIconProps> & {
+} & Omit<Omit<any, "ref">, "component" | keyof ActionIconProps> & {
     ref?: any;
+    renderRoot?: (props: any) => any;
 }) | (ActionIconProps & {
-    component: import("react").ElementType<any>;
-})>, never> & {
-    Group: typeof MantineActionIcon.Group;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
+    props: ActionIconProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: ActionIconStylesNames;
+    vars: ActionIconCssVariables;
+    variant: ActionIconVariant;
+    staticComponents: {
+        Group: typeof ActionIconGroup;
+    };
+}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+    props: ActionIconProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: ActionIconStylesNames;
+    vars: ActionIconCssVariables;
+    variant: ActionIconVariant;
+    staticComponents: {
+        Group: typeof ActionIconGroup;
+    };
+}> & {
+    Group: typeof ActionIconGroup;
 };
 //# sourceMappingURL=ActionIcon.d.ts.map

package/dist/esm/components/action-icon/ActionIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,iBAAiB,EAAE,KAAK,eAAe,IAAI,sBAAsB,EAAC,MAAM,eAAe,CAAC;AAC9G,OAAO,EAAyB,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAG1E,OAAO,EAA4B,8BAA8B,EAAC,MAAM,qCAAqC,CAAC;AAE9G,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,8BAA8B;IAE3F,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AA6CD,eAAO,MAAM,UAAU;;;;;;;WAGX,OAAO,kBAAkB,KAAK;CAC5B,CAAC"}
+{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,sBAAsB,EACtB,eAAe,EACf,KAAK,eAAe,IAAI,sBAAsB,EAC9C,qBAAqB,EACrB,iBAAiB,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,qCAAqC,CAAC;AAE9G,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,8BAA8B;IAE3F,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,UAAU;;;;;;;;;WAXZ,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,sBAAsB,CAAC;KACjC;;WARM,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,sBAAsB,CAAC;KACjC;;WADU,sBAAsB;CAyBpC,CAAC"}

package/dist/esm/components/action-icon/ActionIcon.js

@@ -1,30 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ActionIcon as MantineActionIcon } from '@mantine/core';
-import { forwardRef, useState } from 'react';
-import { createPolymorphicComponent } from '../../utils';
+import { ActionIcon as MantineActionIcon, polymorphicFactory } from '@mantine/core';
+import { useClickWithLoading } from '../../hooks/useClickWithLoading';
 import { ButtonWithDisabledTooltip } from '../button/ButtonWithDisabledTooltip';
-const useLoadingHandler = (handler)=>{
-    const [isLoading, setIsLoading] = useState(false);
-    const handleClick = async (event)=>{
-        const possiblePromise = handler?.(event);
-        try {
-            if (possiblePromise instanceof Promise) {
-                setIsLoading(true);
-                await possiblePromise;
-                setIsLoading(false);
-            }
-        } catch (err) {
-            setIsLoading(false);
-            console.error(err);
-        }
-    };
-    return {
-        isLoading,
-        handleClick
-    };
-};
-const _ActionIcon = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others }, ref)=>{
-    const { isLoading, handleClick } = useLoadingHandler(onClick);
+export const ActionIcon = polymorphicFactory(({ disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others }, ref)=>{
+    const { isLoading, handleClick } = useClickWithLoading(onClick);
     return /*#__PURE__*/ _jsx(ButtonWithDisabledTooltip, {
         disabled: disabled,
         disabledTooltip: disabledTooltip,
@@ -32,7 +11,7 @@ const _ActionIcon = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, disab
         fullWidth: others.fullWidth,
         children: /*#__PURE__*/ _jsx(MantineActionIcon, {
             loaderProps: {
-                variant: 'oval'
+                type: 'oval'
             },
             ref: ref,
             loading: isLoading || loading,
@@ -42,7 +21,6 @@ const _ActionIcon = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, disab
         })
     });
 });
-export const ActionIcon = createPolymorphicComponent(_ActionIcon);
 ActionIcon.Group = MantineActionIcon.Group;
 
 //# sourceMappingURL=ActionIcon.js.map

package/dist/esm/components/action-icon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import {ActionIcon as MantineActionIcon, type ActionIconProps as MantineActionIconProps} from '@mantine/core';\nimport {forwardRef, MouseEvent, MouseEventHandler, useState} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../button/ButtonWithDisabledTooltip';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nconst useLoadingHandler = (handler?: MouseEventHandler<HTMLButtonElement>) => {\n    const [isLoading, setIsLoading] = useState(false);\n\n    const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\n        const possiblePromise: unknown = handler?.(event);\n        try {\n            if (possiblePromise instanceof Promise) {\n                setIsLoading(true);\n                await possiblePromise;\n                setIsLoading(false);\n            }\n        } catch (err) {\n            setIsLoading(false);\n            console.error(err);\n        }\n    };\n\n    return {isLoading, handleClick};\n};\n\nconst _ActionIcon = forwardRef<HTMLButtonElement, ActionIconProps>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useLoadingHandler(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\n\nexport const ActionIcon = createPolymorphicComponent<\n    'button',\n    ActionIconProps,\n    {Group: typeof MantineActionIcon.Group}\n>(_ActionIcon);\nActionIcon.Group = MantineActionIcon.Group;\n"],"names":["ActionIcon","MantineActionIcon","forwardRef","useState","createPolymorphicComponent","ButtonWithDisabledTooltip","useLoadingHandler","handler","isLoading","setIsLoading","handleClick","event","possiblePromise","Promise","err","console","error","_ActionIcon","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","fullWidth","loaderProps","variant","Group"],"mappings":";AAAA,SAAQA,cAAcC,iBAAiB,QAAuD,gBAAgB;AAC9G,SAAQC,UAAU,EAAiCC,QAAQ,QAAO,QAAQ;AAE1E,SAAQC,0BAA0B,QAAO,cAAc;AACvD,SAAQC,yBAAyB,QAAuC,sCAAsC;AAO9G,MAAMC,oBAAoB,CAACC;IACvB,MAAM,CAACC,WAAWC,aAAa,GAAGN,SAAS;IAE3C,MAAMO,cAAc,OAAOC;QACvB,MAAMC,kBAA2BL,UAAUI;QAC3C,IAAI;YACA,IAAIC,2BAA2BC,SAAS;gBACpCJ,aAAa;gBACb,MAAMG;gBACNH,aAAa;YACjB;QACJ,EAAE,OAAOK,KAAK;YACVL,aAAa;YACbM,QAAQC,KAAK,CAACF;QAClB;IACJ;IAEA,OAAO;QAACN;QAAWE;IAAW;AAClC;AAEA,MAAMO,4BAAcf,WAChB,CAAC,EAACgB,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,QAAO,EAAEC;IAC7E,MAAM,EAAChB,SAAS,EAAEE,WAAW,EAAC,GAAGJ,kBAAkBgB;IACnD,qBACI,KAACjB;QACGc,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBK,WAAWF,OAAOE,SAAS;kBAE3B,cAAA,KAACxB;YACGyB,aAAa;gBAACC,SAAS;YAAM;YAC7BH,KAAKA;YACLH,SAASb,aAAaa;YACtBC,SAASZ;YACTS,UAAUA;YACT,GAAGI,MAAM;;;AAI1B;AAGJ,OAAO,MAAMvB,aAAaI,2BAIxBa,aAAa;AACfjB,WAAW4B,KAAK,GAAG3B,kBAAkB2B,KAAK"}
+{"version":3,"sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIcon as MantineActionIcon,\n    ActionIconCssVariables,\n    ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../button/ButtonWithDisabledTooltip';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ActionIconOverloadFactory = Factory<{\n    props: ActionIconProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ActionIconStylesNames;\n    vars: ActionIconCssVariables;\n    variant: ActionIconVariant;\n    staticComponents: {\n        Group: typeof ActionIconGroup;\n    };\n}>;\n\nexport const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{type: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nActionIcon.Group = MantineActionIcon.Group;\n"],"names":["ActionIcon","MantineActionIcon","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","isLoading","handleClick","fullWidth","loaderProps","type","Group"],"mappings":";AAAA,SACIA,cAAcC,iBAAiB,EAO/BC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,mBAAmB,QAAO,kCAAkC;AACpE,SAAQC,yBAAyB,QAAuC,sCAAsC;AAmB9G,OAAO,MAAMJ,aAAaE,mBACtB,CAAC,EAACG,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,QAAO,EAAEC;IAC7E,MAAM,EAACC,SAAS,EAAEC,WAAW,EAAC,GAAGV,oBAAoBM;IACrD,qBACI,KAACL;QACGE,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBO,WAAWJ,OAAOI,SAAS;kBAE3B,cAAA,KAACb;YACGc,aAAa;gBAACC,MAAM;YAAM;YAC1BL,KAAKA;YACLH,SAASI,aAAaJ;YACtBC,SAASI;YACTP,UAAUA;YACT,GAAGI,MAAM;;;AAI1B,GACF;AACFV,WAAWiB,KAAK,GAAGhB,kBAAkBgB,KAAK"}

package/dist/esm/components/browser-preview/BrowserPreview.d.ts

@@ -1,7 +1,6 @@
-import { DefaultProps, Selectors } from '@mantine/core';
+import { StackProps } from '@mantine/core';
 import { PropsWithChildren } from 'react';
-import useStyles from './BrowserPreview.styles';
-export interface BrowserPreviewProps extends DefaultProps<Selectors<typeof useStyles>> {
+export interface BrowserPreviewProps extends StackProps {
     /**
      * Text to display in a tooltip in the header.
      *
@@ -12,5 +11,5 @@ export interface BrowserPreviewProps extends DefaultProps<Selectors<typeof useSt
      */
     title?: string;
 }
-export declare const BrowserPreview: ({ children, headerTooltip, title, classNames, className, styles, unstyled, ...others }: PropsWithChildren<BrowserPreviewProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const BrowserPreview: ({ children, headerTooltip, title, className, ...others }: PropsWithChildren<BrowserPreviewProps>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BrowserPreview.d.ts.map

package/dist/esm/components/browser-preview/BrowserPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"names":[],"mappings":"AACA,OAAO,EAGH,YAAY,EAGZ,SAAS,EAMZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;IAClF;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,2FAUxB,kBAAkB,mBAAmB,CAAC,4CAgCxC,CAAC"}
+{"version":3,"file":"BrowserPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuC,UAAU,EAAwC,MAAM,eAAe,CAAC;AAEtH,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,6DAMxB,kBAAkB,mBAAmB,CAAC,4CA+BxC,CAAC"}

package/dist/esm/components/browser-preview/BrowserPreview.js

@@ -1,38 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InfoSize16Px } from '@coveord/plasma-react-icons';
 import { Box, ColorSwatch, Flex, Group, Stack, Text, Title, Tooltip, useMantineTheme } from '@mantine/core';
-import useStyles from './BrowserPreview.styles';
-export const BrowserPreview = ({ children, headerTooltip, title, // Style props
-classNames, className, styles, unstyled, ...others })=>{
+import cx from 'clsx';
+import BrowserPreviewClasses from './BrowserPreview.module.css';
+export const BrowserPreview = ({ children, headerTooltip, title, className, ...others })=>{
     const theme = useMantineTheme();
-    const { classes, cx } = useStyles(null, {
-        classNames,
-        name: 'BrowserPreview',
-        styles,
-        unstyled
-    });
     return /*#__PURE__*/ _jsxs(Stack, {
-        className: cx(classes.root, className),
-        spacing: 0,
+        className: cx(BrowserPreviewClasses.root, className),
+        gap: 0,
         maw: 544,
         mih: 0,
         ...others,
         children: [
             /*#__PURE__*/ _jsx(Box, {
                 children: /*#__PURE__*/ _jsxs(Group, {
-                    className: classes.header,
-                    position: "apart",
+                    className: BrowserPreviewClasses.header,
+                    justify: "space-between",
                     px: "sm",
                     py: "xs",
                     bg: "gray.1",
-                    noWrap: true,
                     children: [
                         /*#__PURE__*/ _jsxs(Group, {
-                            spacing: "xs",
-                            noWrap: true,
+                            gap: "xs",
                             children: [
                                 /*#__PURE__*/ _jsx(Title, {
-                                    color: "gray.6",
+                                    c: "gray.6",
                                     order: 4,
                                     children: "Preview"
                                 }),
@@ -42,7 +34,7 @@ classNames, className, styles, unstyled, ...others })=>{
                                     maw: 400,
                                     children: /*#__PURE__*/ _jsx(InfoSize16Px, {
                                         height: 16,
-                                        className: classes.infoIcon
+                                        className: BrowserPreviewClasses.infoIcon
                                     })
                                 })
                             ]
@@ -53,8 +45,7 @@ classNames, className, styles, unstyled, ...others })=>{
                             children: title
                         }),
                         /*#__PURE__*/ _jsxs(Group, {
-                            spacing: "xs",
-                            noWrap: true,
+                            gap: "xs",
                             children: [
                                 /*#__PURE__*/ _jsx(ColorSwatch, {
                                     color: theme.colors.gray[3]
@@ -71,7 +62,7 @@ classNames, className, styles, unstyled, ...others })=>{
                 })
             }),
             /*#__PURE__*/ _jsx(Flex, {
-                className: classes.content,
+                className: BrowserPreviewClasses.content,
                 p: "xl",
                 direction: "column",
                 children: children