@coveord/plasma-mantine 52.27.4 → 53.0.1

package/src/theme/__tests__/mergeCSSVariablesResolvers.spec.ts

@@ -0,0 +1,48 @@
+import {DEFAULT_THEME} from '@mantine/core';
+import {mergeCSSVariablesResolvers} from '../mergeCSSVariablesResolvers';
+
+describe('mergeCSSVariablesResolvers', () => {
+    it('resolves to empty variables if no resolvers are given as argument', () => {
+        const resolver = mergeCSSVariablesResolvers();
+        expect(resolver(DEFAULT_THEME)).toEqual({variables: {}, dark: {}, light: {}});
+    });
+
+    it('does not crash on falsy values, it strips them out', () => {
+        const resolver1 = () => ({
+            variables: {'--mantine-variable-x': '#000'},
+            dark: {'--mantine-variable-x': '#fff'},
+            light: {'--mantine-variable-x': '#000'},
+        });
+        const resolver = mergeCSSVariablesResolvers(resolver1, undefined);
+        expect(resolver(DEFAULT_THEME)).toEqual({
+            variables: {'--mantine-variable-x': '#000'},
+            dark: {'--mantine-variable-x': '#fff'},
+            light: {'--mantine-variable-x': '#000'},
+        });
+    });
+
+    it('merges the result of the right most resolver with the previous result (right most resolver overrides the others)', () => {
+        const resolver1 = () => ({
+            variables: {'--mantine-variable-x': '#000'},
+            dark: {'--mantine-variable-x': '#fff'},
+            light: {'--mantine-variable-x': '#000'},
+        });
+        const resolver2 = () => ({
+            variables: {'--mantine-variable-y': '#000'},
+            dark: {'--mantine-variable-y': '#fff'},
+            light: {'--mantine-variable-y': '#000'},
+        });
+        const resolver3 = () => ({
+            variables: {},
+            dark: {'--mantine-variable-x': '#ccc'},
+            light: {'--mantine-variable-y': '#aaa'},
+        });
+        const resolver = mergeCSSVariablesResolvers(resolver1, resolver2, resolver3);
+
+        expect(resolver(DEFAULT_THEME)).toEqual({
+            variables: {'--mantine-variable-x': '#000', '--mantine-variable-y': '#000'},
+            dark: {'--mantine-variable-x': '#ccc', '--mantine-variable-y': '#fff'},
+            light: {'--mantine-variable-x': '#000', '--mantine-variable-y': '#aaa'},
+        });
+    });
+});

package/src/theme/__tests__/plasmaCSSVariablesResolver.spec.ts

@@ -0,0 +1,65 @@
+import {MantineColorsTuple, MantineTheme} from '@mantine/core';
+import {plasmaCSSVariablesResolver} from '../plasmaCSSVariablesResolver';
+
+const gray: MantineColorsTuple = [
+    '#f5f5f5',
+    '#e7e7e7',
+    '#cdcdcd',
+    '#b2b2b2',
+    '#9a9a9a',
+    '#8b8b8b',
+    '#848484',
+    '#717171',
+    '#656565',
+    '#575757',
+];
+
+const red: MantineColorsTuple = [
+    '#ffe8e8',
+    '#ffcfcf',
+    '#ff9b9c',
+    '#ff6464',
+    '#fe3837',
+    '#fe1b19',
+    '#ff0909',
+    '#e40000',
+    '#cb0000',
+    '#b10000',
+];
+
+const blue: MantineColorsTuple = [
+    '#eaeaff',
+    '#cfd0ff',
+    '#9c9cff',
+    '#6464ff',
+    '#3736fe',
+    '#1b19fe',
+    '#0909ff',
+    '#0000e4',
+    '#0000cc',
+    '#0000b4',
+];
+
+describe('plasmaCSSVariablesResolver', () => {
+    it('creates a --mantine-color-<name>-light variable for each color of the theme that equals to the first shade of that color palette', () => {
+        const variables = plasmaCSSVariablesResolver({colors: {red, blue, gray}} as MantineTheme);
+        expect(variables.light['--mantine-color-red-light']).toBe(red[0]);
+        expect(variables.light['--mantine-color-blue-light']).toBe(blue[0]);
+    });
+
+    it('uses the second shade for --mantine-color-gray-light variable because our gray color is too light', () => {
+        const variables = plasmaCSSVariablesResolver({colors: {red, blue, gray}} as MantineTheme);
+        expect(variables.light['--mantine-color-gray-light']).toBe(gray[1]);
+    });
+
+    it('creates a --mantine-color-<name>-light-hover variable for each color of the theme that equals to the second shade of that color palette', () => {
+        const variables = plasmaCSSVariablesResolver({colors: {red, blue, gray}} as MantineTheme);
+        expect(variables.light['--mantine-color-red-light-hover']).toBe(red[1]);
+        expect(variables.light['--mantine-color-blue-light-hover']).toBe(blue[1]);
+    });
+
+    it('uses the third shade for --mantine-color-gray-light-hover variable because our gray color is too light', () => {
+        const variables = plasmaCSSVariablesResolver({colors: {red, blue, gray}} as MantineTheme);
+        expect(variables.light['--mantine-color-gray-light-hover']).toBe(gray[2]);
+    });
+});

package/src/theme/mergeCSSVariablesResolvers.ts

@@ -0,0 +1,10 @@
+import {CSSVariablesResolver, deepMerge} from '@mantine/core';
+
+export const mergeCSSVariablesResolvers =
+    (...resolvers: CSSVariablesResolver[]): CSSVariablesResolver =>
+    (theme) =>
+        resolvers.filter(Boolean).reduce((acc, resolver) => deepMerge(acc, resolver(theme)), {
+            variables: {},
+            dark: {},
+            light: {},
+        });

package/src/theme/plasmaCSSVariablesResolver.ts

@@ -0,0 +1,14 @@
+import {CSSVariablesResolver, ConvertCSSVariablesInput, keys} from '@mantine/core';
+
+export const plasmaCSSVariablesResolver: CSSVariablesResolver = (theme) => {
+    const result: ConvertCSSVariablesInput = {
+        variables: {},
+        dark: {},
+        light: {},
+    };
+    keys(theme.colors).forEach((color) => {
+        result.light[`--mantine-color-${color}-light`] = theme.colors[color][color === 'gray' ? 1 : 0];
+        result.light[`--mantine-color-${color}-light-hover`] = theme.colors[color][color === 'gray' ? 2 : 1];
+    });
+    return result;
+};

package/src/types/css/index.d.ts

@@ -0,0 +1,4 @@
+declare module '*.module.css' {
+    const classes: {[key: string]: string};
+    export default classes;
+}

package/src/utils/__tests__/overrideComponent.spec.tsx

@@ -4,7 +4,7 @@ import {ReactNode} from 'react';
 import {overrideComponent} from '../overrideComponent';
 
 describe('overrideComponent', () => {
-    it('overrides the specified properties on the component and copies over the rest', () => {
+    it.skip('overrides the specified properties on the component and copies over the rest', () => {
         const Component = () => <div>hello world</div>;
         Component.displayName = 'hello world';
         Component.One = () => <span>one</span>;

package/src/utils/createFactoryComponent.ts

@@ -0,0 +1,5 @@
+import {ExtendComponent, FactoryPayload, MantineThemeComponent} from '@mantine/core';
+
+export const identity = <T>(value: T): T => value;
+
+export type CustomComponentThemeExtend<T extends FactoryPayload> = (props: ExtendComponent<T>) => MantineThemeComponent;

package/src/utils/index.ts

@@ -1,2 +1,3 @@
+export * from './createFactoryComponent';
 export * from './createPolymorphicComponent';
 export * from './overrideComponent';

package/src/vars/Notification.vars.ts

@@ -0,0 +1,14 @@
+import {NotificationFactory, PartialVarsResolver} from '@mantine/core';
+
+export const NotificationVars: PartialVarsResolver<NotificationFactory> = (theme, props) => {
+    if (props.color === 'success') {
+        return {root: {}, icon: {color: theme.colors.success[6]}};
+    }
+    if (props.color === 'warning') {
+        return {root: {}, icon: {color: theme.colors.warning[6]}};
+    }
+    if (props.color === 'critical') {
+        return {root: {}, icon: {color: theme.colors.critical[6]}};
+    }
+    return {root: {}, icon: {color: theme.colors.info[6]}};
+};

package/src/vars/Text.vars.ts

@@ -0,0 +1,8 @@
+import {PartialVarsResolver, TextFactory, getFontSize} from '@mantine/core';
+
+export const TextVars: PartialVarsResolver<TextFactory> = (theme, props) => {
+    if (!props.size) {
+        return {root: {'--text-fz': getFontSize('sm')}};
+    }
+    return {root: {}};
+};

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

@@ -1,12 +0,0 @@
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        root: string;
-        header: string;
-        content: string;
-        infoIcon: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-export default _default;
-//# sourceMappingURL=BrowserPreview.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserPreview.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/browser-preview/BrowserPreview.styles.ts"],"names":[],"mappings":";;;;;;;;;;AAEA,wBAWI"}

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

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-var _core = require("@mantine/core");
-var _default = (0, _core.createStyles)(function(theme) {
-    return {
-        root: {
-            boxShadow: theme.shadows.md,
-            borderRadius: theme.defaultRadius,
-            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")
-        },
-        content: {
-            overflow: "auto",
-            flexGrow: 1
-        },
-        infoIcon: {
-            color: theme.colors.gray[5]
-        }
-    };
-});
-
-//# sourceMappingURL=BrowserPreview.styles.js.map

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

@@ -1 +0,0 @@
-{"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":";;;;+BAEA;;;eAAA;;;oBAF2B;IAE3B,WAAeA,IAAAA,kBAAY,EAAC,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"}

package/dist/cjs/components/collection/Collection.styles.d.ts

@@ -1,14 +0,0 @@
-export interface CollectionStylesParams {
-}
-declare const _default: (params: void, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        root: string;
-        item: string;
-        itemDragging: string;
-        dragHandle: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-export default _default;
-//# sourceMappingURL=Collection.styles.d.ts.map

package/dist/cjs/components/collection/Collection.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collection.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/collection/Collection.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;CAAG;;;;;;;;;;;AAE1C,wBAeI"}

package/dist/cjs/components/collection/Collection.styles.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-var _core = require("@mantine/core");
-var _default = (0, _core.createStyles)(function(theme) {
-    return {
-        root: {
-            position: "relative"
-        },
-        item: {
-            backgroundColor: theme.colorScheme === "light" ? theme.white : theme.black,
-            alignItems: "baseline"
-        },
-        itemDragging: {
-            boxShadow: theme.shadows.md,
-            zIndex: 2
-        },
-        dragHandle: {
-            cursor: "move"
-        }
-    };
-});
-
-//# sourceMappingURL=Collection.styles.js.map

package/dist/cjs/components/collection/Collection.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/collection/Collection.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface CollectionStylesParams {}\n\nexport default createStyles((theme) => ({\n    root: {\n        position: 'relative',\n    },\n    item: {\n        backgroundColor: theme.colorScheme === 'light' ? theme.white : theme.black,\n        alignItems: 'baseline',\n    },\n    itemDragging: {\n        boxShadow: theme.shadows.md,\n        zIndex: 2,\n    },\n    dragHandle: {\n        cursor: 'move',\n    },\n}));\n"],"names":["createStyles","theme","root","position","item","backgroundColor","colorScheme","white","black","alignItems","itemDragging","boxShadow","shadows","md","zIndex","dragHandle","cursor"],"mappings":";;;;+BAIA;;;eAAA;;;oBAJ2B;IAI3B,WAAeA,IAAAA,kBAAY,EAAC,SAACC;WAAW;QACpCC,MAAM;YACFC,UAAU;QACd;QACAC,MAAM;YACFC,iBAAiBJ,MAAMK,WAAW,KAAK,UAAUL,MAAMM,KAAK,GAAGN,MAAMO,KAAK;YAC1EC,YAAY;QAChB;QACAC,cAAc;YACVC,WAAWV,MAAMW,OAAO,CAACC,EAAE;YAC3BC,QAAQ;QACZ;QACAC,YAAY;YACRC,QAAQ;QACZ;IACJ"}

package/dist/cjs/components/header/Header.styles.d.ts

@@ -1,14 +0,0 @@
-export interface HeaderStylesParams {
-    variant?: 'page' | 'modal';
-}
-export declare const useStyles: (params: HeaderStylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        root: string;
-        title: string;
-        description: string;
-        divider: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-//# sourceMappingURL=Header.styles.d.ts.map

package/dist/cjs/components/header/Header.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/header/Header.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IAC/B,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAED,eAAO,MAAM,SAAS;;;;;;;;;CAanB,CAAC"}

package/dist/cjs/components/header/Header.styles.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useStyles", {
-    enumerable: true,
-    get: function() {
-        return useStyles;
-    }
-});
-var _core = require("@mantine/core");
-var useStyles = (0, _core.createStyles)(function(theme, param) {
-    var variant = param.variant;
-    return {
-        root: {
-            padding: variant === "page" ? theme.spacing.xl : undefined,
-            paddingBottom: variant === "page" ? theme.spacing.lg : undefined
-        },
-        title: {
-            wordBreak: "break-word",
-            color: variant === "page" ? theme.colors.gray[5] : undefined
-        },
-        description: {
-            color: theme.colors.gray[6]
-        },
-        divider: {}
-    };
-});
-
-//# sourceMappingURL=Header.styles.js.map

package/dist/cjs/components/header/Header.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/header/Header.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface HeaderStylesParams {\n    variant?: 'page' | 'modal';\n}\n\nexport const useStyles = createStyles((theme, {variant}: HeaderStylesParams) => ({\n    root: {\n        padding: variant === 'page' ? theme.spacing.xl : undefined,\n        paddingBottom: variant === 'page' ? theme.spacing.lg : undefined,\n    },\n    title: {\n        wordBreak: 'break-word',\n        color: variant === 'page' ? theme.colors.gray[5] : undefined,\n    },\n    description: {\n        color: theme.colors.gray[6],\n    },\n    divider: {},\n}));\n"],"names":["useStyles","createStyles","theme","variant","root","padding","spacing","xl","undefined","paddingBottom","lg","title","wordBreak","color","colors","gray","description","divider"],"mappings":";;;;+BAMaA;;;eAAAA;;;oBANc;AAMpB,IAAMA,YAAYC,IAAAA,kBAAY,EAAC,SAACC;QAAQC,gBAAAA;WAAkC;QAC7EC,MAAM;YACFC,SAASF,YAAY,SAASD,MAAMI,OAAO,CAACC,EAAE,GAAGC;YACjDC,eAAeN,YAAY,SAASD,MAAMI,OAAO,CAACI,EAAE,GAAGF;QAC3D;QACAG,OAAO;YACHC,WAAW;YACXC,OAAOV,YAAY,SAASD,MAAMY,MAAM,CAACC,IAAI,CAAC,EAAE,GAAGP;QACvD;QACAQ,aAAa;YACTH,OAAOX,MAAMY,MAAM,CAACC,IAAI,CAAC,EAAE;QAC/B;QACAE,SAAS,CAAC;IACd"}

package/dist/cjs/components/header/HeaderActions/HeaderActions.styles.d.ts

@@ -1,10 +0,0 @@
-export interface HeaderActionsStylesParams {
-}
-export declare const useStyles: (params: HeaderActionsStylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        root: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-//# sourceMappingURL=HeaderActions.styles.d.ts.map

package/dist/cjs/components/header/HeaderActions/HeaderActions.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderActions.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderActions/HeaderActions.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,yBAAyB;CAAG;AAE7C,eAAO,MAAM,SAAS;;;;;;CAEnB,CAAC"}

package/dist/cjs/components/header/HeaderActions/HeaderActions.styles.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useStyles", {
-    enumerable: true,
-    get: function() {
-        return useStyles;
-    }
-});
-var _object_destructuring_empty = require("@swc/helpers/_/_object_destructuring_empty");
-var _core = require("@mantine/core");
-var useStyles = (0, _core.createStyles)(function(theme, param) {
-    var ref = _object_destructuring_empty._(param);
-    return {
-        root: {}
-    };
-});
-
-//# sourceMappingURL=HeaderActions.styles.js.map

package/dist/cjs/components/header/HeaderActions/HeaderActions.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderActions/HeaderActions.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface HeaderActionsStylesParams {}\n\nexport const useStyles = createStyles((theme, {}: HeaderActionsStylesParams) => ({\n    root: {},\n}));\n"],"names":["useStyles","createStyles","theme","root"],"mappings":";;;;+BAIaA;;;eAAAA;;;;oBAJc;AAIpB,IAAMA,YAAYC,IAAAA,kBAAY,EAAC,SAACC;QAAO;WAAmC;QAC7EC,MAAM,CAAC;IACX"}

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.d.ts

@@ -1,11 +0,0 @@
-export interface HeaderBreadcrumbsStylesParams {
-}
-export declare const useStyles: (params: HeaderBreadcrumbsStylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        breadcrumb: string;
-        separator: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-//# sourceMappingURL=HeaderBreadcrumbs.styles.d.ts.map

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderBreadcrumbs.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,6BAA6B;CAAG;AAEjD,eAAO,MAAM,SAAS;;;;;;;CAGnB,CAAC"}

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.js

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useStyles", {
-    enumerable: true,
-    get: function() {
-        return useStyles;
-    }
-});
-var _object_destructuring_empty = require("@swc/helpers/_/_object_destructuring_empty");
-var _core = require("@mantine/core");
-var useStyles = (0, _core.createStyles)(function(theme, param) {
-    var ref = _object_destructuring_empty._(param);
-    return {
-        breadcrumb: {
-            fontSize: theme.fontSizes.sm,
-            fontWeight: 300
-        },
-        separator: {
-            color: theme.colors.gray[5]
-        }
-    };
-});
-
-//# sourceMappingURL=HeaderBreadcrumbs.styles.js.map

package/dist/cjs/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderBreadcrumbs/HeaderBreadcrumbs.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface HeaderBreadcrumbsStylesParams {}\n\nexport const useStyles = createStyles((theme, {}: HeaderBreadcrumbsStylesParams) => ({\n    breadcrumb: {fontSize: theme.fontSizes.sm, fontWeight: 300},\n    separator: {color: theme.colors.gray[5]},\n}));\n"],"names":["useStyles","createStyles","theme","breadcrumb","fontSize","fontSizes","sm","fontWeight","separator","color","colors","gray"],"mappings":";;;;+BAIaA;;;eAAAA;;;;oBAJc;AAIpB,IAAMA,YAAYC,IAAAA,kBAAY,EAAC,SAACC;QAAO;WAAuC;QACjFC,YAAY;YAACC,UAAUF,MAAMG,SAAS,CAACC,EAAE;YAAEC,YAAY;QAAG;QAC1DC,WAAW;YAACC,OAAOP,MAAMQ,MAAM,CAACC,IAAI,CAAC,EAAE;QAAA;IAC3C"}

package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.d.ts

@@ -1,11 +0,0 @@
-export interface HeaderDocAnchorStylesParams {
-}
-export declare const useStyles: (params: HeaderDocAnchorStylesParams, options?: import("@mantine/core").UseStylesOptions<string>) => {
-    classes: {
-        tooltip: string;
-        anchor: string;
-    };
-    cx: (...args: any) => string;
-    theme: import("@mantine/core").MantineTheme;
-};
-//# sourceMappingURL=HeaderDocAnchor.styles.d.ts.map

package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderDocAnchor.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,2BAA2B;CAAG;AAE/C,eAAO,MAAM,SAAS;;;;;;;CAMnB,CAAC"}

package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useStyles", {
-    enumerable: true,
-    get: function() {
-        return useStyles;
-    }
-});
-var _object_destructuring_empty = require("@swc/helpers/_/_object_destructuring_empty");
-var _core = require("@mantine/core");
-var useStyles = (0, _core.createStyles)(function(theme, param) {
-    var ref = _object_destructuring_empty._(param);
-    return {
-        tooltip: {},
-        anchor: {
-            marginLeft: theme.spacing.xs,
-            verticalAlign: "middle"
-        }
-    };
-});
-
-//# sourceMappingURL=HeaderDocAnchor.styles.js.map

package/dist/cjs/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/components/header/HeaderDocAnchor/HeaderDocAnchor.styles.ts"],"sourcesContent":["import {createStyles} from '@mantine/core';\n\nexport interface HeaderDocAnchorStylesParams {}\n\nexport const useStyles = createStyles((theme, {}: HeaderDocAnchorStylesParams) => ({\n    tooltip: {},\n    anchor: {\n        marginLeft: theme.spacing.xs,\n        verticalAlign: 'middle',\n    },\n}));\n"],"names":["useStyles","createStyles","theme","tooltip","anchor","marginLeft","spacing","xs","verticalAlign"],"mappings":";;;;+BAIaA;;;eAAAA;;;;oBAJc;AAIpB,IAAMA,YAAYC,IAAAA,kBAAY,EAAC,SAACC;QAAO;WAAqC;QAC/EC,SAAS,CAAC;QACVC,QAAQ;YACJC,YAAYH,MAAMI,OAAO,CAACC,EAAE;YAC5BC,eAAe;QACnB;IACJ"}

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

@@ -1,8 +0,0 @@
-import { MouseEventHandler } from 'react';
-import { ButtonProps } from '../button';
-export interface InlineConfirmButtonProps extends ButtonProps {
-    id: string;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-}
-export declare const InlineConfirmButton: import("react").ForwardRefExoticComponent<InlineConfirmButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=InlineConfirmButton.d.ts.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmButton.tsx"],"sourcesContent":["import {forwardRef, MouseEventHandler} from 'react';\nimport {Button, ButtonProps} from '../button';\n\nimport {useInlineConfirm} from './useInlineConfirm';\n\nexport interface InlineConfirmButtonProps extends ButtonProps {\n    id: string;\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmButton = forwardRef<HTMLButtonElement, InlineConfirmButtonProps>(\n    ({onClick, id, ...others}, ref) => {\n        const {setConfirmingId} = useInlineConfirm();\n        const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n            setConfirmingId(id);\n            onClick?.(e);\n        };\n\n        return <Button ref={ref} onClick={handleOnClick} {...others} />;\n    },\n);\n"],"names":["InlineConfirmButton","forwardRef","ref","onClick","id","others","setConfirmingId","useInlineConfirm","handleOnClick","e","Button"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;qBAV+B;sBACV;gCAEH;AAOxB,IAAMA,oCAAsBC,IAAAA,iBAAU,EACzC,iBAA2BC;QAAzBC,iBAAAA,SAASC,YAAAA,IAAOC;QAAhBF;QAASC;;IACP,IAAM,AAACE,kBAAmBC,IAAAA,kCAAgB,IAAnCD;IACP,IAAME,gBAAsD,SAACC;YAEzDN;QADAG,gBAAgBF;SAChBD,WAAAA,qBAAAA,+BAAAA,SAAUM;IACd;IAEA,qBAAO,qBAACC,cAAM;QAACR,KAAKA;QAAKC,SAASK;OAAmBH;AACzD"}

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

@@ -1,8 +0,0 @@
-import { MouseEventHandler } from 'react';
-import { MenuItemProps } from '../menu';
-export interface InlineConfirmMenuItemProps extends MenuItemProps {
-    id: string;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-}
-export declare const InlineConfirmMenuItem: import("react").ForwardRefExoticComponent<InlineConfirmMenuItemProps & import("react").RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=InlineConfirmMenuItem.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InlineConfirmMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/InlineConfirmMenuItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,iBAAiB,EAAC,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAO,aAAa,EAAC,MAAM,SAAS,CAAC;AAG5C,MAAM,WAAW,0BAA2B,SAAQ,aAAa;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAClD;AAED,eAAO,MAAM,qBAAqB,0HAUjC,CAAC"}

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

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "InlineConfirmMenuItem", {
-    enumerable: true,
-    get: function() {
-        return InlineConfirmMenuItem;
-    }
-});
-var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
-var _jsxruntime = require("react/jsx-runtime");
-var _react = require("react");
-var _menu = require("../menu");
-var _useInlineConfirm = require("./useInlineConfirm");
-var InlineConfirmMenuItem = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
-    var onClick = _param.onClick, id = _param.id, others = _object_without_properties._(_param, [
-        "onClick",
-        "id"
-    ]);
-    var setConfirmingId = (0, _useInlineConfirm.useInlineConfirm)().setConfirmingId;
-    var handleOnClick = function(e) {
-        var _onClick;
-        setConfirmingId(id);
-        (_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(e);
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_menu.Menu.Item, _object_spread._({
-        ref: ref,
-        onClick: handleOnClick
-    }, others));
-});
-
-//# sourceMappingURL=InlineConfirmMenuItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/components/inline-confirm/InlineConfirmMenuItem.tsx"],"sourcesContent":["import {forwardRef, MouseEventHandler} from 'react';\n\nimport {Menu, MenuItemProps} from '../menu';\nimport {useInlineConfirm} from './useInlineConfirm';\n\nexport interface InlineConfirmMenuItemProps extends MenuItemProps {\n    id: string;\n    onClick?: MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const InlineConfirmMenuItem = forwardRef<HTMLButtonElement, InlineConfirmMenuItemProps>(\n    ({onClick, id, ...others}, ref) => {\n        const {setConfirmingId} = useInlineConfirm();\n        const handleOnClick: MouseEventHandler<HTMLButtonElement> = (e) => {\n            setConfirmingId(id);\n            onClick?.(e);\n        };\n\n        return <Menu.Item ref={ref} onClick={handleOnClick} {...others} />;\n    },\n);\n"],"names":["InlineConfirmMenuItem","forwardRef","ref","onClick","id","others","setConfirmingId","useInlineConfirm","handleOnClick","e","Menu","Item"],"mappings":";;;;+BAUaA;;;eAAAA;;;;;;qBAV+B;oBAEV;gCACH;AAOxB,IAAMA,sCAAwBC,IAAAA,iBAAU,EAC3C,iBAA2BC;QAAzBC,iBAAAA,SAASC,YAAAA,IAAOC;QAAhBF;QAASC;;IACP,IAAM,AAACE,kBAAmBC,IAAAA,kCAAgB,IAAnCD;IACP,IAAME,gBAAsD,SAACC;YAEzDN;QADAG,gBAAgBF;SAChBD,WAAAA,qBAAAA,+BAAAA,SAAUM;IACd;IAEA,qBAAO,qBAACC,UAAI,CAACC,IAAI;QAACT,KAAKA;QAAKC,SAASK;OAAmBH;AAC5D"}

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

@@ -1,6 +0,0 @@
-export declare const useInlineConfirm: () => {
-    confirmingId: string;
-    setConfirmingId: (id: string) => void;
-    clearConfirm: () => void;
-};
-//# sourceMappingURL=useInlineConfirm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useInlineConfirm.d.ts","sourceRoot":"","sources":["../../../../src/components/inline-confirm/useInlineConfirm.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB;;;;CAQ5B,CAAC"}