@coveord/plasma-mantine 58.0.1 → 58.0.2

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

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

package/dist/cjs/components/LastUpdated/LastUpdated.js

@@ -15,7 +15,6 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
 var _dayjs = /*#__PURE__*/ _interop_require_default._(require("dayjs"));
-var _react = /*#__PURE__*/ _interop_require_default._(require("react"));
 var defaultProps = {
     label: 'Last update:',
     formatter: function formatter(time) {

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

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

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

@@ -2,6 +2,7 @@
     .root {
         margin: calc(-1 * var(--mb-padding));
         margin-top: var(--mb-padding);
+        bottom: calc(-1 * var(--mb-padding));
     }
 }
 

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

@@ -1,5 +1,5 @@
 import { Factory, ModalRootProps, ModalStylesNames, StylesApiProps } from '@mantine/core';
-import { FunctionComponent, ReactElement, ReactNode } from 'react';
+import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
 import { PromptCancelButtonStylesNamesVariant } from './PromptCancelButton.js';
 import { PromptConfirmButtonStylesNamesVariant } from './PromptConfirmButton.js';
 export type PromptVariant = 'success' | 'warning' | 'critical' | 'information';
@@ -22,7 +22,7 @@ export type PromptFactory = Factory<{
     variant: PromptVariant;
     stylesNames: PromptStylesNames;
 }>;
-type PromptCompoundComponent = ((props: PromptProps) => ReactElement) & Omit<FunctionComponent<PromptProps>, never>;
+type PromptCompoundComponent = ForwardRefExoticComponent<PromptProps & RefAttributes<HTMLDivElement>>;
 export declare const Prompt: {
     readonly Information: PromptCompoundComponent;
     readonly Success: PromptCompoundComponent;
@@ -40,7 +40,7 @@ export declare const Prompt: {
         stylesNames: PromptConfirmButtonStylesNamesVariant;
         compound: true;
     }>;
-    readonly Footer: FunctionComponent<import("../Modal/ModalFooter.js").ModalFooterProps & import("react").RefAttributes<HTMLDivElement> & {
+    readonly Footer: import("react").FunctionComponent<import("../Modal/ModalFooter.js").ModalFooterProps & RefAttributes<HTMLDivElement> & {
         component?: any;
         renderRoot?: (props: Record<string, any>) => React.ReactNode;
     }>;

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,EAGH,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAIjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAsD,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAKtH,OAAO,EAAqB,oCAAoC,EAAC,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAsB,qCAAqC,EAAC,MAAM,0BAA0B,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;AAC/E,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,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC;AAE3E,MAAM,WAAW,WACb,SAAQ,oBAAoB,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;IAC/G,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,mBAAoB,SAAQ,WAAW;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;CAClC,CAAC,CAAC;AAiFH,KAAK,uBAAuB,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,YAAY,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;AAapH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAQT,CAAC"}
+{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/Prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAIjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAKH,yBAAyB,EAEzB,SAAS,EACT,aAAa,EAChB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAqB,oCAAoC,EAAC,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAsB,qCAAqC,EAAC,MAAM,0BAA0B,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;AAC/E,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,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC;AAE3E,MAAM,WAAW,WACb,SAAQ,oBAAoB,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;IAC/G,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,mBAAoB,SAAQ,WAAW;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;CAClC,CAAC,CAAC;AAiFH,KAAK,uBAAuB,GAAG,yBAAyB,CAAC,WAAW,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AAatG,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAQT,CAAC"}

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

@@ -97,12 +97,12 @@ var _Prompt = (0, _core.factory)(function(_props, ref) {
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_Modal.Modal.CloseButton, _object_spread._({}, getStyles('close', stylesApiProps)))
                             ]
                         })),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_Modal.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
-                            }))
-                        })),
-                        footers
+                        /*#__PURE__*/ (0, _jsxruntime.jsxs)(_Modal.Modal.Body, _object_spread_props._(_object_spread._({}, getStyles('body', stylesApiProps)), {
+                            children: [
+                                otherChildren,
+                                footers
+                            ]
+                        }))
                     ]
                 }))
             ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    factory,\n    Factory,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ComponentProps, ComponentType, forwardRef, FunctionComponent, ReactElement, ReactNode} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport {Modal} from '../Modal/Modal.js';\nimport {PromptContextProvider} from './Prompt.context.js';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton.js';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton.js';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'information';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | Exclude<ModalStylesNames, 'title'>\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\ntype PromptStylesApiProps = Omit<StylesApiProps<PromptFactory>, 'variant'>;\n\nexport interface PromptProps\n    extends PromptStylesApiProps, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars' | 'attributes' | 'variant'> {\n    children: ReactNode;\n    title: ReactNode;\n}\n\ninterface PromptInternalProps extends PromptProps {\n    variant?: PromptVariant;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptInternalProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n}>;\n\nconst PromptVariantIconsMapping: Record<PromptVariant, typeof InfoToken.Information> = {\n    success: InfoToken.Success,\n    warning: InfoToken.Warning,\n    critical: InfoToken.Error,\n    information: InfoToken.Information,\n};\n\nconst defaultProps: Partial<PromptInternalProps> = {\n    variant: 'information',\n    centered: true,\n};\n\nconst _Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {\n        variant,\n        title,\n        children,\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n        attributes: _attributes,\n        ...others\n    } = 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    });\n    const stylesApiProps = {classNames, styles};\n\n    const footers: ReactElement[] = [];\n    const otherChildren: ReactElement[] = [];\n\n    Children.forEach(children, (child: ReactElement) => {\n        (child.type === PromptFooter ? footers : otherChildren).push(child);\n    });\n\n    const IconComponent = PromptVariantIconsMapping[variant];\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                        <IconComponent\n                            {...getStyles('icon', stylesApiProps)}\n                            variant=\"light\"\n                            size=\"sm\"\n                            aria-label={variant}\n                        />\n                        <Modal.Title>\n                            <Title order={3} component=\"div\">\n                                {title}\n                            </Title>\n                        </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_Prompt.displayName = 'Prompt';\n\ntype PromptCompoundComponent = ((props: PromptProps) => ReactElement) & Omit<FunctionComponent<PromptProps>, never>;\n\nconst PromptFooter: ComponentType<ComponentProps<typeof Modal.Footer>> = (props) => <Modal.Footer {...props} />;\nPromptFooter.displayName = 'Prompt.Footer';\n\nconst createPromptCompound = (variant: PromptVariant, displayName: string): PromptCompoundComponent => {\n    const Component = forwardRef<HTMLDivElement, PromptProps>((props, ref) => (\n        <_Prompt ref={ref} {...props} variant={variant} />\n    ));\n    Component.displayName = displayName;\n    return Component as PromptCompoundComponent;\n};\n\nexport const Prompt = {\n    Information: createPromptCompound('information', 'Prompt.Information'),\n    Success: createPromptCompound('success', 'Prompt.Success'),\n    Warning: createPromptCompound('warning', 'Prompt.Warning'),\n    Critical: createPromptCompound('critical', 'Prompt.Critical'),\n    CancelButton: PromptCancelButton,\n    ConfirmButton: PromptConfirmButton,\n    Footer: PromptFooter,\n} as const;\n"],"names":["Prompt","PromptVariantIconsMapping","success","InfoToken","Success","warning","Warning","critical","Error","information","Information","defaultProps","variant","centered","_Prompt","factory","_props","ref","props","useProps","title","children","className","classNames","style","styles","unstyled","vars","attributes","_attributes","others","getStyles","useStyles","name","classes","stylesApiProps","footers","otherChildren","Children","forEach","child","type","PromptFooter","push","IconComponent","PromptContextProvider","value","Modal","Root","size","Overlay","Content","Header","aria-label","Title","order","component","CloseButton","Body","Box","displayName","Footer","createPromptCompound","Component","forwardRef","Critical","CancelButton","PromptCancelButton","ConfirmButton","PromptConfirmButton"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Prompt/Prompt.tsx"],"sourcesContent":["import {\n    factory,\n    Factory,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {\n    Children,\n    ComponentProps,\n    ComponentType,\n    forwardRef,\n    ForwardRefExoticComponent,\n    ReactElement,\n    ReactNode,\n    RefAttributes,\n} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport {Modal} from '../Modal/Modal.js';\nimport {PromptContextProvider} from './Prompt.context.js';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton.js';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton.js';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'information';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | Exclude<ModalStylesNames, 'title'>\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\ntype PromptStylesApiProps = Omit<StylesApiProps<PromptFactory>, 'variant'>;\n\nexport interface PromptProps\n    extends PromptStylesApiProps, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars' | 'attributes' | 'variant'> {\n    children: ReactNode;\n    title: ReactNode;\n}\n\ninterface PromptInternalProps extends PromptProps {\n    variant?: PromptVariant;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptInternalProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n}>;\n\nconst PromptVariantIconsMapping: Record<PromptVariant, typeof InfoToken.Information> = {\n    success: InfoToken.Success,\n    warning: InfoToken.Warning,\n    critical: InfoToken.Error,\n    information: InfoToken.Information,\n};\n\nconst defaultProps: Partial<PromptInternalProps> = {\n    variant: 'information',\n    centered: true,\n};\n\nconst _Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {\n        variant,\n        title,\n        children,\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n        attributes: _attributes,\n        ...others\n    } = 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    });\n    const stylesApiProps = {classNames, styles};\n\n    const footers: ReactElement[] = [];\n    const otherChildren: ReactElement[] = [];\n\n    Children.forEach(children, (child: ReactElement) => {\n        (child.type === PromptFooter ? footers : otherChildren).push(child);\n    });\n\n    const IconComponent = PromptVariantIconsMapping[variant];\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                        <IconComponent\n                            {...getStyles('icon', stylesApiProps)}\n                            variant=\"light\"\n                            size=\"sm\"\n                            aria-label={variant}\n                        />\n                        <Modal.Title>\n                            <Title order={3} component=\"div\">\n                                {title}\n                            </Title>\n                        </Modal.Title>\n                        <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n                    </Modal.Header>\n                    <Modal.Body {...getStyles('body', stylesApiProps)}>\n                        {otherChildren}\n                        {footers}\n                    </Modal.Body>\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n_Prompt.displayName = 'Prompt';\n\ntype PromptCompoundComponent = ForwardRefExoticComponent<PromptProps & RefAttributes<HTMLDivElement>>;\n\nconst PromptFooter: ComponentType<ComponentProps<typeof Modal.Footer>> = (props) => <Modal.Footer {...props} />;\nPromptFooter.displayName = 'Prompt.Footer';\n\nconst createPromptCompound = (variant: PromptVariant, displayName: string) => {\n    const Component = forwardRef<HTMLDivElement, PromptProps>((props, ref) => (\n        <_Prompt ref={ref} {...props} variant={variant} />\n    ));\n    Component.displayName = displayName;\n    return Component as PromptCompoundComponent;\n};\n\nexport const Prompt = {\n    Information: createPromptCompound('information', 'Prompt.Information'),\n    Success: createPromptCompound('success', 'Prompt.Success'),\n    Warning: createPromptCompound('warning', 'Prompt.Warning'),\n    Critical: createPromptCompound('critical', 'Prompt.Critical'),\n    CancelButton: PromptCancelButton,\n    ConfirmButton: PromptConfirmButton,\n    Footer: PromptFooter,\n} as const;\n"],"names":["Prompt","PromptVariantIconsMapping","success","InfoToken","Success","warning","Warning","critical","Error","information","Information","defaultProps","variant","centered","_Prompt","factory","_props","ref","props","useProps","title","children","className","classNames","style","styles","unstyled","vars","attributes","_attributes","others","getStyles","useStyles","name","classes","stylesApiProps","footers","otherChildren","Children","forEach","child","type","PromptFooter","push","IconComponent","PromptContextProvider","value","Modal","Root","size","Overlay","Content","Header","aria-label","Title","order","component","CloseButton","Body","displayName","Footer","createPromptCompound","Component","forwardRef","Critical","CancelButton","PromptCancelButton","ConfirmButton","PromptConfirmButton"],"mappings":"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"}

package/dist/cjs/styles/Modal.module.css

@@ -4,8 +4,21 @@
 
 .header {
     gap: var(--mantine-spacing-sm);
+    min-height: unset;
 }
 
 .close {
     align-self: flex-start;
 }
+
+.content {
+    overflow-y: initial;
+    display: flex;
+    flex-direction: column;
+}
+
+.body {
+    overflow-y: scroll;
+    border-end-start-radius: var(--modal-radius, var(--mantine-radius-default));
+    border-end-end-radius: var(--modal-radius, var(--mantine-radius-default));
+}

package/dist/esm/components/LastUpdated/LastUpdated.d.ts.map

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

package/dist/esm/components/LastUpdated/LastUpdated.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { factory, Group, Text, useProps, useStyles } from '@mantine/core';
 import dayjs from 'dayjs';
-import React from 'react';
 const defaultProps = {
     label: 'Last update:',
     formatter: (time)=>dayjs(time).format('h:mm:ss A')

package/dist/esm/components/LastUpdated/LastUpdated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/LastUpdated/LastUpdated.tsx"],"sourcesContent":["import {BoxProps, factory, Factory, Group, GroupProps, StylesApiProps, Text, useProps, useStyles} from '@mantine/core';\nimport dayjs from 'dayjs';\nimport React from 'react';\n\nexport type LastUpdatedStylesNames = 'root' | 'label';\n\nexport interface LastUpdatedProps extends BoxProps, Pick<GroupProps, 'justify'>, StylesApiProps<LastUpdatedFactory> {\n    /**\n     * Optional formatter function to format the time value.\n     * Receives the time prop and should return a string.\n     * @default (time) => dayjs(time).format('h:mm:ss A')\n     */\n    formatter?: (time: dayjs.ConfigType) => string;\n    /**\n     * The unformatted time to display that can be parsed by dayjs.\n     * @default The current time via dayjs().valueOf()\n     */\n    time?: dayjs.ConfigType;\n    /**\n     * Label to contextualize the time.\n     *\n     * @default \"Last update:\"\n     */\n    label?: string;\n}\n\nexport type LastUpdatedFactory = Factory<{\n    props: LastUpdatedProps;\n    ref: HTMLDivElement;\n    stylesNames: LastUpdatedStylesNames;\n}>;\n\nconst defaultProps: Partial<LastUpdatedProps> = {\n    label: 'Last update:',\n    formatter: (time) => dayjs(time).format('h:mm:ss A'),\n};\n\nexport const LastUpdated = factory<LastUpdatedFactory>(\n    (props: LastUpdatedProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n        const {formatter, label, time, classNames, className, styles, style, vars, unstyled, ...others} = useProps(\n            'PlasmaLastUpdated',\n            defaultProps as Partial<LastUpdatedProps>,\n            props,\n        );\n\n        const resolvedTime = time ?? dayjs().valueOf();\n\n        const getStyles = useStyles<LastUpdatedFactory>({\n            name: 'LastUpdated',\n            classes: {},\n            props,\n            className,\n            style,\n            classNames,\n            styles,\n            unstyled,\n            vars,\n        });\n        const stylesApiProps = {classNames, styles};\n\n        return (\n            <Group\n                justify={props.justify}\n                ref={ref}\n                {...getStyles('root', {className, style, ...stylesApiProps})}\n                {...others}\n            >\n                <Text size=\"xs\" {...getStyles('label', {className, style, ...stylesApiProps})}>\n                    {label}\n                    <span role=\"timer\">{formatter(resolvedTime)}</span>\n                </Text>\n            </Group>\n        );\n    },\n);\n\nLastUpdated.displayName = 'LastUpdated';\n"],"names":["factory","Group","Text","useProps","useStyles","dayjs","React","defaultProps","label","formatter","time","format","LastUpdated","props","ref","classNames","className","styles","style","vars","unstyled","others","resolvedTime","valueOf","getStyles","name","classes","stylesApiProps","justify","size","span","role","displayName"],"mappings":";AAAA,SAAkBA,OAAO,EAAWC,KAAK,EAA8BC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,QAAO,gBAAgB;AACvH,OAAOC,WAAW,QAAQ;AAC1B,OAAOC,WAAW,QAAQ;AA8B1B,MAAMC,eAA0C;IAC5CC,OAAO;IACPC,WAAW,CAACC,OAASL,MAAMK,MAAMC,MAAM,CAAC;AAC5C;AAEA,OAAO,MAAMC,cAAcZ,QACvB,CAACa,OAAyBC;IACtB,MAAM,EAACL,SAAS,EAAED,KAAK,EAAEE,IAAI,EAAEK,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,QAAO,GAAGlB,SAC9F,qBACAI,cACAM;IAGJ,MAAMS,eAAeZ,QAAQL,QAAQkB,OAAO;IAE5C,MAAMC,YAAYpB,UAA8B;QAC5CqB,MAAM;QACNC,SAAS,CAAC;QACVb;QACAG;QACAE;QACAH;QACAE;QACAG;QACAD;IACJ;IACA,MAAMQ,iBAAiB;QAACZ;QAAYE;IAAM;IAE1C,qBACI,KAAChB;QACG2B,SAASf,MAAMe,OAAO;QACtBd,KAAKA;QACJ,GAAGU,UAAU,QAAQ;YAACR;YAAWE;YAAO,GAAGS,cAAc;QAAA,EAAE;QAC3D,GAAGN,MAAM;kBAEV,cAAA,MAACnB;YAAK2B,MAAK;YAAM,GAAGL,UAAU,SAAS;gBAACR;gBAAWE;gBAAO,GAAGS,cAAc;YAAA,EAAE;;gBACxEnB;8BACD,KAACsB;oBAAKC,MAAK;8BAAStB,UAAUa;;;;;AAI9C,GACF;AAEFV,YAAYoB,WAAW,GAAG"}
+{"version":3,"sources":["../../../../src/components/LastUpdated/LastUpdated.tsx"],"sourcesContent":["import {BoxProps, factory, Factory, Group, GroupProps, StylesApiProps, Text, useProps, useStyles} from '@mantine/core';\nimport dayjs from 'dayjs';\nimport {ForwardedRef} from 'react';\n\nexport type LastUpdatedStylesNames = 'root' | 'label';\n\nexport interface LastUpdatedProps extends BoxProps, Pick<GroupProps, 'justify'>, StylesApiProps<LastUpdatedFactory> {\n    /**\n     * Optional formatter function to format the time value.\n     * Receives the time prop and should return a string.\n     * @default (time) => dayjs(time).format('h:mm:ss A')\n     */\n    formatter?: (time: dayjs.ConfigType) => string;\n    /**\n     * The unformatted time to display that can be parsed by dayjs.\n     * @default The current time via dayjs().valueOf()\n     */\n    time?: dayjs.ConfigType;\n    /**\n     * Label to contextualize the time.\n     *\n     * @default \"Last update:\"\n     */\n    label?: string;\n}\n\nexport type LastUpdatedFactory = Factory<{\n    props: LastUpdatedProps;\n    ref: HTMLDivElement;\n    stylesNames: LastUpdatedStylesNames;\n}>;\n\nconst defaultProps: Partial<LastUpdatedProps> = {\n    label: 'Last update:',\n    formatter: (time) => dayjs(time).format('h:mm:ss A'),\n};\n\nexport const LastUpdated = factory<LastUpdatedFactory>((props: LastUpdatedProps, ref: ForwardedRef<HTMLDivElement>) => {\n    const {formatter, label, time, classNames, className, styles, style, vars, unstyled, ...others} = useProps(\n        'PlasmaLastUpdated',\n        defaultProps as Partial<LastUpdatedProps>,\n        props,\n    );\n\n    const resolvedTime = time ?? dayjs().valueOf();\n\n    const getStyles = useStyles<LastUpdatedFactory>({\n        name: 'LastUpdated',\n        classes: {},\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n        vars,\n    });\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Group\n            justify={props.justify}\n            ref={ref}\n            {...getStyles('root', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Text size=\"xs\" {...getStyles('label', {className, style, ...stylesApiProps})}>\n                {label}\n                <span role=\"timer\">{formatter(resolvedTime)}</span>\n            </Text>\n        </Group>\n    );\n});\n\nLastUpdated.displayName = 'LastUpdated';\n"],"names":["factory","Group","Text","useProps","useStyles","dayjs","defaultProps","label","formatter","time","format","LastUpdated","props","ref","classNames","className","styles","style","vars","unstyled","others","resolvedTime","valueOf","getStyles","name","classes","stylesApiProps","justify","size","span","role","displayName"],"mappings":";AAAA,SAAkBA,OAAO,EAAWC,KAAK,EAA8BC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,QAAO,gBAAgB;AACvH,OAAOC,WAAW,QAAQ;AA+B1B,MAAMC,eAA0C;IAC5CC,OAAO;IACPC,WAAW,CAACC,OAASJ,MAAMI,MAAMC,MAAM,CAAC;AAC5C;AAEA,OAAO,MAAMC,cAAcX,QAA4B,CAACY,OAAyBC;IAC7E,MAAM,EAACL,SAAS,EAAED,KAAK,EAAEE,IAAI,EAAEK,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,QAAO,GAAGjB,SAC9F,qBACAG,cACAM;IAGJ,MAAMS,eAAeZ,QAAQJ,QAAQiB,OAAO;IAE5C,MAAMC,YAAYnB,UAA8B;QAC5CoB,MAAM;QACNC,SAAS,CAAC;QACVb;QACAG;QACAE;QACAH;QACAE;QACAG;QACAD;IACJ;IACA,MAAMQ,iBAAiB;QAACZ;QAAYE;IAAM;IAE1C,qBACI,KAACf;QACG0B,SAASf,MAAMe,OAAO;QACtBd,KAAKA;QACJ,GAAGU,UAAU,QAAQ;YAACR;YAAWE;YAAO,GAAGS,cAAc;QAAA,EAAE;QAC3D,GAAGN,MAAM;kBAEV,cAAA,MAAClB;YAAK0B,MAAK;YAAM,GAAGL,UAAU,SAAS;gBAACR;gBAAWE;gBAAO,GAAGS,cAAc;YAAA,EAAE;;gBACxEnB;8BACD,KAACsB;oBAAKC,MAAK;8BAAStB,UAAUa;;;;;AAI9C,GAAG;AAEHV,YAAYoB,WAAW,GAAG"}

package/dist/esm/components/Modal/ModalFooter.module.css

@@ -2,6 +2,7 @@
     .root {
         margin: calc(-1 * var(--mb-padding));
         margin-top: var(--mb-padding);
+        bottom: calc(-1 * var(--mb-padding));
     }
 }
 

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

@@ -1,5 +1,5 @@
 import { Factory, ModalRootProps, ModalStylesNames, StylesApiProps } from '@mantine/core';
-import { FunctionComponent, ReactElement, ReactNode } from 'react';
+import { ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
 import { PromptCancelButtonStylesNamesVariant } from './PromptCancelButton.js';
 import { PromptConfirmButtonStylesNamesVariant } from './PromptConfirmButton.js';
 export type PromptVariant = 'success' | 'warning' | 'critical' | 'information';
@@ -22,7 +22,7 @@ export type PromptFactory = Factory<{
     variant: PromptVariant;
     stylesNames: PromptStylesNames;
 }>;
-type PromptCompoundComponent = ((props: PromptProps) => ReactElement) & Omit<FunctionComponent<PromptProps>, never>;
+type PromptCompoundComponent = ForwardRefExoticComponent<PromptProps & RefAttributes<HTMLDivElement>>;
 export declare const Prompt: {
     readonly Information: PromptCompoundComponent;
     readonly Success: PromptCompoundComponent;
@@ -40,7 +40,7 @@ export declare const Prompt: {
         stylesNames: PromptConfirmButtonStylesNamesVariant;
         compound: true;
     }>;
-    readonly Footer: FunctionComponent<import("../Modal/ModalFooter.js").ModalFooterProps & import("react").RefAttributes<HTMLDivElement> & {
+    readonly Footer: import("react").FunctionComponent<import("../Modal/ModalFooter.js").ModalFooterProps & RefAttributes<HTMLDivElement> & {
         component?: any;
         renderRoot?: (props: Record<string, any>) => React.ReactNode;
     }>;

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

@@ -1 +1 @@
-{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/Prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAIjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAsD,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAKtH,OAAO,EAAqB,oCAAoC,EAAC,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAsB,qCAAqC,EAAC,MAAM,0BAA0B,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;AAC/E,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,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC;AAE3E,MAAM,WAAW,WACb,SAAQ,oBAAoB,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;IAC/G,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,mBAAoB,SAAQ,WAAW;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;CAClC,CAAC,CAAC;AAiFH,KAAK,uBAAuB,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,YAAY,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC;AAapH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAQT,CAAC"}
+{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/Prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,cAAc,EAIjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAKH,yBAAyB,EAEzB,SAAS,EACT,aAAa,EAChB,MAAM,OAAO,CAAC;AAKf,OAAO,EAAqB,oCAAoC,EAAC,MAAM,yBAAyB,CAAC;AACjG,OAAO,EAAsB,qCAAqC,EAAC,MAAM,0BAA0B,CAAC;AAEpG,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,aAAa,CAAC;AAC/E,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,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC,CAAC;AAE3E,MAAM,WAAW,WACb,SAAQ,oBAAoB,EAAE,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;IAC/G,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;CACpB;AAED,UAAU,mBAAoB,SAAQ,WAAW;IAC7C,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAChC,KAAK,EAAE,mBAAmB,CAAC;IAC3B,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,EAAE,aAAa,CAAC;IACvB,WAAW,EAAE,iBAAiB,CAAC;CAClC,CAAC,CAAC;AAiFH,KAAK,uBAAuB,GAAG,yBAAyB,CAAC,WAAW,GAAG,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;AAatG,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;CAQT,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, factory, Title, useProps, useStyles } from '@mantine/core';
+import { factory, Title, useProps, useStyles } from '@mantine/core';
 import { Children, forwardRef } from 'react';
 import { InfoToken } from '../InfoToken/InfoToken.js';
 import { Modal } from '../Modal/Modal.js';
@@ -80,14 +80,13 @@ const _Prompt = factory((_props, ref)=>{
                                 })
                             ]
                         }),
-                        /*#__PURE__*/ _jsx(Modal.Body, {
+                        /*#__PURE__*/ _jsxs(Modal.Body, {
                             ...getStyles('body', stylesApiProps),
-                            children: /*#__PURE__*/ _jsx(Box, {
-                                ...getStyles('inner', stylesApiProps),
-                                children: otherChildren
-                            })
-                        }),
-                        footers
+                            children: [
+                                otherChildren,
+                                footers
+                            ]
+                        })
                     ]
                 })
             ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Prompt/Prompt.tsx"],"sourcesContent":["import {\n    Box,\n    factory,\n    Factory,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {Children, ComponentProps, ComponentType, forwardRef, FunctionComponent, ReactElement, ReactNode} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport {Modal} from '../Modal/Modal.js';\nimport {PromptContextProvider} from './Prompt.context.js';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton.js';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton.js';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'information';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | Exclude<ModalStylesNames, 'title'>\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\ntype PromptStylesApiProps = Omit<StylesApiProps<PromptFactory>, 'variant'>;\n\nexport interface PromptProps\n    extends PromptStylesApiProps, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars' | 'attributes' | 'variant'> {\n    children: ReactNode;\n    title: ReactNode;\n}\n\ninterface PromptInternalProps extends PromptProps {\n    variant?: PromptVariant;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptInternalProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n}>;\n\nconst PromptVariantIconsMapping: Record<PromptVariant, typeof InfoToken.Information> = {\n    success: InfoToken.Success,\n    warning: InfoToken.Warning,\n    critical: InfoToken.Error,\n    information: InfoToken.Information,\n};\n\nconst defaultProps: Partial<PromptInternalProps> = {\n    variant: 'information',\n    centered: true,\n};\n\nconst _Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {\n        variant,\n        title,\n        children,\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n        attributes: _attributes,\n        ...others\n    } = 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    });\n    const stylesApiProps = {classNames, styles};\n\n    const footers: ReactElement[] = [];\n    const otherChildren: ReactElement[] = [];\n\n    Children.forEach(children, (child: ReactElement) => {\n        (child.type === PromptFooter ? footers : otherChildren).push(child);\n    });\n\n    const IconComponent = PromptVariantIconsMapping[variant];\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                        <IconComponent\n                            {...getStyles('icon', stylesApiProps)}\n                            variant=\"light\"\n                            size=\"sm\"\n                            aria-label={variant}\n                        />\n                        <Modal.Title>\n                            <Title order={3} component=\"div\">\n                                {title}\n                            </Title>\n                        </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_Prompt.displayName = 'Prompt';\n\ntype PromptCompoundComponent = ((props: PromptProps) => ReactElement) & Omit<FunctionComponent<PromptProps>, never>;\n\nconst PromptFooter: ComponentType<ComponentProps<typeof Modal.Footer>> = (props) => <Modal.Footer {...props} />;\nPromptFooter.displayName = 'Prompt.Footer';\n\nconst createPromptCompound = (variant: PromptVariant, displayName: string): PromptCompoundComponent => {\n    const Component = forwardRef<HTMLDivElement, PromptProps>((props, ref) => (\n        <_Prompt ref={ref} {...props} variant={variant} />\n    ));\n    Component.displayName = displayName;\n    return Component as PromptCompoundComponent;\n};\n\nexport const Prompt = {\n    Information: createPromptCompound('information', 'Prompt.Information'),\n    Success: createPromptCompound('success', 'Prompt.Success'),\n    Warning: createPromptCompound('warning', 'Prompt.Warning'),\n    Critical: createPromptCompound('critical', 'Prompt.Critical'),\n    CancelButton: PromptCancelButton,\n    ConfirmButton: PromptConfirmButton,\n    Footer: PromptFooter,\n} as const;\n"],"names":["Box","factory","Title","useProps","useStyles","Children","forwardRef","InfoToken","Modal","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","PromptVariantIconsMapping","success","Success","warning","Warning","critical","Error","information","Information","defaultProps","variant","centered","_Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","attributes","_attributes","others","getStyles","name","stylesApiProps","footers","otherChildren","forEach","child","type","PromptFooter","push","IconComponent","value","Root","size","Overlay","Content","Header","aria-label","order","component","CloseButton","Body","displayName","Footer","createPromptCompound","Component","Prompt","Critical","CancelButton","ConfirmButton"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/components/Prompt/Prompt.tsx"],"sourcesContent":["import {\n    factory,\n    Factory,\n    ModalRootProps,\n    ModalStylesNames,\n    StylesApiProps,\n    Title,\n    useProps,\n    useStyles,\n} from '@mantine/core';\nimport {\n    Children,\n    ComponentProps,\n    ComponentType,\n    forwardRef,\n    ForwardRefExoticComponent,\n    ReactElement,\n    ReactNode,\n    RefAttributes,\n} from 'react';\nimport {InfoToken} from '../InfoToken/InfoToken.js';\nimport {Modal} from '../Modal/Modal.js';\nimport {PromptContextProvider} from './Prompt.context.js';\nimport classes from './Prompt.module.css';\nimport {PromptCancelButton, PromptCancelButtonStylesNamesVariant} from './PromptCancelButton.js';\nimport {PromptConfirmButton, PromptConfirmButtonStylesNamesVariant} from './PromptConfirmButton.js';\n\nexport type PromptVariant = 'success' | 'warning' | 'critical' | 'information';\nexport type PromptVars = {root: '--prompt-icon-size'};\nexport type PromptStylesNames =\n    | Exclude<ModalStylesNames, 'title'>\n    | 'icon'\n    | PromptCancelButtonStylesNamesVariant\n    | PromptConfirmButtonStylesNamesVariant;\n\ntype PromptStylesApiProps = Omit<StylesApiProps<PromptFactory>, 'variant'>;\n\nexport interface PromptProps\n    extends PromptStylesApiProps, Omit<ModalRootProps, 'classNames' | 'styles' | 'vars' | 'attributes' | 'variant'> {\n    children: ReactNode;\n    title: ReactNode;\n}\n\ninterface PromptInternalProps extends PromptProps {\n    variant?: PromptVariant;\n}\n\nexport type PromptFactory = Factory<{\n    props: PromptInternalProps;\n    ref: HTMLDivElement;\n    vars: PromptVars;\n    variant: PromptVariant;\n    stylesNames: PromptStylesNames;\n}>;\n\nconst PromptVariantIconsMapping: Record<PromptVariant, typeof InfoToken.Information> = {\n    success: InfoToken.Success,\n    warning: InfoToken.Warning,\n    critical: InfoToken.Error,\n    information: InfoToken.Information,\n};\n\nconst defaultProps: Partial<PromptInternalProps> = {\n    variant: 'information',\n    centered: true,\n};\n\nconst _Prompt = factory<PromptFactory>((_props, ref) => {\n    const props = useProps('Prompt', defaultProps, _props);\n    const {\n        variant,\n        title,\n        children,\n        className,\n        classNames,\n        style,\n        styles,\n        unstyled,\n        vars,\n        attributes: _attributes,\n        ...others\n    } = 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    });\n    const stylesApiProps = {classNames, styles};\n\n    const footers: ReactElement[] = [];\n    const otherChildren: ReactElement[] = [];\n\n    Children.forEach(children, (child: ReactElement) => {\n        (child.type === PromptFooter ? footers : otherChildren).push(child);\n    });\n\n    const IconComponent = PromptVariantIconsMapping[variant];\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                        <IconComponent\n                            {...getStyles('icon', stylesApiProps)}\n                            variant=\"light\"\n                            size=\"sm\"\n                            aria-label={variant}\n                        />\n                        <Modal.Title>\n                            <Title order={3} component=\"div\">\n                                {title}\n                            </Title>\n                        </Modal.Title>\n                        <Modal.CloseButton {...getStyles('close', stylesApiProps)} />\n                    </Modal.Header>\n                    <Modal.Body {...getStyles('body', stylesApiProps)}>\n                        {otherChildren}\n                        {footers}\n                    </Modal.Body>\n                </Modal.Content>\n            </Modal.Root>\n        </PromptContextProvider>\n    );\n});\n_Prompt.displayName = 'Prompt';\n\ntype PromptCompoundComponent = ForwardRefExoticComponent<PromptProps & RefAttributes<HTMLDivElement>>;\n\nconst PromptFooter: ComponentType<ComponentProps<typeof Modal.Footer>> = (props) => <Modal.Footer {...props} />;\nPromptFooter.displayName = 'Prompt.Footer';\n\nconst createPromptCompound = (variant: PromptVariant, displayName: string) => {\n    const Component = forwardRef<HTMLDivElement, PromptProps>((props, ref) => (\n        <_Prompt ref={ref} {...props} variant={variant} />\n    ));\n    Component.displayName = displayName;\n    return Component as PromptCompoundComponent;\n};\n\nexport const Prompt = {\n    Information: createPromptCompound('information', 'Prompt.Information'),\n    Success: createPromptCompound('success', 'Prompt.Success'),\n    Warning: createPromptCompound('warning', 'Prompt.Warning'),\n    Critical: createPromptCompound('critical', 'Prompt.Critical'),\n    CancelButton: PromptCancelButton,\n    ConfirmButton: PromptConfirmButton,\n    Footer: PromptFooter,\n} as const;\n"],"names":["factory","Title","useProps","useStyles","Children","forwardRef","InfoToken","Modal","PromptContextProvider","classes","PromptCancelButton","PromptConfirmButton","PromptVariantIconsMapping","success","Success","warning","Warning","critical","Error","information","Information","defaultProps","variant","centered","_Prompt","_props","ref","props","title","children","className","classNames","style","styles","unstyled","vars","attributes","_attributes","others","getStyles","name","stylesApiProps","footers","otherChildren","forEach","child","type","PromptFooter","push","IconComponent","value","Root","size","Overlay","Content","Header","aria-label","order","component","CloseButton","Body","displayName","Footer","createPromptCompound","Component","Prompt","Critical","CancelButton","ConfirmButton"],"mappings":"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"}

package/dist/esm/styles/Modal.module.css

@@ -4,8 +4,21 @@
 
 .header {
     gap: var(--mantine-spacing-sm);
+    min-height: unset;
 }
 
 .close {
     align-self: flex-start;
 }
+
+.content {
+    overflow-y: initial;
+    display: flex;
+    flex-direction: column;
+}
+
+.body {
+    overflow-y: scroll;
+    border-end-start-radius: var(--modal-radius, var(--mantine-radius-default));
+    border-end-end-radius: var(--modal-radius, var(--mantine-radius-default));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coveord/plasma-mantine",
-  "version": "58.0.1",
+  "version": "58.0.2",
   "description": "A Plasma flavoured Mantine theme",
   "keywords": [
     "plasma",
@@ -81,8 +81,8 @@
     "fast-deep-equal": "3.1.3",
     "lodash.defaultsdeep": "4.6.1",
     "monaco-editor": "0.55.1",
-    "@coveord/plasma-tokens": "58.0.1",
-    "@coveord/plasma-react-icons": "58.0.1"
+    "@coveord/plasma-react-icons": "58.0.2",
+    "@coveord/plasma-tokens": "58.0.2"
   },
   "devDependencies": {
     "@mantine/carousel": "8.3.18",
@@ -93,7 +93,7 @@
     "@mantine/hooks": "8.3.18",
     "@mantine/modals": "8.3.18",
     "@mantine/notifications": "8.3.18",
-    "@swc/cli": "0.8.0",
+    "@swc/cli": "0.8.1",
     "@swc/core": "1.15.21",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
@@ -102,7 +102,7 @@
     "@types/lodash.defaultsdeep": "4.6.9",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "@vitest/eslint-plugin": "1.6.13",
+    "@vitest/eslint-plugin": "1.6.14",
     "cross-env": "10.1.0",
     "embla-carousel": "8.6.0",
     "embla-carousel-react": "8.6.0",

package/src/components/LastUpdated/LastUpdated.tsx

@@ -1,6 +1,6 @@
 import {BoxProps, factory, Factory, Group, GroupProps, StylesApiProps, Text, useProps, useStyles} from '@mantine/core';
 import dayjs from 'dayjs';
-import React from 'react';
+import {ForwardedRef} from 'react';
 
 export type LastUpdatedStylesNames = 'root' | 'label';
 
@@ -35,43 +35,41 @@ const defaultProps: Partial<LastUpdatedProps> = {
     formatter: (time) => dayjs(time).format('h:mm:ss A'),
 };
 
-export const LastUpdated = factory<LastUpdatedFactory>(
-    (props: LastUpdatedProps, ref: React.ForwardedRef<HTMLDivElement>) => {
-        const {formatter, label, time, classNames, className, styles, style, vars, unstyled, ...others} = useProps(
-            'PlasmaLastUpdated',
-            defaultProps as Partial<LastUpdatedProps>,
-            props,
-        );
+export const LastUpdated = factory<LastUpdatedFactory>((props: LastUpdatedProps, ref: ForwardedRef<HTMLDivElement>) => {
+    const {formatter, label, time, classNames, className, styles, style, vars, unstyled, ...others} = useProps(
+        'PlasmaLastUpdated',
+        defaultProps as Partial<LastUpdatedProps>,
+        props,
+    );
 
-        const resolvedTime = time ?? dayjs().valueOf();
+    const resolvedTime = time ?? dayjs().valueOf();
 
-        const getStyles = useStyles<LastUpdatedFactory>({
-            name: 'LastUpdated',
-            classes: {},
-            props,
-            className,
-            style,
-            classNames,
-            styles,
-            unstyled,
-            vars,
-        });
-        const stylesApiProps = {classNames, styles};
+    const getStyles = useStyles<LastUpdatedFactory>({
+        name: 'LastUpdated',
+        classes: {},
+        props,
+        className,
+        style,
+        classNames,
+        styles,
+        unstyled,
+        vars,
+    });
+    const stylesApiProps = {classNames, styles};
 
-        return (
-            <Group
-                justify={props.justify}
-                ref={ref}
-                {...getStyles('root', {className, style, ...stylesApiProps})}
-                {...others}
-            >
-                <Text size="xs" {...getStyles('label', {className, style, ...stylesApiProps})}>
-                    {label}
-                    <span role="timer">{formatter(resolvedTime)}</span>
-                </Text>
-            </Group>
-        );
-    },
-);
+    return (
+        <Group
+            justify={props.justify}
+            ref={ref}
+            {...getStyles('root', {className, style, ...stylesApiProps})}
+            {...others}
+        >
+            <Text size="xs" {...getStyles('label', {className, style, ...stylesApiProps})}>
+                {label}
+                <span role="timer">{formatter(resolvedTime)}</span>
+            </Text>
+        </Group>
+    );
+});
 
 LastUpdated.displayName = 'LastUpdated';

package/src/components/Modal/ModalFooter.module.css

@@ -2,6 +2,7 @@
     .root {
         margin: calc(-1 * var(--mb-padding));
         margin-top: var(--mb-padding);
+        bottom: calc(-1 * var(--mb-padding));
     }
 }
 

package/src/components/Prompt/Prompt.tsx

@@ -1,5 +1,4 @@
 import {
-    Box,
     factory,
     Factory,
     ModalRootProps,
@@ -9,7 +8,16 @@ import {
     useProps,
     useStyles,
 } from '@mantine/core';
-import {Children, ComponentProps, ComponentType, forwardRef, FunctionComponent, ReactElement, ReactNode} from 'react';
+import {
+    Children,
+    ComponentProps,
+    ComponentType,
+    forwardRef,
+    ForwardRefExoticComponent,
+    ReactElement,
+    ReactNode,
+    RefAttributes,
+} from 'react';
 import {InfoToken} from '../InfoToken/InfoToken.js';
 import {Modal} from '../Modal/Modal.js';
 import {PromptContextProvider} from './Prompt.context.js';
@@ -114,9 +122,9 @@ const _Prompt = factory<PromptFactory>((_props, ref) => {
                         <Modal.CloseButton {...getStyles('close', stylesApiProps)} />
                     </Modal.Header>
                     <Modal.Body {...getStyles('body', stylesApiProps)}>
-                        <Box {...getStyles('inner', stylesApiProps)}>{otherChildren}</Box>
+                        {otherChildren}
+                        {footers}
                     </Modal.Body>
-                    {footers}
                 </Modal.Content>
             </Modal.Root>
         </PromptContextProvider>
@@ -124,12 +132,12 @@ const _Prompt = factory<PromptFactory>((_props, ref) => {
 });
 _Prompt.displayName = 'Prompt';
 
-type PromptCompoundComponent = ((props: PromptProps) => ReactElement) & Omit<FunctionComponent<PromptProps>, never>;
+type PromptCompoundComponent = ForwardRefExoticComponent<PromptProps & RefAttributes<HTMLDivElement>>;
 
 const PromptFooter: ComponentType<ComponentProps<typeof Modal.Footer>> = (props) => <Modal.Footer {...props} />;
 PromptFooter.displayName = 'Prompt.Footer';
 
-const createPromptCompound = (variant: PromptVariant, displayName: string): PromptCompoundComponent => {
+const createPromptCompound = (variant: PromptVariant, displayName: string) => {
     const Component = forwardRef<HTMLDivElement, PromptProps>((props, ref) => (
         <_Prompt ref={ref} {...props} variant={variant} />
     ));

package/src/styles/Modal.module.css

@@ -4,8 +4,21 @@
 
 .header {
     gap: var(--mantine-spacing-sm);
+    min-height: unset;
 }
 
 .close {
     align-self: flex-start;
 }
+
+.content {
+    overflow-y: initial;
+    display: flex;
+    flex-direction: column;
+}
+
+.body {
+    overflow-y: scroll;
+    border-end-start-radius: var(--modal-radius, var(--mantine-radius-default));
+    border-end-end-radius: var(--modal-radius, var(--mantine-radius-default));
+}