norma-library 0.6.79 → 0.6.81

package/dist/esm/components/Accordion.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AccordionBaseProps } from '../interfaces';
+export declare const Accordion: ({ data, defaultExpanded, ...props }: AccordionBaseProps) => React.JSX.Element;

package/dist/esm/components/Accordion.js

@@ -0,0 +1,20 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion, Typography } from '@mui/material';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
+import { styled } from '@mui/material/styles';
+var AccordionStyled = styled(MuiAccordion)({});
+export var Accordion = function (_a) {
+    var _b = _a.data, data = _b === void 0 ? [] : _b, _c = _a.defaultExpanded, defaultExpanded = _c === void 0 ? false : _c, props = __rest(_a, ["data", "defaultExpanded"]);
+    var _d = React.useState(defaultExpanded), expanded = _d[0], setExpanded = _d[1];
+    var handleChange = function (panel) { return function (event, isExpanded) {
+        console.log('Event ==> ', event);
+        setExpanded(isExpanded ? panel : false);
+    }; };
+    return (React.createElement(React.Fragment, null, data &&
+        data.map(function (item, key) { return (React.createElement(AccordionStyled, __assign({ expanded: expanded === item.id, onChange: handleChange(item.id), key: key }, props),
+            React.createElement(AccordionSummary, { expandIcon: React.createElement(ExpandMoreIcon, null), "aria-controls": "panel-".concat(key, "-content"), id: "panel-".concat(key, "-header") },
+                React.createElement(Typography, { sx: { width: '66%', flexShrink: 0 } }, item.label)),
+            React.createElement(AccordionDetails, null, item.children))); })));
+};
+//# sourceMappingURL=Accordion.js.map

package/dist/esm/components/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,IAAI,YAAY,EACzB,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;AAEjD,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,EAAoE;IAAlE,IAAA,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EAAK,KAAK,cAA9C,2BAAgD,CAAF;IAChE,IAAA,KAA0B,KAAK,CAAC,QAAQ,CAAmB,eAAe,CAAC,EAA1E,QAAQ,QAAA,EAAE,WAAW,QAAqD,CAAC;IAElF,IAAM,YAAY,GAAG,UAAC,KAAa,IAAK,OAAA,UAAC,KAA2B,EAAE,UAAmB;QACvF,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;QACjC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC,EAHuC,CAGvC,CAAC;IAEF,OAAO,CACL,0CACG,IAAI;QACH,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACtB,oBAAC,eAAe,aAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK;YACnG,oBAAC,gBAAgB,IACf,UAAU,EAAE,oBAAC,cAAc,OAAG,mBACf,gBAAS,GAAG,aAAU,EACrC,EAAE,EAAE,gBAAS,GAAG,YAAS;gBAEzB,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAc,CACzD;YACnB,oBAAC,gBAAgB,QAAE,IAAI,CAAC,QAAQ,CAAoB,CACpC,CACnB,EAXuB,CAWvB,CAAC,CACH,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Avatar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AvatarBaseProps } from '../interfaces';
+export declare const Avatar: React.FC<AvatarBaseProps>;

package/dist/esm/components/Avatar.js

@@ -0,0 +1,13 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Avatar as MuiVatar } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var AvatarStyled = styled(MuiVatar)({
+    textTransform: 'none',
+    color: 'currentcolor',
+});
+export var Avatar = function (_a) {
+    var src = _a.src, props = __rest(_a, ["src"]);
+    return (React.createElement(AvatarStyled, __assign({ src: src }, props)));
+};
+//# sourceMappingURL=Avatar.js.map

package/dist/esm/components/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACpC,aAAa,EAAE,MAAM;IACrB,KAAK,EAAE,cAAc;CACtB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAA8B,UAAC,EAAiB;IAAf,IAAA,GAAG,SAAA,EAAK,KAAK,cAAf,OAAiB,CAAF;IAC/D,OAAO,CACL,oBAAC,YAAY,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CACtC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Badge.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BadgeBaseProps } from '../interfaces';
+export declare const Badge: React.FC<BadgeBaseProps>;

package/dist/esm/components/Badge.js

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Badge as MuiBadge } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var BadgeStyled = styled(MuiBadge)({});
+export var Badge = function (_a) {
+    var props = __rest(_a, []);
+    return (React.createElement(BadgeStyled, __assign({}, props)));
+};
+//# sourceMappingURL=Badge.js.map

package/dist/esm/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;AAEzC,MAAM,CAAC,IAAM,KAAK,GAA6B,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IACxD,OAAO,CACL,oBAAC,WAAW,eAAK,KAAK,EAAI,CAC3B,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Box/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BoxProps } from "./interfaces";
+declare const Box: React.FC<BoxProps>;
+export default Box;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import * as S from "./styles";
+var Box = function (_a) {
+    var children = _a.children, size = _a.size;
+    return (React.createElement(S.Container, { size: size }, children));
+};
+export default Box;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Box/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAG7B,IAAM,GAAG,GAAsB,UAAC,EAAkB;QAAhB,QAAQ,cAAA,EAAE,IAAI,UAAA;IAC9C,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,IAAI,EAAE,IAAI,IACpB,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

package/dist/esm/components/Box/interfaces.d.ts

@@ -0,0 +1,4 @@
+export interface BoxProps {
+    children: JSX.Element[] | JSX.Element;
+    size: string;
+}

package/dist/esm/components/Box/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/dist/esm/components/Box/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/components/Box/interfaces.ts"],"names":[],"mappings":""}

package/dist/esm/components/Box/styles.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from "./interfaces";
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>> & string;

package/dist/esm/components/Box/styles.js

@@ -0,0 +1,17 @@
+import { __makeTemplateObject } from "tslib";
+import styled from 'styled-components';
+var setSizeSelected = function (size) {
+    switch (size) {
+        case "small":
+            return "10px";
+        case "medium":
+            return "16px";
+        case "large":
+            return "24px";
+        default:
+            return "16px";
+    }
+};
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: #fff;\n  border-radius: 5px;\n  width: 100%;\n  box-shadow: 0px 2px 6px #0000000A;\n  padding: ", "\n"], ["\n  background: #fff;\n  border-radius: 5px;\n  width: 100%;\n  box-shadow: 0px 2px 6px #0000000A;\n  padding: ", "\n"])), function (props) { return setSizeSelected(props.size); });
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/Box/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Box/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,IAAM,eAAe,GAAG,UAAC,IAAY;IACnC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,OAAO;YACV,OAAO,MAAM,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,MAAM,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,MAAM,CAAA;QACf;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,0LAAU,iHAKhC,EAAoC,IAChD,KADY,UAAA,KAAK,IAAI,OAAA,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,EAA3B,CAA2B,CAChD,CAAA"}

package/dist/esm/components/Breadcrumb/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BreadcrumbProps } from './interface';
+declare const Breadcrumb: React.FC<BreadcrumbProps>;
+export default Breadcrumb;

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

@@ -0,0 +1,18 @@
+import React, { useMemo } from 'react';
+import * as S from "./styles";
+var Breadcrumb = function (_a) {
+    var links = _a.links, onChange = _a.onChange;
+    var listLinks = useMemo(function () {
+        return links.map(function (link, index, self) {
+            var showIcon = self.length > index + 1;
+            return (React.createElement("div", { className: 'content', key: index },
+                React.createElement(S.Link, { onClick: function () { return onChange(link); } }, link.name),
+                showIcon ? React.createElement(S.Arrow, null,
+                    React.createElement("i", { className: "icon" })) : null));
+        });
+    }, [links]);
+    return (React.createElement(S.Container, null,
+        React.createElement(S.ListLinks, null, listLinks)));
+};
+export default Breadcrumb;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Breadcrumb/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAG7B,IAAM,UAAU,GAA6B,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC7D,IAAM,SAAS,GAAG,OAAO,CAAC;QACxB,OAAO,KAAK,CAAC,GAAG,CAAC,UAAC,IAAU,EAAE,KAAa,EAAE,IAAY;YACvD,IAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAA;YACxC,OAAO,CACL,6BAAK,SAAS,EAAC,SAAS,EAAC,GAAG,EAAE,KAAK;gBACjC,oBAAC,CAAC,CAAC,IAAI,IAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,IAAG,IAAI,CAAC,IAAI,CAAU;gBACzD,QAAQ,CAAC,CAAC,CAAC,oBAAC,CAAC,CAAC,KAAK;oBAAC,2BAAG,SAAS,EAAC,MAAM,GAAK,CAAU,CAAC,CAAC,CAAC,IAAI,CAC3D,CACP,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS;QACV,oBAAC,CAAC,CAAC,SAAS,QACR,SAAS,CACC,CACF,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/esm/components/Breadcrumb/interface.d.ts

@@ -0,0 +1,8 @@
+export interface Link {
+    name: string;
+    route: string;
+}
+export interface BreadcrumbProps {
+    links: Link[];
+    onChange: Function;
+}

package/dist/esm/components/Breadcrumb/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interface.js.map

package/dist/esm/components/Breadcrumb/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/interface.ts"],"names":[],"mappings":""}

package/dist/esm/components/Breadcrumb/styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ListLinks: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Link: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const Arrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/Breadcrumb/styles.js

@@ -0,0 +1,8 @@
+import { __makeTemplateObject } from "tslib";
+import styled from "styled-components";
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: 0 0 16px 0;\n"], ["\n  margin: 0 0 16px 0;\n"])));
+export var ListLinks = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  .content {\n    display: flex;\n    gap: 8px;\n  }\n"], ["\n  display: flex;\n  gap: 8px;\n  .content {\n    display: flex;\n    gap: 8px;\n  }\n"])));
+export var Link = styled.p(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: #666;\n  font-size: 14px;\n  cursor: pointer;\n"], ["\n  color: #666;\n  font-size: 14px;\n  cursor: pointer;\n"])));
+export var Arrow = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  .icon {\n    border: solid #999;\n    border-width: 0 2px 2px 0;\n    display: inline-block;\n    padding: 2px;\n    transform: rotate(-45deg);\n    -webkit-transform: rotate(-45deg);\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  .icon {\n    border: solid #999;\n    border-width: 0 2px 2px 0;\n    display: inline-block;\n    padding: 2px;\n    transform: rotate(-45deg);\n    -webkit-transform: rotate(-45deg);\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/Breadcrumb/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,8FAAA,2BAElC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4JAAA,yFAOlC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,MAAM,CAAC,CAAC,+HAAA,4DAI3B,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,iTAAA,8OAW9B,IAAA,CAAA"}

package/dist/esm/components/Button/index.d.ts

@@ -0,0 +1,9 @@
+import { ButtonBaseProps } from './types';
+export declare const Button: {
+    ({ label, ...rest }: ButtonBaseProps): import("react").JSX.Element;
+    defaultProps: {
+        variant: string;
+        size: string;
+        color: string;
+    };
+};

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

@@ -0,0 +1,16 @@
+'use client';
+import { __assign, __rest } from "tslib";
+import { Button as MuiButton } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+export var Button = function (_a) {
+    var label = _a.label, rest = __rest(_a, ["label"]);
+    var t = useTranslation().t;
+    var newLabel = label ? label : t('buttonText');
+    return (React.createElement(MuiButton, __assign({}, rest, { sx: { color: rest.variant === 'contained' ? '#FFFF' : rest.color } }), newLabel));
+};
+Button.defaultProps = {
+    variant: 'contained',
+    size: 'medium',
+    color: 'primary',
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE9C,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAmC;IAAjC,IAAA,KAAK,WAAA,EAAK,IAAI,cAAhB,SAAkB,CAAF;IAC7B,IAAA,CAAC,GAAK,cAAc,EAAE,EAArB,CAAqB;IAC9B,IAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IAChD,OAAO,CACL,oBAAC,SAAS,eAAK,IAAI,IAAE,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,KACpF,QAAQ,CACC,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,YAAY,GAAG;IACpB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,SAAS;CACjB,CAAA"}

package/dist/esm/components/Button/types.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { Theme } from '@emotion/react';
+import { Button } from './index';
+import { ButtonPropsColorOverrides, ButtonPropsSizeOverrides, ButtonPropsVariantOverrides, ButtonProps as MuiButtonProps, SxProps } from '@mui/material';
+import { OverridableStringUnion } from '@mui/types';
+type MuiButtonBaseProps = Pick<MuiButtonProps, 'sx' | 'color' | 'size' | 'variant'>;
+export interface ButtonBaseProps extends MuiButtonBaseProps {
+    label: string;
+    sx?: SxProps<Theme>;
+    children?: ReactNode;
+    onClick?: (event: React.MouseEvent | React.KeyboardEvent | React.TouchEvent) => void;
+    color?: OverridableStringUnion<'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning', ButtonPropsColorOverrides>;
+    size?: OverridableStringUnion<'small' | 'medium' | 'large', ButtonPropsSizeOverrides>;
+    variant?: OverridableStringUnion<'text' | 'outlined' | 'contained', ButtonPropsVariantOverrides>;
+    style?: React.CSSProperties;
+}
+export type ButtonType = keyof typeof Button;
+export {};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/Button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Button/types.tsx"],"names":[],"mappings":""}

package/dist/esm/components/Button.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ButtonBaseProps } from '../interfaces';
+export declare const Button: ({ label, children, ...props }: ButtonBaseProps) => React.JSX.Element;

package/dist/esm/components/Button.js

@@ -0,0 +1,18 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Button as MuiButton } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var ButtonStyled = styled(MuiButton)({
+    textTransform: 'none',
+    '& .MuiButton-sizeLarge': {
+        height: '75px',
+        backgroundColor: 'red',
+    },
+});
+export var Button = function (_a) {
+    var label = _a.label, children = _a.children, props = __rest(_a, ["label", "children"]);
+    return (React.createElement(ButtonStyled, __assign({}, props, { sx: {
+            color: props.variant === 'contained' ? '#FFFF' : props.color,
+        } }), label ? label : children));
+};
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IACrC,aAAa,EAAE,MAAM;IACrB,wBAAwB,EAAE;QACxB,MAAM,EAAE,MAAM;QACd,eAAe,EAAE,KAAK;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAA8C;IAA5C,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA3B,qBAA6B,CAAF;IAEhD,OAAO,CACL,oBAAC,YAAY,eACP,KAAK,IACT,EAAE,EAAE;YACF,KAAK,EAAE,KAAK,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;SAC7D,KAEA,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CACZ,CAChB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Card/Card.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardBaseProps } from './types';
+declare const Card: ({ children, title }: CardBaseProps) => React.JSX.Element;
+export default Card;

package/dist/esm/components/Card/Card.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import CardHeader from './CardHeader';
+import { StyledCard } from './styles';
+var Card = function (_a) {
+    var children = _a.children, title = _a.title;
+    return (React.createElement(StyledCard, null,
+        title && React.createElement(CardHeader, { title: title }),
+        children));
+};
+export default Card;
+//# sourceMappingURL=Card.js.map

package/dist/esm/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,IAAM,IAAI,GAAG,UAAC,EAAkC;QAAhC,QAAQ,cAAA,EAAE,KAAK,WAAA;IAC7B,OAAO,CACL,oBAAC,UAAU;QACR,KAAK,IAAI,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI;QACrC,QAAQ,CACE,CACd,CAAA;AACH,CAAC,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/esm/components/Card/CardHeader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CardHeaderBaseProps } from './types';
+declare const CardHeader: ({ title }: CardHeaderBaseProps) => React.JSX.Element;
+export default CardHeader;

package/dist/esm/components/Card/CardHeader.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { StyledCardHeader } from './styles';
+var CardHeader = function (_a) {
+    var title = _a.title;
+    return React.createElement(StyledCardHeader, null, title);
+};
+export default CardHeader;
+//# sourceMappingURL=CardHeader.js.map

package/dist/esm/components/Card/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAE3C,IAAM,UAAU,GAAG,UAAC,EAA8B;QAA5B,KAAK,WAAA;IACzB,OAAO,oBAAC,gBAAgB,QAAE,KAAK,CAAoB,CAAA;AACrD,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/esm/components/Card/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Card';
+export * from './CardHeader';
+export { default as Card } from './Card';
+export { default as CardHeader } from './CardHeader';

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

@@ -0,0 +1,5 @@
+export * from './Card';
+export * from './CardHeader';
+export { default as Card } from './Card';
+export { default as CardHeader } from './CardHeader';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/esm/components/Card/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCardHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/Card/styles.js

@@ -0,0 +1,6 @@
+import { __makeTemplateObject } from "tslib";
+import styled from 'styled-components';
+export var StyledCard = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 16px;\n  border-radius: 4px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n"], ["\n  padding: 16px;\n  border-radius: 4px;\n  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n"])));
+export var StyledCardHeader = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  font-weight: bold;\n  border-bottom: 1px solid #ccc;\n  padding-bottom: 8px;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  font-weight: bold;\n  border-bottom: 1px solid #ccc;\n  padding-bottom: 8px;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/Card/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Card/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,6JAAA,0FAInC,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,4PAAA,yLAQzC,IAAA,CAAA"}

package/dist/esm/components/Card/types.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export type CardBaseProps = {
+    children: ReactNode;
+    title?: string;
+};
+export type CardHeaderBaseProps = {
+    title: string;
+};

package/dist/esm/components/Card/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/Card/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Card/types.ts"],"names":[],"mappings":""}

package/dist/esm/components/Card.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CardBaseProps } from '../interfaces';
+import { ColorVariant } from '@/types';
+export declare const Card: ({ children, border, color, ...props }: CardBaseProps & {
+    border?: boolean;
+    color?: ColorVariant;
+}) => React.JSX.Element;

package/dist/esm/components/Card.js

@@ -0,0 +1,24 @@
+import { __assign, __makeTemplateObject, __rest } from "tslib";
+import React from 'react';
+import { Card as MuiCard } from '@mui/material';
+import { palette } from '../helpers';
+import styled from 'styled-components';
+var colorMap = {
+    inherit: palette.inherit,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    error: palette.error,
+    warning: palette.warning,
+    info: palette.info,
+    success: palette.success,
+};
+var CardStyled = styled(MuiCard)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 16px;\n  border-radius: 5px;\n  box-shadow: 0px 2px 8px #00000053;\n  border-left: ", ";\n"], ["\n  padding: 16px;\n  border-radius: 5px;\n  box-shadow: 0px 2px 8px #00000053;\n  border-left: ", ";\n"])), function (_a) {
+    var $borderColor = _a.$borderColor;
+    return ($borderColor ? "7px solid ".concat(colorMap[$borderColor]) : 'none');
+});
+export var Card = function (_a) {
+    var children = _a.children, border = _a.border, _b = _a.color, color = _b === void 0 ? 'inherit' : _b, props = __rest(_a, ["children", "border", "color"]);
+    return (React.createElement(CardStyled, __assign({ "$borderColor": border ? color : undefined }, props), children));
+};
+var templateObject_1;
+//# sourceMappingURL=Card.js.map

package/dist/esm/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAEF,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,4KAAiC,kGAIlD,EAAqF,KACrG,KADgB,UAAC,EAAgB;QAAd,YAAY,kBAAA;IAAO,OAAA,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,YAAY,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM,CAAC;AAA/D,CAA+D,CACrG,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAG,UAAC,EAKwC;IAJ3D,IAAA,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAJW,+BAKpB,CADS;IAER,OAAO,CACL,oBAAC,UAAU,6BAAe,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC5D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ChatMessage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ChatMessageProps } from '@/interfaces';
+export declare const ChatMessage: React.FC<ChatMessageProps>;

package/dist/esm/components/ChatMessage.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import { Box, Typography } from '@mui/material';
+import { styled } from '@mui/material/styles';
+var Item = styled(Box)(function (_a) {
+    var orient = _a.orient;
+    return ({
+        borderColor: '#ccc',
+        display: 'flex',
+        position: 'relative',
+        width: '100%',
+        justifyContent: orient === 'replay' ? 'flex-end' : 'flex-start',
+        marginBottom: '10px',
+        alignItems: 'center',
+    });
+});
+var ContainerStyled = styled(Box)({
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    minWidth: '640px',
+    backgroundColor: '#F0F0F0',
+    padding: '10px',
+});
+var BoxStyled = styled(Box)(function (_a) {
+    var orient = _a.orient;
+    return ({
+        width: '70%',
+        backgroundColor: orient === 'replay' ? '#E18B50' : '#FFF',
+        color: orient === 'replay' ? '#FFF' : '#4D4F5C',
+        borderTopLeftRadius: 30,
+        borderTopRightRadius: 30,
+        borderBottomLeftRadius: orient === 'me' ? 2 : 30,
+        borderBottomRightRadius: orient === 'me' ? 30 : 2,
+        marginLeft: orient === 'replay' ? '10px' : 0,
+        marginRight: orient === 'me' ? '10px' : 0,
+        padding: 20,
+    });
+});
+export var ChatMessage = function (_a) {
+    var data = _a.data;
+    return (React.createElement(ContainerStyled, null, data.map(function (item, key) { return (React.createElement(Item, { key: key, orient: item.send },
+        item.emotion && item.send === 'replay' && React.createElement(React.Fragment, null, item.emotion),
+        React.createElement(BoxStyled, { orient: item.send },
+            React.createElement(Typography, { variant: "subtitle2", style: {
+                    marginBottom: '5px',
+                    font: 'normal normal 600 16px/20px Source Sans Pro',
+                } }, item.name),
+            React.createElement(Typography, { variant: "body1", style: {
+                    font: 'normal normal normal 16px/20px Source Sans Pro',
+                } }, item.message),
+            React.createElement(Typography, { variant: "caption", style: {
+                    position: 'absolute',
+                    bottom: '-18px',
+                    left: item.send === 'me' ? 0 : 'auto',
+                    right: item.send === 'me' ? 'auto' : 0,
+                    font: 'normal normal normal 11px/13px Source Sans Pro',
+                    opacity: 0.5,
+                    color: '#4D4F5C',
+                } }, item.time)),
+        item.emotion && item.send === 'me' && React.createElement(React.Fragment, null, item.emotion),
+        item.emotionReplay && item.send === 'me' && React.createElement(React.Fragment, null, item.emotionReplay))); })));
+};
+//# sourceMappingURL=ChatMessage.js.map

package/dist/esm/components/ChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessage.js","sourceRoot":"","sources":["../../../src/components/ChatMessage.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ChatMessageBalloonProps } from '../../interfaces';
+export declare const ChatMessageBalloon: React.FC<ChatMessageBalloonProps>;

package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.js

@@ -0,0 +1,29 @@
+import { __assign, __rest } from "tslib";
+import React, { useMemo } from 'react';
+import { Typography } from '@mui/material';
+import * as S from './ChatMessageBalloon.style';
+export var ChatMessageBalloon = function (_a) {
+    var label = _a.label, description = _a.description, date = _a.date, direction = _a.direction, children = _a.children, className = _a.className, bottomChildren = _a.bottomChildren, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onRowMouseEnter = _a.onRowMouseEnter, onRowMouseLeave = _a.onRowMouseLeave, highlight = _a.highlight, rest = __rest(_a, ["label", "description", "date", "direction", "children", "className", "bottomChildren", "onMouseEnter", "onMouseLeave", "onRowMouseEnter", "onRowMouseLeave", "highlight"]);
+    var ballonClassNames = useMemo(function () {
+        var classNames = [];
+        if (!!onMouseEnter)
+            classNames.push('is-interactive');
+        if (!!highlight)
+            classNames.push('is-highlight');
+        return classNames.join(" ");
+    }, [highlight, onMouseEnter]);
+    return (React.createElement(S.ChatMessageBalloonContainerStyle, __assign({ className: className }, rest),
+        React.createElement(S.ChatMessageBalloonRowStyle, { direction: direction, onMouseLeave: onRowMouseLeave, onMouseEnter: onRowMouseEnter },
+            React.createElement(S.ChatMessageBalloonStyle, { onMouseLeave: onMouseLeave, onMouseEnter: onMouseEnter, direction: direction, className: ballonClassNames },
+                React.createElement(Typography, { variant: "subtitle2", style: {
+                        fontSize: "1rem",
+                        fontWeight: "600",
+                        marginBottom: '5px'
+                    } }, label),
+                description),
+            React.createElement(S.ChatMessageChildrenStyle, { direction: direction }, children)),
+        React.createElement(S.ChatMessageBalloonRowStyle, { direction: direction, sx: { gap: "10px" } },
+            React.createElement(S.ChatMessageDateStyle, { fontSize: "0.7rem" }, date),
+            bottomChildren)));
+};
+//# sourceMappingURL=ChatMessageBalloon.js.map

package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageBalloon.js","sourceRoot":"","sources":["../../../../src/components/ChatMessageBalloon/ChatMessageBalloon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,KAAK,CAAC,MAAM,4BAA4B,CAAA;AAE/C,MAAM,CAAC,IAAM,kBAAkB,GAAsC,UAAC,EAcnE;IAbC,IAAA,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,SAAS,eAAA,EACN,IAAI,cAb2D,2KAcnE,CADQ;IAGT,IAAM,gBAAgB,GAAG,OAAO,CAAC;QAC/B,IAAM,UAAU,GAAG,EAAE,CAAA;QACrB,IAAG,CAAC,CAAC,YAAY;YAAE,UAAU,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAA;QACpD,IAAG,CAAC,CAAC,SAAS;YAAE,UAAU,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;QAC/C,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAA;IAE7B,OAAO,CACL,oBAAC,CAAC,CAAC,gCAAgC,aAAC,SAAS,EAAE,SAAS,IAAM,IAAI;QAChE,oBAAC,CAAC,CAAC,0BAA0B,IAAC,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe;YAC9G,oBAAC,CAAC,CAAC,uBAAuB,IAAC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB;gBAClI,oBAAC,UAAU,IACT,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,KAAK;wBACjB,YAAY,EAAE,KAAK;qBACpB,IAEA,KAAK,CACK;gBACZ,WAAW,CACc;YAC5B,oBAAC,CAAC,CAAC,wBAAwB,IAAC,SAAS,EAAE,SAAS,IAC7C,QAAQ,CACkB,CACA;QAC/B,oBAAC,CAAC,CAAC,0BAA0B,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAC,GAAG,EAAE,MAAM,EAAC;YACnE,oBAAC,CAAC,CAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,IAAG,IAAI,CAA0B;YAC1E,cAAc,CACc,CACI,CACtC,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.d.ts

@@ -0,0 +1,5 @@
+export declare const ChatMessageBalloonContainerStyle: any;
+export declare const ChatMessageBalloonRowStyle: any;
+export declare const ChatMessageBalloonStyle: any;
+export declare const ChatMessageDateStyle: any;
+export declare const ChatMessageChildrenStyle: any;

package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.js

@@ -0,0 +1,13 @@
+import { __makeTemplateObject } from "tslib";
+import { Box, Typography } from '@mui/material';
+import { styled } from '@mui/material/styles';
+export var ChatMessageBalloonContainerStyle = styled(Box)({
+    display: 'flex',
+    flexDirection: 'column',
+});
+export var ChatMessageBalloonRowStyle = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  margin-bottom: 8px;\n  flex-direction: ", ";\n\n  &:last-child {\n    margin-bottom: 0px;\n  }\n"], ["\n  display: flex;\n  margin-bottom: 8px;\n  flex-direction: ", ";\n\n  &:last-child {\n    margin-bottom: 0px;\n  }\n"])), function (props) { return (props.direction === 'I' ? 'row-reverse' : 'row'); });
+export var ChatMessageBalloonStyle = styled('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 2px solid transparent;\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  width: 60%;\n  transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n  &.is-highlight {\n    border: 2px solid #8a8888;\n  }\n\n  &.is-interactive {\n    cursor: pointer;\n\n    &:hover {\n      border: 2px solid #8a8888;\n    }\n  }\n"], ["\n  background-color: ", ";\n  border: 2px solid transparent;\n  border-radius: ", ";\n  box-sizing: border-box;\n  color: ", ";\n  display: flex;\n  flex-direction: column;\n  padding: 12px 24px;\n  width: 60%;\n  transition: border 0.6s cubic-bezier(0.16, 1, 0.3, 1);\n\n  &.is-highlight {\n    border: 2px solid #8a8888;\n  }\n\n  &.is-interactive {\n    cursor: pointer;\n\n    &:hover {\n      border: 2px solid #8a8888;\n    }\n  }\n"])), function (props) { return (props.direction === 'I' ? '#FFF' : '#E18B50'); }, function (props) { return (props.direction === 'I' ? '20px 20px 0px 20px' : '20px 20px 20px 0px'); }, function (props) { return (props.direction === 'I' ? '#4D4F5B' : '#FFF'); });
+export var ChatMessageDateStyle = styled(Typography)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  color: #43425d;\n  opacity: 0.5;\n"], ["\n  color: #43425d;\n  opacity: 0.5;\n"])));
+export var ChatMessageChildrenStyle = styled('div')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  align-items: center;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  justify-content: ", ";\n  padding: 8px;\n"], ["\n  align-items: center;\n  box-sizing: border-box;\n  display: flex;\n  flex: 1;\n  justify-content: ", ";\n  padding: 8px;\n"])), function (props) { return (props.direction === 'I' ? 'end' : 'start'); });
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=ChatMessageBalloon.style.js.map

package/dist/esm/components/ChatMessageBalloon/ChatMessageBalloon.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatMessageBalloon.style.js","sourceRoot":"","sources":["../../../../src/components/ChatMessageBalloon/ChatMessageBalloon.style.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,IAAM,gCAAgC,GAAQ,MAAM,CAAC,GAAG,CAAC,CAAC;IAC/D,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,0BAA0B,GAAQ,MAAM,CAAC,KAAK,CAAC,2LAAuB,+DAG/D,EAA0D,uDAK7E,KALmB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjD,CAAiD,CAK7E,CAAC;AAEF,MAAM,CAAC,IAAM,uBAAuB,GAAQ,MAAM,CAAC,KAAK,CAAC,4fAAuB,wBAC1D,EAAuD,wDAE1D,EAAgF,yCAExF,EAAuD,0TAkBjE,KAtBqB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAA9C,CAA8C,EAE1D,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,CAAC,EAAvE,CAAuE,EAExF,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAA9C,CAA8C,CAkBjE,CAAC;AAEF,MAAM,CAAC,IAAM,oBAAoB,GAAQ,MAAM,CAAC,UAAU,CAAC,2GAAA,wCAG1D,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,wBAAwB,GAAQ,MAAM,CAAC,KAAK,CAAC,mMAAuB,wGAK5D,EAAoD,sBAExE,KAFoB,UAAA,KAAK,IAAI,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,EAA3C,CAA2C,CAExE,CAAC"}

package/dist/esm/components/CheckBox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CheckBoxBaseProps } from '../interfaces';
+export declare const CheckBox: ({ ...props }: CheckBoxBaseProps) => React.JSX.Element;