@coveord/plasma-mantine 55.8.0 → 56.0.0

package/dist/cjs/components/last-updated/LastUpdated.d.ts

@@ -0,0 +1,33 @@
+import { BoxProps, Factory, GroupProps, StylesApiProps } from '@mantine/core';
+import dayjs from 'dayjs';
+export type LastUpdatedStylesNames = 'root' | 'label';
+export interface LastUpdatedProps extends BoxProps, Pick<GroupProps, 'justify'>, StylesApiProps<LastUpdatedFactory> {
+    /**
+     * Optional formatter function to format the time value.
+     * Receives the time prop and should return a string.
+     * @default (time) => dayjs(time).format('h:mm:ss A')
+     */
+    formatter?: (time: dayjs.ConfigType) => string;
+    /**
+     * The unformatted time to display that can be parsed by dayjs.
+     * @default The current time via dayjs().valueOf()
+     */
+    time?: dayjs.ConfigType;
+    /**
+     * Label to contextualize the time.
+     *
+     * @default "Last update:"
+     */
+    label?: string;
+}
+export type LastUpdatedFactory = Factory<{
+    props: LastUpdatedProps;
+    ref: HTMLDivElement;
+    stylesNames: LastUpdatedStylesNames;
+}>;
+export declare const LastUpdated: import("@mantine/core").MantineComponent<{
+    props: LastUpdatedProps;
+    ref: HTMLDivElement;
+    stylesNames: LastUpdatedStylesNames;
+}>;
+//# sourceMappingURL=LastUpdated.d.ts.map

package/dist/cjs/components/last-updated/LastUpdated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LastUpdated.d.ts","sourceRoot":"","sources":["../../../../src/components/last-updated/LastUpdated.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,QAAQ,EAAW,OAAO,EAAS,UAAU,EAAE,cAAc,EAA4B,MAAM,eAAe,CAAC;AACvH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,gBAAiB,SAAQ,QAAQ,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC;IAC/G;;;;OAIG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,KAAK,MAAM,CAAC;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;CACvC,CAAC,CAAC;AAOH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;EA6CtC,CAAC"}

package/dist/cjs/components/last-updated/LastUpdated.js

@@ -0,0 +1,77 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "LastUpdated", {
+    enumerable: true,
+    get: function() {
+        return LastUpdated;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
+var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
+var defaultProps = {
+    label: 'Last update:',
+    formatter: function(time) {
+        return (0, _dayjs.default)(time).format('h:mm:ss A');
+    }
+};
+var LastUpdated = (0, _core.factory)(function(props, ref) {
+    var _useProps = (0, _core.useProps)('PlasmaLastUpdated', defaultProps, props), formatter = _useProps.formatter, label = _useProps.label, time = _useProps.time, classNames = _useProps.classNames, className = _useProps.className, styles = _useProps.styles, style = _useProps.style, vars = _useProps.vars, unstyled = _useProps.unstyled, others = _object_without_properties._(_useProps, [
+        "formatter",
+        "label",
+        "time",
+        "classNames",
+        "className",
+        "styles",
+        "style",
+        "vars",
+        "unstyled"
+    ]);
+    var resolvedTime = time !== null && time !== void 0 ? time : (0, _dayjs.default)().valueOf();
+    var getStyles = (0, _core.useStyles)({
+        name: 'LastUpdated',
+        classes: {},
+        props: props,
+        className: className,
+        style: style,
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled,
+        vars: vars
+    });
+    var stylesApiProps = {
+        classNames: classNames,
+        styles: styles
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
+        justify: props.justify,
+        ref: ref
+    }, getStyles('root', _object_spread._({
+        className: className,
+        style: style
+    }, stylesApiProps)), others), {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Text, _object_spread_props._(_object_spread._({
+            size: "xs"
+        }, getStyles('label', _object_spread._({
+            className: className,
+            style: style
+        }, stylesApiProps))), {
+            children: [
+                label,
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    role: "timer",
+                    children: formatter(resolvedTime)
+                })
+            ]
+        }))
+    }));
+});
+
+//# sourceMappingURL=LastUpdated.js.map

package/dist/cjs/components/last-updated/LastUpdated.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/last-updated/LastUpdated.tsx"],"sourcesContent":["import {BoxProps, factory, Factory, Group, GroupProps, StylesApiProps, Text, useProps, useStyles} from '@mantine/core';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nexport type LastUpdatedStylesNames = 'root' | 'label';\n\nexport interface LastUpdatedProps extends BoxProps, Pick<GroupProps, 'justify'>, StylesApiProps<LastUpdatedFactory> {\n    /**\n     * Optional formatter function to format the time value.\n     * Receives the time prop and should return a string.\n     * @default (time) => dayjs(time).format('h:mm:ss A')\n     */\n    formatter?: (time: dayjs.ConfigType) => string;\n    /**\n     * The unformatted time to display that can be parsed by dayjs.\n     * @default The current time via dayjs().valueOf()\n     */\n    time?: dayjs.ConfigType;\n    /**\n     * Label to contextualize the time.\n     *\n     * @default \"Last update:\"\n     */\n    label?: string;\n}\n\nexport type LastUpdatedFactory = Factory<{\n    props: LastUpdatedProps;\n    ref: HTMLDivElement;\n    stylesNames: LastUpdatedStylesNames;\n}>;\n\nconst defaultProps: Partial<LastUpdatedProps> = {\n    label: 'Last update:',\n    formatter: (time) => dayjs(time).format('h:mm:ss A'),\n};\n\nexport const LastUpdated = factory<LastUpdatedFactory>(\n    (props: LastUpdatedProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n        const {formatter, label, time, classNames, className, styles, style, vars, unstyled, ...others} = useProps(\n            'PlasmaLastUpdated',\n            defaultProps as Partial<LastUpdatedProps>,\n            props,\n        );\n\n        const resolvedTime = time ?? dayjs().valueOf();\n\n        const getStyles = useStyles<LastUpdatedFactory>({\n            name: 'LastUpdated',\n            classes: {},\n            props,\n            className,\n            style,\n            classNames,\n            styles,\n            unstyled,\n            vars,\n        });\n        const stylesApiProps = {classNames, styles};\n\n        return (\n            <Group\n                justify={props.justify}\n                ref={ref}\n                {...getStyles('root', {className, style, ...stylesApiProps})}\n                {...others}\n            >\n                <Text size=\"xs\" {...getStyles('label', {className, style, ...stylesApiProps})}>\n                    {label}\n                    <span role=\"timer\">{formatter(resolvedTime)}</span>\n                </Text>\n            </Group>\n        );\n    },\n);\n"],"names":["LastUpdated","defaultProps","label","formatter","time","dayjs","format","factory","props","ref","useProps","classNames","className","styles","style","vars","unstyled","others","resolvedTime","valueOf","getStyles","useStyles","name","classes","stylesApiProps","Group","justify","Text","size","span","role"],"mappings":";;;;+BAqCaA;;;eAAAA;;;;;;;;oBArC0F;8DACrF;8DACA;AA8BlB,IAAMC,eAA0C;IAC5CC,OAAO;IACPC,WAAW,SAACC;eAASC,IAAAA,cAAK,EAACD,MAAME,MAAM,CAAC;;AAC5C;AAEO,IAAMN,cAAcO,IAAAA,aAAO,EAC9B,SAACC,OAAyBC;IACtB,IAAkGC,YAAAA,IAAAA,cAAQ,EACtG,qBACAT,cACAO,QAHGL,YAA2FO,UAA3FP,WAAWD,QAAgFQ,UAAhFR,OAAOE,OAAyEM,UAAzEN,MAAMO,aAAmED,UAAnEC,YAAYC,YAAuDF,UAAvDE,WAAWC,SAA4CH,UAA5CG,QAAQC,QAAoCJ,UAApCI,OAAOC,OAA6BL,UAA7BK,MAAMC,WAAuBN,UAAvBM,UAAaC,sCAAUP;QAA3FP;QAAWD;QAAOE;QAAMO;QAAYC;QAAWC;QAAQC;QAAOC;QAAMC;;IAM3E,IAAME,eAAed,iBAAAA,kBAAAA,OAAQC,IAAAA,cAAK,IAAGc,OAAO;IAE5C,IAAMC,YAAYC,IAAAA,eAAS,EAAqB;QAC5CC,MAAM;QACNC,SAAS,CAAC;QACVf,OAAAA;QACAI,WAAAA;QACAE,OAAAA;QACAH,YAAAA;QACAE,QAAAA;QACAG,UAAAA;QACAD,MAAAA;IACJ;IACA,IAAMS,iBAAiB;QAACb,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,qBACI,qBAACY,WAAK;QACFC,SAASlB,MAAMkB,OAAO;QACtBjB,KAAKA;OACDW,UAAU,QAAQ;QAACR,WAAAA;QAAWE,OAAAA;OAAUU,kBACxCP;kBAEJ,cAAA,sBAACU,UAAI;YAACC,MAAK;WAASR,UAAU,SAAS;YAACR,WAAAA;YAAWE,OAAAA;WAAUU;;gBACxDtB;8BACD,qBAAC2B;oBAAKC,MAAK;8BAAS3B,UAAUe;;;;;AAI9C"}

package/dist/cjs/components/last-updated/index.d.ts

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

package/dist/cjs/components/last-updated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/last-updated/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dist/cjs/components/last-updated/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("./LastUpdated"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/last-updated/index.js.map

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

package/dist/cjs/components/loader/CircleLoader.d.ts

@@ -0,0 +1,3 @@
+import { MantineLoaderComponent } from '@mantine/core';
+export declare const CircleLoader: MantineLoaderComponent;
+//# sourceMappingURL=CircleLoader.d.ts.map

package/dist/cjs/components/loader/CircleLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/loader/CircleLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAM,sBAAsB,EAAC,MAAM,eAAe,CAAC;AAK1D,eAAO,MAAM,YAAY,EAAE,sBAEzB,CAAC"}

package/dist/cjs/components/loader/CircleLoader.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "CircleLoader", {
+    enumerable: true,
+    get: function() {
+        return CircleLoader;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _clsx = /*#__PURE__*/ _interop_require_default._(require("clsx"));
+var _react = require("react");
+var _CircleLoadermodulecss = /*#__PURE__*/ _interop_require_default._(require("./CircleLoader.module.css"));
+var CircleLoader = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
+    var className = _param.className, others = _object_without_properties._(_param, [
+        "className"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
+        component: "span",
+        className: (0, _clsx.default)(_CircleLoadermodulecss.default.root, className)
+    }, others), {
+        ref: ref
+    }));
+});
+
+//# sourceMappingURL=CircleLoader.js.map

package/dist/cjs/components/loader/CircleLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/loader/CircleLoader.tsx"],"sourcesContent":["import {Box, MantineLoaderComponent} from '@mantine/core';\nimport cx from 'clsx';\nimport {forwardRef} from 'react';\nimport classes from './CircleLoader.module.css';\n\nexport const CircleLoader: MantineLoaderComponent = forwardRef(({className, ...others}, ref) => (\n    <Box component=\"span\" className={cx(classes.root, className)} {...others} ref={ref} />\n));\n"],"names":["CircleLoader","forwardRef","ref","className","others","Box","component","cx","classes","root"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;;oBAL6B;6DAC3B;qBACU;8EACL;AAEb,IAAMA,6BAAuCC,IAAAA,iBAAU,EAAC,iBAAyBC;QAAvBC,mBAAAA,WAAcC;QAAdD;;yBAC7D,qBAACE,SAAG;QAACC,WAAU;QAAOH,WAAWI,IAAAA,aAAE,EAACC,8BAAO,CAACC,IAAI,EAAEN;OAAgBC;QAAQF,KAAKA"}

package/dist/cjs/components/loader/CircleLoader.module.css

@@ -0,0 +1,29 @@
+.root {
+    --loader-light-color: var(--mantine-primary-color-light);
+
+    display: inline-block;
+    width: var(--loader-size);
+    height: var(--loader-size);
+
+    &::after {
+        content: '';
+        display: block;
+        width: var(--loader-size);
+        height: var(--loader-size);
+        border-radius: 10000px;
+        border-width: calc(var(--loader-size) / 8);
+        border-style: solid;
+        border-color: var(--loader-light-color) var(--loader-light-color) var(--loader-light-color) var(--loader-color);
+        animation: circle-loader-animation 1.2s linear infinite;
+    }
+}
+
+@keyframes circle-loader-animation {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(360deg);
+    }
+}

package/dist/cjs/components/loader/index.d.ts

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

package/dist/cjs/components/loader/index.d.ts.map

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

package/dist/cjs/components/loader/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("./CircleLoader"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/loader/index.js.map

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

package/dist/cjs/components/menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,IAAI,WAAW,EAAE,aAAa,IAAI,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAIzF,OAAO,EAAC,8BAA8B,EAAC,MAAM,WAAW,CAAC;AAGzD,MAAM,WAAW,aAAc,SAAQ,oBAAoB,EAAE,8BAA8B;CAAG;AAgB9F,eAAO,MAAM,IAAI;;0GAAiB,MAAO,YACzC;;;;;mBAG4G,MAAO,WAAW;;CAD5H,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,IAAI,WAAW,EAAE,aAAa,IAAI,oBAAoB,EAAC,MAAM,eAAe,CAAC;AAIzF,OAAO,EAAC,8BAA8B,EAAC,MAAM,WAAW,CAAC;AAGzD,MAAM,WAAW,aAAc,SAAQ,oBAAoB,EAAE,8BAA8B;CAAG;AAsB9F,eAAO,MAAM,IAAI;;0GAR6D,MAClE,YACX;;;;;mBAOG,MAAE,WAAW;;CAEf,CAAC"}

package/dist/cjs/components/menu/Menu.js

@@ -27,8 +27,11 @@ var _MenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
         disabledTooltipProps: disabledTooltipProps,
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Menu.Item, _object_spread._({
             ref: ref,
-            disabled: disabled
-        }, others))
+            disabled: disabled,
+            "data-disabled": disabled
+        }, others, disabled && others.href ? {
+            href: undefined
+        } : {}))
     });
 });
 var MenuItem = (0, _utils.createPolymorphicComponent)(_MenuItem);

package/dist/cjs/components/menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/menu/Menu.tsx"],"sourcesContent":["import {Menu as MantineMenu, MenuItemProps as MantineMenuItemProps} from '@mantine/core';\nimport {forwardRef} from 'react';\n\nimport {createPolymorphicComponent, overrideComponent} from '../../utils';\nimport {ButtonWithDisabledTooltipProps} from '../button';\nimport {ButtonWithDisabledTooltip} from '../button/ButtonWithDisabledTooltip';\n\nexport interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {}\n\nconst _MenuItem = forwardRef<HTMLButtonElement, MenuItemProps>(\n    ({disabledTooltip, disabled, disabledTooltipProps, ...others}, ref) => (\n        <ButtonWithDisabledTooltip\n            disabled={disabled}\n            disabledTooltip={disabledTooltip}\n            disabledTooltipProps={disabledTooltipProps}\n        >\n            <MantineMenu.Item ref={ref} disabled={disabled} {...others} />\n        </ButtonWithDisabledTooltip>\n    ),\n);\n\nconst MenuItem = createPolymorphicComponent<'button', MenuItemProps>(_MenuItem);\n\nexport const Menu = overrideComponent(MantineMenu, {\n    displayName: '@coveord/plasma-mantine/Menu',\n    Item: MenuItem,\n});\n"],"names":["Menu","_MenuItem","forwardRef","ref","disabledTooltip","disabled","disabledTooltipProps","others","ButtonWithDisabledTooltip","MantineMenu","Item","MenuItem","createPolymorphicComponent","overrideComponent","displayName"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;oBAvB4D;qBAChD;qBAEmC;yCAEpB;AAIxC,IAAMC,0BAAYC,IAAAA,iBAAU,EACxB,iBAA+DC;QAA7DC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAyBC;QAApDH;QAAiBC;QAAUC;;yBACzB,qBAACE,oDAAyB;QACtBH,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;kBAEtB,cAAA,qBAACG,UAAW,CAACC,IAAI;YAACP,KAAKA;YAAKE,UAAUA;WAAcE;;;AAKhE,IAAMI,WAAWC,IAAAA,iCAA0B,EAA0BX;AAE9D,IAAMD,OAAOa,IAAAA,wBAAiB,EAACJ,UAAW,EAAE;IAC/CK,aAAa;IACbJ,MAAMC;AACV"}
+{"version":3,"sources":["../../../../src/components/menu/Menu.tsx"],"sourcesContent":["import {Menu as MantineMenu, MenuItemProps as MantineMenuItemProps} from '@mantine/core';\nimport {forwardRef} from 'react';\n\nimport {createPolymorphicComponent, overrideComponent} from '../../utils';\nimport {ButtonWithDisabledTooltipProps} from '../button';\nimport {ButtonWithDisabledTooltip} from '../button/ButtonWithDisabledTooltip';\n\nexport interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {}\n\nconst _MenuItem = forwardRef<HTMLButtonElement, MenuItemProps>(\n    ({disabledTooltip, disabled, disabledTooltipProps, ...others}, ref) => (\n        <ButtonWithDisabledTooltip\n            disabled={disabled}\n            disabledTooltip={disabledTooltip}\n            disabledTooltipProps={disabledTooltipProps}\n        >\n            <MantineMenu.Item\n                ref={ref}\n                disabled={disabled}\n                data-disabled={disabled}\n                {...others}\n                {...(disabled && (others as any).href ? {href: undefined} : {})}\n            />\n        </ButtonWithDisabledTooltip>\n    ),\n);\n\nconst MenuItem = createPolymorphicComponent<'button', MenuItemProps>(_MenuItem);\n\nexport const Menu = overrideComponent(MantineMenu, {\n    displayName: '@coveord/plasma-mantine/Menu',\n    Item: MenuItem,\n});\n"],"names":["Menu","_MenuItem","forwardRef","ref","disabledTooltip","disabled","disabledTooltipProps","others","ButtonWithDisabledTooltip","MantineMenu","Item","data-disabled","href","undefined","MenuItem","createPolymorphicComponent","overrideComponent","displayName"],"mappings":";;;;+BA6BaA;;;eAAAA;;;;;;oBA7B4D;qBAChD;qBAEmC;yCAEpB;AAIxC,IAAMC,0BAAYC,IAAAA,iBAAU,EACxB,iBAA+DC;QAA7DC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAyBC;QAApDH;QAAiBC;QAAUC;;yBACzB,qBAACE,oDAAyB;QACtBH,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;kBAEtB,cAAA,qBAACG,UAAW,CAACC,IAAI;YACbP,KAAKA;YACLE,UAAUA;YACVM,iBAAeN;WACXE,QACCF,YAAY,AAACE,OAAeK,IAAI,GAAG;YAACA,MAAMC;QAAS,IAAI,CAAC;;;AAM7E,IAAMC,WAAWC,IAAAA,iCAA0B,EAA0Bd;AAE9D,IAAMD,OAAOgB,IAAAA,wBAAiB,EAACP,UAAW,EAAE;IAC/CQ,aAAa;IACbP,MAAMI;AACV"}

package/dist/cjs/components/modal/Modal.d.ts

@@ -1,11 +1,25 @@
-import { ModalFactory as MantineModalFactory } from '@mantine/core';
+import { ModalFactory as MantineModalFactory, ModalProps as MantineModalProps } from '@mantine/core';
+import { HeaderDocAnchorProps, HeaderProps } from '../header';
 import { ModalFooter as PlasmaModalFooter } from './ModalFooter';
+interface PlasmaModalProps extends MantineModalProps {
+    /**
+     * Description of the modal, displayed below the title.
+     */
+    description?: HeaderProps['description'];
+    /**
+     * Help link for the modal, displayed in the header.
+     * Usually provides a link to external documentation or help resources.
+     */
+    help?: HeaderDocAnchorProps;
+}
 type PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {
+    props: PlasmaModalProps;
     staticComponents: MantineModalFactory['staticComponents'] & {
         Footer: typeof PlasmaModalFooter;
     };
 };
 export declare const Modal: import("@mantine/core").MantineComponent<PlasmaModalFactory>;
+export type ModalProps = PlasmaModalProps;
 export type ModalFactory = PlasmaModalFactory;
 export {};
 //# sourceMappingURL=Modal.d.ts.map

package/dist/cjs/components/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,IAAI,mBAAmB,EAEtC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAG/D,KAAK,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,GAAG;IACtE,gBAAgB,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;QACxD,MAAM,EAAE,OAAO,iBAAiB,CAAC;KACpC,CAAC;CACL,CAAC;AAiBF,eAAO,MAAM,KAAK,8DAAc,CAAC;AAEjC,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,IAAI,mBAAmB,EACnC,UAAU,IAAI,iBAAiB,EAClC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAS,oBAAoB,EAAE,WAAW,EAAC,MAAM,WAAW,CAAC;AACpE,OAAO,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAE/D,UAAU,gBAAiB,SAAQ,iBAAiB;IAChD;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACzC;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAGD,KAAK,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,GAAG;IACtE,KAAK,EAAE,gBAAgB,CAAC;IACxB,gBAAgB,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;QACxD,MAAM,EAAE,OAAO,iBAAiB,CAAC;KACpC,CAAC;CACL,CAAC;AA0BF,eAAO,MAAM,KAAK,8DAAc,CAAC;AACjC,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC;AAE1C,MAAM,MAAM,YAAY,GAAG,kBAAkB,CAAC"}

package/dist/cjs/components/modal/Modal.js

@@ -9,13 +9,30 @@ Object.defineProperty(exports, "Modal", {
     }
 });
 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 _header = require("../header");
 var _ModalFooter = require("./ModalFooter");
-var PlasmaModal = (0, _core.factory)(function(props, ref) {
+var PlasmaModal = (0, _core.factory)(function(_param, ref) {
+    var title = _param.title, description = _param.description, help = _param.help, otherProps = _object_without_properties._(_param, [
+        "title",
+        "description",
+        "help"
+    ]);
+    var header = typeof title === 'string' ? /*#__PURE__*/ (0, _jsxruntime.jsxs)(_header.Header, {
+        titleComponent: "div",
+        variant: "secondary",
+        description: description,
+        children: [
+            title,
+            help && /*#__PURE__*/ (0, _jsxruntime.jsx)(_header.Header.DocAnchor, _object_spread._({}, help))
+        ]
+    }) : title;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Modal, _object_spread._({
-        ref: ref
-    }, props));
+        ref: ref,
+        title: header
+    }, otherProps));
 });
 PlasmaModal.displayName = '@coveord/plasma-mantine/Modal';
 PlasmaModal.Root = _core.Modal.Root;

package/dist/cjs/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n    factory,\n    Modal as MantineModal,\n    ModalFactory as MantineModalFactory,\n    ModalProps as MantineModalProps,\n} from '@mantine/core';\nimport {ModalFooter as PlasmaModalFooter} from './ModalFooter';\n\n// Need to redeclare the factory to override and add footer to the props type\ntype PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {\n    staticComponents: MantineModalFactory['staticComponents'] & {\n        Footer: typeof PlasmaModalFooter;\n    };\n};\n\nconst PlasmaModal = factory<PlasmaModalFactory>((props: MantineModalProps, ref) => (\n    <MantineModal ref={ref} {...props} />\n));\n\nPlasmaModal.displayName = '@coveord/plasma-mantine/Modal';\nPlasmaModal.Root = MantineModal.Root;\nPlasmaModal.Body = MantineModal.Body;\nPlasmaModal.Overlay = MantineModal.Overlay;\nPlasmaModal.Content = MantineModal.Content;\nPlasmaModal.Header = MantineModal.Header;\nPlasmaModal.Title = MantineModal.Title;\nPlasmaModal.CloseButton = MantineModal.CloseButton;\nPlasmaModal.Stack = MantineModal.Stack;\nPlasmaModal.Footer = PlasmaModalFooter;\n\nexport const Modal = PlasmaModal;\n\nexport type ModalFactory = PlasmaModalFactory;\n"],"names":["Modal","PlasmaModal","factory","props","ref","MantineModal","displayName","Root","Body","Overlay","Content","Header","Title","CloseButton","Stack","Footer","PlasmaModalFooter"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;;oBAzBN;2BACwC;AAS/C,IAAMC,cAAcC,IAAAA,aAAO,EAAqB,SAACC,OAA0BC;yBACvE,qBAACC,WAAY;QAACD,KAAKA;OAASD;;AAGhCF,YAAYK,WAAW,GAAG;AAC1BL,YAAYM,IAAI,GAAGF,WAAY,CAACE,IAAI;AACpCN,YAAYO,IAAI,GAAGH,WAAY,CAACG,IAAI;AACpCP,YAAYQ,OAAO,GAAGJ,WAAY,CAACI,OAAO;AAC1CR,YAAYS,OAAO,GAAGL,WAAY,CAACK,OAAO;AAC1CT,YAAYU,MAAM,GAAGN,WAAY,CAACM,MAAM;AACxCV,YAAYW,KAAK,GAAGP,WAAY,CAACO,KAAK;AACtCX,YAAYY,WAAW,GAAGR,WAAY,CAACQ,WAAW;AAClDZ,YAAYa,KAAK,GAAGT,WAAY,CAACS,KAAK;AACtCb,YAAYc,MAAM,GAAGC,wBAAiB;AAE/B,IAAMhB,QAAQC"}
+{"version":3,"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n    factory,\n    Modal as MantineModal,\n    ModalFactory as MantineModalFactory,\n    ModalProps as MantineModalProps,\n} from '@mantine/core';\nimport {Header, HeaderDocAnchorProps, HeaderProps} from '../header';\nimport {ModalFooter as PlasmaModalFooter} from './ModalFooter';\n\ninterface PlasmaModalProps extends MantineModalProps {\n    /**\n     * Description of the modal, displayed below the title.\n     */\n    description?: HeaderProps['description'];\n    /**\n     * Help link for the modal, displayed in the header.\n     * Usually provides a link to external documentation or help resources.\n     */\n    help?: HeaderDocAnchorProps;\n}\n\n// Need to redeclare the factory to override and add footer to the props type\ntype PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {\n    props: PlasmaModalProps;\n    staticComponents: MantineModalFactory['staticComponents'] & {\n        Footer: typeof PlasmaModalFooter;\n    };\n};\n\nconst PlasmaModal = factory<PlasmaModalFactory>(({title, description, help, ...otherProps}, ref) => {\n    const header =\n        typeof title === 'string' ? (\n            <Header titleComponent=\"div\" variant=\"secondary\" description={description}>\n                {title}\n                {help && <Header.DocAnchor {...help} />}\n            </Header>\n        ) : (\n            title\n        );\n    return <MantineModal ref={ref} title={header} {...otherProps} />;\n});\n\nPlasmaModal.displayName = '@coveord/plasma-mantine/Modal';\nPlasmaModal.Root = MantineModal.Root;\nPlasmaModal.Body = MantineModal.Body;\nPlasmaModal.Overlay = MantineModal.Overlay;\nPlasmaModal.Content = MantineModal.Content;\nPlasmaModal.Header = MantineModal.Header;\nPlasmaModal.Title = MantineModal.Title;\nPlasmaModal.CloseButton = MantineModal.CloseButton;\nPlasmaModal.Stack = MantineModal.Stack;\nPlasmaModal.Footer = PlasmaModalFooter;\n\nexport const Modal = PlasmaModal;\nexport type ModalProps = PlasmaModalProps;\n\nexport type ModalFactory = PlasmaModalFactory;\n"],"names":["Modal","PlasmaModal","factory","ref","title","description","help","otherProps","header","Header","titleComponent","variant","DocAnchor","MantineModal","displayName","Root","Body","Overlay","Content","Title","CloseButton","Stack","Footer","PlasmaModalFooter"],"mappings":";;;;+BAqDaA;;;eAAAA;;;;;;oBAhDN;sBACiD;2BACT;AAsB/C,IAAMC,cAAcC,IAAAA,aAAO,EAAqB,iBAA4CC;QAA1CC,eAAAA,OAAOC,qBAAAA,aAAaC,cAAAA,MAASC;QAA7BH;QAAOC;QAAaC;;IAClE,IAAME,SACF,OAAOJ,UAAU,yBACb,sBAACK,cAAM;QAACC,gBAAe;QAAMC,SAAQ;QAAYN,aAAaA;;YACzDD;YACAE,sBAAQ,qBAACG,cAAM,CAACG,SAAS,uBAAKN;;SAGnCF;IAER,qBAAO,qBAACS,WAAY;QAACV,KAAKA;QAAKC,OAAOI;OAAYD;AACtD;AAEAN,YAAYa,WAAW,GAAG;AAC1Bb,YAAYc,IAAI,GAAGF,WAAY,CAACE,IAAI;AACpCd,YAAYe,IAAI,GAAGH,WAAY,CAACG,IAAI;AACpCf,YAAYgB,OAAO,GAAGJ,WAAY,CAACI,OAAO;AAC1ChB,YAAYiB,OAAO,GAAGL,WAAY,CAACK,OAAO;AAC1CjB,YAAYQ,MAAM,GAAGI,WAAY,CAACJ,MAAM;AACxCR,YAAYkB,KAAK,GAAGN,WAAY,CAACM,KAAK;AACtClB,YAAYmB,WAAW,GAAGP,WAAY,CAACO,WAAW;AAClDnB,YAAYoB,KAAK,GAAGR,WAAY,CAACQ,KAAK;AACtCpB,YAAYqB,MAAM,GAAGC,wBAAiB;AAE/B,IAAMvB,QAAQC"}

package/dist/cjs/components/modal/ModalFooter.d.ts

@@ -1,10 +1,6 @@
 import { Factory } from '@mantine/core';
 import { StickyFooterProps, StickyFooterStylesNames } from '../sticky-footer';
 export interface ModalFooterProps extends Omit<StickyFooterProps, 'variant'> {
-    /**
-     * If the footer is sticky, its margin will be adjusted to counteract the padding of the Modal.Body, ensuring the footer visually sticks to the bottom of the modal.
-     */
-    sticky?: boolean;
 }
 export type ModalFooterStylesNames = StickyFooterStylesNames;
 export type ModalFooterFactory = Factory<{

package/dist/cjs/components/modal/ModalFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/ModalFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,EAAU,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAe,iBAAiB,EAAE,uBAAuB,EAAC,MAAM,kBAAkB,CAAC;AAG1F,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IACxE;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;CACvC,CAAC,CAAC;AAOH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;EA4BrC,CAAC"}
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/ModalFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAU,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAe,iBAAiB,EAAE,uBAAuB,EAAC,MAAM,kBAAkB,CAAC;AAG1F,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;CAAG;AAE/E,MAAM,MAAM,sBAAsB,GAAG,uBAAuB,CAAC;AAE7D,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,sBAAsB,CAAC;CACvC,CAAC,CAAC;AAOH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,sBAAsB;EAsBrC,CAAC"}

package/dist/cjs/components/modal/ModalFooter.js

@@ -8,24 +8,18 @@ Object.defineProperty(exports, "ModalFooter", {
         return ModalFooter;
     }
 });
-var _define_property = require("@swc/helpers/_/_define_property");
 var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
 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 _react = require("react");
-var _clsx = /*#__PURE__*/ _interop_require_default._(require("clsx"));
 var _core = require("@mantine/core");
 var _stickyfooter = require("../sticky-footer");
-var _Modalmodulecss = /*#__PURE__*/ _interop_require_default._(require("./Modal.module.css"));
+var _ModalFootermodulecss = /*#__PURE__*/ _interop_require_default._(require("./ModalFooter.module.css"));
 var ensuresFooterHasEvenHeight = function(footer) {
     var remainder = footer.offsetHeight % 2;
     footer.style.height = "".concat(footer.offsetHeight - remainder + 2, "px");
 };
-var ModalFooter = (0, _core.factory)(function(_param, ref) {
-    var sticky = _param.sticky, props = _object_without_properties._(_param, [
-        "sticky"
-    ]);
+var ModalFooter = (0, _core.factory)(function(props, ref) {
     var _ref = (0, _react.useRef)();
     var footerRef = ref || _ref;
     (0, _react.useEffect)(function() {
@@ -38,7 +32,7 @@ var ModalFooter = (0, _core.factory)(function(_param, ref) {
         props.h
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stickyfooter.StickyFooter, _object_spread._({
-        className: (0, _clsx.default)(_Modalmodulecss.default.footer, _define_property._({}, _Modalmodulecss.default.modalFooterSticky, !!sticky)),
+        className: _ModalFootermodulecss.default.root,
         ref: footerRef
     }, props));
 });

package/dist/cjs/components/modal/ModalFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modal/ModalFooter.tsx"],"sourcesContent":["import {useRef, useEffect} from 'react';\nimport clsx from 'clsx';\nimport {Factory, factory} from '@mantine/core';\nimport {StickyFooter, StickyFooterProps, StickyFooterStylesNames} from '../sticky-footer';\nimport classes from './Modal.module.css';\n\nexport interface ModalFooterProps extends Omit<StickyFooterProps, 'variant'> {\n    /**\n     * If the footer is sticky, its margin will be adjusted to counteract the padding of the Modal.Body, ensuring the footer visually sticks to the bottom of the modal.\n     */\n    sticky?: boolean;\n}\n\nexport type ModalFooterStylesNames = StickyFooterStylesNames;\n\nexport type ModalFooterFactory = Factory<{\n    props: ModalFooterProps;\n    ref: HTMLDivElement;\n    stylesNames: ModalFooterStylesNames;\n}>;\n\nconst ensuresFooterHasEvenHeight = (footer: HTMLElement) => {\n    const remainder = footer.offsetHeight % 2;\n    footer.style.height = `${footer.offsetHeight - remainder + 2}px`;\n};\n\nexport const ModalFooter = factory<ModalFooterFactory>(({sticky, ...props}, ref) => {\n    const _ref = useRef<HTMLDivElement>();\n\n    const footerRef = ref || _ref;\n\n    useEffect(() => {\n        if (typeof footerRef !== 'function' && footerRef.current) {\n            ensuresFooterHasEvenHeight(footerRef.current);\n        }\n\n        // if ref === 'function', this is a callback ref. Haven't found any solution for adjusting the height in this case\n    }, [ref, props.h]);\n\n    return (\n        <StickyFooter\n            className={clsx(classes.footer, {[classes.modalFooterSticky]: !!sticky})}\n            ref={footerRef}\n            {...props}\n        />\n    );\n});\n"],"names":["ModalFooter","ensuresFooterHasEvenHeight","footer","remainder","offsetHeight","style","height","factory","ref","sticky","props","_ref","useRef","footerRef","useEffect","current","h","StickyFooter","className","clsx","classes","modalFooterSticky"],"mappings":";;;;+BA0BaA;;;eAAAA;;;;;;;;qBA1BmB;6DACf;oBACc;4BACwC;uEACnD;AAiBpB,IAAMC,6BAA6B,SAACC;IAChC,IAAMC,YAAYD,OAAOE,YAAY,GAAG;IACxCF,OAAOG,KAAK,CAACC,MAAM,GAAG,AAAC,GAAsC,OAApCJ,OAAOE,YAAY,GAAGD,YAAY,GAAE;AACjE;AAEO,IAAMH,cAAcO,IAAAA,aAAO,EAAqB,iBAAqBC;QAAnBC,gBAAAA,QAAWC;QAAXD;;IACrD,IAAME,OAAOC,IAAAA,aAAM;IAEnB,IAAMC,YAAYL,OAAOG;IAEzBG,IAAAA,gBAAS,EAAC;QACN,IAAI,OAAOD,cAAc,cAAcA,UAAUE,OAAO,EAAE;YACtDd,2BAA2BY,UAAUE,OAAO;QAChD;IAEA,kHAAkH;IACtH,GAAG;QAACP;QAAKE,MAAMM,CAAC;KAAC;IAEjB,qBACI,qBAACC,0BAAY;QACTC,WAAWC,IAAAA,aAAI,EAACC,uBAAO,CAAClB,MAAM,EAAG,uBAACkB,uBAAO,CAACC,iBAAiB,EAAG,CAAC,CAACZ;QAChED,KAAKK;OACDH;AAGhB"}
+{"version":3,"sources":["../../../../src/components/modal/ModalFooter.tsx"],"sourcesContent":["import {useRef, useEffect} from 'react';\nimport {Factory, factory} from '@mantine/core';\nimport {StickyFooter, StickyFooterProps, StickyFooterStylesNames} from '../sticky-footer';\nimport classes from './ModalFooter.module.css';\n\nexport interface ModalFooterProps extends Omit<StickyFooterProps, 'variant'> {}\n\nexport type ModalFooterStylesNames = StickyFooterStylesNames;\n\nexport type ModalFooterFactory = Factory<{\n    props: ModalFooterProps;\n    ref: HTMLDivElement;\n    stylesNames: ModalFooterStylesNames;\n}>;\n\nconst ensuresFooterHasEvenHeight = (footer: HTMLElement) => {\n    const remainder = footer.offsetHeight % 2;\n    footer.style.height = `${footer.offsetHeight - remainder + 2}px`;\n};\n\nexport const ModalFooter = factory<ModalFooterFactory>((props, ref) => {\n    const _ref = useRef<HTMLDivElement>();\n\n    const footerRef = ref || _ref;\n\n    useEffect(() => {\n        if (typeof footerRef !== 'function' && footerRef.current) {\n            ensuresFooterHasEvenHeight(footerRef.current);\n        }\n\n        // if ref === 'function', this is a callback ref. Haven't found any solution for adjusting the height in this case\n    }, [ref, props.h]);\n\n    return <StickyFooter className={classes.root} ref={footerRef} {...props} />;\n});\n"],"names":["ModalFooter","ensuresFooterHasEvenHeight","footer","remainder","offsetHeight","style","height","factory","props","ref","_ref","useRef","footerRef","useEffect","current","h","StickyFooter","className","classes","root"],"mappings":";;;;+BAoBaA;;;eAAAA;;;;;;qBApBmB;oBACD;4BACwC;6EACnD;AAYpB,IAAMC,6BAA6B,SAACC;IAChC,IAAMC,YAAYD,OAAOE,YAAY,GAAG;IACxCF,OAAOG,KAAK,CAACC,MAAM,GAAG,AAAC,GAAsC,OAApCJ,OAAOE,YAAY,GAAGD,YAAY,GAAE;AACjE;AAEO,IAAMH,cAAcO,IAAAA,aAAO,EAAqB,SAACC,OAAOC;IAC3D,IAAMC,OAAOC,IAAAA,aAAM;IAEnB,IAAMC,YAAYH,OAAOC;IAEzBG,IAAAA,gBAAS,EAAC;QACN,IAAI,OAAOD,cAAc,cAAcA,UAAUE,OAAO,EAAE;YACtDb,2BAA2BW,UAAUE,OAAO;QAChD;IAEA,kHAAkH;IACtH,GAAG;QAACL;QAAKD,MAAMO,CAAC;KAAC;IAEjB,qBAAO,qBAACC,0BAAY;QAACC,WAAWC,6BAAO,CAACC,IAAI;QAAEV,KAAKG;OAAeJ;AACtE"}

package/dist/cjs/components/modal/ModalFooter.module.css

@@ -0,0 +1,10 @@
+:global(.mantine-Modal-body) {
+    .root {
+        margin: calc(-1 * var(--mb-padding));
+        margin-top: 0;
+    }
+}
+
+.root {
+    padding: var(--mb-padding, var(--mantine-spacing-lg, 32px));
+}

package/dist/cjs/components/prompt/Prompt.d.ts

@@ -7,7 +7,7 @@ export type PromptVariant = 'success' | 'warning' | 'critical' | 'info';
 export type PromptVars = {
     root: '--prompt-icon-size';
 };
-export type PromptStylesNames = ModalStylesNames | 'icon' | PromptCancelButtonStylesNamesVariant | PromptConfirmButtonStylesNamesVariant;
+export type PromptStylesNames = Exclude<ModalStylesNames, 'title'> | 'icon' | PromptCancelButtonStylesNamesVariant | PromptConfirmButtonStylesNamesVariant;
 export interface PromptProps extends StylesApiProps<PromptFactory>, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {
     /**
      * Controls prompt appearance
@@ -17,7 +17,6 @@ export interface PromptProps extends StylesApiProps<PromptFactory>, Omit<ModalRo
     variant?: PromptVariant;
     children: ReactNode;
     title: ReactNode;
-    icon?: ReactNode;
 }
 export type PromptFactory = Factory<{
     props: PromptProps;

package/dist/cjs/components/prompt/Prompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,OAAO,EAEP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAO/B,OAAO,EAAC,kBAAkB,EAAE,oCAAoC,EAAC,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAC,mBAAmB,EAAE,qCAAqC,EAAC,MAAM,uBAAuB,CAAC;AAEjG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG;IAAC,IAAI,EAAE,oBAAoB,CAAA;CAAC,CAAC;AACtD,MAAM,MAAM,iBAAiB,GACvB,gBAAgB,GAChB,MAAM,GACN,oCAAoC,GACpC,qCAAqC,CAAC;AAE5C,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1D;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,EAAE;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAoBH,eAAO,MAAM,MAAM;WA9BR,WAAW;SACb,cAAc;UACb,UAAU;aACP,aAAa;iBACT,iBAAiB;sBACZ;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC;KAC/B;EAwEH,CAAC"}
+{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAIjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAwC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvE,OAAO,EAAC,KAAK,EAAC,MAAM,UAAU,CAAC;AAG/B,OAAO,EAAC,kBAAkB,EAAE,oCAAoC,EAAC,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAC,mBAAmB,EAAE,qCAAqC,EAAC,MAAM,uBAAuB,CAAC;AAMjG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AACxE,MAAM,MAAM,UAAU,GAAG;IAAC,IAAI,EAAE,oBAAoB,CAAA;CAAC,CAAC;AACtD,MAAM,MAAM,iBAAiB,GACvB,OAAO,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAClC,MAAM,GACN,oCAAoC,GACpC,qCAAqC,CAAC;AAE5C,MAAM,WAAW,WACb,SAAQ,cAAc,CAAC,aAAa,CAAC,EACjC,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC1D;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,EAAE;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAcH,eAAO,MAAM,MAAM;WAxBR,WAAW;SACb,cAAc;UACb,UAAU;aACP,aAAa;iBACT,iBAAiB;sBACZ;QACd,YAAY,EAAE,OAAO,kBAAkB,CAAC;QACxC,aAAa,EAAE,OAAO,mBAAmB,CAAC;QAC1C,MAAM,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC;KAC/B;EA8DH,CAAC"}

package/dist/cjs/components/prompt/Prompt.js

@@ -16,38 +16,29 @@ var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _react = require("react");
 var _modal = require("../modal");
-var _criticalsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/critical.svg"));
-var _infosvg = /*#__PURE__*/ _interop_require_default._(require("./icons/info.svg"));
-var _successsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/success.svg"));
-var _warningsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/warning.svg"));
 var _Promptcontext = require("./Prompt.context");
 var _Promptmodulecss = /*#__PURE__*/ _interop_require_default._(require("./Prompt.module.css"));
 var _PromptCancelButton = require("./PromptCancelButton");
 var _PromptConfirmButton = require("./PromptConfirmButton");
-var PROMPT_VARIANT_ICONS_SRC = {
-    success: _successsvg.default,
-    warning: _warningsvg.default,
-    critical: _criticalsvg.default,
-    info: _infosvg.default
+var _CriticalIcon = /*#__PURE__*/ _interop_require_default._(require("./icons/CriticalIcon"));
+var _InfoIcon = /*#__PURE__*/ _interop_require_default._(require("./icons/InfoIcon"));
+var _SuccessIcon = /*#__PURE__*/ _interop_require_default._(require("./icons/SuccessIcon"));
+var _WarningIcon = /*#__PURE__*/ _interop_require_default._(require("./icons/WarningIcon"));
+var PromptVariantIconsMapping = {
+    success: _SuccessIcon.default,
+    warning: _WarningIcon.default,
+    critical: _CriticalIcon.default,
+    info: _InfoIcon.default
 };
 var defaultProps = {
     variant: 'info',
     centered: true
 };
-var varsResolver = (0, _core.createVarsResolver)(function(_theme, param) {
-    var icon = param.icon;
-    return {
-        root: {
-            '--prompt-icon-size': icon ? undefined : '88px'
-        }
-    };
-});
 var Prompt = (0, _core.factory)(function(_props, ref) {
     var props = (0, _core.useProps)('Prompt', defaultProps, _props);
-    var variant = props.variant, title = props.title, icon = props.icon, children = props.children, className = props.className, classNames = props.classNames, style = props.style, styles = props.styles, unstyled = props.unstyled, vars = props.vars, others = _object_without_properties._(props, [
+    var variant = props.variant, title = props.title, children = props.children, className = props.className, classNames = props.classNames, style = props.style, styles = props.styles, unstyled = props.unstyled, vars = props.vars, others = _object_without_properties._(props, [
         "variant",
         "title",
-        "icon",
         "children",
         "className",
         "classNames",
@@ -65,8 +56,7 @@ var Prompt = (0, _core.factory)(function(_props, ref) {
         classNames: classNames,
         styles: styles,
         unstyled: unstyled,
-        vars: vars,
-        varsResolver: varsResolver
+        vars: vars
     });
     var stylesApiProps = {
         classNames: classNames,
@@ -75,8 +65,9 @@ var Prompt = (0, _core.factory)(function(_props, ref) {
     var footers = [];
     var otherChildren = [];
     _react.Children.forEach(children, function(child) {
-        (child.type === _modal.Modal.Footer ? footers : otherChildren).push(child);
+        (child.type === Prompt.Footer ? footers : otherChildren).push(child);
     });
+    var IconComponent = PromptVariantIconsMapping[variant];
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Promptcontext.PromptContextProvider, {
         value: {
             variant: variant,
@@ -93,15 +84,14 @@ var Prompt = (0, _core.factory)(function(_props, ref) {
                     children: [
                         /*#__PURE__*/ (0, _jsxruntime.jsxs)(_modal.Modal.Header, _object_spread_props._(_object_spread._({}, getStyles('header', stylesApiProps)), {
                             children: [
-                                icon || icon === null ? icon : /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Image, _object_spread_props._(_object_spread._({
-                                    alt: "",
-                                    role: "presentation"
-                                }, getStyles('icon', stylesApiProps)), {
-                                    src: PROMPT_VARIANT_ICONS_SRC[variant]
-                                })),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_modal.Modal.Title, _object_spread_props._(_object_spread._({}, getStyles('title', stylesApiProps)), {
-                                    children: title
-                                })),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(IconComponent, {}),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_modal.Modal.Title, {
+                                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Title, {
+                                        order: 3,
+                                        component: "div",
+                                        children: title
+                                    })
+                                }),
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_modal.Modal.CloseButton, _object_spread._({}, getStyles('close', stylesApiProps)))
                             ]
                         })),