@astral/ui 0.1.0 → 0.2.3

package/esm/src/theme/index.d.ts

@@ -0,0 +1,6 @@
+export * from './baseTheme';
+export * from './palette';
+export * from './constants';
+export * from './elevation';
+export * from './shape';
+export * from './hooks';

package/esm/src/theme/index.js

@@ -0,0 +1,6 @@
+export * from './baseTheme';
+export * from './palette';
+export * from './constants';
+export * from './elevation';
+export * from './shape';
+export * from './hooks';

package/esm/src/theme/palette/brandPalette.d.ts

@@ -0,0 +1,15 @@
+import { Brand } from '../constants';
+declare type BrandColors = {
+    secondary: string;
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+};
+export declare const brandPalette: Record<Brand, BrandColors>;
+export {};

package/esm/src/theme/palette/brandPalette.js

@@ -0,0 +1,82 @@
+var _a;
+import { Brand } from '../constants';
+var defaultBrandPalette = {
+    secondary: '#55B8F0',
+    900: '#0F52B8',
+    800: '#2165CC',
+    700: '#1874FF',
+    600: '#2684FF',
+    500: '#4C9AFF',
+    400: '#70AEFF',
+    300: '#94C2FF',
+    200: '#C5DCFF',
+    100: '#E1EDFF',
+};
+var edoPalette = {
+    secondary: '#5653FF',
+    900: '#5D3FD4',
+    800: '#6746EB',
+    700: '#8566FF',
+    600: '#9D85FF',
+    500: '#9D85FF',
+    400: '#B29EFF',
+    300: '#C2B2FF',
+    200: '#E0D9FF',
+    100: '#EFEBFF',
+};
+var ao5Palette = {
+    secondary: '#14A5D3',
+    900: '#0068B2',
+    800: '#0074C6',
+    700: '#0989E3',
+    600: '#2195E6',
+    500: '#3AA1E9',
+    400: '#52ACEB',
+    300: '#84C4F1',
+    200: '#C1E2F8',
+    100: '#DFF0FB',
+};
+var ofdPalette = {
+    secondary: '#22BDEE',
+    900: '#1F78D6',
+    800: '#2285EE',
+    700: '#46A0FF',
+    600: '#58A9FF',
+    500: '#6BB3FF',
+    400: '#7DBCFF',
+    300: '#A2CFFF',
+    200: '#D1E7FF',
+    100: '#E7F3FF',
+};
+var signPalette = {
+    secondary: '#4099AC',
+    900: '#325D89',
+    800: '#376798',
+    700: '#4D86BF',
+    600: '#5E92C5',
+    500: '#719ECC',
+    400: '#82AAD2',
+    300: '#A6C2DF',
+    200: '#D3E1EF',
+    100: '#E8EFF7',
+};
+var lkpPalette = {
+    secondary: '#00BDB2',
+    900: '#009E71',
+    800: '#00B07E',
+    700: '#2CC89B',
+    600: '#41CDA5',
+    500: '#56D3AF',
+    400: '#6BD8B9',
+    300: '#95E3CD',
+    200: '#CAF1E6',
+    100: '#E3F8F2',
+};
+export var brandPalette = (_a = {},
+    _a[Brand.DEFAULT] = defaultBrandPalette,
+    _a[Brand.AO5] = ao5Palette,
+    _a[Brand.EDO] = edoPalette,
+    _a[Brand.OFD] = ofdPalette,
+    _a[Brand.SIGN] = signPalette,
+    _a[Brand.LKP] = lkpPalette,
+    _a);

package/esm/src/theme/palette/index.d.ts

@@ -0,0 +1,2 @@
+export * from './brandPalette';
+export * from './palette';

package/esm/src/theme/palette/index.js

@@ -0,0 +1,2 @@
+export * from './brandPalette';
+export * from './palette';

package/esm/src/theme/palette/palette.d.ts

@@ -0,0 +1,29 @@
+import { PaletteOptions as MuiPaletteOptions, PaletteColorOptions } from '@mui/material';
+import { TypeBackground } from '@mui/material/styles/createPalette';
+import { Brand } from '../constants';
+export declare type Color = {
+    900: string;
+    800: string;
+    700: string;
+    600: string;
+    500: string;
+    400: string;
+    300: string;
+    200: string;
+    100: string;
+};
+export declare type PrimaryColorOptions = PaletteColorOptions & Color;
+export declare type Background = TypeBackground & {
+    element: string;
+    elementHover: string;
+};
+declare type PaletteOptions = MuiPaletteOptions & {
+    red: Color;
+    green: Color;
+    yellow: Color;
+    grey: Color;
+    primary: PrimaryColorOptions;
+    background: Background;
+};
+export declare const getPalette: (brand?: Brand) => PaletteOptions;
+export {};

package/esm/src/theme/palette/palette.js

@@ -0,0 +1,104 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { Brand } from '../constants';
+import { brandPalette } from './brandPalette';
+export var getPalette = function (brand) {
+    if (brand === void 0) { brand = Brand.DEFAULT; }
+    var brandColors = brandPalette[brand];
+    return {
+        red: {
+            900: '#E64343',
+            800: '#F24646',
+            700: '#F35959',
+            600: '#F67E7E',
+            500: '#F79090',
+            400: '#F8A3A3',
+            300: '#FAB5B5',
+            200: '#FCDADA',
+            100: '#FEEDED',
+        },
+        green: {
+            900: '#008055',
+            800: '#00875A',
+            700: '#19936A',
+            600: '#4DAB8C',
+            500: '#66B79C',
+            400: '#80C3AC',
+            300: '#99CFBD',
+            200: '#CCE7DE',
+            100: '#E6F3EF',
+        },
+        yellow: {
+            900: '#ED8000',
+            800: '#F98700',
+            700: '#FA961F',
+            600: '#FBAB4D',
+            500: '#FBB766',
+            400: '#FDCF99',
+            300: '#FDDBB2',
+            200: '#FBE6CC',
+            100: '#FEF3E6',
+        },
+        primary: __assign({ main: brandColors[800], dark: brandColors[900], contrastText: '#FFF' }, brandColors),
+        secondary: {
+            main: brandColors.secondary,
+            dark: brandColors[900],
+            contrastText: '#FFF',
+        },
+        get success() {
+            return {
+                light: this.green[100],
+                main: this.green[600],
+                dark: this.green[800],
+                contrastText: '#FFF',
+            };
+        },
+        get warning() {
+            return {
+                light: this.yellow[100],
+                main: this.yellow[600],
+                dark: this.yellow[800],
+                contrastText: '#FFF',
+            };
+        },
+        get error() {
+            return {
+                light: this.red[100],
+                main: this.red[600],
+                dark: this.red[800],
+                contrastText: '#FFF',
+            };
+        },
+        text: {
+            primary: '#072D57',
+            secondary: '#072D57',
+            disabled: '#99A9BA',
+        },
+        grey: {
+            900: '#072D57',
+            800: '#1D3F66',
+            700: '#557192',
+            600: '#778DA8',
+            500: '#99A9BA',
+            400: '#B7C2CE',
+            300: '#DDE2E8',
+            200: '#EBEEF1',
+            100: '#F0F4F7',
+        },
+        background: {
+            default: '#FFF',
+            paper: '#FFF',
+            element: '#FAFBFC',
+            elementHover: '#EBECF0',
+        },
+    };
+};

package/esm/src/theme/shape.d.ts

@@ -0,0 +1,6 @@
+export declare type Shape = {
+    small: string;
+    medium: string;
+    large: string;
+};
+export declare const shape: Shape;

package/esm/src/theme/shape.js

@@ -0,0 +1,5 @@
+export var shape = {
+    small: '3px',
+    medium: '6px',
+    large: '9px',
+};

package/esm/src/theme/typography.d.ts

@@ -0,0 +1,19 @@
+import { Typography } from '@mui/material/styles/createTypography';
+import { CSSProperties } from 'react';
+declare type CustomTypographyVariantStyle = {
+    fontSize: CSSProperties['fontSize'];
+    fontWeight: CSSProperties['fontWeight'];
+};
+export declare type TypographyThemeOptions = Typography & {
+    h7: CustomTypographyVariantStyle;
+    h8: CustomTypographyVariantStyle;
+    h9: CustomTypographyVariantStyle;
+    ui: CustomTypographyVariantStyle;
+    link: CustomTypographyVariantStyle;
+    pointer: CustomTypographyVariantStyle;
+    small: CustomTypographyVariantStyle;
+    code: CustomTypographyVariantStyle;
+};
+export declare const pxToRem: (fontSize: number, htmlFontSize?: number) => string;
+export declare const typography: Partial<TypographyThemeOptions>;
+export {};

package/esm/src/theme/typography.js

@@ -0,0 +1,108 @@
+var HTML_FONT_SIZE = 14;
+// Т.к. нет досутпа к теме, написал функцию для конвертации px в rem
+export var pxToRem = function (fontSize, htmlFontSize) {
+    if (htmlFontSize === void 0) { htmlFontSize = HTML_FONT_SIZE; }
+    return "".concat(fontSize / htmlFontSize, "rem");
+};
+export var typography = {
+    fontSize: 14,
+    htmlFontSize: 14,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightBold: 700,
+    fontFamily: ['Ubuntu', 'sans-serif'].join(','),
+    get h1() {
+        return {
+            fontSize: pxToRem(35, this.htmlFontSize),
+            fontWeight: this.fontWeightMedium,
+        };
+    },
+    get h2() {
+        return {
+            fontSize: pxToRem(29, this.htmlFontSize),
+            fontWeight: this.fontWeightMedium,
+        };
+    },
+    get h3() {
+        return {
+            fontSize: pxToRem(24, this.htmlFontSize),
+            fontWeight: this.fontWeightMedium,
+        };
+    },
+    get h4() {
+        return {
+            fontSize: pxToRem(20, this.htmlFontSize),
+            fontWeight: this.fontWeightMedium,
+        };
+    },
+    get h5() {
+        return {
+            fontSize: pxToRem(16, this.htmlFontSize),
+            fontWeight: this.fontWeightMedium,
+        };
+    },
+    get h6() {
+        return {
+            fontSize: pxToRem(14, this.htmlFontSize),
+            fontWeight: this.fontWeightMedium,
+        };
+    },
+    get h7() {
+        return {
+            fontSize: pxToRem(12, this.htmlFontSize),
+            fontWeight: this.fontWeightMedium,
+        };
+    },
+    get h8() {
+        return {
+            fontSize: pxToRem(12, this.htmlFontSize),
+            fontWeight: this.fontWeightMedium,
+        };
+    },
+    get h9() {
+        return {
+            fontSize: pxToRem(11, this.htmlFontSize),
+            fontWeight: this.fontWeightBold,
+        };
+    },
+    get button() {
+        return {
+            fontSize: pxToRem(14, this.htmlFontSize),
+            fontWeight: this.fontWeightMedium,
+        };
+    },
+    get ui() {
+        return {
+            fontSize: pxToRem(14, this.htmlFontSize),
+            fontWeight: this.fontWeightRegular,
+        };
+    },
+    get link() {
+        return {
+            fontSize: pxToRem(14, this.htmlFontSize),
+            fontWeight: this.fontWeightRegular,
+        };
+    },
+    get pointer() {
+        return {
+            fontSize: pxToRem(12, this.htmlFontSize),
+            fontWeight: this.fontWeightMedium,
+        };
+    },
+    get small() {
+        return {
+            fontSize: pxToRem(12, this.htmlFontSize),
+            fontWeight: this.fontWeightRegular,
+        };
+    },
+    get code() {
+        return {
+            fontSize: pxToRem(12, this.htmlFontSize),
+            fontWeight: this.fontWeightLight,
+        };
+    },
+    body1: {
+        fontSize: '1rem',
+    },
+};

package/node/index.d.ts

@@ -0,0 +1 @@
+export * from './src';

package/node/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./src"), exports);

package/node/src/Badge/Badge.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { BadgeProps } from './types';
+declare const Badge: ({ children, color, ...props }: BadgeProps) => JSX.Element;
+export default Badge;

package/node/src/Badge/Badge.js

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = require("./styled");
+var Badge = function (_a) {
+    var children = _a.children, color = _a.color, props = __rest(_a, ["children", "color"]);
+    return ((0, jsx_runtime_1.jsx)(styled_1.StyledBadge, __assign({ customColor: color }, props, { max: 99 }, { children: children }), void 0));
+};
+exports.default = Badge;

package/node/src/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Badge';
+export * from './types';

package/node/src/Badge/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Badge"), exports);
+__exportStar(require("./types"), exports);

package/node/src/Badge/styled.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import { Theme } from '../theme';
+import { BadgeColor, BadgeProps } from './types';
+export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
+    classes?: (Partial<import("@mui/material").BadgeUnstyledClasses> & {
+        colorPrimary?: string | undefined;
+        colorSecondary?: string | undefined;
+        colorError?: string | undefined;
+        colorInfo?: string | undefined;
+        colorSuccess?: string | undefined;
+        colorWarning?: string | undefined;
+        anchorOriginTopRightRectangular?: string | undefined;
+        anchorOriginBottomRightRectangular?: string | undefined;
+        anchorOriginTopLeftRectangular?: string | undefined;
+        anchorOriginBottomLeftRectangular?: string | undefined;
+        anchorOriginTopRightCircular?: string | undefined;
+        anchorOriginBottomRightCircular?: string | undefined;
+        anchorOriginTopLeftCircular?: string | undefined;
+        anchorOriginBottomLeftCircular?: string | undefined;
+        overlapRectangular?: string | undefined;
+        overlapCircular?: string | undefined;
+    }) | undefined;
+    color?: "primary" | "secondary" | "default" | "error" | "warning" | "info" | "success" | undefined;
+    overlap?: "circular" | "rectangular" | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "standard" | "dot" | undefined;
+} & {
+    anchorOrigin?: import("@mui/material").BadgeOrigin | undefined;
+    components?: {
+        Root?: import("react").ElementType<any> | undefined;
+        Badge?: import("react").ElementType<any> | undefined;
+    } | undefined;
+    componentsProps?: {
+        root?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").BadgeUnstyledComponentsPropsOverrides) | undefined;
+        badge?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").BadgeUnstyledComponentsPropsOverrides) | undefined;
+    } | undefined;
+    badgeContent?: import("react").ReactNode;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").BadgeUnstyledClasses> | undefined;
+    invisible?: boolean | undefined;
+    max?: number | undefined;
+    showZero?: boolean | undefined;
+    variant?: string | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "components" | "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "componentsProps" | "invisible" | "anchorOrigin" | "overlap" | "badgeContent" | "max" | "showZero"> & {
+    theme?: Theme | undefined;
+} & Omit<BadgeProps, "color"> & {
+    customColor: BadgeColor;
+}, {}, {}>;

package/node/src/Badge/styled.js

@@ -0,0 +1,63 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledBadge = void 0;
+var material_1 = require("@mui/material");
+var styles_1 = require("../styles");
+var getBgColor = function (_a) {
+    var customColor = _a.customColor, theme = _a.theme;
+    if (customColor === 'grey')
+        return theme.palette.grey[300];
+    if (customColor === 'errorLight')
+        return theme.palette.error.light;
+    if (customColor === 'success')
+        return theme.palette.success.light;
+    if (customColor === 'primary')
+        return theme.palette.primary.main;
+    if (customColor === 'white')
+        return theme.palette.background.default;
+    if (customColor === 'error')
+        return theme.palette.error.dark;
+    return theme.palette.primary.main;
+};
+var getTextColor = function (_a) {
+    var customColor = _a.customColor, theme = _a.theme;
+    if (customColor === 'grey')
+        return theme.palette.text.primary;
+    if (customColor === 'primary')
+        return theme.palette.primary.contrastText;
+    if (customColor === 'white')
+        return theme.palette.primary.main;
+    if (customColor === 'error')
+        return theme.palette.error.contrastText;
+    if (customColor === 'errorLight')
+        return theme.palette.error.dark;
+    if (customColor === 'success')
+        return theme.palette.success.dark;
+    return theme.palette.primary.contrastText;
+};
+exports.StyledBadge = (0, styles_1.styled)(material_1.Badge, {
+    shouldForwardProp: function (prop) { return prop !== 'customColor'; },
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .MuiBadge-badge {\n    height: 20px;\n    border-radius: 12px;\n    line-height: 20px;\n    background-color: ", ";\n    color: ", ";\n    padding: ", ";\n    font-size: ", ";\n    border: 2px solid ", ";\n  }\n\n  .MuiBadge-dot {\n    width: 12px;\n    height: 12px;\n    border: 2px solid ", ";\n  }\n"], ["\n  .MuiBadge-badge {\n    height: 20px;\n    border-radius: 12px;\n    line-height: 20px;\n    background-color: ", ";\n    color: ", ";\n    padding: ", ";\n    font-size: ", ";\n    border: 2px solid ", ";\n  }\n\n  .MuiBadge-dot {\n    width: 12px;\n    height: 12px;\n    border: 2px solid ", ";\n  }\n"])), function (_a) {
+    var customColor = _a.customColor, theme = _a.theme;
+    return getBgColor({ customColor: customColor, theme: theme });
+}, function (_a) {
+    var customColor = _a.customColor, theme = _a.theme;
+    return getTextColor({ customColor: customColor, theme: theme });
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing(0, 1);
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.typography.small.fontSize;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.common.white;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.common.white;
+});
+var templateObject_1;

package/node/src/Badge/types.d.ts

@@ -0,0 +1,5 @@
+import { BadgeProps as MuiBadgeProps } from '@mui/material/Badge/Badge';
+export declare type BadgeColor = 'primary' | 'grey' | 'white' | 'errorLight' | 'error' | 'success';
+export declare type BadgeProps = Omit<MuiBadgeProps, 'color'> & {
+    color: BadgeColor;
+};

package/node/src/Badge/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/src/Button/Button.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from './types';
+export declare const Button: ({ children, startIcon, endIcon, loading, ...props }: ButtonProps) => JSX.Element;

package/node/src/Button/Button.js

@@ -0,0 +1,33 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var CircularProgress_1 = require("../CircularProgress");
+var styled_1 = require("./styled");
+var Button = function (_a) {
+    var children = _a.children, startIcon = _a.startIcon, endIcon = _a.endIcon, loading = _a.loading, props = __rest(_a, ["children", "startIcon", "endIcon", "loading"]);
+    return ((0, jsx_runtime_1.jsxs)(styled_1.StyledButton, __assign({ loading: loading }, props, { children: [(0, jsx_runtime_1.jsx)("span", { children: startIcon }, void 0), children, loading && (0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, {}, void 0), (0, jsx_runtime_1.jsx)("span", { children: endIcon }, void 0)] }), void 0));
+};
+exports.Button = Button;

package/node/src/Button/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Button';
+export * from './types';

package/node/src/Button/index.js

@@ -0,0 +1,14 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Button"), exports);
+__exportStar(require("./types"), exports);