@coveord/plasma-mantine 52.26.2 → 52.26.4

package/dist/esm/components/copyToClipboard/CopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/copyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import {CheckSize16Px, CopySize16Px} from '@coveord/plasma-react-icons';\nimport {ActionIcon, CopyButton, createStyles, TextInput, Tooltip} from '@mantine/core';\n\nexport interface CopyToClipboardProps {\n    /**\n     * The value to be copied to the clipboard.\n     */\n    value: string;\n    /**\n     * Whether to display the string to be copied alongside the button.\n     *\n     * @default false\n     */\n    withLabel?: boolean;\n    /**\n     * Called each time the value is copied to the clipboard\n     */\n    onCopy?: () => void;\n}\n\nconst useStyles = createStyles((theme) => ({\n    input: {\n        color: theme.colors.gray[7],\n    },\n}));\n\nconst CopyToClipboardButton: React.FunctionComponent<Omit<CopyToClipboardProps, 'withLabel'>> = ({value, onCopy}) => (\n    <CopyButton value={value} timeout={2000}>\n        {({copied, copy}) => (\n            <Tooltip label={copied ? 'Copied' : 'Copy'}>\n                <ActionIcon\n                    color={copied ? 'success' : 'gray'}\n                    onClick={() => {\n                        copy();\n                        onCopy?.();\n                    }}\n                >\n                    {copied ? <CheckSize16Px height={16} /> : <CopySize16Px height={16} />}\n                </ActionIcon>\n            </Tooltip>\n        )}\n    </CopyButton>\n);\n\nexport const CopyToClipboard: React.FunctionComponent<CopyToClipboardProps> = ({withLabel, ...others}) => {\n    const {classes} = useStyles();\n\n    return withLabel ? (\n        <TextInput\n            classNames={{\n                input: classes.input,\n            }}\n            value={others.value}\n            readOnly\n            autoComplete=\"off\"\n            rightSection={<CopyToClipboardButton {...others} />}\n        />\n    ) : (\n        <CopyToClipboardButton {...others} />\n    );\n};\n"],"names":["CheckSize16Px","CopySize16Px","ActionIcon","CopyButton","createStyles","TextInput","Tooltip","useStyles","theme","input","color","colors","gray","CopyToClipboardButton","value","onCopy","timeout","copied","copy","label","onClick","height","CopyToClipboard","withLabel","others","classes","classNames","readOnly","autoComplete","rightSection"],"mappings":";;;AAAA,SAAQA,aAAa,EAAEC,YAAY,QAAO,8BAA8B;AACxE,SAAQC,UAAU,EAAEC,UAAU,EAAEC,YAAY,EAAEC,SAAS,EAAEC,OAAO,QAAO,gBAAgB;AAmBvF,IAAMC,YAAYH,aAAa,SAACI;WAAW;QACvCC,OAAO;YACHC,OAAOF,MAAMG,MAAM,CAACC,IAAI,CAAC,EAAE;QAC/B;IACJ;;AAEA,IAAMC,wBAA0F;QAAEC,cAAAA,OAAOC,eAAAA;yBACrG,KAACZ;QAAWW,OAAOA;QAAOE,SAAS;kBAC9B;gBAAEC,eAAAA,QAAQC,aAAAA;iCACP,KAACZ;gBAAQa,OAAOF,SAAS,WAAW;0BAChC,cAAA,KAACf;oBACGQ,OAAOO,SAAS,YAAY;oBAC5BG,SAAS;4BAELL;wBADAG;yBACAH,UAAAA,oBAAAA,8BAAAA;oBACJ;8BAECE,uBAAS,KAACjB;wBAAcqB,QAAQ;uCAAS,KAACpB;wBAAaoB,QAAQ;;;;;;;AAOpF,OAAO,IAAMC,kBAAiE;QAAEC,mBAAAA,WAAcC;QAAdD;;IAC5E,IAAM,AAACE,UAAWlB,YAAXkB;IAEP,OAAOF,0BACH,KAAClB;QACGqB,YAAY;YACRjB,OAAOgB,QAAQhB,KAAK;QACxB;QACAK,OAAOU,OAAOV,KAAK;QACnBa,QAAQ;QACRC,cAAa;QACbC,4BAAc,KAAChB,0CAA0BW;uBAG7C,KAACX,0CAA0BW;AAEnC,EAAE"}
+{"version":3,"sources":["../../../../src/components/copyToClipboard/CopyToClipboard.tsx"],"sourcesContent":["import {CheckSize16Px, CopySize16Px} from '@coveord/plasma-react-icons';\nimport {ActionIcon, CopyButton, createStyles, TextInput, Tooltip} from '@mantine/core';\n\nexport interface CopyToClipboardProps {\n    /**\n     * The value to be copied to the clipboard.\n     */\n    value: string;\n    /**\n     * Whether to display the string to be copied alongside the button.\n     *\n     * @default false\n     */\n    withLabel?: boolean;\n    /**\n     * Called each time the value is copied to the clipboard\n     */\n    onCopy?: () => void;\n}\n\nconst useStyles = createStyles((theme) => ({\n    input: {\n        color: theme.colors.gray[7],\n    },\n}));\n\nconst CopyToClipboardButton: React.FunctionComponent<Omit<CopyToClipboardProps, 'withLabel'>> = ({value, onCopy}) => (\n    <CopyButton value={value} timeout={2000}>\n        {({copied, copy}) => (\n            <Tooltip label={copied ? 'Copied' : 'Copy'}>\n                <ActionIcon\n                    color={copied ? 'success' : 'gray'}\n                    onClick={() => {\n                        copy();\n                        onCopy?.();\n                    }}\n                >\n                    {copied ? <CheckSize16Px height={16} /> : <CopySize16Px height={16} />}\n                </ActionIcon>\n            </Tooltip>\n        )}\n    </CopyButton>\n);\n\nexport const CopyToClipboard: React.FunctionComponent<CopyToClipboardProps> = ({withLabel, ...others}) => {\n    const {classes} = useStyles();\n\n    return withLabel ? (\n        <TextInput\n            classNames={{\n                input: classes.input,\n            }}\n            value={others.value}\n            readOnly\n            autoComplete=\"off\"\n            rightSection={<CopyToClipboardButton {...others} />}\n        />\n    ) : (\n        <CopyToClipboardButton {...others} />\n    );\n};\n"],"names":["CheckSize16Px","CopySize16Px","ActionIcon","CopyButton","createStyles","TextInput","Tooltip","useStyles","theme","input","color","colors","gray","CopyToClipboardButton","value","onCopy","timeout","copied","copy","label","onClick","height","CopyToClipboard","withLabel","others","classes","classNames","readOnly","autoComplete","rightSection"],"mappings":";AAAA,SAAQA,aAAa,EAAEC,YAAY,QAAO,8BAA8B;AACxE,SAAQC,UAAU,EAAEC,UAAU,EAAEC,YAAY,EAAEC,SAAS,EAAEC,OAAO,QAAO,gBAAgB;AAmBvF,MAAMC,YAAYH,aAAa,CAACI,QAAW,CAAA;QACvCC,OAAO;YACHC,OAAOF,MAAMG,MAAM,CAACC,IAAI,CAAC,EAAE;QAC/B;IACJ,CAAA;AAEA,MAAMC,wBAA0F,CAAC,EAACC,KAAK,EAAEC,MAAM,EAAC,iBAC5G,KAACZ;QAAWW,OAAOA;QAAOE,SAAS;kBAC9B,CAAC,EAACC,MAAM,EAAEC,IAAI,EAAC,iBACZ,KAACZ;gBAAQa,OAAOF,SAAS,WAAW;0BAChC,cAAA,KAACf;oBACGQ,OAAOO,SAAS,YAAY;oBAC5BG,SAAS;wBACLF;wBACAH;oBACJ;8BAECE,uBAAS,KAACjB;wBAAcqB,QAAQ;uCAAS,KAACpB;wBAAaoB,QAAQ;;;;;AAOpF,OAAO,MAAMC,kBAAiE,CAAC,EAACC,SAAS,EAAE,GAAGC,QAAO;IACjG,MAAM,EAACC,OAAO,EAAC,GAAGlB;IAElB,OAAOgB,0BACH,KAAClB;QACGqB,YAAY;YACRjB,OAAOgB,QAAQhB,KAAK;QACxB;QACAK,OAAOU,OAAOV,KAAK;QACnBa,QAAQ;QACRC,cAAa;QACbC,4BAAc,KAAChB;YAAuB,GAAGW,MAAM;;uBAGnD,KAACX;QAAuB,GAAGW,MAAM;;AAEzC,EAAE"}

package/dist/esm/components/copyToClipboard/index.js

@@ -1,3 +1,3 @@
-export * from "./CopyToClipboard";
+export * from './CopyToClipboard';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js

@@ -1,21 +1,18 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Center, Group, Space } from "@mantine/core";
-import { DatePicker } from "@mantine/dates";
-import { useForm } from "@mantine/form";
-import { Button } from "../button";
-import { DateRangePickerPresetSelect } from "./DateRangePickerPresetSelect";
-import { EditableDateRangePicker } from "./EditableDateRangePicker";
-export 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 = useForm({
+import { Center, Group, Space } from '@mantine/core';
+import { DatePicker } from '@mantine/dates';
+import { useForm } from '@mantine/form';
+import { Button } from '../button';
+import { DateRangePickerPresetSelect } from './DateRangePickerPresetSelect';
+import { EditableDateRangePicker } from './EditableDateRangePicker';
+export const DateRangePickerInlineCalendar = ({ initialRange, onApply, onCancel, presets, startProps, endProps, rangeCalendarProps })=>{
+    const form = useForm({
         initialValues: {
             dates: initialRange
         }
     });
-    var calendarInputProps = form.getInputProps("dates");
-    var onCalendarApply = function() {
+    const calendarInputProps = form.getInputProps('dates');
+    const onCalendarApply = ()=>{
         if (!form.values.dates[1]) {
             form.values.dates[1] = form.values.dates[0]; // when date range is the same day
         }
@@ -29,24 +26,24 @@ export var DateRangePickerInlineCalendar = function(param) {
                 grow: true,
                 px: "md",
                 py: "sm",
-                sx: function(theme) {
-                    return {
-                        borderBottom: "1px solid ".concat(theme.colors.gray[2])
-                    };
-                },
+                sx: (theme)=>({
+                        borderBottom: `1px solid ${theme.colors.gray[2]}`
+                    }),
                 children: [
-                    /*#__PURE__*/ _jsx(EditableDateRangePicker, _object_spread_props(_object_spread({}, calendarInputProps), {
+                    /*#__PURE__*/ _jsx(EditableDateRangePicker, {
+                        ...calendarInputProps,
                         startProps: startProps,
                         endProps: endProps
-                    })),
+                    }),
                     presets ? /*#__PURE__*/ _jsxs(_Fragment, {
                         children: [
                             /*#__PURE__*/ _jsx(Space, {
                                 w: "sm"
                             }),
-                            /*#__PURE__*/ _jsx(DateRangePickerPresetSelect, _object_spread({
-                                presets: presets
-                            }, calendarInputProps))
+                            /*#__PURE__*/ _jsx(DateRangePickerPresetSelect, {
+                                presets: presets,
+                                ...calendarInputProps
+                            })
                         ]
                     }) : null
                 ]
@@ -54,30 +51,30 @@ export var DateRangePickerInlineCalendar = function(param) {
             /*#__PURE__*/ _jsx(Center, {
                 py: "sm",
                 px: "md",
-                children: /*#__PURE__*/ _jsx(DatePicker, _object_spread({
+                children: /*#__PURE__*/ _jsx(DatePicker, {
                     numberOfColumns: 2,
                     type: "range",
                     styles: {
                         calendar: {
                             cell: {
-                                textAlign: "center"
+                                textAlign: 'center'
                             }
                         }
                     },
                     firstDayOfWeek: 0,
-                    allowSingleDateInRange: true
-                }, rangeCalendarProps, calendarInputProps))
+                    allowSingleDateInRange: true,
+                    ...rangeCalendarProps,
+                    ...calendarInputProps
+                })
             }),
             /*#__PURE__*/ _jsxs(Group, {
                 position: "right",
                 spacing: "xs",
                 px: "md",
                 py: "sm",
-                sx: function(theme) {
-                    return {
-                        borderTop: "1px solid ".concat(theme.colors.gray[2])
-                    };
-                },
+                sx: (theme)=>({
+                        borderTop: `1px solid ${theme.colors.gray[2]}`
+                    }),
                 children: [
                     /*#__PURE__*/ _jsx(Button, {
                         variant: "outline",

package/dist/esm/components/date-range-picker/DateRangePickerInlineCalendar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport {Button} from '../button';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\nexport type DateRangePickerValue = [Date | null, Date | null];\nexport interface DateRangePickerInlineCalendarProps\n    extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n    /**\n     * Initial selected range\n     */\n    initialRange: DateRangePickerValue;\n    /**\n     * Function called when the user applies the new date range\n     *\n     * @param range the newly selected dates\n     */\n    onApply: (range: DateRangePickerValue) => 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' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n    >;\n}\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 onCalendarApply = () => {\n        if (!form.values.dates[1]) {\n            form.values.dates[1] = form.values.dates[0]; // when date range is the same day\n        }\n        onApply(form.values.dates);\n    };\n\n    return (\n        <>\n            <Group\n                align=\"center\"\n                spacing=\"xs\"\n                grow\n                px=\"md\"\n                py=\"sm\"\n                sx={(theme) => ({\n                    borderBottom: `1px solid ${theme.colors.gray[2]}`,\n                })}\n            >\n                <EditableDateRangePicker {...calendarInputProps} startProps={startProps} endProps={endProps} />\n                {presets ? (\n                    <>\n                        <Space w=\"sm\" />\n                        <DateRangePickerPresetSelect presets={presets} {...calendarInputProps} />\n                    </>\n                ) : null}\n            </Group>\n\n            <Center py=\"sm\" px=\"md\">\n                <DatePicker\n                    numberOfColumns={2}\n                    type=\"range\"\n                    styles={{calendar: {cell: {textAlign: 'center'}}}}\n                    firstDayOfWeek={0}\n                    allowSingleDateInRange\n                    {...rangeCalendarProps}\n                    {...calendarInputProps}\n                />\n            </Center>\n\n            <Group\n                position=\"right\"\n                spacing=\"xs\"\n                px=\"md\"\n                py=\"sm\"\n                sx={(theme) => ({\n                    borderTop: `1px solid ${theme.colors.gray[2]}`,\n                })}\n            >\n                <Button variant=\"outline\" size=\"xs\" onClick={onCancel}>\n                    Cancel\n                </Button>\n                <Button size=\"xs\" onClick={onCalendarApply}>\n                    Apply\n                </Button>\n            </Group>\n        </>\n    );\n};\n"],"names":["Center","Group","Space","DatePicker","useForm","Button","DateRangePickerPresetSelect","EditableDateRangePicker","DateRangePickerInlineCalendar","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","initialValues","dates","calendarInputProps","getInputProps","onCalendarApply","values","align","spacing","grow","px","py","sx","theme","borderBottom","colors","gray","w","numberOfColumns","type","styles","calendar","cell","textAlign","firstDayOfWeek","allowSingleDateInRange","position","borderTop","variant","size","onClick"],"mappings":";;;AAAA,SAAQA,MAAM,EAAEC,KAAK,EAAEC,KAAK,QAAO,gBAAgB;AACnD,SAAQC,UAAU,QAA4B,iBAAiB;AAC/D,SAAQC,OAAO,QAAO,gBAAgB;AAEtC,SAAQC,MAAM,QAAO,YAAY;AACjC,SAA+BC,2BAA2B,QAAO,gCAAgC;AACjG,SAAQC,uBAAuB,QAAqC,4BAA4B;AAuChG,OAAO,IAAMC,gCAAgC;QACzCC,qBAAAA,cACAC,gBAAAA,SACAC,iBAAAA,UACAC,gBAAAA,SACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAAMC,OAAOZ,QAAQ;QACjBa,eAAe;YACXC,OAAOT;QACX;IACJ;IACA,IAAMU,qBAAqBH,KAAKI,aAAa,CAAC;IAE9C,IAAMC,kBAAkB;QACpB,IAAI,CAACL,KAAKM,MAAM,CAACJ,KAAK,CAAC,EAAE,EAAE;YACvBF,KAAKM,MAAM,CAACJ,KAAK,CAAC,EAAE,GAAGF,KAAKM,MAAM,CAACJ,KAAK,CAAC,EAAE,EAAE,kCAAkC;QACnF;QACAR,QAAQM,KAAKM,MAAM,CAACJ,KAAK;IAC7B;IAEA,qBACI;;0BACI,MAACjB;gBACGsB,OAAM;gBACNC,SAAQ;gBACRC,IAAI;gBACJC,IAAG;gBACHC,IAAG;gBACHC,IAAI,SAACC;2BAAW;wBACZC,cAAc,AAAC,aAAiC,OAArBD,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;oBACnD;;;kCAEA,KAACzB,iEAA4BY;wBAAoBN,YAAYA;wBAAYC,UAAUA;;oBAClFF,wBACG;;0CACI,KAACV;gCAAM+B,GAAE;;0CACT,KAAC3B;gCAA4BM,SAASA;+BAAaO;;yBAEvD;;;0BAGR,KAACnB;gBAAO2B,IAAG;gBAAKD,IAAG;0BACf,cAAA,KAACvB;oBACG+B,iBAAiB;oBACjBC,MAAK;oBACLC,QAAQ;wBAACC,UAAU;4BAACC,MAAM;gCAACC,WAAW;4BAAQ;wBAAC;oBAAC;oBAChDC,gBAAgB;oBAChBC,sBAAsB;mBAClB1B,oBACAI;;0BAIZ,MAAClB;gBACGyC,UAAS;gBACTlB,SAAQ;gBACRE,IAAG;gBACHC,IAAG;gBACHC,IAAI,SAACC;2BAAW;wBACZc,WAAW,AAAC,aAAiC,OAArBd,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE;oBAChD;;;kCAEA,KAAC3B;wBAAOuC,SAAQ;wBAAUC,MAAK;wBAAKC,SAASnC;kCAAU;;kCAGvD,KAACN;wBAAOwC,MAAK;wBAAKC,SAASzB;kCAAiB;;;;;;AAM5D,EAAE"}
+{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerInlineCalendar.tsx"],"sourcesContent":["import {Center, Group, Space} from '@mantine/core';\nimport {DatePicker, DatePickerBaseProps} from '@mantine/dates';\nimport {useForm} from '@mantine/form';\n\nimport {Button} from '../button';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\nexport type DateRangePickerValue = [Date | null, Date | null];\nexport interface DateRangePickerInlineCalendarProps\n    extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n    /**\n     * Initial selected range\n     */\n    initialRange: DateRangePickerValue;\n    /**\n     * Function called when the user applies the new date range\n     *\n     * @param range the newly selected dates\n     */\n    onApply: (range: DateRangePickerValue) => 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' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n    >;\n}\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 onCalendarApply = () => {\n        if (!form.values.dates[1]) {\n            form.values.dates[1] = form.values.dates[0]; // when date range is the same day\n        }\n        onApply(form.values.dates);\n    };\n\n    return (\n        <>\n            <Group\n                align=\"center\"\n                spacing=\"xs\"\n                grow\n                px=\"md\"\n                py=\"sm\"\n                sx={(theme) => ({\n                    borderBottom: `1px solid ${theme.colors.gray[2]}`,\n                })}\n            >\n                <EditableDateRangePicker {...calendarInputProps} startProps={startProps} endProps={endProps} />\n                {presets ? (\n                    <>\n                        <Space w=\"sm\" />\n                        <DateRangePickerPresetSelect presets={presets} {...calendarInputProps} />\n                    </>\n                ) : null}\n            </Group>\n\n            <Center py=\"sm\" px=\"md\">\n                <DatePicker\n                    numberOfColumns={2}\n                    type=\"range\"\n                    styles={{calendar: {cell: {textAlign: 'center'}}}}\n                    firstDayOfWeek={0}\n                    allowSingleDateInRange\n                    {...rangeCalendarProps}\n                    {...calendarInputProps}\n                />\n            </Center>\n\n            <Group\n                position=\"right\"\n                spacing=\"xs\"\n                px=\"md\"\n                py=\"sm\"\n                sx={(theme) => ({\n                    borderTop: `1px solid ${theme.colors.gray[2]}`,\n                })}\n            >\n                <Button variant=\"outline\" size=\"xs\" onClick={onCancel}>\n                    Cancel\n                </Button>\n                <Button size=\"xs\" onClick={onCalendarApply}>\n                    Apply\n                </Button>\n            </Group>\n        </>\n    );\n};\n"],"names":["Center","Group","Space","DatePicker","useForm","Button","DateRangePickerPresetSelect","EditableDateRangePicker","DateRangePickerInlineCalendar","initialRange","onApply","onCancel","presets","startProps","endProps","rangeCalendarProps","form","initialValues","dates","calendarInputProps","getInputProps","onCalendarApply","values","align","spacing","grow","px","py","sx","theme","borderBottom","colors","gray","w","numberOfColumns","type","styles","calendar","cell","textAlign","firstDayOfWeek","allowSingleDateInRange","position","borderTop","variant","size","onClick"],"mappings":";AAAA,SAAQA,MAAM,EAAEC,KAAK,EAAEC,KAAK,QAAO,gBAAgB;AACnD,SAAQC,UAAU,QAA4B,iBAAiB;AAC/D,SAAQC,OAAO,QAAO,gBAAgB;AAEtC,SAAQC,MAAM,QAAO,YAAY;AACjC,SAA+BC,2BAA2B,QAAO,gCAAgC;AACjG,SAAQC,uBAAuB,QAAqC,4BAA4B;AAuChG,OAAO,MAAMC,gCAAgC,CAAC,EAC1CC,YAAY,EACZC,OAAO,EACPC,QAAQ,EACRC,OAAO,EACPC,UAAU,EACVC,QAAQ,EACRC,kBAAkB,EACe;IACjC,MAAMC,OAAOZ,QAAQ;QACjBa,eAAe;YACXC,OAAOT;QACX;IACJ;IACA,MAAMU,qBAAqBH,KAAKI,aAAa,CAAC;IAE9C,MAAMC,kBAAkB;QACpB,IAAI,CAACL,KAAKM,MAAM,CAACJ,KAAK,CAAC,EAAE,EAAE;YACvBF,KAAKM,MAAM,CAACJ,KAAK,CAAC,EAAE,GAAGF,KAAKM,MAAM,CAACJ,KAAK,CAAC,EAAE,EAAE,kCAAkC;QACnF;QACAR,QAAQM,KAAKM,MAAM,CAACJ,KAAK;IAC7B;IAEA,qBACI;;0BACI,MAACjB;gBACGsB,OAAM;gBACNC,SAAQ;gBACRC,IAAI;gBACJC,IAAG;gBACHC,IAAG;gBACHC,IAAI,CAACC,QAAW,CAAA;wBACZC,cAAc,CAAC,UAAU,EAAED,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;oBACrD,CAAA;;kCAEA,KAACzB;wBAAyB,GAAGY,kBAAkB;wBAAEN,YAAYA;wBAAYC,UAAUA;;oBAClFF,wBACG;;0CACI,KAACV;gCAAM+B,GAAE;;0CACT,KAAC3B;gCAA4BM,SAASA;gCAAU,GAAGO,kBAAkB;;;yBAEzE;;;0BAGR,KAACnB;gBAAO2B,IAAG;gBAAKD,IAAG;0BACf,cAAA,KAACvB;oBACG+B,iBAAiB;oBACjBC,MAAK;oBACLC,QAAQ;wBAACC,UAAU;4BAACC,MAAM;gCAACC,WAAW;4BAAQ;wBAAC;oBAAC;oBAChDC,gBAAgB;oBAChBC,sBAAsB;oBACrB,GAAG1B,kBAAkB;oBACrB,GAAGI,kBAAkB;;;0BAI9B,MAAClB;gBACGyC,UAAS;gBACTlB,SAAQ;gBACRE,IAAG;gBACHC,IAAG;gBACHC,IAAI,CAACC,QAAW,CAAA;wBACZc,WAAW,CAAC,UAAU,EAAEd,MAAME,MAAM,CAACC,IAAI,CAAC,EAAE,CAAC,CAAC;oBAClD,CAAA;;kCAEA,KAAC3B;wBAAOuC,SAAQ;wBAAUC,MAAK;wBAAKC,SAASnC;kCAAU;;kCAGvD,KAACN;wBAAOwC,MAAK;wBAAKC,SAASzB;kCAAiB;;;;;;AAM5D,EAAE"}

package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js

@@ -1,30 +1,24 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Group, Popover, Space } from "@mantine/core";
-import { DatePicker } from "@mantine/dates";
-import { useClickOutside, useUncontrolled } from "@mantine/hooks";
-import { useState } from "react";
-import { DateRangePickerPresetSelect } from "./DateRangePickerPresetSelect";
-import { EditableDateRangePicker } from "./EditableDateRangePicker";
-export var DateRangePickerPopoverCalendar = function(param) {
-    var presets = param.presets, value = param.value, defaultValue = param.defaultValue, onChange = param.onChange, startProps = param.startProps, endProps = param.endProps, rangeCalendarProps = param.rangeCalendarProps;
-    var _useState = _sliced_to_array(useState(false), 2), opened = _useState[0], setOpened = _useState[1];
-    var ref = useClickOutside(function() {
-        return setOpened(false);
-    });
-    var _useUncontrolled = _sliced_to_array(useUncontrolled({
-        value: value,
-        defaultValue: defaultValue,
-        onChange: onChange,
+import { Group, Popover, Space } from '@mantine/core';
+import { DatePicker } from '@mantine/dates';
+import { useClickOutside, useUncontrolled } from '@mantine/hooks';
+import { useState } from 'react';
+import { DateRangePickerPresetSelect } from './DateRangePickerPresetSelect';
+import { EditableDateRangePicker } from './EditableDateRangePicker';
+export const DateRangePickerPopoverCalendar = ({ presets, value, defaultValue, onChange, startProps, endProps, rangeCalendarProps })=>{
+    const [opened, setOpened] = useState(false);
+    const ref = useClickOutside(()=>setOpened(false));
+    const [_value, handleChange] = useUncontrolled({
+        value,
+        defaultValue,
+        onChange,
         finalValue: [
             null,
             null
         ]
-    }), 2), _value = _useUncontrolled[0], handleChange = _useUncontrolled[1];
-    var onCalendarChange = function(dates) {
-        var _handleChange;
-        (_handleChange = handleChange) === null || _handleChange === void 0 ? void 0 : _handleChange(dates);
+    });
+    const onCalendarChange = (dates)=>{
+        handleChange?.(dates);
         if (dates[1] !== null) {
             setOpened(false);
         }
@@ -37,9 +31,7 @@ export var DateRangePickerPopoverCalendar = function(param) {
                     /*#__PURE__*/ _jsx(EditableDateRangePicker, {
                         value: _value,
                         onChange: handleChange,
-                        onFocus: function() {
-                            return setOpened(true);
-                        },
+                        onFocus: ()=>setOpened(true),
                         startProps: startProps,
                         endProps: endProps
                     }),
@@ -62,13 +54,13 @@ export var DateRangePickerPopoverCalendar = function(param) {
                 onChange: setOpened,
                 trapFocus: true,
                 children: /*#__PURE__*/ _jsx(Popover.Dropdown, {
-                    children: /*#__PURE__*/ _jsx(DatePicker, _object_spread({
+                    children: /*#__PURE__*/ _jsx(DatePicker, {
                         ref: ref,
                         type: "range",
                         styles: {
                             calendar: {
                                 cell: {
-                                    textAlign: "center"
+                                    textAlign: 'center'
                                 }
                             }
                         },
@@ -76,8 +68,9 @@ export var DateRangePickerPopoverCalendar = function(param) {
                         firstDayOfWeek: 0,
                         allowSingleDateInRange: true,
                         value: _value,
-                        onChange: onCalendarChange
-                    }, rangeCalendarProps))
+                        onChange: onCalendarChange,
+                        ...rangeCalendarProps
+                    })
                 })
             })
         ]

package/dist/esm/components/date-range-picker/DateRangePickerPopoverCalendar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"sourcesContent":["import {Group, Popover, Space} from '@mantine/core';\nimport {CalendarBaseProps, DatePicker} from '@mantine/dates';\nimport {useClickOutside, useUncontrolled} from '@mantine/hooks';\nimport {useState} from 'react';\n\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\ninterface DateRangePickerPopoverCalendarProps<T> extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n    /** Default value for uncontrolled input */\n    defaultValue?: DateRangePickerValue;\n    /** Value for controlled input */\n    value?: DateRangePickerValue;\n    /** onChange value for controlled input */\n    onChange?(value: DateRangePickerValue): 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    /**\n     * Props for RangeCalendar\n     */\n    rangeCalendarProps?: Omit<\n        CalendarBaseProps,\n        'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n    >;\n}\n\nexport const DateRangePickerPopoverCalendar = <T extends unknown>({\n    presets,\n    value,\n    defaultValue,\n    onChange,\n    startProps,\n    endProps,\n    rangeCalendarProps,\n}: DateRangePickerPopoverCalendarProps<T>) => {\n    const [opened, setOpened] = useState(false);\n    const ref = useClickOutside(() => setOpened(false));\n\n    const [_value, handleChange] = useUncontrolled<DateRangePickerValue>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: [null, null],\n    });\n\n    const onCalendarChange = (dates: DateRangePickerValue) => {\n        handleChange?.(dates);\n        if (dates[1] !== null) {\n            setOpened(false);\n        }\n    };\n\n    return (\n        <>\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\n            <Popover opened={opened} onChange={setOpened} trapFocus>\n                <Popover.Dropdown>\n                    <DatePicker\n                        ref={ref}\n                        type=\"range\"\n                        styles={{calendar: {cell: {textAlign: 'center'}}}}\n                        numberOfColumns={2}\n                        firstDayOfWeek={0}\n                        allowSingleDateInRange\n                        value={_value}\n                        onChange={onCalendarChange}\n                        {...rangeCalendarProps}\n                    />\n                </Popover.Dropdown>\n            </Popover>\n        </>\n    );\n};\n"],"names":["Group","Popover","Space","DatePicker","useClickOutside","useUncontrolled","useState","DateRangePickerPresetSelect","EditableDateRangePicker","DateRangePickerPopoverCalendar","presets","value","defaultValue","onChange","startProps","endProps","rangeCalendarProps","opened","setOpened","ref","finalValue","_value","handleChange","onCalendarChange","dates","align","onFocus","w","trapFocus","Dropdown","type","styles","calendar","cell","textAlign","numberOfColumns","firstDayOfWeek","allowSingleDateInRange"],"mappings":";;;AAAA,SAAQA,KAAK,EAAEC,OAAO,EAAEC,KAAK,QAAO,gBAAgB;AACpD,SAA2BC,UAAU,QAAO,iBAAiB;AAC7D,SAAQC,eAAe,EAAEC,eAAe,QAAO,iBAAiB;AAChE,SAAQC,QAAQ,QAAO,QAAQ;AAG/B,SAA+BC,2BAA2B,QAAO,gCAAgC;AACjG,SAAQC,uBAAuB,QAAqC,4BAA4B;AA8BhG,OAAO,IAAMC,iCAAiC;QAC1CC,gBAAAA,SACAC,cAAAA,OACAC,qBAAAA,cACAC,iBAAAA,UACAC,mBAAAA,YACAC,iBAAAA,UACAC,2BAAAA;IAEA,IAA4BV,6BAAAA,SAAS,YAA9BW,SAAqBX,cAAbY,YAAaZ;IAC5B,IAAMa,MAAMf,gBAAgB;eAAMc,UAAU;;IAE5C,IAA+Bb,oCAAAA,gBAAsC;QACjEM,OAAAA;QACAC,cAAAA;QACAC,UAAAA;QACAO,YAAY;YAAC;YAAM;SAAK;IAC5B,QALOC,SAAwBhB,qBAAhBiB,eAAgBjB;IAO/B,IAAMkB,mBAAmB,SAACC;YACtBF;SAAAA,gBAAAA,0BAAAA,oCAAAA,cAAeE;QACf,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YACnBN,UAAU;QACd;IACJ;IAEA,qBACI;;0BACI,MAAClB;gBAAMyB,OAAM;;kCACT,KAACjB;wBACGG,OAAOU;wBACPR,UAAUS;wBACVI,SAAS;mCAAMR,UAAU;;wBACzBJ,YAAYA;wBACZC,UAAUA;;oBAEbL,wBACG;;0CACI,KAACR;gCAAMyB,GAAE;;0CACT,KAACpB;gCAA4BG,SAASA;gCAASC,OAAOU;gCAAQR,UAAUS;;;yBAE5E;;;0BAGR,KAACrB;gBAAQgB,QAAQA;gBAAQJ,UAAUK;gBAAWU,SAAS;0BACnD,cAAA,KAAC3B,QAAQ4B,QAAQ;8BACb,cAAA,KAAC1B;wBACGgB,KAAKA;wBACLW,MAAK;wBACLC,QAAQ;4BAACC,UAAU;gCAACC,MAAM;oCAACC,WAAW;gCAAQ;4BAAC;wBAAC;wBAChDC,iBAAiB;wBACjBC,gBAAgB;wBAChBC,sBAAsB;wBACtB1B,OAAOU;wBACPR,UAAUU;uBACNP;;;;;AAM5B,EAAE"}
+{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPopoverCalendar.tsx"],"sourcesContent":["import {Group, Popover, Space} from '@mantine/core';\nimport {CalendarBaseProps, DatePicker} from '@mantine/dates';\nimport {useClickOutside, useUncontrolled} from '@mantine/hooks';\nimport {useState} from 'react';\n\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from './DateRangePickerPresetSelect';\nimport {EditableDateRangePicker, EditableDateRangePickerProps} from './EditableDateRangePicker';\n\ninterface DateRangePickerPopoverCalendarProps<T> extends Pick<EditableDateRangePickerProps, 'startProps' | 'endProps'> {\n    /** Default value for uncontrolled input */\n    defaultValue?: DateRangePickerValue;\n    /** Value for controlled input */\n    value?: DateRangePickerValue;\n    /** onChange value for controlled input */\n    onChange?(value: DateRangePickerValue): 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    /**\n     * Props for RangeCalendar\n     */\n    rangeCalendarProps?: Omit<\n        CalendarBaseProps,\n        'value' | 'onChange' | 'isDateInRange' | 'isDateFirstInRange' | 'isDateLastInRange'\n    >;\n}\n\nexport const DateRangePickerPopoverCalendar = <T extends unknown>({\n    presets,\n    value,\n    defaultValue,\n    onChange,\n    startProps,\n    endProps,\n    rangeCalendarProps,\n}: DateRangePickerPopoverCalendarProps<T>) => {\n    const [opened, setOpened] = useState(false);\n    const ref = useClickOutside(() => setOpened(false));\n\n    const [_value, handleChange] = useUncontrolled<DateRangePickerValue>({\n        value,\n        defaultValue,\n        onChange,\n        finalValue: [null, null],\n    });\n\n    const onCalendarChange = (dates: DateRangePickerValue) => {\n        handleChange?.(dates);\n        if (dates[1] !== null) {\n            setOpened(false);\n        }\n    };\n\n    return (\n        <>\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\n            <Popover opened={opened} onChange={setOpened} trapFocus>\n                <Popover.Dropdown>\n                    <DatePicker\n                        ref={ref}\n                        type=\"range\"\n                        styles={{calendar: {cell: {textAlign: 'center'}}}}\n                        numberOfColumns={2}\n                        firstDayOfWeek={0}\n                        allowSingleDateInRange\n                        value={_value}\n                        onChange={onCalendarChange}\n                        {...rangeCalendarProps}\n                    />\n                </Popover.Dropdown>\n            </Popover>\n        </>\n    );\n};\n"],"names":["Group","Popover","Space","DatePicker","useClickOutside","useUncontrolled","useState","DateRangePickerPresetSelect","EditableDateRangePicker","DateRangePickerPopoverCalendar","presets","value","defaultValue","onChange","startProps","endProps","rangeCalendarProps","opened","setOpened","ref","_value","handleChange","finalValue","onCalendarChange","dates","align","onFocus","w","trapFocus","Dropdown","type","styles","calendar","cell","textAlign","numberOfColumns","firstDayOfWeek","allowSingleDateInRange"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,OAAO,EAAEC,KAAK,QAAO,gBAAgB;AACpD,SAA2BC,UAAU,QAAO,iBAAiB;AAC7D,SAAQC,eAAe,EAAEC,eAAe,QAAO,iBAAiB;AAChE,SAAQC,QAAQ,QAAO,QAAQ;AAG/B,SAA+BC,2BAA2B,QAAO,gCAAgC;AACjG,SAAQC,uBAAuB,QAAqC,4BAA4B;AA8BhG,OAAO,MAAMC,iCAAiC,CAAoB,EAC9DC,OAAO,EACPC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,kBAAkB,EACmB;IACrC,MAAM,CAACC,QAAQC,UAAU,GAAGZ,SAAS;IACrC,MAAMa,MAAMf,gBAAgB,IAAMc,UAAU;IAE5C,MAAM,CAACE,QAAQC,aAAa,GAAGhB,gBAAsC;QACjEM;QACAC;QACAC;QACAS,YAAY;YAAC;YAAM;SAAK;IAC5B;IAEA,MAAMC,mBAAmB,CAACC;QACtBH,eAAeG;QACf,IAAIA,KAAK,CAAC,EAAE,KAAK,MAAM;YACnBN,UAAU;QACd;IACJ;IAEA,qBACI;;0BACI,MAAClB;gBAAMyB,OAAM;;kCACT,KAACjB;wBACGG,OAAOS;wBACPP,UAAUQ;wBACVK,SAAS,IAAMR,UAAU;wBACzBJ,YAAYA;wBACZC,UAAUA;;oBAEbL,wBACG;;0CACI,KAACR;gCAAMyB,GAAE;;0CACT,KAACpB;gCAA4BG,SAASA;gCAASC,OAAOS;gCAAQP,UAAUQ;;;yBAE5E;;;0BAGR,KAACpB;gBAAQgB,QAAQA;gBAAQJ,UAAUK;gBAAWU,SAAS;0BACnD,cAAA,KAAC3B,QAAQ4B,QAAQ;8BACb,cAAA,KAAC1B;wBACGgB,KAAKA;wBACLW,MAAK;wBACLC,QAAQ;4BAACC,UAAU;gCAACC,MAAM;oCAACC,WAAW;gCAAQ;4BAAC;wBAAC;wBAChDC,iBAAiB;wBACjBC,gBAAgB;wBAChBC,sBAAsB;wBACtB1B,OAAOS;wBACPP,UAAUU;wBACT,GAAGP,kBAAkB;;;;;;AAM9C,EAAE"}

package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js

@@ -1,54 +1,43 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Select } from "@mantine/core";
-import dayjs from "dayjs";
-import { useEffect, useState } from "react";
-export var DateRangePickerPresetSelect = function(param) {
-    var presets = param.presets, value = param.value, onChange = param.onChange, _param_selectProps = param.selectProps, selectProps = _param_selectProps === void 0 ? {} : _param_selectProps;
-    var selectData = Object.entries(presets).map(function(param) {
-        var _param = _sliced_to_array(param, 2), val = _param[0], label = _param[1].label;
-        return {
+import { Select } from '@mantine/core';
+import dayjs from 'dayjs';
+import { useEffect, useState } from 'react';
+export const DateRangePickerPresetSelect = ({ presets, value, onChange, selectProps = {} })=>{
+    const selectData = Object.entries(presets).map(([val, { label }])=>({
             value: val,
-            label: label
-        };
-    });
-    var getSelectedPreset = function() {
+            label
+        }));
+    const getSelectedPreset = ()=>{
         if (value[0] !== null && value[1] !== null && dayjs(value[0]).unix() !== dayjs(value[1]).unix()) {
-            var selected = Object.entries(presets).find(function(param) {
-                var _param = _sliced_to_array(param, 2), id = _param[0], range = _param[1].range;
-                return dayjs(range[0]).isSame(value[0]) && dayjs(value[1]).isSame(value[1]);
-            });
+            const selected = Object.entries(presets).find(([id, { range }])=>dayjs(range[0]).isSame(value[0]) && dayjs(value[1]).isSame(value[1]));
             if (selected) {
                 return selected[0];
             }
         }
         return null;
     };
-    var _useState = _sliced_to_array(useState(getSelectedPreset()), 2), selectedPreset = _useState[0], setSelectedPreset = _useState[1];
-    useEffect(function() {
-        var newPreset = getSelectedPreset();
+    const [selectedPreset, setSelectedPreset] = useState(getSelectedPreset());
+    useEffect(()=>{
+        const newPreset = getSelectedPreset();
         if (newPreset !== selectedPreset) {
             setSelectedPreset(newPreset);
         }
     }, [
         value
     ]);
-    var onChangePreset = function(presetId) {
-        var _onChange;
-        var range = presets[presetId].range;
-        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange(range);
+    const onChangePreset = (presetId)=>{
+        const range = presets[presetId].range;
+        onChange?.(range);
     };
-    return /*#__PURE__*/ _jsx(Select, _object_spread_props(_object_spread({
+    return /*#__PURE__*/ _jsx(Select, {
         label: "Date range",
-        placeholder: "Select a date range"
-    }, selectProps), {
+        placeholder: "Select a date range",
+        ...selectProps,
         value: selectedPreset,
         onChange: onChangePreset,
         data: selectData,
         maxDropdownHeight: 240
-    }));
+    });
 };
 
 //# sourceMappingURL=DateRangePickerPresetSelect.js.map

package/dist/esm/components/date-range-picker/DateRangePickerPresetSelect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"sourcesContent":["import {Select, SelectItem, SelectProps} from '@mantine/core';\nimport dayjs from 'dayjs';\nimport {useEffect, useState} from 'react';\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\n\nexport interface DateRangePickerPreset {\n    label: string;\n    range: DateRangePickerValue;\n}\n\ninterface DateRangePickerPresetsSelectProps<T> {\n    presets: Record<string, DateRangePickerPreset>;\n    value: DateRangePickerValue;\n    onChange?(value: DateRangePickerValue): void;\n    selectProps?: Partial<Omit<SelectProps, 'data' | 'value' | 'onChange'>>;\n}\n\nexport const DateRangePickerPresetSelect = <T extends unknown>({\n    presets,\n    value,\n    onChange,\n    selectProps = {},\n}: DateRangePickerPresetsSelectProps<T>) => {\n    const selectData: SelectItem[] = Object.entries(presets).map(([val, {label}]) => ({value: val, label}));\n\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                ([id, {range}]) => dayjs(range[0]!).isSame(value[0]) && dayjs(value[1]!).isSame(value[1]!),\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":["Select","dayjs","useEffect","useState","DateRangePickerPresetSelect","presets","value","onChange","selectProps","selectData","Object","entries","map","val","label","getSelectedPreset","unix","selected","find","id","range","isSame","selectedPreset","setSelectedPreset","newPreset","onChangePreset","presetId","placeholder","data","maxDropdownHeight"],"mappings":";;;;AAAA,SAAQA,MAAM,QAAgC,gBAAgB;AAC9D,OAAOC,WAAW,QAAQ;AAC1B,SAAQC,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAe1C,OAAO,IAAMC,8BAA8B;QACvCC,gBAAAA,SACAC,cAAAA,OACAC,iBAAAA,qCACAC,aAAAA,8CAAc,CAAC;IAEf,IAAMC,aAA2BC,OAAOC,OAAO,CAACN,SAASO,GAAG,CAAC;iDAAEC,iBAAK,AAACC,kBAAAA;eAAa;YAACR,OAAOO;YAAKC,OAAAA;QAAK;;IAEpG,IAAMC,oBAAoB;QACtB,IAAIT,KAAK,CAAC,EAAE,KAAK,QAAQA,KAAK,CAAC,EAAE,KAAK,QAAQL,MAAMK,KAAK,CAAC,EAAE,EAAEU,IAAI,OAAOf,MAAMK,KAAK,CAAC,EAAE,EAAEU,IAAI,IAAI;YAC7F,IAAMC,WAAWP,OAAOC,OAAO,CAACN,SAASa,IAAI,CACzC;yDAAEC,gBAAI,AAACC,kBAAAA;uBAAYnB,MAAMmB,KAAK,CAAC,EAAE,EAAGC,MAAM,CAACf,KAAK,CAAC,EAAE,KAAKL,MAAMK,KAAK,CAAC,EAAE,EAAGe,MAAM,CAACf,KAAK,CAAC,EAAE;;YAE5F,IAAIW,UAAU;gBACV,OAAOA,QAAQ,CAAC,EAAE;YACtB;QACJ;QACA,OAAO;IACX;IAEA,IAA4Cd,6BAAAA,SAAwBY,0BAA7DO,iBAAqCnB,cAArBoB,oBAAqBpB;IAE5CD,UAAU;QACN,IAAMsB,YAAYT;QAClB,IAAIS,cAAcF,gBAAgB;YAC9BC,kBAAkBC;QACtB;IACJ,GAAG;QAAClB;KAAM;IAEV,IAAMmB,iBAAiB,SAACC;YAEpBnB;QADA,IAAMa,QAAQf,OAAO,CAACqB,SAAS,CAACN,KAAK;SACrCb,YAAAA,sBAAAA,gCAAAA,UAAWa;IACf;IAEA,qBACI,KAACpB;QACGc,OAAM;QACNa,aAAY;OACRnB;QACJF,OAAOgB;QACPf,UAAUkB;QACVG,MAAMnB;QACNoB,mBAAmB;;AAG/B,EAAE"}
+{"version":3,"sources":["../../../../src/components/date-range-picker/DateRangePickerPresetSelect.tsx"],"sourcesContent":["import {Select, SelectItem, SelectProps} from '@mantine/core';\nimport dayjs from 'dayjs';\nimport {useEffect, useState} from 'react';\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\n\nexport interface DateRangePickerPreset {\n    label: string;\n    range: DateRangePickerValue;\n}\n\ninterface DateRangePickerPresetsSelectProps<T> {\n    presets: Record<string, DateRangePickerPreset>;\n    value: DateRangePickerValue;\n    onChange?(value: DateRangePickerValue): void;\n    selectProps?: Partial<Omit<SelectProps, 'data' | 'value' | 'onChange'>>;\n}\n\nexport const DateRangePickerPresetSelect = <T extends unknown>({\n    presets,\n    value,\n    onChange,\n    selectProps = {},\n}: DateRangePickerPresetsSelectProps<T>) => {\n    const selectData: SelectItem[] = Object.entries(presets).map(([val, {label}]) => ({value: val, label}));\n\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                ([id, {range}]) => dayjs(range[0]!).isSame(value[0]) && dayjs(value[1]!).isSame(value[1]!),\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":["Select","dayjs","useEffect","useState","DateRangePickerPresetSelect","presets","value","onChange","selectProps","selectData","Object","entries","map","val","label","getSelectedPreset","unix","selected","find","id","range","isSame","selectedPreset","setSelectedPreset","newPreset","onChangePreset","presetId","placeholder","data","maxDropdownHeight"],"mappings":";AAAA,SAAQA,MAAM,QAAgC,gBAAgB;AAC9D,OAAOC,WAAW,QAAQ;AAC1B,SAAQC,SAAS,EAAEC,QAAQ,QAAO,QAAQ;AAe1C,OAAO,MAAMC,8BAA8B,CAAoB,EAC3DC,OAAO,EACPC,KAAK,EACLC,QAAQ,EACRC,cAAc,CAAC,CAAC,EACmB;IACnC,MAAMC,aAA2BC,OAAOC,OAAO,CAACN,SAASO,GAAG,CAAC,CAAC,CAACC,KAAK,EAACC,KAAK,EAAC,CAAC,GAAM,CAAA;YAACR,OAAOO;YAAKC;QAAK,CAAA;IAEpG,MAAMC,oBAAoB;QACtB,IAAIT,KAAK,CAAC,EAAE,KAAK,QAAQA,KAAK,CAAC,EAAE,KAAK,QAAQL,MAAMK,KAAK,CAAC,EAAE,EAAEU,IAAI,OAAOf,MAAMK,KAAK,CAAC,EAAE,EAAEU,IAAI,IAAI;YAC7F,MAAMC,WAAWP,OAAOC,OAAO,CAACN,SAASa,IAAI,CACzC,CAAC,CAACC,IAAI,EAACC,KAAK,EAAC,CAAC,GAAKnB,MAAMmB,KAAK,CAAC,EAAE,EAAGC,MAAM,CAACf,KAAK,CAAC,EAAE,KAAKL,MAAMK,KAAK,CAAC,EAAE,EAAGe,MAAM,CAACf,KAAK,CAAC,EAAE;YAE5F,IAAIW,UAAU;gBACV,OAAOA,QAAQ,CAAC,EAAE;YACtB;QACJ;QACA,OAAO;IACX;IAEA,MAAM,CAACK,gBAAgBC,kBAAkB,GAAGpB,SAAwBY;IAEpEb,UAAU;QACN,MAAMsB,YAAYT;QAClB,IAAIS,cAAcF,gBAAgB;YAC9BC,kBAAkBC;QACtB;IACJ,GAAG;QAAClB;KAAM;IAEV,MAAMmB,iBAAiB,CAACC;QACpB,MAAMN,QAAQf,OAAO,CAACqB,SAAS,CAACN,KAAK;QACrCb,WAAWa;IACf;IAEA,qBACI,KAACpB;QACGc,OAAM;QACNa,aAAY;QACX,GAAGnB,WAAW;QACfF,OAAOgB;QACPf,UAAUkB;QACVG,MAAMnB;QACNoB,mBAAmB;;AAG/B,EAAE"}

package/dist/esm/components/date-range-picker/EditableDateRangePicker.js

@@ -1,22 +1,17 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { DateInput } from "@mantine/dates";
-import dayjs from "dayjs";
-export var EditableDateRangePicker = function(param) {
-    var value = param.value, onChange = param.onChange, onFocus = param.onFocus, _param_separator = param.separator, separator = _param_separator === void 0 ? "to" : _param_separator, _param_startProps = param.startProps, startProps = _param_startProps === void 0 ? {} : _param_startProps, _param_endProps = param.endProps, endProps = _param_endProps === void 0 ? {} : _param_endProps;
-    var _value, _value1;
-    var onChangeStart = function(date) {
-        var _value, _onChange;
-        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange([
-            dayjs(date).startOf("day").toDate(),
-            (_value = value) === null || _value === void 0 ? void 0 : _value[1]
+import { DateInput } from '@mantine/dates';
+import dayjs from 'dayjs';
+export const EditableDateRangePicker = ({ value, onChange, onFocus, separator = 'to', startProps = {}, endProps = {} })=>{
+    const onChangeStart = (date)=>{
+        onChange?.([
+            dayjs(date).startOf('day').toDate(),
+            value?.[1]
         ]);
     };
-    var onChangeEnd = function(date) {
-        var _value, _onChange;
-        (_onChange = onChange) === null || _onChange === void 0 ? void 0 : _onChange([
-            (_value = value) === null || _value === void 0 ? void 0 : _value[0],
-            dayjs(date).endOf("day").toDate()
+    const onChangeEnd = (date)=>{
+        onChange?.([
+            value?.[0],
+            dayjs(date).endOf('day').toDate()
         ]);
     };
     return /*#__PURE__*/ _jsxs(_Fragment, {
@@ -24,33 +19,37 @@ export var EditableDateRangePicker = function(param) {
             /*#__PURE__*/ _jsx(DateInput, {
                 clearable: false,
                 label: "Start",
-                value: (_value = value) === null || _value === void 0 ? void 0 : _value[0],
+                value: value?.[0],
                 onChange: onChangeStart,
                 onFocus: onFocus,
                 popoverProps: {
                     styles: {
                         dropdown: {
-                            display: "none"
+                            display: 'none'
                         }
                     }
                 },
-                styles: _object_spread({}, startProps.styles)
+                styles: {
+                    ...startProps.styles
+                }
             }),
             separator,
             /*#__PURE__*/ _jsx(DateInput, {
                 clearable: false,
                 label: "End",
-                value: (_value1 = value) === null || _value1 === void 0 ? void 0 : _value1[1],
+                value: value?.[1],
                 onChange: onChangeEnd,
                 onFocus: onFocus,
                 popoverProps: {
                     styles: {
                         dropdown: {
-                            display: "none"
+                            display: 'none'
                         }
                     }
                 },
-                styles: _object_spread({}, endProps.styles)
+                styles: {
+                    ...endProps.styles
+                }
             })
         ]
     });

package/dist/esm/components/date-range-picker/EditableDateRangePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {ReactNode} from 'react';\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\n\nexport interface EditableDateRangePickerProps {\n    value: DateRangePickerValue;\n    onChange?(value: DateRangePickerValue): void;\n    onFocus?: () => void;\n    separator?: ReactNode;\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    separator = 'to',\n    startProps = {},\n    endProps = {},\n}: EditableDateRangePickerProps) => {\n    const onChangeStart = (date: Date) => {\n        onChange?.([dayjs(date).startOf('day').toDate(), value?.[1]]);\n    };\n    const onChangeEnd = (date: Date) => {\n        onChange?.([value?.[0], dayjs(date).endOf('day').toDate()]);\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            {separator}\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};\n"],"names":["DateInput","dayjs","EditableDateRangePicker","value","onChange","onFocus","separator","startProps","endProps","onChangeStart","date","startOf","toDate","onChangeEnd","endOf","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";;AAAA,SAAQA,SAAS,QAAwB,iBAAiB;AAC1D,OAAOC,WAAW,QAAQ;AAmB1B,OAAO,IAAMC,0BAA0B;QACnCC,cAAAA,OACAC,iBAAAA,UACAC,gBAAAA,kCACAC,WAAAA,0CAAY,mDACZC,YAAAA,4CAAa,CAAC,+CACdC,UAAAA,wCAAW,CAAC;QAcOL,QAUAA;IAtBnB,IAAMM,gBAAgB,SAACC;YAC8BP,QAAjDC;SAAAA,YAAAA,sBAAAA,gCAAAA,UAAW;YAACH,MAAMS,MAAMC,OAAO,CAAC,OAAOC,MAAM;aAAIT,SAAAA,mBAAAA,6BAAAA,MAAO,CAAC,EAAE;SAAC;IAChE;IACA,IAAMU,cAAc,SAACH;YACLP,QAAZC;SAAAA,YAAAA,sBAAAA,gCAAAA,UAAW;aAACD,SAAAA,mBAAAA,6BAAAA,MAAO,CAAC,EAAE;YAAEF,MAAMS,MAAMI,KAAK,CAAC,OAAOF,MAAM;SAAG;IAC9D;IAEA,qBACI;;0BACI,KAACZ;gBACGe,WAAW;gBACXC,OAAM;gBACNb,KAAK,GAAEA,SAAAA,mBAAAA,6BAAAA,MAAO,CAAC,EAAE;gBACjBC,UAAUK;gBACVJ,SAASA;gBACTY,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ,mBAAIX,WAAWW,MAAM;;YAEhCZ;0BACD,KAACN;gBACGe,WAAW;gBACXC,OAAM;gBACNb,KAAK,GAAEA,UAAAA,mBAAAA,8BAAAA,OAAO,CAAC,EAAE;gBACjBC,UAAUS;gBACVR,SAASA;gBACTY,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ,mBAAIV,SAASU,MAAM;;;;AAI3C,EAAE"}
+{"version":3,"sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"sourcesContent":["import {DateInput, DatePickerProps} from '@mantine/dates';\nimport dayjs from 'dayjs';\nimport {ReactNode} from 'react';\nimport {DateRangePickerValue} from './DateRangePickerInlineCalendar';\n\nexport interface EditableDateRangePickerProps {\n    value: DateRangePickerValue;\n    onChange?(value: DateRangePickerValue): void;\n    onFocus?: () => void;\n    separator?: ReactNode;\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    separator = 'to',\n    startProps = {},\n    endProps = {},\n}: EditableDateRangePickerProps) => {\n    const onChangeStart = (date: Date) => {\n        onChange?.([dayjs(date).startOf('day').toDate(), value?.[1]]);\n    };\n    const onChangeEnd = (date: Date) => {\n        onChange?.([value?.[0], dayjs(date).endOf('day').toDate()]);\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            {separator}\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};\n"],"names":["DateInput","dayjs","EditableDateRangePicker","value","onChange","onFocus","separator","startProps","endProps","onChangeStart","date","startOf","toDate","onChangeEnd","endOf","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";AAAA,SAAQA,SAAS,QAAwB,iBAAiB;AAC1D,OAAOC,WAAW,QAAQ;AAmB1B,OAAO,MAAMC,0BAA0B,CAAC,EACpCC,KAAK,EACLC,QAAQ,EACRC,OAAO,EACPC,YAAY,IAAI,EAChBC,aAAa,CAAC,CAAC,EACfC,WAAW,CAAC,CAAC,EACc;IAC3B,MAAMC,gBAAgB,CAACC;QACnBN,WAAW;YAACH,MAAMS,MAAMC,OAAO,CAAC,OAAOC,MAAM;YAAIT,OAAO,CAAC,EAAE;SAAC;IAChE;IACA,MAAMU,cAAc,CAACH;QACjBN,WAAW;YAACD,OAAO,CAAC,EAAE;YAAEF,MAAMS,MAAMI,KAAK,CAAC,OAAOF,MAAM;SAAG;IAC9D;IAEA,qBACI;;0BACI,KAACZ;gBACGe,WAAW;gBACXC,OAAM;gBACNb,OAAOA,OAAO,CAAC,EAAE;gBACjBC,UAAUK;gBACVJ,SAASA;gBACTY,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ;oBAAC,GAAGX,WAAWW,MAAM;gBAAA;;YAEhCZ;0BACD,KAACN;gBACGe,WAAW;gBACXC,OAAM;gBACNb,OAAOA,OAAO,CAAC,EAAE;gBACjBC,UAAUS;gBACVR,SAASA;gBACTY,cAAc;oBAACC,QAAQ;wBAACC,UAAU;4BAACC,SAAS;wBAAM;oBAAC;gBAAC;gBACpDF,QAAQ;oBAAC,GAAGV,SAASU,MAAM;gBAAA;;;;AAI3C,EAAE"}

package/dist/esm/components/date-range-picker/index.js

@@ -1,5 +1,5 @@
-export * from "./DateRangePickerInlineCalendar";
-export * from "./DateRangePickerPopoverCalendar";
-export * from "./DateRangePickerPresetSelect";
+export * from './DateRangePickerInlineCalendar';
+export * from './DateRangePickerPopoverCalendar';
+export * from './DateRangePickerPresetSelect';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/components/header/Header.js

@@ -1,62 +1,42 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Divider, Group, Stack, Text, Title, useComponentDefaultProps } from "@mantine/core";
-import { Children } from "react";
-import { useStyles } from "./Header.styles";
-import { HeaderActions } from "./HeaderActions/HeaderActions";
-import { HeaderBreadcrumbs } from "./HeaderBreadcrumbs/HeaderBreadcrumbs";
-import { HeaderDocAnchor } from "./HeaderDocAnchor/HeaderDocAnchor";
-var defaultProps = {
-    variant: "page",
-    position: "apart",
+import { Divider, Group, Stack, Text, Title, useComponentDefaultProps } from '@mantine/core';
+import { Children } from 'react';
+import { useStyles } from './Header.styles';
+import { HeaderActions } from './HeaderActions/HeaderActions';
+import { HeaderBreadcrumbs } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
+import { HeaderDocAnchor } from './HeaderDocAnchor/HeaderDocAnchor';
+const defaultProps = {
+    variant: 'page',
+    position: 'apart',
     noWrap: true
 };
-export var Header = function(props) {
-    var _useComponentDefaultProps = useComponentDefaultProps("PlasmaHeader", defaultProps, props), classNames = _useComponentDefaultProps.classNames, styles = _useComponentDefaultProps.styles, unstyled = _useComponentDefaultProps.unstyled, className = _useComponentDefaultProps.className, description = _useComponentDefaultProps.description, borderBottom = _useComponentDefaultProps.borderBottom, variant = _useComponentDefaultProps.variant, children = _useComponentDefaultProps.children, others = _object_without_properties(_useComponentDefaultProps, [
-        "classNames",
-        "styles",
-        "unstyled",
-        "className",
-        "description",
-        "borderBottom",
-        "variant",
-        "children"
-    ]);
-    var _useStyles = useStyles({
-        variant: variant
+export const Header = (props)=>{
+    const { classNames, styles, unstyled, className, description, borderBottom, variant, children, ...others } = useComponentDefaultProps('PlasmaHeader', defaultProps, props);
+    const { classes, cx } = useStyles({
+        variant
     }, {
-        name: "PlasmaHeader",
-        classNames: classNames,
-        styles: styles,
-        unstyled: unstyled
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
-    var convertedChildren = Children.toArray(children);
-    var breadcrumbs = convertedChildren.find(function(child) {
-        return child.type === HeaderBreadcrumbs;
-    });
-    var actions = convertedChildren.find(function(child) {
-        return child.type === HeaderActions;
-    });
-    var docAnchor = convertedChildren.find(function(child) {
-        return child.type === HeaderDocAnchor;
-    });
-    var otherChildren = convertedChildren.filter(function(child) {
-        return child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor;
+        name: 'PlasmaHeader',
+        classNames,
+        styles,
+        unstyled
     });
+    const convertedChildren = Children.toArray(children);
+    const breadcrumbs = convertedChildren.find((child)=>child.type === HeaderBreadcrumbs);
+    const actions = convertedChildren.find((child)=>child.type === HeaderActions);
+    const docAnchor = convertedChildren.find((child)=>child.type === HeaderDocAnchor);
+    const otherChildren = convertedChildren.filter((child)=>child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor);
     return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            /*#__PURE__*/ _jsxs(Group, _object_spread_props(_object_spread({
-                className: cx(className, classes.root)
-            }, others), {
+            /*#__PURE__*/ _jsxs(Group, {
+                className: cx(className, classes.root),
+                ...others,
                 children: [
                     /*#__PURE__*/ _jsxs(Stack, {
                         spacing: 0,
                         children: [
                             breadcrumbs,
                             /*#__PURE__*/ _jsxs(Title, {
-                                order: variant === "page" ? 1 : 3,
+                                order: variant === 'page' ? 1 : 3,
                                 className: classes.title,
                                 children: [
                                     otherChildren,
@@ -65,14 +45,14 @@ export var Header = function(props) {
                             }),
                             /*#__PURE__*/ _jsx(Text, {
                                 className: classes.description,
-                                size: variant === "page" ? "md" : "sm",
+                                size: variant === 'page' ? 'md' : 'sm',
                                 children: description
                             })
                         ]
                     }),
                     actions
                 ]
-            })),
+            }),
             borderBottom ? /*#__PURE__*/ _jsx(Divider, {
                 className: classes.divider,
                 size: "xs"