@coveord/plasma-mantine 55.7.0 → 55.7.2-alpha.0

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

@@ -0,0 +1,19 @@
+import { CompoundStylesApiProps, Factory, GroupProps } from '@mantine/core';
+import { ReactNode } from 'react';
+export type HeaderRightStyleNames = 'right';
+export interface HeaderRightProps extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>, CompoundStylesApiProps<HeaderRightFactory> {
+    children: ReactNode;
+}
+export type HeaderRightFactory = Factory<{
+    props: HeaderRightProps;
+    ref: HTMLDivElement;
+    stylesNames: HeaderRightStyleNames;
+    compound: true;
+}>;
+export declare const HeaderRight: import("@mantine/core").MantineComponent<{
+    props: HeaderRightProps;
+    ref: HTMLDivElement;
+    stylesNames: HeaderRightStyleNames;
+    compound: true;
+}>;
+//# sourceMappingURL=HeaderRight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderRight.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAE,OAAO,EAAS,UAAU,EAAoB,MAAM,eAAe,CAAC;AACpG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC;AAE5C,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC,EACnE,sBAAsB,CAAC,kBAAkB,CAAC;IAC9C,QAAQ,EAAE,SAAS,CAAC;CACvB;AAED,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC;IACrC,KAAK,EAAE,gBAAgB,CAAC;IACxB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,qBAAqB,CAAC;IACnC,QAAQ,EAAE,IAAI,CAAC;CAClB,CAAC,CAAC;AAMH,eAAO,MAAM,WAAW;WAVb,gBAAgB;SAClB,cAAc;iBACN,qBAAqB;cACxB,IAAI;EAsBhB,CAAC"}

package/dist/cjs/components/header/{HeaderActions/HeaderActions.js → HeaderRight/HeaderRight.js}

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "HeaderActions", {
+Object.defineProperty(exports, "HeaderRight", {
     enumerable: true,
     get: function() {
-        return HeaderActions;
+        return HeaderRight;
     }
 });
 var _object_spread = require("@swc/helpers/_/_object_spread");
@@ -17,8 +17,8 @@ var _Headercontext = require("../Header.context");
 var defaultProps = {
     gap: 'sm'
 };
-var HeaderActions = (0, _core.factory)(function(_props, ref) {
-    var props = (0, _core.useProps)('HeaderActions', defaultProps, _props);
+var HeaderRight = (0, _core.factory)(function(_props, ref) {
+    var props = (0, _core.useProps)('HeaderRight', defaultProps, _props);
     var gap = props.gap, className = props.className, classNames = props.classNames, styles = props.styles, style = props.style, children = props.children, vars = props.vars, others = _object_without_properties._(props, [
         "gap",
         "className",
@@ -32,7 +32,7 @@ var HeaderActions = (0, _core.factory)(function(_props, ref) {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
         ref: ref,
         gap: gap
-    }, ctx.getStyles('actions', {
+    }, ctx.getStyles('right', {
         className: className,
         style: style,
         classNames: classNames,
@@ -43,4 +43,4 @@ var HeaderActions = (0, _core.factory)(function(_props, ref) {
     }));
 });
 
-//# sourceMappingURL=HeaderActions.js.map
+//# sourceMappingURL=HeaderRight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/header/HeaderRight/HeaderRight.tsx"],"sourcesContent":["import {CompoundStylesApiProps, Factory, Group, GroupProps, factory, useProps} from '@mantine/core';\nimport {ReactNode} from 'react';\nimport {useHeaderContext} from '../Header.context';\n\nexport type HeaderRightStyleNames = 'right';\n\nexport interface HeaderRightProps\n    extends Omit<GroupProps, 'classNames' | 'styles' | 'vars' | 'children'>,\n        CompoundStylesApiProps<HeaderRightFactory> {\n    children: ReactNode;\n}\n\nexport type HeaderRightFactory = Factory<{\n    props: HeaderRightProps;\n    ref: HTMLDivElement;\n    stylesNames: HeaderRightStyleNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<HeaderRightProps> = {\n    gap: 'sm',\n};\n\nexport const HeaderRight = factory<HeaderRightFactory>((_props, ref) => {\n    const props = useProps('HeaderRight', defaultProps, _props);\n    const {gap, className, classNames, styles, style, children, vars, ...others} = props;\n    const ctx = useHeaderContext();\n\n    return (\n        <Group\n            ref={ref}\n            gap={gap}\n            {...ctx.getStyles('right', {className, style, classNames, styles, props})}\n            {...others}\n        >\n            {children}\n        </Group>\n    );\n});\n"],"names":["HeaderRight","defaultProps","gap","factory","_props","ref","props","useProps","className","classNames","styles","style","children","vars","others","ctx","useHeaderContext","Group","getStyles"],"mappings":";;;;+BAuBaA;;;eAAAA;;;;;;;oBAvBuE;6BAErD;AAiB/B,IAAMC,eAA0C;IAC5CC,KAAK;AACT;AAEO,IAAMF,cAAcG,IAAAA,aAAO,EAAqB,SAACC,QAAQC;IAC5D,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,eAAeN,cAAcG;IACpD,IAAOF,MAAwEI,MAAxEJ,KAAKM,YAAmEF,MAAnEE,WAAWC,aAAwDH,MAAxDG,YAAYC,SAA4CJ,MAA5CI,QAAQC,QAAoCL,MAApCK,OAAOC,WAA6BN,MAA7BM,UAAUC,OAAmBP,MAAnBO,MAASC,sCAAUR;QAAxEJ;QAAKM;QAAWC;QAAYC;QAAQC;QAAOC;QAAUC;;IAC5D,IAAME,MAAMC,IAAAA,+BAAgB;IAE5B,qBACI,qBAACC,WAAK;QACFZ,KAAKA;QACLH,KAAKA;OACDa,IAAIG,SAAS,CAAC,SAAS;QAACV,WAAAA;QAAWG,OAAAA;QAAOF,YAAAA;QAAYC,QAAAA;QAAQJ,OAAAA;IAAK,IACnEQ;kBAEHF;;AAGb"}

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

@@ -1,4 +1,7 @@
+export * from './accordion';
 export * from './action-icon';
+export * from './alert';
+export * from './badge';
 export * from './blank-slate';
 export * from './browser-preview';
 export * from './button';
@@ -8,6 +11,7 @@ export * from './copyToClipboard';
 export * from './date-range-picker';
 export * from './ellipsis-text';
 export * from './header';
+export * from './info-token';
 export * from './inline-confirm';
 export * from './menu';
 export * from './modal';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/dist/cjs/components/index.js

@@ -3,7 +3,10 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 var _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./accordion"), exports);
 _export_star._(require("./action-icon"), exports);
+_export_star._(require("./alert"), exports);
+_export_star._(require("./badge"), exports);
 _export_star._(require("./blank-slate"), exports);
 _export_star._(require("./browser-preview"), exports);
 _export_star._(require("./button"), exports);
@@ -13,6 +16,7 @@ _export_star._(require("./copyToClipboard"), exports);
 _export_star._(require("./date-range-picker"), exports);
 _export_star._(require("./ellipsis-text"), exports);
 _export_star._(require("./header"), exports);
+_export_star._(require("./info-token"), exports);
 _export_star._(require("./inline-confirm"), exports);
 _export_star._(require("./menu"), exports);
 _export_star._(require("./modal"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './action-icon';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './modal';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './accordion';\nexport * from './action-icon';\nexport * from './alert';\nexport * from './badge';\nexport * from './blank-slate';\nexport * from './browser-preview';\nexport * from './button';\nexport * from './code-editor';\nexport * from './collection';\nexport * from './copyToClipboard';\nexport * from './date-range-picker';\nexport * from './ellipsis-text';\nexport * from './header';\nexport * from './info-token';\nexport * from './inline-confirm';\nexport * from './menu';\nexport * from './modal';\nexport * from './prompt';\nexport * from './read-only';\nexport * from './sticky-footer';\nexport * from './table';\nexport * from './child-form';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/dist/cjs/components/info-token/InfoToken.d.ts

@@ -0,0 +1,30 @@
+import { BoxProps, Factory, MantineSize, polymorphicFactory, StylesApiProps } from '@mantine/core';
+export type InfoTokenFactory = Factory<{
+    props: InfoTokenProps;
+    defaultRef: HTMLDivElement;
+    defaultComponent: 'div';
+    stylesNames: InfoTokenComponentStylesNames;
+    vars: InfoTokenCssVariables;
+    variant: InfoTokenVariant;
+}>;
+export type InfoTokenComponentStylesNames = 'root';
+export type InfoTokenVariant = 'information' | 'advice' | 'warning' | 'error' | 'question';
+export type InfoTokenCssVariables = {
+    root: '--info-token-color';
+};
+export interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {
+    /**
+     * The variant of the token.
+     *
+     * @default 'information'
+     */
+    variant?: InfoTokenVariant;
+    /**
+     * The size of the info token.
+     *
+     * @default 'sm'
+     */
+    size?: MantineSize;
+}
+export declare const InfoToken: ReturnType<typeof polymorphicFactory<InfoTokenFactory>>;
+//# sourceMappingURL=InfoToken.d.ts.map

package/dist/cjs/components/info-token/InfoToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoToken.d.ts","sourceRoot":"","sources":["../../../../src/components/info-token/InfoToken.tsx"],"names":[],"mappings":"AAQA,OAAO,EAEH,QAAQ,EAER,OAAO,EACP,WAAW,EACX,kBAAkB,EAClB,cAAc,EAGjB,MAAM,eAAe,CAAC;AAGvB,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACnC,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,KAAK,CAAC;IACxB,WAAW,EAAE,6BAA6B,CAAC;IAC3C,IAAI,EAAE,qBAAqB,CAAC;IAC5B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAAC,CAAC;AACH,MAAM,MAAM,6BAA6B,GAAG,MAAM,CAAC;AACnD,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;AAC3F,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,oBAAoB,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,QAAQ,EAAE,cAAc,CAAC,gBAAgB,CAAC;IAC9E;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACtB;AAgED,eAAO,MAAM,SAAS,EAAE,UAAU,CAAC,OAAO,kBAAkB,CAAC,gBAAgB,CAAC,CAkC7E,CAAC"}

package/dist/cjs/components/info-token/InfoToken.js

@@ -0,0 +1,121 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InfoToken", {
+    enumerable: true,
+    get: function() {
+        return InfoToken;
+    }
+});
+var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _jsxruntime = require("react/jsx-runtime");
+var _plasmareacticons = require("@coveord/plasma-react-icons");
+var _core = require("@mantine/core");
+var _InfoTokenmodulecss = /*#__PURE__*/ _interop_require_default._(require("./InfoToken.module.css"));
+var defaultProps = {
+    variant: 'information',
+    size: 'xs'
+};
+var colorResolver = function(variant) {
+    switch(variant){
+        case 'error':
+            return 'var(--mantine-color-error)';
+        case 'advice':
+            return 'var(--mantine-primary-color-filled)';
+        case 'question':
+            return 'var(--mantine-primary-color-filled)';
+        case 'warning':
+            return 'var(--mantine-color-yellow-filled)';
+        case 'information':
+        default:
+            return 'var(--mantine-color-gray-filled)';
+    }
+};
+var sizeResolver = function(size) {
+    if (typeof size === 'number') {
+        return size;
+    }
+    switch(size){
+        case 'sm':
+            return 20;
+        case 'md':
+            return 24;
+        case 'lg':
+            return 32;
+        case 'xl':
+            return 40;
+        case 'xs':
+        default:
+            return 16;
+    }
+};
+var iconResolver = function(variant) {
+    switch(variant){
+        case 'error':
+            return _plasmareacticons.IconAlertSquareFilled;
+        case 'information':
+            return _plasmareacticons.IconInfoCircleFilled;
+        case 'question':
+            return _plasmareacticons.IconHelpCircle;
+        case 'warning':
+            return _plasmareacticons.IconAlertTriangleFilled;
+        case 'advice':
+        default:
+            return _plasmareacticons.IconBulbFilled;
+    }
+};
+var varsResolver = (0, _core.createVarsResolver)(function(_theme, param) {
+    var variant = param.variant;
+    var color = colorResolver(variant);
+    return {
+        root: {
+            '--info-token-color': color
+        }
+    };
+});
+var InfoToken = (0, _core.polymorphicFactory)(function(_props, ref) {
+    var props = (0, _core.useProps)('InfoToken', defaultProps, _props);
+    var variant = props.variant, vars = props.vars, className = props.className, style = props.style, unstyled = props.unstyled, styles = props.styles, classNames = props.classNames, size = props.size, others = _object_without_properties._(props, [
+        "variant",
+        "vars",
+        "className",
+        "style",
+        "unstyled",
+        "styles",
+        "classNames",
+        "size"
+    ]);
+    var getStyles = (0, _core.useStyles)({
+        name: 'InfoToken',
+        classes: _InfoTokenmodulecss.default,
+        className: className,
+        props: props,
+        style: style,
+        styles: styles,
+        unstyled: unstyled,
+        vars: vars,
+        varsResolver: varsResolver
+    });
+    var IconComponent = iconResolver(variant);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
+        ref: ref,
+        variant: variant,
+        role: "img",
+        size: size
+    }, getStyles('root', {
+        className: className,
+        style: style,
+        styles: styles,
+        classNames: classNames
+    }), others), {
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(IconComponent, {
+            size: sizeResolver(size)
+        })
+    }));
+});
+
+//# sourceMappingURL=InfoToken.js.map

package/dist/cjs/components/info-token/InfoToken.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/info-token/InfoToken.tsx"],"sourcesContent":["import {\n    IconAlertSquareFilled,\n    IconAlertTriangleFilled,\n    IconBulbFilled,\n    IconHelpCircle,\n    IconInfoCircleFilled,\n    TablerIcon,\n} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    BoxProps,\n    createVarsResolver,\n    Factory,\n    MantineSize,\n    polymorphicFactory,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport classes from './InfoToken.module.css';\n\nexport type InfoTokenFactory = Factory<{\n    props: InfoTokenProps;\n    defaultRef: HTMLDivElement;\n    defaultComponent: 'div';\n    stylesNames: InfoTokenComponentStylesNames;\n    vars: InfoTokenCssVariables;\n    variant: InfoTokenVariant;\n}>;\nexport type InfoTokenComponentStylesNames = 'root';\nexport type InfoTokenVariant = 'information' | 'advice' | 'warning' | 'error' | 'question';\nexport type InfoTokenCssVariables = {\n    root: '--info-token-color';\n};\n\nexport interface InfoTokenProps extends BoxProps, StylesApiProps<InfoTokenFactory> {\n    /**\n     * The variant of the token.\n     *\n     * @default 'information'\n     */\n    variant?: InfoTokenVariant;\n    /**\n     * The size of the info token.\n     *\n     * @default 'sm'\n     */\n    size?: MantineSize;\n}\n\nconst defaultProps: Partial<InfoTokenProps> = {variant: 'information', size: 'xs'};\n\nconst colorResolver = (variant: InfoTokenVariant): string => {\n    switch (variant) {\n        case 'error':\n            return 'var(--mantine-color-error)';\n        case 'advice':\n            return 'var(--mantine-primary-color-filled)';\n        case 'question':\n            return 'var(--mantine-primary-color-filled)';\n        case 'warning':\n            return 'var(--mantine-color-yellow-filled)';\n        case 'information':\n        default:\n            return 'var(--mantine-color-gray-filled)';\n    }\n};\n\nconst sizeResolver = (size: MantineSize): number => {\n    if (typeof size === 'number') {\n        return size;\n    }\n    switch (size) {\n        case 'sm':\n            return 20;\n        case 'md':\n            return 24;\n        case 'lg':\n            return 32;\n        case 'xl':\n            return 40;\n        case 'xs':\n        default:\n            return 16;\n    }\n};\n\nconst iconResolver = (variant: InfoTokenVariant): TablerIcon => {\n    switch (variant) {\n        case 'error':\n            return IconAlertSquareFilled;\n        case 'information':\n            return IconInfoCircleFilled;\n        case 'question':\n            return IconHelpCircle;\n        case 'warning':\n            return IconAlertTriangleFilled;\n        case 'advice':\n        default:\n            return IconBulbFilled;\n    }\n};\n\nconst varsResolver = createVarsResolver<InfoTokenFactory>((_theme, {variant}) => {\n    const color = colorResolver(variant);\n    return {\n        root: {\n            '--info-token-color': color,\n        },\n    };\n});\n\nexport const InfoToken: ReturnType<typeof polymorphicFactory<InfoTokenFactory>> = polymorphicFactory<InfoTokenFactory>(\n    (_props, ref) => {\n        const props = useProps('InfoToken', defaultProps, _props);\n        const {variant, vars, className, style, unstyled, styles, classNames, size, ...others} = props;\n        const getStyles = useStyles<InfoTokenFactory>({\n            name: 'InfoToken',\n            classes,\n            className,\n            props,\n            style,\n            styles,\n            unstyled,\n            vars,\n            varsResolver,\n        });\n        const IconComponent = iconResolver(variant);\n        return (\n            <Box\n                ref={ref}\n                variant={variant}\n                role=\"img\"\n                size={size}\n                {...getStyles('root', {\n                    className,\n                    style,\n                    styles,\n                    classNames,\n                })}\n                {...others}\n            >\n                <IconComponent size={sizeResolver(size)} />\n            </Box>\n        );\n    },\n);\n"],"names":["InfoToken","defaultProps","variant","size","colorResolver","sizeResolver","iconResolver","IconAlertSquareFilled","IconInfoCircleFilled","IconHelpCircle","IconAlertTriangleFilled","IconBulbFilled","varsResolver","createVarsResolver","_theme","color","root","polymorphicFactory","_props","ref","props","useProps","vars","className","style","unstyled","styles","classNames","others","getStyles","useStyles","name","classes","IconComponent","Box","role"],"mappings":";;;;+BAgHaA;;;eAAAA;;;;;;;;gCAzGN;oBAWA;2EACa;AA+BpB,IAAMC,eAAwC;IAACC,SAAS;IAAeC,MAAM;AAAI;AAEjF,IAAMC,gBAAgB,SAACF;IACnB,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,IAAMG,eAAe,SAACF;IAClB,IAAI,OAAOA,SAAS,UAAU;QAC1B,OAAOA;IACX;IACA,OAAQA;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;QACL;YACI,OAAO;IACf;AACJ;AAEA,IAAMG,eAAe,SAACJ;IAClB,OAAQA;QACJ,KAAK;YACD,OAAOK,uCAAqB;QAChC,KAAK;YACD,OAAOC,sCAAoB;QAC/B,KAAK;YACD,OAAOC,gCAAc;QACzB,KAAK;YACD,OAAOC,yCAAuB;QAClC,KAAK;QACL;YACI,OAAOC,gCAAc;IAC7B;AACJ;AAEA,IAAMC,eAAeC,IAAAA,wBAAkB,EAAmB,SAACC;QAASZ,gBAAAA;IAChE,IAAMa,QAAQX,cAAcF;IAC5B,OAAO;QACHc,MAAM;YACF,sBAAsBD;QAC1B;IACJ;AACJ;AAEO,IAAMf,YAAqEiB,IAAAA,wBAAkB,EAChG,SAACC,QAAQC;IACL,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,aAAapB,cAAciB;IAClD,IAAOhB,UAAkFkB,MAAlFlB,SAASoB,OAAyEF,MAAzEE,MAAMC,YAAmEH,MAAnEG,WAAWC,QAAwDJ,MAAxDI,OAAOC,WAAiDL,MAAjDK,UAAUC,SAAuCN,MAAvCM,QAAQC,aAA+BP,MAA/BO,YAAYxB,OAAmBiB,MAAnBjB,MAASyB,sCAAUR;QAAlFlB;QAASoB;QAAMC;QAAWC;QAAOC;QAAUC;QAAQC;QAAYxB;;IACtE,IAAM0B,YAAYC,IAAAA,eAAS,EAAmB;QAC1CC,MAAM;QACNC,SAAAA,2BAAO;QACPT,WAAAA;QACAH,OAAAA;QACAI,OAAAA;QACAE,QAAAA;QACAD,UAAAA;QACAH,MAAAA;QACAV,cAAAA;IACJ;IACA,IAAMqB,gBAAgB3B,aAAaJ;IACnC,qBACI,qBAACgC,SAAG;QACAf,KAAKA;QACLjB,SAASA;QACTiC,MAAK;QACLhC,MAAMA;OACF0B,UAAU,QAAQ;QAClBN,WAAAA;QACAC,OAAAA;QACAE,QAAAA;QACAC,YAAAA;IACJ,IACIC;kBAEJ,cAAA,qBAACK;YAAc9B,MAAME,aAAaF;;;AAG9C"}

package/dist/cjs/components/info-token/InfoToken.module.css

@@ -0,0 +1,8 @@
+.root {
+    --info-token-color: var(--mantine-color-primary);
+
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    color: var(--info-token-color);
+}

package/dist/cjs/components/info-token/index.d.ts

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

package/dist/cjs/components/info-token/index.d.ts.map

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

package/dist/cjs/components/info-token/index.js

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

package/dist/cjs/components/info-token/index.js.map

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

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

@@ -1,8 +1,8 @@
 import { ModalFactory as MantineModalFactory } from '@mantine/core';
-import { ModalFooter } from './ModalFooter';
+import { ModalFooter as PlasmaModalFooter } from './ModalFooter';
 type PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {
     staticComponents: MantineModalFactory['staticComponents'] & {
-        Footer: typeof ModalFooter;
+        Footer: typeof PlasmaModalFooter;
     };
 };
 export declare const Modal: import("@mantine/core").MantineComponent<PlasmaModalFactory>;

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,IAAI,mBAAmB,EAEtC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,WAAW,EAAmC,MAAM,eAAe,CAAC;AAG5E,KAAK,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,GAAG;IACtE,gBAAgB,EAAE,mBAAmB,CAAC,kBAAkB,CAAC,GAAG;QACxD,MAAM,EAAE,OAAO,WAAW,CAAC;KAC9B,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,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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n    factory,\n    Modal as MantineModal,\n    ModalFactory as MantineModalFactory,\n    ModalProps as MantineModalProps,\n} from '@mantine/core';\nimport {ModalFooter, 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 ModalFooter;\n    };\n};\n\nconst PlasmaModal = factory<PlasmaModalFactory>((props: MantineModalProps, ref) => (\n    <MantineModal ref={ref} {...props} />\n));\n\nPlasmaModal.displayName = '@coveord/plasma-mantine/Modal';\nPlasmaModal.Root = MantineModal.Root;\nPlasmaModal.Body = MantineModal.Body;\nPlasmaModal.Overlay = MantineModal.Overlay;\nPlasmaModal.Content = MantineModal.Content;\nPlasmaModal.Header = MantineModal.Header;\nPlasmaModal.Title = MantineModal.Title;\nPlasmaModal.CloseButton = MantineModal.CloseButton;\nPlasmaModal.Stack = MantineModal.Stack;\nPlasmaModal.Footer = PlasmaModalFooter;\n\nexport const Modal = PlasmaModal;\n\nexport type ModalFactory = PlasmaModalFactory;\n"],"names":["Modal","PlasmaModal","factory","props","ref","MantineModal","displayName","Root","Body","Overlay","Content","Header","Title","CloseButton","Stack","Footer","PlasmaModalFooter"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;;oBAzBN;2BACqD;AAS5D,IAAMC,cAAcC,IAAAA,aAAO,EAAqB,SAACC,OAA0BC;yBACvE,qBAACC,WAAY;QAACD,KAAKA;OAASD;;AAGhCF,YAAYK,WAAW,GAAG;AAC1BL,YAAYM,IAAI,GAAGF,WAAY,CAACE,IAAI;AACpCN,YAAYO,IAAI,GAAGH,WAAY,CAACG,IAAI;AACpCP,YAAYQ,OAAO,GAAGJ,WAAY,CAACI,OAAO;AAC1CR,YAAYS,OAAO,GAAGL,WAAY,CAACK,OAAO;AAC1CT,YAAYU,MAAM,GAAGN,WAAY,CAACM,MAAM;AACxCV,YAAYW,KAAK,GAAGP,WAAY,CAACO,KAAK;AACtCX,YAAYY,WAAW,GAAGR,WAAY,CAACQ,WAAW;AAClDZ,YAAYa,KAAK,GAAGT,WAAY,CAACS,KAAK;AACtCb,YAAYc,MAAM,GAAGC,wBAAiB;AAE/B,IAAMhB,QAAQC"}
+{"version":3,"sources":["../../../../src/components/modal/Modal.tsx"],"sourcesContent":["import {\n    factory,\n    Modal as MantineModal,\n    ModalFactory as MantineModalFactory,\n    ModalProps as MantineModalProps,\n} from '@mantine/core';\nimport {ModalFooter as PlasmaModalFooter} from './ModalFooter';\n\n// Need to redeclare the factory to override and add footer to the props type\ntype PlasmaModalFactory = Omit<MantineModalFactory, 'staticComponents'> & {\n    staticComponents: MantineModalFactory['staticComponents'] & {\n        Footer: typeof PlasmaModalFooter;\n    };\n};\n\nconst PlasmaModal = factory<PlasmaModalFactory>((props: MantineModalProps, ref) => (\n    <MantineModal ref={ref} {...props} />\n));\n\nPlasmaModal.displayName = '@coveord/plasma-mantine/Modal';\nPlasmaModal.Root = MantineModal.Root;\nPlasmaModal.Body = MantineModal.Body;\nPlasmaModal.Overlay = MantineModal.Overlay;\nPlasmaModal.Content = MantineModal.Content;\nPlasmaModal.Header = MantineModal.Header;\nPlasmaModal.Title = MantineModal.Title;\nPlasmaModal.CloseButton = MantineModal.CloseButton;\nPlasmaModal.Stack = MantineModal.Stack;\nPlasmaModal.Footer = PlasmaModalFooter;\n\nexport const Modal = PlasmaModal;\n\nexport type ModalFactory = PlasmaModalFactory;\n"],"names":["Modal","PlasmaModal","factory","props","ref","MantineModal","displayName","Root","Body","Overlay","Content","Header","Title","CloseButton","Stack","Footer","PlasmaModalFooter"],"mappings":";;;;+BA8BaA;;;eAAAA;;;;;oBAzBN;2BACwC;AAS/C,IAAMC,cAAcC,IAAAA,aAAO,EAAqB,SAACC,OAA0BC;yBACvE,qBAACC,WAAY;QAACD,KAAKA;OAASD;;AAGhCF,YAAYK,WAAW,GAAG;AAC1BL,YAAYM,IAAI,GAAGF,WAAY,CAACE,IAAI;AACpCN,YAAYO,IAAI,GAAGH,WAAY,CAACG,IAAI;AACpCP,YAAYQ,OAAO,GAAGJ,WAAY,CAACI,OAAO;AAC1CR,YAAYS,OAAO,GAAGL,WAAY,CAACK,OAAO;AAC1CT,YAAYU,MAAM,GAAGN,WAAY,CAACM,MAAM;AACxCV,YAAYW,KAAK,GAAGP,WAAY,CAACO,KAAK;AACtCX,YAAYY,WAAW,GAAGR,WAAY,CAACQ,WAAW;AAClDZ,YAAYa,KAAK,GAAGT,WAAY,CAACS,KAAK;AACtCb,YAAYc,MAAM,GAAGC,wBAAiB;AAE/B,IAAMhB,QAAQC"}

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

@@ -1,5 +1,5 @@
 .footer {
-    border-top: 1px solid var(--mantine-color-gray-3);
+    border-top: 1px solid var(--mantine-color-default-border);
 }
 
 .modalFooterSticky {

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

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

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

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

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

@@ -15,6 +15,7 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _react = require("react");
+var _header = require("../header");
 var _modal = require("../modal");
 var _criticalsvg = /*#__PURE__*/ _interop_require_default._(require("./icons/critical.svg"));
 var _infosvg = /*#__PURE__*/ _interop_require_default._(require("./icons/info.svg"));
@@ -77,6 +78,17 @@ var Prompt = (0, _core.factory)(function(_props, ref) {
     _react.Children.forEach(children, function(child) {
         (child.type === _modal.Modal.Footer ? footers : otherChildren).push(child);
     });
+    var titleContent = typeof title === 'string' ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_modal.Modal.Title, {
+        component: _header.Header,
+        renderRoot: function(p) {
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)(_header.Header, _object_spread_props._(_object_spread._({
+                variant: "secondary"
+            }, p), {
+                children: p.children
+            }));
+        },
+        children: title
+    }) : title;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Promptcontext.PromptContextProvider, {
         value: {
             variant: variant,
@@ -99,9 +111,7 @@ var Prompt = (0, _core.factory)(function(_props, ref) {
                                 }, getStyles('icon', stylesApiProps)), {
                                     src: PROMPT_VARIANT_ICONS_SRC[variant]
                                 })),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_modal.Modal.Title, _object_spread_props._(_object_spread._({}, getStyles('title', stylesApiProps)), {
-                                    children: title
-                                })),
+                                titleContent,
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_modal.Modal.CloseButton, _object_spread._({}, getStyles('close', stylesApiProps)))
                             ]
                         })),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    createVarsResolver,\n    factory,\n    Factory,\n    Image,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {Modal} from '../modal';\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 classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | ModalStylesNames\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\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 Modal.Footer;\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    centered: true,\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 footers: ReactElement[] = [];\n    const otherChildren: ReactElement[] = [];\n\n    Children.forEach(children, (child: ReactElement) => {\n        (child.type === Modal.Footer ? footers : otherChildren).push(child);\n    });\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                    {footers}\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = Modal.Footer;\n"],"names":["Prompt","PROMPT_VARIANT_ICONS_SRC","success","Success","warning","Warning","critical","Critical","info","Info","defaultProps","variant","centered","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","footers","otherChildren","Children","forEach","child","type","Modal","Footer","push","PromptContextProvider","value","Root","size","Overlay","Content","Header","Image","alt","role","src","Title","CloseButton","Body","Box","CancelButton","PromptCancelButton","ConfirmButton","PromptConfirmButton"],"mappings":";;;;+BA4EaA;;;eAAAA;;;;;;;;oBAjEN;qBACyC;qBAC5B;oEACC;gEACJ;mEACG;mEACA;6BACgB;wEAChB;kCACmD;mCACE;AAqCzE,IAAMC,2BAA0D;IAC5DC,SAASC,mBAAO;IAChBC,SAASC,mBAAO;IAChBC,UAAUC,oBAAQ;IAClBC,MAAMC,gBAAI;AACd;AAEA,IAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,IAAMC,eAAeC,IAAAA,wBAAkB,EAAgB,SAACC;QAASC,aAAAA;WAAW;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ;;AAEO,IAAMlB,SAASmB,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,UAAUb,cAAcU;IAC/C,IAAOT,UAAmGW,MAAnGX,SAASa,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;QAAnGX;QAASa;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,UAA0B,EAAE;IAClC,IAAMC,gBAAgC,EAAE;IAExCC,eAAQ,CAACC,OAAO,CAAChB,UAAU,SAACiB;QACvBA,CAAAA,MAAMC,IAAI,KAAKC,YAAK,CAACC,MAAM,GAAGP,UAAUC,aAAY,EAAGO,IAAI,CAACJ;IACjE;IAEA,qBACI,qBAACK,oCAAqB;QAACC,OAAO;YAACrC,SAAAA;YAASsB,WAAAA;QAAS;kBAC7C,cAAA,sBAACW,YAAK,CAACK,IAAI;YAAC5B,KAAKA;YAAKV,SAAQ;YAASuC,MAAK;WAASlB,QAAYC,UAAU;;8BACvE,qBAACW,YAAK,CAACO,OAAO,uBAAKlB,UAAU,WAAWI;8BACxC,sBAACO,YAAK,CAACQ,OAAO,8CAAKnB,UAAU,WAAWI;;sCACpC,sBAACO,YAAK,CAACS,MAAM,8CAAKpB,UAAU,UAAUI;;gCACjCrB,QAAQA,SAAS,OACdA,qBAEA,qBAACsC,WAAK;oCACFC,KAAI;oCACJC,MAAK;mCACDvB,UAAU,QAAQI;oCACtBoB,KAAKxD,wBAAwB,CAACU,QAAQ;;8CAG9C,qBAACiC,YAAK,CAACc,KAAK,8CAAKzB,UAAU,SAASI;8CAAkBb;;8CACtD,qBAACoB,YAAK,CAACe,WAAW,uBAAK1B,UAAU,SAASI;;;sCAE9C,qBAACO,YAAK,CAACgB,IAAI,8CAAK3B,UAAU,QAAQI;sCAC9B,cAAA,qBAACwB,SAAG,8CAAK5B,UAAU,SAASI;0CAAkBE;;;wBAEjDD;;;;;;AAKrB;AAEAtC,OAAO8D,YAAY,GAAGC,sCAAkB;AACxC/D,OAAOgE,aAAa,GAAGC,wCAAmB;AAC1CjE,OAAO6C,MAAM,GAAGD,YAAK,CAACC,MAAM"}
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    createVarsResolver,\n    factory,\n    Factory,\n    Image,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {Header} from '../header';\nimport {Modal} from '../modal';\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 classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'info';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | Exclude<ModalStylesNames, 'title'>\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\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 Modal.Footer;\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    centered: true,\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 footers: ReactElement[] = [];\n    const otherChildren: ReactElement[] = [];\n\n    Children.forEach(children, (child: ReactElement) => {\n        (child.type === Modal.Footer ? footers : otherChildren).push(child);\n    });\n\n    const titleContent =\n        typeof title === 'string' ? (\n            <Modal.Title\n                component={Header}\n                renderRoot={(p) => (\n                    <Header variant=\"secondary\" {...p}>\n                        {p.children}\n                    </Header>\n                )}\n            >\n                {title}\n            </Modal.Title>\n        ) : (\n            title\n        );\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                        {titleContent}\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                    {footers}\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n\nPrompt.CancelButton = PromptCancelButton;\nPrompt.ConfirmButton = PromptConfirmButton;\nPrompt.Footer = Modal.Footer;\n"],"names":["Prompt","PROMPT_VARIANT_ICONS_SRC","success","Success","warning","Warning","critical","Critical","info","Info","defaultProps","variant","centered","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","footers","otherChildren","Children","forEach","child","type","Modal","Footer","push","titleContent","Title","component","Header","renderRoot","p","PromptContextProvider","value","Root","size","Overlay","Content","Image","alt","role","src","CloseButton","Body","Box","CancelButton","PromptCancelButton","ConfirmButton","PromptConfirmButton"],"mappings":";;;;+BA6EaA;;;eAAAA;;;;;;;;oBAlEN;qBACyC;sBAC3B;qBACD;oEACC;gEACJ;mEACG;mEACA;6BACgB;wEAChB;kCACmD;mCACE;AAqCzE,IAAMC,2BAA0D;IAC5DC,SAASC,mBAAO;IAChBC,SAASC,mBAAO;IAChBC,UAAUC,oBAAQ;IAClBC,MAAMC,gBAAI;AACd;AAEA,IAAMC,eAAqC;IACvCC,SAAS;IACTC,UAAU;AACd;AAEA,IAAMC,eAAeC,IAAAA,wBAAkB,EAAgB,SAACC;QAASC,aAAAA;WAAW;QACxEC,MAAM;YACF,sBAAsBD,OAAOE,YAAY;QAC7C;IACJ;;AAEO,IAAMlB,SAASmB,IAAAA,aAAO,EAAgB,SAACC,QAAQC;IAClD,IAAMC,QAAQC,IAAAA,cAAQ,EAAC,UAAUb,cAAcU;IAC/C,IAAOT,UAAmGW,MAAnGX,SAASa,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;QAAnGX;QAASa;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,UAA0B,EAAE;IAClC,IAAMC,gBAAgC,EAAE;IAExCC,eAAQ,CAACC,OAAO,CAAChB,UAAU,SAACiB;QACvBA,CAAAA,MAAMC,IAAI,KAAKC,YAAK,CAACC,MAAM,GAAGP,UAAUC,aAAY,EAAGO,IAAI,CAACJ;IACjE;IAEA,IAAMK,eACF,OAAOvB,UAAU,yBACb,qBAACoB,YAAK,CAACI,KAAK;QACRC,WAAWC,cAAM;QACjBC,YAAY,SAACC;iCACT,qBAACF,cAAM;gBAACvC,SAAQ;eAAgByC;0BAC3BA,EAAE3B,QAAQ;;;kBAIlBD;SAGLA;IAGR,qBACI,qBAAC6B,oCAAqB;QAACC,OAAO;YAAC3C,SAAAA;YAASsB,WAAAA;QAAS;kBAC7C,cAAA,sBAACW,YAAK,CAACW,IAAI;YAAClC,KAAKA;YAAKV,SAAQ;YAAS6C,MAAK;WAASxB,QAAYC,UAAU;;8BACvE,qBAACW,YAAK,CAACa,OAAO,uBAAKxB,UAAU,WAAWI;8BACxC,sBAACO,YAAK,CAACc,OAAO,8CAAKzB,UAAU,WAAWI;;sCACpC,sBAACO,YAAK,CAACM,MAAM,8CAAKjB,UAAU,UAAUI;;gCACjCrB,QAAQA,SAAS,OACdA,qBAEA,qBAAC2C,WAAK;oCACFC,KAAI;oCACJC,MAAK;mCACD5B,UAAU,QAAQI;oCACtByB,KAAK7D,wBAAwB,CAACU,QAAQ;;gCAG7CoC;8CACD,qBAACH,YAAK,CAACmB,WAAW,uBAAK9B,UAAU,SAASI;;;sCAE9C,qBAACO,YAAK,CAACoB,IAAI,8CAAK/B,UAAU,QAAQI;sCAC9B,cAAA,qBAAC4B,SAAG,8CAAKhC,UAAU,SAASI;0CAAkBE;;;wBAEjDD;;;;;;AAKrB;AAEAtC,OAAOkE,YAAY,GAAGC,sCAAkB;AACxCnE,OAAOoE,aAAa,GAAGC,wCAAmB;AAC1CrE,OAAO6C,MAAM,GAAGD,YAAK,CAACC,MAAM"}

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

@@ -1,14 +1,9 @@
 .root {
-    --prompt-icon-size: 88px;
-
-    .header {
-        border-bottom: none;
-        align-items: center;
-    }
+    --prompt-icon-size: 68px;
 
     .body {
         padding: 0 var(--mantine-spacing-lg) var(--mantine-spacing-lg)
-            calc(var(--prompt-icon-size) + (2 * var(--mantine-spacing-lg)));
+            calc(var(--prompt-icon-size) + var(--mantine-spacing-md) + var(--mantine-spacing-lg));
     }
 }
 
@@ -18,18 +13,12 @@
 }
 
 .header {
-    gap: var(--mantine-spacing-lg);
+    gap: var(--mantine-spacing-md);
     width: 100%;
-    font-size: var(--mantine-h3-font-size);
-    line-height: var(--mantine-h3-line-height);
     overflow-wrap: anywhere;
     padding: var(--mantine-spacing-lg) var(--mantine-spacing-md) var(--mantine-spacing-xs) var(--mantine-spacing-lg);
 }
 
-.close {
-    align-self: flex-start;
-}
-
 .inner {
-    color: var(--mantine-color-gray-7);
+    color: var(--mantine-color-dimmed);
 }

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

@@ -15,10 +15,10 @@ var _core = require("@mantine/core");
 var _Button = require("../button/Button");
 var _Promptcontext = require("./Prompt.context");
 var COLOR_BY_VARIANT = {
-    success: 'action',
-    info: 'action',
-    warning: 'critical',
-    critical: 'critical'
+    success: 'var(--mantine-primary-color-filled)',
+    info: 'var(--mantine-primary-color-filled)',
+    warning: 'var(--mantine-color-error)',
+    critical: 'var(--mantine-color-error)'
 };
 var defaultProps = {};
 var PromptConfirmButton = (0, _core.factory)(function(_props, ref) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, 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 {\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n        disabled,\n        disabledTooltip,\n        disabledTooltipProps,\n        ...others\n    } = props;\n\n    return (\n        <Button\n            ref={ref}\n            variant=\"filled\"\n            color={COLOR_BY_VARIANT[variant]}\n            disabled={disabled}\n            disabledTooltip={disabledTooltip}\n            disabledTooltipProps={disabledTooltipProps}\n            {...others}\n            {...getStyles('confirm', {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","disabled","disabledTooltip","disabledTooltipProps","others","Button","color"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBA3BoD;sBAC/B;6BAEH;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,IACIO,YAUAF,MAVAE,WACAC,aASAH,MATAG,YACAC,QAQAJ,MARAI,OACAC,SAOAL,MAPAK,QACAC,WAMAN,MANAM,UACAC,OAKAP,MALAO,MACAC,WAIAR,MAJAQ,UACAC,kBAGAT,MAHAS,iBACAC,uBAEAV,MAFAU,sBACGC,sCACHX;QAVAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAIJ,qBACI,qBAACE,cAAM;QACHhB,KAAKA;QACLE,SAAQ;QACRe,OAAOzB,gBAAgB,CAACU,QAAQ;QAChCU,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;OAClBC,QACAZ,UAAU,WAAW;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAG1E"}
+{"version":3,"sources":["../../../../src/components/prompt/PromptConfirmButton.tsx"],"sourcesContent":["import {CompoundStylesApiProps, factory, Factory, useProps} from '@mantine/core';\nimport {Button, 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: 'var(--mantine-primary-color-filled)',\n    info: 'var(--mantine-primary-color-filled)',\n    warning: 'var(--mantine-color-error)',\n    critical: 'var(--mantine-color-error)',\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 {\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n        disabled,\n        disabledTooltip,\n        disabledTooltipProps,\n        ...others\n    } = props;\n\n    return (\n        <Button\n            ref={ref}\n            variant=\"filled\"\n            color={COLOR_BY_VARIANT[variant]}\n            disabled={disabled}\n            disabledTooltip={disabledTooltip}\n            disabledTooltipProps={disabledTooltipProps}\n            {...others}\n            {...getStyles('confirm', {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","disabled","disabledTooltip","disabledTooltipProps","others","Button","color"],"mappings":";;;;+BA2BaA;;;eAAAA;;;;;;oBA3BoD;sBAC/B;6BAEH;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,IACIO,YAUAF,MAVAE,WACAC,aASAH,MATAG,YACAC,QAQAJ,MARAI,OACAC,SAOAL,MAPAK,QACAC,WAMAN,MANAM,UACAC,OAKAP,MALAO,MACAC,WAIAR,MAJAQ,UACAC,kBAGAT,MAHAS,iBACAC,uBAEAV,MAFAU,sBACGC,sCACHX;QAVAE;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAIJ,qBACI,qBAACE,cAAM;QACHhB,KAAKA;QACLE,SAAQ;QACRe,OAAOzB,gBAAgB,CAACU,QAAQ;QAChCU,UAAUA;QACVC,iBAAiBA;QACjBC,sBAAsBA;OAClBC,QACAZ,UAAU,WAAW;QAACK,OAAAA;QAAOC,QAAAA;QAAQH,WAAAA;QAAWC,YAAAA;IAAU;AAG1E"}

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

@@ -0,0 +1,6 @@
+import { FunctionComponent, PropsWithChildren } from 'react';
+import { StickyFooterProps } from '../sticky-footer';
+export interface PromptFooterProps extends StickyFooterProps {
+}
+export declare const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>>;
+//# sourceMappingURL=PromptFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/PromptFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAE,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAe,iBAAiB,EAAC,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;CAAG;AAE/D,eAAO,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAIhF,CAAC"}

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

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromptFooter", {
+    enumerable: true,
+    get: function() {
+        return PromptFooter;
+    }
+});
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _jsxruntime = require("react/jsx-runtime");
+var _stickyfooter = require("../sticky-footer");
+var PromptFooter = function(_param) {
+    var children = _param.children, otherProps = _object_without_properties._(_param, [
+        "children"
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_stickyfooter.StickyFooter, _object_spread_props._(_object_spread._({
+        borderTop: true
+    }, otherProps), {
+        children: children
+    }));
+};
+
+//# sourceMappingURL=PromptFooter.js.map

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

@@ -0,0 +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 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/read-only/ReadOnlyInputStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,UAAW,YAAY;;;;;;;;;;;;;CAarD,CAAC"}
+{"version":3,"file":"ReadOnlyInputStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/read-only/ReadOnlyInputStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,YAAY,EAAC,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,mBAAmB,GAAI,OAAO,YAAY;;;;;;;;;;;;;CAarD,CAAC"}

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

@@ -2,11 +2,11 @@
     position: sticky;
     bottom: 0;
     z-index: 10;
-    background-color: white;
+    background-color: var(--mantine-color-body);
     padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
 
     &[data-variant='modal-footer'] {
-        border-top: 1px solid var(--mantine-color-gray-3);
+        border-top: 1px solid var(--mantine-color-default-border);
         padding-bottom: 0;
         margin: var(--mb-padding) calc(-1 * var(--mb-padding)) calc(var(--mantine-spacing-md) - var(--mb-padding))
             calc(-1 * var(--mb-padding));
@@ -14,5 +14,5 @@
 }
 
 .border {
-    border-top: 1px solid var(--mantine-color-gray-3);
+    border-top: 1px solid var(--mantine-color-default-border);
 }