@coveord/plasma-mantine 55.7.3 → 55.8.2

package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts

@@ -21,6 +21,14 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
     variant: import("@mantine/core").ButtonVariant;
     staticComponents: {
         Group: typeof import("@mantine/core").ButtonGroup;
+        Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
     };
 }> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
     props: ButtonProps;
@@ -31,6 +39,14 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
     variant: import("@mantine/core").ButtonVariant;
     staticComponents: {
         Group: typeof import("@mantine/core").ButtonGroup;
+        Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
     };
 }> & import("@mantine/core/lib/core/factory/polymorphic-factory").PolymorphicComponentWithProps<{
     props: ButtonProps;
@@ -41,9 +57,25 @@ export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import(
     variant: import("@mantine/core").ButtonVariant;
     staticComponents: {
         Group: typeof import("@mantine/core").ButtonGroup;
+        Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+        DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
     };
 }> & {
     Group: typeof import("@mantine/core").ButtonGroup;
+    Primary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    Secondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    Tertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    Quaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    DestructivePrimary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    DestructiveSecondary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    DestructiveTertiary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
+    DestructiveQuaternary: <L = "button">(props: import("@mantine/core").PolymorphicComponentProps<L, ButtonProps>) => React.ReactElement;
 }>(props: import("@mantine/core").PolymorphicComponentProps<C, InlineConfirmTargetProps>) => React.ReactElement) & Omit<import("react").FunctionComponent<(InlineConfirmTargetProps & {
     component?: any;
 } & Omit<Omit<any, "ref">, "component" | keyof InlineConfirmTargetProps> & {

package/dist/esm/components/inline-confirm/InlineConfirmTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,yGAWM,MAAO,YAAY;;;;;;eAMc,MAAO,WACrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6FAD+B,MAAO,YAAY;;;;;;eAI6G,MAAO,WAAW;;mCADzL,CAAC"}
+{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAC,4BAA4B,EAAC,MAAM,iBAAiB,CAAC;AAG7D,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,4BAA4B;IACvF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB,yGAWM,MAAO,YAAY;;;;;;eAMc,MAAO,WACrE;;;;;;;;;;;6GAhBD,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;;;;;;;;6GAFO,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;;;;;;;;6GAFO,MACI,YACX;+GAFO,MACI,YACX;8GAFO,MACI,YACX;gHAFO,MACI,YACX;wHAFO,MACI,YACX;0HAFO,MACI,YACX;yHAFO,MACI,YACX;2HAFO,MACI,YACX;;;;yGAFO,MACI,YACX;2GAFO,MACI,YACX;0GAFO,MACI,YACX;4GAFO,MACI,YACX;oHAFO,MACI,YACX;sHAFO,MACI,YACX;qHAFO,MACI,YACX;uHAFO,MACI,YACX;6FAauC,MAAO,YAAY;;;;;;eAI6G,MAAO,WAAW;;mCADzL,CAAC"}

package/dist/esm/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/esm/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/esm/components/last-updated/LastUpdated.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { factory, Group, Text, useProps, useStyles } from '@mantine/core';
+import dayjs from 'dayjs';
+import React from 'react';
+const defaultProps = {
+    label: 'Last update:',
+    formatter: (time)=>dayjs(time).format('h:mm:ss A')
+};
+export const LastUpdated = factory((props, ref)=>{
+    const { formatter, label, time, classNames, className, styles, style, vars, unstyled, ...others } = useProps('PlasmaLastUpdated', defaultProps, props);
+    const resolvedTime = time ?? dayjs().valueOf();
+    const getStyles = useStyles({
+        name: 'LastUpdated',
+        classes: {},
+        props,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars
+    });
+    const stylesApiProps = {
+        classNames,
+        styles
+    };
+    return /*#__PURE__*/ _jsx(Group, {
+        justify: props.justify,
+        ref: ref,
+        ...getStyles('root', {
+            className,
+            style,
+            ...stylesApiProps
+        }),
+        ...others,
+        children: /*#__PURE__*/ _jsxs(Text, {
+            size: "xs",
+            ...getStyles('label', {
+                className,
+                style,
+                ...stylesApiProps
+            }),
+            children: [
+                label,
+                /*#__PURE__*/ _jsx("span", {
+                    role: "timer",
+                    children: formatter(resolvedTime)
+                })
+            ]
+        })
+    });
+});
+
+//# sourceMappingURL=LastUpdated.js.map

package/dist/esm/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":["factory","Group","Text","useProps","useStyles","dayjs","React","defaultProps","label","formatter","time","format","LastUpdated","props","ref","classNames","className","styles","style","vars","unstyled","others","resolvedTime","valueOf","getStyles","name","classes","stylesApiProps","justify","size","span","role"],"mappings":";AAAA,SAAkBA,OAAO,EAAWC,KAAK,EAA8BC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,QAAO,gBAAgB;AACvH,OAAOC,WAAW,QAAQ;AAC1B,OAAOC,WAAW,QAAQ;AA8B1B,MAAMC,eAA0C;IAC5CC,OAAO;IACPC,WAAW,CAACC,OAASL,MAAMK,MAAMC,MAAM,CAAC;AAC5C;AAEA,OAAO,MAAMC,cAAcZ,QACvB,CAACa,OAAyBC;IACtB,MAAM,EAACL,SAAS,EAAED,KAAK,EAAEE,IAAI,EAAEK,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,QAAO,GAAGlB,SAC9F,qBACAI,cACAM;IAGJ,MAAMS,eAAeZ,QAAQL,QAAQkB,OAAO;IAE5C,MAAMC,YAAYpB,UAA8B;QAC5CqB,MAAM;QACNC,SAAS,CAAC;QACVb;QACAG;QACAE;QACAH;QACAE;QACAG;QACAD;IACJ;IACA,MAAMQ,iBAAiB;QAACZ;QAAYE;IAAM;IAE1C,qBACI,KAAChB;QACG2B,SAASf,MAAMe,OAAO;QACtBd,KAAKA;QACJ,GAAGU,UAAU,QAAQ;YAACR;YAAWE;YAAO,GAAGS,cAAc;QAAA,EAAE;QAC3D,GAAGN,MAAM;kBAEV,cAAA,MAACnB;YAAK2B,MAAK;YAAM,GAAGL,UAAU,SAAS;gBAACR;gBAAWE;gBAAO,GAAGS,cAAc;YAAA,EAAE;;gBACxEnB;8BACD,KAACsB;oBAAKC,MAAK;8BAAStB,UAAUa;;;;;AAI9C,GACF"}

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

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

package/dist/esm/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/esm/components/last-updated/index.js

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

package/dist/esm/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":"AAAA,cAAc,gBAAgB"}

package/dist/esm/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/esm/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/esm/components/loader/CircleLoader.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@mantine/core';
+import cx from 'clsx';
+import { forwardRef } from 'react';
+import classes from './CircleLoader.module.css';
+export const CircleLoader = /*#__PURE__*/ forwardRef(({ className, ...others }, ref)=>/*#__PURE__*/ _jsx(Box, {
+        component: "span",
+        className: cx(classes.root, className),
+        ...others,
+        ref: ref
+    }));
+
+//# sourceMappingURL=CircleLoader.js.map

package/dist/esm/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":["Box","cx","forwardRef","classes","CircleLoader","className","others","ref","component","root"],"mappings":";AAAA,SAAQA,GAAG,QAA+B,gBAAgB;AAC1D,OAAOC,QAAQ,OAAO;AACtB,SAAQC,UAAU,QAAO,QAAQ;AACjC,OAAOC,aAAa,4BAA4B;AAEhD,OAAO,MAAMC,6BAAuCF,WAAW,CAAC,EAACG,SAAS,EAAE,GAAGC,QAAO,EAAEC,oBACpF,KAACP;QAAIQ,WAAU;QAAOH,WAAWJ,GAAGE,QAAQM,IAAI,EAAEJ;QAAa,GAAGC,MAAM;QAAEC,KAAKA;QAChF"}

package/dist/esm/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/esm/components/loader/index.d.ts

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

package/dist/esm/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/esm/components/loader/index.js

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

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

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

package/dist/esm/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/esm/components/menu/Menu.js

@@ -10,7 +10,11 @@ const _MenuItem = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, disable
         children: /*#__PURE__*/ _jsx(MantineMenu.Item, {
             ref: ref,
             disabled: disabled,
-            ...others
+            "data-disabled": disabled,
+            ...others,
+            ...disabled && others.href ? {
+                href: undefined
+            } : {}
         })
     }));
 const MenuItem = createPolymorphicComponent(_MenuItem);

package/dist/esm/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","MantineMenu","forwardRef","createPolymorphicComponent","overrideComponent","ButtonWithDisabledTooltip","_MenuItem","disabledTooltip","disabled","disabledTooltipProps","others","ref","Item","MenuItem","displayName"],"mappings":";AAAA,SAAQA,QAAQC,WAAW,QAA8C,gBAAgB;AACzF,SAAQC,UAAU,QAAO,QAAQ;AAEjC,SAAQC,0BAA0B,EAAEC,iBAAiB,QAAO,cAAc;AAE1E,SAAQC,yBAAyB,QAAO,sCAAsC;AAI9E,MAAMC,0BAAYJ,WACd,CAAC,EAACK,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAE,GAAGC,QAAO,EAAEC,oBAC3D,KAACN;QACGG,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;kBAEtB,cAAA,KAACR,YAAYW,IAAI;YAACD,KAAKA;YAAKH,UAAUA;YAAW,GAAGE,MAAM;;;AAKtE,MAAMG,WAAWV,2BAAoDG;AAErE,OAAO,MAAMN,OAAOI,kBAAkBH,aAAa;IAC/Ca,aAAa;IACbF,MAAMC;AACV,GAAG"}
+{"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","MantineMenu","forwardRef","createPolymorphicComponent","overrideComponent","ButtonWithDisabledTooltip","_MenuItem","disabledTooltip","disabled","disabledTooltipProps","others","ref","Item","data-disabled","href","undefined","MenuItem","displayName"],"mappings":";AAAA,SAAQA,QAAQC,WAAW,QAA8C,gBAAgB;AACzF,SAAQC,UAAU,QAAO,QAAQ;AAEjC,SAAQC,0BAA0B,EAAEC,iBAAiB,QAAO,cAAc;AAE1E,SAAQC,yBAAyB,QAAO,sCAAsC;AAI9E,MAAMC,0BAAYJ,WACd,CAAC,EAACK,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAE,GAAGC,QAAO,EAAEC,oBAC3D,KAACN;QACGG,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;kBAEtB,cAAA,KAACR,YAAYW,IAAI;YACbD,KAAKA;YACLH,UAAUA;YACVK,iBAAeL;YACd,GAAGE,MAAM;YACT,GAAIF,YAAY,AAACE,OAAeI,IAAI,GAAG;gBAACA,MAAMC;YAAS,IAAI,CAAC,CAAC;;;AAM9E,MAAMC,WAAWb,2BAAoDG;AAErE,OAAO,MAAMN,OAAOI,kBAAkBH,aAAa;IAC/CgB,aAAa;IACbL,MAAMI;AACV,GAAG"}

package/dist/esm/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/esm/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/esm/components/modal/Modal.js

@@ -1,10 +1,25 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { factory, Modal as MantineModal } from '@mantine/core';
+import { Header } from '../header';
 import { ModalFooter as PlasmaModalFooter } from './ModalFooter';
-const PlasmaModal = factory((props, ref)=>/*#__PURE__*/ _jsx(MantineModal, {
+const PlasmaModal = factory(({ title, description, help, ...otherProps }, ref)=>{
+    const header = typeof title === 'string' ? /*#__PURE__*/ _jsxs(Header, {
+        titleComponent: "div",
+        variant: "secondary",
+        description: description,
+        children: [
+            title,
+            help && /*#__PURE__*/ _jsx(Header.DocAnchor, {
+                ...help
+            })
+        ]
+    }) : title;
+    return /*#__PURE__*/ _jsx(MantineModal, {
         ref: ref,
-        ...props
-    }));
+        title: header,
+        ...otherProps
+    });
+});
 PlasmaModal.displayName = '@coveord/plasma-mantine/Modal';
 PlasmaModal.Root = MantineModal.Root;
 PlasmaModal.Body = MantineModal.Body;

package/dist/esm/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":["factory","Modal","MantineModal","ModalFooter","PlasmaModalFooter","PlasmaModal","props","ref","displayName","Root","Body","Overlay","Content","Header","Title","CloseButton","Stack","Footer"],"mappings":";AAAA,SACIA,OAAO,EACPC,SAASC,YAAY,QAGlB,gBAAgB;AACvB,SAAQC,eAAeC,iBAAiB,QAAO,gBAAgB;AAS/D,MAAMC,cAAcL,QAA4B,CAACM,OAA0BC,oBACvE,KAACL;QAAaK,KAAKA;QAAM,GAAGD,KAAK;;AAGrCD,YAAYG,WAAW,GAAG;AAC1BH,YAAYI,IAAI,GAAGP,aAAaO,IAAI;AACpCJ,YAAYK,IAAI,GAAGR,aAAaQ,IAAI;AACpCL,YAAYM,OAAO,GAAGT,aAAaS,OAAO;AAC1CN,YAAYO,OAAO,GAAGV,aAAaU,OAAO;AAC1CP,YAAYQ,MAAM,GAAGX,aAAaW,MAAM;AACxCR,YAAYS,KAAK,GAAGZ,aAAaY,KAAK;AACtCT,YAAYU,WAAW,GAAGb,aAAaa,WAAW;AAClDV,YAAYW,KAAK,GAAGd,aAAac,KAAK;AACtCX,YAAYY,MAAM,GAAGb;AAErB,OAAO,MAAMH,QAAQI,YAAY"}
+{"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":["factory","Modal","MantineModal","Header","ModalFooter","PlasmaModalFooter","PlasmaModal","title","description","help","otherProps","ref","header","titleComponent","variant","DocAnchor","displayName","Root","Body","Overlay","Content","Title","CloseButton","Stack","Footer"],"mappings":";AAAA,SACIA,OAAO,EACPC,SAASC,YAAY,QAGlB,gBAAgB;AACvB,SAAQC,MAAM,QAA0C,YAAY;AACpE,SAAQC,eAAeC,iBAAiB,QAAO,gBAAgB;AAsB/D,MAAMC,cAAcN,QAA4B,CAAC,EAACO,KAAK,EAAEC,WAAW,EAAEC,IAAI,EAAE,GAAGC,YAAW,EAAEC;IACxF,MAAMC,SACF,OAAOL,UAAU,yBACb,MAACJ;QAAOU,gBAAe;QAAMC,SAAQ;QAAYN,aAAaA;;YACzDD;YACAE,sBAAQ,KAACN,OAAOY,SAAS;gBAAE,GAAGN,IAAI;;;SAGvCF;IAER,qBAAO,KAACL;QAAaS,KAAKA;QAAKJ,OAAOK;QAAS,GAAGF,UAAU;;AAChE;AAEAJ,YAAYU,WAAW,GAAG;AAC1BV,YAAYW,IAAI,GAAGf,aAAae,IAAI;AACpCX,YAAYY,IAAI,GAAGhB,aAAagB,IAAI;AACpCZ,YAAYa,OAAO,GAAGjB,aAAaiB,OAAO;AAC1Cb,YAAYc,OAAO,GAAGlB,aAAakB,OAAO;AAC1Cd,YAAYH,MAAM,GAAGD,aAAaC,MAAM;AACxCG,YAAYe,KAAK,GAAGnB,aAAamB,KAAK;AACtCf,YAAYgB,WAAW,GAAGpB,aAAaoB,WAAW;AAClDhB,YAAYiB,KAAK,GAAGrB,aAAaqB,KAAK;AACtCjB,YAAYkB,MAAM,GAAGnB;AAErB,OAAO,MAAMJ,QAAQK,YAAY"}

package/dist/esm/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/esm/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/esm/components/modal/ModalFooter.js

@@ -1,14 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from 'react';
-import clsx from 'clsx';
 import { factory } from '@mantine/core';
 import { StickyFooter } from '../sticky-footer';
-import classes from './Modal.module.css';
+import classes from './ModalFooter.module.css';
 const ensuresFooterHasEvenHeight = (footer)=>{
     const remainder = footer.offsetHeight % 2;
     footer.style.height = `${footer.offsetHeight - remainder + 2}px`;
 };
-export const ModalFooter = factory(({ sticky, ...props }, ref)=>{
+export const ModalFooter = factory((props, ref)=>{
     const _ref = useRef();
     const footerRef = ref || _ref;
     useEffect(()=>{
@@ -21,9 +20,7 @@ export const ModalFooter = factory(({ sticky, ...props }, ref)=>{
         props.h
     ]);
     return /*#__PURE__*/ _jsx(StickyFooter, {
-        className: clsx(classes.footer, {
-            [classes.modalFooterSticky]: !!sticky
-        }),
+        className: classes.root,
         ref: footerRef,
         ...props
     });

package/dist/esm/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":["useRef","useEffect","clsx","factory","StickyFooter","classes","ensuresFooterHasEvenHeight","footer","remainder","offsetHeight","style","height","ModalFooter","sticky","props","ref","_ref","footerRef","current","h","className","modalFooterSticky"],"mappings":";AAAA,SAAQA,MAAM,EAAEC,SAAS,QAAO,QAAQ;AACxC,OAAOC,UAAU,OAAO;AACxB,SAAiBC,OAAO,QAAO,gBAAgB;AAC/C,SAAQC,YAAY,QAAmD,mBAAmB;AAC1F,OAAOC,aAAa,qBAAqB;AAiBzC,MAAMC,6BAA6B,CAACC;IAChC,MAAMC,YAAYD,OAAOE,YAAY,GAAG;IACxCF,OAAOG,KAAK,CAACC,MAAM,GAAG,GAAGJ,OAAOE,YAAY,GAAGD,YAAY,EAAE,EAAE,CAAC;AACpE;AAEA,OAAO,MAAMI,cAAcT,QAA4B,CAAC,EAACU,MAAM,EAAE,GAAGC,OAAM,EAAEC;IACxE,MAAMC,OAAOhB;IAEb,MAAMiB,YAAYF,OAAOC;IAEzBf,UAAU;QACN,IAAI,OAAOgB,cAAc,cAAcA,UAAUC,OAAO,EAAE;YACtDZ,2BAA2BW,UAAUC,OAAO;QAChD;IAEA,kHAAkH;IACtH,GAAG;QAACH;QAAKD,MAAMK,CAAC;KAAC;IAEjB,qBACI,KAACf;QACGgB,WAAWlB,KAAKG,QAAQE,MAAM,EAAE;YAAC,CAACF,QAAQgB,iBAAiB,CAAC,EAAE,CAAC,CAACR;QAAM;QACtEE,KAAKE;QACJ,GAAGH,KAAK;;AAGrB,GAAG"}
+{"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":["useRef","useEffect","factory","StickyFooter","classes","ensuresFooterHasEvenHeight","footer","remainder","offsetHeight","style","height","ModalFooter","props","ref","_ref","footerRef","current","h","className","root"],"mappings":";AAAA,SAAQA,MAAM,EAAEC,SAAS,QAAO,QAAQ;AACxC,SAAiBC,OAAO,QAAO,gBAAgB;AAC/C,SAAQC,YAAY,QAAmD,mBAAmB;AAC1F,OAAOC,aAAa,2BAA2B;AAY/C,MAAMC,6BAA6B,CAACC;IAChC,MAAMC,YAAYD,OAAOE,YAAY,GAAG;IACxCF,OAAOG,KAAK,CAACC,MAAM,GAAG,GAAGJ,OAAOE,YAAY,GAAGD,YAAY,EAAE,EAAE,CAAC;AACpE;AAEA,OAAO,MAAMI,cAAcT,QAA4B,CAACU,OAAOC;IAC3D,MAAMC,OAAOd;IAEb,MAAMe,YAAYF,OAAOC;IAEzBb,UAAU;QACN,IAAI,OAAOc,cAAc,cAAcA,UAAUC,OAAO,EAAE;YACtDX,2BAA2BU,UAAUC,OAAO;QAChD;IAEA,kHAAkH;IACtH,GAAG;QAACH;QAAKD,MAAMK,CAAC;KAAC;IAEjB,qBAAO,KAACd;QAAae,WAAWd,QAAQe,IAAI;QAAEN,KAAKE;QAAY,GAAGH,KAAK;;AAC3E,GAAG"}

package/dist/esm/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/esm/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/esm/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/esm/components/prompt/Prompt.js

@@ -1,33 +1,28 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, createVarsResolver, factory, Image, useProps, useStyles } from '@mantine/core';
+import { Box, factory, Title, useProps, useStyles } from '@mantine/core';
 import { Children } from 'react';
 import { Modal } from '../modal';
-import Critical from './icons/critical.svg';
-import Info from './icons/info.svg';
-import Success from './icons/success.svg';
-import Warning from './icons/warning.svg';
 import { PromptContextProvider } from './Prompt.context';
 import classes from './Prompt.module.css';
 import { PromptCancelButton } from './PromptCancelButton';
 import { PromptConfirmButton } from './PromptConfirmButton';
-const PROMPT_VARIANT_ICONS_SRC = {
-    success: Success,
-    warning: Warning,
-    critical: Critical,
-    info: Info
+import CriticalIcon from './icons/CriticalIcon';
+import InfoIcon from './icons/InfoIcon';
+import SuccessIcon from './icons/SuccessIcon';
+import WarningIcon from './icons/WarningIcon';
+const PromptVariantIconsMapping = {
+    success: SuccessIcon,
+    warning: WarningIcon,
+    critical: CriticalIcon,
+    info: InfoIcon
 };
 const defaultProps = {
     variant: 'info',
     centered: true
 };
-const varsResolver = createVarsResolver((_theme, { icon })=>({
-        root: {
-            '--prompt-icon-size': icon ? undefined : '88px'
-        }
-    }));
 export const Prompt = factory((_props, ref)=>{
     const props = useProps('Prompt', defaultProps, _props);
-    const { variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others } = props;
+    const { variant, title, children, className, classNames, style, styles, unstyled, vars, ...others } = props;
     const getStyles = useStyles({
         name: 'Prompt',
         props,
@@ -37,8 +32,7 @@ export const Prompt = factory((_props, ref)=>{
         classNames,
         styles,
         unstyled,
-        vars,
-        varsResolver
+        vars
     });
     const stylesApiProps = {
         classNames,
@@ -47,8 +41,9 @@ export const Prompt = factory((_props, ref)=>{
     const footers = [];
     const otherChildren = [];
     Children.forEach(children, (child)=>{
-        (child.type === Modal.Footer ? footers : otherChildren).push(child);
+        (child.type === Prompt.Footer ? footers : otherChildren).push(child);
     });
+    const IconComponent = PromptVariantIconsMapping[variant];
     return /*#__PURE__*/ _jsx(PromptContextProvider, {
         value: {
             variant,
@@ -70,15 +65,13 @@ export const Prompt = factory((_props, ref)=>{
                         /*#__PURE__*/ _jsxs(Modal.Header, {
                             ...getStyles('header', stylesApiProps),
                             children: [
-                                icon || icon === null ? icon : /*#__PURE__*/ _jsx(Image, {
-                                    alt: "",
-                                    role: "presentation",
-                                    ...getStyles('icon', stylesApiProps),
-                                    src: PROMPT_VARIANT_ICONS_SRC[variant]
-                                }),
+                                /*#__PURE__*/ _jsx(IconComponent, {}),
                                 /*#__PURE__*/ _jsx(Modal.Title, {
-                                    ...getStyles('title', stylesApiProps),
-                                    children: title
+                                    children: /*#__PURE__*/ _jsx(Title, {
+                                        order: 3,
+                                        component: "div",
+                                        children: title
+                                    })
                                 }),
                                 /*#__PURE__*/ _jsx(Modal.CloseButton, {
                                     ...getStyles('close', stylesApiProps)