@coveord/plasma-mantine 52.27.4 → 53.0.0

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

@@ -0,0 +1,61 @@
+import { MouseEventHandler } from 'react';
+import { ButtonProps } from '../button';
+export interface InlineConfirmTargetProps extends ButtonProps {
+    id: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export declare const InlineConfirmTarget: (<C = (<C_1 = "button">(props: import("@mantine/core").PolymorphicComponentProps<C_1, ButtonProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ButtonProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof ButtonProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (ButtonProps & {
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & import("@mantine/core/lib/core/factory/factory").ThemeExtend<{
+    props: ButtonProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: "button";
+    stylesNames: import("@mantine/core").ButtonStylesNames;
+    vars: import("@mantine/core").ButtonCssVariables;
+    variant: import("@mantine/core").ButtonVariant;
+    staticComponents: {
+        Group: import("@mantine/core").MantineComponent<{
+            props: import("@mantine/core").ButtonGroupProps;
+            ref: HTMLDivElement;
+            stylesNames: "group";
+            vars: import("@mantine/core").ButtonGroupCssVariables;
+        }>;
+    };
+}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+    props: ButtonProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: "button";
+    stylesNames: import("@mantine/core").ButtonStylesNames;
+    vars: import("@mantine/core").ButtonCssVariables;
+    variant: import("@mantine/core").ButtonVariant;
+    staticComponents: {
+        Group: import("@mantine/core").MantineComponent<{
+            props: import("@mantine/core").ButtonGroupProps;
+            ref: HTMLDivElement;
+            stylesNames: "group";
+            vars: import("@mantine/core").ButtonGroupCssVariables;
+        }>;
+    };
+}> & {
+    Group: import("@mantine/core").MantineComponent<{
+        props: import("@mantine/core").ButtonGroupProps;
+        ref: HTMLDivElement;
+        stylesNames: "group";
+        vars: import("@mantine/core").ButtonGroupCssVariables;
+    }>;
+}>(props: import("@mantine/core").PolymorphicComponentProps<C, InlineConfirmTargetProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(InlineConfirmTargetProps & {
+    component?: any;
+} & Omit<Omit<any, "ref">, "component" | keyof InlineConfirmTargetProps> & {
+    ref?: any;
+    renderRoot?: (props: any) => any;
+}) | (InlineConfirmTargetProps & {
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
+    renderRoot?: (props: Record<string, any>) => any;
+})>, never> & Record<string, never>;
+//# sourceMappingURL=InlineConfirmTarget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InlineConfirmTarget.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACpD,OAAO,EAAS,WAAW,EAAC,MAAM,WAAW,CAAC;AAG9C,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IACzD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mCAe/B,CAAC"}

package/dist/cjs/components/inline-confirm/InlineConfirmTarget.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InlineConfirmTarget", {
+    enumerable: true,
+    get: function() {
+        return InlineConfirmTarget;
+    }
+});
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _jsxruntime = require("react/jsx-runtime");
+var _core = require("@mantine/core");
+var _react = require("react");
+var _button = require("../button");
+var _InlineConfirmContext = require("./InlineConfirmContext");
+var InlineConfirmTarget = (0, _core.createPolymorphicComponent)(/*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
+    var onClick = _param.onClick, id = _param.id, tmp = _param.component, Component = tmp === void 0 ? _button.Button : tmp, others = _object_without_properties._(_param, [
+        "onClick",
+        "id",
+        "component"
+    ]);
+    var setConfirmingId = (0, _InlineConfirmContext.useInlineConfirm)().setConfirmingId;
+    var handleOnClick = function(e) {
+        var _onClick;
+        setConfirmingId(id);
+        (_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(e);
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(Component, _object_spread._({
+        ref: ref,
+        onClick: handleOnClick
+    }, others));
+}));
+
+//# sourceMappingURL=InlineConfirmTarget.js.map

package/dist/cjs/components/inline-confirm/InlineConfirmTarget.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmTarget.tsx"],"sourcesContent":["import {createPolymorphicComponent} from '@mantine/core';\nimport {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\nimport {useInlineConfirm} from './InlineConfirmContext';\n\nexport interface InlineConfirmTargetProps extends ButtonProps {\n    id: string;\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmTarget = createPolymorphicComponent<typeof Button, InlineConfirmTargetProps>(\n    forwardRef(\n        (\n            {onClick, id, component: Component = Button, ...others}: InlineConfirmTargetProps & {component?: any},\n            ref,\n        ) => {\n            const {setConfirmingId} = useInlineConfirm();\n            const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n                setConfirmingId(id);\n                onClick?.(e);\n            };\n\n            return <Component ref={ref} onClick={handleOnClick} {...others} />;\n        },\n    ),\n);\n"],"names":["InlineConfirmTarget","createPolymorphicComponent","forwardRef","ref","onClick","id","Component","component","Button","others","setConfirmingId","useInlineConfirm","handleOnClick","e"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;oBAV4B;qBACG;sBACV;oCACH;AAOxB,IAAMA,sBAAsBC,IAAAA,gCAA0B,gBACzDC,IAAAA,iBAAU,EACN,iBAEIC;QADCC,iBAAAA,SAASC,YAAAA,IAAeC,aAAXC,WAAWD,YAAAA,iBAAYE,cAAM,GAAlBF,KAAuBG;QAA/CL;QAASC;QAAIE;;IAGd,IAAM,AAACG,kBAAmBC,IAAAA,sCAAgB,IAAnCD;IACP,IAAME,gBAAsD,SAACC;YAEzDT;QADAM,gBAAgBL;SAChBD,WAAAA,qBAAAA,+BAAAA,SAAUS;IACd;IAEA,qBAAO,qBAACP;QAAUH,KAAKA;QAAKC,SAASQ;OAAmBH;AAC5D"}

package/dist/cjs/components/inline-confirm/index.d.ts

@@ -1,4 +1,3 @@
 export * from './InlineConfirm';
-export * from './useInlineConfirm';
 export * from './InlineConfirmContext';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/inline-confirm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC"}

package/dist/cjs/components/inline-confirm/index.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _export_star = require("@swc/helpers/_/_export_star");
 _export_star._(require("./InlineConfirm"), exports);
-_export_star._(require("./useInlineConfirm"), exports);
 _export_star._(require("./InlineConfirmContext"), exports);
 
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/inline-confirm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './useInlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA"}
+{"version":3,"sources":["../../../../src/components/inline-confirm/index.ts"],"sourcesContent":["export * from './InlineConfirm';\nexport * from './InlineConfirmContext';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}

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

@@ -3,14 +3,14 @@ import { Menu as MantineMenu, MenuItemProps as MantineMenuItemProps } from '@man
 import { ButtonWithDisabledTooltipProps } from '../button';
 export interface MenuItemProps extends MantineMenuItemProps, ButtonWithDisabledTooltipProps {
 }
-export declare const Menu: ((props: import("@mantine/core").MenuProps) => JSX.Element) & typeof MantineMenu & {
+export declare const Menu: ((_props: import("@mantine/core").MenuProps) => import("react").JSX.Element) & typeof MantineMenu & {
     displayName: string;
     Item: (<C = "button">(props: import("@mantine/utils").PolymorphicComponentProps<C, MenuItemProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(MenuItemProps & {
         component?: any;
     } & Omit<Pick<any, string | number | symbol>, "component" | keyof MenuItemProps> & {
         ref?: any;
     }) | (MenuItemProps & {
-        component: import("react").ElementType<any>;
+        component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
     })>, never> & Record<string, never>;
 };
 //# sourceMappingURL=Menu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,UAAU,EAAC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAW,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AACxD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AA+B5C,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC3C;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtD,QAAQ,EAAE,SAAS,CAAC;CACvB;AACD,UAAU,UAAU;IAChB,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC;IACnC,MAAM,EAAE,OAAO,YAAY,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,UA4BpB,CAAC"}
+{"version":3,"file":"Prompt.d.ts","sourceRoot":"","sources":["../../../../src/components/prompt/Prompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAC,MAAM,eAAe,CAAC;AACrD,OAAO,EAAW,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAExD,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC3C;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACtD,QAAQ,EAAE,SAAS,CAAC;CACvB;AACD,UAAU,UAAU;IAChB,CAAC,KAAK,EAAE,WAAW,GAAG,YAAY,CAAC;IACnC,MAAM,EAAE,OAAO,YAAY,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,UAqBpB,CAAC"}

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

@@ -8,70 +8,22 @@ Object.defineProperty(exports, "Prompt", {
         return Prompt;
     }
 });
+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 _plasmatokens = require("@coveord/plasma-tokens");
 var _core = require("@mantine/core");
 var _react = require("react");
+var _Promptmodulecss = /*#__PURE__*/ _interop_require_default._(require("./Prompt.module.css"));
 var _PromptFooter = require("./PromptFooter");
-var useStyles = (0, _core.createStyles)(function(theme) {
-    return {
-        body: {
-            padding: 0
-        },
-        modalType: {
-            overflow: "hidden",
-            width: 550
-        },
-        innerBody: {
-            padding: "".concat(theme.spacing.md, " ").concat(theme.spacing.xl, " ").concat(theme.spacing.lg)
-        },
-        header: {
-            padding: "".concat(theme.spacing.md, " ").concat(theme.spacing.xl),
-            width: "100%",
-            borderBottom: "1px solid ".concat(theme.colors.gray[3]),
-            fontSize: theme.headings.sizes.h3.fontSize,
-            lineHeight: theme.headings.sizes.h3.lineHeight,
-            overflowWrap: "anywhere"
-        },
-        success: {
-            backgroundColor: theme.colors.lime[6],
-            color: _plasmatokens.color.primary.pureWhite
-        },
-        warning: {
-            backgroundColor: theme.colors.yellow[5],
-            color: _plasmatokens.color.primary.pureWhite
-        },
-        critical: {
-            backgroundColor: theme.colors.red[6],
-            color: _plasmatokens.color.primary.pureWhite
-        },
-        info: {
-            backgroundColor: theme.colors.navy[5],
-            color: _plasmatokens.color.primary.pureWhite
-        },
-        whiteClose: {
-            color: _plasmatokens.color.primary.pureWhite,
-            "&:hover": {
-                backgroundColor: "transparent"
-            }
-        },
-        title: {
-            color: _plasmatokens.color.primary.pureWhite
-        }
-    };
-});
 var Prompt = function(_param) {
-    var children = _param.children, _param_variant = _param.variant, variant = _param_variant === void 0 ? "info" : _param_variant, otherProps = _object_without_properties._(_param, [
-        "children",
-        "variant"
+    var children = _param.children, otherProps = _object_without_properties._(_param, [
+        "children"
     ]);
     var classesProps = otherProps.classNames, otherPropsWithoutClasses = _object_without_properties._(otherProps, [
         "classNames"
     ]);
-    var _useStyles = useStyles(), classes = _useStyles.classes, cx = _useStyles.cx;
     var convertedChildren = _react.Children.toArray(children);
     var otherChildren = convertedChildren.filter(function(child) {
         return child.type !== _PromptFooter.PromptFooter;
@@ -80,21 +32,20 @@ var Prompt = function(_param) {
         return child.type === _PromptFooter.PromptFooter;
     });
     var classNames = {
-        header: cx(classes.header, classes[variant]),
-        close: classes.whiteClose,
-        body: classes.body,
-        modal: classes.modalType,
-        title: classes.title
+        root: _Promptmodulecss.default.root,
+        header: _Promptmodulecss.default.header,
+        close: _Promptmodulecss.default.whiteClose,
+        body: _Promptmodulecss.default.body,
+        title: _Promptmodulecss.default.title
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Modal, _object_spread_props._(_object_spread._({
         variant: "prompt",
-        padding: 0,
         classNames: _object_spread._({}, classNames, classesProps),
         size: "sm"
     }, otherPropsWithoutClasses), {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: classes.innerBody,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
+                className: _Promptmodulecss.default.innerBody,
                 children: otherChildren
             }),
             footer

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {color} from '@coveord/plasma-tokens';\nimport {createStyles, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport {PromptFooter} from './PromptFooter';\n\nconst useStyles = createStyles((theme) => ({\n    body: {\n        padding: 0,\n    },\n    modalType: {overflow: 'hidden', width: 550},\n    innerBody: {\n        padding: `${theme.spacing.md} ${theme.spacing.xl} ${theme.spacing.lg}`,\n    },\n    header: {\n        padding: `${theme.spacing.md} ${theme.spacing.xl}`,\n        width: '100%',\n        borderBottom: `1px solid ${theme.colors.gray[3]}`,\n        fontSize: theme.headings.sizes.h3.fontSize,\n        lineHeight: theme.headings.sizes.h3.lineHeight,\n        overflowWrap: 'anywhere',\n    },\n    success: {backgroundColor: theme.colors.lime[6], color: color.primary.pureWhite},\n    warning: {backgroundColor: theme.colors.yellow[5], color: color.primary.pureWhite},\n    critical: {\n        backgroundColor: theme.colors.red[6],\n        color: color.primary.pureWhite,\n    },\n    info: {backgroundColor: theme.colors.navy[5], color: color.primary.pureWhite},\n    whiteClose: {color: color.primary.pureWhite, '&:hover': {backgroundColor: 'transparent'}},\n    title: {\n        color: color.primary.pureWhite,\n    },\n}));\n\nexport interface PromptProps extends ModalProps {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: 'success' | 'warning' | 'critical' | 'info';\n    children: ReactNode;\n}\ninterface PromptType {\n    (props: PromptProps): ReactElement;\n    Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, variant = 'info', ...otherProps}) => {\n    const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n    const {classes, cx} = useStyles();\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n\n    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n    const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n    const classNames = {\n        header: cx(classes.header, classes[variant]),\n        close: classes.whiteClose,\n        body: classes.body,\n        modal: classes.modalType,\n        title: classes.title,\n    };\n\n    return (\n        <Modal\n            variant=\"prompt\"\n            padding={0}\n            classNames={{...classNames, ...classesProps}}\n            size={'sm'}\n            {...otherPropsWithoutClasses}\n        >\n            <div className={classes.innerBody}>{otherChildren}</div>\n            {footer}\n        </Modal>\n    );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","useStyles","createStyles","theme","body","padding","modalType","overflow","width","innerBody","spacing","md","xl","lg","header","borderBottom","colors","gray","fontSize","headings","sizes","h3","lineHeight","overflowWrap","success","backgroundColor","lime","color","primary","pureWhite","warning","yellow","critical","red","info","navy","whiteClose","title","children","variant","otherProps","classNames","classesProps","otherPropsWithoutClasses","classes","cx","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","close","modal","Modal","size","div","className","Footer"],"mappings":";;;;+BAgDaA;;;eAAAA;;;;;;;4BAhDO;oBAC0B;qBACE;4BACrB;AAE3B,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACvCC,MAAM;YACFC,SAAS;QACb;QACAC,WAAW;YAACC,UAAU;YAAUC,OAAO;QAAG;QAC1CC,WAAW;YACPJ,SAAS,AAAC,GAAsBF,OAApBA,MAAMO,OAAO,CAACC,EAAE,EAAC,KAAuBR,OAApBA,MAAMO,OAAO,CAACE,EAAE,EAAC,KAAoB,OAAjBT,MAAMO,OAAO,CAACG,EAAE;QACxE;QACAC,QAAQ;YACJT,SAAS,AAAC,GAAsBF,OAApBA,MAAMO,OAAO,CAACC,EAAE,EAAC,KAAoB,OAAjBR,MAAMO,OAAO,CAACE,EAAE;YAChDJ,OAAO;YACPO,cAAc,AAAC,aAAiC,OAArBZ,MAAMa,MAAM,CAACC,IAAI,CAAC,EAAE;YAC/CC,UAAUf,MAAMgB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACH,QAAQ;YAC1CI,YAAYnB,MAAMgB,QAAQ,CAACC,KAAK,CAACC,EAAE,CAACC,UAAU;YAC9CC,cAAc;QAClB;QACAC,SAAS;YAACC,iBAAiBtB,MAAMa,MAAM,CAACU,IAAI,CAAC,EAAE;YAAEC,OAAOA,mBAAK,CAACC,OAAO,CAACC,SAAS;QAAA;QAC/EC,SAAS;YAACL,iBAAiBtB,MAAMa,MAAM,CAACe,MAAM,CAAC,EAAE;YAAEJ,OAAOA,mBAAK,CAACC,OAAO,CAACC,SAAS;QAAA;QACjFG,UAAU;YACNP,iBAAiBtB,MAAMa,MAAM,CAACiB,GAAG,CAAC,EAAE;YACpCN,OAAOA,mBAAK,CAACC,OAAO,CAACC,SAAS;QAClC;QACAK,MAAM;YAACT,iBAAiBtB,MAAMa,MAAM,CAACmB,IAAI,CAAC,EAAE;YAAER,OAAOA,mBAAK,CAACC,OAAO,CAACC,SAAS;QAAA;QAC5EO,YAAY;YAACT,OAAOA,mBAAK,CAACC,OAAO,CAACC,SAAS;YAAE,WAAW;gBAACJ,iBAAiB;YAAa;QAAC;QACxFY,OAAO;YACHV,OAAOA,mBAAK,CAACC,OAAO,CAACC,SAAS;QAClC;IACJ;;AAgBO,IAAM7B,SAAqB;QAAEsC,kBAAAA,kCAAUC,SAAAA,sCAAU,yBAAWC;QAA/BF;QAAUC;;IAC1C,IAAOE,AAAYC,eAA6CF,WAAzDC,YAA6BE,wDAA4BH;QAAzDC;;IACP,IAAsBxC,aAAAA,aAAf2C,UAAe3C,WAAf2C,SAASC,KAAM5C,WAAN4C;IAChB,IAAMC,oBAAoBC,eAAQ,CAACC,OAAO,CAACV;IAE3C,IAAMW,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,IAAMZ,aAAa;QACf3B,QAAQ+B,GAAGD,QAAQ9B,MAAM,EAAE8B,OAAO,CAACL,QAAQ;QAC3CiB,OAAOZ,QAAQR,UAAU;QACzBhC,MAAMwC,QAAQxC,IAAI;QAClBqD,OAAOb,QAAQtC,SAAS;QACxB+B,OAAOO,QAAQP,KAAK;IACxB;IAEA,qBACI,sBAACqB,WAAK;QACFnB,SAAQ;QACRlC,SAAS;QACToC,YAAY,qBAAIA,YAAeC;QAC/BiB,MAAM;OACFhB;;0BAEJ,qBAACiB;gBAAIC,WAAWjB,QAAQnC,SAAS;0BAAGwC;;YACnCK;;;AAGb;AAEAtD,OAAO8D,MAAM,GAAGT,0BAAY"}
+{"version":3,"sources":["../../../../src/components/prompt/Prompt.tsx"],"sourcesContent":["import {Box, Modal, ModalProps} from '@mantine/core';\nimport {Children, ReactElement, ReactNode} from 'react';\nimport PromptClasses from './Prompt.module.css';\nimport {PromptFooter} from './PromptFooter';\n\nexport interface PromptProps extends ModalProps {\n    /**\n     * Controls prompt appearance\n     *\n     * @default \"info\"\n     */\n    variant?: 'success' | 'warning' | 'critical' | 'info';\n    children: ReactNode;\n}\ninterface PromptType {\n    (props: PromptProps): ReactElement;\n    Footer: typeof PromptFooter;\n}\n\nexport const Prompt: PromptType = ({children, ...otherProps}) => {\n    const {classNames: classesProps, ...otherPropsWithoutClasses} = otherProps;\n    const convertedChildren = Children.toArray(children) as ReactElement[];\n\n    const otherChildren = convertedChildren.filter((child) => child.type !== PromptFooter);\n    const footer = convertedChildren.find((child) => child.type === PromptFooter);\n\n    const classNames = {\n        root: PromptClasses.root,\n        header: PromptClasses.header,\n        close: PromptClasses.whiteClose,\n        body: PromptClasses.body,\n        title: PromptClasses.title,\n    };\n\n    return (\n        <Modal variant=\"prompt\" classNames={{...classNames, ...classesProps}} size=\"sm\" {...otherPropsWithoutClasses}>\n            <Box className={PromptClasses.innerBody}>{otherChildren}</Box>\n            {footer}\n        </Modal>\n    );\n};\n\nPrompt.Footer = PromptFooter;\n"],"names":["Prompt","children","otherProps","classNames","classesProps","otherPropsWithoutClasses","convertedChildren","Children","toArray","otherChildren","filter","child","type","PromptFooter","footer","find","root","PromptClasses","header","close","whiteClose","body","title","Modal","variant","size","Box","className","innerBody","Footer"],"mappings":";;;;+BAmBaA;;;eAAAA;;;;;;;;oBAnBwB;qBACW;wEACtB;4BACC;AAgBpB,IAAMA,SAAqB;QAAEC,kBAAAA,UAAaC;QAAbD;;IAChC,IAAOE,AAAYC,eAA6CF,WAAzDC,YAA6BE,wDAA4BH;QAAzDC;;IACP,IAAMG,oBAAoBC,eAAQ,CAACC,OAAO,CAACP;IAE3C,IAAMQ,gBAAgBH,kBAAkBI,MAAM,CAAC,SAACC;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IACrF,IAAMC,SAASR,kBAAkBS,IAAI,CAAC,SAACJ;eAAUA,MAAMC,IAAI,KAAKC,0BAAY;;IAE5E,IAAMV,aAAa;QACfa,MAAMC,wBAAa,CAACD,IAAI;QACxBE,QAAQD,wBAAa,CAACC,MAAM;QAC5BC,OAAOF,wBAAa,CAACG,UAAU;QAC/BC,MAAMJ,wBAAa,CAACI,IAAI;QACxBC,OAAOL,wBAAa,CAACK,KAAK;IAC9B;IAEA,qBACI,sBAACC,WAAK;QAACC,SAAQ;QAASrB,YAAY,qBAAIA,YAAeC;QAAeqB,MAAK;OAASpB;;0BAChF,qBAACqB,SAAG;gBAACC,WAAWV,wBAAa,CAACW,SAAS;0BAAGnB;;YACzCK;;;AAGb;AAEAd,OAAO6B,MAAM,GAAGhB,0BAAY"}

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

@@ -0,0 +1,45 @@
+.root {
+    &[data-variant='success']&[data-size] {
+        .header {
+            background-color: var(--mantine-color-lime-6);
+        }
+    }
+    &[data-variant='warning']&[data-size] {
+        .header {
+            background-color: var(--mantine-color-yellow-5);
+        }
+    }
+    &[data-variant='critical']&[data-size] {
+        .header {
+            background-color: var(--mantine-color-red-6);
+        }
+    }
+    &[data-variant='info']&[data-size] {
+        .header {
+            background-color: var(--mantine-color-navy-5);
+        }
+    }
+}
+
+.title {
+    color: var(--mantine-color-white);
+}
+
+.header {
+    width: 100%;
+    border-bottom: 1px solid var(--mantine-color-gray-3);
+    font-size: var(--mantine-h3-font-size);
+    line-height: var(--mantine-h3-line-height);
+    overflow-wrap: anywhere;
+    padding-top: var(--mantine-spacing-md);
+    padding-bottom: var(--mantine-spacing-md);
+}
+
+.whiteClose {
+    @mixin light {
+        color: var(--mantine-color-white);
+        @mixin hover {
+            background-color: transparent;
+        }
+    }
+}

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

@@ -1 +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,CAEhF,CAAC"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n    <StickyFooter {...otherProps}>{children}</StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE;QAAEC,kBAAAA,UAAaC;QAAbD;;WACnF,qBAACE,0BAAY,8CAAKD;kBAAaD;;AAAuB"}
+{"version":3,"sources":["../../../../src/components/prompt/PromptFooter.tsx"],"sourcesContent":["import {FunctionComponent, PropsWithChildren} from 'react';\nimport {StickyFooter, StickyFooterProps} from '../sticky-footer';\n\nexport interface PromptFooterProps extends StickyFooterProps {}\n\nexport const PromptFooter: FunctionComponent<PropsWithChildren<PromptFooterProps>> = ({children, ...otherProps}) => (\n    <StickyFooter p={0} pt=\"lg\" {...otherProps}>\n        {children}\n    </StickyFooter>\n);\n"],"names":["PromptFooter","children","otherProps","StickyFooter","p","pt"],"mappings":";;;;+BAKaA;;;eAAAA;;;;;;;4BAJiC;AAIvC,IAAMA,eAAwE;QAAEC,kBAAAA,UAAaC;QAAbD;;WACnF,qBAACE,0BAAY;QAACC,GAAG;QAAGC,IAAG;OAASH;kBAC3BD;;AACS"}

package/dist/cjs/components/sticky-footer/StickyFooter.d.ts

@@ -1,36 +1,24 @@
-import { DefaultProps, GroupPosition, MantineNumberSize, Selectors } from '@mantine/core';
+import { Factory, GroupProps, StylesApiProps } from '@mantine/core';
 import { ReactNode } from 'react';
-export interface StickyFooterProps extends DefaultProps<Selectors<typeof useStyles>> {
+export interface StickyFooterProps extends Omit<GroupProps, 'classNames' | 'styles' | 'vars'>, StylesApiProps<StickyFooterFactory> {
     /**
      * Whether a border is render on top of the footer
      */
     borderTop?: boolean;
-    /**
-     * Position of the children within the footer
-     *
-     * @default 'right'
-     */
-    position?: GroupPosition;
-    /**
-     * Defines the spacing between footer children
-     *
-     * @default 'sm'
-     */
-    spacing?: MantineNumberSize;
     /**
      * Footer's children, usually buttons
      */
     children?: ReactNode;
 }
-declare const useStyles: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        root: string;
-        footer: string;
-        divider: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-export declare const StickyFooter: import("react").ForwardRefExoticComponent<StickyFooterProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};
+export type StickyFooterStylesNames = 'root';
+export type StickyFooterFactory = Factory<{
+    props: StickyFooterProps;
+    ref: HTMLDivElement;
+    stylesNames: StickyFooterStylesNames;
+}>;
+export declare const StickyFooter: import("@mantine/core").MantineComponent<{
+    props: StickyFooterProps;
+    ref: HTMLDivElement;
+    stylesNames: StickyFooterStylesNames;
+}>;
 //# sourceMappingURL=StickyFooter.d.ts.map

package/dist/cjs/components/sticky-footer/StickyFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGH,YAAY,EAGZ,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAa,SAAS,EAAC,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;IAChF;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,SAAS;;;;;;;;CAWZ,CAAC;AAOJ,eAAO,MAAM,YAAY,8GAavB,CAAC"}
+{"version":3,"file":"StickyFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAS,UAAU,EAAE,cAAc,EAA+B,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,iBACb,SAAQ,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,QAAQ,GAAG,MAAM,CAAC,EACtD,cAAc,CAAC,mBAAmB,CAAC;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,uBAAuB,GAAG,MAAM,CAAC;AAE7C,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACtC,KAAK,EAAE,iBAAiB,CAAC;IACzB,GAAG,EAAE,cAAc,CAAC;IACpB,WAAW,EAAE,uBAAuB,CAAC;CACxC,CAAC,CAAC;AAOH,eAAO,MAAM,YAAY;WAVd,iBAAiB;SACnB,cAAc;iBACN,uBAAuB;EAoCtC,CAAC"}

package/dist/cjs/components/sticky-footer/StickyFooter.js

@@ -8,64 +8,52 @@ Object.defineProperty(exports, "StickyFooter", {
         return StickyFooter;
     }
 });
+var _define_property = require("@swc/helpers/_/_define_property");
+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 _core = require("@mantine/core");
-var _react = require("react");
-var useStyles = (0, _core.createStyles)(function(theme) {
-    return {
-        root: {
-            position: "sticky",
-            bottom: 0,
-            zIndex: 10,
-            backgroundColor: "white"
-        },
-        footer: {
-            padding: theme.spacing.lg
-        },
-        divider: {}
-    };
-});
+var _clsx = /*#__PURE__*/ _interop_require_default._(require("clsx"));
+var _StickyFootermodulecss = /*#__PURE__*/ _interop_require_default._(require("./StickyFooter.module.css"));
 var defaultProps = {
-    spacing: "sm",
-    position: "right"
+    gap: "sm",
+    justify: "flex-end"
 };
-var StickyFooter = /*#__PURE__*/ (0, _react.forwardRef)(function(props, ref) {
-    var _useComponentDefaultProps = (0, _core.useComponentDefaultProps)("StickyFooter", defaultProps, props), borderTop = _useComponentDefaultProps.borderTop, spacing = _useComponentDefaultProps.spacing, position = _useComponentDefaultProps.position, children = _useComponentDefaultProps.children, className = _useComponentDefaultProps.className, classNames = _useComponentDefaultProps.classNames, styles = _useComponentDefaultProps.styles, unstyled = _useComponentDefaultProps.unstyled, others = _object_without_properties._(_useComponentDefaultProps, [
+var StickyFooter = (0, _core.factory)(function(props, ref) {
+    var _useProps = (0, _core.useProps)("StickyFooter", defaultProps, props), borderTop = _useProps.borderTop, justify = _useProps.justify, gap = _useProps.gap, children = _useProps.children, className = _useProps.className, classNames = _useProps.classNames, style = _useProps.style, styles = _useProps.styles, unstyled = _useProps.unstyled, vars = _useProps.vars, others = _object_without_properties._(_useProps, [
         "borderTop",
-        "spacing",
-        "position",
+        "justify",
+        "gap",
         "children",
         "className",
         "classNames",
+        "style",
         "styles",
-        "unstyled"
+        "unstyled",
+        "vars"
     ]);
-    var _useStyles = useStyles(null, {
+    var getStyles = (0, _core.useStyles)({
         name: "StickyFooter",
+        classes: _StickyFootermodulecss.default,
+        props: props,
+        className: className,
+        style: style,
         classNames: classNames,
         styles: styles,
         unstyled: unstyled
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Box, {
-        ref: ref,
-        className: cx(classes.root, className),
-        children: [
-            borderTop ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Divider, {
-                size: "xs",
-                className: classes.divider
-            }) : null,
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
-                position: position,
-                spacing: spacing,
-                className: classes.footer
-            }, others), {
-                children: children
-            }))
-        ]
     });
+    var css = getStyles("root");
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Group, _object_spread_props._(_object_spread._({
+        justify: justify,
+        gap: gap,
+        className: (0, _clsx.default)(css.className, _define_property._({}, _StickyFootermodulecss.default.border, !!borderTop)),
+        style: css.style,
+        ref: ref
+    }, others), {
+        children: children
+    }));
 });
 
 //# sourceMappingURL=StickyFooter.js.map

package/dist/cjs/components/sticky-footer/StickyFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {\n    Box,\n    createStyles,\n    DefaultProps,\n    Divider,\n    Group,\n    GroupPosition,\n    MantineNumberSize,\n    Selectors,\n    useComponentDefaultProps,\n} from '@mantine/core';\nimport {forwardRef, ReactNode} from 'react';\n\nexport interface StickyFooterProps extends DefaultProps<Selectors<typeof useStyles>> {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n    /**\n     * Position of the children within the footer\n     *\n     * @default 'right'\n     */\n    position?: GroupPosition;\n    /**\n     * Defines the spacing between footer children\n     *\n     * @default 'sm'\n     */\n    spacing?: MantineNumberSize;\n    /**\n     * Footer's children, usually buttons\n     */\n    children?: ReactNode;\n}\n\nconst useStyles = createStyles((theme) => ({\n    root: {\n        position: 'sticky',\n        bottom: 0,\n        zIndex: 10,\n        backgroundColor: 'white',\n    },\n    footer: {\n        padding: theme.spacing.lg,\n    },\n    divider: {},\n}));\n\nconst defaultProps: Partial<StickyFooterProps> = {\n    spacing: 'sm',\n    position: 'right',\n};\n\nexport const StickyFooter = forwardRef<HTMLDivElement, StickyFooterProps>((props, ref) => {\n    const {borderTop, spacing, position, children, className, classNames, styles, unstyled, ...others} =\n        useComponentDefaultProps('StickyFooter', defaultProps, props);\n    const {classes, cx} = useStyles(null, {name: 'StickyFooter', classNames, styles, unstyled});\n\n    return (\n        <Box ref={ref} className={cx(classes.root, className)}>\n            {borderTop ? <Divider size=\"xs\" className={classes.divider} /> : null}\n            <Group position={position} spacing={spacing} className={classes.footer} {...others}>\n                {children}\n            </Group>\n        </Box>\n    );\n});\n"],"names":["StickyFooter","useStyles","createStyles","theme","root","position","bottom","zIndex","backgroundColor","footer","padding","spacing","lg","divider","defaultProps","forwardRef","props","ref","useComponentDefaultProps","borderTop","children","className","classNames","styles","unstyled","others","name","classes","cx","Box","Divider","size","Group"],"mappings":";;;;+BAsDaA;;;eAAAA;;;;;;;oBA5CN;qBAC6B;AAyBpC,IAAMC,YAAYC,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACvCC,MAAM;YACFC,UAAU;YACVC,QAAQ;YACRC,QAAQ;YACRC,iBAAiB;QACrB;QACAC,QAAQ;YACJC,SAASP,MAAMQ,OAAO,CAACC,EAAE;QAC7B;QACAC,SAAS,CAAC;IACd;;AAEA,IAAMC,eAA2C;IAC7CH,SAAS;IACTN,UAAU;AACd;AAEO,IAAML,6BAAee,IAAAA,iBAAU,EAAoC,SAACC,OAAOC;IAC9E,IACIC,4BAAAA,IAAAA,8BAAwB,EAAC,gBAAgBJ,cAAcE,QADpDG,YACHD,0BADGC,WAAWR,UACdO,0BADcP,SAASN,WACvBa,0BADuBb,UAAUe,WACjCF,0BADiCE,UAAUC,YAC3CH,0BAD2CG,WAAWC,aACtDJ,0BADsDI,YAAYC,SAClEL,0BADkEK,QAAQC,WAC1EN,0BAD0EM,UAAaC,sCACvFP;QADGC;QAAWR;QAASN;QAAUe;QAAUC;QAAWC;QAAYC;QAAQC;;IAE9E,IAAsBvB,aAAAA,UAAU,MAAM;QAACyB,MAAM;QAAgBJ,YAAAA;QAAYC,QAAAA;QAAQC,UAAAA;IAAQ,IAAlFG,UAAe1B,WAAf0B,SAASC,KAAM3B,WAAN2B;IAEhB,qBACI,sBAACC,SAAG;QAACZ,KAAKA;QAAKI,WAAWO,GAAGD,QAAQvB,IAAI,EAAEiB;;YACtCF,0BAAY,qBAACW,aAAO;gBAACC,MAAK;gBAAKV,WAAWM,QAAQd,OAAO;iBAAO;0BACjE,qBAACmB,WAAK;gBAAC3B,UAAUA;gBAAUM,SAASA;gBAASU,WAAWM,QAAQlB,MAAM;eAAMgB;0BACvEL;;;;AAIjB"}
+{"version":3,"sources":["../../../../src/components/sticky-footer/StickyFooter.tsx"],"sourcesContent":["import {Factory, Group, GroupProps, StylesApiProps, factory, useProps, useStyles} from '@mantine/core';\nimport clsx from 'clsx';\nimport {ReactNode} from 'react';\nimport classes from './StickyFooter.module.css';\n\nexport interface StickyFooterProps\n    extends Omit<GroupProps, 'classNames' | 'styles' | 'vars'>,\n        StylesApiProps<StickyFooterFactory> {\n    /**\n     * Whether a border is render on top of the footer\n     */\n    borderTop?: boolean;\n    /**\n     * Footer's children, usually buttons\n     */\n    children?: ReactNode;\n}\n\nexport type StickyFooterStylesNames = 'root';\n\nexport type StickyFooterFactory = Factory<{\n    props: StickyFooterProps;\n    ref: HTMLDivElement;\n    stylesNames: StickyFooterStylesNames;\n}>;\n\nconst defaultProps: Partial<StickyFooterProps> = {\n    gap: 'sm',\n    justify: 'flex-end',\n};\n\nexport const StickyFooter = factory<StickyFooterFactory>((props, ref) => {\n    const {borderTop, justify, gap, children, className, classNames, style, styles, unstyled, vars, ...others} =\n        useProps('StickyFooter', defaultProps, props);\n    const getStyles = useStyles<StickyFooterFactory>({\n        name: 'StickyFooter',\n        classes,\n        props,\n        className,\n        style,\n        classNames,\n        styles,\n        unstyled,\n    });\n\n    const css = getStyles('root');\n\n    return (\n        <Group\n            justify={justify}\n            gap={gap}\n            className={clsx(css.className, {[classes.border]: !!borderTop})}\n            style={css.style}\n            ref={ref}\n            {...others}\n        >\n            {children}\n        </Group>\n    );\n});\n"],"names":["StickyFooter","defaultProps","gap","justify","factory","props","ref","useProps","borderTop","children","className","classNames","style","styles","unstyled","vars","others","getStyles","useStyles","name","classes","css","Group","clsx","border"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;;;;oBA/B0E;6DACtE;8EAEG;AAuBpB,IAAMC,eAA2C;IAC7CC,KAAK;IACLC,SAAS;AACb;AAEO,IAAMH,eAAeI,IAAAA,aAAO,EAAsB,SAACC,OAAOC;IAC7D,IACIC,YAAAA,IAAAA,cAAQ,EAAC,gBAAgBN,cAAcI,QADpCG,YACHD,UADGC,WAAWL,UACdI,UADcJ,SAASD,MACvBK,UADuBL,KAAKO,WAC5BF,UAD4BE,UAAUC,YACtCH,UADsCG,WAAWC,aACjDJ,UADiDI,YAAYC,QAC7DL,UAD6DK,OAAOC,SACpEN,UADoEM,QAAQC,WAC5EP,UAD4EO,UAAUC,OACtFR,UADsFQ,MAASC,sCAC/FT;QADGC;QAAWL;QAASD;QAAKO;QAAUC;QAAWC;QAAYC;QAAOC;QAAQC;QAAUC;;IAE1F,IAAME,YAAYC,IAAAA,eAAS,EAAsB;QAC7CC,MAAM;QACNC,SAAAA,8BAAO;QACPf,OAAAA;QACAK,WAAAA;QACAE,OAAAA;QACAD,YAAAA;QACAE,QAAAA;QACAC,UAAAA;IACJ;IAEA,IAAMO,MAAMJ,UAAU;IAEtB,qBACI,qBAACK,WAAK;QACFnB,SAASA;QACTD,KAAKA;QACLQ,WAAWa,IAAAA,aAAI,EAACF,IAAIX,SAAS,EAAG,uBAACU,8BAAO,CAACI,MAAM,EAAG,CAAC,CAAChB;QACpDI,OAAOS,IAAIT,KAAK;QAChBN,KAAKA;OACDU;kBAEHP;;AAGb"}

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

@@ -0,0 +1,11 @@
+.root {
+    position: sticky;
+    bottom: 0;
+    z-index: 10;
+    background-color: white;
+    padding: var(--mantine-spacing-md) var(--mantine-spacing-lg);
+}
+
+.border {
+    border-top: 1px solid var(--mantine-color-gray-3);
+}