npm - @coveord/plasma-mantine - Versions diffs - 52.27.4 → 53.0.0 - Mend

@coveord/plasma-mantine 52.27.4 → 53.0.0

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.

Files changed (1007) hide show

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

	@@ -1 +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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"}
1	+ {"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {CheckSize16Px, CrossSize16Px, FilterSize16Px, InfoSize24Px} 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 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 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: <InfoSize24Px height={24} />,\n color: 'navy',\n },\n classNames: {title: AlertClasses.title},\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 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: {root: SegmentedControlClasses.root},\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","InfoSize24Px","height","title","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","NotificationClasses","closeButton","vars","NotificationVars","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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

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

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

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

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

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/utils/index.ts"],"sourcesContent":["export * from './createPolymorphicComponent';\nexport * from './overrideComponent';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}
1	+ {"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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -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

package/dist/esm/components/browser-preview/BrowserPreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"sourcesContent":["import {InfoSize16Px} from '@coveord/plasma-react-icons';\nimport {\n Box~~,\n~~ ColorSwatch~~,\n DefaultProps,\n~~ Flex~~,\n~~ Group~~,\n Selectors,\n~~ Stack~~,\n~~ Text~~,\n~~ Title~~,\n~~ Tooltip~~,\n~~ useMantineTheme~~,\n~~} from '@mantine/core';\nimport {PropsWithChildren} from 'react';\nimport ~~useStyles~~ from './BrowserPreview.~~styles~~';\n\nexport interface BrowserPreviewProps extends ~~DefaultProps<Selectors<typeof~~ ~~useStyles>>~~ {\n /*\n Text to display in a tooltip in the header.\n \n /\n headerTooltip?: string;\n /*\n Custom title to be displayed at the center of the header.\n */\n title?: string;\n}\n\nexport const BrowserPreview = ({\n children,\n headerTooltip,\n title,\n ~~// Style props\n classNames,\n~~ className,\n ~~styles,\n unstyled,\n~~ ...others\n}: PropsWithChildren<BrowserPreviewProps>) => {\n const theme = useMantineTheme();\n ~~const {classes, cx} = useStyles(null, {classNames, name: 'BrowserPreview', styles, unstyled});\n~~ return (\n <Stack className={cx(~~classes~~.root, className)} ~~spacing~~={0} maw={544} mih={0} {...others}>\n <Box>\n <Group className={~~classes~~.header} ~~position~~=\"~~apart~~\" px=\"sm\" py=\"xs\" bg=\"gray.1\" ~~noWrap~~>\n <Group ~~spacing~~=\"xs\" ~~noWrap~~>\n <Title ~~color~~=\"gray.6\" order={4}>\n Preview\n </Title>\n {!!headerTooltip && (\n <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n <InfoSize16Px height={16} className={~~classes~~.infoIcon} />\n </Tooltip>\n )}\n </Group>\n <Text lineClamp={1} color=\"gray.6\">\n {title}\n </Text>\n <Group ~~spacing~~=\"xs\" ~~noWrap~~>\n <ColorSwatch color={theme.colors.gray[3]} />\n <ColorSwatch color={theme.colors.gray[3]} />\n <ColorSwatch color={theme.colors.gray[3]} />\n </Group>\n </Group>\n </Box>\n <Flex className={~~classes~~.content} p=\"xl\" direction=\"column\">\n {children}\n </Flex>\n </Stack>\n );\n};\n"],"names":["InfoSize16Px","Box","ColorSwatch","Flex","Group","Stack","Text","Title","Tooltip","useMantineTheme","~~useStyles~~","BrowserPreview","children","headerTooltip","title","~~classNames","~~className","~~styles","unstyled","~~others","theme","~~classes","cx","name","~~root","~~spacing~~","maw","mih","header","~~position~~","px","py","bg","~~noWrap~~","~~color~~","~~order~~","~~label~~","height","infoIcon","lineClamp","colors","gray","content","p","direction"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,~~SACIC~~,GAAG,~~EACHC~~,WAAW,~~EAEXC~~,IAAI,~~EACJC~~,KAAK,~~EAELC~~,KAAK,~~EACLC~~,IAAI,~~EACJC~~,KAAK,~~EACLC~~,OAAO,~~EACPC~~,eAAe,~~QACZ~~,gBAAgB;~~AAEvB~~,OAAOC,~~eAAe~~,~~0BAA0B~~;~~AAchD~~,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,~~EACL~~,~~cAAc;AACdC,UAAU,EACVC,~~SAAS,~~EACTC~~,~~MAAM,EACNC,QAAQ,EACR,~~GAAGC,QACkC;IACrC,MAAMC,~~QAAQX~~;IACd,~~MAAM,EAACY,OAAO,EAAEC,EAAE,EAAC,GAAGZ,UAAU,MAAM;QAACK;QAAYQ,MAAM;QAAkBN;QAAQC;IAAQ;IAC3F,~~qBACI,~~MAACb~~;QAAMW,~~WAAWM~~,~~GAAGD~~,~~QAAQG~~,IAAI,~~EAAER~~;~~QAAYS~~,~~SAAS~~;QAAGC,KAAK;QAAKC,KAAK;QAAI,~~GAAGR~~,MAAM;;~~0BACnF~~,~~KAAClB~~;0BACG,cAAA,MAACG;oBAAMY,~~WAAWK~~,~~QAAQO~~,MAAM;oBAAEC,~~UAAS~~;~~oBAAQC~~,IAAG;oBAAKC,IAAG;oBAAKC,IAAG~~;oBAASC,MAAM~~;;~~sCACjF~~,~~MAAC7B~~;~~4BAAMqB~~,~~SAAQ;4BAAKQ,MAAM~~;;~~8CACtB~~,~~KAAC1B~~;~~oCAAM2B~~,~~OAAM~~;oCAASC,OAAO;8CAAG;;~~gCAG/B~~,CAAC,~~CAACtB~~,+BACC,~~KAACL~~;~~oCAAQ4B~~,~~OAAOvB~~;~~oCAAegB~~,UAAS;~~oCAAQH~~,KAAK;8CACjD,cAAA,~~KAAC1B~~;~~wCAAaqC~~,QAAQ;~~wCAAIrB~~,~~WAAWK~~,~~QAAQiB~~,QAAQ;;;;;~~sCAIjE~~,~~KAAChC~~;~~4BAAKiC~~,WAAW;~~4BAAGL~~,OAAM;sCACrBpB;;sCAEL,~~MAACV~~;~~4BAAMqB~~,~~SAAQ;4BAAKQ,MAAM~~;;~~8CACtB~~,~~KAAC/B~~;~~oCAAYgC~~,~~OAAOd~~,~~MAAMoB~~,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,~~KAACvC~~;~~oCAAYgC~~,~~OAAOd~~,~~MAAMoB~~,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,~~KAACvC~~;~~oCAAYgC~~,~~OAAOd~~,~~MAAMoB~~,MAAM,CAACC,IAAI,CAAC,EAAE;;;;;;;0BAIpD,~~KAACtC~~;gBAAKa,~~WAAWK~~,~~QAAQqB~~,OAAO;gBAAEC,GAAE;gBAAKC,WAAU;~~0BAC9ChC~~;;;;AAIjB,EAAE"}
1	+ {"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"sourcesContent":["import {InfoSize16Px} from '@coveord/plasma-react-icons';\nimport {Box, ColorSwatch, Flex, Group, Stack, StackProps, Text, Title, Tooltip, useMantineTheme} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n /*\n Text to display in a tooltip in the header.\n \n /\n headerTooltip?: string;\n /*\n Custom title to be displayed at the center of the header.\n */\n title?: string;\n}\n\nexport const BrowserPreview = ({\n children,\n headerTooltip,\n title,\n className,\n ...others\n}: PropsWithChildren<BrowserPreviewProps>) => {\n const theme = useMantineTheme();\n return (\n <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n <Box>\n <Group className={BrowserPreviewClasses.header} justify=\"space-between\" px=\"sm\" py=\"xs\" bg=\"gray.1\">\n <Group gap=\"xs\">\n <Title c=\"gray.6\" order={4}>\n Preview\n </Title>\n {!!headerTooltip && (\n <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n <InfoSize16Px height={16} className={BrowserPreviewClasses.infoIcon} />\n </Tooltip>\n )}\n </Group>\n <Text lineClamp={1} color=\"gray.6\">\n {title}\n </Text>\n <Group gap=\"xs\">\n <ColorSwatch color={theme.colors.gray[3]} />\n <ColorSwatch color={theme.colors.gray[3]} />\n <ColorSwatch color={theme.colors.gray[3]} />\n </Group>\n </Group>\n </Box>\n <Flex className={BrowserPreviewClasses.content} p=\"xl\" direction=\"column\">\n {children}\n </Flex>\n </Stack>\n );\n};\n"],"names":["InfoSize16Px","Box","ColorSwatch","Flex","Group","Stack","Text","Title","Tooltip","useMantineTheme","cx","BrowserPreviewClasses","BrowserPreview","children","headerTooltip","title","className","others","theme","root","gap","maw","mih","header","justify","px","py","bg","c","order","label","position","height","infoIcon","lineClamp","color","colors","gray","content","p","direction"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SAAQC,GAAG,EAAEC,WAAW,EAAEC,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAcC,IAAI,EAAEC,KAAK,EAAEC,OAAO,EAAEC,eAAe,QAAO,gBAAgB;AACtH,OAAOC,QAAQ,OAAO;AAEtB,OAAOC,2BAA2B,8BAA8B;AAchE,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,EACLC,SAAS,EACT,GAAGC,QACkC;IACrC,MAAMC,QAAQT;IACd,qBACI,MAACJ;QAAMW,WAAWN,GAAGC,sBAAsBQ,IAAI,EAAEH;QAAYI,KAAK;QAAGC,KAAK;QAAKC,KAAK;QAAI,GAAGL,MAAM;;0BAC7F,KAAChB;0BACG,cAAA,MAACG;oBAAMY,WAAWL,sBAAsBY,MAAM;oBAAEC,SAAQ;oBAAgBC,IAAG;oBAAKC,IAAG;oBAAKC,IAAG;;sCACvF,MAACvB;4BAAMgB,KAAI;;8CACP,KAACb;oCAAMqB,GAAE;oCAASC,OAAO;8CAAG;;gCAG3B,CAAC,CAACf,+BACC,KAACN;oCAAQsB,OAAOhB;oCAAeiB,UAAS;oCAAQV,KAAK;8CACjD,cAAA,KAACrB;wCAAagC,QAAQ;wCAAIhB,WAAWL,sBAAsBsB,QAAQ;;;;;sCAI/E,KAAC3B;4BAAK4B,WAAW;4BAAGC,OAAM;sCACrBpB;;sCAEL,MAACX;4BAAMgB,KAAI;;8CACP,KAAClB;oCAAYiC,OAAOjB,MAAMkB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACnC;oCAAYiC,OAAOjB,MAAMkB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACnC;oCAAYiC,OAAOjB,MAAMkB,MAAM,CAACC,IAAI,CAAC,EAAE;;;;;;;0BAIpD,KAAClC;gBAAKa,WAAWL,sBAAsB2B,OAAO;gBAAEC,GAAE;gBAAKC,WAAU;0BAC5D3B;;;;AAIjB,EAAE"}