@coveord/plasma-mantine 57.0.0 → 57.2.0

package/dist/cjs/styles/NumberInput.module.css

@@ -1,5 +1,7 @@
 .control {
     @mixin light {
+        color: var(--mantine-color-dimmed);
+
         @mixin hover {
             background-color: var(--mantine-color-default-hover);
         }

package/dist/cjs/styles/Tooltip.module.css

@@ -1,4 +1,4 @@
 .tooltip {
     word-break: break-word;
-    padding: 12px;
+    padding: var(--mantine-spacing-xs);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAsBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;AA6DvB,eAAO,MAAM,WAAW,EAAE,oBA+axB,CAAC"}
+{"version":3,"file":"Theme.d.ts","sourceRoot":"","sources":["../../../src/theme/Theme.tsx"],"names":[],"mappings":"AAYA,OAAO,EAsBH,oBAAoB,EAuBvB,MAAM,eAAe,CAAC;AA8DvB,eAAO,MAAM,WAAW,EAAE,oBAqbxB,CAAC"}

package/dist/cjs/theme/Theme.js

@@ -20,6 +20,7 @@ var _Accordion = require("../components/Accordion/Accordion.js");
 var _CheckboxIcon = require("../components/CheckboxIcon/CheckboxIcon.js");
 var _CircleLoader = require("../components/CircleLoader/CircleLoader.js");
 var _InfoToken = require("../components/InfoToken/InfoToken.js");
+var _AppShellmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/AppShell.module.css"));
 var _Accordionmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Accordion.module.css"));
 var _ActionIconmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/ActionIcon.module.css"));
 var _Alertmodulecss = /*#__PURE__*/ _interop_require_default._(require("../styles/Alert.module.css"));
@@ -160,6 +161,18 @@ var plasmaTheme = (0, _core.createTheme)({
             classNames: _ActionIconmodulecss.default
         }),
         AppShell: _core.AppShell.extend({
+            classNames: _AppShellmodulecss.default,
+            defaultProps: {
+                header: {
+                    height: 60
+                },
+                navbar: {
+                    width: 240,
+                    breakpoint: 0
+                },
+                layout: 'alt',
+                withBorder: false
+            },
             vars: function vars(theme) {
                 return {
                     root: {
@@ -569,8 +582,7 @@ var plasmaTheme = (0, _core.createTheme)({
                 maw: 280,
                 multiline: true,
                 withArrow: true,
-                zIndex: 10000,
-                color: _PlasmaColors.PlasmaColors.violet[9]
+                zIndex: 10000
             },
             classNames: _Tooltipmodulecss.default
         }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n    ArrowHeadLeftSize16Px,\n    ArrowHeadRightSize16Px,\n    CrossSize16Px,\n    FilterSize16Px,\n    IconCalendarWeek,\n    IconCheck,\n    IconClock,\n    IconInfoCircleFilled,\n    IconSlash,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n    ActionIcon,\n    Alert,\n    AppShell,\n    Badge,\n    Breadcrumbs,\n    Button,\n    Card,\n    Checkbox,\n    Chip,\n    CloseButton,\n    ColorSwatch,\n    Combobox,\n    ComboboxSearch,\n    createTheme,\n    deepMerge,\n    Divider,\n    Image,\n    Input,\n    InputWrapper,\n    List,\n    Loader,\n    MantineThemeOverride,\n    Modal,\n    MultiSelect,\n    NavLink,\n    Notification,\n    NumberInput,\n    Pagination,\n    Paper,\n    PasswordInput,\n    Pill,\n    Popover,\n    Radio,\n    ScrollArea,\n    SegmentedControl,\n    Select,\n    Skeleton,\n    Slider,\n    Stepper,\n    Switch,\n    Table,\n    Tabs,\n    Text,\n    Tooltip,\n} from '@mantine/core';\nimport {\n    DateInput,\n    DatePicker,\n    DateTimePicker,\n    MonthPicker,\n    PickerInputBase,\n    TimeInput,\n    TimePicker,\n    YearPicker,\n} from '@mantine/dates';\nimport {Accordion} from '../components/Accordion/Accordion.js';\nimport {CheckboxIcon} from '../components/CheckboxIcon/CheckboxIcon.js';\nimport {CircleLoader} from '../components/CircleLoader/CircleLoader.js';\nimport {InfoToken} from '../components/InfoToken/InfoToken.js';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CardClasses from '../styles/Card.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ChipClasses from '../styles/Chip.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport DateTimePickerClasses from '../styles/DateTimePicker.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 MonthPickerClasses from '../styles/MonthPicker.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notifications.module.css';\nimport NumberInputClasses from '../styles/NumberInput.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport PaperClasses from '../styles/Paper.module.css';\nimport PillClasses from '../styles/Pill.module.css';\nimport PopoverClasses from '../styles/Popover.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport RadioCardClasses from '../styles/RadioCard.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.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 SliderClasses from '../styles/Slider.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TimePickerClasses from '../styles/TimePicker.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport YearPickerClasses from '../styles/YearPicker.module.css';\nimport {PlasmaColors} from './PlasmaColors.js';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver.js';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n    variantColorResolver: plasmaVariantColorResolver,\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: 'md',\n    lineHeights: {\n        xxs: '1.2',\n        xs: '1.16',\n        sm: '1.14',\n        md: '1.14',\n        lg: '1.11',\n        xl: '1.2',\n    },\n    spacing: {\n        xxs: '4px',\n        xs: '8px',\n        sm: '16px',\n        md: '24px',\n        lg: '32px',\n        xl: '40px',\n    },\n    radius: {\n        none: '0px',\n        xs: '2px',\n        sm: '4px',\n        md: '8px',\n        lg: '16px',\n        xl: '24px',\n        xxl: '32px',\n    },\n    primaryColor: 'blue',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 'var(--coveo-fw-bold)',\n        sizes: {\n            h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n            h2: {fontSize: '32px', lineHeight: '1.35', fontWeight: 'var(--coveo-fw-normal)'},\n            h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n            h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n            h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: 'var(--coveo-fw-bold)'},\n            h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n        },\n    },\n    fontSizes: {\n        xxs: '10px',\n        xs: '12px',\n        sm: '14px',\n        md: '16px',\n        lg: '18px',\n        xl: '20px',\n    },\n    shadows: {\n        xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',\n        sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n        md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n        lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n        xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n    },\n    primaryShade: 5,\n    colors: PlasmaColors,\n    components: {\n        Accordion: Accordion.extend({\n            classNames: AccordionClasses,\n        }),\n        ActionIcon: ActionIcon.extend({\n            defaultProps: {\n                size: 'lg',\n            },\n            classNames: ActionIconClasses,\n        }),\n        AppShell: AppShell.extend({\n            vars: (theme) =>\n                ({\n                    root: {'--app-shell-border-color': theme.colors.gray[2]},\n                }) as any,\n        }),\n        Alert: Alert.extend({\n            defaultProps: {\n                icon: <InfoToken variant=\"advice\" />,\n                p: 'sm',\n            },\n            classNames: AlertClasses,\n        }),\n        Badge: Badge.extend({\n            classNames: BadgeClasses,\n            defaultProps: {\n                variant: 'light',\n                tt: 'none',\n            },\n        }),\n        Breadcrumbs: Breadcrumbs.extend({\n            classNames: BreadcrumbsClasses,\n            defaultProps: {\n                separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n                separatorMargin: 'xxs',\n            },\n        }),\n        Button: Button.extend({\n            defaultProps: {\n                size: 'sm',\n                vars: (theme) => ({\n                    root: {\n                        '--button-padding-x': theme.spacing.sm,\n                    },\n                }),\n            },\n            classNames: ButtonClasses,\n        }),\n        Card: Card.extend({\n            defaultProps: {\n                radius: 'lg',\n                shadow: 'xs',\n                padding: 'sm',\n                withBorder: true,\n            },\n            classNames: CardClasses,\n        }),\n        Checkbox: Checkbox.extend({\n            defaultProps: {\n                radius: 'sm',\n                icon: CheckboxIcon,\n            },\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n                }\n                return CheckboxClasses;\n            },\n        }),\n        CheckboxIndicator: Checkbox.Indicator.extend({\n            defaultProps: {\n                radius: 'sm',\n                icon: CheckboxIcon,\n            },\n            classNames: CheckboxIndicatorClasses,\n        }),\n        Chip: Chip.extend({\n            defaultProps: {\n                icon: <IconCheck size={16} />,\n            },\n            classNames: ChipClasses,\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: ComboboxClasses,\n            defaultProps: {\n                middlewares: {inline: true},\n            },\n        }),\n        ComboboxSearch: ComboboxSearch.extend({\n            defaultProps: {\n                placeholder: 'Search',\n                rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n            },\n        }),\n        DateInput: DateInput.extend({\n            defaultProps: {\n                miw: 250,\n                leftSection: <IconCalendarWeek size={16} />,\n            },\n        }),\n        DatePicker: DatePicker.extend({\n            defaultProps: {\n                firstDayOfWeek: 0,\n            },\n            classNames: DatePickerClasses,\n        }),\n        DateTimePicker: DateTimePicker.extend({\n            classNames: DateTimePickerClasses,\n        }),\n        Divider: Divider.extend({\n            defaultProps: {\n                color: 'var(--mantine-color-default-border)',\n            },\n        }),\n        Image: Image.extend({\n            defaultProps: {\n                fallbackSrc: placeholderSvg,\n            },\n        }),\n        Input: Input.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: (_theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n                    return deepMerge(InputClasses, ReadOnlyInputClasses);\n                }\n                return InputClasses;\n            },\n        }),\n        InputWrapper: InputWrapper.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: InputWrapperClasses,\n            vars: (theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n                    return {\n                        root: {\n                            '--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined,\n                        },\n                        label: {'--input-asterisk-color': theme.colors.red[2]},\n                        error: {},\n                        description: {},\n                    };\n                }\n                return {\n                    root: {'--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined},\n                    label: {},\n                    error: {},\n                    description: {},\n                };\n            },\n        }),\n        PasswordInput: PasswordInput.extend({\n            vars: () => ({\n                root: {\n                    '--psi-button-size': 'var(--mantine-spacing-lg)',\n                },\n            }),\n        }),\n        Loader: Loader.extend({\n            defaultProps: {\n                loaders: {...Loader.defaultLoaders, circle: CircleLoader},\n                type: 'circle',\n                role: 'presentation',\n            },\n        }),\n        List: List.extend({\n            classNames: ListClasses,\n        }),\n        Modal: Modal.extend({\n            classNames: ModalClasses,\n            vars: () => {\n                const sizes = {\n                    '--modal-size-xs': '432px',\n                    '--modal-size-sm': '664px',\n                    '--modal-size-md': '896px',\n                    '--modal-size-lg': '1120px',\n                    '--modal-size-xl': '88%',\n                } as any;\n                return {\n                    root: {\n                        ...sizes,\n                    },\n                };\n            },\n        }),\n        ModalOverlay: Modal.Overlay.extend({\n            defaultProps: {\n                color: PlasmaColors.indigo[8],\n                backgroundOpacity: 0.7,\n                blur: 2,\n            },\n        }),\n        ModalRoot: Modal.Root.extend({\n            defaultProps: {\n                padding: 'lg',\n            },\n        }),\n        MonthPicker: MonthPicker.extend({\n            classNames: MonthPickerClasses,\n        }),\n        MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n        NavLink: NavLink.extend({classNames: NavLinkClasses}),\n        Notification: Notification.extend({\n            classNames: NotificationClasses,\n            defaultProps: {\n                icon: <IconInfoCircleFilled height={20} />,\n            },\n        }),\n        NumberInput: NumberInput.extend({\n            classNames: NumberInputClasses,\n        }),\n        Pagination: Pagination.extend({\n            classNames: PaginationClasses,\n            defaultProps: {\n                nextIcon: ArrowHeadRightSize16Px,\n                previousIcon: ArrowHeadLeftSize16Px,\n            },\n        }),\n        Paper: Paper.extend({\n            classNames: PaperClasses,\n        }),\n        PickerInputBase: PickerInputBase.extend({\n            defaultProps: {\n                miw: 250,\n                leftSection: <IconCalendarWeek size={16} />,\n            },\n        }),\n        Pill: Pill.extend({\n            classNames: PillClasses,\n        }),\n        Popover: Popover.extend({\n            classNames: PopoverClasses,\n            defaultProps: {\n                middlewares: {inline: true},\n                position: 'bottom-start',\n            },\n        }),\n        Radio: Radio.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(RadioClasses, ReadOnlyStateClasses);\n                }\n                return RadioClasses;\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {\n                            '--radio-icon-color': theme.colors.gray[7],\n                            '--radio-color': theme.colors.gray[2],\n                        },\n                    };\n                }\n                return {root: {}};\n            },\n        }),\n        RadioCard: Radio.Card.extend({\n            classNames: RadioCardClasses,\n        }),\n        ScrollArea: ScrollArea.extend({\n            classNames: ScrollAreaClasses,\n        }),\n        SegmentedControl: SegmentedControl.extend({\n            classNames: SegmentedControlClasses,\n        }),\n        Select: Select.extend({\n            defaultProps: {allowDeselect: false, withCheckIcon: false},\n            classNames: SelectClasses,\n        }),\n        Skeleton: Skeleton.extend({\n            classNames: SkeletonClasses,\n        }),\n        Slider: Slider.extend({\n            defaultProps: {\n                size: 'md',\n            },\n            classNames: SliderClasses,\n        }),\n        Stepper: Stepper.extend({\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <IconCheck size={16} />,\n            },\n            classNames: StepperClasses,\n        }),\n        Switch: Switch.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return ReadOnlyStateClasses;\n                }\n                return {};\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {},\n                        track: {\n                            '--switch-bg': theme.colors.gray[2],\n                            '--switch-bd': 'transparent',\n                        },\n                        thumb: {\n                            '--switch-thumb-bd': 'transparent',\n                        },\n                    };\n                }\n                return {root: {}, track: {}, thumb: {}};\n            },\n            defaultProps: {\n                withThumbIndicator: false,\n            },\n        }),\n        Table: Table.extend({\n            classNames: TableClasses,\n            vars: () => ({\n                table: {\n                    '--table-border-color': 'var(--mantine-color-default-border)',\n                },\n            }),\n        }),\n        Tabs: Tabs.extend({\n            classNames: TabsClasses,\n        }),\n        Text: Text.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: TextClasses,\n        }),\n        TimeInput: TimeInput.extend({\n            defaultProps: {\n                rightSection: <IconClock size={16} />,\n            },\n        }),\n        TimePicker: TimePicker.extend({\n            defaultProps: {\n                withDropdown: true,\n                format: '12h',\n            },\n            classNames: TimePickerClasses,\n        }),\n        Tooltip: Tooltip.extend({\n            defaultProps: {\n                maw: 280,\n                multiline: true,\n                withArrow: true,\n                zIndex: 10000,\n                color: PlasmaColors.violet[9],\n            },\n            classNames: TooltipClasses,\n        }),\n        YearPicker: YearPicker.extend({\n            classNames: YearPickerClasses,\n        }),\n    },\n});\n"],"names":["plasmaTheme","createTheme","variantColorResolver","plasmaVariantColorResolver","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","xxs","xs","sm","md","lg","xl","spacing","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","Accordion","extend","classNames","AccordionClasses","ActionIcon","defaultProps","size","ActionIconClasses","AppShell","vars","theme","root","Alert","icon","InfoToken","variant","p","AlertClasses","Badge","BadgeClasses","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","withBorder","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","height","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","middlewares","inline","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","firstDayOfWeek","DatePickerClasses","DateTimePicker","DateTimePickerClasses","Divider","Image","fallbackSrc","placeholderSvg","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","description","undefined","red","error","PasswordInput","Loader","loaders","defaultLoaders","circle","CircleLoader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","MonthPicker","MonthPickerClasses","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","NotificationClasses","IconInfoCircleFilled","NumberInput","NumberInputClasses","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Paper","PaperClasses","PickerInputBase","Pill","PillClasses","Popover","PopoverClasses","position","Radio","RadioClasses","RadioCard","RadioCardClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","withCheckIcon","SelectClasses","Skeleton","SkeletonClasses","Slider","SliderClasses","Stepper","completedIcon","StepperClasses","Switch","track","thumb","withThumbIndicator","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","TimeInput","IconClock","TimePicker","withDropdown","format","TimePickerClasses","Tooltip","maw","multiline","withArrow","zIndex","violet","TooltipClasses","YearPicker","YearPickerClasses"],"mappings":"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"}
+{"version":3,"sources":["../../../src/theme/Theme.tsx"],"sourcesContent":["import {\n    ArrowHeadLeftSize16Px,\n    ArrowHeadRightSize16Px,\n    CrossSize16Px,\n    FilterSize16Px,\n    IconCalendarWeek,\n    IconCheck,\n    IconClock,\n    IconInfoCircleFilled,\n    IconSlash,\n} from '@coveord/plasma-react-icons';\nimport {color} from '@coveord/plasma-tokens';\nimport {\n    ActionIcon,\n    Alert,\n    AppShell,\n    Badge,\n    Breadcrumbs,\n    Button,\n    Card,\n    Checkbox,\n    Chip,\n    CloseButton,\n    ColorSwatch,\n    Combobox,\n    ComboboxSearch,\n    createTheme,\n    deepMerge,\n    Divider,\n    Image,\n    Input,\n    InputWrapper,\n    List,\n    Loader,\n    MantineThemeOverride,\n    Modal,\n    MultiSelect,\n    NavLink,\n    Notification,\n    NumberInput,\n    Pagination,\n    Paper,\n    PasswordInput,\n    Pill,\n    Popover,\n    Radio,\n    ScrollArea,\n    SegmentedControl,\n    Select,\n    Skeleton,\n    Slider,\n    Stepper,\n    Switch,\n    Table,\n    Tabs,\n    Text,\n    Tooltip,\n} from '@mantine/core';\nimport {\n    DateInput,\n    DatePicker,\n    DateTimePicker,\n    MonthPicker,\n    PickerInputBase,\n    TimeInput,\n    TimePicker,\n    YearPicker,\n} from '@mantine/dates';\nimport {Accordion} from '../components/Accordion/Accordion.js';\nimport {CheckboxIcon} from '../components/CheckboxIcon/CheckboxIcon.js';\nimport {CircleLoader} from '../components/CircleLoader/CircleLoader.js';\nimport {InfoToken} from '../components/InfoToken/InfoToken.js';\nimport AppShellClasses from '../styles/AppShell.module.css';\nimport AccordionClasses from '../styles/Accordion.module.css';\nimport ActionIconClasses from '../styles/ActionIcon.module.css';\nimport AlertClasses from '../styles/Alert.module.css';\nimport BadgeClasses from '../styles/Badge.module.css';\nimport BreadcrumbsClasses from '../styles/Breadcrumbs.module.css';\nimport ButtonClasses from '../styles/Button.module.css';\nimport CardClasses from '../styles/Card.module.css';\nimport CheckboxClasses from '../styles/Checkbox.module.css';\nimport CheckboxIndicatorClasses from '../styles/CheckboxIndicator.module.css';\nimport ChipClasses from '../styles/Chip.module.css';\nimport ComboboxClasses from '../styles/Combobox.module.css';\nimport DatePickerClasses from '../styles/DatePicker.module.css';\nimport DateTimePickerClasses from '../styles/DateTimePicker.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 MonthPickerClasses from '../styles/MonthPicker.module.css';\nimport NavLinkClasses from '../styles/NavLink.module.css';\nimport NotificationClasses from '../styles/Notifications.module.css';\nimport NumberInputClasses from '../styles/NumberInput.module.css';\nimport PaginationClasses from '../styles/Pagination.module.css';\nimport PaperClasses from '../styles/Paper.module.css';\nimport PillClasses from '../styles/Pill.module.css';\nimport PopoverClasses from '../styles/Popover.module.css';\nimport RadioClasses from '../styles/Radio.module.css';\nimport RadioCardClasses from '../styles/RadioCard.module.css';\nimport ReadOnlyInputClasses from '../styles/ReadOnlyInput.module.css';\nimport ReadOnlyStateClasses from '../styles/ReadOnlyState.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 SliderClasses from '../styles/Slider.module.css';\nimport StepperClasses from '../styles/Stepper.module.css';\nimport TableClasses from '../styles/Table.module.css';\nimport TabsClasses from '../styles/Tabs.module.css';\nimport TextClasses from '../styles/Text.module.css';\nimport TimePickerClasses from '../styles/TimePicker.module.css';\nimport TooltipClasses from '../styles/Tooltip.module.css';\nimport YearPickerClasses from '../styles/YearPicker.module.css';\nimport {PlasmaColors} from './PlasmaColors.js';\n\nimport placeholderSvg from '../images/placeholder.svg';\nimport {plasmaVariantColorResolver} from './plasmaVariantColorResolver.js';\n\nexport const plasmaTheme: MantineThemeOverride = createTheme({\n    variantColorResolver: plasmaVariantColorResolver,\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: 'md',\n    lineHeights: {\n        xxs: '1.2',\n        xs: '1.16',\n        sm: '1.14',\n        md: '1.14',\n        lg: '1.11',\n        xl: '1.2',\n    },\n    spacing: {\n        xxs: '4px',\n        xs: '8px',\n        sm: '16px',\n        md: '24px',\n        lg: '32px',\n        xl: '40px',\n    },\n    radius: {\n        none: '0px',\n        xs: '2px',\n        sm: '4px',\n        md: '8px',\n        lg: '16px',\n        xl: '24px',\n        xxl: '32px',\n    },\n    primaryColor: 'blue',\n    headings: {\n        fontFamily: 'canada-type-gibson, sans-serif',\n        fontWeight: 'var(--coveo-fw-bold)',\n        sizes: {\n            h1: {fontSize: '40px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n            h2: {fontSize: '32px', lineHeight: '1.35', fontWeight: 'var(--coveo-fw-normal)'},\n            h3: {fontSize: '24px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n            h4: {fontSize: '18px', lineHeight: '1.2', fontWeight: 'var(--coveo-fw-bold)'},\n            h5: {fontSize: '16px', lineHeight: '1.25', fontWeight: 'var(--coveo-fw-bold)'},\n            h6: {fontSize: '12px', lineHeight: '1.33', fontWeight: 'var(--coveo-fw-bold)'},\n        },\n    },\n    fontSizes: {\n        xxs: '10px',\n        xs: '12px',\n        sm: '14px',\n        md: '16px',\n        lg: '18px',\n        xl: '20px',\n    },\n    shadows: {\n        xs: '0px 1px 2px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05), 0px -0.5px 1px 0px rgba(0, 0, 0, 0.02)',\n        sm: '0px 7px 7px -5px rgba(0, 0, 0, 0.04), 0px 10px 15px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n        md: '0px 10px 10px -5px rgba(0, 0, 0, 0.04), 0px 20px 25px -5px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n        lg: '0px 12px 12px -7px rgba(0, 0, 0, 0.04), 0px 28px 23px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n        xl: '0px 17px 17px -7px rgba(0, 0, 0, 0.04), 0px 36px 28px -7px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.05)',\n    },\n    primaryShade: 5,\n    colors: PlasmaColors,\n    components: {\n        Accordion: Accordion.extend({\n            classNames: AccordionClasses,\n        }),\n        ActionIcon: ActionIcon.extend({\n            defaultProps: {\n                size: 'lg',\n            },\n            classNames: ActionIconClasses,\n        }),\n        AppShell: AppShell.extend({\n            classNames: AppShellClasses,\n            defaultProps: {\n                header: {height: 60},\n                navbar: {width: 240, breakpoint: 0},\n                layout: 'alt',\n                withBorder: false,\n            },\n            vars: (theme) =>\n                ({\n                    root: {'--app-shell-border-color': theme.colors.gray[2]},\n                }) as any,\n        }),\n        Alert: Alert.extend({\n            defaultProps: {\n                icon: <InfoToken variant=\"advice\" />,\n                p: 'sm',\n            },\n            classNames: AlertClasses,\n        }),\n        Badge: Badge.extend({\n            classNames: BadgeClasses,\n            defaultProps: {\n                variant: 'light',\n                tt: 'none',\n            },\n        }),\n        Breadcrumbs: Breadcrumbs.extend({\n            classNames: BreadcrumbsClasses,\n            defaultProps: {\n                separator: <IconSlash size={16} color=\"var(--mantine-color-dimmed)\" />,\n                separatorMargin: 'xxs',\n            },\n        }),\n        Button: Button.extend({\n            defaultProps: {\n                size: 'sm',\n                vars: (theme) => ({\n                    root: {\n                        '--button-padding-x': theme.spacing.sm,\n                    },\n                }),\n            },\n            classNames: ButtonClasses,\n        }),\n        Card: Card.extend({\n            defaultProps: {\n                radius: 'lg',\n                shadow: 'xs',\n                padding: 'sm',\n                withBorder: true,\n            },\n            classNames: CardClasses,\n        }),\n        Checkbox: Checkbox.extend({\n            defaultProps: {\n                radius: 'sm',\n                icon: CheckboxIcon,\n            },\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(CheckboxClasses, ReadOnlyStateClasses);\n                }\n                return CheckboxClasses;\n            },\n        }),\n        CheckboxIndicator: Checkbox.Indicator.extend({\n            defaultProps: {\n                radius: 'sm',\n                icon: CheckboxIcon,\n            },\n            classNames: CheckboxIndicatorClasses,\n        }),\n        Chip: Chip.extend({\n            defaultProps: {\n                icon: <IconCheck size={16} />,\n            },\n            classNames: ChipClasses,\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: ComboboxClasses,\n            defaultProps: {\n                middlewares: {inline: true},\n            },\n        }),\n        ComboboxSearch: ComboboxSearch.extend({\n            defaultProps: {\n                placeholder: 'Search',\n                rightSection: <FilterSize16Px height={16} color=\"gray.5\" />,\n            },\n        }),\n        DateInput: DateInput.extend({\n            defaultProps: {\n                miw: 250,\n                leftSection: <IconCalendarWeek size={16} />,\n            },\n        }),\n        DatePicker: DatePicker.extend({\n            defaultProps: {\n                firstDayOfWeek: 0,\n            },\n            classNames: DatePickerClasses,\n        }),\n        DateTimePicker: DateTimePicker.extend({\n            classNames: DateTimePickerClasses,\n        }),\n        Divider: Divider.extend({\n            defaultProps: {\n                color: 'var(--mantine-color-default-border)',\n            },\n        }),\n        Image: Image.extend({\n            defaultProps: {\n                fallbackSrc: placeholderSvg,\n            },\n        }),\n        Input: Input.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: (_theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.readOnly && !props.disabled && !['Select'].includes(anyProps.__staticSelector)) {\n                    return deepMerge(InputClasses, ReadOnlyInputClasses);\n                }\n                return InputClasses;\n            },\n        }),\n        InputWrapper: InputWrapper.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: InputWrapperClasses,\n            vars: (theme, props) => {\n                const anyProps = props as any;\n                if (anyProps.disabled || (anyProps.readOnly && !['Select'].includes(anyProps.__staticSelector))) {\n                    return {\n                        root: {\n                            '--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined,\n                        },\n                        label: {'--input-asterisk-color': theme.colors.red[2]},\n                        error: {},\n                        description: {},\n                    };\n                }\n                return {\n                    root: {'--input-margin-top': props?.label || props?.description ? theme.spacing.xxs : undefined},\n                    label: {},\n                    error: {},\n                    description: {},\n                };\n            },\n        }),\n        PasswordInput: PasswordInput.extend({\n            vars: () => ({\n                root: {\n                    '--psi-button-size': 'var(--mantine-spacing-lg)',\n                },\n            }),\n        }),\n        Loader: Loader.extend({\n            defaultProps: {\n                loaders: {...Loader.defaultLoaders, circle: CircleLoader},\n                type: 'circle',\n                role: 'presentation',\n            },\n        }),\n        List: List.extend({\n            classNames: ListClasses,\n        }),\n        Modal: Modal.extend({\n            classNames: ModalClasses,\n            vars: () => {\n                const sizes = {\n                    '--modal-size-xs': '432px',\n                    '--modal-size-sm': '664px',\n                    '--modal-size-md': '896px',\n                    '--modal-size-lg': '1120px',\n                    '--modal-size-xl': '88%',\n                } as any;\n                return {\n                    root: {\n                        ...sizes,\n                    },\n                };\n            },\n        }),\n        ModalOverlay: Modal.Overlay.extend({\n            defaultProps: {\n                color: PlasmaColors.indigo[8],\n                backgroundOpacity: 0.7,\n                blur: 2,\n            },\n        }),\n        ModalRoot: Modal.Root.extend({\n            defaultProps: {\n                padding: 'lg',\n            },\n        }),\n        MonthPicker: MonthPicker.extend({\n            classNames: MonthPickerClasses,\n        }),\n        MultiSelect: MultiSelect.extend({defaultProps: {hidePickedOptions: true}}),\n        NavLink: NavLink.extend({classNames: NavLinkClasses}),\n        Notification: Notification.extend({\n            classNames: NotificationClasses,\n            defaultProps: {\n                icon: <IconInfoCircleFilled height={20} />,\n            },\n        }),\n        NumberInput: NumberInput.extend({\n            classNames: NumberInputClasses,\n        }),\n        Pagination: Pagination.extend({\n            classNames: PaginationClasses,\n            defaultProps: {\n                nextIcon: ArrowHeadRightSize16Px,\n                previousIcon: ArrowHeadLeftSize16Px,\n            },\n        }),\n        Paper: Paper.extend({\n            classNames: PaperClasses,\n        }),\n        PickerInputBase: PickerInputBase.extend({\n            defaultProps: {\n                miw: 250,\n                leftSection: <IconCalendarWeek size={16} />,\n            },\n        }),\n        Pill: Pill.extend({\n            classNames: PillClasses,\n        }),\n        Popover: Popover.extend({\n            classNames: PopoverClasses,\n            defaultProps: {\n                middlewares: {inline: true},\n                position: 'bottom-start',\n            },\n        }),\n        Radio: Radio.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return deepMerge(RadioClasses, ReadOnlyStateClasses);\n                }\n                return RadioClasses;\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {\n                            '--radio-icon-color': theme.colors.gray[7],\n                            '--radio-color': theme.colors.gray[2],\n                        },\n                    };\n                }\n                return {root: {}};\n            },\n        }),\n        RadioCard: Radio.Card.extend({\n            classNames: RadioCardClasses,\n        }),\n        ScrollArea: ScrollArea.extend({\n            classNames: ScrollAreaClasses,\n        }),\n        SegmentedControl: SegmentedControl.extend({\n            classNames: SegmentedControlClasses,\n        }),\n        Select: Select.extend({\n            defaultProps: {allowDeselect: false, withCheckIcon: false},\n            classNames: SelectClasses,\n        }),\n        Skeleton: Skeleton.extend({\n            classNames: SkeletonClasses,\n        }),\n        Slider: Slider.extend({\n            defaultProps: {\n                size: 'md',\n            },\n            classNames: SliderClasses,\n        }),\n        Stepper: Stepper.extend({\n            defaultProps: {\n                size: 'xs',\n                completedIcon: <IconCheck size={16} />,\n            },\n            classNames: StepperClasses,\n        }),\n        Switch: Switch.extend({\n            classNames: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return ReadOnlyStateClasses;\n                }\n                return {};\n            },\n            vars: (theme, props) => {\n                if (props.readOnly && !props.disabled) {\n                    return {\n                        root: {},\n                        track: {\n                            '--switch-bg': theme.colors.gray[2],\n                            '--switch-bd': 'transparent',\n                        },\n                        thumb: {\n                            '--switch-thumb-bd': 'transparent',\n                        },\n                    };\n                }\n                return {root: {}, track: {}, thumb: {}};\n            },\n            defaultProps: {\n                withThumbIndicator: false,\n            },\n        }),\n        Table: Table.extend({\n            classNames: TableClasses,\n            vars: () => ({\n                table: {\n                    '--table-border-color': 'var(--mantine-color-default-border)',\n                },\n            }),\n        }),\n        Tabs: Tabs.extend({\n            classNames: TabsClasses,\n        }),\n        Text: Text.extend({\n            defaultProps: {\n                size: 'sm',\n            },\n            classNames: TextClasses,\n        }),\n        TimeInput: TimeInput.extend({\n            defaultProps: {\n                rightSection: <IconClock size={16} />,\n            },\n        }),\n        TimePicker: TimePicker.extend({\n            defaultProps: {\n                withDropdown: true,\n                format: '12h',\n            },\n            classNames: TimePickerClasses,\n        }),\n        Tooltip: Tooltip.extend({\n            defaultProps: {\n                maw: 280,\n                multiline: true,\n                withArrow: true,\n                zIndex: 10000,\n            },\n            classNames: TooltipClasses,\n        }),\n        YearPicker: YearPicker.extend({\n            classNames: YearPickerClasses,\n        }),\n    },\n});\n"],"names":["plasmaTheme","createTheme","variantColorResolver","plasmaVariantColorResolver","fontFamily","black","color","primary","gray","defaultRadius","lineHeights","xxs","xs","sm","md","lg","xl","spacing","radius","none","xxl","primaryColor","headings","fontWeight","sizes","h1","fontSize","lineHeight","h2","h3","h4","h5","h6","fontSizes","shadows","primaryShade","colors","PlasmaColors","components","Accordion","extend","classNames","AccordionClasses","ActionIcon","defaultProps","size","ActionIconClasses","AppShell","AppShellClasses","header","height","navbar","width","breakpoint","layout","withBorder","vars","theme","root","Alert","icon","InfoToken","variant","p","AlertClasses","Badge","BadgeClasses","tt","Breadcrumbs","BreadcrumbsClasses","separator","IconSlash","separatorMargin","Button","ButtonClasses","Card","shadow","padding","CardClasses","Checkbox","CheckboxIcon","props","readOnly","disabled","deepMerge","CheckboxClasses","ReadOnlyStateClasses","CheckboxIndicator","Indicator","CheckboxIndicatorClasses","Chip","IconCheck","ChipClasses","CloseButton","CrossSize16Px","aria-label","ColorSwatch","withShadow","Combobox","ComboboxClasses","middlewares","inline","ComboboxSearch","placeholder","rightSection","FilterSize16Px","DateInput","miw","leftSection","IconCalendarWeek","DatePicker","firstDayOfWeek","DatePickerClasses","DateTimePicker","DateTimePickerClasses","Divider","Image","fallbackSrc","placeholderSvg","Input","_theme","anyProps","includes","__staticSelector","InputClasses","ReadOnlyInputClasses","InputWrapper","InputWrapperClasses","label","description","undefined","red","error","PasswordInput","Loader","loaders","defaultLoaders","circle","CircleLoader","type","role","List","ListClasses","Modal","ModalClasses","ModalOverlay","Overlay","indigo","backgroundOpacity","blur","ModalRoot","Root","MonthPicker","MonthPickerClasses","MultiSelect","hidePickedOptions","NavLink","NavLinkClasses","Notification","NotificationClasses","IconInfoCircleFilled","NumberInput","NumberInputClasses","Pagination","PaginationClasses","nextIcon","ArrowHeadRightSize16Px","previousIcon","ArrowHeadLeftSize16Px","Paper","PaperClasses","PickerInputBase","Pill","PillClasses","Popover","PopoverClasses","position","Radio","RadioClasses","RadioCard","RadioCardClasses","ScrollArea","ScrollAreaClasses","SegmentedControl","SegmentedControlClasses","Select","allowDeselect","withCheckIcon","SelectClasses","Skeleton","SkeletonClasses","Slider","SliderClasses","Stepper","completedIcon","StepperClasses","Switch","track","thumb","withThumbIndicator","Table","TableClasses","table","Tabs","TabsClasses","Text","TextClasses","TimeInput","IconClock","TimePicker","withDropdown","format","TimePickerClasses","Tooltip","maw","multiline","withArrow","zIndex","TooltipClasses","YearPicker","YearPickerClasses"],"mappings":";;;;+BAuHaA;;;eAAAA;;;;;;;gCA7GN;4BACa;oBA8Cb;qBAUA;yBACiB;4BACG;4BACA;yBACH;0EACI;2EACC;4EACC;uEACL;uEACA;6EACM;wEACL;sEACF;0EACI;mFACS;sEACb;0EACI;4EACE;gFACI;uEACT;8EACO;sEACR;uEACC;6EACM;yEACJ;+EACK;6EACD;4EACD;uEACL;sEACD;yEACG;uEACF;2EACI;+EACI;+EACA;4EACH;kFACM;wEACV;0EACE;wEACF;yEACC;uEACF;sEACD;sEACA;4EACM;yEACH;4EACG;4BACH;uEAEA;0CACc;AAElC,IAAMA,cAAoCC,IAAAA,iBAAW,EAAC;IACzDC,sBAAsBC,sDAA0B;IAChD,gJAAgJ;IAChJC,YAAY;IACZC,OAAOC,mBAAK,CAACC,OAAO,CAACC,IAAI,CAAC,EAAE;IAC5BC,eAAe;IACfC,aAAa;QACTC,KAAK;QACLC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACR;IACAC,SAAS;QACLN,KAAK;QACLC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACR;IACAE,QAAQ;QACJC,MAAM;QACNP,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJI,KAAK;IACT;IACAC,cAAc;IACdC,UAAU;QACNlB,YAAY;QACZmB,YAAY;QACZC,OAAO;YACHC,IAAI;gBAACC,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAsB;YAC5EK,IAAI;gBAACF,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAwB;YAC/EM,IAAI;gBAACH,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAsB;YAC7EO,IAAI;gBAACJ,UAAU;gBAAQC,YAAY;gBAAOJ,YAAY;YAAsB;YAC5EQ,IAAI;gBAACL,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAsB;YAC7ES,IAAI;gBAACN,UAAU;gBAAQC,YAAY;gBAAQJ,YAAY;YAAsB;QACjF;IACJ;IACAU,WAAW;QACPtB,KAAK;QACLC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACR;IACAkB,SAAS;QACLtB,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;QACJC,IAAI;IACR;IACAmB,cAAc;IACdC,QAAQC,0BAAY;IACpBC,YAAY;QACRC,WAAWA,oBAAS,CAACC,MAAM,CAAC;YACxBC,YAAYC,2BAAgB;QAChC;QACAC,YAAYA,gBAAU,CAACH,MAAM,CAAC;YAC1BI,cAAc;gBACVC,MAAM;YACV;YACAJ,YAAYK,4BAAiB;QACjC;QACAC,UAAUA,cAAQ,CAACP,MAAM,CAAC;YACtBC,YAAYO,0BAAe;YAC3BJ,cAAc;gBACVK,QAAQ;oBAACC,QAAQ;gBAAE;gBACnBC,QAAQ;oBAACC,OAAO;oBAAKC,YAAY;gBAAC;gBAClCC,QAAQ;gBACRC,YAAY;YAChB;YACAC,MAAM,SAANA,KAAOC;uBACF;oBACGC,MAAM;wBAAC,4BAA4BD,MAAMrB,MAAM,CAAC5B,IAAI,CAAC,EAAE;oBAAA;gBAC3D;;QACR;QACAmD,OAAOA,WAAK,CAACnB,MAAM,CAAC;YAChBI,cAAc;gBACVgB,oBAAM,qBAACC,oBAAS;oBAACC,SAAQ;;gBACzBC,GAAG;YACP;YACAtB,YAAYuB,uBAAY;QAC5B;QACAC,OAAOA,WAAK,CAACzB,MAAM,CAAC;YAChBC,YAAYyB,uBAAY;YACxBtB,cAAc;gBACVkB,SAAS;gBACTK,IAAI;YACR;QACJ;QACAC,aAAaA,iBAAW,CAAC5B,MAAM,CAAC;YAC5BC,YAAY4B,6BAAkB;YAC9BzB,cAAc;gBACV0B,yBAAW,qBAACC,2BAAS;oBAAC1B,MAAM;oBAAIvC,OAAM;;gBACtCkE,iBAAiB;YACrB;QACJ;QACAC,QAAQA,YAAM,CAACjC,MAAM,CAAC;YAClBI,cAAc;gBACVC,MAAM;gBACNW,MAAM,SAANA,KAAOC;2BAAW;wBACdC,MAAM;4BACF,sBAAsBD,MAAMxC,OAAO,CAACJ,EAAE;wBAC1C;oBACJ;;YACJ;YACA4B,YAAYiC,wBAAa;QAC7B;QACAC,MAAMA,UAAI,CAACnC,MAAM,CAAC;YACdI,cAAc;gBACV1B,QAAQ;gBACR0D,QAAQ;gBACRC,SAAS;gBACTtB,YAAY;YAChB;YACAd,YAAYqC,sBAAW;QAC3B;QACAC,UAAUA,cAAQ,CAACvC,MAAM,CAAC;YACtBI,cAAc;gBACV1B,QAAQ;gBACR0C,MAAMoB,0BAAY;YACtB;YACAvC,YAAY,SAAZA,WAAagB,OAAOwB;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOC,IAAAA,eAAS,EAACC,0BAAe,EAAEC,+BAAoB;gBAC1D;gBACA,OAAOD,0BAAe;YAC1B;QACJ;QACAE,mBAAmBR,cAAQ,CAACS,SAAS,CAAChD,MAAM,CAAC;YACzCI,cAAc;gBACV1B,QAAQ;gBACR0C,MAAMoB,0BAAY;YACtB;YACAvC,YAAYgD,mCAAwB;QACxC;QACAC,MAAMA,UAAI,CAAClD,MAAM,CAAC;YACdI,cAAc;gBACVgB,oBAAM,qBAAC+B,2BAAS;oBAAC9C,MAAM;;YAC3B;YACAJ,YAAYmD,sBAAW;QAC3B;QACAC,aAAaA,iBAAW,CAACrD,MAAM,CAAC;YAC5BI,cAAc;gBACVgB,oBAAM,qBAACkC,+BAAa;oBAAC5C,QAAQ;oBAAI6C,cAAW;;YAChD;QACJ;QACAC,aAAaA,iBAAW,CAACxD,MAAM,CAAC;YAC5BI,cAAc;gBACVC,MAAM;gBACNoD,YAAY;YAChB;QACJ;QACAC,UAAUA,cAAQ,CAAC1D,MAAM,CAAC;YACtBC,YAAY0D,0BAAe;YAC3BvD,cAAc;gBACVwD,aAAa;oBAACC,QAAQ;gBAAI;YAC9B;QACJ;QACAC,gBAAgBA,oBAAc,CAAC9D,MAAM,CAAC;YAClCI,cAAc;gBACV2D,aAAa;gBACbC,4BAAc,qBAACC,gCAAc;oBAACvD,QAAQ;oBAAI5C,OAAM;;YACpD;QACJ;QACAoG,WAAWA,gBAAS,CAAClE,MAAM,CAAC;YACxBI,cAAc;gBACV+D,KAAK;gBACLC,2BAAa,qBAACC,kCAAgB;oBAAChE,MAAM;;YACzC;QACJ;QACAiE,YAAYA,iBAAU,CAACtE,MAAM,CAAC;YAC1BI,cAAc;gBACVmE,gBAAgB;YACpB;YACAtE,YAAYuE,4BAAiB;QACjC;QACAC,gBAAgBA,qBAAc,CAACzE,MAAM,CAAC;YAClCC,YAAYyE,gCAAqB;QACrC;QACAC,SAASA,aAAO,CAAC3E,MAAM,CAAC;YACpBI,cAAc;gBACVtC,OAAO;YACX;QACJ;QACA8G,OAAOA,WAAK,CAAC5E,MAAM,CAAC;YAChBI,cAAc;gBACVyE,aAAaC,uBAAc;YAC/B;QACJ;QACAC,OAAOA,WAAK,CAAC/E,MAAM,CAAC;YAChBI,cAAc;gBACVC,MAAM;YACV;YACAJ,YAAY,SAAZA,WAAa+E,QAAQvC;gBACjB,IAAMwC,WAAWxC;gBACjB,IAAIwC,SAASvC,QAAQ,IAAI,CAACD,MAAME,QAAQ,IAAI,CAAC;oBAAC;iBAAS,CAACuC,QAAQ,CAACD,SAASE,gBAAgB,GAAG;oBACzF,OAAOvC,IAAAA,eAAS,EAACwC,uBAAY,EAAEC,+BAAoB;gBACvD;gBACA,OAAOD,uBAAY;YACvB;QACJ;QACAE,cAAcA,kBAAY,CAACtF,MAAM,CAAC;YAC9BI,cAAc;gBACVC,MAAM;YACV;YACAJ,YAAYsF,8BAAmB;YAC/BvE,MAAM,SAANA,KAAOC,OAAOwB;gBACV,IAAMwC,WAAWxC;gBACjB,IAAIwC,SAAStC,QAAQ,IAAKsC,SAASvC,QAAQ,IAAI,CAAC;oBAAC;iBAAS,CAACwC,QAAQ,CAACD,SAASE,gBAAgB,GAAI;oBAC7F,OAAO;wBACHjE,MAAM;4BACF,sBAAsBuB,CAAAA,kBAAAA,4BAAAA,MAAO+C,KAAK,MAAI/C,kBAAAA,4BAAAA,MAAOgD,WAAW,IAAGxE,MAAMxC,OAAO,CAACN,GAAG,GAAGuH;wBACnF;wBACAF,OAAO;4BAAC,0BAA0BvE,MAAMrB,MAAM,CAAC+F,GAAG,CAAC,EAAE;wBAAA;wBACrDC,OAAO,CAAC;wBACRH,aAAa,CAAC;oBAClB;gBACJ;gBACA,OAAO;oBACHvE,MAAM;wBAAC,sBAAsBuB,CAAAA,kBAAAA,4BAAAA,MAAO+C,KAAK,MAAI/C,kBAAAA,4BAAAA,MAAOgD,WAAW,IAAGxE,MAAMxC,OAAO,CAACN,GAAG,GAAGuH;oBAAS;oBAC/FF,OAAO,CAAC;oBACRI,OAAO,CAAC;oBACRH,aAAa,CAAC;gBAClB;YACJ;QACJ;QACAI,eAAeA,mBAAa,CAAC7F,MAAM,CAAC;YAChCgB,MAAM,SAANA;uBAAa;oBACTE,MAAM;wBACF,qBAAqB;oBACzB;gBACJ;;QACJ;QACA4E,QAAQA,YAAM,CAAC9F,MAAM,CAAC;YAClBI,cAAc;gBACV2F,SAAS,4CAAID,YAAM,CAACE,cAAc;oBAAEC,QAAQC,0BAAY;;gBACxDC,MAAM;gBACNC,MAAM;YACV;QACJ;QACAC,MAAMA,UAAI,CAACrG,MAAM,CAAC;YACdC,YAAYqG,sBAAW;QAC3B;QACAC,OAAOA,WAAK,CAACvG,MAAM,CAAC;YAChBC,YAAYuG,uBAAY;YACxBxF,MAAM,SAANA;gBACI,IAAMhC,QAAQ;oBACV,mBAAmB;oBACnB,mBAAmB;oBACnB,mBAAmB;oBACnB,mBAAmB;oBACnB,mBAAmB;gBACvB;gBACA,OAAO;oBACHkC,MAAM,qBACClC;gBAEX;YACJ;QACJ;QACAyH,cAAcF,WAAK,CAACG,OAAO,CAAC1G,MAAM,CAAC;YAC/BI,cAAc;gBACVtC,OAAO+B,0BAAY,CAAC8G,MAAM,CAAC,EAAE;gBAC7BC,mBAAmB;gBACnBC,MAAM;YACV;QACJ;QACAC,WAAWP,WAAK,CAACQ,IAAI,CAAC/G,MAAM,CAAC;YACzBI,cAAc;gBACViC,SAAS;YACb;QACJ;QACA2E,aAAaA,kBAAW,CAAChH,MAAM,CAAC;YAC5BC,YAAYgH,6BAAkB;QAClC;QACAC,aAAaA,iBAAW,CAAClH,MAAM,CAAC;YAACI,cAAc;gBAAC+G,mBAAmB;YAAI;QAAC;QACxEC,SAASA,aAAO,CAACpH,MAAM,CAAC;YAACC,YAAYoH,yBAAc;QAAA;QACnDC,cAAcA,kBAAY,CAACtH,MAAM,CAAC;YAC9BC,YAAYsH,+BAAmB;YAC/BnH,cAAc;gBACVgB,oBAAM,qBAACoG,sCAAoB;oBAAC9G,QAAQ;;YACxC;QACJ;QACA+G,aAAaA,iBAAW,CAACzH,MAAM,CAAC;YAC5BC,YAAYyH,6BAAkB;QAClC;QACAC,YAAYA,gBAAU,CAAC3H,MAAM,CAAC;YAC1BC,YAAY2H,4BAAiB;YAC7BxH,cAAc;gBACVyH,UAAUC,wCAAsB;gBAChCC,cAAcC,uCAAqB;YACvC;QACJ;QACAC,OAAOA,WAAK,CAACjI,MAAM,CAAC;YAChBC,YAAYiI,uBAAY;QAC5B;QACAC,iBAAiBA,sBAAe,CAACnI,MAAM,CAAC;YACpCI,cAAc;gBACV+D,KAAK;gBACLC,2BAAa,qBAACC,kCAAgB;oBAAChE,MAAM;;YACzC;QACJ;QACA+H,MAAMA,UAAI,CAACpI,MAAM,CAAC;YACdC,YAAYoI,sBAAW;QAC3B;QACAC,SAASA,aAAO,CAACtI,MAAM,CAAC;YACpBC,YAAYsI,yBAAc;YAC1BnI,cAAc;gBACVwD,aAAa;oBAACC,QAAQ;gBAAI;gBAC1B2E,UAAU;YACd;QACJ;QACAC,OAAOA,WAAK,CAACzI,MAAM,CAAC;YAChBC,YAAY,SAAZA,WAAagB,OAAOwB;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOC,IAAAA,eAAS,EAAC8F,uBAAY,EAAE5F,+BAAoB;gBACvD;gBACA,OAAO4F,uBAAY;YACvB;YACA1H,MAAM,SAANA,KAAOC,OAAOwB;gBACV,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAO;wBACHzB,MAAM;4BACF,sBAAsBD,MAAMrB,MAAM,CAAC5B,IAAI,CAAC,EAAE;4BAC1C,iBAAiBiD,MAAMrB,MAAM,CAAC5B,IAAI,CAAC,EAAE;wBACzC;oBACJ;gBACJ;gBACA,OAAO;oBAACkD,MAAM,CAAC;gBAAC;YACpB;QACJ;QACAyH,WAAWF,WAAK,CAACtG,IAAI,CAACnC,MAAM,CAAC;YACzBC,YAAY2I,2BAAgB;QAChC;QACAC,YAAYA,gBAAU,CAAC7I,MAAM,CAAC;YAC1BC,YAAY6I,4BAAiB;QACjC;QACAC,kBAAkBA,sBAAgB,CAAC/I,MAAM,CAAC;YACtCC,YAAY+I,kCAAuB;QACvC;QACAC,QAAQA,YAAM,CAACjJ,MAAM,CAAC;YAClBI,cAAc;gBAAC8I,eAAe;gBAAOC,eAAe;YAAK;YACzDlJ,YAAYmJ,wBAAa;QAC7B;QACAC,UAAUA,cAAQ,CAACrJ,MAAM,CAAC;YACtBC,YAAYqJ,0BAAe;QAC/B;QACAC,QAAQA,YAAM,CAACvJ,MAAM,CAAC;YAClBI,cAAc;gBACVC,MAAM;YACV;YACAJ,YAAYuJ,wBAAa;QAC7B;QACAC,SAASA,aAAO,CAACzJ,MAAM,CAAC;YACpBI,cAAc;gBACVC,MAAM;gBACNqJ,6BAAe,qBAACvG,2BAAS;oBAAC9C,MAAM;;YACpC;YACAJ,YAAY0J,yBAAc;QAC9B;QACAC,QAAQA,YAAM,CAAC5J,MAAM,CAAC;YAClBC,YAAY,SAAZA,WAAagB,OAAOwB;gBAChB,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAOG,+BAAoB;gBAC/B;gBACA,OAAO,CAAC;YACZ;YACA9B,MAAM,SAANA,KAAOC,OAAOwB;gBACV,IAAIA,MAAMC,QAAQ,IAAI,CAACD,MAAME,QAAQ,EAAE;oBACnC,OAAO;wBACHzB,MAAM,CAAC;wBACP2I,OAAO;4BACH,eAAe5I,MAAMrB,MAAM,CAAC5B,IAAI,CAAC,EAAE;4BACnC,eAAe;wBACnB;wBACA8L,OAAO;4BACH,qBAAqB;wBACzB;oBACJ;gBACJ;gBACA,OAAO;oBAAC5I,MAAM,CAAC;oBAAG2I,OAAO,CAAC;oBAAGC,OAAO,CAAC;gBAAC;YAC1C;YACA1J,cAAc;gBACV2J,oBAAoB;YACxB;QACJ;QACAC,OAAOA,WAAK,CAAChK,MAAM,CAAC;YAChBC,YAAYgK,uBAAY;YACxBjJ,MAAM,SAANA;uBAAa;oBACTkJ,OAAO;wBACH,wBAAwB;oBAC5B;gBACJ;;QACJ;QACAC,MAAMA,UAAI,CAACnK,MAAM,CAAC;YACdC,YAAYmK,sBAAW;QAC3B;QACAC,MAAMA,UAAI,CAACrK,MAAM,CAAC;YACdI,cAAc;gBACVC,MAAM;YACV;YACAJ,YAAYqK,sBAAW;QAC3B;QACAC,WAAWA,gBAAS,CAACvK,MAAM,CAAC;YACxBI,cAAc;gBACV4D,4BAAc,qBAACwG,2BAAS;oBAACnK,MAAM;;YACnC;QACJ;QACAoK,YAAYA,iBAAU,CAACzK,MAAM,CAAC;YAC1BI,cAAc;gBACVsK,cAAc;gBACdC,QAAQ;YACZ;YACA1K,YAAY2K,4BAAiB;QACjC;QACAC,SAASA,aAAO,CAAC7K,MAAM,CAAC;YACpBI,cAAc;gBACV0K,KAAK;gBACLC,WAAW;gBACXC,WAAW;gBACXC,QAAQ;YACZ;YACAhL,YAAYiL,yBAAc;QAC9B;QACAC,YAAYA,iBAAU,CAACnL,MAAM,CAAC;YAC1BC,YAAYmL,4BAAiB;QACjC;IACJ;AACJ"}

package/dist/esm/components/ActionIcon/ActionIcon.d.ts

@@ -1,8 +1,12 @@
 import { ActionIconCssVariables, ActionIconStylesNames, ActionIconVariant, type ActionIconGroup, type ActionIconProps as MantineActionIconProps } from '@mantine/core';
-import { MouseEventHandler } from 'react';
+import { ClickHandler } from '../../hooks/useClickWithLoading.js';
 import { ButtonWithDisabledTooltipProps } from '../Button/ButtonWithDisabledTooltip.js';
 export interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {
-    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Handler executed on click.
+     * Supports async handlers - the button will show a loading state while the promise resolves.
+     */
+    onClick?: ClickHandler<HTMLButtonElement>;
 }
 export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, ActionIconProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(ActionIconProps & {
     component?: any;

package/dist/esm/components/ActionIcon/ActionIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EAIjB,KAAK,eAAe,EACpB,KAAK,eAAe,IAAI,sBAAsB,EACjD,MAAM,eAAe,CAAC;AACvB,OAAO,EAAgB,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAEvD,OAAO,EAA4B,8BAA8B,EAAC,MAAM,wCAAwC,CAAC;AAEjH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,8BAA8B;IAE3F,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAsBD,eAAO,MAAM,UAAU;;;;;;;;;WAnBZ,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;QAC9B,OAAO,EAAE,OAAO,iBAAiB,CAAC;QAClC,SAAS,EAAE,OAAO,mBAAmB,CAAC;QACtC,QAAQ,EAAE,OAAO,kBAAkB,CAAC;QACpC,UAAU,EAAE,OAAO,oBAAoB,CAAC;QACxC,kBAAkB,EAAE,OAAO,qBAAqB,CAAC;QACjD,oBAAoB,EAAE,OAAO,8BAA8B,CAAC;QAC5D,mBAAmB,EAAE,OAAO,6BAA6B,CAAC;QAC1D,qBAAqB,EAAE,OAAO,+BAA+B,CAAC;KACjE;;WAhBM,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;QAC9B,OAAO,EAAE,OAAO,iBAAiB,CAAC;QAClC,SAAS,EAAE,OAAO,mBAAmB,CAAC;QACtC,QAAQ,EAAE,OAAO,kBAAkB,CAAC;QACpC,UAAU,EAAE,OAAO,oBAAoB,CAAC;QACxC,kBAAkB,EAAE,OAAO,qBAAqB,CAAC;QACjD,oBAAoB,EAAE,OAAO,8BAA8B,CAAC;QAC5D,mBAAmB,EAAE,OAAO,6BAA6B,CAAC;QAC1D,qBAAqB,EAAE,OAAO,+BAA+B,CAAC;KACjE;;WAhBM,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;QAC9B,OAAO,EAAE,OAAO,iBAAiB,CAAC;QAClC,SAAS,EAAE,OAAO,mBAAmB,CAAC;QACtC,QAAQ,EAAE,OAAO,kBAAkB,CAAC;QACpC,UAAU,EAAE,OAAO,oBAAoB,CAAC;QACxC,kBAAkB,EAAE,OAAO,qBAAqB,CAAC;QACjD,oBAAoB,EAAE,OAAO,8BAA8B,CAAC;QAC5D,mBAAmB,EAAE,OAAO,6BAA6B,CAAC;QAC1D,qBAAqB,EAAE,OAAO,+BAA+B,CAAC;KACjE;;WATU,OAAO,eAAe;aACpB,OAAO,iBAAiB;eACtB,OAAO,mBAAmB;cAC3B,OAAO,kBAAkB;gBACvB,OAAO,oBAAoB;wBACnB,OAAO,qBAAqB;0BAC1B,OAAO,8BAA8B;yBACtC,OAAO,6BAA6B;2BAClC,OAAO,+BAA+B;CAyBpE,CAAC;AAEF,QAAA,MAAM,iBAAiB,oHAErB,CAAC;AACH,QAAA,MAAM,mBAAmB,oHAGvB,CAAC;AACH,QAAA,MAAM,kBAAkB,oHAGtB,CAAC;AACH,QAAA,MAAM,oBAAoB,oHAGxB,CAAC;AAEH,QAAA,MAAM,qBAAqB,oHAAiF,CAAC;AAC7G,QAAA,MAAM,8BAA8B,oHAAgF,CAAC;AACrH,QAAA,MAAM,6BAA6B,oHAGjC,CAAC;AACH,QAAA,MAAM,+BAA+B,oHAAiF,CAAC"}
+{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EAIjB,KAAK,eAAe,EACpB,KAAK,eAAe,IAAI,sBAAsB,EACjD,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAC,YAAY,EAAsB,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAA4B,8BAA8B,EAAC,MAAM,wCAAwC,CAAC;AAEjH,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,8BAA8B;IAC3F;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;CAC7C;AAsBD,eAAO,MAAM,UAAU;;;;;;;;;WAnBZ,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;QAC9B,OAAO,EAAE,OAAO,iBAAiB,CAAC;QAClC,SAAS,EAAE,OAAO,mBAAmB,CAAC;QACtC,QAAQ,EAAE,OAAO,kBAAkB,CAAC;QACpC,UAAU,EAAE,OAAO,oBAAoB,CAAC;QACxC,kBAAkB,EAAE,OAAO,qBAAqB,CAAC;QACjD,oBAAoB,EAAE,OAAO,8BAA8B,CAAC;QAC5D,mBAAmB,EAAE,OAAO,6BAA6B,CAAC;QAC1D,qBAAqB,EAAE,OAAO,+BAA+B,CAAC;KACjE;;WAhBM,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;QAC9B,OAAO,EAAE,OAAO,iBAAiB,CAAC;QAClC,SAAS,EAAE,OAAO,mBAAmB,CAAC;QACtC,QAAQ,EAAE,OAAO,kBAAkB,CAAC;QACpC,UAAU,EAAE,OAAO,oBAAoB,CAAC;QACxC,kBAAkB,EAAE,OAAO,qBAAqB,CAAC;QACjD,oBAAoB,EAAE,OAAO,8BAA8B,CAAC;QAC5D,mBAAmB,EAAE,OAAO,6BAA6B,CAAC;QAC1D,qBAAqB,EAAE,OAAO,+BAA+B,CAAC;KACjE;;WAhBM,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,OAAO,eAAe,CAAC;QAC9B,OAAO,EAAE,OAAO,iBAAiB,CAAC;QAClC,SAAS,EAAE,OAAO,mBAAmB,CAAC;QACtC,QAAQ,EAAE,OAAO,kBAAkB,CAAC;QACpC,UAAU,EAAE,OAAO,oBAAoB,CAAC;QACxC,kBAAkB,EAAE,OAAO,qBAAqB,CAAC;QACjD,oBAAoB,EAAE,OAAO,8BAA8B,CAAC;QAC5D,mBAAmB,EAAE,OAAO,6BAA6B,CAAC;QAC1D,qBAAqB,EAAE,OAAO,+BAA+B,CAAC;KACjE;;WATU,OAAO,eAAe;aACpB,OAAO,iBAAiB;eACtB,OAAO,mBAAmB;cAC3B,OAAO,kBAAkB;gBACvB,OAAO,oBAAoB;wBACnB,OAAO,qBAAqB;0BAC1B,OAAO,8BAA8B;yBACtC,OAAO,6BAA6B;2BAClC,OAAO,+BAA+B;CAyBpE,CAAC;AAEF,QAAA,MAAM,iBAAiB,oHAErB,CAAC;AACH,QAAA,MAAM,mBAAmB,oHAGvB,CAAC;AACH,QAAA,MAAM,kBAAkB,oHAGtB,CAAC;AACH,QAAA,MAAM,oBAAoB,oHAGxB,CAAC;AAEH,QAAA,MAAM,qBAAqB,oHAAiF,CAAC;AAC7G,QAAA,MAAM,8BAA8B,oHAAgF,CAAC;AACrH,QAAA,MAAM,6BAA6B,oHAGjC,CAAC;AACH,QAAA,MAAM,+BAA+B,oHAAiF,CAAC"}

package/dist/esm/components/ActionIcon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIconCssVariables,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    ActionIcon as MantineActionIcon,\n    polymorphicFactory,\n    type ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n} from '@mantine/core';\nimport {ComponentType, MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../Button/ButtonWithDisabledTooltip.js';\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        Primary: typeof ActionIconPrimary;\n        Secondary: typeof ActionIconSecondary;\n        Tertiary: typeof ActionIconTertiary;\n        Quaternary: typeof ActionIconQuaternary;\n        DestructivePrimary: typeof ActionIconDestructive;\n        DestructiveSecondary: typeof ActionIconDestructiveSecondary;\n        DestructiveTertiary: typeof ActionIconDestructiveTertiary;\n        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;\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);\n\nconst ActionIconPrimary = ActionIcon.withProps({\n    variant: 'filled',\n});\nconst ActionIconSecondary = ActionIcon.withProps({\n    variant: 'light',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconTertiary = ActionIcon.withProps({\n    variant: 'default',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconQuaternary = ActionIcon.withProps({\n    variant: 'subtle',\n    color: 'var(--coveo-color-text-primary)',\n});\n\nconst ActionIconDestructive = ActionIcon.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveSecondary = ActionIcon.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-color-error)'}}),\n});\nconst ActionIconDestructiveQuaternary = ActionIcon.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nActionIcon.Group = MantineActionIcon.Group;\nActionIcon.Primary = ActionIconPrimary;\nActionIcon.Secondary = ActionIconSecondary;\nActionIcon.Tertiary = ActionIconTertiary;\nActionIcon.Quaternary = ActionIconQuaternary;\nActionIcon.DestructivePrimary = ActionIconDestructive;\nActionIcon.DestructiveSecondary = ActionIconDestructiveSecondary;\nActionIcon.DestructiveTertiary = ActionIconDestructiveTertiary;\nActionIcon.DestructiveQuaternary = ActionIconDestructiveQuaternary;\n\nActionIcon.displayName = 'ActionIcon';\nActionIcon.Group.displayName = 'ActionIcon.Group';\n(ActionIconPrimary as ComponentType).displayName = 'ActionIcon.Primary';\n(ActionIconSecondary as ComponentType).displayName = 'ActionIcon.Secondary';\n(ActionIconTertiary as ComponentType).displayName = 'ActionIcon.Tertiary';\n(ActionIconQuaternary as ComponentType).displayName = 'ActionIcon.Quaternary';\n(ActionIconDestructive as ComponentType).displayName = 'ActionIcon.DestructivePrimary';\n(ActionIconDestructiveSecondary as ComponentType).displayName = 'ActionIcon.DestructiveSecondary';\n(ActionIconDestructiveTertiary as ComponentType).displayName = 'ActionIcon.DestructiveTertiary';\n(ActionIconDestructiveQuaternary as ComponentType).displayName = 'ActionIcon.DestructiveQuaternary';\n"],"names":["ActionIcon","MantineActionIcon","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","isLoading","handleClick","fullWidth","loaderProps","type","ActionIconPrimary","withProps","variant","ActionIconSecondary","color","ActionIconTertiary","ActionIconQuaternary","ActionIconDestructive","ActionIconDestructiveSecondary","ActionIconDestructiveTertiary","vars","root","ActionIconDestructiveQuaternary","Group","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary","displayName"],"mappings":";AAAA,SAKIA,cAAcC,iBAAiB,EAC/BC,kBAAkB,QAGf,gBAAgB;AAEvB,SAAQC,mBAAmB,QAAO,qCAAqC;AACvE,SAAQC,yBAAyB,QAAuC,yCAAyC;AA2BjH,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;AAEF,MAAMO,oBAAoBjB,WAAWkB,SAAS,CAAC;IAC3CC,SAAS;AACb;AACA,MAAMC,sBAAsBpB,WAAWkB,SAAS,CAAC;IAC7CC,SAAS;IACTE,OAAO;AACX;AACA,MAAMC,qBAAqBtB,WAAWkB,SAAS,CAAC;IAC5CC,SAAS;IACTE,OAAO;AACX;AACA,MAAME,uBAAuBvB,WAAWkB,SAAS,CAAC;IAC9CC,SAAS;IACTE,OAAO;AACX;AAEA,MAAMG,wBAAwBxB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAC1G,MAAMI,iCAAiCzB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAASE,OAAO;AAA4B;AAClH,MAAMK,gCAAgC1B,WAAWkB,SAAS,CAAC;IACvDC,SAAS;IACTQ,MAAM,IAAO,CAAA;YAACC,MAAM;gBAAC,cAAc;YAA4B;QAAC,CAAA;AACpE;AACA,MAAMC,kCAAkC7B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAEpHrB,WAAW8B,KAAK,GAAG7B,kBAAkB6B,KAAK;AAC1C9B,WAAW+B,OAAO,GAAGd;AACrBjB,WAAWgC,SAAS,GAAGZ;AACvBpB,WAAWiC,QAAQ,GAAGX;AACtBtB,WAAWkC,UAAU,GAAGX;AACxBvB,WAAWmC,kBAAkB,GAAGX;AAChCxB,WAAWoC,oBAAoB,GAAGX;AAClCzB,WAAWqC,mBAAmB,GAAGX;AACjC1B,WAAWsC,qBAAqB,GAAGT;AAEnC7B,WAAWuC,WAAW,GAAG;AACzBvC,WAAW8B,KAAK,CAACS,WAAW,GAAG;AAC9BtB,kBAAoCsB,WAAW,GAAG;AAClDnB,oBAAsCmB,WAAW,GAAG;AACpDjB,mBAAqCiB,WAAW,GAAG;AACnDhB,qBAAuCgB,WAAW,GAAG;AACrDf,sBAAwCe,WAAW,GAAG;AACtDd,+BAAiDc,WAAW,GAAG;AAC/Db,8BAAgDa,WAAW,GAAG;AAC9DV,gCAAkDU,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/ActionIcon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIconCssVariables,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    ActionIcon as MantineActionIcon,\n    polymorphicFactory,\n    type ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n} from '@mantine/core';\nimport {ComponentType} from 'react';\nimport {ClickHandler, useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../Button/ButtonWithDisabledTooltip.js';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /**\n     * Handler executed on click.\n     * Supports async handlers - the button will show a loading state while the promise resolves.\n     */\n    onClick?: ClickHandler<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        Primary: typeof ActionIconPrimary;\n        Secondary: typeof ActionIconSecondary;\n        Tertiary: typeof ActionIconTertiary;\n        Quaternary: typeof ActionIconQuaternary;\n        DestructivePrimary: typeof ActionIconDestructive;\n        DestructiveSecondary: typeof ActionIconDestructiveSecondary;\n        DestructiveTertiary: typeof ActionIconDestructiveTertiary;\n        DestructiveQuaternary: typeof ActionIconDestructiveQuaternary;\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);\n\nconst ActionIconPrimary = ActionIcon.withProps({\n    variant: 'filled',\n});\nconst ActionIconSecondary = ActionIcon.withProps({\n    variant: 'light',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconTertiary = ActionIcon.withProps({\n    variant: 'default',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ActionIconQuaternary = ActionIcon.withProps({\n    variant: 'subtle',\n    color: 'var(--coveo-color-text-primary)',\n});\n\nconst ActionIconDestructive = ActionIcon.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveSecondary = ActionIcon.withProps({variant: 'light', color: 'var(--mantine-color-error)'});\nconst ActionIconDestructiveTertiary = ActionIcon.withProps({\n    variant: 'default',\n    vars: () => ({root: {'--ai-color': 'var(--mantine-color-error)'}}),\n});\nconst ActionIconDestructiveQuaternary = ActionIcon.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nActionIcon.Group = MantineActionIcon.Group;\nActionIcon.Primary = ActionIconPrimary;\nActionIcon.Secondary = ActionIconSecondary;\nActionIcon.Tertiary = ActionIconTertiary;\nActionIcon.Quaternary = ActionIconQuaternary;\nActionIcon.DestructivePrimary = ActionIconDestructive;\nActionIcon.DestructiveSecondary = ActionIconDestructiveSecondary;\nActionIcon.DestructiveTertiary = ActionIconDestructiveTertiary;\nActionIcon.DestructiveQuaternary = ActionIconDestructiveQuaternary;\n\nActionIcon.displayName = 'ActionIcon';\nActionIcon.Group.displayName = 'ActionIcon.Group';\n(ActionIconPrimary as ComponentType).displayName = 'ActionIcon.Primary';\n(ActionIconSecondary as ComponentType).displayName = 'ActionIcon.Secondary';\n(ActionIconTertiary as ComponentType).displayName = 'ActionIcon.Tertiary';\n(ActionIconQuaternary as ComponentType).displayName = 'ActionIcon.Quaternary';\n(ActionIconDestructive as ComponentType).displayName = 'ActionIcon.DestructivePrimary';\n(ActionIconDestructiveSecondary as ComponentType).displayName = 'ActionIcon.DestructiveSecondary';\n(ActionIconDestructiveTertiary as ComponentType).displayName = 'ActionIcon.DestructiveTertiary';\n(ActionIconDestructiveQuaternary as ComponentType).displayName = 'ActionIcon.DestructiveQuaternary';\n"],"names":["ActionIcon","MantineActionIcon","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","isLoading","handleClick","fullWidth","loaderProps","type","ActionIconPrimary","withProps","variant","ActionIconSecondary","color","ActionIconTertiary","ActionIconQuaternary","ActionIconDestructive","ActionIconDestructiveSecondary","ActionIconDestructiveTertiary","vars","root","ActionIconDestructiveQuaternary","Group","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary","displayName"],"mappings":";AAAA,SAKIA,cAAcC,iBAAiB,EAC/BC,kBAAkB,QAGf,gBAAgB;AAEvB,SAAsBC,mBAAmB,QAAO,qCAAqC;AACrF,SAAQC,yBAAyB,QAAuC,yCAAyC;AA8BjH,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;AAEF,MAAMO,oBAAoBjB,WAAWkB,SAAS,CAAC;IAC3CC,SAAS;AACb;AACA,MAAMC,sBAAsBpB,WAAWkB,SAAS,CAAC;IAC7CC,SAAS;IACTE,OAAO;AACX;AACA,MAAMC,qBAAqBtB,WAAWkB,SAAS,CAAC;IAC5CC,SAAS;IACTE,OAAO;AACX;AACA,MAAME,uBAAuBvB,WAAWkB,SAAS,CAAC;IAC9CC,SAAS;IACTE,OAAO;AACX;AAEA,MAAMG,wBAAwBxB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAC1G,MAAMI,iCAAiCzB,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAASE,OAAO;AAA4B;AAClH,MAAMK,gCAAgC1B,WAAWkB,SAAS,CAAC;IACvDC,SAAS;IACTQ,MAAM,IAAO,CAAA;YAACC,MAAM;gBAAC,cAAc;YAA4B;QAAC,CAAA;AACpE;AACA,MAAMC,kCAAkC7B,WAAWkB,SAAS,CAAC;IAACC,SAAS;IAAUE,OAAO;AAA4B;AAEpHrB,WAAW8B,KAAK,GAAG7B,kBAAkB6B,KAAK;AAC1C9B,WAAW+B,OAAO,GAAGd;AACrBjB,WAAWgC,SAAS,GAAGZ;AACvBpB,WAAWiC,QAAQ,GAAGX;AACtBtB,WAAWkC,UAAU,GAAGX;AACxBvB,WAAWmC,kBAAkB,GAAGX;AAChCxB,WAAWoC,oBAAoB,GAAGX;AAClCzB,WAAWqC,mBAAmB,GAAGX;AACjC1B,WAAWsC,qBAAqB,GAAGT;AAEnC7B,WAAWuC,WAAW,GAAG;AACzBvC,WAAW8B,KAAK,CAACS,WAAW,GAAG;AAC9BtB,kBAAoCsB,WAAW,GAAG;AAClDnB,oBAAsCmB,WAAW,GAAG;AACpDjB,mBAAqCiB,WAAW,GAAG;AACnDhB,qBAAuCgB,WAAW,GAAG;AACrDf,sBAAwCe,WAAW,GAAG;AACtDd,+BAAiDc,WAAW,GAAG;AAC/Db,8BAAgDa,WAAW,GAAG;AAC9DV,gCAAkDU,WAAW,GAAG"}

package/dist/esm/components/AppShell/AppShell.d.ts

@@ -1,2 +1,9 @@
-export { AppShell, type AppShellFactory, type AppShellProps } from '@mantine/core';
+import { AppShellMainProps, Factory, AppShell } from '@mantine/core';
+export type AppShellMainFactory = Factory<{
+    props: AppShellMainProps;
+    ref: HTMLElement;
+    compound: true;
+}>;
+export { AppShell };
+export { type AppShellFactory, type AppShellProps } from '@mantine/core';
 //# sourceMappingURL=AppShell.d.ts.map

package/dist/esm/components/AppShell/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShell/AppShell.ts"],"names":[],"mappings":"AAUA,OAAO,EAAC,QAAQ,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAC,MAAM,eAAe,CAAC"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAO,OAAO,EAAW,QAAQ,EAAC,MAAM,eAAe,CAAC;AAGjF,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,GAAG,EAAE,WAAW,CAAC;IACjB,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAiBH,OAAO,EAAC,QAAQ,EAAC,CAAC;AAElB,OAAO,EAAC,KAAK,eAAe,EAAE,KAAK,aAAa,EAAC,MAAM,eAAe,CAAC"}

package/dist/esm/components/AppShell/AppShell.js

@@ -1,11 +1,23 @@
-import { AppShell } from '@mantine/core';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, factory, AppShell } from '@mantine/core';
+import classes from './AppShell.module.css';
+const BaseAppShellMain = AppShell.Main;
+const AppShellMain = factory(({ children, ...others }, ref)=>/*#__PURE__*/ _jsx(BaseAppShellMain, {
+        ref: ref,
+        ...others,
+        children: /*#__PURE__*/ _jsx(Box, {
+            className: classes.content,
+            children: children
+        })
+    }));
+AppShell.Main = AppShellMain;
+AppShellMain.displayName = 'AppShell.Main';
 AppShell.displayName = 'AppShell';
 AppShell.Header.displayName = 'AppShell.Header';
 AppShell.Navbar.displayName = 'AppShell.Navbar';
-AppShell.Main.displayName = 'AppShell.Main';
 AppShell.Aside.displayName = 'AppShell.Aside';
 AppShell.Footer.displayName = 'AppShell.Footer';
 AppShell.Section.displayName = 'AppShell.Section';
-export { AppShell } from '@mantine/core';
+export { AppShell };
 
 //# sourceMappingURL=AppShell.js.map

package/dist/esm/components/AppShell/AppShell.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/AppShell/AppShell.ts"],"sourcesContent":["import {AppShell} from '@mantine/core';\n\nAppShell.displayName = 'AppShell';\nAppShell.Header.displayName = 'AppShell.Header';\nAppShell.Navbar.displayName = 'AppShell.Navbar';\nAppShell.Main.displayName = 'AppShell.Main';\nAppShell.Aside.displayName = 'AppShell.Aside';\nAppShell.Footer.displayName = 'AppShell.Footer';\nAppShell.Section.displayName = 'AppShell.Section';\n\nexport {AppShell, type AppShellFactory, type AppShellProps} from '@mantine/core';\n"],"names":["AppShell","displayName","Header","Navbar","Main","Aside","Footer","Section"],"mappings":"AAAA,SAAQA,QAAQ,QAAO,gBAAgB;AAEvCA,SAASC,WAAW,GAAG;AACvBD,SAASE,MAAM,CAACD,WAAW,GAAG;AAC9BD,SAASG,MAAM,CAACF,WAAW,GAAG;AAC9BD,SAASI,IAAI,CAACH,WAAW,GAAG;AAC5BD,SAASK,KAAK,CAACJ,WAAW,GAAG;AAC7BD,SAASM,MAAM,CAACL,WAAW,GAAG;AAC9BD,SAASO,OAAO,CAACN,WAAW,GAAG;AAE/B,SAAQD,QAAQ,QAAiD,gBAAgB"}
+{"version":3,"sources":["../../../../src/components/AppShell/AppShell.tsx"],"sourcesContent":["import {AppShellMainProps, Box, Factory, factory, AppShell} from '@mantine/core';\nimport classes from './AppShell.module.css';\n\nexport type AppShellMainFactory = Factory<{\n    props: AppShellMainProps;\n    ref: HTMLElement;\n    compound: true;\n}>;\nconst BaseAppShellMain = AppShell.Main;\nconst AppShellMain = factory<AppShellMainFactory>(({children, ...others}, ref) => (\n    <BaseAppShellMain ref={ref} {...others}>\n        <Box className={classes.content}>{children}</Box>\n    </BaseAppShellMain>\n));\nAppShell.Main = AppShellMain;\nAppShellMain.displayName = 'AppShell.Main';\n\nAppShell.displayName = 'AppShell';\nAppShell.Header.displayName = 'AppShell.Header';\nAppShell.Navbar.displayName = 'AppShell.Navbar';\nAppShell.Aside.displayName = 'AppShell.Aside';\nAppShell.Footer.displayName = 'AppShell.Footer';\nAppShell.Section.displayName = 'AppShell.Section';\n\nexport {AppShell};\n\nexport {type AppShellFactory, type AppShellProps} from '@mantine/core';\n"],"names":["Box","factory","AppShell","classes","BaseAppShellMain","Main","AppShellMain","children","others","ref","className","content","displayName","Header","Navbar","Aside","Footer","Section"],"mappings":";AAAA,SAA2BA,GAAG,EAAWC,OAAO,EAAEC,QAAQ,QAAO,gBAAgB;AACjF,OAAOC,aAAa,wBAAwB;AAO5C,MAAMC,mBAAmBF,SAASG,IAAI;AACtC,MAAMC,eAAeL,QAA6B,CAAC,EAACM,QAAQ,EAAE,GAAGC,QAAO,EAAEC,oBACtE,KAACL;QAAiBK,KAAKA;QAAM,GAAGD,MAAM;kBAClC,cAAA,KAACR;YAAIU,WAAWP,QAAQQ,OAAO;sBAAGJ;;;AAG1CL,SAASG,IAAI,GAAGC;AAChBA,aAAaM,WAAW,GAAG;AAE3BV,SAASU,WAAW,GAAG;AACvBV,SAASW,MAAM,CAACD,WAAW,GAAG;AAC9BV,SAASY,MAAM,CAACF,WAAW,GAAG;AAC9BV,SAASa,KAAK,CAACH,WAAW,GAAG;AAC7BV,SAASc,MAAM,CAACJ,WAAW,GAAG;AAC9BV,SAASe,OAAO,CAACL,WAAW,GAAG;AAE/B,SAAQV,QAAQ,GAAE"}

package/dist/esm/components/AppShell/AppShell.module.css

@@ -0,0 +1,4 @@
+.content {
+    height: 100%;
+    overflow: auto;
+}

package/dist/esm/components/Button/Button.d.ts

@@ -1,8 +1,12 @@
 import { ButtonCssVariables, type ButtonGroup, ButtonStylesNames, ButtonVariant, ButtonProps as MantineButtonProps } from '@mantine/core';
-import { MouseEventHandler } from 'react';
+import { ClickHandler } from '../../hooks/useClickWithLoading.js';
 import { ButtonWithDisabledTooltipProps } from './ButtonWithDisabledTooltip.js';
 export interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {
-    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Handler executed on click.
+     * Supports async handlers - the button will show a loading state while the promise resolves.
+     */
+    onClick?: ClickHandler<HTMLButtonElement>;
 }
 export declare const Button: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, ButtonProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(ButtonProps & {
     component?: any;

package/dist/esm/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,kBAAkB,EAClB,KAAK,WAAW,EAChB,iBAAiB,EACjB,aAAa,EAGb,WAAW,IAAI,kBAAkB,EAEpC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAgB,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAEvD,OAAO,EAA4B,8BAA8B,EAAC,MAAM,gCAAgC,CAAC;AAEzG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAsBD,eAAO,MAAM,MAAM;;;;;;;;;WAnBR,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC,QAAQ,EAAE,OAAO,cAAc,CAAC;QAChC,UAAU,EAAE,OAAO,gBAAgB,CAAC;QACpC,kBAAkB,EAAE,OAAO,iBAAiB,CAAC;QAC7C,oBAAoB,EAAE,OAAO,0BAA0B,CAAC;QACxD,mBAAmB,EAAE,OAAO,yBAAyB,CAAC;QACtD,qBAAqB,EAAE,OAAO,2BAA2B,CAAC;KAC7D;;WAhBM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC,QAAQ,EAAE,OAAO,cAAc,CAAC;QAChC,UAAU,EAAE,OAAO,gBAAgB,CAAC;QACpC,kBAAkB,EAAE,OAAO,iBAAiB,CAAC;QAC7C,oBAAoB,EAAE,OAAO,0BAA0B,CAAC;QACxD,mBAAmB,EAAE,OAAO,yBAAyB,CAAC;QACtD,qBAAqB,EAAE,OAAO,2BAA2B,CAAC;KAC7D;;WAhBM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC,QAAQ,EAAE,OAAO,cAAc,CAAC;QAChC,UAAU,EAAE,OAAO,gBAAgB,CAAC;QACpC,kBAAkB,EAAE,OAAO,iBAAiB,CAAC;QAC7C,oBAAoB,EAAE,OAAO,0BAA0B,CAAC;QACxD,mBAAmB,EAAE,OAAO,yBAAyB,CAAC;QACtD,qBAAqB,EAAE,OAAO,2BAA2B,CAAC;KAC7D;;WATU,OAAO,WAAW;aAChB,OAAO,aAAa;eAClB,OAAO,eAAe;cACvB,OAAO,cAAc;gBACnB,OAAO,gBAAgB;wBACf,OAAO,iBAAiB;0BACtB,OAAO,0BAA0B;yBAClC,OAAO,yBAAyB;2BAC9B,OAAO,2BAA2B;CA6BhE,CAAC;AACF,QAAA,MAAM,aAAa,gHAAwC,CAAC;AAC5D,QAAA,MAAM,eAAe,gHAGnB,CAAC;AACH,QAAA,MAAM,cAAc,gHAQlB,CAAC;AACH,QAAA,MAAM,gBAAgB,gHAGpB,CAAC;AAEH,QAAA,MAAM,iBAAiB,gHAA6E,CAAC;AACrG,QAAA,MAAM,0BAA0B,gHAG9B,CAAC;AACH,QAAA,MAAM,yBAAyB,gHAQ7B,CAAC;AACH,QAAA,MAAM,2BAA2B,gHAA6E,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,kBAAkB,EAClB,KAAK,WAAW,EAChB,iBAAiB,EACjB,aAAa,EAGb,WAAW,IAAI,kBAAkB,EAEpC,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAC,YAAY,EAAsB,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAA4B,8BAA8B,EAAC,MAAM,gCAAgC,CAAC;AAEzG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IACnF;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;CAC7C;AAsBD,eAAO,MAAM,MAAM;;;;;;;;;WAnBR,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC,QAAQ,EAAE,OAAO,cAAc,CAAC;QAChC,UAAU,EAAE,OAAO,gBAAgB,CAAC;QACpC,kBAAkB,EAAE,OAAO,iBAAiB,CAAC;QAC7C,oBAAoB,EAAE,OAAO,0BAA0B,CAAC;QACxD,mBAAmB,EAAE,OAAO,yBAAyB,CAAC;QACtD,qBAAqB,EAAE,OAAO,2BAA2B,CAAC;KAC7D;;WAhBM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC,QAAQ,EAAE,OAAO,cAAc,CAAC;QAChC,UAAU,EAAE,OAAO,gBAAgB,CAAC;QACpC,kBAAkB,EAAE,OAAO,iBAAiB,CAAC;QAC7C,oBAAoB,EAAE,OAAO,0BAA0B,CAAC;QACxD,mBAAmB,EAAE,OAAO,yBAAyB,CAAC;QACtD,qBAAqB,EAAE,OAAO,2BAA2B,CAAC;KAC7D;;WAhBM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;QAClC,QAAQ,EAAE,OAAO,cAAc,CAAC;QAChC,UAAU,EAAE,OAAO,gBAAgB,CAAC;QACpC,kBAAkB,EAAE,OAAO,iBAAiB,CAAC;QAC7C,oBAAoB,EAAE,OAAO,0BAA0B,CAAC;QACxD,mBAAmB,EAAE,OAAO,yBAAyB,CAAC;QACtD,qBAAqB,EAAE,OAAO,2BAA2B,CAAC;KAC7D;;WATU,OAAO,WAAW;aAChB,OAAO,aAAa;eAClB,OAAO,eAAe;cACvB,OAAO,cAAc;gBACnB,OAAO,gBAAgB;wBACf,OAAO,iBAAiB;0BACtB,OAAO,0BAA0B;yBAClC,OAAO,yBAAyB;2BAC9B,OAAO,2BAA2B;CA6BhE,CAAC;AACF,QAAA,MAAM,aAAa,gHAAwC,CAAC;AAC5D,QAAA,MAAM,eAAe,gHAGnB,CAAC;AACH,QAAA,MAAM,cAAc,gHAQlB,CAAC;AACH,QAAA,MAAM,gBAAgB,gHAGpB,CAAC;AAEH,QAAA,MAAM,iBAAiB,gHAA6E,CAAC;AACrG,QAAA,MAAM,0BAA0B,gHAG9B,CAAC;AACH,QAAA,MAAM,yBAAyB,gHAQ7B,CAAC;AACH,QAAA,MAAM,2BAA2B,gHAA6E,CAAC"}

package/dist/esm/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n    ButtonCssVariables,\n    type ButtonGroup,\n    ButtonStylesNames,\n    ButtonVariant,\n    Factory,\n    Button as MantineButton,\n    ButtonProps as MantineButtonProps,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {ComponentType, MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip.js';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n    props: ButtonProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ButtonStylesNames;\n    vars: ButtonCssVariables;\n    variant: ButtonVariant;\n    staticComponents: {\n        Group: typeof ButtonGroup;\n        Primary: typeof ButtonPrimary;\n        Secondary: typeof ButtonSecondary;\n        Tertiary: typeof ButtonTertiary;\n        Quaternary: typeof ButtonQuaternary;\n        DestructivePrimary: typeof ButtonDestructive;\n        DestructiveSecondary: typeof ButtonDestructiveSecondary;\n        DestructiveTertiary: typeof ButtonDestructiveTertiary;\n        DestructiveQuaternary: typeof ButtonDestructiveQuaternary;\n    };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n    (\n        {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n        ref,\n    ) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled || dataDisabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineButton\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n                    disabled={disabled || dataDisabled}\n                    data-loading={isLoading || loading || undefined}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nconst ButtonPrimary = Button.withProps({variant: 'filled'});\nconst ButtonSecondary = Button.withProps({\n    variant: 'light',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ButtonTertiary = Button.withProps({\n    variant: 'default',\n    vars: (theme) => ({\n        root: {\n            '--button-color': 'var(--coveo-color-text-primary)',\n            '--button-padding-x': theme.spacing.sm,\n        },\n    }),\n});\nconst ButtonQuaternary = Button.withProps({\n    variant: 'subtle',\n    color: 'var(--coveo-color-text-primary)',\n});\n\nconst ButtonDestructive = Button.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ButtonDestructiveSecondary = Button.withProps({\n    variant: 'light',\n    color: 'var(--mantine-color-error)',\n});\nconst ButtonDestructiveTertiary = Button.withProps({\n    variant: 'default',\n    vars: (theme) => ({\n        root: {\n            '--button-color': 'var(--mantine-color-error)',\n            '--button-padding-x': theme.spacing.sm,\n        },\n    }),\n});\nconst ButtonDestructiveQuaternary = Button.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nButton.Group = MantineButton.Group;\nButton.Group.displayName = 'Button.Group';\nButton.Primary = ButtonPrimary;\nButton.Secondary = ButtonSecondary;\nButton.Tertiary = ButtonTertiary;\nButton.Quaternary = ButtonQuaternary;\nButton.DestructivePrimary = ButtonDestructive;\nButton.DestructiveSecondary = ButtonDestructiveSecondary;\nButton.DestructiveTertiary = ButtonDestructiveTertiary;\nButton.DestructiveQuaternary = ButtonDestructiveQuaternary;\n(ButtonPrimary as ComponentType).displayName = 'Button.Primary';\n(ButtonSecondary as ComponentType).displayName = 'Button.Secondary';\n(ButtonTertiary as ComponentType).displayName = 'Button.Tertiary';\n(ButtonQuaternary as ComponentType).displayName = 'Button.Quaternary';\n(ButtonDestructive as ComponentType).displayName = 'Button.DestructivePrimary';\n(ButtonDestructiveSecondary as ComponentType).displayName = 'Button.DestructiveSecondary';\n(ButtonDestructiveTertiary as ComponentType).displayName = 'Button.DestructiveTertiary';\n(ButtonDestructiveQuaternary as ComponentType).displayName = 'Button.DestructiveQuaternary';\n\nButton.displayName = 'Button';\n"],"names":["Button","MantineButton","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","ref","isLoading","handleClick","fullWidth","loaderProps","variant","e","preventDefault","data-loading","undefined","ButtonPrimary","withProps","ButtonSecondary","color","ButtonTertiary","vars","theme","root","spacing","sm","ButtonQuaternary","ButtonDestructive","ButtonDestructiveSecondary","ButtonDestructiveTertiary","ButtonDestructiveQuaternary","Group","displayName","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary"],"mappings":";AAAA,SAMIA,UAAUC,aAAa,EAEvBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAQC,mBAAmB,QAAO,qCAAqC;AACvE,SAAQC,yBAAyB,QAAuC,iCAAiC;AA2BzG,OAAO,MAAMJ,SAASE,mBAClB,CACI,EAACG,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,iBAAiBC,YAAY,EAAE,GAAGC,QAAO,EAC7GC;IAEA,MAAM,EAACC,SAAS,EAAEC,WAAW,EAAC,GAAGX,oBAAoBM;IACrD,qBACI,KAACL;QACGE,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBQ,WAAWJ,OAAOI,SAAS;kBAE3B,cAAA,KAACd;YACGe,aAAa;gBAACC,SAAS;YAAM;YAC7BL,KAAKA;YACLJ,SAASK,aAAaL;YACtBC,SAASC,eAAe,CAACQ,IAAMA,EAAEC,cAAc,KAAKL;YACpDR,UAAUA,YAAYI;YACtBU,gBAAcP,aAAaL,WAAWa;YACrC,GAAGV,MAAM;;;AAI1B,GACF;AACF,MAAMW,gBAAgBtB,OAAOuB,SAAS,CAAC;IAACN,SAAS;AAAQ;AACzD,MAAMO,kBAAkBxB,OAAOuB,SAAS,CAAC;IACrCN,SAAS;IACTQ,OAAO;AACX;AACA,MAAMC,iBAAiB1B,OAAOuB,SAAS,CAAC;IACpCN,SAAS;IACTU,MAAM,CAACC,QAAW,CAAA;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ,CAAA;AACJ;AACA,MAAMC,mBAAmBhC,OAAOuB,SAAS,CAAC;IACtCN,SAAS;IACTQ,OAAO;AACX;AAEA,MAAMQ,oBAAoBjC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUQ,OAAO;AAA4B;AAClG,MAAMS,6BAA6BlC,OAAOuB,SAAS,CAAC;IAChDN,SAAS;IACTQ,OAAO;AACX;AACA,MAAMU,4BAA4BnC,OAAOuB,SAAS,CAAC;IAC/CN,SAAS;IACTU,MAAM,CAACC,QAAW,CAAA;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ,CAAA;AACJ;AACA,MAAMK,8BAA8BpC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUQ,OAAO;AAA4B;AAE5GzB,OAAOqC,KAAK,GAAGpC,cAAcoC,KAAK;AAClCrC,OAAOqC,KAAK,CAACC,WAAW,GAAG;AAC3BtC,OAAOuC,OAAO,GAAGjB;AACjBtB,OAAOwC,SAAS,GAAGhB;AACnBxB,OAAOyC,QAAQ,GAAGf;AAClB1B,OAAO0C,UAAU,GAAGV;AACpBhC,OAAO2C,kBAAkB,GAAGV;AAC5BjC,OAAO4C,oBAAoB,GAAGV;AAC9BlC,OAAO6C,mBAAmB,GAAGV;AAC7BnC,OAAO8C,qBAAqB,GAAGV;AAC9Bd,cAAgCgB,WAAW,GAAG;AAC9Cd,gBAAkCc,WAAW,GAAG;AAChDZ,eAAiCY,WAAW,GAAG;AAC/CN,iBAAmCM,WAAW,GAAG;AACjDL,kBAAoCK,WAAW,GAAG;AAClDJ,2BAA6CI,WAAW,GAAG;AAC3DH,0BAA4CG,WAAW,GAAG;AAC1DF,4BAA8CE,WAAW,GAAG;AAE7DtC,OAAOsC,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n    ButtonCssVariables,\n    type ButtonGroup,\n    ButtonStylesNames,\n    ButtonVariant,\n    Factory,\n    Button as MantineButton,\n    ButtonProps as MantineButtonProps,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {ComponentType} from 'react';\nimport {ClickHandler, useClickWithLoading} from '../../hooks/useClickWithLoading.js';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip.js';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n    /**\n     * Handler executed on click.\n     * Supports async handlers - the button will show a loading state while the promise resolves.\n     */\n    onClick?: ClickHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n    props: ButtonProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ButtonStylesNames;\n    vars: ButtonCssVariables;\n    variant: ButtonVariant;\n    staticComponents: {\n        Group: typeof ButtonGroup;\n        Primary: typeof ButtonPrimary;\n        Secondary: typeof ButtonSecondary;\n        Tertiary: typeof ButtonTertiary;\n        Quaternary: typeof ButtonQuaternary;\n        DestructivePrimary: typeof ButtonDestructive;\n        DestructiveSecondary: typeof ButtonDestructiveSecondary;\n        DestructiveTertiary: typeof ButtonDestructiveTertiary;\n        DestructiveQuaternary: typeof ButtonDestructiveQuaternary;\n    };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n    (\n        {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n        ref,\n    ) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled || dataDisabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineButton\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n                    disabled={disabled || dataDisabled}\n                    data-loading={isLoading || loading || undefined}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nconst ButtonPrimary = Button.withProps({variant: 'filled'});\nconst ButtonSecondary = Button.withProps({\n    variant: 'light',\n    color: 'var(--coveo-color-text-primary)',\n});\nconst ButtonTertiary = Button.withProps({\n    variant: 'default',\n    vars: (theme) => ({\n        root: {\n            '--button-color': 'var(--coveo-color-text-primary)',\n            '--button-padding-x': theme.spacing.sm,\n        },\n    }),\n});\nconst ButtonQuaternary = Button.withProps({\n    variant: 'subtle',\n    color: 'var(--coveo-color-text-primary)',\n});\n\nconst ButtonDestructive = Button.withProps({variant: 'filled', color: 'var(--mantine-color-error)'});\nconst ButtonDestructiveSecondary = Button.withProps({\n    variant: 'light',\n    color: 'var(--mantine-color-error)',\n});\nconst ButtonDestructiveTertiary = Button.withProps({\n    variant: 'default',\n    vars: (theme) => ({\n        root: {\n            '--button-color': 'var(--mantine-color-error)',\n            '--button-padding-x': theme.spacing.sm,\n        },\n    }),\n});\nconst ButtonDestructiveQuaternary = Button.withProps({variant: 'subtle', color: 'var(--mantine-color-error)'});\n\nButton.Group = MantineButton.Group;\nButton.Group.displayName = 'Button.Group';\nButton.Primary = ButtonPrimary;\nButton.Secondary = ButtonSecondary;\nButton.Tertiary = ButtonTertiary;\nButton.Quaternary = ButtonQuaternary;\nButton.DestructivePrimary = ButtonDestructive;\nButton.DestructiveSecondary = ButtonDestructiveSecondary;\nButton.DestructiveTertiary = ButtonDestructiveTertiary;\nButton.DestructiveQuaternary = ButtonDestructiveQuaternary;\n(ButtonPrimary as ComponentType).displayName = 'Button.Primary';\n(ButtonSecondary as ComponentType).displayName = 'Button.Secondary';\n(ButtonTertiary as ComponentType).displayName = 'Button.Tertiary';\n(ButtonQuaternary as ComponentType).displayName = 'Button.Quaternary';\n(ButtonDestructive as ComponentType).displayName = 'Button.DestructivePrimary';\n(ButtonDestructiveSecondary as ComponentType).displayName = 'Button.DestructiveSecondary';\n(ButtonDestructiveTertiary as ComponentType).displayName = 'Button.DestructiveTertiary';\n(ButtonDestructiveQuaternary as ComponentType).displayName = 'Button.DestructiveQuaternary';\n\nButton.displayName = 'Button';\n"],"names":["Button","MantineButton","polymorphicFactory","useClickWithLoading","ButtonWithDisabledTooltip","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","ref","isLoading","handleClick","fullWidth","loaderProps","variant","e","preventDefault","data-loading","undefined","ButtonPrimary","withProps","ButtonSecondary","color","ButtonTertiary","vars","theme","root","spacing","sm","ButtonQuaternary","ButtonDestructive","ButtonDestructiveSecondary","ButtonDestructiveTertiary","ButtonDestructiveQuaternary","Group","displayName","Primary","Secondary","Tertiary","Quaternary","DestructivePrimary","DestructiveSecondary","DestructiveTertiary","DestructiveQuaternary"],"mappings":";AAAA,SAMIA,UAAUC,aAAa,EAEvBC,kBAAkB,QACf,gBAAgB;AAEvB,SAAsBC,mBAAmB,QAAO,qCAAqC;AACrF,SAAQC,yBAAyB,QAAuC,iCAAiC;AA8BzG,OAAO,MAAMJ,SAASE,mBAClB,CACI,EAACG,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,iBAAiBC,YAAY,EAAE,GAAGC,QAAO,EAC7GC;IAEA,MAAM,EAACC,SAAS,EAAEC,WAAW,EAAC,GAAGX,oBAAoBM;IACrD,qBACI,KAACL;QACGE,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBQ,WAAWJ,OAAOI,SAAS;kBAE3B,cAAA,KAACd;YACGe,aAAa;gBAACC,SAAS;YAAM;YAC7BL,KAAKA;YACLJ,SAASK,aAAaL;YACtBC,SAASC,eAAe,CAACQ,IAAMA,EAAEC,cAAc,KAAKL;YACpDR,UAAUA,YAAYI;YACtBU,gBAAcP,aAAaL,WAAWa;YACrC,GAAGV,MAAM;;;AAI1B,GACF;AACF,MAAMW,gBAAgBtB,OAAOuB,SAAS,CAAC;IAACN,SAAS;AAAQ;AACzD,MAAMO,kBAAkBxB,OAAOuB,SAAS,CAAC;IACrCN,SAAS;IACTQ,OAAO;AACX;AACA,MAAMC,iBAAiB1B,OAAOuB,SAAS,CAAC;IACpCN,SAAS;IACTU,MAAM,CAACC,QAAW,CAAA;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ,CAAA;AACJ;AACA,MAAMC,mBAAmBhC,OAAOuB,SAAS,CAAC;IACtCN,SAAS;IACTQ,OAAO;AACX;AAEA,MAAMQ,oBAAoBjC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUQ,OAAO;AAA4B;AAClG,MAAMS,6BAA6BlC,OAAOuB,SAAS,CAAC;IAChDN,SAAS;IACTQ,OAAO;AACX;AACA,MAAMU,4BAA4BnC,OAAOuB,SAAS,CAAC;IAC/CN,SAAS;IACTU,MAAM,CAACC,QAAW,CAAA;YACdC,MAAM;gBACF,kBAAkB;gBAClB,sBAAsBD,MAAME,OAAO,CAACC,EAAE;YAC1C;QACJ,CAAA;AACJ;AACA,MAAMK,8BAA8BpC,OAAOuB,SAAS,CAAC;IAACN,SAAS;IAAUQ,OAAO;AAA4B;AAE5GzB,OAAOqC,KAAK,GAAGpC,cAAcoC,KAAK;AAClCrC,OAAOqC,KAAK,CAACC,WAAW,GAAG;AAC3BtC,OAAOuC,OAAO,GAAGjB;AACjBtB,OAAOwC,SAAS,GAAGhB;AACnBxB,OAAOyC,QAAQ,GAAGf;AAClB1B,OAAO0C,UAAU,GAAGV;AACpBhC,OAAO2C,kBAAkB,GAAGV;AAC5BjC,OAAO4C,oBAAoB,GAAGV;AAC9BlC,OAAO6C,mBAAmB,GAAGV;AAC7BnC,OAAO8C,qBAAqB,GAAGV;AAC9Bd,cAAgCgB,WAAW,GAAG;AAC9Cd,gBAAkCc,WAAW,GAAG;AAChDZ,eAAiCY,WAAW,GAAG;AAC/CN,iBAAmCM,WAAW,GAAG;AACjDL,kBAAoCK,WAAW,GAAG;AAClDJ,2BAA6CI,WAAW,GAAG;AAC3DH,0BAA4CG,WAAW,GAAG;AAC1DF,4BAA8CE,WAAW,GAAG;AAE7DtC,OAAOsC,WAAW,GAAG"}

package/dist/esm/components/DateTimeRangePicker/DateTimeRangePicker.d.ts

@@ -1,7 +1,7 @@
 import { DatesRangeValue, DateStringValue } from '@mantine/dates';
 import { DateRangePickerPreset } from '../DateRangePicker/DateRangePickerPresetSelect.js';
 import { EditableDateTimeRangePickerProps } from './EditableDateTimeRangePicker.js';
-interface DateTimeRangePickerProps extends Pick<EditableDateTimeRangePickerProps, 'startProps' | 'endProps'> {
+interface DateTimeRangePickerProps extends Pick<EditableDateTimeRangePickerProps, 'startProps' | 'endProps' | 'dateFormat' | 'timePickerFormat'> {
     /** Default value for uncontrolled input */
     defaultValue?: DatesRangeValue<DateStringValue | null>;
     /** Value for controlled input */
@@ -20,6 +20,6 @@ interface DateTimeRangePickerProps extends Pick<EditableDateTimeRangePickerProps
      */
     presets?: Record<string, DateRangePickerPreset>;
 }
-export declare const DateTimeRangePicker: ({ presets, value, defaultValue, onChange, startProps, endProps, }: DateTimeRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateTimeRangePicker: ({ presets, value, defaultValue, onChange, ...otherProps }: DateTimeRangePickerProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DateTimeRangePicker.d.ts.map

package/dist/esm/components/DateTimeRangePicker/DateTimeRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,mDAAmD,CAAC;AACrH,OAAO,EAA8B,gCAAgC,EAAC,MAAM,kCAAkC,CAAC;AAE/G,UAAU,wBAAyB,SAAQ,IAAI,CAAC,gCAAgC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxG,2CAA2C;IAC3C,YAAY,CAAC,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACvD,iCAAiC;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAChD,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAChE;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,mBAAmB,GAAI,mEAOjC,wBAAwB,4CA0B1B,CAAC"}
+{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,mDAAmD,CAAC;AACrH,OAAO,EAA8B,gCAAgC,EAAC,MAAM,kCAAkC,CAAC;AAE/G,UAAU,wBAAyB,SAAQ,IAAI,CAC3C,gCAAgC,EAChC,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,kBAAkB,CAChE;IACG,2CAA2C;IAC3C,YAAY,CAAC,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACvD,iCAAiC;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAChD,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAChE;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,mBAAmB,GAAI,2DAMjC,wBAAwB,4CAqB1B,CAAC"}

package/dist/esm/components/DateTimeRangePicker/DateTimeRangePicker.js

@@ -3,7 +3,7 @@ import { Group } from '@mantine/core';
 import { useUncontrolled } from '@mantine/hooks';
 import { DateRangePickerPresetSelect } from '../DateRangePicker/DateRangePickerPresetSelect.js';
 import { EditableDateTimeRangePicker } from './EditableDateTimeRangePicker.js';
-export const DateTimeRangePicker = ({ presets, value, defaultValue, onChange, startProps, endProps })=>{
+export const DateTimeRangePicker = ({ presets, value, defaultValue, onChange, ...otherProps })=>{
     const [_value, handleChange] = useUncontrolled({
         value,
         defaultValue,
@@ -19,8 +19,7 @@ export const DateTimeRangePicker = ({ presets, value, defaultValue, onChange, st
             /*#__PURE__*/ _jsx(EditableDateTimeRangePicker, {
                 value: _value,
                 onChange: handleChange,
-                startProps: startProps,
-                endProps: endProps
+                ...otherProps
             }),
             presets && /*#__PURE__*/ _jsx(DateRangePickerPresetSelect, {
                 presets: presets,

package/dist/esm/components/DateTimeRangePicker/DateTimeRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"sourcesContent":["import {Group} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\n\nimport {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from '../DateRangePicker/DateRangePickerPresetSelect.js';\nimport {EditableDateTimeRangePicker, EditableDateTimeRangePickerProps} from './EditableDateTimeRangePicker.js';\n\ninterface DateTimeRangePickerProps extends Pick<EditableDateTimeRangePickerProps, 'startProps' | 'endProps'> {\n    /** Default value for uncontrolled input */\n    defaultValue?: DatesRangeValue<DateStringValue | null>;\n    /** Value for controlled input */\n    value?: DatesRangeValue<DateStringValue | null>;\n    /** onChange value for controlled input */\n    onChange?(value: DatesRangeValue<DateStringValue | null>): void;\n    /**\n     * The presets to display\n     *\n     * @default {}\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1, 0, 0, 0), new Date(2022, 0, 31, 23, 59, 59)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1, 0, 0, 0), new Date(2022, 1, 28, 23, 59, 59)]}\n     * }\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport const DateTimeRangePicker = ({\n    presets,\n    value,\n    defaultValue,\n    onChange,\n    startProps,\n    endProps,\n}: DateTimeRangePickerProps) => {\n    const [_value, handleChange] = useUncontrolled<DatesRangeValue<DateStringValue | null>>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: [null, null],\n    });\n\n    return (\n        <Group align=\"center\">\n            <EditableDateTimeRangePicker\n                value={_value}\n                onChange={handleChange}\n                startProps={startProps}\n                endProps={endProps}\n            />\n            {presets && (\n                <DateRangePickerPresetSelect\n                    presets={presets}\n                    value={_value}\n                    onChange={handleChange}\n                    selectProps={{ml: 'sm'}}\n                />\n            )}\n        </Group>\n    );\n};\n"],"names":["Group","useUncontrolled","DateRangePickerPresetSelect","EditableDateTimeRangePicker","DateTimeRangePicker","presets","value","defaultValue","onChange","startProps","endProps","_value","handleChange","finalValue","align","selectProps","ml"],"mappings":";AAAA,SAAQA,KAAK,QAAO,gBAAgB;AACpC,SAAQC,eAAe,QAAO,iBAAiB;AAG/C,SAA+BC,2BAA2B,QAAO,oDAAoD;AACrH,SAAQC,2BAA2B,QAAyC,mCAAmC;AAsB/G,OAAO,MAAMC,sBAAsB,CAAC,EAChCC,OAAO,EACPC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACe;IACvB,MAAM,CAACC,QAAQC,aAAa,GAAGX,gBAAyD;QACpFK;QACAC;QACAC;QACAK,YAAY;YAAC;YAAM;SAAK;IAC5B;IAEA,qBACI,MAACb;QAAMc,OAAM;;0BACT,KAACX;gBACGG,OAAOK;gBACPH,UAAUI;gBACVH,YAAYA;gBACZC,UAAUA;;YAEbL,yBACG,KAACH;gBACGG,SAASA;gBACTC,OAAOK;gBACPH,UAAUI;gBACVG,aAAa;oBAACC,IAAI;gBAAI;;;;AAK1C,EAAE"}
+{"version":3,"sources":["../../../../src/components/DateTimeRangePicker/DateTimeRangePicker.tsx"],"sourcesContent":["import {Group} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\n\nimport {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from '../DateRangePicker/DateRangePickerPresetSelect.js';\nimport {EditableDateTimeRangePicker, EditableDateTimeRangePickerProps} from './EditableDateTimeRangePicker.js';\n\ninterface DateTimeRangePickerProps extends Pick<\n    EditableDateTimeRangePickerProps,\n    'startProps' | 'endProps' | 'dateFormat' | 'timePickerFormat'\n> {\n    /** Default value for uncontrolled input */\n    defaultValue?: DatesRangeValue<DateStringValue | null>;\n    /** Value for controlled input */\n    value?: DatesRangeValue<DateStringValue | null>;\n    /** onChange value for controlled input */\n    onChange?(value: DatesRangeValue<DateStringValue | null>): void;\n    /**\n     * The presets to display\n     *\n     * @default {}\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1, 0, 0, 0), new Date(2022, 0, 31, 23, 59, 59)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1, 0, 0, 0), new Date(2022, 1, 28, 23, 59, 59)]}\n     * }\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n}\n\nexport const DateTimeRangePicker = ({\n    presets,\n    value,\n    defaultValue,\n    onChange,\n    ...otherProps\n}: DateTimeRangePickerProps) => {\n    const [_value, handleChange] = useUncontrolled<DatesRangeValue<DateStringValue | null>>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: [null, null],\n    });\n\n    return (\n        <Group align=\"center\">\n            <EditableDateTimeRangePicker value={_value} onChange={handleChange} {...otherProps} />\n            {presets && (\n                <DateRangePickerPresetSelect\n                    presets={presets}\n                    value={_value}\n                    onChange={handleChange}\n                    selectProps={{ml: 'sm'}}\n                />\n            )}\n        </Group>\n    );\n};\n"],"names":["Group","useUncontrolled","DateRangePickerPresetSelect","EditableDateTimeRangePicker","DateTimeRangePicker","presets","value","defaultValue","onChange","otherProps","_value","handleChange","finalValue","align","selectProps","ml"],"mappings":";AAAA,SAAQA,KAAK,QAAO,gBAAgB;AACpC,SAAQC,eAAe,QAAO,iBAAiB;AAG/C,SAA+BC,2BAA2B,QAAO,oDAAoD;AACrH,SAAQC,2BAA2B,QAAyC,mCAAmC;AAyB/G,OAAO,MAAMC,sBAAsB,CAAC,EAChCC,OAAO,EACPC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACR,GAAGC,YACoB;IACvB,MAAM,CAACC,QAAQC,aAAa,GAAGV,gBAAyD;QACpFK;QACAC;QACAC;QACAI,YAAY;YAAC;YAAM;SAAK;IAC5B;IAEA,qBACI,MAACZ;QAAMa,OAAM;;0BACT,KAACV;gBAA4BG,OAAOI;gBAAQF,UAAUG;gBAAe,GAAGF,UAAU;;YACjFJ,yBACG,KAACH;gBACGG,SAASA;gBACTC,OAAOI;gBACPF,UAAUG;gBACVG,aAAa;oBAACC,IAAI;gBAAI;;;;AAK1C,EAAE"}

package/dist/esm/components/DateTimeRangePicker/EditableDateTimeRangePicker.d.ts

@@ -1,6 +1,14 @@
 import { DatePickerProps, DatesRangeValue, DateStringValue } from '@mantine/dates';
 export interface EditableDateTimeRangePickerProps {
     value: DatesRangeValue<DateStringValue | null>;
+    /**
+     * The format of the date in the input
+     */
+    dateFormat?: string;
+    /**
+     * The format of the time in the time picker, either 12h or 24h
+     */
+    timePickerFormat?: '12h' | '24h';
     onChange?(value: DatesRangeValue<DateStringValue | null>): void;
     /**
      * Props for the start input
@@ -11,5 +19,5 @@ export interface EditableDateTimeRangePickerProps {
      */
     endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;
 }
-export declare const EditableDateTimeRangePicker: ({ value, onChange, startProps, endProps, }: EditableDateTimeRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EditableDateTimeRangePicker: ({ value, dateFormat, onChange, timePickerFormat, startProps, endProps, }: EditableDateTimeRangePickerProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EditableDateTimeRangePicker.d.ts.map

package/dist/esm/components/DateTimeRangePicker/EditableDateTimeRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableDateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimeRangePicker/EditableDateTimeRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,eAAe,EAAiB,MAAM,gBAAgB,CAAC;AAGjG,MAAM,WAAW,gCAAgC;IAC7C,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC/C,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAChE;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,2BAA2B,GAAI,4CAKzC,gCAAgC,4CAoClC,CAAC"}
+{"version":3,"file":"EditableDateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimeRangePicker/EditableDateTimeRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAE,eAAe,EAAiB,MAAM,gBAAgB,CAAC;AAGjG,MAAM,WAAW,gCAAgC;IAC7C,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC/C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACjC,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAChE;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;IAC9E;;OAEG;IACH,QAAQ,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;CAC/E;AAED,eAAO,MAAM,2BAA2B,GAAI,0EAOzC,gCAAgC,4CAwClC,CAAC"}

package/dist/esm/components/DateTimeRangePicker/EditableDateTimeRangePicker.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { DateTimePicker } from '@mantine/dates';
 import dayjs from 'dayjs';
-export const EditableDateTimeRangePicker = ({ value, onChange, startProps = {}, endProps = {} })=>{
+export const EditableDateTimeRangePicker = ({ value, dateFormat, onChange, timePickerFormat = '12h', startProps = {}, endProps = {} })=>{
     const onStartDateChange = (startDate)=>{
         if (value?.[1] && dayjs(startDate) > dayjs(value[1])) {
             onChange?.([
@@ -22,11 +22,13 @@ export const EditableDateTimeRangePicker = ({ value, onChange, startProps = {},
                 label: "Start",
                 value: value?.[0],
                 onChange: onStartDateChange,
+                valueFormat: dateFormat,
                 w: 150,
                 styles: {
                     ...startProps.styles
                 },
                 timePickerProps: {
+                    format: timePickerFormat,
                     popoverProps: {
                         withinPortal: false
                     }
@@ -41,11 +43,13 @@ export const EditableDateTimeRangePicker = ({ value, onChange, startProps = {},
                         value?.[0],
                         endDate
                     ]),
+                valueFormat: dateFormat,
                 w: 150,
                 styles: {
                     ...endProps.styles
                 },
                 timePickerProps: {
+                    format: timePickerFormat,
                     popoverProps: {
                         withinPortal: false
                     }

package/dist/esm/components/DateTimeRangePicker/EditableDateTimeRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DateTimeRangePicker/EditableDateTimeRangePicker.tsx"],"sourcesContent":["import {DatePickerProps, DatesRangeValue, DateStringValue, DateTimePicker} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateTimeRangePickerProps {\n    value: DatesRangeValue<DateStringValue | null>;\n    onChange?(value: DatesRangeValue<DateStringValue | null>): void;\n    /**\n     * Props for the start input\n     */\n    startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n    /**\n     * Props for the end input\n     */\n    endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateTimeRangePicker = ({\n    value,\n    onChange,\n    startProps = {},\n    endProps = {},\n}: EditableDateTimeRangePickerProps) => {\n    const onStartDateChange = (startDate: string) => {\n        if (value?.[1] && dayjs(startDate) > dayjs(value[1])) {\n            onChange?.([startDate, null]);\n        } else {\n            onChange?.([startDate, value?.[1]]);\n        }\n    };\n\n    return (\n        <>\n            <DateTimePicker\n                clearable={false}\n                label=\"Start\"\n                value={value?.[0]}\n                onChange={onStartDateChange}\n                w={150}\n                styles={{...startProps.styles}}\n                timePickerProps={{\n                    popoverProps: {withinPortal: false},\n                }}\n            />\n            <DateTimePicker\n                clearable={false}\n                label=\"End\"\n                value={value?.[1]}\n                minDate={value?.[0]}\n                onChange={(endDate) => onChange?.([value?.[0], endDate])}\n                w={150}\n                styles={{...endProps.styles}}\n                timePickerProps={{\n                    popoverProps: {withinPortal: false},\n                }}\n            />\n        </>\n    );\n};\n"],"names":["DateTimePicker","dayjs","EditableDateTimeRangePicker","value","onChange","startProps","endProps","onStartDateChange","startDate","clearable","label","w","styles","timePickerProps","popoverProps","withinPortal","minDate","endDate"],"mappings":";AAAA,SAA2DA,cAAc,QAAO,iBAAiB;AACjG,OAAOC,WAAW,QAAQ;AAe1B,OAAO,MAAMC,8BAA8B,CAAC,EACxCC,KAAK,EACLC,QAAQ,EACRC,aAAa,CAAC,CAAC,EACfC,WAAW,CAAC,CAAC,EACkB;IAC/B,MAAMC,oBAAoB,CAACC;QACvB,IAAIL,OAAO,CAAC,EAAE,IAAIF,MAAMO,aAAaP,MAAME,KAAK,CAAC,EAAE,GAAG;YAClDC,WAAW;gBAACI;gBAAW;aAAK;QAChC,OAAO;YACHJ,WAAW;gBAACI;gBAAWL,OAAO,CAAC,EAAE;aAAC;QACtC;IACJ;IAEA,qBACI;;0BACI,KAACH;gBACGS,WAAW;gBACXC,OAAM;gBACNP,OAAOA,OAAO,CAAC,EAAE;gBACjBC,UAAUG;gBACVI,GAAG;gBACHC,QAAQ;oBAAC,GAAGP,WAAWO,MAAM;gBAAA;gBAC7BC,iBAAiB;oBACbC,cAAc;wBAACC,cAAc;oBAAK;gBACtC;;0BAEJ,KAACf;gBACGS,WAAW;gBACXC,OAAM;gBACNP,OAAOA,OAAO,CAAC,EAAE;gBACjBa,SAASb,OAAO,CAAC,EAAE;gBACnBC,UAAU,CAACa,UAAYb,WAAW;wBAACD,OAAO,CAAC,EAAE;wBAAEc;qBAAQ;gBACvDN,GAAG;gBACHC,QAAQ;oBAAC,GAAGN,SAASM,MAAM;gBAAA;gBAC3BC,iBAAiB;oBACbC,cAAc;wBAACC,cAAc;oBAAK;gBACtC;;;;AAIhB,EAAE"}
+{"version":3,"sources":["../../../../src/components/DateTimeRangePicker/EditableDateTimeRangePicker.tsx"],"sourcesContent":["import {DatePickerProps, DatesRangeValue, DateStringValue, DateTimePicker} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateTimeRangePickerProps {\n    value: DatesRangeValue<DateStringValue | null>;\n    /**\n     * The format of the date in the input\n     */\n    dateFormat?: string;\n    /**\n     * The format of the time in the time picker, either 12h or 24h\n     */\n    timePickerFormat?: '12h' | '24h';\n    onChange?(value: DatesRangeValue<DateStringValue | null>): void;\n    /**\n     * Props for the start input\n     */\n    startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n    /**\n     * Props for the end input\n     */\n    endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;\n}\n\nexport const EditableDateTimeRangePicker = ({\n    value,\n    dateFormat,\n    onChange,\n    timePickerFormat = '12h',\n    startProps = {},\n    endProps = {},\n}: EditableDateTimeRangePickerProps) => {\n    const onStartDateChange = (startDate: string) => {\n        if (value?.[1] && dayjs(startDate) > dayjs(value[1])) {\n            onChange?.([startDate, null]);\n        } else {\n            onChange?.([startDate, value?.[1]]);\n        }\n    };\n\n    return (\n        <>\n            <DateTimePicker\n                clearable={false}\n                label=\"Start\"\n                value={value?.[0]}\n                onChange={onStartDateChange}\n                valueFormat={dateFormat}\n                w={150}\n                styles={{...startProps.styles}}\n                timePickerProps={{\n                    format: timePickerFormat,\n                    popoverProps: {withinPortal: false},\n                }}\n            />\n            <DateTimePicker\n                clearable={false}\n                label=\"End\"\n                value={value?.[1]}\n                minDate={value?.[0]}\n                onChange={(endDate) => onChange?.([value?.[0], endDate])}\n                valueFormat={dateFormat}\n                w={150}\n                styles={{...endProps.styles}}\n                timePickerProps={{\n                    format: timePickerFormat,\n                    popoverProps: {withinPortal: false},\n                }}\n            />\n        </>\n    );\n};\n"],"names":["DateTimePicker","dayjs","EditableDateTimeRangePicker","value","dateFormat","onChange","timePickerFormat","startProps","endProps","onStartDateChange","startDate","clearable","label","valueFormat","w","styles","timePickerProps","format","popoverProps","withinPortal","minDate","endDate"],"mappings":";AAAA,SAA2DA,cAAc,QAAO,iBAAiB;AACjG,OAAOC,WAAW,QAAQ;AAuB1B,OAAO,MAAMC,8BAA8B,CAAC,EACxCC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,mBAAmB,KAAK,EACxBC,aAAa,CAAC,CAAC,EACfC,WAAW,CAAC,CAAC,EACkB;IAC/B,MAAMC,oBAAoB,CAACC;QACvB,IAAIP,OAAO,CAAC,EAAE,IAAIF,MAAMS,aAAaT,MAAME,KAAK,CAAC,EAAE,GAAG;YAClDE,WAAW;gBAACK;gBAAW;aAAK;QAChC,OAAO;YACHL,WAAW;gBAACK;gBAAWP,OAAO,CAAC,EAAE;aAAC;QACtC;IACJ;IAEA,qBACI;;0BACI,KAACH;gBACGW,WAAW;gBACXC,OAAM;gBACNT,OAAOA,OAAO,CAAC,EAAE;gBACjBE,UAAUI;gBACVI,aAAaT;gBACbU,GAAG;gBACHC,QAAQ;oBAAC,GAAGR,WAAWQ,MAAM;gBAAA;gBAC7BC,iBAAiB;oBACbC,QAAQX;oBACRY,cAAc;wBAACC,cAAc;oBAAK;gBACtC;;0BAEJ,KAACnB;gBACGW,WAAW;gBACXC,OAAM;gBACNT,OAAOA,OAAO,CAAC,EAAE;gBACjBiB,SAASjB,OAAO,CAAC,EAAE;gBACnBE,UAAU,CAACgB,UAAYhB,WAAW;wBAACF,OAAO,CAAC,EAAE;wBAAEkB;qBAAQ;gBACvDR,aAAaT;gBACbU,GAAG;gBACHC,QAAQ;oBAAC,GAAGP,SAASO,MAAM;gBAAA;gBAC3BC,iBAAiB;oBACbC,QAAQX;oBACRY,cAAc;wBAACC,cAAc;oBAAK;gBACtC;;;;AAIhB,EAAE"}