@coveord/plasma-mantine 56.3.3 → 56.4.0

package/dist/cjs/components/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DateRangePicker", {
+    enumerable: true,
+    get: function() {
+        return DateRangePicker;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _jsxruntime = require("react/jsx-runtime");
+var _plasmareacticons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _hooks = require("@mantine/hooks");
+var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
+var _useurlsyncedstate = require("../../hooks/use-url-synced-state");
+var _DateRangePickerInlineCalendar = require("./DateRangePickerInlineCalendar");
+var serialization = function(input) {
+    return Object.freeze(input);
+};
+var DATE_RANGE_SERIALIZATION = serialization({
+    serializer: function(param) {
+        var _param = _sliced_to_array._(param, 2), from = _param[0], to = _param[1];
+        return [
+            [
+                'from',
+                from ? new Date(from).toISOString() : '',
+                true
+            ],
+            [
+                'to',
+                to ? new Date(to).toISOString() : '',
+                true
+            ]
+        ];
+    },
+    deserializer: function(params, initial) {
+        return [
+            params.get('from') ? params.get('from') : initial[0],
+            params.get('to') ? params.get('to') : initial[1]
+        ];
+    }
+});
+var defaultProps = {
+    placeholder: 'Select date range',
+    formatter: function(time) {
+        return (0, _dayjs.default)(time).format('MMM D, YYYY');
+    }
+};
+var DateRangePicker = (0, _core.factory)(function(props) {
+    var _useProps = (0, _core.useProps)('PlasmaDateRangePicker', defaultProps, props), defaultValue = _useProps.defaultValue, value = _useProps.value, opened = _useProps.opened, defaultOpened = _useProps.defaultOpened, onOpenedChange = _useProps.onOpenedChange, onClick = _useProps.onClick, onCancel = _useProps.onCancel, onChange = _useProps.onChange, presets = _useProps.presets, startProps = _useProps.startProps, endProps = _useProps.endProps, rangeCalendarProps = _useProps.rangeCalendarProps, formatter = _useProps.formatter, placeholder = _useProps.placeholder, syncWithUrl = _useProps.syncWithUrl, error = _useProps.error, className = _useProps.className, classNames = _useProps.classNames, style = _useProps.style, styles = _useProps.styles, vars = _useProps.vars, unstyled = _useProps.unstyled, others = _object_without_properties._(_useProps, [
+        "defaultValue",
+        "value",
+        "opened",
+        "defaultOpened",
+        "onOpenedChange",
+        "onClick",
+        "onCancel",
+        "onChange",
+        "presets",
+        "startProps",
+        "endProps",
+        "rangeCalendarProps",
+        "formatter",
+        "placeholder",
+        "syncWithUrl",
+        "error",
+        "className",
+        "classNames",
+        "style",
+        "styles",
+        "vars",
+        "unstyled"
+    ]);
+    var getStyles = (0, _core.useStyles)({
+        name: 'DateRangePicker',
+        classes: {},
+        props: props,
+        className: className,
+        classNames: classNames,
+        style: style,
+        styles: styles,
+        unstyled: unstyled,
+        vars: vars
+    });
+    var stylesApiProps = {
+        classNames: classNames,
+        styles: styles
+    };
+    var _useUncontrolled = _sliced_to_array._((0, _hooks.useUncontrolled)({
+        value: opened,
+        defaultValue: defaultOpened,
+        finalValue: false,
+        onChange: onOpenedChange
+    }), 2), _opened = _useUncontrolled[0], setOpened = _useUncontrolled[1];
+    var _useUrlSyncedState = _sliced_to_array._((0, _useurlsyncedstate.useUrlSyncedState)(_object_spread_props._(_object_spread._({}, DATE_RANGE_SERIALIZATION), {
+        initialState: defaultValue !== undefined ? defaultValue : [
+            null,
+            null
+        ],
+        sync: !!syncWithUrl
+    })), 2), dateRange = _useUrlSyncedState[0], setDateRange = _useUrlSyncedState[1];
+    var handleApply = function(dates) {
+        if (value === undefined) {
+            setDateRange(dates);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(dates);
+        setOpened(false);
+    };
+    var handleClick = function() {
+        setOpened(true);
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    var handleCancel = function() {
+        setOpened(false);
+        onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+    };
+    var _value = value !== null && value !== void 0 ? value : dateRange;
+    var formattedRange = "".concat(formatter(_value[0]), " - ").concat(formatter(_value[1]));
+    var dateRangeInitialized = _value.every(function(date) {
+        return typeof date === 'string' && date !== '';
+    });
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Popover, {
+        opened: _opened,
+        onChange: setOpened,
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover.Target, {
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.InputBase, _object_spread_props._(_object_spread._({
+                    component: "button",
+                    leftSection: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.IconCalendar, {
+                        height: 16
+                    }),
+                    onClick: handleClick,
+                    error: error
+                }, getStyles('input', _object_spread._({
+                    className: className,
+                    style: style
+                }, stylesApiProps)), others), {
+                    children: dateRangeInitialized ? formattedRange : placeholder
+                }))
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Popover.Dropdown, {
+                p: 0,
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DateRangePickerInlineCalendar.DateRangePickerInlineCalendar, {
+                    initialRange: _value,
+                    onApply: handleApply,
+                    onCancel: handleCancel,
+                    presets: presets,
+                    rangeCalendarProps: rangeCalendarProps,
+                    startProps: startProps,
+                    endProps: endProps
+                })
+            })
+        ]
+    });
+});
+
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/cjs/components/DateRangePicker/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import {IconCalendar} from '@coveord/plasma-react-icons';\nimport {\n    BoxProps,\n    factory,\n    Factory,\n    InputBase,\n    Popover,\n    PopoverProps,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {useUncontrolled} from '@mantine/hooks';\nimport dayjs from 'dayjs';\nimport {useUrlSyncedState, UseUrlSyncedStateOptions} from '../../hooks/use-url-synced-state';\nimport {DateRangePickerInlineCalendar, DateRangePickerInlineCalendarProps} from './DateRangePickerInlineCalendar';\n\nconst serialization = (input: Pick<UseUrlSyncedStateOptions<DatesRangeValue<string>>, 'serializer' | 'deserializer'>) =>\n    Object.freeze(input);\n\nconst DATE_RANGE_SERIALIZATION = serialization({\n    serializer: ([from, to]) => [\n        ['from', from ? new Date(from).toISOString() : '', true],\n        ['to', to ? new Date(to).toISOString() : '', true],\n    ],\n    deserializer: (params, initial) => [\n        params.get('from') ? params.get('from') : initial[0],\n        params.get('to') ? params.get('to') : initial[1],\n    ],\n});\n\nexport type DateRangePickerStylesNames = 'input';\n\nexport interface DateRangePickerProps\n    extends BoxProps,\n        Pick<DateRangePickerInlineCalendarProps, 'presets' | 'rangeCalendarProps' | 'startProps' | 'endProps'>,\n        Pick<PopoverProps, 'opened' | 'defaultOpened'>,\n        StylesApiProps<DateRangePickerFactory> {\n    /**\n     * Called when the target input is clicked\n     */\n    onClick?(): void;\n    /**\n     * Function called when the cancel button is clicked.\n     */\n    onCancel?(): void;\n    /**\n     * Function called when the date range value changes.\n     */\n    onChange?(dates: DatesRangeValue<string>): void;\n    /**\n     * Called when the popover opened state changes.\n     */\n    onOpenedChange?(opened: boolean): void;\n    /**\n     * Optional formatter function to format the date value.\n     * Receives the date prop and should return a string.\n     * @default (time) => dayjs(time).format('MMM D, YYYY')\n     */\n    formatter?: (time: dayjs.ConfigType) => string;\n    /**\n     * The placeholder label to display when no date range is selected.\n     *\n     * @default \"Select date range\"\n     */\n    placeholder?: string;\n    /**\n     * Default value for uncontrolled input\n     */\n    defaultValue?: DatesRangeValue<string>;\n    /**\n     * Value for controlled input\n     */\n    value?: DatesRangeValue<string>;\n    /**\n     * Sync the selected dates to URL query parameters\n     */\n    syncWithUrl?: boolean;\n    /**\n     * Error message to display.\n     */\n    error?: string;\n}\n\nexport type DateRangePickerFactory = Factory<{\n    props: DateRangePickerProps;\n    ref: HTMLDivElement;\n    stylesNames: DateRangePickerStylesNames;\n}>;\n\nconst defaultProps: Partial<DateRangePickerProps> = {\n    placeholder: 'Select date range',\n    formatter: (time) => dayjs(time).format('MMM D, YYYY'),\n};\n\nexport const DateRangePicker = factory<DateRangePickerFactory>((props: DateRangePickerProps) => {\n    const {\n        defaultValue,\n        value,\n        opened,\n        defaultOpened,\n        onOpenedChange,\n        onClick,\n        onCancel,\n        onChange,\n        presets,\n        startProps,\n        endProps,\n        rangeCalendarProps,\n        formatter,\n        placeholder,\n        syncWithUrl,\n        error,\n        className,\n        classNames,\n        style,\n        styles,\n        vars,\n        unstyled,\n        ...others\n    } = useProps('PlasmaDateRangePicker', defaultProps as Partial<DateRangePickerProps>, props);\n\n    const getStyles = useStyles<DateRangePickerFactory>({\n        name: 'DateRangePicker',\n        classes: {},\n        props,\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const [_opened, setOpened] = useUncontrolled({\n        value: opened,\n        defaultValue: defaultOpened,\n        finalValue: false,\n        onChange: onOpenedChange,\n    });\n\n    const [dateRange, setDateRange] = useUrlSyncedState<DatesRangeValue<string>>({\n        ...DATE_RANGE_SERIALIZATION,\n        initialState: defaultValue !== undefined ? defaultValue : [null, null],\n        sync: !!syncWithUrl,\n    });\n\n    const handleApply = (dates: DatesRangeValue<string>) => {\n        if (value === undefined) {\n            setDateRange(dates);\n        }\n        onChange?.(dates);\n        setOpened(false);\n    };\n\n    const handleClick = () => {\n        setOpened(true);\n        onClick?.();\n    };\n\n    const handleCancel = () => {\n        setOpened(false);\n        onCancel?.();\n    };\n\n    const _value = value ?? dateRange;\n    const formattedRange = `${formatter(_value[0])} - ${formatter(_value[1])}`;\n    const dateRangeInitialized = _value.every((date: DateStringValue) => typeof date === 'string' && date !== '');\n\n    return (\n        <Popover opened={_opened} onChange={setOpened}>\n            <Popover.Target>\n                <InputBase\n                    component=\"button\"\n                    leftSection={<IconCalendar height={16} />}\n                    onClick={handleClick}\n                    error={error}\n                    {...getStyles('input', {className, style, ...stylesApiProps})}\n                    {...others}\n                >\n                    {dateRangeInitialized ? formattedRange : placeholder}\n                </InputBase>\n            </Popover.Target>\n            <Popover.Dropdown p={0}>\n                <DateRangePickerInlineCalendar\n                    initialRange={_value}\n                    onApply={handleApply}\n                    onCancel={handleCancel}\n                    presets={presets}\n                    rangeCalendarProps={rangeCalendarProps}\n                    startProps={startProps}\n                    endProps={endProps}\n                />\n            </Popover.Dropdown>\n        </Popover>\n    );\n});\n"],"names":["DateRangePicker","serialization","input","Object","freeze","DATE_RANGE_SERIALIZATION","serializer","from","to","Date","toISOString","deserializer","params","initial","get","defaultProps","placeholder","formatter","time","dayjs","format","factory","props","useProps","defaultValue","value","opened","defaultOpened","onOpenedChange","onClick","onCancel","onChange","presets","startProps","endProps","rangeCalendarProps","syncWithUrl","error","className","classNames","style","styles","vars","unstyled","others","getStyles","useStyles","name","classes","stylesApiProps","useUncontrolled","finalValue","_opened","setOpened","useUrlSyncedState","initialState","undefined","sync","dateRange","setDateRange","handleApply","dates","handleClick","handleCancel","_value","formattedRange","dateRangeInitialized","every","date","Popover","Target","InputBase","component","leftSection","IconCalendar","height","Dropdown","p","DateRangePickerInlineCalendar","initialRange","onApply"],"mappings":"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"}

package/dist/cjs/components/DateRangePicker/DateRangePickerInlineCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerInlineCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePickerInlineCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,mBAAmB,EAAE,KAAK,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAM3G,OAAO,EAAC,qBAAqB,EAA8B,MAAM,kCAAkC,CAAC;AACpG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,8BAA8B,CAAC;AACnG,MAAM,WAAW,kCACb,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IACrE;;OAEG;IACH,YAAY,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACtD;;;;OAIG;IACH,OAAO,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IAClE;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAChD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,mBAAmB,EACjB,OAAO,GACP,UAAU,GACV,eAAe,GACf,oBAAoB,GACpB,mBAAmB,GACnB,SAAS,GACT,kBAAkB,GAClB,eAAe,CACpB,CAAC;CACL;AAMD,eAAO,MAAM,6BAA6B,GAAI,yFAQ3C,kCAAkC,+CAmEpC,CAAC"}

package/dist/cjs/components/DateRangePicker/DateRangePickerInlineCalendar.js

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DateRangePickerInlineCalendar", {
+    enumerable: true,
+    get: function() {
+        return DateRangePickerInlineCalendar;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _dates = require("@mantine/dates");
+var _form = require("@mantine/form");
+var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
+var _Button = require("../Button/Button.js");
+var _DateRangemodulecss = /*#__PURE__*/ _interop_require_default._(require("./DateRange.module.css"));
+var _DateRangePickerPresetSelect = require("./DateRangePickerPresetSelect.js");
+var _EditableDateRangePicker = require("./EditableDateRangePicker.js");
+var isDateRangePickerValue = function(value) {
+    return Array.isArray(value) && value.length === 2;
+};
+var endOfDay = function(value) {
+    return value ? (0, _dayjs.default)(value).endOf('day').toISOString() : value;
+};
+var DateRangePickerInlineCalendar = function(param) {
+    var initialRange = param.initialRange, onApply = param.onApply, onCancel = param.onCancel, presets = param.presets, startProps = param.startProps, endProps = param.endProps, rangeCalendarProps = param.rangeCalendarProps;
+    var form = (0, _form.useForm)({
+        initialValues: {
+            dates: initialRange
+        }
+    });
+    var calendarInputProps = form.getInputProps('dates');
+    var onCalendarChange = function(range) {
+        // If the current value is [null, null] and a date is selected, set [selectedValue, null]
+        if (isDateRangePickerValue(range) && range[0] && range[1] === null) {
+            calendarInputProps.onChange([
+                (0, _dayjs.default)(range[0]).toISOString(),
+                null
+            ]);
+            return;
+        }
+        var normalized = isDateRangePickerValue(range) && range[1] ? [
+            (0, _dayjs.default)(range[0]).toISOString(),
+            endOfDay(range[1])
+        ] : range;
+        calendarInputProps.onChange(normalized);
+    };
+    var onCalendarApply = function() {
+        // In case the user only clicked the start date, but not the end date,
+        // assume a single day was meant to be selected.
+        if (!form.values.dates[1]) {
+            form.values.dates[1] = endOfDay(form.values.dates[0]);
+        }
+        onApply(form.values.dates);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
+                align: "center",
+                gap: "xs",
+                grow: true,
+                px: "md",
+                py: "sm",
+                className: _DateRangemodulecss.default.picker,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_EditableDateRangePicker.EditableDateRangePicker, _object_spread_props._(_object_spread._({
+                        value: calendarInputProps.value
+                    }, calendarInputProps), {
+                        startProps: startProps,
+                        endProps: endProps
+                    })),
+                    presets ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Space, {
+                                w: "sm"
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_DateRangePickerPresetSelect.DateRangePickerPresetSelect, _object_spread_props._(_object_spread._({
+                                value: calendarInputProps.value,
+                                presets: presets
+                            }, calendarInputProps), {
+                                selectProps: {
+                                    comboboxProps: {
+                                        withinPortal: false
+                                    }
+                                }
+                            }))
+                        ]
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Center, {
+                py: "sm",
+                px: "md",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_dates.DatePicker, _object_spread_props._(_object_spread._({
+                    numberOfColumns: 2,
+                    columnsToScroll: 1,
+                    type: "range",
+                    styles: {
+                        day: {
+                            textAlign: 'center'
+                        }
+                    },
+                    firstDayOfWeek: 0,
+                    allowSingleDateInRange: true
+                }, rangeCalendarProps, calendarInputProps), {
+                    onChange: onCalendarChange
+                }))
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
+                justify: "right",
+                gap: "xs",
+                px: "md",
+                py: "sm",
+                className: _DateRangemodulecss.default.save,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.Tertiary, {
+                        onClick: onCancel,
+                        children: "Cancel"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.Button.Primary, {
+                        onClick: onCalendarApply,
+                        children: "Apply"
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=DateRangePickerInlineCalendar.js.map

package/dist/cjs/components/DateRangePicker/DateRangePickerInlineCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps, type DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport dayjs from 'dayjs';\nimport {Button} from '../Button/Button.js';\nimport DateRangeClasses from './DateRange.module.css';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect.js';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker.js';\nexport interface DateRangePickerInlineCalendarProps\n    extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n    /**\n     * Initial selected range\n     */\n    initialRange: DatesRangeValue<DateStringValue | null>;\n    /**\n     * Function called when the user applies the new date range\n     *\n     * @param range the newly selected dates\n     */\n    onApply: (range: DatesRangeValue<DateStringValue | null>) => void;\n    /**\n     * Function called when the user click on the cancel button\n     */\n    onCancel: () => void;\n    /**\n     * The presets to display\n     *\n     * @default {}\n     * @example\n     * {\n     *     january: {label: 'January', range: [new Date(2022, 0, 1), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n    /**\n     * Props for RangeCalendar displayed in the popover\n     */\n    rangeCalendarProps?: Omit<\n        DatePickerBaseProps,\n        | 'value'\n        | 'onChange'\n        | 'isDateInRange'\n        | 'isDateFirstInRange'\n        | 'isDateLastInRange'\n        | 'presets'\n        | '__onPresetSelect'\n        | 'allowDeselect'\n    >;\n}\n\nconst isDateRangePickerValue = (value: unknown): value is DatesRangeValue => Array.isArray(value) && value.length === 2;\n\nconst endOfDay = (value: DateStringValue): DateStringValue => (value ? dayjs(value).endOf('day').toISOString() : value);\n\nexport const DateRangePickerInlineCalendar = ({\n    initialRange,\n    onApply,\n    onCancel,\n    presets,\n    startProps,\n    endProps,\n    rangeCalendarProps,\n}: DateRangePickerInlineCalendarProps) => {\n    const form = useForm({\n        initialValues: {\n            dates: initialRange,\n        },\n    });\n    const calendarInputProps = form.getInputProps('dates');\n\n    const onCalendarChange = (range: DateStringValue | DatesRangeValue<DateStringValue | null>): void => {\n        // If the current value is [null, null] and a date is selected, set [selectedValue, null]\n        if (isDateRangePickerValue(range) && range[0] && range[1] === null) {\n            calendarInputProps.onChange([dayjs(range[0]).toISOString(), null]);\n            return;\n        }\n        const normalized =\n            isDateRangePickerValue(range) && range[1] ? [dayjs(range[0]).toISOString(), endOfDay(range[1])] : range;\n        calendarInputProps.onChange(normalized);\n    };\n\n    const onCalendarApply = () => {\n        // In case the user only clicked the start date, but not the end date,\n        // assume a single day was meant to be selected.\n        if (!form.values.dates[1]) {\n            form.values.dates[1] = endOfDay(form.values.dates[0]);\n        }\n        onApply(form.values.dates);\n    };\n    return (\n        <>\n            <Group align=\"center\" gap=\"xs\" grow px=\"md\" py=\"sm\" className={DateRangeClasses.picker}>\n                <EditableDateRangePicker\n                    value={calendarInputProps.value}\n                    {...calendarInputProps}\n                    startProps={startProps}\n                    endProps={endProps}\n                />\n                {presets ? (\n                    <>\n                        <Space w=\"sm\" />\n                        <DateRangePickerPresetSelect\n                            value={calendarInputProps.value}\n                            presets={presets}\n                            {...calendarInputProps}\n                            selectProps={{comboboxProps: {withinPortal: false}}}\n                        />\n                    </>\n                ) : null}\n            </Group>\n            <Center py=\"sm\" px=\"md\">\n                <DatePicker<'range'>\n                    numberOfColumns={2}\n                    columnsToScroll={1}\n                    type=\"range\"\n                    styles={{day: {textAlign: 'center'}}}\n                    firstDayOfWeek={0}\n                    allowSingleDateInRange\n                    {...rangeCalendarProps}\n                    {...calendarInputProps}\n                    onChange={onCalendarChange}\n                />\n            </Center>\n            <Group justify=\"right\" gap=\"xs\" px=\"md\" py=\"sm\" className={DateRangeClasses.save}>\n                <Button.Tertiary onClick={onCancel}>Cancel</Button.Tertiary>\n                <Button.Primary onClick={onCalendarApply}>Apply</Button.Primary>\n            </Group>\n        </>\n    );\n};\n"],"names":["DateRangePickerInlineCalendar","isDateRangePickerValue","value","Array","isArray","length","endOfDay","dayjs","endOf","toISOString","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","useForm","initialValues","dates","calendarInputProps","getInputProps","onCalendarChange","range","onChange","normalized","onCalendarApply","values","Group","align","gap","grow","px","py","className","DateRangeClasses","picker","EditableDateRangePicker","Space","w","DateRangePickerPresetSelect","selectProps","comboboxProps","withinPortal","Center","DatePicker","numberOfColumns","columnsToScroll","type","styles","day","textAlign","firstDayOfWeek","allowSingleDateInRange","justify","save","Button","Tertiary","onClick","Primary"],"mappings":";;;;+BAwDaA;;;eAAAA;;;;;;;oBAxDsB;qBACuD;oBACpE;8DAEJ;sBACG;2EACQ;2CACoC;uCACG;AA4CpE,IAAMC,yBAAyB,SAACC;WAA6CC,MAAMC,OAAO,CAACF,UAAUA,MAAMG,MAAM,KAAK;;AAEtH,IAAMC,WAAW,SAACJ;WAA6CA,QAAQK,IAAAA,cAAK,EAACL,OAAOM,KAAK,CAAC,OAAOC,WAAW,KAAKP;;AAE1G,IAAMF,gCAAgC;QACzCU,qBAAAA,cACAC,gBAAAA,SACAC,iBAAAA,UACAC,gBAAAA,SACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAAMC,OAAOC,IAAAA,aAAO,EAAC;QACjBC,eAAe;YACXC,OAAOV;QACX;IACJ;IACA,IAAMW,qBAAqBJ,KAAKK,aAAa,CAAC;IAE9C,IAAMC,mBAAmB,SAACC;QACtB,yFAAyF;QACzF,IAAIvB,uBAAuBuB,UAAUA,KAAK,CAAC,EAAE,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YAChEH,mBAAmBI,QAAQ,CAAC;gBAAClB,IAAAA,cAAK,EAACiB,KAAK,CAAC,EAAE,EAAEf,WAAW;gBAAI;aAAK;YACjE;QACJ;QACA,IAAMiB,aACFzB,uBAAuBuB,UAAUA,KAAK,CAAC,EAAE,GAAG;YAACjB,IAAAA,cAAK,EAACiB,KAAK,CAAC,EAAE,EAAEf,WAAW;YAAIH,SAASkB,KAAK,CAAC,EAAE;SAAE,GAAGA;QACtGH,mBAAmBI,QAAQ,CAACC;IAChC;IAEA,IAAMC,kBAAkB;QACpB,sEAAsE;QACtE,gDAAgD;QAChD,IAAI,CAACV,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,EAAE;YACvBH,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE,GAAGd,SAASW,KAAKW,MAAM,CAACR,KAAK,CAAC,EAAE;QACxD;QACAT,QAAQM,KAAKW,MAAM,CAACR,KAAK;IAC7B;IACA,qBACI;;0BACI,sBAACS,WAAK;gBAACC,OAAM;gBAASC,KAAI;gBAAKC,IAAI;gBAACC,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACC,MAAM;;kCAClF,qBAACC,gDAAuB;wBACpBpC,OAAOmB,mBAAmBnB,KAAK;uBAC3BmB;wBACJP,YAAYA;wBACZC,UAAUA;;oBAEbF,wBACG;;0CACI,qBAAC0B,WAAK;gCAACC,GAAE;;0CACT,qBAACC,wDAA2B;gCACxBvC,OAAOmB,mBAAmBnB,KAAK;gCAC/BW,SAASA;+BACLQ;gCACJqB,aAAa;oCAACC,eAAe;wCAACC,cAAc;oCAAK;gCAAC;;;yBAG1D;;;0BAER,qBAACC,YAAM;gBAACX,IAAG;gBAAKD,IAAG;0BACf,cAAA,qBAACa,iBAAU;oBACPC,iBAAiB;oBACjBC,iBAAiB;oBACjBC,MAAK;oBACLC,QAAQ;wBAACC,KAAK;4BAACC,WAAW;wBAAQ;oBAAC;oBACnCC,gBAAgB;oBAChBC,sBAAsB;mBAClBtC,oBACAK;oBACJI,UAAUF;;;0BAGlB,sBAACM,WAAK;gBAAC0B,SAAQ;gBAAQxB,KAAI;gBAAKE,IAAG;gBAAKC,IAAG;gBAAKC,WAAWC,2BAAgB,CAACoB,IAAI;;kCAC5E,qBAACC,cAAM,CAACC,QAAQ;wBAACC,SAAS/C;kCAAU;;kCACpC,qBAAC6C,cAAM,CAACG,OAAO;wBAACD,SAAShC;kCAAiB;;;;;;AAI1D"}

package/dist/cjs/components/DateRangePicker/DateRangePickerPopoverCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerPopoverCalendar.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePickerPopoverCalendar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,iBAAiB,EAAc,KAAK,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAKzG,OAAO,EAAC,qBAAqB,EAA8B,MAAM,kCAAkC,CAAC;AACpG,OAAO,EAA0B,4BAA4B,EAAC,MAAM,8BAA8B,CAAC;AAEnG,UAAU,mCAAoC,SAAQ,IAAI,CAAC,4BAA4B,EAAE,YAAY,GAAG,UAAU,CAAC;IAC/G,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;IAChD;;OAEG;IACH,kBAAkB,CAAC,EAAE,IAAI,CACrB,iBAAiB,EACjB,OAAO,GAAG,UAAU,GAAG,eAAe,GAAG,oBAAoB,GAAG,mBAAmB,CACtF,CAAC;CACL;AAED,eAAO,MAAM,8BAA8B,GAAI,uFAQ5C,mCAAmC,+CA6DrC,CAAC"}

package/dist/cjs/components/DateRangePicker/DateRangePickerPopoverCalendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePickerPopoverCalendar.tsx"],"sourcesContent":["import {Group, Popover, Space} from '@mantine/core';\nimport {CalendarBaseProps, DatePicker, type DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport {useClickOutside, useUncontrolled} from '@mantine/hooks';\nimport {useState} from 'react';\n\nimport dayjs from 'dayjs';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect.js';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker.js';\n\ninterface DateRangePickerPopoverCalendarProps extends Pick<EditableDateRangePickerProps, '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), new Date(2022, 0, 31)]},\n     *     february: {label: 'February', range: [new Date(2022, 1, 1), new Date(2022, 1, 28)]}\n     * }\n     */\n    presets?: Record<string, DateRangePickerPreset>;\n    /**\n     * Props for RangeCalendar\n     */\n    rangeCalendarProps?: Omit<\n        CalendarBaseProps,\n        'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n    >;\n}\n\nexport const DateRangePickerPopoverCalendar = ({\n    presets,\n    value,\n    defaultValue,\n    onChange,\n    startProps,\n    endProps,\n    rangeCalendarProps,\n}: DateRangePickerPopoverCalendarProps) => {\n    const [opened, setOpened] = useState(false);\n    const ref = useClickOutside(() => setOpened(false));\n\n    const [_value, handleChange] = useUncontrolled<DatesRangeValue<DateStringValue> | null>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: [null, null],\n    });\n\n    const onCalendarChange = (dates: DatesRangeValue<DateStringValue | null>) => {\n        if (dates[0] !== null) {\n            dates[0] = dayjs(dates[0]).toISOString();\n        }\n        if (dates[1] !== null) {\n            dates[1] = dayjs(dates[1]).toISOString();\n        }\n        handleChange?.(dates);\n        if (dates[1] !== null) {\n            setOpened(false);\n        }\n    };\n\n    return (\n        <>\n            <Popover opened={opened} onChange={setOpened} trapFocus>\n                <Popover.Target>\n                    <Group align=\"center\">\n                        <EditableDateRangePicker\n                            value={_value}\n                            onChange={handleChange}\n                            onFocus={() => setOpened(true)}\n                            startProps={startProps}\n                            endProps={endProps}\n                        />\n                        {presets ? (\n                            <>\n                                <Space w=\"sm\" />\n                                <DateRangePickerPresetSelect presets={presets} value={_value} onChange={handleChange} />\n                            </>\n                        ) : null}\n                    </Group>\n                </Popover.Target>\n                <Popover.Dropdown>\n                    <DatePicker\n                        ref={ref}\n                        type=\"range\"\n                        styles={{day: {textAlign: 'center'}}}\n                        numberOfColumns={2}\n                        columnsToScroll={1}\n                        firstDayOfWeek={0}\n                        allowSingleDateInRange\n                        value={_value}\n                        onChange={onCalendarChange}\n                        {...rangeCalendarProps}\n                    />\n                </Popover.Dropdown>\n            </Popover>\n        </>\n    );\n};\n"],"names":["DateRangePickerPopoverCalendar","presets","value","defaultValue","onChange","startProps","endProps","rangeCalendarProps","useState","opened","setOpened","ref","useClickOutside","useUncontrolled","finalValue","_value","handleChange","onCalendarChange","dates","dayjs","toISOString","Popover","trapFocus","Target","Group","align","EditableDateRangePicker","onFocus","Space","w","DateRangePickerPresetSelect","Dropdown","DatePicker","type","styles","day","textAlign","numberOfColumns","columnsToScroll","firstDayOfWeek","allowSingleDateInRange"],"mappings":";;;;+BAoCaA;;;eAAAA;;;;;;;oBApCuB;qBACoD;qBACzC;qBACxB;8DAEL;2CAC+C;uCACG;AA6B7D,IAAMA,iCAAiC;QAC1CC,gBAAAA,SACAC,cAAAA,OACAC,qBAAAA,cACAC,iBAAAA,UACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAA4BC,+BAAAA,IAAAA,eAAQ,EAAC,YAA9BC,SAAqBD,cAAbE,YAAaF;IAC5B,IAAMG,MAAMC,IAAAA,sBAAe,EAAC;eAAMF,UAAU;;IAE5C,IAA+BG,sCAAAA,IAAAA,sBAAe,EAA0C;QACpFX,OAAAA;QACAC,cAAAA;QACAC,UAAAA;QACAU,YAAY;YAAC;YAAM;SAAK;IAC5B,QALOC,SAAwBF,qBAAhBG,eAAgBH;IAO/B,IAAMI,mBAAmB,SAACC;QACtB,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YACnBA,KAAK,CAAC,EAAE,GAAGC,IAAAA,cAAK,EAACD,KAAK,CAAC,EAAE,EAAEE,WAAW;QAC1C;QACA,IAAIF,KAAK,CAAC,EAAE,KAAK,MAAM;YACnBA,KAAK,CAAC,EAAE,GAAGC,IAAAA,cAAK,EAACD,KAAK,CAAC,EAAE,EAAEE,WAAW;QAC1C;QACAJ,yBAAAA,mCAAAA,aAAeE;QACf,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YACnBR,UAAU;QACd;IACJ;IAEA,qBACI;kBACI,cAAA,sBAACW,aAAO;YAACZ,QAAQA;YAAQL,UAAUM;YAAWY,SAAS;;8BACnD,qBAACD,aAAO,CAACE,MAAM;8BACX,cAAA,sBAACC,WAAK;wBAACC,OAAM;;0CACT,qBAACC,gDAAuB;gCACpBxB,OAAOa;gCACPX,UAAUY;gCACVW,SAAS;2CAAMjB,UAAU;;gCACzBL,YAAYA;gCACZC,UAAUA;;4BAEbL,wBACG;;kDACI,qBAAC2B,WAAK;wCAACC,GAAE;;kDACT,qBAACC,wDAA2B;wCAAC7B,SAASA;wCAASC,OAAOa;wCAAQX,UAAUY;;;iCAE5E;;;;8BAGZ,qBAACK,aAAO,CAACU,QAAQ;8BACb,cAAA,qBAACC,iBAAU;wBACPrB,KAAKA;wBACLsB,MAAK;wBACLC,QAAQ;4BAACC,KAAK;gCAACC,WAAW;4BAAQ;wBAAC;wBACnCC,iBAAiB;wBACjBC,iBAAiB;wBACjBC,gBAAgB;wBAChBC,sBAAsB;wBACtBtC,OAAOa;wBACPX,UAAUa;uBACNV;;;;;AAM5B"}

package/dist/cjs/components/DateRangePicker/DateRangePickerPresetSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePickerPresetSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/DateRangePickerPresetSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,WAAW,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,KAAK,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAIrE,MAAM,WAAW,qBAAqB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;CAC3C;AAED,UAAU,iCAAiC;IACvC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;IAC/C,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACxC,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,GAAG,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC;CAC3E;AAED,eAAO,MAAM,2BAA2B,GAAI,4CAKzC,iCAAiC,4CAyCnC,CAAC"}

package/dist/cjs/components/DateRangePicker/DateRangePickerPresetSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DateRangePicker/DateRangePickerPresetSelect.tsx"],"sourcesContent":["import {ComboboxItem, Select, SelectProps} from '@mantine/core';\nimport type {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {useEffect, useState} from 'react';\n\nexport interface DateRangePickerPreset {\n    label: string;\n    range: DatesRangeValue<DateStringValue>;\n}\n\ninterface DateRangePickerPresetsSelectProps {\n    presets: Record<string, DateRangePickerPreset>;\n    value: DatesRangeValue<DateStringValue>;\n    onChange?(value: DatesRangeValue): void;\n    selectProps?: Partial<Omit<SelectProps, 'data' | 'value' | 'onChange'>>;\n}\n\nexport const DateRangePickerPresetSelect = ({\n    presets,\n    value,\n    onChange,\n    selectProps = {},\n}: DateRangePickerPresetsSelectProps) => {\n    const selectData: ComboboxItem[] = Object.entries(presets).map(([val, {label}]) => ({value: val, label}));\n    const getSelectedPreset = () => {\n        if (value[0] !== null && value[1] !== null && dayjs(value[0]).unix() !== dayjs(value[1]).unix()) {\n            const selected = Object.entries(presets).find(\n                ([, {range}]) =>\n                    dayjs(range[0]).isSame(dayjs(value[0]).toISOString()) &&\n                    dayjs(range[1]).isSame(dayjs(value[1]).toISOString()),\n            );\n            if (selected) {\n                return selected[0];\n            }\n        }\n        return null;\n    };\n\n    const [selectedPreset, setSelectedPreset] = useState<string | null>(getSelectedPreset());\n\n    useEffect(() => {\n        const newPreset = getSelectedPreset();\n        if (newPreset !== selectedPreset) {\n            setSelectedPreset(newPreset);\n        }\n    }, [value]);\n\n    const onChangePreset = (presetId: keyof typeof presets) => {\n        const range = presets[presetId].range as any;\n        onChange?.(range);\n    };\n\n    return (\n        <Select\n            label=\"Date range\"\n            placeholder=\"Select a date range\"\n            {...selectProps}\n            value={selectedPreset}\n            onChange={onChangePreset}\n            data={selectData}\n            maxDropdownHeight={240}\n        />\n    );\n};\n"],"names":["DateRangePickerPresetSelect","presets","value","onChange","selectProps","selectData","Object","entries","map","val","label","getSelectedPreset","dayjs","unix","selected","find","range","isSame","toISOString","useState","selectedPreset","setSelectedPreset","useEffect","newPreset","onChangePreset","presetId","Select","placeholder","data","maxDropdownHeight"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;;;oBAjBmC;8DAE9B;qBACgB;AAc3B,IAAMA,8BAA8B;QACvCC,gBAAAA,SACAC,cAAAA,OACAC,iBAAAA,qCACAC,aAAAA,8CAAc,CAAC;IAEf,IAAMC,aAA6BC,OAAOC,OAAO,CAACN,SAASO,GAAG,CAAC;mDAAEC,iBAAK,AAACC,kBAAAA;eAAa;YAACR,OAAOO;YAAKC,OAAAA;QAAK;;IACtG,IAAMC,oBAAoB;QACtB,IAAIT,KAAK,CAAC,EAAE,KAAK,QAAQA,KAAK,CAAC,EAAE,KAAK,QAAQU,IAAAA,cAAK,EAACV,KAAK,CAAC,EAAE,EAAEW,IAAI,OAAOD,IAAAA,cAAK,EAACV,KAAK,CAAC,EAAE,EAAEW,IAAI,IAAI;YAC7F,IAAMC,WAAWR,OAAOC,OAAO,CAACN,SAASc,IAAI,CACzC;2DAAI,AAACC,kBAAAA;uBACDJ,IAAAA,cAAK,EAACI,KAAK,CAAC,EAAE,EAAEC,MAAM,CAACL,IAAAA,cAAK,EAACV,KAAK,CAAC,EAAE,EAAEgB,WAAW,OAClDN,IAAAA,cAAK,EAACI,KAAK,CAAC,EAAE,EAAEC,MAAM,CAACL,IAAAA,cAAK,EAACV,KAAK,CAAC,EAAE,EAAEgB,WAAW;;YAE1D,IAAIJ,UAAU;gBACV,OAAOA,QAAQ,CAAC,EAAE;YACtB;QACJ;QACA,OAAO;IACX;IAEA,IAA4CK,+BAAAA,IAAAA,eAAQ,EAAgBR,0BAA7DS,iBAAqCD,cAArBE,oBAAqBF;IAE5CG,IAAAA,gBAAS,EAAC;QACN,IAAMC,YAAYZ;QAClB,IAAIY,cAAcH,gBAAgB;YAC9BC,kBAAkBE;QACtB;IACJ,GAAG;QAACrB;KAAM;IAEV,IAAMsB,iBAAiB,SAACC;QACpB,IAAMT,QAAQf,OAAO,CAACwB,SAAS,CAACT,KAAK;QACrCb,qBAAAA,+BAAAA,SAAWa;IACf;IAEA,qBACI,qBAACU,YAAM;QACHhB,OAAM;QACNiB,aAAY;OACRvB;QACJF,OAAOkB;QACPjB,UAAUqB;QACVI,MAAMvB;QACNwB,mBAAmB;;AAG/B"}

package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.d.ts

@@ -0,0 +1,17 @@
+import { DatePickerProps, DateStringValue, type DatesRangeValue } from '@mantine/dates';
+export interface EditableDateRangePickerProps {
+    value: DatesRangeValue<DateStringValue | null>;
+    onChange?(value: DatesRangeValue<DateStringValue> | null): void;
+    onFocus?: () => void;
+    /**
+     * Props for the start input
+     */
+    startProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;
+    /**
+     * Props for the end input
+     */
+    endProps?: Omit<Partial<DatePickerProps>, 'value' | 'onChange' | 'onFocus'>;
+}
+export declare const EditableDateRangePicker: ({ value, onChange, onFocus, startProps, endProps, }: EditableDateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+export type { DateRangePickerPreset } from './DateRangePickerPresetSelect';
+//# sourceMappingURL=EditableDateRangePicker.d.ts.map

package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAE,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAGjG,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAC/C,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;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,uBAAuB,GAAI,qDAMrC,4BAA4B,4CA8B9B,CAAC;AACF,YAAY,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAC"}

package/dist/cjs/components/DateRangePicker/EditableDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DateRangePicker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps, DateStringValue, type DatesRangeValue} from '@mantine/dates';\nimport dayjs from 'dayjs';\n\nexport interface EditableDateRangePickerProps {\n    value: DatesRangeValue<DateStringValue | null>;\n    onChange?(value: DatesRangeValue<DateStringValue> | null): void;\n    onFocus?: () => 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 EditableDateRangePicker = ({\n    value,\n    onChange,\n    onFocus,\n    startProps = {},\n    endProps = {},\n}: EditableDateRangePickerProps) => {\n    const onChangeStart = (date: DateStringValue | null) => {\n        onChange?.([dayjs(date).startOf('day').toISOString(), value?.[1]]);\n    };\n    const onChangeEnd = (date: DateStringValue | null) => {\n        onChange?.([value?.[0], dayjs(date).endOf('day').toISOString()]);\n    };\n\n    return (\n        <>\n            <DateInput\n                clearable={false}\n                label=\"Start\"\n                value={value?.[0]}\n                onChange={onChangeStart}\n                onFocus={onFocus}\n                popoverProps={{styles: {dropdown: {display: 'none'}}}}\n                styles={{...startProps.styles}}\n            />\n            <DateInput\n                clearable={false}\n                label=\"End\"\n                value={value?.[1]}\n                onChange={onChangeEnd}\n                onFocus={onFocus}\n                popoverProps={{styles: {dropdown: {display: 'none'}}}}\n                styles={{...endProps.styles}}\n            />\n        </>\n    );\n};\nexport type {DateRangePickerPreset} from './DateRangePickerPresetSelect';\n"],"names":["EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","dayjs","startOf","toISOString","onChangeEnd","endOf","DateInput","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;;;qBAjBmE;8DAC9D;AAgBX,IAAMA,0BAA0B;QACnCC,cAAAA,OACAC,iBAAAA,UACAC,gBAAAA,mCACAC,YAAAA,4CAAa,CAAC,+CACdC,UAAAA,wCAAW,CAAC;IAEZ,IAAMC,gBAAgB,SAACC;QACnBL,qBAAAA,+BAAAA,SAAW;YAACM,IAAAA,cAAK,EAACD,MAAME,OAAO,CAAC,OAAOC,WAAW;YAAIT,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;SAAC;IACrE;IACA,IAAMU,cAAc,SAACJ;QACjBL,qBAAAA,+BAAAA,SAAW;YAACD,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;YAAEO,IAAAA,cAAK,EAACD,MAAMK,KAAK,CAAC,OAAOF,WAAW;SAAG;IACnE;IAEA,qBACI;;0BACI,qBAACG,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUI;gBACVH,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ,qBAAIb,WAAWa,MAAM;;0BAEjC,qBAACJ,gBAAS;gBACNC,WAAW;gBACXC,OAAM;gBACNd,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUS;gBACVR,SAASA;gBACTa,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ,qBAAIZ,SAASY,MAAM;;;;AAI3C"}

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

@@ -0,0 +1,25 @@
+import { DatesRangeValue, DateStringValue } from '@mantine/dates';
+import { DateRangePickerPreset } from '../DateRangePicker/DateRangePickerPresetSelect.js';
+import { EditableDateTimeRangePickerProps } from './EditableDateTimeRangePicker.js';
+interface DateTimeRangePickerProps extends Pick<EditableDateTimeRangePickerProps, 'startProps' | 'endProps'> {
+    /** Default value for uncontrolled input */
+    defaultValue?: DatesRangeValue<DateStringValue | null>;
+    /** Value for controlled input */
+    value?: DatesRangeValue<DateStringValue | null>;
+    /** onChange value for controlled input */
+    onChange?(value: DatesRangeValue<DateStringValue | null>): void;
+    /**
+     * The presets to display
+     *
+     * @default {}
+     * @example
+     * {
+     *     january: {label: 'January', range: [new Date(2022, 0, 1, 0, 0, 0), new Date(2022, 0, 31, 23, 59, 59)]},
+     *     february: {label: 'February', range: [new Date(2022, 1, 1, 0, 0, 0), new Date(2022, 1, 28, 23, 59, 59)]}
+     * }
+     */
+    presets?: Record<string, DateRangePickerPreset>;
+}
+export declare const DateTimeRangePicker: ({ presets, value, defaultValue, onChange, startProps, endProps, }: DateTimeRangePickerProps) => import("react/jsx-runtime.js").JSX.Element;
+export {};
+//# sourceMappingURL=DateTimeRangePicker.d.ts.map

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

@@ -0,0 +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,+CA0B1B,CAAC"}

package/dist/cjs/components/DateTimeRangePicker/DateTimeRangePicker.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "DateTimeRangePicker", {
+    enumerable: true,
+    get: function() {
+        return DateTimeRangePicker;
+    }
+});
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _hooks = require("@mantine/hooks");
+var _DateRangePickerPresetSelect = require("../DateRangePicker/DateRangePickerPresetSelect.js");
+var _EditableDateTimeRangePicker = require("./EditableDateTimeRangePicker.js");
+var DateTimeRangePicker = function(param) {
+    var presets = param.presets, value = param.value, defaultValue = param.defaultValue, onChange = param.onChange, startProps = param.startProps, endProps = param.endProps;
+    var _useUncontrolled = _sliced_to_array._((0, _hooks.useUncontrolled)({
+        value: value,
+        defaultValue: defaultValue,
+        onChange: onChange,
+        finalValue: [
+            null,
+            null
+        ]
+    }), 2), _value = _useUncontrolled[0], handleChange = _useUncontrolled[1];
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
+        align: "center",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_EditableDateTimeRangePicker.EditableDateTimeRangePicker, {
+                value: _value,
+                onChange: handleChange,
+                startProps: startProps,
+                endProps: endProps
+            }),
+            presets && /*#__PURE__*/ (0, _jsxruntime.jsx)(_DateRangePickerPresetSelect.DateRangePickerPresetSelect, {
+                presets: presets,
+                value: _value,
+                onChange: handleChange,
+                selectProps: {
+                    ml: 'sm'
+                }
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=DateTimeRangePicker.js.map

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

@@ -0,0 +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":["DateTimeRangePicker","presets","value","defaultValue","onChange","startProps","endProps","useUncontrolled","finalValue","_value","handleChange","Group","align","EditableDateTimeRangePicker","DateRangePickerPresetSelect","selectProps","ml"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;oBA3BO;qBACU;2CAGmC;2CACW;AAsBrE,IAAMA,sBAAsB;QAC/BC,gBAAAA,SACAC,cAAAA,OACAC,qBAAAA,cACAC,iBAAAA,UACAC,mBAAAA,YACAC,iBAAAA;IAEA,IAA+BC,sCAAAA,IAAAA,sBAAe,EAA0C;QACpFL,OAAAA;QACAC,cAAAA;QACAC,UAAAA;QACAI,YAAY;YAAC;YAAM;SAAK;IAC5B,QALOC,SAAwBF,qBAAhBG,eAAgBH;IAO/B,qBACI,sBAACI,WAAK;QAACC,OAAM;;0BACT,qBAACC,wDAA2B;gBACxBX,OAAOO;gBACPL,UAAUM;gBACVL,YAAYA;gBACZC,UAAUA;;YAEbL,yBACG,qBAACa,wDAA2B;gBACxBb,SAASA;gBACTC,OAAOO;gBACPL,UAAUM;gBACVK,aAAa;oBAACC,IAAI;gBAAI;;;;AAK1C"}

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

@@ -0,0 +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"}

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

@@ -0,0 +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":["EditableDateTimeRangePicker","value","onChange","startProps","endProps","onStartDateChange","startDate","dayjs","DateTimePicker","clearable","label","w","styles","timePickerProps","popoverProps","withinPortal","minDate","endDate"],"mappings":";;;;+BAgBaA;;;eAAAA;;;;;;qBAhBmE;8DAC9D;AAeX,IAAMA,8BAA8B;QACvCC,cAAAA,OACAC,iBAAAA,oCACAC,YAAAA,4CAAa,CAAC,+CACdC,UAAAA,wCAAW,CAAC;IAEZ,IAAMC,oBAAoB,SAACC;QACvB,IAAIL,CAAAA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE,KAAIM,IAAAA,cAAK,EAACD,aAAaC,IAAAA,cAAK,EAACN,KAAK,CAAC,EAAE,GAAG;YAClDC,qBAAAA,+BAAAA,SAAW;gBAACI;gBAAW;aAAK;QAChC,OAAO;YACHJ,qBAAAA,+BAAAA,SAAW;gBAACI;gBAAWL,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;aAAC;QACtC;IACJ;IAEA,qBACI;;0BACI,qBAACO,qBAAc;gBACXC,WAAW;gBACXC,OAAM;gBACNT,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBC,UAAUG;gBACVM,GAAG;gBACHC,QAAQ,qBAAIT,WAAWS,MAAM;gBAC7BC,iBAAiB;oBACbC,cAAc;wBAACC,cAAc;oBAAK;gBACtC;;0BAEJ,qBAACP,qBAAc;gBACXC,WAAW;gBACXC,OAAM;gBACNT,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBe,OAAO,EAAEf,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACnBC,UAAU,SAACe;2BAAYf,qBAAAA,+BAAAA,SAAW;wBAACD,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;wBAAEgB;qBAAQ;;gBACvDN,GAAG;gBACHC,QAAQ,qBAAIR,SAASQ,MAAM;gBAC3BC,iBAAiB;oBACbC,cAAc;wBAACC,cAAc;oBAAK;gBACtC;;;;AAIhB"}

package/dist/cjs/components/Dialog/Dialog.d.ts

@@ -0,0 +1,2 @@
+export { Dialog, type DialogFactory, type DialogProps } from '@mantine/core';
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/cjs/components/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAC,MAAM,eAAe,CAAC"}

package/dist/cjs/components/Dialog/Dialog.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Dialog", {
+    enumerable: true,
+    get: function() {
+        return _core.Dialog;
+    }
+});
+var _core = require("@mantine/core");
+
+//# sourceMappingURL=Dialog.js.map

package/dist/cjs/components/Dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Dialog/Dialog.ts"],"sourcesContent":["export {Dialog, type DialogFactory, type DialogProps} from '@mantine/core';\n"],"names":["Dialog"],"mappings":";;;;+BAAQA;;;eAAAA,YAAM;;;oBAA6C"}

package/dist/cjs/components/Divider/Divider.d.ts

@@ -0,0 +1,2 @@
+export { Divider, type DividerFactory, type DividerProps } from '@mantine/core';
+//# sourceMappingURL=Divider.d.ts.map

package/dist/cjs/components/Divider/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC"}

package/dist/cjs/components/Divider/Divider.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Divider", {
+    enumerable: true,
+    get: function() {
+        return _core.Divider;
+    }
+});
+var _core = require("@mantine/core");
+
+//# sourceMappingURL=Divider.js.map

package/dist/cjs/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Divider/Divider.ts"],"sourcesContent":["export {Divider, type DividerFactory, type DividerProps} from '@mantine/core';\n"],"names":["Divider"],"mappings":";;;;+BAAQA;;;eAAAA,aAAO;;;oBAA+C"}

package/dist/cjs/components/Drawer/Drawer.d.ts

@@ -0,0 +1,2 @@
+export { Drawer, type DrawerFactory, type DrawerProps } from '@mantine/core';
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/cjs/components/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/Drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,WAAW,EAAC,MAAM,eAAe,CAAC"}

package/dist/cjs/components/Drawer/Drawer.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Drawer", {
+    enumerable: true,
+    get: function() {
+        return _core.Drawer;
+    }
+});
+var _core = require("@mantine/core");
+
+//# sourceMappingURL=Drawer.js.map

package/dist/cjs/components/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Drawer/Drawer.ts"],"sourcesContent":["export {Drawer, type DrawerFactory, type DrawerProps} from '@mantine/core';\n"],"names":["Drawer"],"mappings":";;;;+BAAQA;;;eAAAA,YAAM;;;oBAA6C"}

package/dist/cjs/components/EllipsisText/EllipsisText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EllipsisText.d.ts","sourceRoot":"","sources":["../../../../src/components/EllipsisText/EllipsisText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,KAAK,QAAQ,EACb,KAAK,OAAO,EAEZ,KAAK,cAAc,EAEnB,KAAK,SAAS,EAEd,KAAK,YAAY,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,SAAS,EAAmB,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,iBACb,SAAQ,QAAQ,EACZ,IAAI,CAAC,SAAS,EAAE,SAAS,GAAG,WAAW,CAAC,EACxC,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,SAAS,CAAC;IACxD,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC,CAAC;CAC/E;AAED,KAAK,mBAAmB,GAAG,OAAO,CAAC;IAC/B,KAAK,EAAE,iBAAiB,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAMH,eAAO,MAAM,YAAY;;;;;;;;;WAVd,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;;WAH7B,iBAAiB;gBACZ,cAAc;sBACR,KAAK;iBACV,uBAAuB;EAwDtC,CAAC"}