@coveord/plasma-mantine 54.1.1 → 54.2.0

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    PromptContextProvider: function() {
+        return PromptContextProvider;
+    },
+    usePromptContext: function() {
+        return usePromptContext;
+    }
+});
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _core = require("@mantine/core");
+var _createSafeContext = _sliced_to_array._((0, _core.createSafeContext)('Prompt component was not found in the tree'), 2);
+var PromptContextProvider = _createSafeContext[0], usePromptContext = _createSafeContext[1];
+
+//# sourceMappingURL=Prompt.context.js.map

package/dist/cjs/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":["PromptContextProvider","usePromptContext","createSafeContext"],"mappings":";;;;;;;;;;;IAQcA,qBAAqB;eAArBA;;IAAuBC,gBAAgB;eAAhBA;;;;oBARS;IAQWC,wCAAAA,IAAAA,uBAAiB,EACtE;AADG,IAAOF,wBAA2CE,uBAApBD,mBAAoBC"}

package/dist/cjs/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/cjs/components/prompt/Prompt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,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/cjs/components/prompt/Prompt.js

@@ -16,14 +16,61 @@ var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _react = require("react");
 var _Promptmodulecss = /*#__PURE__*/ _interop_require_default._(require("./Prompt.module.css"));
+var _criticalsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/critical.svg"));
+var _infosvg = /*#__PURE__*/ _interop_require_default._(require("./icons/info.svg"));
+var _successsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/success.svg"));
+var _warningsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/warning.svg"));
+var _Promptcontext = require("./Prompt.context");
+var _PromptCancelButton = require("./PromptCancelButton");
+var _PromptConfirmButton = require("./PromptConfirmButton");
 var _PromptFooter = require("./PromptFooter");
-var Prompt = function(_param) {
-    var children = _param.children, otherProps = _object_without_properties._(_param, [
-        "children"
-    ]);
-    var classesProps = otherProps.classNames, otherPropsWithoutClasses = _object_without_properties._(otherProps, [
-        "classNames"
+var PROMPT_VARIANT_ICONS_SRC = {
+    success: _successsvg.default,
+    warning: _warningsvg.default,
+    critical: _criticalsvg.default,
+    info: _infosvg.default
+};
+var defaultProps = {
+    variant: 'info'
+};
+var varsResolver = (0, _core.createVarsResolver)(function(_theme, param) {
+    var icon = param.icon;
+    return {
+        root: {
+            '--prompt-icon-size': icon ? undefined : '88px'
+        }
+    };
+});
+var Prompt = (0, _core.factory)(function(_props, ref) {
+    var props = (0, _core.useProps)('Prompt', defaultProps, _props);
+    var variant = props.variant, title = props.title, icon = props.icon, children = props.children, className = props.className, classNames = props.classNames, style = props.style, styles = props.styles, unstyled = props.unstyled, vars = props.vars, others = _object_without_properties._(props, [
+        "variant",
+        "title",
+        "icon",
+        "children",
+        "className",
+        "classNames",
+        "style",
+        "styles",
+        "unstyled",
+        "vars"
     ]);
+    var getStyles = (0, _core.useStyles)({
+        name: 'Prompt',
+        props: props,
+        classes: _Promptmodulecss.default,
+        className: className,
+        style: style,
+        classNames: classNames,
+        styles: styles,
+        unstyled: unstyled,
+        vars: vars,
+        varsResolver: varsResolver
+    });
+    var stylesApiProps = {
+        classNames: classNames,
+        styles: styles
+    };
     var convertedChildren = _react.Children.toArray(children);
     var otherChildren = convertedChildren.filter(function(child) {
         return child.type !== _PromptFooter.PromptFooter;
@@ -31,27 +78,48 @@ var Prompt = function(_param) {
     var footer = convertedChildren.find(function(child) {
         return child.type === _PromptFooter.PromptFooter;
     });
-    var classNames = {
-        root: _Promptmodulecss.default.root,
-        header: _Promptmodulecss.default.header,
-        close: _Promptmodulecss.default.whiteClose,
-        body: _Promptmodulecss.default.body,
-        title: _Promptmodulecss.default.title
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal, _object_spread_props._(_object_spread._({
-        variant: "prompt",
-        classNames: _object_spread._({}, classNames, classesProps),
-        size: "sm"
-    }, otherPropsWithoutClasses), {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
-                className: _Promptmodulecss.default.innerBody,
-                children: otherChildren
-            }),
-            footer
-        ]
-    }));
-};
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Promptcontext.PromptContextProvider, {
+        value: {
+            variant: variant,
+            getStyles: getStyles
+        },
+        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal.Root, _object_spread_props._(_object_spread._({
+            ref: ref,
+            variant: "prompt",
+            size: "sm"
+        }, others, getStyles('root')), {
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Modal.Overlay, _object_spread._({}, getStyles('overlay', stylesApiProps))),
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal.Content, _object_spread_props._(_object_spread._({}, getStyles('content', stylesApiProps)), {
+                    children: [
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal.Header, _object_spread_props._(_object_spread._({}, getStyles('header', stylesApiProps)), {
+                            children: [
+                                icon || icon === null ? icon : /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Image, _object_spread_props._(_object_spread._({
+                                    alt: "",
+                                    role: "presentation"
+                                }, getStyles('icon', stylesApiProps)), {
+                                    src: PROMPT_VARIANT_ICONS_SRC[variant]
+                                })),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Modal.Title, _object_spread_props._(_object_spread._({}, getStyles('title', stylesApiProps)), {
+                                    children: title
+                                })),
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Modal.CloseButton, _object_spread._({}, getStyles('close', stylesApiProps)))
+                            ]
+                        })),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Modal.Body, _object_spread_props._(_object_spread._({}, getStyles('body', stylesApiProps)), {
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({}, getStyles('inner', stylesApiProps)), {
+                                children: otherChildren
+                            }))
+                        })),
+                        footer
+                    ]
+                }))
+            ]
+        }))
+    });
+});
+Prompt.CancelButton = _PromptCancelButton.PromptCancelButton;
+Prompt.ConfirmButton = _PromptConfirmButton.PromptConfirmButton;
 Prompt.Footer = _PromptFooter.PromptFooter;
 
 //# sourceMappingURL=Prompt.js.map

package/dist/cjs/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":["Prompt","children","otherProps","classNames","classesProps","otherPropsWithoutClasses","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","root","PromptClasses","header","close","whiteClose","body","title","Modal","variant","size","Box","className","innerBody","Footer"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;;oBAnBwB;qBACW;wEACtB;4BACC;AAgBpB,IAAMA,SAAqB;QAAEC,kBAAAA,UAAaC;QAAbD;;IAChC,IAAOE,AAAYC,eAA6CF,WAAzDC,YAA6BE,wDAA4BH;QAAzDC;;IACP,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACP;IAE3C,IAAMQ,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,IAAMV,aAAa;QACfa,MAAMC,wBAAa,CAACD,IAAI;QACxBE,QAAQD,wBAAa,CAACC,MAAM;QAC5BC,OAAOF,wBAAa,CAACG,UAAU;QAC/BC,MAAMJ,wBAAa,CAACI,IAAI;QACxBC,OAAOL,wBAAa,CAACK,KAAK;IAC9B;IAEA,qBACI,sBAACC,WAAK;QAACC,SAAQ;QAASrB,YAAY,qBAAIA,YAAeC;QAAeqB,MAAK;OAASpB;;0BAChF,qBAACqB,SAAG;gBAACC,WAAWV,wBAAa,CAACW,SAAS;0BAAGnB;;YACzCK;;;AAGb;AAEAd,OAAO6B,MAAM,GAAGhB,0BAAY"}
+{"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":["Prompt","PROMPT_VARIANT_ICONS_SRC","success","Success","warning","Warning","critical","Critical","info","Info","defaultProps","variant","varsResolver","createVarsResolver","_theme","icon","root","undefined","factory","_props","ref","props","useProps","title","children","className","classNames","style","styles","unstyled","vars","others","getStyles","useStyles","name","classes","stylesApiProps","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","PromptContextProvider","value","Modal","Root","size","Overlay","Content","Header","Image","alt","role","src","Title","CloseButton","Body","Box","CancelButton","PromptCancelButton","ConfirmButton","PromptConfirmButton","Footer"],"mappings":";;;;+BAwEaA;;;eAAAA;;;;;;;;oBA5DN;qBACyC;wEAC5B;oEACC;gEACJ;mEACG;mEACA;6BACgB;kCACmC;mCACrC;4BACP;AAiC3B,IAAMC,2BAA0D;IAC5DC,SAASC,mBAAO;IAChBC,SAASC,mBAAO;IAChBC,UAAUC,oBAAQ;IAClBC,MAAMC,gBAAI;AACd;AAEA,IAAMC,eAAqC;IACvCC,SAAS;AACb;AAEA,IAAMC,eAAeC,IAAAA,wBAAkB,EAAgB,SAACC;QAASC,aAAAA;WAAW;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ;;AAEO,IAAMjB,SAASkB,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,UAAUZ,cAAcS;IAC/C,IAAOR,UAAmGU,MAAnGV,SAASY,QAA0FF,MAA1FE,OAAOR,OAAmFM,MAAnFN,MAAMS,WAA6EH,MAA7EG,UAAUC,YAAmEJ,MAAnEI,WAAWC,aAAwDL,MAAxDK,YAAYC,QAA4CN,MAA5CM,OAAOC,SAAqCP,MAArCO,QAAQC,WAA6BR,MAA7BQ,UAAUC,OAAmBT,MAAnBS,MAASC,sCAAUV;QAAnGV;QAASY;QAAOR;QAAMS;QAAUC;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IACvF,IAAME,YAAYC,IAAAA,eAAS,EAAgB;QACvCC,MAAM;QACNb,OAAAA;QACAc,SAAAA,wBAAO;QACPV,WAAAA;QACAE,OAAAA;QACAD,YAAAA;QACAE,QAAAA;QACAC,UAAAA;QACAC,MAAAA;QACAlB,cAAAA;IACJ;IACA,IAAMwB,iBAAiB;QAACV,YAAAA;QAAYE,QAAAA;IAAM;IAE1C,IAAMS,oBAAoBC,eAAQ,CAACC,OAAO,CAACf;IAE3C,IAAMgB,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,qBACI,qBAACG,oCAAqB;QAACC,OAAO;YAACrC,SAAAA;YAASqB,WAAAA;QAAS;kBAC7C,cAAA,sBAACiB,WAAK,CAACC,IAAI;YAAC9B,KAAKA;YAAKT,SAAQ;YAASwC,MAAK;WAASpB,QAAYC,UAAU;;8BACvE,qBAACiB,WAAK,CAACG,OAAO,uBAAKpB,UAAU,WAAWI;8BACxC,sBAACa,WAAK,CAACI,OAAO,8CAAKrB,UAAU,WAAWI;;sCACpC,sBAACa,WAAK,CAACK,MAAM,8CAAKtB,UAAU,UAAUI;;gCACjCrB,QAAQA,SAAS,OACdA,qBAEA,qBAACwC,WAAK;oCACFC,KAAI;oCACJC,MAAK;mCACDzB,UAAU,QAAQI;oCACtBsB,KAAKzD,wBAAwB,CAACU,QAAQ;;8CAG9C,qBAACsC,WAAK,CAACU,KAAK,8CAAK3B,UAAU,SAASI;8CAAkBb;;8CACtD,qBAAC0B,WAAK,CAACW,WAAW,uBAAK5B,UAAU,SAASI;;;sCAE9C,qBAACa,WAAK,CAACY,IAAI,8CAAK7B,UAAU,QAAQI;sCAC9B,cAAA,qBAAC0B,SAAG,8CAAK9B,UAAU,SAASI;0CAAkBI;;;wBAEjDK;;;;;;AAKrB;AAEA7C,OAAO+D,YAAY,GAAGC,sCAAkB;AACxChE,OAAOiE,aAAa,GAAGC,wCAAmB;AAC1ClE,OAAOmE,MAAM,GAAGvB,0BAAY"}

package/dist/cjs/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/cjs/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/cjs/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/cjs/components/prompt/PromptCancelButton.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromptCancelButton", {
+    enumerable: true,
+    get: function() {
+        return PromptCancelButton;
+    }
+});
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _Promptcontext = require("./Prompt.context");
+var defaultProps = {};
+var PromptCancelButton = (0, _core.factory)(function(_props, ref) {
+    var getStyles = (0, _Promptcontext.usePromptContext)().getStyles;
+    var props = (0, _core.useProps)('PromptCancelButton', defaultProps, _props);
+    var className = props.className, classNames = props.classNames, style = props.style, styles = props.styles, unstyled = props.unstyled, vars = props.vars, others = _object_without_properties._(props, [
+        "className",
+        "classNames",
+        "style",
+        "styles",
+        "unstyled",
+        "vars"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Button, _object_spread._({
+        ref: ref,
+        variant: "outline"
+    }, others, getStyles('cancel', {
+        style: style,
+        styles: styles,
+        className: className,
+        classNames: classNames
+    })));
+});
+
+//# sourceMappingURL=PromptCancelButton.js.map

package/dist/cjs/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":["PromptCancelButton","defaultProps","factory","_props","ref","getStyles","usePromptContext","props","useProps","className","classNames","style","styles","unstyled","vars","others","Button","variant"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;oBAnB4D;6BAE1C;AAe/B,IAAMC,eAAiD,CAAC;AAEjD,IAAMD,qBAAqBE,IAAAA,aAAO,EAA4B,SAACC,QAAQC;IAC1E,IAAM,AAACC,YAAaC,IAAAA,+BAAgB,IAA7BD;IACP,IAAME,QAAQC,IAAAA,cAAQ,EAAC,sBAAsBP,cAAcE;IAC3D,IAAOM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,QAA4CJ,MAA5CI,OAAOC,SAAqCL,MAArCK,QAAQC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAnEE;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IAEvD,qBACI,qBAACE,YAAM;QACHZ,KAAKA;QACLa,SAAQ;OACJF,QACAV,UAAU,UAAU;QAACM,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAGzE"}

package/dist/cjs/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/cjs/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/cjs/components/prompt/PromptConfirmButton.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromptConfirmButton", {
+    enumerable: true,
+    get: function() {
+        return PromptConfirmButton;
+    }
+});
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _Promptcontext = require("./Prompt.context");
+var COLOR_BY_VARIANT = {
+    success: 'action',
+    info: 'action',
+    warning: 'critical',
+    critical: 'critical'
+};
+var defaultProps = {};
+var PromptConfirmButton = (0, _core.factory)(function(_props, ref) {
+    var _usePromptContext = (0, _Promptcontext.usePromptContext)(), variant = _usePromptContext.variant, getStyles = _usePromptContext.getStyles;
+    var props = (0, _core.useProps)('PromptConfirmButton', defaultProps, _props);
+    var className = props.className, classNames = props.classNames, style = props.style, styles = props.styles, unstyled = props.unstyled, vars = props.vars, others = _object_without_properties._(props, [
+        "className",
+        "classNames",
+        "style",
+        "styles",
+        "unstyled",
+        "vars"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Button, _object_spread._({
+        ref: ref,
+        variant: "filled",
+        color: COLOR_BY_VARIANT[variant]
+    }, others, getStyles('cancel', {
+        style: style,
+        styles: styles,
+        className: className,
+        classNames: classNames
+    })));
+});
+
+//# sourceMappingURL=PromptConfirmButton.js.map

package/dist/cjs/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":["PromptConfirmButton","COLOR_BY_VARIANT","success","info","warning","critical","defaultProps","factory","_props","ref","usePromptContext","variant","getStyles","props","useProps","className","classNames","style","styles","unstyled","vars","others","Button","color"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBA3B4D;6BAG1C;AAe/B,IAAMC,mBAAkD;IACpDC,SAAS;IACTC,MAAM;IACNC,SAAS;IACTC,UAAU;AACd;AAEA,IAAMC,eAAkD,CAAC;AAElD,IAAMN,sBAAsBO,IAAAA,aAAO,EAA6B,SAACC,QAAQC;IAC5E,IAA6BC,oBAAAA,IAAAA,+BAAgB,KAAtCC,UAAsBD,kBAAtBC,SAASC,YAAaF,kBAAbE;IAChB,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,uBAAuBR,cAAcE;IAC5D,IAAOO,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,QAA4CJ,MAA5CI,OAAOC,SAAqCL,MAArCK,QAAQC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAnEE;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IAEvD,qBACI,qBAACE,YAAM;QACHb,KAAKA;QACLE,SAAQ;QACRY,OAAOtB,gBAAgB,CAACU,QAAQ;OAC5BU,QACAT,UAAU,UAAU;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAGzE"}

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

@@ -18,8 +18,7 @@ var PromptFooter = function(_param) {
         "children"
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stickyfooter.StickyFooter, _object_spread_props._(_object_spread._({
-        p: 0,
-        pt: "lg"
+        borderTop: true
     }, otherProps), {
         children: children
     }));

package/dist/cjs/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":["PromptFooter","children","otherProps","StickyFooter","p","pt"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE;QAAEC,kBAAAA,UAAaC;QAAbD;;yBACnF,qBAACE,0BAAY;QAACC,GAAG;QAAGC,IAAG;OAASH;kBAC3BD"}
+{"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":["PromptFooter","children","otherProps","StickyFooter","borderTop"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE;QAAEC,kBAAAA,UAAaC;QAAbD;;yBACnF,qBAACE,0BAAY;QAACC,SAAS;OAAKF;kBACvBD"}

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

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

package/dist/cjs/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/cjs/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/cjs/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/cjs/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>