@coveord/plasma-mantine 52.27.4 → 53.0.0

package/dist/cjs/components/action-icon/ActionIcon.d.ts

@@ -1,16 +1,38 @@
-import { ActionIcon as MantineActionIcon, type ActionIconProps as MantineActionIconProps } from '@mantine/core';
+import { ActionIconCssVariables, ActionIconGroup, type ActionIconProps as MantineActionIconProps, ActionIconStylesNames, ActionIconVariant } from '@mantine/core';
 import { MouseEventHandler } from 'react';
 import { ButtonWithDisabledTooltipProps } from '../button/ButtonWithDisabledTooltip';
 export interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {
     onClick?: MouseEventHandler<HTMLButtonElement>;
 }
-export declare const ActionIcon: (<C = "button">(props: import("@mantine/utils").PolymorphicComponentProps<C, ActionIconProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ActionIconProps & {
+export declare const ActionIcon: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, ActionIconProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ActionIconProps & {
     component?: any;
-} & Omit<Pick<any, string | number | symbol>, "component" | keyof ActionIconProps> & {
+} & Omit<Omit<any, "ref">, "component" | keyof ActionIconProps> & {
     ref?: any;
+    renderRoot?: (props: any) => any;
 }) | (ActionIconProps & {
-    component: import("react").ElementType<any>;
-})>, never> & {
-    Group: typeof MantineActionIcon.Group;
+    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: ActionIconProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: ActionIconStylesNames;
+    vars: ActionIconCssVariables;
+    variant: ActionIconVariant;
+    staticComponents: {
+        Group: typeof ActionIconGroup;
+    };
+}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+    props: ActionIconProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: ActionIconStylesNames;
+    vars: ActionIconCssVariables;
+    variant: ActionIconVariant;
+    staticComponents: {
+        Group: typeof ActionIconGroup;
+    };
+}> & {
+    Group: typeof ActionIconGroup;
 };
 //# sourceMappingURL=ActionIcon.d.ts.map

package/dist/cjs/components/action-icon/ActionIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,IAAI,iBAAiB,EAAE,KAAK,eAAe,IAAI,sBAAsB,EAAC,MAAM,eAAe,CAAC;AAC9G,OAAO,EAAyB,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAG1E,OAAO,EAA4B,8BAA8B,EAAC,MAAM,qCAAqC,CAAC;AAE9G,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,8BAA8B;IAE3F,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AA6CD,eAAO,MAAM,UAAU;;;;;;;WAGX,OAAO,kBAAkB,KAAK;CAC5B,CAAC"}
+{"version":3,"file":"ActionIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEH,sBAAsB,EACtB,eAAe,EACf,KAAK,eAAe,IAAI,sBAAsB,EAC9C,qBAAqB,EACrB,iBAAiB,EAGpB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,qCAAqC,CAAC;AAE9G,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,8BAA8B;IAE3F,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,UAAU;;;;;;;;;WAXZ,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,sBAAsB,CAAC;KACjC;;WARM,eAAe;gBACV,iBAAiB;sBACX,QAAQ;iBACb,qBAAqB;UAC5B,sBAAsB;aACnB,iBAAiB;sBACR;QACd,KAAK,EAAE,sBAAsB,CAAC;KACjC;;WADU,sBAAsB;CAyBpC,CAAC"}

package/dist/cjs/components/action-icon/ActionIcon.js

@@ -8,77 +8,13 @@ Object.defineProperty(exports, "ActionIcon", {
         return ActionIcon;
     }
 });
-var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
-var _instanceof = require("@swc/helpers/_/_instanceof");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
-var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _react = require("react");
-var _utils = require("../../utils");
+var _useClickWithLoading = require("../../hooks/useClickWithLoading");
 var _ButtonWithDisabledTooltip = require("../button/ButtonWithDisabledTooltip");
-var useLoadingHandler = function(handler) {
-    var _useState = _sliced_to_array._((0, _react.useState)(false), 2), isLoading = _useState[0], setIsLoading = _useState[1];
-    var handleClick = function() {
-        var _ref = _async_to_generator._(function(event) {
-            var _handler, possiblePromise, err;
-            return _ts_generator._(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        possiblePromise = (_handler = handler) === null || _handler === void 0 ? void 0 : _handler(event);
-                        _state.label = 1;
-                    case 1:
-                        _state.trys.push([
-                            1,
-                            4,
-                            ,
-                            5
-                        ]);
-                        if (!_instanceof._(possiblePromise, Promise)) return [
-                            3,
-                            3
-                        ];
-                        setIsLoading(true);
-                        return [
-                            4,
-                            possiblePromise
-                        ];
-                    case 2:
-                        _state.sent();
-                        setIsLoading(false);
-                        _state.label = 3;
-                    case 3:
-                        return [
-                            3,
-                            5
-                        ];
-                    case 4:
-                        err = _state.sent();
-                        setIsLoading(false);
-                        console.error(err);
-                        return [
-                            3,
-                            5
-                        ];
-                    case 5:
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return function handleClick(event) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    return {
-        isLoading: isLoading,
-        handleClick: handleClick
-    };
-};
-var _ActionIcon = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
+var ActionIcon = (0, _core.polymorphicFactory)(function(_param, ref) {
     var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, loading = _param.loading, onClick = _param.onClick, others = _object_without_properties._(_param, [
         "disabledTooltip",
         "disabled",
@@ -86,7 +22,7 @@ var _ActionIcon = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
         "loading",
         "onClick"
     ]);
-    var _useLoadingHandler = useLoadingHandler(onClick), isLoading = _useLoadingHandler.isLoading, handleClick = _useLoadingHandler.handleClick;
+    var _useClickWithLoading1 = (0, _useClickWithLoading.useClickWithLoading)(onClick), isLoading = _useClickWithLoading1.isLoading, handleClick = _useClickWithLoading1.handleClick;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonWithDisabledTooltip.ButtonWithDisabledTooltip, {
         disabled: disabled,
         disabledTooltip: disabledTooltip,
@@ -94,7 +30,7 @@ var _ActionIcon = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
         fullWidth: others.fullWidth,
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.ActionIcon, _object_spread._({
             loaderProps: {
-                variant: "oval"
+                type: "oval"
             },
             ref: ref,
             loading: isLoading || loading,
@@ -103,7 +39,6 @@ var _ActionIcon = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
         }, others))
     });
 });
-var ActionIcon = (0, _utils.createPolymorphicComponent)(_ActionIcon);
 ActionIcon.Group = _core.ActionIcon.Group;
 
 //# sourceMappingURL=ActionIcon.js.map

package/dist/cjs/components/action-icon/ActionIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import {ActionIcon as MantineActionIcon, type ActionIconProps as MantineActionIconProps} from '@mantine/core';\nimport {forwardRef, MouseEvent, MouseEventHandler, useState} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../button/ButtonWithDisabledTooltip';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nconst useLoadingHandler = (handler?: MouseEventHandler<HTMLButtonElement>) => {\n    const [isLoading, setIsLoading] = useState(false);\n\n    const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\n        const possiblePromise: unknown = handler?.(event);\n        try {\n            if (possiblePromise instanceof Promise) {\n                setIsLoading(true);\n                await possiblePromise;\n                setIsLoading(false);\n            }\n        } catch (err) {\n            setIsLoading(false);\n            console.error(err);\n        }\n    };\n\n    return {isLoading, handleClick};\n};\n\nconst _ActionIcon = forwardRef<HTMLButtonElement, ActionIconProps>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useLoadingHandler(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\n\nexport const ActionIcon = createPolymorphicComponent<\n    'button',\n    ActionIconProps,\n    {Group: typeof MantineActionIcon.Group}\n>(_ActionIcon);\nActionIcon.Group = MantineActionIcon.Group;\n"],"names":["ActionIcon","useLoadingHandler","handler","useState","isLoading","setIsLoading","handleClick","event","possiblePromise","err","Promise","console","error","_ActionIcon","forwardRef","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ButtonWithDisabledTooltip","fullWidth","MantineActionIcon","loaderProps","variant","createPolymorphicComponent","Group"],"mappings":";;;;+BAsDaA;;;eAAAA;;;;;;;;;;oBAtDiF;qBAC5B;qBAEzB;yCAC+B;AAOxE,IAAMC,oBAAoB,SAACC;IACvB,IAAkCC,+BAAAA,IAAAA,eAAQ,EAAC,YAApCC,YAA2BD,cAAhBE,eAAgBF;IAElC,IAAMG;mBAAc,sBAAA,SAAOC;gBACUL,UAA3BM,iBAOGC;;;;wBAPHD,mBAA2BN,WAAAA,qBAAAA,+BAAAA,SAAUK;;;;;;;;;6BAEnCC,AAAe,aAAYE,CAA3BF,iBAA2BE,UAA3BF;;;;wBACAH,aAAa;wBACb;;4BAAMG;;;wBAAN;wBACAH,aAAa;;;;;;;;wBAEZI;wBACLJ,aAAa;wBACbM,QAAQC,KAAK,CAACH;;;;;;;;;;;QAEtB;wBAZMH,YAAqBC;;;;IAc3B,OAAO;QAACH,WAAAA;QAAWE,aAAAA;IAAW;AAClC;AAEA,IAAMO,4BAAcC,IAAAA,iBAAU,EAC1B,iBAAiFC;QAA/EC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAYC;QAAtEL;QAAiBC;QAAUC;QAAsBC;QAASC;;IACxD,IAAiCnB,qBAAAA,kBAAkBmB,UAA5ChB,YAA0BH,mBAA1BG,WAAWE,cAAeL,mBAAfK;IAClB,qBACI,qBAACgB,oDAAyB;QACtBL,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBK,WAAWF,OAAOE,SAAS;kBAE3B,cAAA,qBAACC,gBAAiB;YACdC,aAAa;gBAACC,SAAS;YAAM;YAC7BX,KAAKA;YACLI,SAASf,aAAae;YACtBC,SAASd;YACTW,UAAUA;WACNI;;AAIpB;AAGG,IAAMrB,aAAa2B,IAAAA,iCAA0B,EAIlDd;AACFb,WAAW4B,KAAK,GAAGJ,gBAAiB,CAACI,KAAK"}
+{"version":3,"sources":["../../../../src/components/action-icon/ActionIcon.tsx"],"sourcesContent":["import {\n    ActionIcon as MantineActionIcon,\n    ActionIconCssVariables,\n    ActionIconGroup,\n    type ActionIconProps as MantineActionIconProps,\n    ActionIconStylesNames,\n    ActionIconVariant,\n    Factory,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from '../button/ButtonWithDisabledTooltip';\n\nexport interface ActionIconProps extends MantineActionIconProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ActionIconOverloadFactory = Factory<{\n    props: ActionIconProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ActionIconStylesNames;\n    vars: ActionIconCssVariables;\n    variant: ActionIconVariant;\n    staticComponents: {\n        Group: typeof ActionIconGroup;\n    };\n}>;\n\nexport const ActionIcon = polymorphicFactory<ActionIconOverloadFactory>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineActionIcon\n                    loaderProps={{type: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nActionIcon.Group = MantineActionIcon.Group;\n"],"names":["ActionIcon","polymorphicFactory","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineActionIcon","loaderProps","type","Group"],"mappings":";;;;+BA+BaA;;;eAAAA;;;;;;oBAtBN;mCAE2B;yCACsC;AAmBjE,IAAMA,aAAaC,IAAAA,wBAAkB,EACxC,iBAAiFC;QAA/EC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAYC;QAAtEL;QAAiBC;QAAUC;QAAsBC;QAASC;;IACxD,IAAiCE,wBAAAA,IAAAA,wCAAmB,EAACF,UAA9CG,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBR,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBQ,WAAWL,OAAOK,SAAS;kBAE3B,cAAA,qBAACC,gBAAiB;YACdC,aAAa;gBAACC,MAAM;YAAM;YAC1Bd,KAAKA;YACLI,SAASI,aAAaJ;YACtBC,SAASI;YACTP,UAAUA;WACNI;;AAIpB;AAEJR,WAAWiB,KAAK,GAAGH,gBAAiB,CAACG,KAAK"}

package/dist/cjs/components/browser-preview/BrowserPreview.d.ts

@@ -1,7 +1,6 @@
-import { DefaultProps, Selectors } from '@mantine/core';
+import { StackProps } from '@mantine/core';
 import { PropsWithChildren } from 'react';
-import useStyles from './BrowserPreview.styles';
-export interface BrowserPreviewProps extends DefaultProps<Selectors<typeof useStyles>> {
+export interface BrowserPreviewProps extends StackProps {
     /**
      * Text to display in a tooltip in the header.
      *
@@ -12,5 +11,5 @@ export interface BrowserPreviewProps extends DefaultProps<Selectors<typeof useSt
      */
     title?: string;
 }
-export declare const BrowserPreview: ({ children, headerTooltip, title, classNames, className, styles, unstyled, ...others }: PropsWithChildren<BrowserPreviewProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const BrowserPreview: ({ children, headerTooltip, title, className, ...others }: PropsWithChildren<BrowserPreviewProps>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BrowserPreview.d.ts.map

package/dist/cjs/components/browser-preview/BrowserPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BrowserPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"names":[],"mappings":"AACA,OAAO,EAGH,YAAY,EAGZ,SAAS,EAMZ,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,SAAS,MAAM,yBAAyB,CAAC;AAEhD,MAAM,WAAW,mBAAoB,SAAQ,YAAY,CAAC,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;IAClF;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,2FAUxB,kBAAkB,mBAAmB,CAAC,4CAgCxC,CAAC"}
+{"version":3,"file":"BrowserPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuC,UAAU,EAAwC,MAAM,eAAe,CAAC;AAEtH,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,mBAAoB,SAAQ,UAAU;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,cAAc,6DAMxB,kBAAkB,mBAAmB,CAAC,4CA+BxC,CAAC"}

package/dist/cjs/components/browser-preview/BrowserPreview.js

@@ -15,47 +15,36 @@ var _object_without_properties = require("@swc/helpers/_/_object_without_propert
 var _jsxruntime = require("react/jsx-runtime");
 var _plasmareacticons = require("@coveord/plasma-react-icons");
 var _core = require("@mantine/core");
-var _BrowserPreviewstyles = /*#__PURE__*/ _interop_require_default._(require("./BrowserPreview.styles"));
+var _clsx = /*#__PURE__*/ _interop_require_default._(require("clsx"));
+var _BrowserPreviewmodulecss = /*#__PURE__*/ _interop_require_default._(require("./BrowserPreview.module.css"));
 var BrowserPreview = function(_param) {
-    var children = _param.children, headerTooltip = _param.headerTooltip, title = _param.title, // Style props
-    classNames = _param.classNames, className = _param.className, styles = _param.styles, unstyled = _param.unstyled, others = _object_without_properties._(_param, [
+    var children = _param.children, headerTooltip = _param.headerTooltip, title = _param.title, className = _param.className, others = _object_without_properties._(_param, [
         "children",
         "headerTooltip",
         "title",
-        "classNames",
-        "className",
-        "styles",
-        "unstyled"
+        "className"
     ]);
     var theme = (0, _core.useMantineTheme)();
-    var _useStyles = (0, _BrowserPreviewstyles.default)(null, {
-        classNames: classNames,
-        name: "BrowserPreview",
-        styles: styles,
-        unstyled: unstyled
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Stack, _object_spread_props._(_object_spread._({
-        className: cx(classes.root, className),
-        spacing: 0,
+        className: (0, _clsx.default)(_BrowserPreviewmodulecss.default.root, className),
+        gap: 0,
         maw: 544,
         mih: 0
     }, others), {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, {
                 children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
-                    className: classes.header,
-                    position: "apart",
+                    className: _BrowserPreviewmodulecss.default.header,
+                    justify: "space-between",
                     px: "sm",
                     py: "xs",
                     bg: "gray.1",
-                    noWrap: true,
                     children: [
                         /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
-                            spacing: "xs",
-                            noWrap: true,
+                            gap: "xs",
                             children: [
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Title, {
-                                    color: "gray.6",
+                                    c: "gray.6",
                                     order: 4,
                                     children: "Preview"
                                 }),
@@ -65,7 +54,7 @@ var BrowserPreview = function(_param) {
                                     maw: 400,
                                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_plasmareacticons.InfoSize16Px, {
                                         height: 16,
-                                        className: classes.infoIcon
+                                        className: _BrowserPreviewmodulecss.default.infoIcon
                                     })
                                 })
                             ]
@@ -76,8 +65,7 @@ var BrowserPreview = function(_param) {
                             children: title
                         }),
                         /*#__PURE__*/ (0, _jsxruntime.jsxs)(_core.Group, {
-                            spacing: "xs",
-                            noWrap: true,
+                            gap: "xs",
                             children: [
                                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.ColorSwatch, {
                                     color: theme.colors.gray[3]
@@ -94,7 +82,7 @@ var BrowserPreview = function(_param) {
                 })
             }),
             /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Flex, {
-                className: classes.content,
+                className: _BrowserPreviewmodulecss.default.content,
                 p: "xl",
                 direction: "column",
                 children: children

package/dist/cjs/components/browser-preview/BrowserPreview.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"sourcesContent":["import {InfoSize16Px} from '@coveord/plasma-react-icons';\nimport {\n    Box,\n    ColorSwatch,\n    DefaultProps,\n    Flex,\n    Group,\n    Selectors,\n    Stack,\n    Text,\n    Title,\n    Tooltip,\n    useMantineTheme,\n} from '@mantine/core';\nimport {PropsWithChildren} from 'react';\nimport useStyles from './BrowserPreview.styles';\n\nexport interface BrowserPreviewProps extends DefaultProps<Selectors<typeof useStyles>> {\n    /**\n     * Text to display in a tooltip in the header.\n     *\n     */\n    headerTooltip?: string;\n    /**\n     * Custom title to be displayed at the center of the header.\n     */\n    title?: string;\n}\n\nexport const BrowserPreview = ({\n    children,\n    headerTooltip,\n    title,\n    // Style props\n    classNames,\n    className,\n    styles,\n    unstyled,\n    ...others\n}: PropsWithChildren<BrowserPreviewProps>) => {\n    const theme = useMantineTheme();\n    const {classes, cx} = useStyles(null, {classNames, name: 'BrowserPreview', styles, unstyled});\n    return (\n        <Stack className={cx(classes.root, className)} spacing={0} maw={544} mih={0} {...others}>\n            <Box>\n                <Group className={classes.header} position=\"apart\" px=\"sm\" py=\"xs\" bg=\"gray.1\" noWrap>\n                    <Group spacing=\"xs\" noWrap>\n                        <Title color=\"gray.6\" order={4}>\n                            Preview\n                        </Title>\n                        {!!headerTooltip && (\n                            <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n                                <InfoSize16Px height={16} className={classes.infoIcon} />\n                            </Tooltip>\n                        )}\n                    </Group>\n                    <Text lineClamp={1} color=\"gray.6\">\n                        {title}\n                    </Text>\n                    <Group spacing=\"xs\" noWrap>\n                        <ColorSwatch color={theme.colors.gray[3]} />\n                        <ColorSwatch color={theme.colors.gray[3]} />\n                        <ColorSwatch color={theme.colors.gray[3]} />\n                    </Group>\n                </Group>\n            </Box>\n            <Flex className={classes.content} p=\"xl\" direction=\"column\">\n                {children}\n            </Flex>\n        </Stack>\n    );\n};\n"],"names":["BrowserPreview","children","headerTooltip","title","classNames","className","styles","unstyled","others","theme","useMantineTheme","useStyles","name","classes","cx","Stack","root","spacing","maw","mih","Box","Group","header","position","px","py","bg","noWrap","Title","color","order","Tooltip","label","InfoSize16Px","height","infoIcon","Text","lineClamp","ColorSwatch","colors","gray","Flex","content","p","direction"],"mappings":";;;;+BA6BaA;;;eAAAA;;;;;;;;gCA7Bc;oBAapB;6EAEe;AAcf,IAAMA,iBAAiB;QAC1BC,kBAAAA,UACAC,uBAAAA,eACAC,eAAAA,OACA,cAAc;IACdC,oBAAAA,YACAC,mBAAAA,WACAC,gBAAAA,QACAC,kBAAAA,UACGC;QARHP;QACAC;QACAC;QAEAC;QACAC;QACAC;QACAC;;IAGA,IAAME,QAAQC,IAAAA,qBAAe;IAC7B,IAAsBC,aAAAA,IAAAA,6BAAS,EAAC,MAAM;QAACP,YAAAA;QAAYQ,MAAM;QAAkBN,QAAAA;QAAQC,UAAAA;IAAQ,IAApFM,UAAeF,WAAfE,SAASC,KAAMH,WAANG;IAChB,qBACI,sBAACC,WAAK;QAACV,WAAWS,GAAGD,QAAQG,IAAI,EAAEX;QAAYY,SAAS;QAAGC,KAAK;QAAKC,KAAK;OAAOX;;0BAC7E,qBAACY,SAAG;0BACA,cAAA,sBAACC,WAAK;oBAAChB,WAAWQ,QAAQS,MAAM;oBAAEC,UAAS;oBAAQC,IAAG;oBAAKC,IAAG;oBAAKC,IAAG;oBAASC,MAAM;;sCACjF,sBAACN,WAAK;4BAACJ,SAAQ;4BAAKU,MAAM;;8CACtB,qBAACC,WAAK;oCAACC,OAAM;oCAASC,OAAO;8CAAG;;gCAG/B,CAAC,CAAC5B,+BACC,qBAAC6B,aAAO;oCAACC,OAAO9B;oCAAeqB,UAAS;oCAAQL,KAAK;8CACjD,cAAA,qBAACe,8BAAY;wCAACC,QAAQ;wCAAI7B,WAAWQ,QAAQsB,QAAQ;;;;;sCAIjE,qBAACC,UAAI;4BAACC,WAAW;4BAAGR,OAAM;sCACrB1B;;sCAEL,sBAACkB,WAAK;4BAACJ,SAAQ;4BAAKU,MAAM;;8CACtB,qBAACW,iBAAW;oCAACT,OAAOpB,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,qBAACF,iBAAW;oCAACT,OAAOpB,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,qBAACF,iBAAW;oCAACT,OAAOpB,MAAM8B,MAAM,CAACC,IAAI,CAAC,EAAE;;;;;;;0BAIpD,qBAACC,UAAI;gBAACpC,WAAWQ,QAAQ6B,OAAO;gBAAEC,GAAE;gBAAKC,WAAU;0BAC9C3C;;;;AAIjB"}
+{"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.tsx"],"sourcesContent":["import {InfoSize16Px} from '@coveord/plasma-react-icons';\nimport {Box, ColorSwatch, Flex, Group, Stack, StackProps, Text, Title, Tooltip, useMantineTheme} from '@mantine/core';\nimport cx from 'clsx';\nimport {PropsWithChildren} from 'react';\nimport BrowserPreviewClasses from './BrowserPreview.module.css';\n\nexport interface BrowserPreviewProps extends StackProps {\n    /**\n     * Text to display in a tooltip in the header.\n     *\n     */\n    headerTooltip?: string;\n    /**\n     * Custom title to be displayed at the center of the header.\n     */\n    title?: string;\n}\n\nexport const BrowserPreview = ({\n    children,\n    headerTooltip,\n    title,\n    className,\n    ...others\n}: PropsWithChildren<BrowserPreviewProps>) => {\n    const theme = useMantineTheme();\n    return (\n        <Stack className={cx(BrowserPreviewClasses.root, className)} gap={0} maw={544} mih={0} {...others}>\n            <Box>\n                <Group className={BrowserPreviewClasses.header} justify=\"space-between\" px=\"sm\" py=\"xs\" bg=\"gray.1\">\n                    <Group gap=\"xs\">\n                        <Title c=\"gray.6\" order={4}>\n                            Preview\n                        </Title>\n                        {!!headerTooltip && (\n                            <Tooltip label={headerTooltip} position=\"right\" maw={400}>\n                                <InfoSize16Px height={16} className={BrowserPreviewClasses.infoIcon} />\n                            </Tooltip>\n                        )}\n                    </Group>\n                    <Text lineClamp={1} color=\"gray.6\">\n                        {title}\n                    </Text>\n                    <Group gap=\"xs\">\n                        <ColorSwatch color={theme.colors.gray[3]} />\n                        <ColorSwatch color={theme.colors.gray[3]} />\n                        <ColorSwatch color={theme.colors.gray[3]} />\n                    </Group>\n                </Group>\n            </Box>\n            <Flex className={BrowserPreviewClasses.content} p=\"xl\" direction=\"column\">\n                {children}\n            </Flex>\n        </Stack>\n    );\n};\n"],"names":["BrowserPreview","children","headerTooltip","title","className","others","theme","useMantineTheme","Stack","cx","BrowserPreviewClasses","root","gap","maw","mih","Box","Group","header","justify","px","py","bg","Title","c","order","Tooltip","label","position","InfoSize16Px","height","infoIcon","Text","lineClamp","color","ColorSwatch","colors","gray","Flex","content","p","direction"],"mappings":";;;;+BAkBaA;;;eAAAA;;;;;;;;gCAlBc;oBAC2E;6DACvF;gFAEmB;AAc3B,IAAMA,iBAAiB;QAC1BC,kBAAAA,UACAC,uBAAAA,eACAC,eAAAA,OACAC,mBAAAA,WACGC;QAJHJ;QACAC;QACAC;QACAC;;IAGA,IAAME,QAAQC,IAAAA,qBAAe;IAC7B,qBACI,sBAACC,WAAK;QAACJ,WAAWK,IAAAA,aAAE,EAACC,gCAAqB,CAACC,IAAI,EAAEP;QAAYQ,KAAK;QAAGC,KAAK;QAAKC,KAAK;OAAOT;;0BACvF,qBAACU,SAAG;0BACA,cAAA,sBAACC,WAAK;oBAACZ,WAAWM,gCAAqB,CAACO,MAAM;oBAAEC,SAAQ;oBAAgBC,IAAG;oBAAKC,IAAG;oBAAKC,IAAG;;sCACvF,sBAACL,WAAK;4BAACJ,KAAI;;8CACP,qBAACU,WAAK;oCAACC,GAAE;oCAASC,OAAO;8CAAG;;gCAG3B,CAAC,CAACtB,+BACC,qBAACuB,aAAO;oCAACC,OAAOxB;oCAAeyB,UAAS;oCAAQd,KAAK;8CACjD,cAAA,qBAACe,8BAAY;wCAACC,QAAQ;wCAAIzB,WAAWM,gCAAqB,CAACoB,QAAQ;;;;;sCAI/E,qBAACC,UAAI;4BAACC,WAAW;4BAAGC,OAAM;sCACrB9B;;sCAEL,sBAACa,WAAK;4BAACJ,KAAI;;8CACP,qBAACsB,iBAAW;oCAACD,OAAO3B,MAAM6B,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,qBAACF,iBAAW;oCAACD,OAAO3B,MAAM6B,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,qBAACF,iBAAW;oCAACD,OAAO3B,MAAM6B,MAAM,CAACC,IAAI,CAAC,EAAE;;;;;;;0BAIpD,qBAACC,UAAI;gBAACjC,WAAWM,gCAAqB,CAAC4B,OAAO;gBAAEC,GAAE;gBAAKC,WAAU;0BAC5DvC;;;;AAIjB"}

package/dist/cjs/components/browser-preview/BrowserPreview.module.css

@@ -0,0 +1,21 @@
+.root {
+    box-shadow: var(--mantine-shadow-md);
+    border-radius: var(--mantine-radius-default);
+    border: 1px solid;
+    border-color: var(--mantine-color-gray-3);
+    flex: 1;
+}
+
+.header {
+    box-shadow: var(--mantine-shadow-xs);
+    border-radius: var(--mantine-radius-default) var(--mantine-radius-default) 0 0;
+}
+
+.content {
+    overflow: auto;
+    flex-grow: 1;
+}
+
+.infoIcon {
+    color: var(--mantine-color-gray-5);
+}

package/dist/cjs/components/button/Button.d.ts

@@ -1,16 +1,39 @@
-import { Button as MantineButton, ButtonProps as MantineButtonProps } from '@mantine/core';
+import { ButtonGroup, ButtonProps as MantineButtonProps } from '@mantine/core';
+import { ButtonCssVariables, ButtonStylesNames, ButtonVariant } from '@mantine/core/lib/components/Button/Button';
 import { MouseEventHandler } from 'react';
 import { ButtonWithDisabledTooltipProps } from './ButtonWithDisabledTooltip';
 export interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {
     onClick?: MouseEventHandler<HTMLButtonElement>;
 }
-export declare const Button: (<C = "button">(props: import("@mantine/utils").PolymorphicComponentProps<C, ButtonProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ButtonProps & {
+export declare const Button: (<C = "button">(props: import("@mantine/core").PolymorphicComponentProps<C, ButtonProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & Omit<import("react").FunctionComponent<(ButtonProps & {
     component?: any;
-} & Omit<Pick<any, string | number | symbol>, "component" | keyof ButtonProps> & {
+} & Omit<Omit<any, "ref">, "component" | keyof ButtonProps> & {
     ref?: any;
+    renderRoot?: (props: any) => any;
 }) | (ButtonProps & {
-    component: import("react").ElementType<any>;
-})>, never> & {
-    Group: typeof MantineButton.Group;
+    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: ButtonStylesNames;
+    vars: ButtonCssVariables;
+    variant: ButtonVariant;
+    staticComponents: {
+        Group: typeof ButtonGroup;
+    };
+}> & import("@mantine/core/lib/core/factory/factory").ComponentClasses<{
+    props: ButtonProps;
+    defaultRef: HTMLButtonElement;
+    defaultComponent: 'button';
+    stylesNames: ButtonStylesNames;
+    vars: ButtonCssVariables;
+    variant: ButtonVariant;
+    staticComponents: {
+        Group: typeof ButtonGroup;
+    };
+}> & {
+    Group: typeof ButtonGroup;
 };
 //# sourceMappingURL=Button.d.ts.map

package/dist/cjs/components/button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,IAAI,aAAa,EAAE,WAAW,IAAI,kBAAkB,EAAC,MAAM,eAAe,CAAC;AACzF,OAAO,EAAyB,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAG1E,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AA6CD,eAAO,MAAM,MAAM;;;;;;;WAA6D,OAAO,cAAc,KAAK;CAAW,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACH,WAAW,EAGX,WAAW,IAAI,kBAAkB,EAEpC,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,kBAAkB,EAAE,iBAAiB,EAAE,aAAa,EAAC,MAAM,4CAA4C,CAAC;AAChH,OAAO,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAExC,OAAO,EAA4B,8BAA8B,EAAC,MAAM,6BAA6B,CAAC;AAEtG,MAAM,WAAW,WAAY,SAAQ,kBAAkB,EAAE,8BAA8B;IAEnF,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAcD,eAAO,MAAM,MAAM;;;;;;;;;WAXR,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,kBAAkB,CAAC;KAC7B;;WARM,WAAW;gBACN,iBAAiB;sBACX,QAAQ;iBACb,iBAAiB;UACxB,kBAAkB;aACf,aAAa;sBACJ;QACd,KAAK,EAAE,kBAAkB,CAAC;KAC7B;;WADU,kBAAkB;CA6BhC,CAAC"}

package/dist/cjs/components/button/Button.js

@@ -8,87 +8,24 @@ Object.defineProperty(exports, "Button", {
         return Button;
     }
 });
-var _async_to_generator = require("@swc/helpers/_/_async_to_generator");
-var _instanceof = require("@swc/helpers/_/_instanceof");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
-var _ts_generator = require("@swc/helpers/_/_ts_generator");
 var _jsxruntime = require("react/jsx-runtime");
 var _core = require("@mantine/core");
-var _react = require("react");
-var _utils = require("../../utils");
+var _useClickWithLoading = require("../../hooks/useClickWithLoading");
 var _ButtonWithDisabledTooltip = require("./ButtonWithDisabledTooltip");
-var useLoadingHandler = function(handler) {
-    var _useState = _sliced_to_array._((0, _react.useState)(false), 2), isLoading = _useState[0], setIsLoading = _useState[1];
-    var handleClick = function() {
-        var _ref = _async_to_generator._(function(event) {
-            var _handler, possiblePromise, err;
-            return _ts_generator._(this, function(_state) {
-                switch(_state.label){
-                    case 0:
-                        possiblePromise = (_handler = handler) === null || _handler === void 0 ? void 0 : _handler(event);
-                        _state.label = 1;
-                    case 1:
-                        _state.trys.push([
-                            1,
-                            4,
-                            ,
-                            5
-                        ]);
-                        if (!_instanceof._(possiblePromise, Promise)) return [
-                            3,
-                            3
-                        ];
-                        setIsLoading(true);
-                        return [
-                            4,
-                            possiblePromise
-                        ];
-                    case 2:
-                        _state.sent();
-                        setIsLoading(false);
-                        _state.label = 3;
-                    case 3:
-                        return [
-                            3,
-                            5
-                        ];
-                    case 4:
-                        err = _state.sent();
-                        setIsLoading(false);
-                        console.error(err);
-                        return [
-                            3,
-                            5
-                        ];
-                    case 5:
-                        return [
-                            2
-                        ];
-                }
-            });
-        });
-        return function handleClick(event) {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    return {
-        isLoading: isLoading,
-        handleClick: handleClick
-    };
-};
-var _Button = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-    var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, loading = _param.loading, onClick = _param.onClick, others = _object_without_properties._(_param, [
+var Button = (0, _core.polymorphicFactory)(function(_param, ref) {
+    var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, disabledTooltipProps = _param.disabledTooltipProps, loading = _param.loading, onClick = _param.onClick, dataDisabled = _param["data-disabled"], others = _object_without_properties._(_param, [
         "disabledTooltip",
         "disabled",
         "disabledTooltipProps",
         "loading",
-        "onClick"
+        "onClick",
+        "data-disabled"
     ]);
-    var _useLoadingHandler = useLoadingHandler(onClick), isLoading = _useLoadingHandler.isLoading, handleClick = _useLoadingHandler.handleClick;
+    var _useClickWithLoading1 = (0, _useClickWithLoading.useClickWithLoading)(onClick), isLoading = _useClickWithLoading1.isLoading, handleClick = _useClickWithLoading1.handleClick;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_ButtonWithDisabledTooltip.ButtonWithDisabledTooltip, {
-        disabled: disabled,
+        disabled: disabled || dataDisabled,
         disabledTooltip: disabledTooltip,
         disabledTooltipProps: disabledTooltipProps,
         fullWidth: others.fullWidth,
@@ -98,12 +35,14 @@ var _Button = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
             },
             ref: ref,
             loading: isLoading || loading,
-            onClick: handleClick,
-            disabled: disabled
+            onClick: dataDisabled ? function(e) {
+                return e.preventDefault();
+            } : handleClick,
+            disabled: disabled || dataDisabled,
+            "data-loading": isLoading || loading || undefined
         }, others))
     });
 });
-var Button = (0, _utils.createPolymorphicComponent)(_Button);
 Button.Group = _core.Button.Group;
 
 //# sourceMappingURL=Button.js.map

package/dist/cjs/components/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {Button as MantineButton, ButtonProps as MantineButtonProps} from '@mantine/core';\nimport {forwardRef, MouseEvent, MouseEventHandler, useState} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nconst useLoadingHandler = (handler?: MouseEventHandler<HTMLButtonElement>) => {\n    const [isLoading, setIsLoading] = useState(false);\n\n    const handleClick = async (event: MouseEvent<HTMLButtonElement>) => {\n        const possiblePromise: unknown = handler?.(event);\n        try {\n            if (possiblePromise instanceof Promise) {\n                setIsLoading(true);\n                await possiblePromise;\n                setIsLoading(false);\n            }\n        } catch (err) {\n            setIsLoading(false);\n            console.error(err);\n        }\n    };\n\n    return {isLoading, handleClick};\n};\n\nconst _Button = forwardRef<HTMLButtonElement, ButtonProps>(\n    ({disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others}, ref) => {\n        const {isLoading, handleClick} = useLoadingHandler(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineButton\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={handleClick}\n                    disabled={disabled}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\n\nexport const Button = createPolymorphicComponent<'button', ButtonProps, {Group: typeof MantineButton.Group}>(_Button);\nButton.Group = MantineButton.Group;\n"],"names":["Button","useLoadingHandler","handler","useState","isLoading","setIsLoading","handleClick","event","possiblePromise","err","Promise","console","error","_Button","forwardRef","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ButtonWithDisabledTooltip","fullWidth","MantineButton","loaderProps","variant","createPolymorphicComponent","Group"],"mappings":";;;;+BAsDaA;;;eAAAA;;;;;;;;;;oBAtD4D;qBACP;qBAEzB;yCAC+B;AAOxE,IAAMC,oBAAoB,SAACC;IACvB,IAAkCC,+BAAAA,IAAAA,eAAQ,EAAC,YAApCC,YAA2BD,cAAhBE,eAAgBF;IAElC,IAAMG;mBAAc,sBAAA,SAAOC;gBACUL,UAA3BM,iBAOGC;;;;wBAPHD,mBAA2BN,WAAAA,qBAAAA,+BAAAA,SAAUK;;;;;;;;;6BAEnCC,AAAe,aAAYE,CAA3BF,iBAA2BE,UAA3BF;;;;wBACAH,aAAa;wBACb;;4BAAMG;;;wBAAN;wBACAH,aAAa;;;;;;;;wBAEZI;wBACLJ,aAAa;wBACbM,QAAQC,KAAK,CAACH;;;;;;;;;;;QAEtB;wBAZMH,YAAqBC;;;;IAc3B,OAAO;QAACH,WAAAA;QAAWE,aAAAA;IAAW;AAClC;AAEA,IAAMO,wBAAUC,IAAAA,iBAAU,EACtB,iBAAiFC;QAA/EC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAYC;QAAtEL;QAAiBC;QAAUC;QAAsBC;QAASC;;IACxD,IAAiCnB,qBAAAA,kBAAkBmB,UAA5ChB,YAA0BH,mBAA1BG,WAAWE,cAAeL,mBAAfK;IAClB,qBACI,qBAACgB,oDAAyB;QACtBL,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBK,WAAWF,OAAOE,SAAS;kBAE3B,cAAA,qBAACC,YAAa;YACVC,aAAa;gBAACC,SAAS;YAAM;YAC7BX,KAAKA;YACLI,SAASf,aAAae;YACtBC,SAASd;YACTW,UAAUA;WACNI;;AAIpB;AAGG,IAAMrB,SAAS2B,IAAAA,iCAA0B,EAA6Dd;AAC7Gb,OAAO4B,KAAK,GAAGJ,YAAa,CAACI,KAAK"}
+{"version":3,"sources":["../../../../src/components/button/Button.tsx"],"sourcesContent":["import {\n    ButtonGroup,\n    Factory,\n    Button as MantineButton,\n    ButtonProps as MantineButtonProps,\n    polymorphicFactory,\n} from '@mantine/core';\nimport {ButtonCssVariables, ButtonStylesNames, ButtonVariant} from '@mantine/core/lib/components/Button/Button';\nimport {MouseEventHandler} from 'react';\nimport {useClickWithLoading} from '../../hooks/useClickWithLoading';\nimport {ButtonWithDisabledTooltip, ButtonWithDisabledTooltipProps} from './ButtonWithDisabledTooltip';\n\nexport interface ButtonProps extends MantineButtonProps, ButtonWithDisabledTooltipProps {\n    /* Handler executed on click */\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\ntype ButtonOverloadFactory = Factory<{\n    props: ButtonProps;\n    defaultRef: HTMLButtonElement;\n    defaultComponent: 'button';\n    stylesNames: ButtonStylesNames;\n    vars: ButtonCssVariables;\n    variant: ButtonVariant;\n    staticComponents: {\n        Group: typeof ButtonGroup;\n    };\n}>;\n\nexport const Button = polymorphicFactory<ButtonOverloadFactory>(\n    (\n        {disabledTooltip, disabled, disabledTooltipProps, loading, onClick, 'data-disabled': dataDisabled, ...others},\n        ref,\n    ) => {\n        const {isLoading, handleClick} = useClickWithLoading(onClick);\n        return (\n            <ButtonWithDisabledTooltip\n                disabled={disabled || dataDisabled}\n                disabledTooltip={disabledTooltip}\n                disabledTooltipProps={disabledTooltipProps}\n                fullWidth={others.fullWidth}\n            >\n                <MantineButton\n                    loaderProps={{variant: 'oval'}}\n                    ref={ref}\n                    loading={isLoading || loading}\n                    onClick={dataDisabled ? (e) => e.preventDefault() : handleClick}\n                    disabled={disabled || dataDisabled}\n                    data-loading={isLoading || loading || undefined}\n                    {...others}\n                />\n            </ButtonWithDisabledTooltip>\n        );\n    },\n);\nButton.Group = MantineButton.Group;\n"],"names":["Button","polymorphicFactory","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","dataDisabled","others","useClickWithLoading","isLoading","handleClick","ButtonWithDisabledTooltip","fullWidth","MantineButton","loaderProps","variant","e","preventDefault","data-loading","undefined","Group"],"mappings":";;;;+BA6BaA;;;eAAAA;;;;;;oBAvBN;mCAG2B;yCACsC;AAmBjE,IAAMA,SAASC,IAAAA,wBAAkB,EACpC,iBAEIC;QADCC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAS,AAAiBC,sBAAjB,kBAAkCC;QAArGN;QAAiBC;QAAUC;QAAsBC;QAASC;QAAS;;IAGpE,IAAiCG,wBAAAA,IAAAA,wCAAmB,EAACH,UAA9CI,YAA0BD,sBAA1BC,WAAWC,cAAeF,sBAAfE;IAClB,qBACI,qBAACC,oDAAyB;QACtBT,UAAUA,YAAYI;QACtBL,iBAAiBA;QACjBE,sBAAsBA;QACtBS,WAAWL,OAAOK,SAAS;kBAE3B,cAAA,qBAACC,YAAa;YACVC,aAAa;gBAACC,SAAS;YAAM;YAC7Bf,KAAKA;YACLI,SAASK,aAAaL;YACtBC,SAASC,eAAe,SAACU;uBAAMA,EAAEC,cAAc;gBAAKP;YACpDR,UAAUA,YAAYI;YACtBY,gBAAcT,aAAaL,WAAWe;WAClCZ;;AAIpB;AAEJT,OAAOsB,KAAK,GAAGP,YAAa,CAACO,KAAK"}

package/dist/cjs/components/button/ButtonWithDisabledTooltip.d.ts

@@ -24,6 +24,6 @@ export declare const ButtonWithDisabledTooltip: (<C = "div">(props: import("@man
 } & Omit<Pick<any, string | number | symbol>, "component" | keyof ButtonWithDisabledTooltipProps> & {
     ref?: any;
 }) | (ButtonWithDisabledTooltipProps & {
-    component: import("react").ElementType<any>;
+    component: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>;
 })>, never> & Record<string, never>;
 //# sourceMappingURL=ButtonWithDisabledTooltip.d.ts.map

package/dist/cjs/components/button/ButtonWithDisabledTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithDisabledTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ButtonWithDisabledTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAC,MAAM,eAAe,CAAC;AACzD,OAAO,EAAa,SAAS,EAAC,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,8BAA8B;IAC3C;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;IAC7E;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAeD,eAAO,MAAM,yBAAyB;;;;;;mCAErC,CAAC"}
+{"version":3,"file":"ButtonWithDisabledTooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/button/ButtonWithDisabledTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,YAAY,EAAC,MAAM,eAAe,CAAC;AACzD,OAAO,EAAC,SAAS,EAAa,MAAM,OAAO,CAAC;AAI5C,MAAM,WAAW,8BAA8B;IAC3C;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,OAAO,GAAG,UAAU,CAAC,CAAC;IAC7E;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAeD,eAAO,MAAM,yBAAyB;;;;;;mCAErC,CAAC"}

package/dist/cjs/components/button/ButtonWithDisabledTooltip.js

@@ -29,7 +29,7 @@ var _ButtonWithDisabledTooltip = /*#__PURE__*/ (0, _react.forwardRef)(function(_
     }, disabledTooltipProps), {
         children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_core.Box, _object_spread_props._(_object_spread._({
             ref: ref,
-            sx: {
+            style: {
                 "&:hover": {
                     cursor: "not-allowed"
                 },

package/dist/cjs/components/button/ButtonWithDisabledTooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/button/ButtonWithDisabledTooltip.tsx"],"sourcesContent":["import {Box, Tooltip, TooltipProps} from '@mantine/core';\nimport {forwardRef, ReactNode} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils';\n\nexport interface ButtonWithDisabledTooltipProps {\n    /**\n     * The tooltip message to display when disabled\n     */\n    disabledTooltip?: string;\n    /**\n     * Whether the button underneath the tooltip is disabled\n     */\n    disabled?: boolean;\n    children?: ReactNode;\n    /**\n     * Additional tooltip props to set on the disabled button tooltip\n     */\n    disabledTooltipProps?: Omit<TooltipProps, 'disabled' | 'label' | 'children'>;\n    /**\n     * Sets button width to 100% of parent element\n     */\n    fullWidth?: boolean;\n}\n\nconst _ButtonWithDisabledTooltip = forwardRef<HTMLDivElement, ButtonWithDisabledTooltipProps>(\n    ({disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others}, ref) =>\n        disabledTooltip ? (\n            <Tooltip label={disabledTooltip} disabled={!disabled} {...disabledTooltipProps}>\n                <Box ref={ref} sx={{'&:hover': {cursor: 'not-allowed'}, width: fullWidth && '100%'}} {...others}>\n                    {children}\n                </Box>\n            </Tooltip>\n        ) : (\n            <>{children}</>\n        ),\n);\n\nexport const ButtonWithDisabledTooltip = createPolymorphicComponent<'div', ButtonWithDisabledTooltipProps>(\n    _ButtonWithDisabledTooltip,\n);\n"],"names":["ButtonWithDisabledTooltip","_ButtonWithDisabledTooltip","forwardRef","ref","disabledTooltip","disabled","children","disabledTooltipProps","fullWidth","others","Tooltip","label","Box","sx","cursor","width","createPolymorphicComponent"],"mappings":";;;;+BAsCaA;;;eAAAA;;;;;;;oBAtC4B;qBACL;qBAEK;AAsBzC,IAAMC,2CAA6BC,IAAAA,iBAAU,EACzC,iBAAoFC;QAAlFC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,mBAAAA,WAAcC;QAAzEL;QAAiBC;QAAUC;QAAUC;QAAsBC;;WACzDJ,gCACI,qBAACM,aAAO;QAACC,OAAOP;QAAiBC,UAAU,CAACA;OAAcE;kBACtD,cAAA,qBAACK,SAAG;YAACT,KAAKA;YAAKU,IAAI;gBAAC,WAAW;oBAACC,QAAQ;gBAAa;gBAAGC,OAAOP,aAAa;YAAM;WAAOC;sBACpFH;;wBAIT;kBAAGA;;AACP;AAGD,IAAMN,4BAA4BgB,IAAAA,iCAA0B,EAC/Df"}
+{"version":3,"sources":["../../../../src/components/button/ButtonWithDisabledTooltip.tsx"],"sourcesContent":["import {Box, Tooltip, TooltipProps} from '@mantine/core';\nimport {ReactNode, forwardRef} from 'react';\n\nimport {createPolymorphicComponent} from '../../utils';\n\nexport interface ButtonWithDisabledTooltipProps {\n    /**\n     * The tooltip message to display when disabled\n     */\n    disabledTooltip?: string;\n    /**\n     * Whether the button underneath the tooltip is disabled\n     */\n    disabled?: boolean;\n    children?: ReactNode;\n    /**\n     * Additional tooltip props to set on the disabled button tooltip\n     */\n    disabledTooltipProps?: Omit<TooltipProps, 'disabled' | 'label' | 'children'>;\n    /**\n     * Sets button width to 100% of parent element\n     */\n    fullWidth?: boolean;\n}\n\nconst _ButtonWithDisabledTooltip = forwardRef<HTMLDivElement, ButtonWithDisabledTooltipProps>(\n    ({disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others}, ref) =>\n        disabledTooltip ? (\n            <Tooltip label={disabledTooltip} disabled={!disabled} {...disabledTooltipProps}>\n                <Box ref={ref} style={{'&:hover': {cursor: 'not-allowed'}, width: fullWidth && '100%'}} {...others}>\n                    {children}\n                </Box>\n            </Tooltip>\n        ) : (\n            <>{children}</>\n        ),\n);\n\nexport const ButtonWithDisabledTooltip = createPolymorphicComponent<'div', ButtonWithDisabledTooltipProps>(\n    _ButtonWithDisabledTooltip,\n);\n"],"names":["ButtonWithDisabledTooltip","_ButtonWithDisabledTooltip","forwardRef","ref","disabledTooltip","disabled","children","disabledTooltipProps","fullWidth","others","Tooltip","label","Box","style","cursor","width","createPolymorphicComponent"],"mappings":";;;;+BAsCaA;;;eAAAA;;;;;;;oBAtC4B;qBACL;qBAEK;AAsBzC,IAAMC,2CAA6BC,IAAAA,iBAAU,EACzC,iBAAoFC;QAAlFC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,mBAAAA,WAAcC;QAAzEL;QAAiBC;QAAUC;QAAUC;QAAsBC;;WACzDJ,gCACI,qBAACM,aAAO;QAACC,OAAOP;QAAiBC,UAAU,CAACA;OAAcE;kBACtD,cAAA,qBAACK,SAAG;YAACT,KAAKA;YAAKU,OAAO;gBAAC,WAAW;oBAACC,QAAQ;gBAAa;gBAAGC,OAAOP,aAAa;YAAM;WAAOC;sBACvFH;;wBAIT;kBAAGA;;AACP;AAGD,IAAMN,4BAA4BgB,IAAAA,iCAA0B,EAC/Df"}

package/dist/cjs/components/code-editor/CodeEditor.d.ts

@@ -1,16 +1,6 @@
-import { DefaultProps, InputWrapperBaseProps, Selectors } from '@mantine/core';
+import { InputWrapperProps, StackProps } from '@mantine/core';
 import { FunctionComponent } from 'react';
-declare const useStyles: (params: {
-    error?: boolean;
-}, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        root: string;
-        editor: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-interface CodeEditorProps extends Omit<InputWrapperBaseProps, 'inputContainer' | 'inputWrapperOrder'>, DefaultProps<Selectors<typeof useStyles>> {
+interface CodeEditorProps extends Omit<InputWrapperProps, 'inputContainer' | 'inputWrapperOrder' | 'classNames' | 'styles' | 'vars' | 'onChange'>, Omit<StackProps, 'onChange'> {
     /**
      * The language syntax of the editor
      *

package/dist/cjs/components/code-editor/CodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIH,YAAY,EAGZ,qBAAqB,EAGrB,SAAS,EAIZ,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAC,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAOrE,QAAA,MAAM,SAAS;YAA0C,OAAO;;;;;;;;CAW7D,CAAC;AAEJ,UAAU,eACN,SAAQ,IAAI,CAAC,qBAAqB,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,EACvE,YAAY,CAAC,SAAS,CAAC,OAAO,SAAS,CAAC,CAAC;IAC7C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;IACrF,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kDAAkD;IAClD,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB,+CAA+C;IAC/C,MAAM,CAAC,IAAI,IAAI,CAAC;IAChB,qDAAqD;IACrD,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAClC;AASD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CAsJzD,CAAC"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/code-editor/CodeEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKH,iBAAiB,EAIjB,UAAU,EAKb,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAC,iBAAiB,EAA8B,MAAM,OAAO,CAAC;AAQrE,UAAU,eACN,SAAQ,IAAI,CACJ,iBAAiB,EACjB,gBAAgB,GAAG,mBAAmB,GAAG,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CACzF,EACD,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IAChC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC;IACrF,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,kDAAkD;IAClD,QAAQ,CAAC,IAAI,IAAI,CAAC;IAClB,+CAA+C;IAC/C,MAAM,CAAC,IAAI,IAAI,CAAC;IAChB,qDAAqD;IACrD,OAAO,CAAC,IAAI,IAAI,CAAC;IACjB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAClC;AASD,eAAO,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,CA+JzD,CAAC"}