@coveord/plasma-mantine 52.27.4 → 53.0.0

package/dist/esm/components/table/table-predicate/TablePredicate.js

@@ -1,15 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid, Group, Select, Text } from '@mantine/core';
-import { TableComponentsOrder } from '../Table.styles';
-import { useTable } from '../TableContext';
-import useStyles from './TablePredicate.styles';
-export const TablePredicate = ({ id, data, label, classNames, styles, unstyled, ...others })=>{
-    const { classes } = useStyles(null, {
-        name: 'TablePredicate',
-        classNames,
-        styles,
-        unstyled
-    });
+import { factory, Grid, Group, Select, Text, useProps } from '@mantine/core';
+import { TableComponentsOrder } from '../Table';
+import { useTable, useTableStyles } from '../TableContext';
+const defaultProps = {};
+export const TablePredicate = factory((props, ref)=>{
+    const ctx = useTableStyles();
+    const { id, data, label, classNames, className, styles, style, vars, ...others } = useProps('PlasmaTablePredicate', defaultProps, props);
     const { form, setState } = useTable();
     const handleChange = (newValue)=>{
         form.setFieldValue('predicates', {
@@ -24,35 +20,45 @@ export const TablePredicate = ({ id, data, label, classNames, styles, unstyled,
                 } : prevState.pagination
             }));
     };
+    const stylesApiProps = {
+        classNames,
+        styles
+    };
     return /*#__PURE__*/ _jsx(Grid.Col, {
         span: "content",
         order: TableComponentsOrder.Predicate,
-        py: "sm",
-        className: classes.root,
+        ref: ref,
+        ...ctx.getStyles('predicate', {
+            className,
+            style,
+            ...stylesApiProps
+        }),
         ...others,
         children: /*#__PURE__*/ _jsxs(Group, {
-            spacing: "xs",
-            className: classes.wrapper,
+            gap: "xs",
+            ...ctx.getStyles('predicateWrapper', stylesApiProps),
             children: [
                 label ? /*#__PURE__*/ _jsxs(Text, {
-                    className: classes.label,
+                    ...ctx.getStyles('predicateLabel', stylesApiProps),
                     children: [
                         label,
                         ":"
                     ]
                 }) : null,
                 /*#__PURE__*/ _jsx(Select, {
-                    withinPortal: true,
+                    comboboxProps: {
+                        withinPortal: true
+                    },
                     value: form.values.predicates[id],
                     onChange: handleChange,
                     data: data,
                     "aria-label": label ?? id,
                     searchable: data.length > 7,
-                    className: classes.select
+                    ...ctx.getStyles('predicateSelect', stylesApiProps)
                 })
             ]
         })
     });
-};
+});
 
 //# sourceMappingURL=TablePredicate.js.map

package/dist/esm/components/table/table-predicate/TablePredicate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"sourcesContent":["import {Grid, Group, Select, Text} from '@mantine/core';\nimport {FunctionComponent} from 'react';\n\nimport {TableComponentsOrder} from '../Table.styles';\nimport {useTable} from '../TableContext';\nimport useStyles from './TablePredicate.styles';\nimport {TablePredicateProps} from './TablePredicate.types';\n\nexport const TablePredicate: FunctionComponent<TablePredicateProps> = ({\n    id,\n    data,\n    label,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n}) => {\n    const {classes} = useStyles(null, {name: 'TablePredicate', classNames, styles, unstyled});\n    const {form, setState} = useTable();\n\n    const handleChange = (newValue: string) => {\n        form.setFieldValue('predicates', {...form.values.predicates, [id]: newValue});\n        setState((prevState) => ({\n            ...prevState,\n            pagination: prevState.pagination\n                ? {pageIndex: 0, pageSize: prevState.pagination.pageSize}\n                : prevState.pagination,\n        }));\n    };\n\n    return (\n        <Grid.Col span=\"content\" order={TableComponentsOrder.Predicate} py=\"sm\" className={classes.root} {...others}>\n            <Group spacing=\"xs\" className={classes.wrapper}>\n                {label ? <Text className={classes.label}>{label}:</Text> : null}\n                <Select\n                    withinPortal\n                    value={form.values.predicates[id]}\n                    onChange={handleChange}\n                    data={data}\n                    aria-label={label ?? id}\n                    searchable={data.length > 7}\n                    className={classes.select}\n                />\n            </Group>\n        </Grid.Col>\n    );\n};\n"],"names":["Grid","Group","Select","Text","TableComponentsOrder","useTable","useStyles","TablePredicate","id","data","label","classNames","styles","unstyled","others","classes","name","form","setState","handleChange","newValue","setFieldValue","values","predicates","prevState","pagination","pageIndex","pageSize","Col","span","order","Predicate","py","className","root","spacing","wrapper","withinPortal","value","onChange","aria-label","searchable","length","select"],"mappings":";AAAA,SAAQA,IAAI,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,QAAO,gBAAgB;AAGxD,SAAQC,oBAAoB,QAAO,kBAAkB;AACrD,SAAQC,QAAQ,QAAO,kBAAkB;AACzC,OAAOC,eAAe,0BAA0B;AAGhD,OAAO,MAAMC,iBAAyD,CAAC,EACnEC,EAAE,EACFC,IAAI,EACJC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,QAAQ,EACR,GAAGC,QACN;IACG,MAAM,EAACC,OAAO,EAAC,GAAGT,UAAU,MAAM;QAACU,MAAM;QAAkBL;QAAYC;QAAQC;IAAQ;IACvF,MAAM,EAACI,IAAI,EAAEC,QAAQ,EAAC,GAAGb;IAEzB,MAAMc,eAAe,CAACC;QAClBH,KAAKI,aAAa,CAAC,cAAc;YAAC,GAAGJ,KAAKK,MAAM,CAACC,UAAU;YAAE,CAACf,GAAG,EAAEY;QAAQ;QAC3EF,SAAS,CAACM,YAAe,CAAA;gBACrB,GAAGA,SAAS;gBACZC,YAAYD,UAAUC,UAAU,GAC1B;oBAACC,WAAW;oBAAGC,UAAUH,UAAUC,UAAU,CAACE,QAAQ;gBAAA,IACtDH,UAAUC,UAAU;YAC9B,CAAA;IACJ;IAEA,qBACI,KAACzB,KAAK4B,GAAG;QAACC,MAAK;QAAUC,OAAO1B,qBAAqB2B,SAAS;QAAEC,IAAG;QAAKC,WAAWlB,QAAQmB,IAAI;QAAG,GAAGpB,MAAM;kBACvG,cAAA,MAACb;YAAMkC,SAAQ;YAAKF,WAAWlB,QAAQqB,OAAO;;gBACzC1B,sBAAQ,MAACP;oBAAK8B,WAAWlB,QAAQL,KAAK;;wBAAGA;wBAAM;;qBAAW;8BAC3D,KAACR;oBACGmC,YAAY;oBACZC,OAAOrB,KAAKK,MAAM,CAACC,UAAU,CAACf,GAAG;oBACjC+B,UAAUpB;oBACVV,MAAMA;oBACN+B,cAAY9B,SAASF;oBACrBiC,YAAYhC,KAAKiC,MAAM,GAAG;oBAC1BT,WAAWlB,QAAQ4B,MAAM;;;;;AAK7C,EAAE"}
+{"version":3,"sources":["../../../../../src/components/table/table-predicate/TablePredicate.tsx"],"sourcesContent":["import {BoxProps, ComboboxData, factory, Factory, Grid, Group, Select, Text, useProps} from '@mantine/core';\nimport {CompoundStylesApiProps} from '@mantine/core/lib/core/styles-api/styles-api.types';\nimport {FunctionComponent} from 'react';\n\nimport {TableComponentsOrder} from '../Table';\nimport {useTable, useTableStyles} from '../TableContext';\n\nexport type TablePredicateStylesNames = 'predicate' | 'predicateWrapper' | 'predicateLabel' | 'predicateSelect';\n\nexport interface TablePredicateProps extends BoxProps, CompoundStylesApiProps<TablePredicateFactory> {\n    /**\n     * Unique identifier for this predicate. Will be used to access the selected value in the table state\n     */\n    id: string;\n    /**\n     * The values to display in the predicate\n     */\n    data: ComboboxData;\n    /**\n     * Input label (not displayed for now)\n     *\n     * @default default to the predicate id\n     */\n    label?: string;\n}\n\nexport type TablePredicateFactory = Factory<{\n    props: TablePredicateProps;\n    ref: HTMLDivElement;\n    stylesNames: TablePredicateStylesNames;\n    compound: true;\n}>;\n\nconst defaultProps: Partial<TablePredicateProps> = {};\n\nexport const TablePredicate: FunctionComponent<TablePredicateProps> = factory<TablePredicateFactory>((props, ref) => {\n    const ctx = useTableStyles();\n    const {id, data, label, classNames, className, styles, style, vars, ...others} = useProps(\n        'PlasmaTablePredicate',\n        defaultProps,\n        props,\n    );\n    const {form, setState} = useTable();\n\n    const handleChange = (newValue: string) => {\n        form.setFieldValue('predicates', {...form.values.predicates, [id]: newValue});\n        setState((prevState) => ({\n            ...prevState,\n            pagination: prevState.pagination\n                ? {pageIndex: 0, pageSize: prevState.pagination.pageSize}\n                : prevState.pagination,\n        }));\n    };\n\n    const stylesApiProps = {classNames, styles};\n\n    return (\n        <Grid.Col\n            span=\"content\"\n            order={TableComponentsOrder.Predicate}\n            ref={ref}\n            {...ctx.getStyles('predicate', {className, style, ...stylesApiProps})}\n            {...others}\n        >\n            <Group gap=\"xs\" {...ctx.getStyles('predicateWrapper', stylesApiProps)}>\n                {label ? <Text {...ctx.getStyles('predicateLabel', stylesApiProps)}>{label}:</Text> : null}\n                <Select\n                    comboboxProps={{withinPortal: true}}\n                    value={form.values.predicates[id]}\n                    onChange={handleChange}\n                    data={data}\n                    aria-label={label ?? id}\n                    searchable={data.length > 7}\n                    {...ctx.getStyles('predicateSelect', stylesApiProps)}\n                />\n            </Group>\n        </Grid.Col>\n    );\n});\n"],"names":["factory","Grid","Group","Select","Text","useProps","TableComponentsOrder","useTable","useTableStyles","defaultProps","TablePredicate","props","ref","ctx","id","data","label","classNames","className","styles","style","vars","others","form","setState","handleChange","newValue","setFieldValue","values","predicates","prevState","pagination","pageIndex","pageSize","stylesApiProps","Col","span","order","Predicate","getStyles","gap","comboboxProps","withinPortal","value","onChange","aria-label","searchable","length"],"mappings":";AAAA,SAAgCA,OAAO,EAAWC,IAAI,EAAEC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,QAAQ,QAAO,gBAAgB;AAI5G,SAAQC,oBAAoB,QAAO,WAAW;AAC9C,SAAQC,QAAQ,EAAEC,cAAc,QAAO,kBAAkB;AA4BzD,MAAMC,eAA6C,CAAC;AAEpD,OAAO,MAAMC,iBAAyDV,QAA+B,CAACW,OAAOC;IACzG,MAAMC,MAAML;IACZ,MAAM,EAACM,EAAE,EAAEC,IAAI,EAAEC,KAAK,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGC,QAAO,GAAGjB,SAC7E,wBACAI,cACAE;IAEJ,MAAM,EAACY,IAAI,EAAEC,QAAQ,EAAC,GAAGjB;IAEzB,MAAMkB,eAAe,CAACC;QAClBH,KAAKI,aAAa,CAAC,cAAc;YAAC,GAAGJ,KAAKK,MAAM,CAACC,UAAU;YAAE,CAACf,GAAG,EAAEY;QAAQ;QAC3EF,SAAS,CAACM,YAAe,CAAA;gBACrB,GAAGA,SAAS;gBACZC,YAAYD,UAAUC,UAAU,GAC1B;oBAACC,WAAW;oBAAGC,UAAUH,UAAUC,UAAU,CAACE,QAAQ;gBAAA,IACtDH,UAAUC,UAAU;YAC9B,CAAA;IACJ;IAEA,MAAMG,iBAAiB;QAACjB;QAAYE;IAAM;IAE1C,qBACI,KAAClB,KAAKkC,GAAG;QACLC,MAAK;QACLC,OAAO/B,qBAAqBgC,SAAS;QACrC1B,KAAKA;QACJ,GAAGC,IAAI0B,SAAS,CAAC,aAAa;YAACrB;YAAWE;YAAO,GAAGc,cAAc;QAAA,EAAE;QACpE,GAAGZ,MAAM;kBAEV,cAAA,MAACpB;YAAMsC,KAAI;YAAM,GAAG3B,IAAI0B,SAAS,CAAC,oBAAoBL,eAAe;;gBAChElB,sBAAQ,MAACZ;oBAAM,GAAGS,IAAI0B,SAAS,CAAC,kBAAkBL,eAAe;;wBAAGlB;wBAAM;;qBAAW;8BACtF,KAACb;oBACGsC,eAAe;wBAACC,cAAc;oBAAI;oBAClCC,OAAOpB,KAAKK,MAAM,CAACC,UAAU,CAACf,GAAG;oBACjC8B,UAAUnB;oBACVV,MAAMA;oBACN8B,cAAY7B,SAASF;oBACrBgC,YAAY/B,KAAKgC,MAAM,GAAG;oBACzB,GAAGlC,IAAI0B,SAAS,CAAC,mBAAmBL,eAAe;;;;;AAKxE,GAAG"}

package/dist/esm/hooks/useClickWithLoading.d.ts

@@ -0,0 +1,6 @@
+import { MouseEvent, MouseEventHandler } from 'react';
+export declare const useClickWithLoading: (handler?: MouseEventHandler<HTMLButtonElement>) => {
+    isLoading: boolean;
+    handleClick: (event: MouseEvent<HTMLButtonElement>) => Promise<void>;
+};
+//# sourceMappingURL=useClickWithLoading.d.ts.map

package/dist/esm/hooks/useClickWithLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickWithLoading.d.ts","sourceRoot":"","sources":["../../../src/hooks/useClickWithLoading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE9D,eAAO,MAAM,mBAAmB,aAAc,kBAAkB,iBAAiB,CAAC;;yBAG5C,WAAW,iBAAiB,CAAC;CAelE,CAAC"}

package/dist/esm/hooks/useClickWithLoading.js

@@ -0,0 +1,23 @@
+import { useState } from 'react';
+export const useClickWithLoading = (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,
+        handleClick
+    };
+};
+
+//# sourceMappingURL=useClickWithLoading.js.map

package/dist/esm/hooks/useClickWithLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useClickWithLoading.ts"],"sourcesContent":["import {MouseEvent, MouseEventHandler, useState} from 'react';\n\nexport const useClickWithLoading = (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"],"names":["useState","useClickWithLoading","handler","isLoading","setIsLoading","handleClick","event","possiblePromise","Promise","err","console","error"],"mappings":"AAAA,SAAuCA,QAAQ,QAAO,QAAQ;AAE9D,OAAO,MAAMC,sBAAsB,CAACC;IAChC,MAAM,CAACC,WAAWC,aAAa,GAAGJ,SAAS;IAE3C,MAAMK,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,EAAE"}

package/dist/esm/index.d.ts

@@ -1,21 +1,21 @@
-import { Tuple } from '@mantine/core';
+import { MantineColorsTuple } from '@mantine/core';
+import { noop } from '@mantine/core';
 import { PlasmaColors } from './theme/PlasmaColors';
-export * from '@mantine/notifications';
 export * from '@mantine/carousel';
 export * from '@mantine/core';
-export type { FormValidateInput } from '@mantine/form/lib/types';
+export { Pagination } from '@mantine/core';
+export * from '@mantine/form';
 export * from '@mantine/hooks';
+export * from '@mantine/notifications';
+export { type NotificationsProps } from '@mantine/notifications';
 export * from '@tanstack/table-core';
 export * from './components';
-export * from '@mantine/form';
-export { type NotificationProps } from '@mantine/notifications';
-export { Pagination } from '@mantine/core';
-export { BrowserPreview, Header, type HeaderProps, Table, type TableProps, type TableState, type InitialTableState, ActionIcon, type ActionIconProps, Button, type ButtonProps, Menu, type MenuItemProps, CopyToClipboard, type CopyToClipboardProps, } from './components';
-export { useForm, createFormContext } from './form';
+export { noop };
+export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, Table, type ActionIconProps, type ButtonProps, type CopyToClipboardProps, type HeaderProps, type InitialTableState, type MenuItemProps, type TableProps, type TableState, } from './components';
 export * from './theme';
 declare module '@mantine/core' {
     interface MantineThemeColorsOverride {
-        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;
+        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;
     }
 }
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAC,MAAM,eAAe,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAElD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,YAAY,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC/D,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,KAAK,iBAAiB,EAAC,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AAEzC,OAAO,EACH,cAAc,EACd,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,EACL,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,UAAU,EACV,KAAK,eAAe,EACpB,MAAM,EACN,KAAK,WAAW,EAChB,IAAI,EACJ,KAAK,aAAa,EAClB,eAAe,EACf,KAAK,oBAAoB,GAC5B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,OAAO,EAAE,iBAAiB,EAAC,MAAM,QAAQ,CAAC;AAElD,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QAEvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;KAChF;CACJ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAElD,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAC,KAAK,kBAAkB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAC,IAAI,EAAC,CAAC;AAGd,OAAO,EACH,UAAU,EACV,cAAc,EACd,MAAM,EACN,eAAe,EACf,MAAM,EACN,IAAI,EACJ,KAAK,EACL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,UAAU,GAClB,MAAM,cAAc,CAAC;AAEtB,cAAc,SAAS,CAAC;AAExB,OAAO,QAAQ,eAAe,CAAC;IAC3B,UAAiB,0BAA0B;QAEvC,MAAM,EAAE,MAAM,CAAC,MAAM,OAAO,YAAY,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,kBAAkB,CAAC,CAAC;KACjF;CACJ"}

package/dist/esm/index.js

@@ -1,14 +1,15 @@
-export * from '@mantine/notifications';
+import { noop } from '@mantine/core';
 export * from '@mantine/carousel';
 export * from '@mantine/core';
+export { Pagination } from '@mantine/core';
+export * from '@mantine/form';
 export * from '@mantine/hooks';
+export * from '@mantine/notifications';
 export * from '@tanstack/table-core';
 export * from './components';
-export * from '@mantine/form';
-export { Pagination } from '@mantine/core';
+export { noop };
 // explicitly overriding mantine components
-export { BrowserPreview, Header, Table, ActionIcon, Button, Menu, CopyToClipboard } from './components';
-export { useForm, createFormContext } from './form';
+export { ActionIcon, BrowserPreview, Button, CopyToClipboard, Header, Menu, Table } from './components';
 export * from './theme';
 
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {Tuple} from '@mantine/core';\n\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/notifications';\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport type {FormValidateInput} from '@mantine/form/lib/types';\nexport * from '@mantine/hooks';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport * from '@mantine/form';\nexport {type NotificationProps} from '@mantine/notifications';\nexport {Pagination} from '@mantine/core';\n// explicitly overriding mantine components\nexport {\n    BrowserPreview,\n    Header,\n    type HeaderProps,\n    Table,\n    type TableProps,\n    type TableState,\n    type InitialTableState,\n    ActionIcon,\n    type ActionIconProps,\n    Button,\n    type ButtonProps,\n    Menu,\n    type MenuItemProps,\n    CopyToClipboard,\n    type CopyToClipboardProps,\n} from './components';\nexport {useForm, createFormContext} from './form';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), Tuple<string, 10>>;\n    }\n}\n"],"names":["Pagination","BrowserPreview","Header","Table","ActionIcon","Button","Menu","CopyToClipboard","useForm","createFormContext"],"mappings":"AAIA,cAAc,yBAAyB;AACvC,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAE9B,cAAc,iBAAiB;AAC/B,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAE9B,SAAQA,UAAU,QAAO,gBAAgB;AACzC,2CAA2C;AAC3C,SACIC,cAAc,EACdC,MAAM,EAENC,KAAK,EAILC,UAAU,EAEVC,MAAM,EAENC,IAAI,EAEJC,eAAe,QAEZ,eAAe;AACtB,SAAQC,OAAO,EAAEC,iBAAiB,QAAO,SAAS;AAElD,cAAc,UAAU"}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["import {MantineColorsTuple} from '@mantine/core';\n\nimport {noop} from '@mantine/core';\nimport {PlasmaColors} from './theme/PlasmaColors';\n\nexport * from '@mantine/carousel';\nexport * from '@mantine/core';\nexport {Pagination} from '@mantine/core';\nexport * from '@mantine/form';\nexport * from '@mantine/hooks';\nexport * from '@mantine/notifications';\nexport {type NotificationsProps} from '@mantine/notifications';\nexport * from '@tanstack/table-core';\nexport * from './components';\nexport {noop};\n\n// explicitly overriding mantine components\nexport {\n    ActionIcon,\n    BrowserPreview,\n    Button,\n    CopyToClipboard,\n    Header,\n    Menu,\n    Table,\n    type ActionIconProps,\n    type ButtonProps,\n    type CopyToClipboardProps,\n    type HeaderProps,\n    type InitialTableState,\n    type MenuItemProps,\n    type TableProps,\n    type TableState,\n} from './components';\n\nexport * from './theme';\n\ndeclare module '@mantine/core' {\n    export interface MantineThemeColorsOverride {\n        // eslint-disable-next-line @typescript-eslint/ban-types\n        colors: Record<keyof typeof PlasmaColors | (string & {}), MantineColorsTuple>;\n    }\n}\n"],"names":["noop","Pagination","ActionIcon","BrowserPreview","Button","CopyToClipboard","Header","Menu","Table"],"mappings":"AAEA,SAAQA,IAAI,QAAO,gBAAgB;AAGnC,cAAc,oBAAoB;AAClC,cAAc,gBAAgB;AAC9B,SAAQC,UAAU,QAAO,gBAAgB;AACzC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,yBAAyB;AAEvC,cAAc,uBAAuB;AACrC,cAAc,eAAe;AAC7B,SAAQD,IAAI,GAAE;AAEd,2CAA2C;AAC3C,SACIE,UAAU,EACVC,cAAc,EACdC,MAAM,EACNC,eAAe,EACfC,MAAM,EACNC,IAAI,EACJC,KAAK,QASF,eAAe;AAEtB,cAAc,UAAU"}

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

@@ -0,0 +1,6 @@
+.root {
+    &[data-disabled] {
+        color: var(--mantine-color-gray-4);
+        background-color: var(--mantine-color-gray-1);
+    }
+}

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

@@ -0,0 +1,3 @@
+.title {
+    font-weight: var(--font-weight-medium);
+}

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

@@ -0,0 +1,6 @@
+.root {
+    @mixin hover {
+        text-decoration: underline;
+        color: var(--mantine-color-action-8);
+    }
+}

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

@@ -0,0 +1,3 @@
+.navbar {
+    border-color: var(--mantine-color-gray-3);
+}

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

@@ -0,0 +1,5 @@
+.root {
+    text-transform: none;
+    padding: 4px 8px;
+    font-weight: 500;
+}

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

@@ -0,0 +1,3 @@
+.label {
+    font-weight: 400;
+}

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

@@ -0,0 +1,14 @@
+.label {
+    font-size: var(--mantine-font-size-sm);
+    font-weight: 300;
+}
+
+.input {
+    &[data-indeterminate] {
+        background-color: var(--mantine-color-pureWhite);
+        border-color: var(--mantine-color-gray-4);
+        & + svg {
+            color: var(--mantine-color-gray-6);
+        }
+    }
+}

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

@@ -0,0 +1,10 @@
+.search {
+    margin: 0 0 var(--mantine-spacing-xs);
+    border-radius: var(--mantine-radius-md);
+    border: 1px solid;
+    width: 100%;
+    border-color: var(--mantine-color-gray-4);
+    &:focus {
+        border-color: var(--mantine-primary-color-filled);
+    }
+}

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

@@ -0,0 +1,3 @@
+.monthCell {
+    text-align: center;
+}

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

@@ -0,0 +1,3 @@
+.input {
+    color: var(--mantine-color-gray-7);
+}

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

@@ -0,0 +1,16 @@
+.label {
+    margin-bottom: var(--mantine-spacing-xs);
+}
+
+.description {
+    font-size: var(--mantine-font-size-sm);
+    color: var(--mantine-color-gray-7);
+    margin-bottom: var(--mantine-spacing-xs);
+    line-height: var(--mantine-line-height);
+    font-weight: 300;
+}
+
+.error {
+    line-height: var(--mantine-line-height);
+    font-weight: 300;
+}

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

@@ -0,0 +1,3 @@
+.root {
+    list-style-type: disc;
+}

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

@@ -0,0 +1,59 @@
+.root {
+    &[data-full-screen] {
+        .content {
+            flex: 0 0 100%;
+        }
+    }
+    &[data-size='xs'] {
+        .content {
+            flex: 0 0 rem(432px);
+        }
+    }
+    &[data-size='sm'] {
+        .content {
+            flex: 0 0 rem(664px);
+        }
+    }
+    &[data-size='md'] {
+        .content {
+            flex: 0 0 rem(896px);
+        }
+    }
+    &[data-size='lg'] {
+        .content {
+            flex: 0 0 rem(1120px);
+        }
+    }
+    &[data-size='xl'] {
+        .content {
+            flex: 0 0 rem(88%);
+        }
+    }
+    &:not([data-size]) {
+        .content {
+            flex: 0 0 rem(896px);
+        }
+    }
+}
+
+.content {
+    overflow: auto;
+}
+
+.header {
+    border-bottom: 1px solid var(--mantine-color-gray-3);
+    align-items: flex-start;
+}
+
+.title {
+    width: 100%;
+    font-size: var(--mantine-h3-font-size);
+    line-height: var(--mantine-h3-line-height);
+    font-weight: 500;
+}
+
+.body {
+    &:where(:not(:only-child)) {
+        padding-top: var(--mb-padding, var(--mantine-spacing-md));
+    }
+}

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

@@ -0,0 +1,27 @@
+.root {
+    color: var(--mantine-color-gray-6);
+    line-height: var(--mantine-line-height);
+    border-radius: var(--mantine-radius-default) 0px 0px var(--mantine-radius-default);
+
+    &[data-active] {
+        color: var(--mantine-primary-color-6);
+    }
+
+    @mixin hover {
+        @mixin light {
+            &:where(:not([data-active])) {
+                background-color: var(--mantine-color-gray-1);
+            }
+        }
+    }
+}
+
+.label {
+    font-weight: 500;
+}
+
+.children {
+    & .label {
+        font-weight: 300;
+    }
+}

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

@@ -0,0 +1,19 @@
+.root {
+    border-color: var(--mantine-color-gray-3);
+    background-color: var(--mantine-color-gray-0);
+    box-shadow: var(--mantine-shadow-lg);
+    padding: var(--mantine-spacing-sm);
+    &[data-with-icon] {
+        padding-left: var(--mantine-spacing-sm);
+    }
+}
+
+.icon {
+    background-color: transparent;
+    margin-right: var(--mantine-spacing-sm);
+}
+
+.closeButton {
+    margin: var(--mantine-spacing-xs);
+    color: var(--mantine-color-gray-5);
+}

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

@@ -0,0 +1,4 @@
+.labelWrapper {
+    display: flex;
+    align-items: flex-start;
+}

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

@@ -0,0 +1,8 @@
+.viewport {
+    /* https://github.com/radix-ui/primitives/issues/926 */
+    &[data-radix-scroll-area-viewport] {
+        & > :first-of-type {
+            display: block !important;
+        }
+    }
+}

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

@@ -0,0 +1,3 @@
+.root {
+    background-color: var(--mantine-color-gray-2);
+}

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

@@ -0,0 +1,32 @@
+.input {
+    @mixin light {
+        color: var(--mantine-color-gray-7);
+    }
+    @mixin dark {
+        color: var(--mantine-color-dark-0);
+    }
+}
+
+.option {
+    padding: 12px 16px;
+    @mixin light {
+        color: var(--mantine-color-gray-7);
+        @mixin hover {
+            background-color: var(--mantine-color-gray-1);
+        }
+    }
+    @mixin dark {
+        color: var(--mantine-color-dark-0);
+        @mixin hover {
+            background-color: var(--mantine-color-dark-4);
+        }
+    }
+    &[aria-selected='true'] {
+        background-color: var(--mantine-color-action-1);
+        color: var(--mantine-color-action-6);
+        @mixin hover {
+            color: var(--mantine-color-action-6);
+            background-color: rgb(237, 246, 255, 0.65);
+        }
+    }
+}

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

@@ -0,0 +1,10 @@
+.root {
+    &[data-visible] {
+        &::before {
+            z-index: unset;
+        }
+        &::after {
+            z-index: unset;
+        }
+    }
+}

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

@@ -0,0 +1,55 @@
+.step {
+    &[disabled] {
+        color: var(--mantine-color-gray-5);
+        & .mantine-Stepper-stepDescription {
+            color: var(--mantine-color-gray-5);
+        }
+        & .mantine-Stepper-stepIcon {
+            border-color: var(--mantine-color-gray-1);
+        }
+    }
+}
+.stepIcon {
+    font-weight: 500;
+    background-color: var(--mantine-color-gray-1);
+    color: inherit;
+    border: rem(1) solid var(--mantine-color-gray-3);
+    &[data-progress] {
+        background-color: var(--mantine-color-white);
+        border-color: var(--step-color);
+    }
+    &[data-completed] {
+        background-color: var(--mantine-color-white);
+        border-color: var(--mantine-color-lime-6);
+        color: var(--mantine-color-lime-6);
+    }
+}
+.stepCompletedIcon {
+    color: var(--mantine-color-lime-6);
+    font-size: rem(16);
+}
+.stepDescription {
+    color: var(--mantine-color-gray-7);
+    &[data-size='xs'] {
+        font-size: var(--mantine-font-size-xs);
+    }
+    &[data-size='sm'] {
+        font-size: var(--mantine-font-size-sm);
+    }
+    &[data-size='md'] {
+        font-size: var(--mantine-font-size-md);
+    }
+    &[data-size='lg'] {
+        font-size: var(--mantine-font-size-lg);
+    }
+    &[data-size='xl'] {
+        font-size: var(--mantine-font-size-xl);
+    }
+}
+.separator {
+    height: rem(1);
+    background-color: var(--mantine-color-gray-3);
+}
+.verticalSeparator {
+    border-left: rem(1) solid var(--mantine-color-gray-3);
+}

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

@@ -0,0 +1,37 @@
+.list {
+    &[data-orientation='horizontal'] {
+        &::before {
+            border-style: none;
+        }
+        border-bottom: rem(1) solid var(--mantine-color-gray-3);
+    }
+    &[data-orientation='vertical'] {
+        &::before {
+            border-style: none;
+        }
+        border-right: rem(1) solid var(--mantine-color-gray-3);
+    }
+}
+
+.tab {
+    &[data-orientation='horizontal'] {
+        border-bottom: rem(1) solid transparent;
+        margin-bottom: rem(-1);
+        &[data-active] {
+            border-bottom: rem(1) solid var(--mantine-primary-color-6);
+        }
+    }
+    &[data-orientation='vertical'] {
+        border-right: rem(1) solid transparent;
+        margin-right: rem(-1);
+        &[data-active] {
+            border-bottom: rem(1) solid var(--mantine-primary-color-6);
+        }
+    }
+    & :hover {
+        background-color: var(--mantine-color-gray-0);
+    }
+    &:not([data-active]):hover {
+        border-color: var(--mantine-color-gray-3);
+    }
+}

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

@@ -0,0 +1,3 @@
+.root {
+    font-weight: 300;
+}

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

@@ -0,0 +1,5 @@
+.root {
+    &:is(h1, h2, h3, h4, h5, h6) {
+        letter-spacing: 0.011em;
+    }
+}

package/dist/esm/theme/PlasmaColors.d.ts

@@ -1,19 +1,20 @@
+import { MantineColorsTuple } from '@mantine/core';
 export declare const PlasmaColors: {
-    gray: [string, string, string, string, string, string, string, string, string, string];
-    action: [string, string, string, string, string, string, string, string, string, string];
-    navy: [string, string, string, string, string, string, string, string, string, string];
-    info: [string, string, string, string, string, string, string, string, string, string];
-    blue: [string, string, string, string, string, string, string, string, string, string];
-    red: [string, string, string, string, string, string, string, string, string, string];
-    critical: [string, string, string, string, string, string, string, string, string, string];
-    teal: [string, string, string, string, string, string, string, string, string, string];
-    new: [string, string, string, string, string, string, string, string, string, string];
-    yellow: [string, string, string, string, string, string, string, string, string, string];
-    warning: [string, string, string, string, string, string, string, string, string, string];
-    green: [string, string, string, string, string, string, string, string, string, string];
-    indigo: [string, string, string, string, string, string, string, string, string, string];
-    lime: [string, string, string, string, string, string, string, string, string, string];
-    success: [string, string, string, string, string, string, string, string, string, string];
-    purple: [string, string, string, string, string, string, string, string, string, string];
+    gray: MantineColorsTuple;
+    action: MantineColorsTuple;
+    navy: MantineColorsTuple;
+    info: MantineColorsTuple;
+    blue: MantineColorsTuple;
+    red: MantineColorsTuple;
+    critical: MantineColorsTuple;
+    teal: MantineColorsTuple;
+    new: MantineColorsTuple;
+    yellow: MantineColorsTuple;
+    warning: MantineColorsTuple;
+    green: MantineColorsTuple;
+    indigo: MantineColorsTuple;
+    lime: MantineColorsTuple;
+    success: MantineColorsTuple;
+    purple: MantineColorsTuple;
 };
 //# sourceMappingURL=PlasmaColors.d.ts.map