@coveord/plasma-mantine 52.26.3 → 52.26.4

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

@@ -1,99 +1,48 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { ActionIcon as MantineActionIcon } from "@mantine/core";
-import { forwardRef, useState } from "react";
-import { createPolymorphicComponent } from "../../utils";
-import { ButtonWithDisabledTooltip } from "../button/ButtonWithDisabledTooltip";
-var useLoadingHandler = function(handler) {
-    var _useState = _sliced_to_array(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);
-        };
-    }();
+import { ActionIcon as MantineActionIcon } from '@mantine/core';
+import { forwardRef, useState } from 'react';
+import { createPolymorphicComponent } from '../../utils';
+import { ButtonWithDisabledTooltip } from '../button/ButtonWithDisabledTooltip';
+const useLoadingHandler = (handler)=>{
+    const [isLoading, setIsLoading] = useState(false);
+    const handleClick = async (event)=>{
+        const possiblePromise = handler?.(event);
+        try {
+            if (possiblePromise instanceof Promise) {
+                setIsLoading(true);
+                await possiblePromise;
+                setIsLoading(false);
+            }
+        } catch (err) {
+            setIsLoading(false);
+            console.error(err);
+        }
+    };
     return {
-        isLoading: isLoading,
-        handleClick: handleClick
+        isLoading,
+        handleClick
     };
 };
-var _ActionIcon = /*#__PURE__*/ 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, [
-        "disabledTooltip",
-        "disabled",
-        "disabledTooltipProps",
-        "loading",
-        "onClick"
-    ]);
-    var _useLoadingHandler = useLoadingHandler(onClick), isLoading = _useLoadingHandler.isLoading, handleClick = _useLoadingHandler.handleClick;
+const _ActionIcon = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others }, ref)=>{
+    const { isLoading, handleClick } = useLoadingHandler(onClick);
     return /*#__PURE__*/ _jsx(ButtonWithDisabledTooltip, {
         disabled: disabled,
         disabledTooltip: disabledTooltip,
         disabledTooltipProps: disabledTooltipProps,
         fullWidth: others.fullWidth,
-        children: /*#__PURE__*/ _jsx(MantineActionIcon, _object_spread({
+        children: /*#__PURE__*/ _jsx(MantineActionIcon, {
             loaderProps: {
-                variant: "oval"
+                variant: 'oval'
             },
             ref: ref,
             loading: isLoading || loading,
             onClick: handleClick,
-            disabled: disabled
-        }, others))
+            disabled: disabled,
+            ...others
+        })
     });
 });
-export var ActionIcon = createPolymorphicComponent(_ActionIcon);
+export const ActionIcon = createPolymorphicComponent(_ActionIcon);
 ActionIcon.Group = MantineActionIcon.Group;
 
 //# sourceMappingURL=ActionIcon.js.map

package/dist/esm/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","MantineActionIcon","forwardRef","useState","createPolymorphicComponent","ButtonWithDisabledTooltip","useLoadingHandler","handler","isLoading","setIsLoading","handleClick","event","possiblePromise","err","Promise","console","error","_ActionIcon","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","fullWidth","loaderProps","variant","Group"],"mappings":";;;;;;;AAAA,SAAQA,cAAcC,iBAAiB,QAAuD,gBAAgB;AAC9G,SAAQC,UAAU,EAAiCC,QAAQ,QAAO,QAAQ;AAE1E,SAAQC,0BAA0B,QAAO,cAAc;AACvD,SAAQC,yBAAyB,QAAuC,sCAAsC;AAO9G,IAAMC,oBAAoB,SAACC;IACvB,IAAkCJ,6BAAAA,SAAS,YAApCK,YAA2BL,cAAhBM,eAAgBN;IAElC,IAAMO;mBAAc,oBAAA,SAAOC;gBACUJ,UAA3BK,iBAOGC;;;;wBAPHD,mBAA2BL,WAAAA,qBAAAA,+BAAAA,SAAUI;;;;;;;;;6BAEnCC,AAAe,YAAfA,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,4BAAcf,WAChB,iBAAiFgB;QAA/EC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAYC;QAAtEL;QAAiBC;QAAUC;QAAsBC;QAASC;;IACxD,IAAiCjB,qBAAAA,kBAAkBiB,UAA5Cf,YAA0BF,mBAA1BE,WAAWE,cAAeJ,mBAAfI;IAClB,qBACI,KAACL;QACGe,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBI,WAAWD,OAAOC,SAAS;kBAE3B,cAAA,KAACxB;YACGyB,aAAa;gBAACC,SAAS;YAAM;YAC7BT,KAAKA;YACLI,SAASd,aAAac;YACtBC,SAASb;YACTU,UAAUA;WACNI;;AAIpB;AAGJ,OAAO,IAAMxB,aAAaI,2BAIxBa,aAAa;AACfjB,WAAW4B,KAAK,GAAG3B,kBAAkB2B,KAAK"}
+{"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","MantineActionIcon","forwardRef","useState","createPolymorphicComponent","ButtonWithDisabledTooltip","useLoadingHandler","handler","isLoading","setIsLoading","handleClick","event","possiblePromise","Promise","err","console","error","_ActionIcon","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","fullWidth","loaderProps","variant","Group"],"mappings":";AAAA,SAAQA,cAAcC,iBAAiB,QAAuD,gBAAgB;AAC9G,SAAQC,UAAU,EAAiCC,QAAQ,QAAO,QAAQ;AAE1E,SAAQC,0BAA0B,QAAO,cAAc;AACvD,SAAQC,yBAAyB,QAAuC,sCAAsC;AAO9G,MAAMC,oBAAoB,CAACC;IACvB,MAAM,CAACC,WAAWC,aAAa,GAAGN,SAAS;IAE3C,MAAMO,cAAc,OAAOC;QACvB,MAAMC,kBAA2BL,UAAUI;QAC3C,IAAI;YACA,IAAIC,2BAA2BC,SAAS;gBACpCJ,aAAa;gBACb,MAAMG;gBACNH,aAAa;YACjB;QACJ,EAAE,OAAOK,KAAK;YACVL,aAAa;YACbM,QAAQC,KAAK,CAACF;QAClB;IACJ;IAEA,OAAO;QAACN;QAAWE;IAAW;AAClC;AAEA,MAAMO,4BAAcf,WAChB,CAAC,EAACgB,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,QAAO,EAAEC;IAC7E,MAAM,EAAChB,SAAS,EAAEE,WAAW,EAAC,GAAGJ,kBAAkBgB;IACnD,qBACI,KAACjB;QACGc,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBK,WAAWF,OAAOE,SAAS;kBAE3B,cAAA,KAACxB;YACGyB,aAAa;gBAACC,SAAS;YAAM;YAC7BH,KAAKA;YACLH,SAASb,aAAaa;YACtBC,SAASZ;YACTS,UAAUA;YACT,GAAGI,MAAM;;;AAI1B;AAGJ,OAAO,MAAMvB,aAAaI,2BAIxBa,aAAa;AACfjB,WAAW4B,KAAK,GAAG3B,kBAAkB2B,KAAK"}

package/dist/esm/components/action-icon/index.js

@@ -1,3 +1,3 @@
-export * from "./ActionIcon";
+export * from './ActionIcon';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/components/blank-slate/BlankSlate.js

@@ -1,9 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Paper, Stack } from "@mantine/core";
-export var BlankSlate = function(param) {
-    var children = param.children, _param_withBorder = param.withBorder, withBorder = _param_withBorder === void 0 ? true : _param_withBorder;
-    return /*#__PURE__*/ _jsx(Paper, {
-        shadow: withBorder && "xs",
+import { Paper, Stack } from '@mantine/core';
+export const BlankSlate = ({ children, withBorder = true })=>/*#__PURE__*/ _jsx(Paper, {
+        shadow: withBorder && 'xs',
         p: "xl",
         withBorder: withBorder,
         children: /*#__PURE__*/ _jsx(Stack, {
@@ -11,6 +9,5 @@ export var BlankSlate = function(param) {
             children: children
         })
     });
-};
 
 //# sourceMappingURL=BlankSlate.js.map

package/dist/esm/components/blank-slate/BlankSlate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/blank-slate/BlankSlate.tsx"],"sourcesContent":["import {Paper, Stack} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\ninterface BlankSlateProps {\n    /**\n     * Whether the Blankslate render with a border\n     *\n     * @default true\n     */\n    withBorder?: boolean;\n}\n\nexport const BlankSlate: FunctionComponent<PropsWithChildren<BlankSlateProps>> = ({children, withBorder = true}) => (\n    <Paper shadow={withBorder && 'xs'} p=\"xl\" withBorder={withBorder}>\n        <Stack align=\"center\">{children}</Stack>\n    </Paper>\n);\n"],"names":["Paper","Stack","BlankSlate","children","withBorder","shadow","p","align"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,KAAK,QAAO,gBAAgB;AAY3C,OAAO,IAAMC,aAAoE;QAAEC,iBAAAA,oCAAUC,YAAAA,4CAAa;yBACtG,KAACJ;QAAMK,QAAQD,cAAc;QAAME,GAAE;QAAKF,YAAYA;kBAClD,cAAA,KAACH;YAAMM,OAAM;sBAAUJ;;;EAE7B"}
+{"version":3,"sources":["../../../../src/components/blank-slate/BlankSlate.tsx"],"sourcesContent":["import {Paper, Stack} from '@mantine/core';\nimport {FunctionComponent, PropsWithChildren} from 'react';\n\ninterface BlankSlateProps {\n    /**\n     * Whether the Blankslate render with a border\n     *\n     * @default true\n     */\n    withBorder?: boolean;\n}\n\nexport const BlankSlate: FunctionComponent<PropsWithChildren<BlankSlateProps>> = ({children, withBorder = true}) => (\n    <Paper shadow={withBorder && 'xs'} p=\"xl\" withBorder={withBorder}>\n        <Stack align=\"center\">{children}</Stack>\n    </Paper>\n);\n"],"names":["Paper","Stack","BlankSlate","children","withBorder","shadow","p","align"],"mappings":";AAAA,SAAQA,KAAK,EAAEC,KAAK,QAAO,gBAAgB;AAY3C,OAAO,MAAMC,aAAoE,CAAC,EAACC,QAAQ,EAAEC,aAAa,IAAI,EAAC,iBAC3G,KAACJ;QAAMK,QAAQD,cAAc;QAAME,GAAE;QAAKF,YAAYA;kBAClD,cAAA,KAACH;YAAMM,OAAM;sBAAUJ;;OAE7B"}

package/dist/esm/components/blank-slate/index.js

@@ -1,3 +1,3 @@
-export * from "./BlankSlate";
+export * from './BlankSlate';
 
 //# sourceMappingURL=index.js.map

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

@@ -1,34 +1,22 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { InfoSize16Px } from "@coveord/plasma-react-icons";
-import { Box, ColorSwatch, Flex, Group, Stack, Text, Title, Tooltip, useMantineTheme } from "@mantine/core";
-import useStyles from "./BrowserPreview.styles";
-export 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, [
-        "children",
-        "headerTooltip",
-        "title",
-        "classNames",
-        "className",
-        "styles",
-        "unstyled"
-    ]);
-    var theme = useMantineTheme();
-    var _useStyles = useStyles(null, {
-        classNames: classNames,
-        name: "BrowserPreview",
-        styles: styles,
-        unstyled: unstyled
-    }), classes = _useStyles.classes, cx = _useStyles.cx;
-    return /*#__PURE__*/ _jsxs(Stack, _object_spread_props(_object_spread({
+import { InfoSize16Px } from '@coveord/plasma-react-icons';
+import { Box, ColorSwatch, Flex, Group, Stack, Text, Title, Tooltip, useMantineTheme } from '@mantine/core';
+import useStyles from './BrowserPreview.styles';
+export const BrowserPreview = ({ children, headerTooltip, title, // Style props
+classNames, className, styles, unstyled, ...others })=>{
+    const theme = useMantineTheme();
+    const { classes, cx } = useStyles(null, {
+        classNames,
+        name: 'BrowserPreview',
+        styles,
+        unstyled
+    });
+    return /*#__PURE__*/ _jsxs(Stack, {
         className: cx(classes.root, className),
         spacing: 0,
         maw: 544,
-        mih: 0
-    }, others), {
+        mih: 0,
+        ...others,
         children: [
             /*#__PURE__*/ _jsx(Box, {
                 children: /*#__PURE__*/ _jsxs(Group, {
@@ -89,7 +77,7 @@ export var BrowserPreview = function(_param) {
                 children: children
             })
         ]
-    }));
+    });
 };
 
 //# sourceMappingURL=BrowserPreview.js.map

package/dist/esm/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":["InfoSize16Px","Box","ColorSwatch","Flex","Group","Stack","Text","Title","Tooltip","useMantineTheme","useStyles","BrowserPreview","children","headerTooltip","title","classNames","className","styles","unstyled","others","theme","name","classes","cx","root","spacing","maw","mih","header","position","px","py","bg","noWrap","color","order","label","height","infoIcon","lineClamp","colors","gray","content","p","direction"],"mappings":";;;;AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SACIC,GAAG,EACHC,WAAW,EAEXC,IAAI,EACJC,KAAK,EAELC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,eAAe,QACZ,gBAAgB;AAEvB,OAAOC,eAAe,0BAA0B;AAchD,OAAO,IAAMC,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,QAAQX;IACd,IAAsBC,aAAAA,UAAU,MAAM;QAACK,YAAAA;QAAYM,MAAM;QAAkBJ,QAAAA;QAAQC,UAAAA;IAAQ,IAApFI,UAAeZ,WAAfY,SAASC,KAAMb,WAANa;IAChB,qBACI,MAAClB;QAAMW,WAAWO,GAAGD,QAAQE,IAAI,EAAER;QAAYS,SAAS;QAAGC,KAAK;QAAKC,KAAK;OAAOR;;0BAC7E,KAAClB;0BACG,cAAA,MAACG;oBAAMY,WAAWM,QAAQM,MAAM;oBAAEC,UAAS;oBAAQC,IAAG;oBAAKC,IAAG;oBAAKC,IAAG;oBAASC,MAAM;;sCACjF,MAAC7B;4BAAMqB,SAAQ;4BAAKQ,MAAM;;8CACtB,KAAC1B;oCAAM2B,OAAM;oCAASC,OAAO;8CAAG;;gCAG/B,CAAC,CAACtB,+BACC,KAACL;oCAAQ4B,OAAOvB;oCAAegB,UAAS;oCAAQH,KAAK;8CACjD,cAAA,KAAC1B;wCAAaqC,QAAQ;wCAAIrB,WAAWM,QAAQgB,QAAQ;;;;;sCAIjE,KAAChC;4BAAKiC,WAAW;4BAAGL,OAAM;sCACrBpB;;sCAEL,MAACV;4BAAMqB,SAAQ;4BAAKQ,MAAM;;8CACtB,KAAC/B;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACvC;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACvC;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;;;;;;0BAIpD,KAACtC;gBAAKa,WAAWM,QAAQoB,OAAO;gBAAEC,GAAE;gBAAKC,WAAU;0BAC9ChC;;;;AAIjB,EAAE"}
+{"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":["InfoSize16Px","Box","ColorSwatch","Flex","Group","Stack","Text","Title","Tooltip","useMantineTheme","useStyles","BrowserPreview","children","headerTooltip","title","classNames","className","styles","unstyled","others","theme","classes","cx","name","root","spacing","maw","mih","header","position","px","py","bg","noWrap","color","order","label","height","infoIcon","lineClamp","colors","gray","content","p","direction"],"mappings":";AAAA,SAAQA,YAAY,QAAO,8BAA8B;AACzD,SACIC,GAAG,EACHC,WAAW,EAEXC,IAAI,EACJC,KAAK,EAELC,KAAK,EACLC,IAAI,EACJC,KAAK,EACLC,OAAO,EACPC,eAAe,QACZ,gBAAgB;AAEvB,OAAOC,eAAe,0BAA0B;AAchD,OAAO,MAAMC,iBAAiB,CAAC,EAC3BC,QAAQ,EACRC,aAAa,EACbC,KAAK,EACL,cAAc;AACdC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACR,GAAGC,QACkC;IACrC,MAAMC,QAAQX;IACd,MAAM,EAACY,OAAO,EAAEC,EAAE,EAAC,GAAGZ,UAAU,MAAM;QAACK;QAAYQ,MAAM;QAAkBN;QAAQC;IAAQ;IAC3F,qBACI,MAACb;QAAMW,WAAWM,GAAGD,QAAQG,IAAI,EAAER;QAAYS,SAAS;QAAGC,KAAK;QAAKC,KAAK;QAAI,GAAGR,MAAM;;0BACnF,KAAClB;0BACG,cAAA,MAACG;oBAAMY,WAAWK,QAAQO,MAAM;oBAAEC,UAAS;oBAAQC,IAAG;oBAAKC,IAAG;oBAAKC,IAAG;oBAASC,MAAM;;sCACjF,MAAC7B;4BAAMqB,SAAQ;4BAAKQ,MAAM;;8CACtB,KAAC1B;oCAAM2B,OAAM;oCAASC,OAAO;8CAAG;;gCAG/B,CAAC,CAACtB,+BACC,KAACL;oCAAQ4B,OAAOvB;oCAAegB,UAAS;oCAAQH,KAAK;8CACjD,cAAA,KAAC1B;wCAAaqC,QAAQ;wCAAIrB,WAAWK,QAAQiB,QAAQ;;;;;sCAIjE,KAAChC;4BAAKiC,WAAW;4BAAGL,OAAM;sCACrBpB;;sCAEL,MAACV;4BAAMqB,SAAQ;4BAAKQ,MAAM;;8CACtB,KAAC/B;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACvC;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;8CACxC,KAACvC;oCAAYgC,OAAOd,MAAMoB,MAAM,CAACC,IAAI,CAAC,EAAE;;;;;;;0BAIpD,KAACtC;gBAAKa,WAAWK,QAAQqB,OAAO;gBAAEC,GAAE;gBAAKC,WAAU;0BAC9ChC;;;;AAIjB,EAAE"}

package/dist/esm/components/browser-preview/BrowserPreview.styles.js

@@ -1,25 +1,23 @@
-import { createStyles } from "@mantine/core";
-export default createStyles(function(theme) {
-    return {
+import { createStyles } from '@mantine/core';
+export default createStyles((theme)=>({
         root: {
             boxShadow: theme.shadows.md,
             borderRadius: theme.defaultRadius,
-            border: "1px solid",
+            border: '1px solid',
             borderColor: theme.colors.gray[3],
             flex: 1
         },
         header: {
             boxShadow: theme.shadows.xs,
-            borderRadius: "".concat(theme.defaultRadius, "px ").concat(theme.defaultRadius, "px 0 0")
+            borderRadius: `${theme.defaultRadius}px ${theme.defaultRadius}px 0 0`
         },
         content: {
-            overflow: "auto",
+            overflow: 'auto',
             flexGrow: 1
         },
         infoIcon: {
             color: theme.colors.gray[5]
         }
-    };
-});
+    }));
 
 //# sourceMappingURL=BrowserPreview.styles.js.map

package/dist/esm/components/browser-preview/BrowserPreview.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n    root: {\n        boxShadow: theme.shadows.md,\n        borderRadius: theme.defaultRadius,\n        border: '1px solid',\n        borderColor: theme.colors.gray[3],\n        flex: 1,\n    },\n    header: {boxShadow: theme.shadows.xs, borderRadius: `${theme.defaultRadius}px ${theme.defaultRadius}px 0 0`},\n    content: {overflow: 'auto', flexGrow: 1},\n    infoIcon: {color: theme.colors.gray[5]},\n}));\n"],"names":["createStyles","theme","root","boxShadow","shadows","md","borderRadius","defaultRadius","border","borderColor","colors","gray","flex","header","xs","content","overflow","flexGrow","infoIcon","color"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,SAACC;WAAW;QACpCC,MAAM;YACFC,WAAWF,MAAMG,OAAO,CAACC,EAAE;YAC3BC,cAAcL,MAAMM,aAAa;YACjCC,QAAQ;YACRC,aAAaR,MAAMS,MAAM,CAACC,IAAI,CAAC,EAAE;YACjCC,MAAM;QACV;QACAC,QAAQ;YAACV,WAAWF,MAAMG,OAAO,CAACU,EAAE;YAAER,cAAc,AAAC,GAA2BL,OAAzBA,MAAMM,aAAa,EAAC,OAAyB,OAApBN,MAAMM,aAAa,EAAC;QAAO;QAC3GQ,SAAS;YAACC,UAAU;YAAQC,UAAU;QAAC;QACvCC,UAAU;YAACC,OAAOlB,MAAMS,MAAM,CAACC,IAAI,CAAC,EAAE;QAAA;IAC1C;GAAI"}
+{"version":3,"sources":["../../../../src/components/browser-preview/BrowserPreview.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport default createStyles((theme) => ({\n    root: {\n        boxShadow: theme.shadows.md,\n        borderRadius: theme.defaultRadius,\n        border: '1px solid',\n        borderColor: theme.colors.gray[3],\n        flex: 1,\n    },\n    header: {boxShadow: theme.shadows.xs, borderRadius: `${theme.defaultRadius}px ${theme.defaultRadius}px 0 0`},\n    content: {overflow: 'auto', flexGrow: 1},\n    infoIcon: {color: theme.colors.gray[5]},\n}));\n"],"names":["createStyles","theme","root","boxShadow","shadows","md","borderRadius","defaultRadius","border","borderColor","colors","gray","flex","header","xs","content","overflow","flexGrow","infoIcon","color"],"mappings":"AAAA,SAAQA,YAAY,QAAO,gBAAgB;AAE3C,eAAeA,aAAa,CAACC,QAAW,CAAA;QACpCC,MAAM;YACFC,WAAWF,MAAMG,OAAO,CAACC,EAAE;YAC3BC,cAAcL,MAAMM,aAAa;YACjCC,QAAQ;YACRC,aAAaR,MAAMS,MAAM,CAACC,IAAI,CAAC,EAAE;YACjCC,MAAM;QACV;QACAC,QAAQ;YAACV,WAAWF,MAAMG,OAAO,CAACU,EAAE;YAAER,cAAc,CAAC,EAAEL,MAAMM,aAAa,CAAC,GAAG,EAAEN,MAAMM,aAAa,CAAC,MAAM,CAAC;QAAA;QAC3GQ,SAAS;YAACC,UAAU;YAAQC,UAAU;QAAC;QACvCC,UAAU;YAACC,OAAOlB,MAAMS,MAAM,CAACC,IAAI,CAAC,EAAE;QAAA;IAC1C,CAAA,GAAI"}

package/dist/esm/components/browser-preview/index.js

@@ -1,3 +1,3 @@
-export * from "./BrowserPreview";
+export * from './BrowserPreview';
 
 //# sourceMappingURL=index.js.map

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

@@ -1,99 +1,48 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
-import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Button as MantineButton } from "@mantine/core";
-import { forwardRef, useState } from "react";
-import { createPolymorphicComponent } from "../../utils";
-import { ButtonWithDisabledTooltip } from "./ButtonWithDisabledTooltip";
-var useLoadingHandler = function(handler) {
-    var _useState = _sliced_to_array(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);
-        };
-    }();
+import { Button as MantineButton } from '@mantine/core';
+import { forwardRef, useState } from 'react';
+import { createPolymorphicComponent } from '../../utils';
+import { ButtonWithDisabledTooltip } from './ButtonWithDisabledTooltip';
+const useLoadingHandler = (handler)=>{
+    const [isLoading, setIsLoading] = useState(false);
+    const handleClick = async (event)=>{
+        const possiblePromise = handler?.(event);
+        try {
+            if (possiblePromise instanceof Promise) {
+                setIsLoading(true);
+                await possiblePromise;
+                setIsLoading(false);
+            }
+        } catch (err) {
+            setIsLoading(false);
+            console.error(err);
+        }
+    };
     return {
-        isLoading: isLoading,
-        handleClick: handleClick
+        isLoading,
+        handleClick
     };
 };
-var _Button = /*#__PURE__*/ 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, [
-        "disabledTooltip",
-        "disabled",
-        "disabledTooltipProps",
-        "loading",
-        "onClick"
-    ]);
-    var _useLoadingHandler = useLoadingHandler(onClick), isLoading = _useLoadingHandler.isLoading, handleClick = _useLoadingHandler.handleClick;
+const _Button = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, disabledTooltipProps, loading, onClick, ...others }, ref)=>{
+    const { isLoading, handleClick } = useLoadingHandler(onClick);
     return /*#__PURE__*/ _jsx(ButtonWithDisabledTooltip, {
         disabled: disabled,
         disabledTooltip: disabledTooltip,
         disabledTooltipProps: disabledTooltipProps,
         fullWidth: others.fullWidth,
-        children: /*#__PURE__*/ _jsx(MantineButton, _object_spread({
+        children: /*#__PURE__*/ _jsx(MantineButton, {
             loaderProps: {
-                variant: "oval"
+                variant: 'oval'
             },
             ref: ref,
             loading: isLoading || loading,
             onClick: handleClick,
-            disabled: disabled
-        }, others))
+            disabled: disabled,
+            ...others
+        })
     });
 });
-export var Button = createPolymorphicComponent(_Button);
+export const Button = createPolymorphicComponent(_Button);
 Button.Group = MantineButton.Group;
 
 //# sourceMappingURL=Button.js.map

package/dist/esm/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","MantineButton","forwardRef","useState","createPolymorphicComponent","ButtonWithDisabledTooltip","useLoadingHandler","handler","isLoading","setIsLoading","handleClick","event","possiblePromise","err","Promise","console","error","_Button","ref","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","fullWidth","loaderProps","variant","Group"],"mappings":";;;;;;;AAAA,SAAQA,UAAUC,aAAa,QAA0C,gBAAgB;AACzF,SAAQC,UAAU,EAAiCC,QAAQ,QAAO,QAAQ;AAE1E,SAAQC,0BAA0B,QAAO,cAAc;AACvD,SAAQC,yBAAyB,QAAuC,8BAA8B;AAOtG,IAAMC,oBAAoB,SAACC;IACvB,IAAkCJ,6BAAAA,SAAS,YAApCK,YAA2BL,cAAhBM,eAAgBN;IAElC,IAAMO;mBAAc,oBAAA,SAAOC;gBACUJ,UAA3BK,iBAOGC;;;;wBAPHD,mBAA2BL,WAAAA,qBAAAA,+BAAAA,SAAUI;;;;;;;;;6BAEnCC,AAAe,YAAfA,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,wBAAUf,WACZ,iBAAiFgB;QAA/EC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,iBAAAA,SAASC,iBAAAA,SAAYC;QAAtEL;QAAiBC;QAAUC;QAAsBC;QAASC;;IACxD,IAAiCjB,qBAAAA,kBAAkBiB,UAA5Cf,YAA0BF,mBAA1BE,WAAWE,cAAeJ,mBAAfI;IAClB,qBACI,KAACL;QACGe,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBI,WAAWD,OAAOC,SAAS;kBAE3B,cAAA,KAACxB;YACGyB,aAAa;gBAACC,SAAS;YAAM;YAC7BT,KAAKA;YACLI,SAASd,aAAac;YACtBC,SAASb;YACTU,UAAUA;WACNI;;AAIpB;AAGJ,OAAO,IAAMxB,SAASI,2BAAuFa,SAAS;AACtHjB,OAAO4B,KAAK,GAAG3B,cAAc2B,KAAK"}
+{"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","MantineButton","forwardRef","useState","createPolymorphicComponent","ButtonWithDisabledTooltip","useLoadingHandler","handler","isLoading","setIsLoading","handleClick","event","possiblePromise","Promise","err","console","error","_Button","disabledTooltip","disabled","disabledTooltipProps","loading","onClick","others","ref","fullWidth","loaderProps","variant","Group"],"mappings":";AAAA,SAAQA,UAAUC,aAAa,QAA0C,gBAAgB;AACzF,SAAQC,UAAU,EAAiCC,QAAQ,QAAO,QAAQ;AAE1E,SAAQC,0BAA0B,QAAO,cAAc;AACvD,SAAQC,yBAAyB,QAAuC,8BAA8B;AAOtG,MAAMC,oBAAoB,CAACC;IACvB,MAAM,CAACC,WAAWC,aAAa,GAAGN,SAAS;IAE3C,MAAMO,cAAc,OAAOC;QACvB,MAAMC,kBAA2BL,UAAUI;QAC3C,IAAI;YACA,IAAIC,2BAA2BC,SAAS;gBACpCJ,aAAa;gBACb,MAAMG;gBACNH,aAAa;YACjB;QACJ,EAAE,OAAOK,KAAK;YACVL,aAAa;YACbM,QAAQC,KAAK,CAACF;QAClB;IACJ;IAEA,OAAO;QAACN;QAAWE;IAAW;AAClC;AAEA,MAAMO,wBAAUf,WACZ,CAAC,EAACgB,eAAe,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGC,QAAO,EAAEC;IAC7E,MAAM,EAAChB,SAAS,EAAEE,WAAW,EAAC,GAAGJ,kBAAkBgB;IACnD,qBACI,KAACjB;QACGc,UAAUA;QACVD,iBAAiBA;QACjBE,sBAAsBA;QACtBK,WAAWF,OAAOE,SAAS;kBAE3B,cAAA,KAACxB;YACGyB,aAAa;gBAACC,SAAS;YAAM;YAC7BH,KAAKA;YACLH,SAASb,aAAaa;YACtBC,SAASZ;YACTS,UAAUA;YACT,GAAGI,MAAM;;;AAI1B;AAGJ,OAAO,MAAMvB,SAASI,2BAAuFa,SAAS;AACtHjB,OAAO4B,KAAK,GAAG3B,cAAc2B,KAAK"}

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

@@ -1,37 +1,25 @@
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Tooltip } from "@mantine/core";
-import { forwardRef } from "react";
-import { createPolymorphicComponent } from "../../utils";
-var _ButtonWithDisabledTooltip = /*#__PURE__*/ forwardRef(function(_param, ref) {
-    var disabledTooltip = _param.disabledTooltip, disabled = _param.disabled, children = _param.children, disabledTooltipProps = _param.disabledTooltipProps, fullWidth = _param.fullWidth, others = _object_without_properties(_param, [
-        "disabledTooltip",
-        "disabled",
-        "children",
-        "disabledTooltipProps",
-        "fullWidth"
-    ]);
-    return disabledTooltip ? /*#__PURE__*/ _jsx(Tooltip, _object_spread_props(_object_spread({
+import { Box, Tooltip } from '@mantine/core';
+import { forwardRef } from 'react';
+import { createPolymorphicComponent } from '../../utils';
+const _ButtonWithDisabledTooltip = /*#__PURE__*/ forwardRef(({ disabledTooltip, disabled, children, disabledTooltipProps, fullWidth, ...others }, ref)=>disabledTooltip ? /*#__PURE__*/ _jsx(Tooltip, {
         label: disabledTooltip,
-        disabled: !disabled
-    }, disabledTooltipProps), {
-        children: /*#__PURE__*/ _jsx(Box, _object_spread_props(_object_spread({
+        disabled: !disabled,
+        ...disabledTooltipProps,
+        children: /*#__PURE__*/ _jsx(Box, {
             ref: ref,
             sx: {
-                "&:hover": {
-                    cursor: "not-allowed"
+                '&:hover': {
+                    cursor: 'not-allowed'
                 },
-                width: fullWidth && "100%"
-            }
-        }, others), {
+                width: fullWidth && '100%'
+            },
+            ...others,
             children: children
-        }))
-    })) : /*#__PURE__*/ _jsx(_Fragment, {
+        })
+    }) : /*#__PURE__*/ _jsx(_Fragment, {
         children: children
-    });
-});
-export var ButtonWithDisabledTooltip = createPolymorphicComponent(_ButtonWithDisabledTooltip);
+    }));
+export const ButtonWithDisabledTooltip = createPolymorphicComponent(_ButtonWithDisabledTooltip);
 
 //# sourceMappingURL=ButtonWithDisabledTooltip.js.map

package/dist/esm/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":["Box","Tooltip","forwardRef","createPolymorphicComponent","_ButtonWithDisabledTooltip","ref","disabledTooltip","disabled","children","disabledTooltipProps","fullWidth","others","label","sx","cursor","width","ButtonWithDisabledTooltip"],"mappings":";;;;AAAA,SAAQA,GAAG,EAAEC,OAAO,QAAqB,gBAAgB;AACzD,SAAQC,UAAU,QAAkB,QAAQ;AAE5C,SAAQC,0BAA0B,QAAO,cAAc;AAsBvD,IAAMC,2CAA6BF,WAC/B,iBAAoFG;QAAlFC,yBAAAA,iBAAiBC,kBAAAA,UAAUC,kBAAAA,UAAUC,8BAAAA,sBAAsBC,mBAAAA,WAAcC;QAAzEL;QAAiBC;QAAUC;QAAUC;QAAsBC;;WACzDJ,gCACI,KAACL;QAAQW,OAAON;QAAiBC,UAAU,CAACA;OAAcE;kBACtD,cAAA,KAACT;YAAIK,KAAKA;YAAKQ,IAAI;gBAAC,WAAW;oBAACC,QAAQ;gBAAa;gBAAGC,OAAOL,aAAa;YAAM;WAAOC;sBACpFH;;wBAIT;kBAAGA;;AACP;AAGR,OAAO,IAAMQ,4BAA4Bb,2BACrCC,4BACF"}
+{"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":["Box","Tooltip","forwardRef","createPolymorphicComponent","_ButtonWithDisabledTooltip","disabledTooltip","disabled","children","disabledTooltipProps","fullWidth","others","ref","label","sx","cursor","width","ButtonWithDisabledTooltip"],"mappings":";AAAA,SAAQA,GAAG,EAAEC,OAAO,QAAqB,gBAAgB;AACzD,SAAQC,UAAU,QAAkB,QAAQ;AAE5C,SAAQC,0BAA0B,QAAO,cAAc;AAsBvD,MAAMC,2CAA6BF,WAC/B,CAAC,EAACG,eAAe,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,oBAAoB,EAAEC,SAAS,EAAE,GAAGC,QAAO,EAAEC,MAChFN,gCACI,KAACJ;QAAQW,OAAOP;QAAiBC,UAAU,CAACA;QAAW,GAAGE,oBAAoB;kBAC1E,cAAA,KAACR;YAAIW,KAAKA;YAAKE,IAAI;gBAAC,WAAW;oBAACC,QAAQ;gBAAa;gBAAGC,OAAON,aAAa;YAAM;YAAI,GAAGC,MAAM;sBAC1FH;;uBAIT;kBAAGA;;AAIf,OAAO,MAAMS,4BAA4Bb,2BACrCC,4BACF"}

package/dist/esm/components/button/index.js

@@ -1,3 +1,3 @@
-export * from "./Button";
+export * from './Button';
 
 //# sourceMappingURL=index.js.map