@coveord/plasma-mantine 54.1.1 → 54.2.0

package/dist/esm/components/inline-confirm/__tests__/InlineConfirm.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=InlineConfirm.spec.d.ts.map

package/dist/esm/components/inline-confirm/__tests__/InlineConfirm.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineConfirm.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/inline-confirm/__tests__/InlineConfirm.spec.tsx"],"names":[],"mappings":""}

package/dist/esm/components/menu/Menu.d.ts

@@ -2,7 +2,7 @@ import { Menu as MantineMenu, MenuItemProps as MantineMenuItemProps } from '@man
 import { ButtonWithDisabledTooltipProps } from '../button';
 export interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {
 }
-export declare const Menu: ((_props: import("@mantine/core").MenuProps) => ReturnType<typeof MantineMenu>) & typeof MantineMenu & {
+export declare const Menu: ((_props: import("@mantine/core").MenuProps) => import("react/jsx-runtime").JSX.Element) & typeof MantineMenu & {
     displayName: string;
     Item: (<C = "button">(props: import("@mantine/utils").PolymorphicComponentProps<C, MenuItemProps>) => import("react").ReactElement) & Omit<import("react").FunctionComponent<(MenuItemProps & {
         component?: any;

package/dist/esm/components/prompt/Prompt.context.d.ts

@@ -0,0 +1,12 @@
+import { GetStylesApi } from '@mantine/core';
+import { PromptFactory, PromptVariant } from './Prompt';
+interface PromptContext {
+    variant: PromptVariant;
+    getStyles: GetStylesApi<PromptFactory>;
+}
+export declare const PromptContextProvider: ({ children, value }: {
+    value: PromptContext;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, usePromptContext: () => PromptContext;
+export {};
+//# sourceMappingURL=Prompt.context.d.ts.map

package/dist/esm/components/prompt/Prompt.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prompt.context.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAC,aAAa,EAAE,aAAa,EAAC,MAAM,UAAU,CAAC;AAEtD,UAAU,aAAa;IACnB,OAAO,EAAE,aAAa,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;CAC1C;AAED,eAAO,MAAO,qBAAqB;;cAJ7B,MAAO,SAAS;aACb,mBAAmB,eAGS,gBAAgB,qBAEpD,CAAC"}

package/dist/esm/components/prompt/Prompt.context.js

@@ -0,0 +1,4 @@
+import { createSafeContext } from '@mantine/core';
+export const [PromptContextProvider, usePromptContext] = createSafeContext('Prompt component was not found in the tree');
+
+//# sourceMappingURL=Prompt.context.js.map

package/dist/esm/components/prompt/Prompt.context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.context.ts"],"sourcesContent":["import {createSafeContext, GetStylesApi} from '@mantine/core';\nimport {PromptFactory, PromptVariant} from './Prompt';\n\ninterface PromptContext {\n    variant: PromptVariant;\n    getStyles: GetStylesApi<PromptFactory>;\n}\n\nexport const [PromptContextProvider, usePromptContext] = createSafeContext<PromptContext>(\n    'Prompt component was not found in the tree',\n);\n"],"names":["createSafeContext","PromptContextProvider","usePromptContext"],"mappings":"AAAA,SAAQA,iBAAiB,QAAqB,gBAAgB;AAQ9D,OAAO,MAAM,CAACC,uBAAuBC,iBAAiB,GAAGF,kBACrD,8CACF"}

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

@@ -1,19 +1,46 @@
-import { ModalProps } from '@mantine/core';
-import { ReactElement, ReactNode } from 'react';
+import { Factory, ModalRootProps, ModalStylesNames, StylesApiProps } from '@mantine/core';
+import { ReactNode } from 'react';
+import { PromptCancelButton, PromptCancelButtonStylesNamesVariant } from './PromptCancelButton';
+import { PromptConfirmButton } from './PromptConfirmButton';
 import { PromptFooter } from './PromptFooter';
-export interface PromptProps extends ModalProps {
+export type PromptVariant = 'success' | 'warning' | 'critical' | 'info';
+export type PromptVars = {
+    root: '--prompt-icon-size';
+};
+export type PromptStylesNames = ModalStylesNames | 'icon' | PromptCancelButtonStylesNamesVariant;
+export interface PromptProps extends StylesApiProps<PromptFactory>, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {
     /**
      * Controls prompt appearance
      *
      * @default "info"
      */
-    variant?: 'success' | 'warning' | 'critical' | 'info';
+    variant?: PromptVariant;
     children: ReactNode;
+    title: ReactNode;
+    icon?: ReactNode;
 }
-interface PromptType {
-    (props: PromptProps): ReactElement;
-    Footer: typeof PromptFooter;
-}
-export declare const Prompt: PromptType;
-export {};
+export type PromptFactory = Factory<{
+    props: PromptProps;
+    ref: HTMLDivElement;
+    vars: PromptVars;
+    variant: PromptVariant;
+    stylesNames: PromptStylesNames;
+    staticComponents: {
+        CancelButton: typeof PromptCancelButton;
+        ConfirmButton: typeof PromptConfirmButton;
+        Footer: typeof PromptFooter;
+    };
+}>;
+export declare const Prompt: import("@mantine/core").MantineComponent<{
+    props: PromptProps;
+    ref: HTMLDivElement;
+    vars: PromptVars;
+    variant: PromptVariant;
+    stylesNames: PromptStylesNames;
+    staticComponents: {
+        CancelButton: typeof PromptCancelButton;
+        ConfirmButton: typeof PromptConfirmButton;
+        Footer: typeof PromptFooter;
+    };
+}>;
 //# sourceMappingURL=Prompt.d.ts.map

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,EAAa,UAAU,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAW,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC3C;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtD,QAAQ,EAAE,SAAS,CAAC;CACvB;AACD,UAAU,UAAU;IAChB,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC;IACnC,MAAM,EAAE,OAAO,YAAY,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,UAqBpB,CAAC"}
+{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,OAAO,EAGP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAGjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAyB,SAAS,EAAC,MAAM,OAAO,CAAC;AAOxD,OAAO,EAAC,kBAAkB,EAAE,oCAAoC,EAAC,MAAM,sBAAsB,CAAC;AAC9F,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,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,GAAG,gBAAgB,GAAG,MAAM,GAAG,oCAAoC,CAAC;AAEjG,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,YAAY,CAAC;KAC/B,CAAC;CACL,CAAC,CAAC;AAmBH,eAAO,MAAM,MAAM;WA7BR,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,YAAY,CAAC;KAC/B;EAqEH,CAAC"}

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

@@ -1,37 +1,103 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Modal } from '@mantine/core';
+import { Box, createVarsResolver, factory, Image, Modal, useProps, useStyles } from '@mantine/core';
 import { Children } from 'react';
-import PromptClasses from './Prompt.module.css';
+import classes from './Prompt.module.css';
+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 { PromptCancelButton } from './PromptCancelButton';
+import { PromptConfirmButton } from './PromptConfirmButton';
 import { PromptFooter } from './PromptFooter';
-export const Prompt = ({ children, ...otherProps })=>{
-    const { classNames: classesProps, ...otherPropsWithoutClasses } = otherProps;
+const PROMPT_VARIANT_ICONS_SRC = {
+    success: Success,
+    warning: Warning,
+    critical: Critical,
+    info: Info
+};
+const defaultProps = {
+    variant: 'info'
+};
+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 getStyles = useStyles({
+        name: 'Prompt',
+        props,
+        classes,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+        varsResolver
+    });
+    const stylesApiProps = {
+        classNames,
+        styles
+    };
     const convertedChildren = Children.toArray(children);
     const otherChildren = convertedChildren.filter((child)=>child.type !== PromptFooter);
     const footer = convertedChildren.find((child)=>child.type === PromptFooter);
-    const classNames = {
-        root: PromptClasses.root,
-        header: PromptClasses.header,
-        close: PromptClasses.whiteClose,
-        body: PromptClasses.body,
-        title: PromptClasses.title
-    };
-    return /*#__PURE__*/ _jsxs(Modal, {
-        variant: "prompt",
-        classNames: {
-            ...classNames,
-            ...classesProps
+    return /*#__PURE__*/ _jsx(PromptContextProvider, {
+        value: {
+            variant,
+            getStyles
         },
-        size: "sm",
-        ...otherPropsWithoutClasses,
-        children: [
-            /*#__PURE__*/ _jsx(Box, {
-                className: PromptClasses.innerBody,
-                children: otherChildren
-            }),
-            footer
-        ]
+        children: /*#__PURE__*/ _jsxs(Modal.Root, {
+            ref: ref,
+            variant: "prompt",
+            size: "sm",
+            ...others,
+            ...getStyles('root'),
+            children: [
+                /*#__PURE__*/ _jsx(Modal.Overlay, {
+                    ...getStyles('overlay', stylesApiProps)
+                }),
+                /*#__PURE__*/ _jsxs(Modal.Content, {
+                    ...getStyles('content', stylesApiProps),
+                    children: [
+                        /*#__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(Modal.Title, {
+                                    ...getStyles('title', stylesApiProps),
+                                    children: title
+                                }),
+                                /*#__PURE__*/ _jsx(Modal.CloseButton, {
+                                    ...getStyles('close', stylesApiProps)
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Modal.Body, {
+                            ...getStyles('body', stylesApiProps),
+                            children: /*#__PURE__*/ _jsx(Box, {
+                                ...getStyles('inner', stylesApiProps),
+                                children: otherChildren
+                            })
+                        }),
+                        footer
+                    ]
+                })
+            ]
+        })
     });
-};
+});
+Prompt.CancelButton = PromptCancelButton;
+Prompt.ConfirmButton = PromptConfirmButton;
 Prompt.Footer = PromptFooter;
 
 //# sourceMappingURL=Prompt.js.map

package/dist/esm/components/prompt/Prompt.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {Box, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport PromptClasses from './Prompt.module.css';\nimport {PromptFooter} from './PromptFooter';\n\nexport interface PromptProps extends ModalProps {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: 'success' | 'warning' | 'critical' | 'info';\n    children: ReactNode;\n}\ninterface PromptType {\n    (props: PromptProps): ReactElement;\n    Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, ...otherProps}) => {\n    const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n\n    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n    const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n    const classNames = {\n        root: PromptClasses.root,\n        header: PromptClasses.header,\n        close: PromptClasses.whiteClose,\n        body: PromptClasses.body,\n        title: PromptClasses.title,\n    };\n\n    return (\n        <Modal variant=\"prompt\" classNames={{...classNames, ...classesProps}} size=\"sm\" {...otherPropsWithoutClasses}>\n            <Box className={PromptClasses.innerBody}>{otherChildren}</Box>\n            {footer}\n        </Modal>\n    );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Box","Modal","Children","PromptClasses","PromptFooter","Prompt","children","otherProps","classNames","classesProps","otherPropsWithoutClasses","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","root","header","close","whiteClose","body","title","variant","size","className","innerBody","Footer"],"mappings":";AAAA,SAAQA,GAAG,EAAEC,KAAK,QAAmB,gBAAgB;AACrD,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,OAAOC,mBAAmB,sBAAsB;AAChD,SAAQC,YAAY,QAAO,iBAAiB;AAgB5C,OAAO,MAAMC,SAAqB,CAAC,EAACC,QAAQ,EAAE,GAAGC,YAAW;IACxD,MAAM,EAACC,YAAYC,YAAY,EAAE,GAAGC,0BAAyB,GAAGH;IAChE,MAAMI,oBAAoBT,SAASU,OAAO,CAACN;IAE3C,MAAMO,gBAAgBF,kBAAkBG,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKZ;IACzE,MAAMa,SAASN,kBAAkBO,IAAI,CAAC,CAACH,QAAUA,MAAMC,IAAI,KAAKZ;IAEhE,MAAMI,aAAa;QACfW,MAAMhB,cAAcgB,IAAI;QACxBC,QAAQjB,cAAciB,MAAM;QAC5BC,OAAOlB,cAAcmB,UAAU;QAC/BC,MAAMpB,cAAcoB,IAAI;QACxBC,OAAOrB,cAAcqB,KAAK;IAC9B;IAEA,qBACI,MAACvB;QAAMwB,SAAQ;QAASjB,YAAY;YAAC,GAAGA,UAAU;YAAE,GAAGC,YAAY;QAAA;QAAGiB,MAAK;QAAM,GAAGhB,wBAAwB;;0BACxG,KAACV;gBAAI2B,WAAWxB,cAAcyB,SAAS;0BAAGf;;YACzCI;;;AAGb,EAAE;AAEFZ,OAAOwB,MAAM,GAAGzB"}
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    createVarsResolver,\n    factory,\n    Factory,\n    Image,\n    Modal,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport classes from './Prompt.module.css';\nimport Critical from './icons/critical.svg';\nimport Info from './icons/info.svg';\nimport Success from './icons/success.svg';\nimport Warning from './icons/warning.svg';\nimport {PromptContextProvider} from './Prompt.context';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton} from './PromptConfirmButton';\nimport {PromptFooter} from './PromptFooter';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames = ModalStylesNames | 'icon' | PromptCancelButtonStylesNamesVariant;\n\nexport interface PromptProps\n    extends StylesApiProps<PromptFactory>,\n        Omit<ModalRootProps, 'classNames' | 'styles' | 'vars'> {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: PromptVariant;\n    children: ReactNode;\n    title: ReactNode;\n    icon?: ReactNode;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n    staticComponents: {\n        CancelButton: typeof PromptCancelButton;\n        ConfirmButton: typeof PromptConfirmButton;\n        Footer: typeof PromptFooter;\n    };\n}>;\n\nconst PROMPT_VARIANT_ICONS_SRC: Record<PromptVariant, string> = {\n    success: Success,\n    warning: Warning,\n    critical: Critical,\n    info: Info,\n};\n\nconst defaultProps: Partial<PromptProps> = {\n    variant: 'info',\n};\n\nconst varsResolver = createVarsResolver<PromptFactory>((_theme, {icon}) => ({\n    root: {\n        '--prompt-icon-size': icon ? undefined : '88px',\n    },\n}));\n\nexport const Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {variant, title, icon, children, className, classNames, style, styles, unstyled, vars, ...others} = props;\n    const getStyles = useStyles<PromptFactory>({\n        name: 'Prompt',\n        props,\n        classes,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n        varsResolver,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n\n    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n    const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n    return (\n        <PromptContextProvider value={{variant, getStyles}}>\n            <Modal.Root ref={ref} variant=\"prompt\" size=\"sm\" {...others} {...getStyles('root')}>\n                <Modal.Overlay {...getStyles('overlay', stylesApiProps)} />\n                <Modal.Content {...getStyles('content', stylesApiProps)}>\n                    <Modal.Header {...getStyles('header', stylesApiProps)}>\n                        {icon || icon === null ? (\n                            icon\n                        ) : (\n                            <Image\n                                alt=\"\"\n                                role=\"presentation\"\n                                {...getStyles('icon', stylesApiProps)}\n                                src={PROMPT_VARIANT_ICONS_SRC[variant]}\n                            />\n                        )}\n                        <Modal.Title {...getStyles('title', stylesApiProps)}>{title}</Modal.Title>\n                        <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n                    </Modal.Header>\n                    <Modal.Body {...getStyles('body', stylesApiProps)}>\n                        <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>\n                    </Modal.Body>\n                    {footer}\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = PromptFooter;\n"],"names":["Box","createVarsResolver","factory","Image","Modal","useProps","useStyles","Children","classes","Critical","Info","Success","Warning","PromptContextProvider","PromptCancelButton","PromptConfirmButton","PromptFooter","PROMPT_VARIANT_ICONS_SRC","success","warning","critical","info","defaultProps","variant","varsResolver","_theme","icon","root","undefined","Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","name","stylesApiProps","convertedChildren","toArray","otherChildren","filter","child","type","footer","find","value","Root","size","Overlay","Content","Header","alt","role","src","Title","CloseButton","Body","CancelButton","ConfirmButton","Footer"],"mappings":";AAAA,SACIA,GAAG,EACHC,kBAAkB,EAClBC,OAAO,EAEPC,KAAK,EACLC,KAAK,EAILC,QAAQ,EACRC,SAAS,QACN,gBAAgB;AACvB,SAAQC,QAAQ,QAAgC,QAAQ;AACxD,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,cAAc,uBAAuB;AAC5C,OAAOC,UAAU,mBAAmB;AACpC,OAAOC,aAAa,sBAAsB;AAC1C,OAAOC,aAAa,sBAAsB;AAC1C,SAAQC,qBAAqB,QAAO,mBAAmB;AACvD,SAAQC,kBAAkB,QAA6C,uBAAuB;AAC9F,SAAQC,mBAAmB,QAAO,wBAAwB;AAC1D,SAAQC,YAAY,QAAO,iBAAiB;AAiC5C,MAAMC,2BAA0D;IAC5DC,SAASP;IACTQ,SAASP;IACTQ,UAAUX;IACVY,MAAMX;AACV;AAEA,MAAMY,eAAqC;IACvCC,SAAS;AACb;AAEA,MAAMC,eAAevB,mBAAkC,CAACwB,QAAQ,EAACC,IAAI,EAAC,GAAM,CAAA;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ,CAAA;AAEA,OAAO,MAAMC,SAAS3B,QAAuB,CAAC4B,QAAQC;IAClD,MAAMC,QAAQ3B,SAAS,UAAUiB,cAAcQ;IAC/C,MAAM,EAACP,OAAO,EAAEU,KAAK,EAAEP,IAAI,EAAEQ,QAAQ,EAAEC,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGT;IAC1G,MAAMU,YAAYpC,UAAyB;QACvCqC,MAAM;QACNX;QACAxB;QACA2B;QACAE;QACAD;QACAE;QACAC;QACAC;QACAhB;IACJ;IACA,MAAMoB,iBAAiB;QAACR;QAAYE;IAAM;IAE1C,MAAMO,oBAAoBtC,SAASuC,OAAO,CAACZ;IAE3C,MAAMa,gBAAgBF,kBAAkBG,MAAM,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKlC;IACzE,MAAMmC,SAASN,kBAAkBO,IAAI,CAAC,CAACH,QAAUA,MAAMC,IAAI,KAAKlC;IAEhE,qBACI,KAACH;QAAsBwC,OAAO;YAAC9B;YAASmB;QAAS;kBAC7C,cAAA,MAACtC,MAAMkD,IAAI;YAACvB,KAAKA;YAAKR,SAAQ;YAASgC,MAAK;YAAM,GAAGd,MAAM;YAAG,GAAGC,UAAU,OAAO;;8BAC9E,KAACtC,MAAMoD,OAAO;oBAAE,GAAGd,UAAU,WAAWE,eAAe;;8BACvD,MAACxC,MAAMqD,OAAO;oBAAE,GAAGf,UAAU,WAAWE,eAAe;;sCACnD,MAACxC,MAAMsD,MAAM;4BAAE,GAAGhB,UAAU,UAAUE,eAAe;;gCAChDlB,QAAQA,SAAS,OACdA,qBAEA,KAACvB;oCACGwD,KAAI;oCACJC,MAAK;oCACJ,GAAGlB,UAAU,QAAQE,eAAe;oCACrCiB,KAAK5C,wBAAwB,CAACM,QAAQ;;8CAG9C,KAACnB,MAAM0D,KAAK;oCAAE,GAAGpB,UAAU,SAASE,eAAe;8CAAGX;;8CACtD,KAAC7B,MAAM2D,WAAW;oCAAE,GAAGrB,UAAU,SAASE,eAAe;;;;sCAE7D,KAACxC,MAAM4D,IAAI;4BAAE,GAAGtB,UAAU,QAAQE,eAAe;sCAC7C,cAAA,KAAC5C;gCAAK,GAAG0C,UAAU,SAASE,eAAe;0CAAGG;;;wBAEjDI;;;;;;AAKrB,GAAG;AAEHtB,OAAOoC,YAAY,GAAGnD;AACtBe,OAAOqC,aAAa,GAAGnD;AACvBc,OAAOsC,MAAM,GAAGnD"}

package/dist/esm/components/prompt/Prompt.module.css

@@ -1,45 +1,35 @@
 .root {
-    &[data-variant='success']&[data-size] {
-        .header {
-            background-color: var(--mantine-color-lime-6);
-        }
-    }
-    &[data-variant='warning']&[data-size] {
-        .header {
-            background-color: var(--mantine-color-yellow-5);
-        }
-    }
-    &[data-variant='critical']&[data-size] {
-        .header {
-            background-color: var(--mantine-color-red-6);
-        }
+    --prompt-icon-size: 88px;
+
+    .header {
+        border-bottom: none;
+        align-items: center;
     }
-    &[data-variant='info']&[data-size] {
-        .header {
-            background-color: var(--mantine-color-navy-5);
-        }
+
+    .body {
+        padding: 0 var(--mantine-spacing-lg) var(--mantine-spacing-lg)
+            calc(var(--prompt-icon-size) + (2 * var(--mantine-spacing-lg)));
     }
 }
 
-.title {
-    color: var(--mantine-color-white);
+.icon {
+    width: var(--prompt-icon-size);
+    height: var(--prompt-icon-size);
 }
 
 .header {
+    gap: var(--mantine-spacing-lg);
     width: 100%;
-    border-bottom: 1px solid var(--mantine-color-gray-3);
     font-size: var(--mantine-h3-font-size);
     line-height: var(--mantine-h3-line-height);
     overflow-wrap: anywhere;
-    padding-top: var(--mantine-spacing-md);
-    padding-bottom: var(--mantine-spacing-md);
+    padding: var(--mantine-spacing-lg) var(--mantine-spacing-md) var(--mantine-spacing-xs) var(--mantine-spacing-lg);
 }
 
-.whiteClose {
-    @mixin light {
-        color: var(--mantine-color-white);
-        @mixin hover {
-            background-color: transparent;
-        }
-    }
+.close {
+    align-self: flex-start;
+}
+
+.inner {
+    color: var(--mantine-color-gray-7);
 }

package/dist/esm/components/prompt/PromptCancelButton.d.ts

@@ -0,0 +1,18 @@
+import { CompoundStylesApiProps, Factory } from '@mantine/core';
+import { ButtonProps } from '../button/Button';
+export type PromptCancelButtonStylesNamesVariant = 'cancel';
+export interface PromptCancelButtonProps extends CompoundStylesApiProps<PromptCancelButtonFactory>, Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {
+}
+export type PromptCancelButtonFactory = Factory<{
+    props: PromptCancelButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: PromptCancelButtonStylesNamesVariant;
+    compound: true;
+}>;
+export declare const PromptCancelButton: import("@mantine/core").MantineComponent<{
+    props: PromptCancelButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: PromptCancelButtonStylesNamesVariant;
+    compound: true;
+}>;
+//# sourceMappingURL=PromptCancelButton.d.ts.map

package/dist/esm/components/prompt/PromptCancelButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptCancelButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,sBAAsB,EAAW,OAAO,EAAW,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAG7C,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC;AAE5D,MAAM,WAAW,uBACb,SAAQ,sBAAsB,CAAC,yBAAyB,CAAC,EACrD,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAAG;AAEtF,MAAM,MAAM,yBAAyB,GAAG,OAAO,CAAC;IAC5C,KAAK,EAAE,uBAAuB,CAAC;IAC/B,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,oCAAoC,CAAC;IAClD,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAIH,eAAO,MAAM,kBAAkB;WARpB,uBAAuB;SACzB,iBAAiB;iBACT,oCAAoC;cACvC,IAAI;EAkBhB,CAAC"}

package/dist/esm/components/prompt/PromptCancelButton.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, factory, useProps } from '@mantine/core';
+import { usePromptContext } from './Prompt.context';
+const defaultProps = {};
+export const PromptCancelButton = factory((_props, ref)=>{
+    const { getStyles } = usePromptContext();
+    const props = useProps('PromptCancelButton', defaultProps, _props);
+    const { className, classNames, style, styles, unstyled, vars, ...others } = props;
+    return /*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        variant: "outline",
+        ...others,
+        ...getStyles('cancel', {
+            style,
+            styles,
+            className,
+            classNames
+        })
+    });
+});
+
+//# sourceMappingURL=PromptCancelButton.js.map

package/dist/esm/components/prompt/PromptCancelButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/PromptCancelButton.tsx"],"sourcesContent":["import {Button, CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {ButtonProps} from '../button/Button';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptCancelButtonStylesNamesVariant = 'cancel';\n\nexport interface PromptCancelButtonProps\n    extends CompoundStylesApiProps<PromptCancelButtonFactory>,\n        Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptCancelButtonFactory = Factory<{\n    props: PromptCancelButtonProps;\n    ref: HTMLButtonElement;\n    stylesNames: PromptCancelButtonStylesNamesVariant;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<PromptCancelButtonProps> = {};\n\nexport const PromptCancelButton = factory<PromptCancelButtonFactory>((_props, ref) => {\n    const {getStyles} = usePromptContext();\n    const props = useProps('PromptCancelButton', defaultProps, _props);\n    const {className, classNames, style, styles, unstyled, vars, ...others} = props;\n\n    return (\n        <Button\n            ref={ref}\n            variant=\"outline\"\n            {...others}\n            {...getStyles('cancel', {style, styles, className, classNames})}\n        />\n    );\n});\n"],"names":["Button","factory","useProps","usePromptContext","defaultProps","PromptCancelButton","_props","ref","getStyles","props","className","classNames","style","styles","unstyled","vars","others","variant"],"mappings":";AAAA,SAAQA,MAAM,EAA0BC,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AAEzF,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,eAAiD,CAAC;AAExD,OAAO,MAAMC,qBAAqBJ,QAAmC,CAACK,QAAQC;IAC1E,MAAM,EAACC,SAAS,EAAC,GAAGL;IACpB,MAAMM,QAAQP,SAAS,sBAAsBE,cAAcE;IAC3D,MAAM,EAACI,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAE1E,qBACI,KAACT;QACGO,KAAKA;QACLU,SAAQ;QACP,GAAGD,MAAM;QACT,GAAGR,UAAU,UAAU;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG3E,GAAG"}

package/dist/esm/components/prompt/PromptConfirmButton.d.ts

@@ -0,0 +1,18 @@
+import { CompoundStylesApiProps, Factory } from '@mantine/core';
+import { ButtonProps } from '../button/Button';
+export type PromptConfirmButtonStylesNamesVariant = 'confirm';
+export interface PromptConfirmButtonProps extends CompoundStylesApiProps<PromptConfirmButtonFactory>, Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {
+}
+export type PromptConfirmButtonFactory = Factory<{
+    props: PromptConfirmButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: PromptConfirmButtonStylesNamesVariant;
+    compound: true;
+}>;
+export declare const PromptConfirmButton: import("@mantine/core").MantineComponent<{
+    props: PromptConfirmButtonProps;
+    ref: HTMLButtonElement;
+    stylesNames: PromptConfirmButtonStylesNamesVariant;
+    compound: true;
+}>;
+//# sourceMappingURL=PromptConfirmButton.d.ts.map

package/dist/esm/components/prompt/PromptConfirmButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptConfirmButton.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,sBAAsB,EAAW,OAAO,EAAW,MAAM,eAAe,CAAC;AACzF,OAAO,EAAC,WAAW,EAAC,MAAM,kBAAkB,CAAC;AAI7C,MAAM,MAAM,qCAAqC,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,wBACb,SAAQ,sBAAsB,CAAC,0BAA0B,CAAC,EACtD,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAAG;AAEtF,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC;IAC7C,KAAK,EAAE,wBAAwB,CAAC;IAChC,GAAG,EAAE,iBAAiB,CAAC;IACvB,WAAW,EAAE,qCAAqC,CAAC;IACnD,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAWH,eAAO,MAAM,mBAAmB;WAfrB,wBAAwB;SAC1B,iBAAiB;iBACT,qCAAqC;cACxC,IAAI;EA0BhB,CAAC"}

package/dist/esm/components/prompt/PromptConfirmButton.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button, factory, useProps } from '@mantine/core';
+import { usePromptContext } from './Prompt.context';
+const COLOR_BY_VARIANT = {
+    success: 'action',
+    info: 'action',
+    warning: 'critical',
+    critical: 'critical'
+};
+const defaultProps = {};
+export const PromptConfirmButton = factory((_props, ref)=>{
+    const { variant, getStyles } = usePromptContext();
+    const props = useProps('PromptConfirmButton', defaultProps, _props);
+    const { className, classNames, style, styles, unstyled, vars, ...others } = props;
+    return /*#__PURE__*/ _jsx(Button, {
+        ref: ref,
+        variant: "filled",
+        color: COLOR_BY_VARIANT[variant],
+        ...others,
+        ...getStyles('cancel', {
+            style,
+            styles,
+            className,
+            classNames
+        })
+    });
+});
+
+//# sourceMappingURL=PromptConfirmButton.js.map

package/dist/esm/components/prompt/PromptConfirmButton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {Button, CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {ButtonProps} from '../button/Button';\nimport {PromptVariant} from './Prompt';\nimport {usePromptContext} from './Prompt.context';\n\nexport type PromptConfirmButtonStylesNamesVariant = 'confirm';\n\nexport interface PromptConfirmButtonProps\n    extends CompoundStylesApiProps<PromptConfirmButtonFactory>,\n        Omit<ButtonProps, 'primary' | 'classNames' | 'styles' | 'vars' | 'variant'> {}\n\nexport type PromptConfirmButtonFactory = Factory<{\n    props: PromptConfirmButtonProps;\n    ref: HTMLButtonElement;\n    stylesNames: PromptConfirmButtonStylesNamesVariant;\n    compound: true;\n}>;\n\nconst COLOR_BY_VARIANT: Record<PromptVariant, string> = {\n    success: 'action',\n    info: 'action',\n    warning: 'critical',\n    critical: 'critical',\n};\n\nconst defaultProps: Partial<PromptConfirmButtonProps> = {};\n\nexport const PromptConfirmButton = factory<PromptConfirmButtonFactory>((_props, ref) => {\n    const {variant, getStyles} = usePromptContext();\n    const props = useProps('PromptConfirmButton', defaultProps, _props);\n    const {className, classNames, style, styles, unstyled, vars, ...others} = props;\n\n    return (\n        <Button\n            ref={ref}\n            variant=\"filled\"\n            color={COLOR_BY_VARIANT[variant]}\n            {...others}\n            {...getStyles('cancel', {style, styles, className, classNames})}\n        />\n    );\n});\n"],"names":["Button","factory","useProps","usePromptContext","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","PromptConfirmButton","_props","ref","variant","getStyles","props","className","classNames","style","styles","unstyled","vars","others","color"],"mappings":";AAAA,SAAQA,MAAM,EAA0BC,OAAO,EAAWC,QAAQ,QAAO,gBAAgB;AAGzF,SAAQC,gBAAgB,QAAO,mBAAmB;AAelD,MAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,MAAMC,eAAkD,CAAC;AAEzD,OAAO,MAAMC,sBAAsBT,QAAoC,CAACU,QAAQC;IAC5E,MAAM,EAACC,OAAO,EAAEC,SAAS,EAAC,GAAGX;IAC7B,MAAMY,QAAQb,SAAS,uBAAuBO,cAAcE;IAC5D,MAAM,EAACK,SAAS,EAAEC,UAAU,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGP;IAE1E,qBACI,KAACf;QACGY,KAAKA;QACLC,SAAQ;QACRU,OAAOnB,gBAAgB,CAACS,QAAQ;QAC/B,GAAGS,MAAM;QACT,GAAGR,UAAU,UAAU;YAACI;YAAOC;YAAQH;YAAWC;QAAU,EAAE;;AAG3E,GAAG"}

package/dist/esm/components/prompt/PromptFooter.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StickyFooter } from '../sticky-footer';
 export const PromptFooter = ({ children, ...otherProps })=>/*#__PURE__*/ _jsx(StickyFooter, {
-        p: 0,
-        pt: "lg",
+        borderTop: true,
         ...otherProps,
         children: children
     });

package/dist/esm/components/prompt/PromptFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n    <StickyFooter p={0} pt=\"lg\" {...otherProps}>\n        {children}\n    </StickyFooter>\n);\n"],"names":["StickyFooter","PromptFooter","children","otherProps","p","pt"],"mappings":";AACA,SAAQA,YAAY,QAA0B,mBAAmB;AAIjE,OAAO,MAAMC,eAAwE,CAAC,EAACC,QAAQ,EAAE,GAAGC,YAAW,iBAC3G,KAACH;QAAaI,GAAG;QAAGC,IAAG;QAAM,GAAGF,UAAU;kBACrCD;OAEP"}
+{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n    <StickyFooter borderTop {...otherProps}>\n        {children}\n    </StickyFooter>\n);\n"],"names":["StickyFooter","PromptFooter","children","otherProps","borderTop"],"mappings":";AACA,SAAQA,YAAY,QAA0B,mBAAmB;AAIjE,OAAO,MAAMC,eAAwE,CAAC,EAACC,QAAQ,EAAE,GAAGC,YAAW,iBAC3G,KAACH;QAAaI,SAAS;QAAE,GAAGD,UAAU;kBACjCD;OAEP"}

package/dist/esm/components/prompt/__tests__/Prompt.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Prompt.spec.d.ts.map

package/dist/esm/components/prompt/__tests__/Prompt.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Prompt.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/prompt/__tests__/Prompt.spec.tsx"],"names":[],"mappings":""}

package/dist/esm/components/prompt/icons/critical.svg

@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 90">
+  <g filter="url(#critical-icon-a)">
+    <path fill="url(#critical-icon-b)" d="M54.217 15c1.155 0 2.257.489 3.032 1.346l12.694 14.031A4.089 4.089 0 0 1 71 33.121v18.856c0 .974-.348 1.916-.98 2.656L57.254 69.568A4.089 4.089 0 0 1 54.147 71H32.132a4.089 4.089 0 0 1-3.081-1.401L16.007 54.64A4.09 4.09 0 0 1 15 51.953V33.144c0-1.028.387-2.018 1.084-2.773l12.974-14.055A4.089 4.089 0 0 1 32.063 15h22.154Z"/>
+    <path stroke="url(#critical-icon-c)" stroke-linecap="round" d="M54.217 15.5a3.59 3.59 0 0 1 2.661 1.181l12.695 14.032c.597.66.927 1.518.927 2.408v18.856c0 .855-.305 1.681-.86 2.331L56.874 69.243a3.589 3.589 0 0 1-2.728 1.257H32.132a3.59 3.59 0 0 1-2.705-1.23L16.384 54.312a3.589 3.589 0 0 1-.884-2.358v-18.81c0-.902.34-1.771.952-2.434l12.974-14.055a3.589 3.589 0 0 1 2.637-1.155h22.154Z"/>
+  </g>
+  <path stroke="#FFD7D3" stroke-linecap="round" d="M44 51.91v-28"/>
+  <path stroke="#FFD7D3" stroke-linecap="round" stroke-linejoin="round" d="M44 60.088v2"/>
+  <defs>
+    <linearGradient id="critical-icon-b" x1="23" x2="97" y1="-9" y2="116.5" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#FB8E85"/>
+      <stop offset=".314" stop-color="#E03729"/>
+      <stop offset="1" stop-color="#A11409"/>
+    </linearGradient>
+    <linearGradient id="critical-icon-c" x1="29.5" x2="43" y1="17" y2="71" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#A11409"/>
+      <stop offset="1" stop-color="#CD2113"/>
+    </linearGradient>
+    <filter id="critical-icon-a" width="83.754" height="83.754" x="1.123" y="6.079" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4.956"/>
+      <feGaussianBlur stdDeviation="6.939"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix values="0 0 0 0 0.879167 0 0 0 0 0.215764 0 0 0 0 0.161181 0 0 0 0.37 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_3737"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_3737" result="shape"/>
+    </filter>
+  </defs>
+</svg>

package/dist/esm/components/prompt/icons/info.svg

@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
+  <g filter="url(#info-icon-a)">
+    <circle cx="44" cy="44" r="28" fill="url(#info-icon-b)"/>
+    <circle cx="44" cy="44" r="27.5" stroke="url(#info-icon-c)" stroke-linecap="round"/>
+  </g>
+  <path stroke="#F5F6FF" stroke-linecap="round" d="M44 57V35h-3m3 22h-4m4 0h4m-4-26v-1"/>
+  <defs>
+    <linearGradient id="info-icon-b" x1="34.308" x2="55.308" y1="12.231" y2="78.462" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#8787DB"/>
+      <stop offset="1" stop-color="#525296"/>
+    </linearGradient>
+    <linearGradient id="info-icon-c" x1="56.385" x2="44" y1="79" y2="7" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#AEB0F1"/>
+      <stop offset="1" stop-color="#525296"/>
+    </linearGradient>
+    <filter id="info-icon-a" width="70" height="70" x="9" y="13" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="3.5"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix values="0 0 0 0 0.420278 0 0 0 0 0.420278 0 0 0 0 0.741667 0 0 0 0.38 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_2221"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_2221" result="shape"/>
+    </filter>
+  </defs>
+</svg>

package/dist/esm/components/prompt/icons/success.svg

@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
+  <g filter="url(#success-icon-a)">
+    <circle cx="44" cy="44" r="28" fill="url(#success-icon-b)"/>
+    <circle cx="44" cy="44" r="27.5" stroke="url(#success-icon-c)" stroke-linecap="round"/>
+  </g>
+  <path stroke="#F2FFF9" stroke-linecap="round" stroke-linejoin="round" d="m30.571 47 7.858 7.858L59 34.286" opacity=".61"/>
+  <defs>
+    <linearGradient id="success-icon-b" x1="35.923" x2="74.692" y1="11.154" y2="115.615" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#12A344"/>
+      <stop offset="1" stop-color="#004A20"/>
+    </linearGradient>
+    <linearGradient id="success-icon-c" x1="16" x2="58" y1="-48" y2="93.5" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#004A20"/>
+      <stop offset=".762" stop-color="#12A344"/>
+    </linearGradient>
+    <filter id="success-icon-a" width="78" height="78" x="5" y="9" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="5.5"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix values="0 0 0 0 0.0717188 0 0 0 0 0.6375 0 0 0 0 0.266536 0 0 0 0.43 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_10466"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_10466" result="shape"/>
+    </filter>
+  </defs>
+</svg>

package/dist/esm/components/prompt/icons/warning.svg

@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 88 88">
+  <g filter="url(#warning-icon-a)">
+    <path fill="url(#warning-icon-b)" d="M38.827 17.951c1.795-3.383 6.643-3.383 8.438 0L70.37 61.495c1.688 3.181-.618 7.015-4.22 7.015H19.942c-3.6 0-5.907-3.834-4.219-7.015L38.827 17.95Z"/>
+    <path stroke="url(#warning-icon-c)" stroke-linecap="round" d="M39.269 18.186c1.607-3.03 5.947-3.03 7.555 0l23.104 43.543c1.511 2.848-.553 6.28-3.777 6.28H19.94c-3.224 0-5.288-3.432-3.777-6.28l23.105-43.543Z"/>
+  </g>
+  <path stroke="#493B08" stroke-linecap="round" d="M43 50.986v-22M43 58.151v2"/>
+  <defs>
+    <linearGradient id="warning-icon-b" x1="74.046" x2="37.546" y1="68.839" y2="4.839" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E2B104"/>
+      <stop offset="1" stop-color="#FFE300"/>
+    </linearGradient>
+    <linearGradient id="warning-icon-c" x1="29" x2="51" y1="10" y2="72" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#E2B104"/>
+      <stop offset="1" stop-color="#F5D029"/>
+    </linearGradient>
+    <filter id="warning-icon-a" width="73.775" height="71.096" x="6.158" y="10.414" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="4"/>
+      <feGaussianBlur stdDeviation="4.5"/>
+      <feComposite in2="hardAlpha" operator="out"/>
+      <feColorMatrix values="0 0 0 0 0.8875 0 0 0 0 0.695504 0 0 0 0 0.0147917 0 0 0 0.47 0"/>
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_14620_10171"/>
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_14620_10171" result="shape"/>
+    </filter>
+  </defs>
+</svg>

package/dist/esm/components/sticky-footer/StickyFooter.module.css

@@ -8,10 +8,8 @@
     &[data-variant='modal-footer'] {
         border-top: 1px solid var(--mantine-color-gray-3);
         padding-bottom: 0;
-        margin-top: var(--mb-padding);
-        margin-bottom: calc(var(--mantine-spacing-md) - var(--mb-padding));
-        margin-left: calc(-1 * var(--mb-padding));
-        margin-right: calc(-1 * var(--mb-padding));
+        margin: var(--mb-padding) calc(-1 * var(--mb-padding)) calc(var(--mantine-spacing-md) - var(--mb-padding))
+            calc(-1 * var(--mb-padding));
     }
 }