@coveord/plasma-mantine 55.8.0 → 56.0.0

package/dist/cjs/components/date-range-picker/EditableDateRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/EditableDateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAE1D,OAAO,EAAC,oBAAoB,EAAC,MAAM,iCAAiC,CAAC;AAErE,MAAM,WAAW,4BAA4B;IACzC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,QAAQ,CAAC,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC7C,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"}
+{"version":3,"file":"EditableDateRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-range-picker/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"}

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

@@ -17,14 +17,14 @@ var EditableDateRangePicker = function(param) {
     var value = param.value, onChange = param.onChange, onFocus = param.onFocus, _param_startProps = param.startProps, startProps = _param_startProps === void 0 ? {} : _param_startProps, _param_endProps = param.endProps, endProps = _param_endProps === void 0 ? {} : _param_endProps;
     var onChangeStart = function(date) {
         onChange === null || onChange === void 0 ? void 0 : onChange([
-            (0, _dayjs.default)(date).startOf('day').toDate(),
+            (0, _dayjs.default)(date).startOf('day').toISOString(),
             value === null || value === void 0 ? void 0 : value[1]
         ]);
     };
     var onChangeEnd = function(date) {
         onChange === null || onChange === void 0 ? void 0 : onChange([
             value === null || value === void 0 ? void 0 : value[0],
-            (0, _dayjs.default)(date).endOf('day').toDate()
+            (0, _dayjs.default)(date).endOf('day').toISOString()
         ]);
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {

package/dist/cjs/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 {DateRangePickerValue} from './DateRangePickerInlineCalendar';\n\nexport interface EditableDateRangePickerProps {\n    value: DateRangePickerValue;\n    onChange?(value: DateRangePickerValue): 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: 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            <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":["EditableDateRangePicker","value","onChange","onFocus","startProps","endProps","onChangeStart","date","dayjs","startOf","toDate","onChangeEnd","endOf","DateInput","clearable","label","popoverProps","styles","dropdown","display"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;qBAlB4B;8DACvB;AAiBX,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,MAAM;YAAIT,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;SAAC;IAChE;IACA,IAAMU,cAAc,SAACJ;QACjBL,qBAAAA,+BAAAA,SAAW;YAACD,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;YAAEO,IAAAA,cAAK,EAACD,MAAMK,KAAK,CAAC,OAAOF,MAAM;SAAG;IAC9D;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"}
+{"version":3,"sources":["../../../../src/components/date-range-picker/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};\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/date-time-range-picker/DateTimeRangePicker.d.ts

@@ -0,0 +1,25 @@
+import { DatesRangeValue, DateStringValue } from '@mantine/dates';
+import { DateRangePickerPreset } from '../date-range-picker/DateRangePickerPresetSelect';
+import { EditableDateTimeRangePickerProps } from './EditableDateTimeRangePicker';
+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").JSX.Element;
+export {};
+//# sourceMappingURL=DateTimeRangePicker.d.ts.map

package/dist/cjs/components/date-time-range-picker/DateTimeRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-time-range-picker/DateTimeRangePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAE,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAC,qBAAqB,EAA8B,MAAM,kDAAkD,CAAC;AACpH,OAAO,EAA8B,gCAAgC,EAAC,MAAM,+BAA+B,CAAC;AAE5G,UAAU,wBAAyB,SAAQ,IAAI,CAAC,gCAAgC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxG,2CAA2C;IAC3C,YAAY,CAAC,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IACvD,iCAAiC;IACjC,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;IAChD,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IAChE;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,mBAAmB,GAAI,mEAOjC,wBAAwB,4CA0B1B,CAAC"}

package/dist/cjs/components/date-time-range-picker/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("../date-range-picker/DateRangePickerPresetSelect");
+var _EditableDateTimeRangePicker = require("./EditableDateTimeRangePicker");
+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/date-time-range-picker/DateTimeRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-time-range-picker/DateTimeRangePicker.tsx"],"sourcesContent":["import {Group} from '@mantine/core';\nimport {useUncontrolled} from '@mantine/hooks';\n\nimport {DatesRangeValue, DateStringValue} from '@mantine/dates';\nimport {DateRangePickerPreset, DateRangePickerPresetSelect} from '../date-range-picker/DateRangePickerPresetSelect';\nimport {EditableDateTimeRangePicker, EditableDateTimeRangePickerProps} from './EditableDateTimeRangePicker';\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/date-time-range-picker/EditableDateTimeRangePicker.d.ts

@@ -0,0 +1,15 @@
+import { DatePickerProps, DatesRangeValue, DateStringValue } from '@mantine/dates';
+export interface EditableDateTimeRangePickerProps {
+    value: DatesRangeValue<DateStringValue | null>;
+    onChange?(value: DatesRangeValue<DateStringValue | null>): 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 EditableDateTimeRangePicker: ({ value, onChange, startProps, endProps, }: EditableDateTimeRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditableDateTimeRangePicker.d.ts.map

package/dist/cjs/components/date-time-range-picker/EditableDateTimeRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableDateTimeRangePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/date-time-range-picker/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,4CA8BlC,CAAC"}

package/dist/cjs/components/date-time-range-picker/EditableDateTimeRangePicker.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EditableDateTimeRangePicker", {
+    enumerable: true,
+    get: function() {
+        return EditableDateTimeRangePicker;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _jsxruntime = require("react/jsx-runtime");
+var _dates = require("@mantine/dates");
+var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
+var EditableDateTimeRangePicker = function(param) {
+    var value = param.value, onChange = param.onChange, _param_startProps = param.startProps, startProps = _param_startProps === void 0 ? {} : _param_startProps, _param_endProps = param.endProps, endProps = _param_endProps === void 0 ? {} : _param_endProps;
+    var onStartDateChange = function(startDate) {
+        if ((value === null || value === void 0 ? void 0 : value[1]) && (0, _dayjs.default)(startDate) > (0, _dayjs.default)(value[1])) {
+            onChange === null || onChange === void 0 ? void 0 : onChange([
+                startDate,
+                null
+            ]);
+        } else {
+            onChange === null || onChange === void 0 ? void 0 : onChange([
+                startDate,
+                value === null || value === void 0 ? void 0 : value[1]
+            ]);
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_dates.DateTimePicker, {
+                clearable: false,
+                label: "Start",
+                value: value === null || value === void 0 ? void 0 : value[0],
+                onChange: onStartDateChange,
+                w: 150,
+                styles: _object_spread._({}, startProps.styles)
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_dates.DateTimePicker, {
+                clearable: false,
+                label: "End",
+                value: value === null || value === void 0 ? void 0 : value[1],
+                minDate: value === null || value === void 0 ? void 0 : value[0],
+                onChange: function(endDate) {
+                    return onChange === null || onChange === void 0 ? void 0 : onChange([
+                        value === null || value === void 0 ? void 0 : value[0],
+                        endDate
+                    ]);
+                },
+                w: 150,
+                styles: _object_spread._({}, endProps.styles)
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=EditableDateTimeRangePicker.js.map

package/dist/cjs/components/date-time-range-picker/EditableDateTimeRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-time-range-picker/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            />\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            />\n        </>\n    );\n};\n"],"names":["EditableDateTimeRangePicker","value","onChange","startProps","endProps","onStartDateChange","startDate","dayjs","DateTimePicker","clearable","label","w","styles","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;;0BAEjC,qBAACJ,qBAAc;gBACXC,WAAW;gBACXC,OAAM;gBACNT,KAAK,EAAEA,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACjBY,OAAO,EAAEZ,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;gBACnBC,UAAU,SAACY;2BAAYZ,qBAAAA,+BAAAA,SAAW;wBAACD,kBAAAA,4BAAAA,KAAO,CAAC,EAAE;wBAAEa;qBAAQ;;gBACvDH,GAAG;gBACHC,QAAQ,qBAAIR,SAASQ,MAAM;;;;AAI3C"}

package/dist/cjs/components/date-time-range-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DateTimeRangePicker';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/date-time-range-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/date-time-range-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/cjs/components/date-time-range-picker/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+var _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./DateTimeRangePicker"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/date-time-range-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/date-time-range-picker/index.ts"],"sourcesContent":["export * from './DateTimeRangePicker';\n"],"names":[],"mappings":";;;;;uBAAc"}

package/dist/cjs/components/header/Header.d.ts

@@ -1,14 +1,16 @@
 import { Factory, GroupProps, StylesApiProps } from '@mantine/core';
-import { ReactNode } from 'react';
-import { HeaderActions, HeaderActionsStyleNames } from './HeaderActions/HeaderActions';
+import { ElementType, ReactNode } from 'react';
+import { HeaderBreadcrumbAnchor, type HeaderBreadcrumbAnchorStyleNames } from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor';
 import { HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
+import { HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames } from './HeaderBreadcrumbs/HeaderBreadcrumbText';
 import { HeaderDocAnchor, HeaderDocAnchorStyleNames } from './HeaderDocAnchor/HeaderDocAnchor';
-export type { HeaderActionsProps } from './HeaderActions/HeaderActions';
+import { HeaderRight, HeaderRightStyleNames } from './HeaderRight/HeaderRight';
 export type { HeaderBreadcrumbsProps } from './HeaderBreadcrumbs/HeaderBreadcrumbs';
 export type { HeaderDocAnchorProps } from './HeaderDocAnchor/HeaderDocAnchor';
+export type { HeaderRightProps } from './HeaderRight/HeaderRight';
 export type HeaderVariant = 'primary' | 'secondary';
-export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderActionsStyleNames;
-export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars'> {
+export type HeaderStyleNames = 'root' | 'title' | 'description' | 'divider' | 'body' | HeaderDocAnchorStyleNames | HeaderBreadcrumbsStyleNames | HeaderBreadcrumbAnchorStyleNames | HeaderBreadcrumbTextStyleNames | HeaderBreadcrumbsStyleNames | HeaderRightStyleNames;
+export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'> {
     /**
      * The description text displayed inside the header underneath the title
      */
@@ -27,6 +29,13 @@ export interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupPr
      * The title of the header.
      */
     children: ReactNode;
+    /**
+     * The component used to render the title.
+     *
+     * @default Title
+     * @example 'h2'
+     */
+    titleComponent?: ElementType;
 }
 export type HeaderFactory = Factory<{
     props: HeaderProps;
@@ -35,7 +44,9 @@ export type HeaderFactory = Factory<{
     stylesNames: HeaderStyleNames;
     staticComponents: {
         Breadcrumbs: typeof HeaderBreadcrumbs;
-        Actions: typeof HeaderActions;
+        BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;
+        BreadcrumbText: typeof HeaderBreadcrumbText;
+        Right: typeof HeaderRight;
         DocAnchor: typeof HeaderDocAnchor;
     };
 }>;
@@ -46,7 +57,9 @@ export declare const Header: import("@mantine/core").MantineComponent<{
     stylesNames: HeaderStyleNames;
     staticComponents: {
         Breadcrumbs: typeof HeaderBreadcrumbs;
-        Actions: typeof HeaderActions;
+        BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;
+        BreadcrumbText: typeof HeaderBreadcrumbText;
+        Right: typeof HeaderRight;
         DocAnchor: typeof HeaderDocAnchor;
     };
 }>;

package/dist/cjs/components/header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGxD,OAAO,EAAC,aAAa,EAAE,uBAAuB,EAAC,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AACrG,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,mCAAmC,CAAC;AAE7F,YAAY,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAClF,YAAY,EAAC,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAE5E,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,yBAAyB,GACzB,2BAA2B,GAC3B,uBAAuB,CAAC;AAE9B,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,aAAa,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClH;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC,CAAC;CACL,CAAC,CAAC;AAQH,eAAO,MAAM,MAAM;WAjBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,OAAO,EAAE,OAAO,aAAa,CAAC;QAC9B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC;EAkEH,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EAEP,UAAU,EAEV,cAAc,EAMjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAW,WAAW,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrE,OAAO,EACH,sBAAsB,EACtB,KAAK,gCAAgC,EACxC,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAC,iBAAiB,EAAE,2BAA2B,EAAC,MAAM,uCAAuC,CAAC;AACrG,OAAO,EAAC,oBAAoB,EAAE,8BAA8B,EAAC,MAAM,0CAA0C,CAAC;AAC9G,OAAO,EAAC,eAAe,EAAE,yBAAyB,EAAC,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EAAC,WAAW,EAAE,qBAAqB,EAAC,MAAM,2BAA2B,CAAC;AAE7E,YAAY,EAAC,sBAAsB,EAAC,MAAM,uCAAuC,CAAC;AAClF,YAAY,EAAC,oBAAoB,EAAC,MAAM,mCAAmC,CAAC;AAC5E,YAAY,EAAC,gBAAgB,EAAC,MAAM,2BAA2B,CAAC;AAEhE,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AACpD,MAAM,MAAM,gBAAgB,GACtB,MAAM,GACN,OAAO,GACP,aAAa,GACb,SAAS,GACT,MAAM,GACN,yBAAyB,GACzB,2BAA2B,GAC3B,gCAAgC,GAChC,8BAA8B,GAC9B,2BAA2B,GAC3B,qBAAqB,CAAC;AAE5B,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IAClE;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,gBAAgB,CAAC;IAC9B,gBAAgB,EAAE;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC,CAAC;CACL,CAAC,CAAC;AAUH,eAAO,MAAM,MAAM;WArBR,WAAW;SACb,cAAc;aACV,aAAa;iBACT,gBAAgB;sBACX;QACd,WAAW,EAAE,OAAO,iBAAiB,CAAC;QACtC,gBAAgB,EAAE,OAAO,sBAAsB,CAAC;QAChD,cAAc,EAAE,OAAO,oBAAoB,CAAC;QAC5C,KAAK,EAAE,OAAO,WAAW,CAAC;QAC1B,SAAS,EAAE,OAAO,eAAe,CAAC;KACrC;EAsEH,CAAC"}

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

@@ -17,17 +17,22 @@ var _core = require("@mantine/core");
 var _react = require("react");
 var _Headercontext = require("./Header.context");
 var _Headermodulecss = /*#__PURE__*/ _interop_require_default._(require("./Header.module.css"));
-var _HeaderActions = require("./HeaderActions/HeaderActions");
+var _HeaderBreadcrumbAnchor = require("./HeaderBreadcrumbs/HeaderBreadcrumbAnchor");
 var _HeaderBreadcrumbs = require("./HeaderBreadcrumbs/HeaderBreadcrumbs");
+var _HeaderBreadcrumbText = require("./HeaderBreadcrumbs/HeaderBreadcrumbText");
 var _HeaderDocAnchor = require("./HeaderDocAnchor/HeaderDocAnchor");
+var _HeaderRight = require("./HeaderRight/HeaderRight");
 var defaultProps = {
     variant: 'primary',
     justify: 'space-between',
     wrap: 'nowrap'
 };
+var getSpacing = function(variant) {
+    return variant === 'secondary' ? 'xxs' : 'xs';
+};
 var Header = (0, _core.factory)(function(_props, ref) {
     var props = (0, _core.useProps)('PlasmaHeader', defaultProps, _props);
-    var className = props.className, description = props.description, borderBottom = props.borderBottom, variant = props.variant, children = props.children, style = props.style, classNames = props.classNames, unstyled = props.unstyled, vars = props.vars, styles = props.styles, others = _object_without_properties._(props, [
+    var className = props.className, description = props.description, borderBottom = props.borderBottom, variant = props.variant, children = props.children, style = props.style, classNames = props.classNames, unstyled = props.unstyled, vars = props.vars, styles = props.styles, TitleComponent = props.titleComponent, others = _object_without_properties._(props, [
         "className",
         "description",
         "borderBottom",
@@ -37,7 +42,8 @@ var Header = (0, _core.factory)(function(_props, ref) {
         "classNames",
         "unstyled",
         "vars",
-        "styles"
+        "styles",
+        "titleComponent"
     ]);
     var getStyles = (0, _core.useStyles)({
         name: 'PlasmaHeader',
@@ -58,14 +64,14 @@ var Header = (0, _core.factory)(function(_props, ref) {
     var breadcrumbs = convertedChildren.find(function(child) {
         return child.type === _HeaderBreadcrumbs.HeaderBreadcrumbs;
     });
-    var actions = convertedChildren.find(function(child) {
-        return child.type === _HeaderActions.HeaderActions;
+    var right = convertedChildren.find(function(child) {
+        return child.type === _HeaderRight.HeaderRight;
     });
     var docAnchor = convertedChildren.find(function(child) {
         return child.type === _HeaderDocAnchor.HeaderDocAnchor;
     });
     var otherChildren = convertedChildren.filter(function(child) {
-        return child.type !== _HeaderBreadcrumbs.HeaderBreadcrumbs && child.type !== _HeaderActions.HeaderActions && child.type !== _HeaderDocAnchor.HeaderDocAnchor;
+        return child.type !== _HeaderBreadcrumbs.HeaderBreadcrumbs && child.type !== _HeaderRight.HeaderRight && child.type !== _HeaderDocAnchor.HeaderDocAnchor;
     });
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Headercontext.HeaderProvider, {
         value: {
@@ -78,11 +84,12 @@ var Header = (0, _core.factory)(function(_props, ref) {
             }, getStyles('root'), others), {
                 children: [
                     /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Stack, {
-                        gap: 0,
+                        gap: getSpacing(variant),
                         children: [
                             breadcrumbs,
                             /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Title, _object_spread_props._(_object_spread._({
                                 variant: variant,
+                                component: TitleComponent,
                                 order: variant === 'primary' ? 1 : 3
                             }, getStyles('title', stylesApiProps)), {
                                 children: [
@@ -96,7 +103,7 @@ var Header = (0, _core.factory)(function(_props, ref) {
                             }))
                         ]
                     }),
-                    actions
+                    right
                 ]
             })),
             borderBottom ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, _object_spread_props._(_object_spread._({}, getStyles('divider', stylesApiProps)), {
@@ -106,7 +113,9 @@ var Header = (0, _core.factory)(function(_props, ref) {
     });
 });
 Header.Breadcrumbs = _HeaderBreadcrumbs.HeaderBreadcrumbs;
-Header.Actions = _HeaderActions.HeaderActions;
+Header.BreadcrumbAnchor = _HeaderBreadcrumbAnchor.HeaderBreadcrumbAnchor;
+Header.BreadcrumbText = _HeaderBreadcrumbText.HeaderBreadcrumbText;
+Header.Right = _HeaderRight.HeaderRight;
 Header.DocAnchor = _HeaderDocAnchor.HeaderDocAnchor;
 
 //# sourceMappingURL=Header.js.map

package/dist/cjs/components/header/Header.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n    Divider,\n    Factory,\n    Group,\n    GroupProps,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context';\nimport classes from './Header.module.css';\nimport {HeaderActions, HeaderActionsStyleNames} from './HeaderActions/HeaderActions';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type {HeaderActionsProps} from './HeaderActions/HeaderActions';\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n    | 'root'\n    | 'title'\n    | 'description'\n    | 'divider'\n    | HeaderDocAnchorStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderActionsStyleNames;\n\nexport interface HeaderProps extends StylesApiProps<HeaderFactory>, Omit<GroupProps, 'classNames' | 'styles' | 'vars'> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the primary variant for page header and secondary variant elsewhere\n     *\n     * @default 'primary'\n     */\n    variant?: 'primary' | 'secondary';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n}\n\nexport type HeaderFactory = Factory<{\n    props: HeaderProps;\n    ref: HTMLDivElement;\n    variant: HeaderVariant;\n    stylesNames: HeaderStyleNames;\n    staticComponents: {\n        Breadcrumbs: typeof HeaderBreadcrumbs;\n        Actions: typeof HeaderActions;\n        DocAnchor: typeof HeaderDocAnchor;\n    };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n    variant: 'primary',\n    justify: 'space-between',\n    wrap: 'nowrap',\n};\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeader', defaultProps, _props);\n    const {\n        className,\n        description,\n        borderBottom,\n        variant,\n        children,\n        style,\n        classNames,\n        unstyled,\n        vars,\n        styles,\n        ...others\n    } = props;\n    const getStyles = useStyles<HeaderFactory>({\n        name: 'PlasmaHeader',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const actions = convertedChildren.find((child) => child.type === HeaderActions);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderActions && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <HeaderProvider value={{getStyles}}>\n            <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n                <Stack gap={0}>\n                    {breadcrumbs}\n                    <Title\n                        variant={variant}\n                        order={variant === 'primary' ? 1 : 3}\n                        {...getStyles('title', stylesApiProps)}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n                        {description}\n                    </Text>\n                </Stack>\n                {actions}\n            </Group>\n            {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n        </HeaderProvider>\n    );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.Actions = HeaderActions;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","actions","HeaderActions","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","order","Text","size","Divider","Breadcrumbs","Actions","DocAnchor"],"mappings":";;;;+BAyEaA;;;eAAAA;;;;;;;;oBA7DN;qBACyC;6BACnB;wEACT;6BACiC;iCACQ;+BACJ;AAiDzD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEO,IAAMJ,SAASK,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBR,cAAcK;IACrD,IACII,YAWAF,MAXAE,WACAC,cAUAH,MAVAG,aACAC,eASAJ,MATAI,cACAV,UAQAM,MARAN,SACAW,WAOAL,MAPAK,UACAC,QAMAN,MANAM,OACAC,aAKAP,MALAO,YACAC,WAIAR,MAJAQ,UACAC,OAGAT,MAHAS,MACAC,SAEAV,MAFAU,QACGC,sCACHX;QAXAE;QACAC;QACAC;QACAV;QACAW;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAME,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNd,OAAAA;QACAe,SAAAA,wBAAO;QACPb,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMO,iBAAiB;QAACT,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMO,oBAAoBC,eAAQ,CAACC,OAAO,CAACd;IAC3C,IAAMe,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,UAAUR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,4BAAa;;IAC9E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,4BAAa,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAEjH,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAAClC,KAAKA;gBAAKL,SAASA;eAAakB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAK;;4BACPf;0CACD,sBAACgB,WAAK;gCACF1C,SAASA;gCACT2C,OAAO3C,YAAY,YAAY,IAAI;+BAC/BkB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACW,UAAI,8CAAK1B,UAAU,eAAeI;gCAAiBuB,MAAM7C,YAAY,YAAY,OAAO;0CACpFS;;;;oBAGRsB;;;YAEJrB,6BAAe,qBAACoC,aAAO,8CAAK5B,UAAU,WAAWI;gBAAiBuB,MAAK;kBAAU;;;AAG9F;AAEA/C,OAAOiD,WAAW,GAAGjB,oCAAiB;AACtChC,OAAOkD,OAAO,GAAGhB,4BAAa;AAC9BlC,OAAOmD,SAAS,GAAGf,gCAAe"}
+{"version":3,"sources":["../../../../src/components/header/Header.tsx"],"sourcesContent":["import {\n    Divider,\n    Factory,\n    Group,\n    GroupProps,\n    Stack,\n    StylesApiProps,\n    Text,\n    Title,\n    factory,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ElementType, ReactElement, ReactNode} from 'react';\nimport {HeaderProvider} from './Header.context';\nimport classes from './Header.module.css';\nimport {\n    HeaderBreadcrumbAnchor,\n    type HeaderBreadcrumbAnchorStyleNames,\n} from './HeaderBreadcrumbs/HeaderBreadcrumbAnchor';\nimport {HeaderBreadcrumbs, HeaderBreadcrumbsStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nimport {HeaderBreadcrumbText, HeaderBreadcrumbTextStyleNames} from './HeaderBreadcrumbs/HeaderBreadcrumbText';\nimport {HeaderDocAnchor, HeaderDocAnchorStyleNames} from './HeaderDocAnchor/HeaderDocAnchor';\nimport {HeaderRight, HeaderRightStyleNames} from './HeaderRight/HeaderRight';\n\nexport type {HeaderBreadcrumbsProps} from './HeaderBreadcrumbs/HeaderBreadcrumbs';\nexport type {HeaderDocAnchorProps} from './HeaderDocAnchor/HeaderDocAnchor';\nexport type {HeaderRightProps} from './HeaderRight/HeaderRight';\n\nexport type HeaderVariant = 'primary' | 'secondary';\nexport type HeaderStyleNames =\n    | 'root'\n    | 'title'\n    | 'description'\n    | 'divider'\n    | 'body'\n    | HeaderDocAnchorStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderBreadcrumbAnchorStyleNames\n    | HeaderBreadcrumbTextStyleNames\n    | HeaderBreadcrumbsStyleNames\n    | HeaderRightStyleNames;\n\nexport interface HeaderProps\n    extends StylesApiProps<HeaderFactory>,\n        Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'variant'> {\n    /**\n     * The description text displayed inside the header underneath the title\n     */\n    description?: ReactNode;\n    /**\n     * Whether the header should have a border on the bottom\n     */\n    borderBottom?: boolean;\n    /**\n     * Use the primary variant for page header and secondary variant elsewhere\n     *\n     * @default 'primary'\n     */\n    variant?: 'primary' | 'secondary';\n    /**\n     * The title of the header.\n     */\n    children: ReactNode;\n    /**\n     * The component used to render the title.\n     *\n     * @default Title\n     * @example 'h2'\n     */\n    titleComponent?: ElementType;\n}\n\nexport type HeaderFactory = Factory<{\n    props: HeaderProps;\n    ref: HTMLDivElement;\n    variant: HeaderVariant;\n    stylesNames: HeaderStyleNames;\n    staticComponents: {\n        Breadcrumbs: typeof HeaderBreadcrumbs;\n        BreadcrumbAnchor: typeof HeaderBreadcrumbAnchor;\n        BreadcrumbText: typeof HeaderBreadcrumbText;\n        Right: typeof HeaderRight;\n        DocAnchor: typeof HeaderDocAnchor;\n    };\n}>;\n\nconst defaultProps: Partial<HeaderProps> = {\n    variant: 'primary',\n    justify: 'space-between',\n    wrap: 'nowrap',\n};\n\nconst getSpacing = (variant: HeaderVariant) => (variant === 'secondary' ? 'xxs' : 'xs');\n\nexport const Header = factory<HeaderFactory>((_props, ref) => {\n    const props = useProps('PlasmaHeader', defaultProps, _props);\n    const {\n        className,\n        description,\n        borderBottom,\n        variant,\n        children,\n        style,\n        classNames,\n        unstyled,\n        vars,\n        styles,\n        titleComponent: TitleComponent,\n        ...others\n    } = props;\n    const getStyles = useStyles<HeaderFactory>({\n        name: 'PlasmaHeader',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n    const breadcrumbs = convertedChildren.find((child) => child.type === HeaderBreadcrumbs);\n    const right = convertedChildren.find((child) => child.type === HeaderRight);\n    const docAnchor = convertedChildren.find((child) => child.type === HeaderDocAnchor);\n    const otherChildren = convertedChildren.filter(\n        (child) => child.type !== HeaderBreadcrumbs && child.type !== HeaderRight && child.type !== HeaderDocAnchor,\n    );\n    return (\n        <HeaderProvider value={{getStyles}}>\n            <Group ref={ref} variant={variant} {...getStyles('root')} {...others}>\n                <Stack gap={getSpacing(variant)}>\n                    {breadcrumbs}\n                    <Title\n                        variant={variant}\n                        component={TitleComponent}\n                        order={variant === 'primary' ? 1 : 3}\n                        {...getStyles('title', stylesApiProps)}\n                    >\n                        {otherChildren}\n                        {docAnchor}\n                    </Title>\n                    <Text {...getStyles('description', stylesApiProps)} size={variant === 'primary' ? 'md' : 'sm'}>\n                        {description}\n                    </Text>\n                </Stack>\n                {right}\n            </Group>\n            {borderBottom ? <Divider {...getStyles('divider', stylesApiProps)} size=\"xs\" /> : null}\n        </HeaderProvider>\n    );\n});\n\nHeader.Breadcrumbs = HeaderBreadcrumbs;\nHeader.BreadcrumbAnchor = HeaderBreadcrumbAnchor;\nHeader.BreadcrumbText = HeaderBreadcrumbText;\nHeader.Right = HeaderRight;\nHeader.DocAnchor = HeaderDocAnchor;\n"],"names":["Header","defaultProps","variant","justify","wrap","getSpacing","factory","_props","ref","props","useProps","className","description","borderBottom","children","style","classNames","unstyled","vars","styles","titleComponent","TitleComponent","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","breadcrumbs","find","child","type","HeaderBreadcrumbs","right","HeaderRight","docAnchor","HeaderDocAnchor","otherChildren","filter","HeaderProvider","value","Group","Stack","gap","Title","component","order","Text","size","Divider","Breadcrumbs","BreadcrumbAnchor","HeaderBreadcrumbAnchor","BreadcrumbText","HeaderBreadcrumbText","Right","DocAnchor"],"mappings":";;;;+BA+FaA;;;eAAAA;;;;;;;;oBAnFN;qBACsD;6BAChC;wEACT;sCAIb;iCACsD;oCACM;+BACV;2BACR;AAgEjD,IAAMC,eAAqC;IACvCC,SAAS;IACTC,SAAS;IACTC,MAAM;AACV;AAEA,IAAMC,aAAa,SAACH;WAA4BA,YAAY,cAAc,QAAQ;;AAE3E,IAAMF,SAASM,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,gBAAgBT,cAAcM;IACrD,IACII,YAYAF,MAZAE,WACAC,cAWAH,MAXAG,aACAC,eAUAJ,MAVAI,cACAX,UASAO,MATAP,SACAY,WAQAL,MARAK,UACAC,QAOAN,MAPAM,OACAC,aAMAP,MANAO,YACAC,WAKAR,MALAQ,UACAC,OAIAT,MAJAS,MACAC,SAGAV,MAHAU,QACAC,AAAgBC,iBAEhBZ,MAFAW,gBACGE,sCACHb;QAZAE;QACAC;QACAC;QACAX;QACAY;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGJ,IAAMG,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNhB,OAAAA;QACAiB,SAAAA,wBAAO;QACPf,WAAAA;QACAI,OAAAA;QACAC,YAAAA;QACAG,QAAAA;QACAF,UAAAA;QACAC,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACX,YAAAA;QAAYG,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAAChB;IAC3C,IAAMiB,cAAcH,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB;;IACtF,IAAMC,QAAQR,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKG,wBAAW;;IAC1E,IAAMC,YAAYV,kBAAkBI,IAAI,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKK,gCAAe;;IAClF,IAAMC,gBAAgBZ,kBAAkBa,MAAM,CAC1C,SAACR;eAAUA,MAAMC,IAAI,KAAKC,oCAAiB,IAAIF,MAAMC,IAAI,KAAKG,wBAAW,IAAIJ,MAAMC,IAAI,KAAKK,gCAAe;;IAE/G,qBACI,sBAACG,6BAAc;QAACC,OAAO;YAACpB,WAAAA;QAAS;;0BAC7B,sBAACqB,WAAK;gBAACpC,KAAKA;gBAAKN,SAASA;eAAaqB,UAAU,SAAaD;;kCAC1D,sBAACuB,WAAK;wBAACC,KAAKzC,WAAWH;;4BAClB6B;0CACD,sBAACgB,WAAK;gCACF7C,SAASA;gCACT8C,WAAW3B;gCACX4B,OAAO/C,YAAY,YAAY,IAAI;+BAC/BqB,UAAU,SAASI;;oCAEtBa;oCACAF;;;0CAEL,qBAACY,UAAI,8CAAK3B,UAAU,eAAeI;gCAAiBwB,MAAMjD,YAAY,YAAY,OAAO;0CACpFU;;;;oBAGRwB;;;YAEJvB,6BAAe,qBAACuC,aAAO,8CAAK7B,UAAU,WAAWI;gBAAiBwB,MAAK;kBAAU;;;AAG9F;AAEAnD,OAAOqD,WAAW,GAAGlB,oCAAiB;AACtCnC,OAAOsD,gBAAgB,GAAGC,8CAAsB;AAChDvD,OAAOwD,cAAc,GAAGC,0CAAoB;AAC5CzD,OAAO0D,KAAK,GAAGrB,wBAAW;AAC1BrC,OAAO2D,SAAS,GAAGpB,gCAAe"}

package/dist/cjs/components/header/Header.module.css

@@ -5,31 +5,16 @@
     }
 
     & .description {
-        color: var(--mantine-color-gray-6);
-        font-weight: 300;
+        color: var(--mantine-color-dimmed);
+        font-weight: var(--coveo-fw-normal);
     }
 }
 
 .title {
     word-break: break-word;
-
-    &[data-variant='primary'] {
-        color: var(--mantine-color-gray-5);
-    }
-
-    line-height: var(--mantine-line-height-md);
 }
 
 .docAnchor {
     margin-left: var(--mantine-spacing-xs);
     vertical-align: middle;
 }
-
-.breadcrumbs {
-    font-size: var(--mantine-font-size-sm);
-    font-weight: 300;
-}
-
-.breadcrumbsSeparator {
-    color: var(--mantine-color-gray-5);
-}

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts

@@ -0,0 +1,41 @@
+import { type AnchorProps, type PolymorphicFactory } from '@mantine/core';
+export type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor';
+export type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{
+    props: AnchorProps;
+    ref: HTMLAnchorElement;
+    stylesNames: HeaderBreadcrumbAnchorStyleNames;
+    compound: true;
+    defaultComponent: 'a';
+    defaultRef: HTMLAnchorElement;
+}>;
+export declare const HeaderBreadcrumbAnchor: (<C = "a">(props: import("@mantine/core").PolymorphicComponentProps<C, AnchorProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(AnchorProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof AnchorProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (AnchorProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
+    props: AnchorProps;
+    ref: HTMLAnchorElement;
+    stylesNames: HeaderBreadcrumbAnchorStyleNames;
+    compound: true;
+    defaultComponent: "a";
+    defaultRef: HTMLAnchorElement;
+}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+    props: AnchorProps;
+    ref: HTMLAnchorElement;
+    stylesNames: HeaderBreadcrumbAnchorStyleNames;
+    compound: true;
+    defaultComponent: "a";
+    defaultRef: HTMLAnchorElement;
+}> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+    props: AnchorProps;
+    ref: HTMLAnchorElement;
+    stylesNames: HeaderBreadcrumbAnchorStyleNames;
+    compound: true;
+    defaultComponent: "a";
+    defaultRef: HTMLAnchorElement;
+}>;
+//# sourceMappingURL=HeaderBreadcrumbAnchor.d.ts.map

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBreadcrumbAnchor.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,WAAW,EAAE,KAAK,kBAAkB,EAAqB,MAAM,eAAe,CAAC;AAGpG,MAAM,MAAM,gCAAgC,GAAG,kBAAkB,CAAC;AAElE,MAAM,MAAM,6BAA6B,GAAG,kBAAkB,CAAC;IAC3D,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,gCAAgC,CAAC;IAC9C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,iBAAiB,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB,0FAQuC,MAAM,YAAY;;;;;;eAMoB,MAAO,WAAW;;;WAtBvH,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;;WALtB,WAAW;SACb,iBAAiB;iBACT,gCAAgC;cACnC,IAAI;sBACI,GAAG;gBACT,iBAAiB;EAe/B,CAAC"}

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "HeaderBreadcrumbAnchor", {
+    enumerable: true,
+    get: function() {
+        return HeaderBreadcrumbAnchor;
+    }
+});
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _Headercontext = require("../Header.context");
+var HeaderBreadcrumbAnchor = (0, _core.polymorphicFactory)(function(props, ref) {
+    var className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, others = _object_without_properties._(props, [
+        "className",
+        "classNames",
+        "styles",
+        "style"
+    ]);
+    var ctx = (0, _Headercontext.useHeaderContext)();
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Anchor, _object_spread._({
+        ref: ref,
+        inherit: true
+    }, ctx.getStyles('breadcrumbAnchor', {
+        className: className,
+        classNames: classNames,
+        styles: styles,
+        style: style,
+        props: props
+    }), others));
+});
+HeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';
+
+//# sourceMappingURL=HeaderBreadcrumbAnchor.js.map

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbAnchor.tsx"],"sourcesContent":["import {Anchor, type AnchorProps, type PolymorphicFactory, polymorphicFactory} from '@mantine/core';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderBreadcrumbAnchorStyleNames = 'breadcrumbAnchor';\n\nexport type HeaderBreadcrumbAnchorFactory = PolymorphicFactory<{\n    props: AnchorProps;\n    ref: HTMLAnchorElement;\n    stylesNames: HeaderBreadcrumbAnchorStyleNames;\n    compound: true;\n    defaultComponent: 'a';\n    defaultRef: HTMLAnchorElement;\n}>;\n\nexport const HeaderBreadcrumbAnchor = polymorphicFactory<HeaderBreadcrumbAnchorFactory>((props, ref) => {\n    const {className, classNames, styles, style, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Anchor\n            ref={ref}\n            inherit\n            {...ctx.getStyles('breadcrumbAnchor', {className, classNames, styles, style, props})}\n            {...others}\n        />\n    );\n});\nHeaderBreadcrumbAnchor.displayName = '@coveo/plasma-mantine/HeaderBreadcrumbAnchor';\n"],"names":["HeaderBreadcrumbAnchor","polymorphicFactory","props","ref","className","classNames","styles","style","others","ctx","useHeaderContext","Anchor","inherit","getStyles","displayName"],"mappings":";;;;+BAcaA;;;eAAAA;;;;;;oBAduE;6BACrD;AAaxB,IAAMA,yBAAyBC,IAAAA,wBAAkB,EAAgC,SAACC,OAAOC;IAC5F,IAAOC,YAAmDF,MAAnDE,WAAWC,aAAwCH,MAAxCG,YAAYC,SAA4BJ,MAA5BI,QAAQC,QAAoBL,MAApBK,OAAUC,sCAAUN;QAAnDE;QAAWC;QAAYC;QAAQC;;IACtC,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,YAAM;QACHR,KAAKA;QACLS,OAAO;OACHH,IAAII,SAAS,CAAC,oBAAoB;QAACT,WAAAA;QAAWC,YAAAA;QAAYC,QAAAA;QAAQC,OAAAA;QAAOL,OAAAA;IAAK,IAC9EM;AAGhB;AACAR,uBAAuBc,WAAW,GAAG"}

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.d.ts

@@ -0,0 +1,41 @@
+import { type PolymorphicFactory, type TextProps } from '@mantine/core';
+export type HeaderBreadcrumbTextStyleNames = 'breadcrumbText';
+export type HeaderBreadcrumbTextFactory = PolymorphicFactory<{
+    props: TextProps;
+    ref: HTMLParagraphElement;
+    stylesNames: HeaderBreadcrumbTextStyleNames;
+    compound: true;
+    defaultComponent: 'p';
+    defaultRef: HTMLParagraphElement;
+}>;
+export declare const HeaderBreadcrumbText: (<C = "p">(props: import("@mantine/core").PolymorphicComponentProps<C, TextProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(TextProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof TextProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (TextProps & {
+    component: React.ElementType;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
+    props: TextProps;
+    ref: HTMLParagraphElement;
+    stylesNames: HeaderBreadcrumbTextStyleNames;
+    compound: true;
+    defaultComponent: "p";
+    defaultRef: HTMLParagraphElement;
+}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+    props: TextProps;
+    ref: HTMLParagraphElement;
+    stylesNames: HeaderBreadcrumbTextStyleNames;
+    compound: true;
+    defaultComponent: "p";
+    defaultRef: HTMLParagraphElement;
+}> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
+    props: TextProps;
+    ref: HTMLParagraphElement;
+    stylesNames: HeaderBreadcrumbTextStyleNames;
+    compound: true;
+    defaultComponent: "p";
+    defaultRef: HTMLParagraphElement;
+}>;
+//# sourceMappingURL=HeaderBreadcrumbText.d.ts.map

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderBreadcrumbText.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,kBAAkB,EAA4B,KAAK,SAAS,EAAC,MAAM,eAAe,CAAC;AAGhG,MAAM,MAAM,8BAA8B,GAAG,gBAAgB,CAAC;AAE9D,MAAM,MAAM,2BAA2B,GAAG,kBAAkB,CAAC;IACzD,KAAK,EAAE,SAAS,CAAC;IACjB,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,8BAA8B,CAAC;IAC5C,QAAQ,EAAE,IAAI,CAAC;IACf,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,oBAAoB,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,oBAAoB,wFAQsD,MAAO,YACpF;;;;;;eAK0H,MAAO,WAAW;;;WAtB3I,SAAS;SACX,oBAAoB;iBACZ,8BAA8B;cACjC,IAAI;sBACI,GAAG;gBACT,oBAAoB;;WALzB,SAAS;SACX,oBAAoB;iBACZ,8BAA8B;cACjC,IAAI;sBACI,GAAG;gBACT,oBAAoB;;WALzB,SAAS;SACX,oBAAoB;iBACZ,8BAA8B;cACjC,IAAI;sBACI,GAAG;gBACT,oBAAoB;EAelC,CAAC"}