norma-library 0.5.3 → 0.5.9

package/.storybook/main.ts

@@ -0,0 +1,20 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-onboarding',
+    '@storybook/addon-interactions',
+    '@storybook/addon-mdx-gfm'
+  ],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+};
+export default config;

package/.storybook/preview.ts

@@ -0,0 +1,15 @@
+import type { Preview } from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/README.md

@@ -2,11 +2,8 @@
 <p align="center">
   <img width="120" height="120" src="https://www.olos.com.br/wp-content/uploads/2023/03/cropped-selo-olos-1-180x180.png" alt="Olos logo">
 </p>
-
 <h1 align="center">Norma DS </h1>
-
 <div align="center">
-
 Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and Styled Components to create reusable and consistent components in web applications.
 
 [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/mui/material-ui/blob/HEAD/LICENSE)
@@ -22,7 +19,7 @@ Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and
 
 </div>
 
-## The Setup
+## Configurações
 
 - [React v18](https://react.dev/)
 - [TypeScript](https://www.typescriptlang.org/)
@@ -33,10 +30,15 @@ Olos/Norma-DS. Design System based on Material UI, developed with TypeScript and
 - Build the library with [Rollup][rollup-url]
 - Automated release with [changesets][changesets-url]
 
-# Documentation
-
-# Contributing
-
-# Changelog
-
-# License
+# Documentação
+
+### Instalação
+Para instalação das dependencias:
+``` 
+npm install
+```
+### Execução do projeto
+Para utilizar o Storybook:
+```
+npm run storybook
+```

package/dist/esm/components/Accordion.js

@@ -1,24 +1,20 @@
 import { __assign, __rest } from "tslib";
-import React, { useMemo } from 'react';
-import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion, ThemeProvider, Typography, useMediaQuery, } from '@mui/material';
+import React from 'react';
+import { AccordionDetails, AccordionSummary, Accordion as MuiAccordion, Typography } from '@mui/material';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
-import { themes } from '../helpers';
 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 prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
     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);
     }; };
-    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
-    return (React.createElement(ThemeProvider, { theme: theme },
-        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))); }))));
+    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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,IAAI,YAAY,EACzB,aAAa,EACb,UAAU,EACV,aAAa,GACd,MAAM,eAAe,CAAC;AACvB,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,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;IACtE,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;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,IAAM,KAAK,GAAG,OAAO,CAAC,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAE/F,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,0CACG,IAAI;YACH,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;gBACnG,oBAAC,gBAAgB,IACf,UAAU,EAAE,oBAAC,cAAc,OAAG,mBACf,gBAAS,GAAG,aAAU,EACrC,EAAE,EAAE,gBAAS,GAAG,YAAS;oBAEzB,oBAAC,UAAU,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAc,CACzD;gBACnB,oBAAC,gBAAgB,QAAE,IAAI,CAAC,QAAQ,CAAoB,CACpC,CACnB,EAXuB,CAWvB,CAAC,CACH,CACW,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"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.js

@@ -1,17 +1,13 @@
 import { __assign, __rest } from "tslib";
-import React, { useMemo } from 'react';
-import { ThemeProvider, useMediaQuery, Avatar as MuiVatar } from '@mui/material';
+import React from 'react';
+import { Avatar as MuiVatar } from '@mui/material';
 import { styled } from '@mui/material/styles';
-import { themes } from '../helpers';
 var AvatarStyled = styled(MuiVatar)({
     textTransform: 'none',
     color: 'currentcolor',
 });
 export var Avatar = function (_a) {
     var src = _a.src, props = __rest(_a, ["src"]);
-    var prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
-    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
-    return (React.createElement(ThemeProvider, { theme: theme },
-        React.createElement(AvatarStyled, __assign({ src: src }, props))));
+    return (React.createElement(AvatarStyled, __assign({ src: src }, props)));
 };
 //# sourceMappingURL=Avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGjF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,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,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CAAC,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/F,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,YAAY,aAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CACvB,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"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.js

@@ -1,14 +1,10 @@
 import { __assign, __rest } from "tslib";
-import React, { useMemo } from 'react';
-import { ThemeProvider, useMediaQuery, Badge as MuiBadge } from '@mui/material';
+import React from 'react';
+import { Badge as MuiBadge } from '@mui/material';
 import { styled } from '@mui/material/styles';
-import { themes } from '../helpers';
 var BadgeStyled = styled(MuiBadge)({});
 export var Badge = function (_a) {
     var props = __rest(_a, []);
-    var prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
-    var theme = useMemo(function () { return (prefersDarkMode ? themes.dark : themes.light); }, [prefersDarkMode]);
-    return (React.createElement(ThemeProvider, { theme: theme },
-        React.createElement(BadgeStyled, __assign({}, props))));
+    return (React.createElement(BadgeStyled, __assign({}, props)));
 };
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGhF,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAEpC,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,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CAAC,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9C,CAA8C,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAC/F,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,WAAW,eAAK,KAAK,EAAI,CACZ,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"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,5 @@
+/// <reference types="react" />
+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,3 @@
+/// <reference types="react" />
+import { BoxProps } from "./interfaces";
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps>>;

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,5 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ListLinks: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Link: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
+export declare const Arrow: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

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.js

@@ -1,7 +1,6 @@
 import { __assign, __rest } from "tslib";
-import React, { useMemo } from 'react';
-import { Button as MuiButton, ThemeProvider, useMediaQuery } from '@mui/material';
-import { themes } from '../helpers';
+import React from 'react';
+import { Button as MuiButton } from '@mui/material';
 import { styled } from '@mui/material/styles';
 var ButtonStyled = styled(MuiButton)({
     textTransform: 'none',
@@ -12,11 +11,8 @@ var ButtonStyled = styled(MuiButton)({
 });
 export var Button = function (_a) {
     var label = _a.label, children = _a.children, props = __rest(_a, ["label", "children"]);
-    var prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
-    var theme = useMemo(function () { return (prefersDarkMode ? themes.dark : themes.light); }, [prefersDarkMode]);
-    return (React.createElement(ThemeProvider, { theme: theme },
-        React.createElement(ButtonStyled, __assign({}, props, { sx: {
-                color: props.variant === 'contained' ? '#FFFF' : props.color,
-            } }), label ? 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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,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;IAChD,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CAAC,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA9C,CAA8C,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAE/F,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,YAAY,eACP,KAAK,IACT,EAAE,EAAE;gBACF,KAAK,EAAE,KAAK,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;aAC7D,KAEA,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CACZ,CACD,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"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.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import React, { useMemo } from 'react';
-import { Card as MuiCard, ThemeProvider, useMediaQuery } from '@mui/material';
-import { palette, themes } from '../helpers';
+import React from 'react';
+import { Card as MuiCard } from '@mui/material';
+import { palette } from '../helpers';
 import { styled } from '@mui/material/styles';
 var colorMap = {
     inherit: palette.inherit,
@@ -23,9 +23,6 @@ var CardStyled = styled(MuiCard)(function (_a) {
 });
 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"]);
-    var prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
-    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
-    return (React.createElement(ThemeProvider, { theme: theme },
-        React.createElement(CardStyled, __assign({ borderColor: border ? color : undefined }, props), children)));
+    return (React.createElement(CardStyled, __assign({ borderColor: border ? color : undefined }, props), children));
 };
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,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,CAE/B,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,CAAC;QACvB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,uBAAuB;QAClC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,WAAW,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;KACxE,CAAC;AALsB,CAKtB,CAAC,CAAC;AAEJ,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,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IAEtE,IAAM,KAAK,GAAG,OAAO,CAAC,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAE/F,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK;QACzB,oBAAC,UAAU,aAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC3D,QAAQ,CACE,CACC,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"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,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,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,CAE/B,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,CAAC;QACvB,OAAO,EAAE,EAAE;QACX,YAAY,EAAE,CAAC;QACf,SAAS,EAAE,uBAAuB;QAClC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC,oBAAa,QAAQ,CAAC,WAAW,CAAC,CAAE,CAAC,CAAC,CAAC,MAAM;KACxE,CAAC;AALsB,CAKtB,CAAC,CAAC;AAEJ,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,aAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAM,KAAK,GAC3D,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC"}

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,16 @@
+/// <reference types="react" />
+export declare const ChatMessageBalloonContainerStyle: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ChatMessageBalloonRowStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    direction: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ChatMessageBalloonStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    direction: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ChatMessageDateStyle: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "className" | "style" | "classes" | "children" | "sx" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ChatMessageChildrenStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    direction: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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: .5;\n"], ["\n  color: #43425D;\n  opacity: .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,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1D,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,IAAM,0BAA0B,GAAG,MAAM,CAAC,KAAK,CAAC,2LAAuB,+DAG1D,EAA4D,uDAK/E,KALmB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,EAAjD,CAAiD,CAK/E,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,4fAAuB,wBACrD,EAAyD,wDAE5D,EAAkF,yCAE1F,EAAyD,0TAkBnE,KAtBqB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAA9C,CAA8C,EAE5D,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,oBAAoB,EAAvE,CAAuE,EAE1F,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAA9C,CAA8C,CAkBnE,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,0GAAA,uCAGrD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,KAAK,CAAC,mMAAuB,wGAKvD,EAAsD,sBAE1E,KAFoB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAA3C,CAA2C,CAE1E,CAAC"}

package/dist/esm/components/CheckBox.js

@@ -1,13 +1,10 @@
 import { __assign, __rest } from "tslib";
-import React, { useMemo } from 'react';
-import { FormControlLabel, Checkbox as MuiCheckbox, ThemeProvider, useMediaQuery } from '@mui/material';
-import { themes } from '../helpers';
+import React from 'react';
+import { FormControlLabel, Checkbox as MuiCheckbox } from '@mui/material';
 import { styled } from '@mui/material/styles';
 var CheckBoxStyled = styled(MuiCheckbox)({});
 export var CheckBox = function (_a) {
     var props = __rest(_a, []);
-    var prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
-    var theme = useMemo(function () { return (prefersDarkMode ? themes.light : themes.dark); }, [prefersDarkMode]);
-    return (React.createElement(ThemeProvider, { theme: theme }, props.label ? (React.createElement(FormControlLabel, { control: React.createElement(CheckBoxStyled, __assign({}, props)), label: props.label })) : (React.createElement(CheckBoxStyled, __assign({}, props)))));
+    return (React.createElement(React.Fragment, null, props.label ? (React.createElement(FormControlLabel, { control: React.createElement(CheckBoxStyled, __assign({}, props)), label: props.label })) : (React.createElement(CheckBoxStyled, __assign({}, props)))));
 };
 //# sourceMappingURL=CheckBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,WAAW,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAIxG,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA+B;QAA1B,KAAK,cAAV,EAAY,CAAF;IACjC,IAAM,eAAe,GAAG,aAAa,CAAC,8BAA8B,CAAC,CAAC;IACtE,IAAM,KAAK,GAAG,OAAO,CAAC,cAAM,OAAA,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAA9C,CAA8C,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAE/F,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,IACxB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,gBAAgB,IAAC,OAAO,EAAE,oBAAC,cAAc,eAAK,KAAK,EAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,eAAK,KAAK,EAAI,CAC9B,CACa,CACjB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AAI1E,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,IAAM,cAAc,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;AAE/C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,EAA+B;QAA1B,KAAK,cAAV,EAAY,CAAF;IAEjC,OAAO,CACL,0CACG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACb,oBAAC,gBAAgB,IAAC,OAAO,EAAE,oBAAC,cAAc,eAAK,KAAK,EAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,eAAK,KAAK,EAAI,CAC9B,CACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

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

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

@@ -0,0 +1,15 @@
+import React, { useState } from "react";
+import DatePicker from "react-datepicker";
+import * as S from "./styles";
+var DateInput = function (_a) {
+    var label = _a.label, dateFormat = _a.dateFormat, dateSelected = _a.dateSelected, className = _a.className, showTimeSelect = _a.showTimeSelect, timeFormat = _a.timeFormat, disabled = _a.disabled, onChange = _a.onChange;
+    var _b = useState(dateSelected), date = _b[0], setDate = _b[1];
+    return (React.createElement(S.Container, { className: className },
+        React.createElement(S.Label, null, label),
+        React.createElement(DatePicker, { dateFormat: dateFormat, selected: date, showTimeSelect: showTimeSelect, timeFormat: timeFormat, disabled: disabled, onChange: function (date) {
+                setDate(date);
+                onChange(date);
+            } })));
+};
+export default DateInput;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DateInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,KAAK,CAAC,MAAM,UAAU,CAAA;AAG7B,IAAM,SAAS,GAA4B,UAAC,EASzC;QARC,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA;IAEJ,IAAA,KAAkB,QAAQ,CAAc,YAAY,CAAC,EAApD,IAAI,QAAA,EAAE,OAAO,QAAuC,CAAA;IAC3D,OAAO,CACL,oBAAC,CAAC,CAAC,SAAS,IAAC,SAAS,EAAE,SAAS;QAC/B,oBAAC,CAAC,CAAC,KAAK,QAAE,KAAK,CAAW;QAC1B,oBAAC,UAAU,IACT,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,IAAI,EACd,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,UAAC,IAAI;gBACb,OAAO,CAAC,IAAI,CAAC,CAAA;gBACb,QAAQ,CAAC,IAAI,CAAC,CAAA;YAChB,CAAC,GACD,CACU,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,12 @@
+export interface DateInputProps {
+    className?: string;
+    label: string;
+    dateSelected: Date;
+    onChange: Function;
+    dateFormat: string;
+    showTimeSelect?: boolean;
+    timeFormat?: string;
+    disabled?: boolean;
+}
+export interface ContainerStyles {
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "react-datepicker/dist/react-datepicker.css";
+import { ContainerStyles } from './interface';
+export declare const Container: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ContainerStyles>>;
+export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>;

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

@@ -0,0 +1,7 @@
+import { __makeTemplateObject } from "tslib";
+import styled from "styled-components";
+import "react-datepicker/dist/react-datepicker.css";
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .react-datepicker-wrapper {\n    width: 100%;\n    input {\n      border: none;\n      color: #4D4F5C;\n      border-bottom: 1px solid #00000033;\n      outline: none;\n      font-size: 18px;\n      padding: 8px;\n      width: 100%;\n      font-size: 16px;\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  .react-datepicker-wrapper {\n    width: 100%;\n    input {\n      border: none;\n      color: #4D4F5C;\n      border-bottom: 1px solid #00000033;\n      outline: none;\n      font-size: 18px;\n      padding: 8px;\n      width: 100%;\n      font-size: 16px;\n    }\n  }\n"])));
+export var Label = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 14px;\n  margin: 0 0 4px 0;\n  color: #666;\n"], ["\n  font-size: 14px;\n  margin: 0 0 4px 0;\n  color: #666;\n"])));
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/DateInput/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,4CAA4C,CAAC;AAGpD,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,oZAAiB,iVAiBnD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,iIAAA,8DAIhC,IAAA,CAAA"}