norma-library 0.5.80 → 0.5.121

package/.babelrc.json

@@ -1,18 +1,18 @@
-{
-  "sourceType": "unambiguous",
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "targets": {
-          "chrome": 100,
-          "safari": 15,
-          "firefox": 91
-        }
-      }
-    ],
-    "@babel/preset-typescript",
-    "@babel/preset-react"
-  ],
-  "plugins": []
-}
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100,
+          "safari": 15,
+          "firefox": 91
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

package/.prettierignore

@@ -1,11 +1,11 @@
-*.json
-.husky/
-.storybook/
-storybook-static/
-scripts/
-lib/
-build/
-dist/
-src/styles/*
-*.d.ts
+*.json
+.husky/
+.storybook/
+storybook-static/
+scripts/
+lib/
+build/
+dist/
+src/styles/*
+*.d.ts
 .rollup.cache

package/.prettierrc.json

@@ -1,20 +1,20 @@
-{
-  "printWidth": 120,
-  "singleQuote": true,
-  "trailingComma": "all",
-  "arrowParens": "avoid",
-  "overrides": [
-    {
-      "files": ["docs/**/*.md", "docs/src/pages/**/*.{js,tsx}", "docs/data/**/*.{js,tsx}"],
-      "options": {
-        "printWidth": 85
-      }
-    },
-    {
-      "files": ["docs/pages/blog/**/*.md"],
-      "options": {
-        "printWidth": 82
-      }
-    }
-  ]
-}
+{
+  "printWidth": 120,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "arrowParens": "avoid",
+  "overrides": [
+    {
+      "files": ["docs/**/*.md", "docs/src/pages/**/*.{js,tsx}", "docs/data/**/*.{js,tsx}"],
+      "options": {
+        "printWidth": 85
+      }
+    },
+    {
+      "files": ["docs/pages/blog/**/*.md"],
+      "options": {
+        "printWidth": 82
+      }
+    }
+  ]
+}

package/.storybook/main.ts

@@ -1,20 +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;
+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

@@ -1,15 +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;
+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

@@ -1,44 +1,44 @@
-<!-- markdownlint-disable-next-line -->
-<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)
-[![npm latest package](https://img.shields.io/npm/v/@mui/material/latest.svg)](https://www.npmjs.com/package/@mui/material)
-[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
-
-[Documentation](#Documentation) |
-[Contributing](#Contributing) |
-[Changelog](#Changelog) |
-[License](#License)
-
----
-
-</div>
-
-## Configurações
-
-- [React v18](https://react.dev/)
-- [TypeScript](https://www.typescriptlang.org/)
-- UI development with [Storybook](https://storybook.js.org/)
-- Unit test with [Testing-library](https://testing-library.com/)
-- Linting with [Eslint](https://eslint.org/) and code formatting with [Prettier](https://prettier.io/)
-- Conventional commit messages with [Commitlint][commitlint-url]
-- Build the library with [Rollup][rollup-url]
-- Automated release with [changesets][changesets-url]
-
-# Documentação
-
-### Instalação
-Para instalação das dependencias:
-``` 
-npm install
-```
-### Execução do projeto
-Para utilizar o Storybook:
-```
-npm run storybook
+<!-- markdownlint-disable-next-line -->
+<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)
+[![npm latest package](https://img.shields.io/npm/v/@mui/material/latest.svg)](https://www.npmjs.com/package/@mui/material)
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)
+
+[Documentation](#Documentation) |
+[Contributing](#Contributing) |
+[Changelog](#Changelog) |
+[License](#License)
+
+---
+
+</div>
+
+## Configurações
+
+- [React v18](https://react.dev/)
+- [TypeScript](https://www.typescriptlang.org/)
+- UI development with [Storybook](https://storybook.js.org/)
+- Unit test with [Testing-library](https://testing-library.com/)
+- Linting with [Eslint](https://eslint.org/) and code formatting with [Prettier](https://prettier.io/)
+- Conventional commit messages with [Commitlint][commitlint-url]
+- Build the library with [Rollup][rollup-url]
+- Automated release with [changesets][changesets-url]
+
+# Documentação
+
+### Instalação
+Para instalação das dependencias:
+``` 
+npm install
+```
+### Execução do projeto
+Para utilizar o Storybook:
+```
+npm run storybook
 ```

package/commitlint.config.js

@@ -1 +1 @@
-module.exports = {extends: ['@commitlint/config-conventional']}
+module.exports = {extends: ['@commitlint/config-conventional']}

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/Card.d.ts

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

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

@@ -3,7 +3,7 @@ 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, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onRowMouseEnter = _a.onRowMouseEnter, onRowMouseLeave = _a.onRowMouseLeave, highlight = _a.highlight, rest = __rest(_a, ["label", "description", "date", "direction", "children", "className", "onMouseEnter", "onMouseLeave", "onRowMouseEnter", "onRowMouseLeave", "highlight"]);
+    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)
@@ -22,7 +22,8 @@ export var ChatMessageBalloon = function (_a) {
                     } }, label),
                 description),
             React.createElement(S.ChatMessageChildrenStyle, { direction: direction }, children)),
-        React.createElement(S.ChatMessageBalloonRowStyle, { direction: direction },
-            React.createElement(S.ChatMessageDateStyle, { fontSize: "0.7rem" }, date))));
+        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

@@ -1 +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,EAanE;IAZC,IAAA,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,SAAS,eAAA,EACN,IAAI,cAZ2D,yJAanE,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;YAChD,oBAAC,CAAC,CAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,IAAG,IAAI,CAA0B,CAC9C,CACI,CACtC,CAAC;AACJ,CAAC,CAAC"}
+{"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

@@ -10,7 +10,7 @@ export declare const ChatMessageBalloonStyle: import("@emotion/styled").StyledCo
 }, 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;
-}, "p" | "style" | "className" | "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" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "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" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "p" | "style" | "className" | "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" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "noWrap" | "gutterBottom" | "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

@@ -6,7 +6,7 @@ export var ChatMessageBalloonContainerStyle = styled(Box)({
     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: 1px 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: 1px 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 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;

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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../src/components/Icons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGlC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,CAAC,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAC3B;IACE,cAAc,EAAE,SAAS;IACzB,SAAS,EAAE,oBAAoB;CAChC,EACD,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAA7D,CAA6D,CAC9E,CAAC;AAEF,IAAM,SAAS,GAA8B;IAC3C,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,4EAA4E;AAC5E,IAAM,MAAM,GAA+B;IACzC,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,KAAK,EAAE,OAAO,CAAC,KAAK;CACrB,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAkC,UAAC,EAMxC;IALX,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAL2C,uCAMpD,CADS;IAER,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,KAAK,EAAE;QACT,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QACzB,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;KAC3B;IAED,yEAAyE;IACzE,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,IAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE7B,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,4SAAA,sGAIZ,EAAI,+BAEA,EAAM,wCAGN,EAAM,sCAGN,EAAM,cAEnB,KAVS,IAAI,EAEA,MAAM,EAGN,MAAM,EAGN,MAAM,CAEnB,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,aAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,UAAG,KAAK,OAAI,EAAE,MAAM,EAAE,UAAG,MAAM,OAAI,IAAM,KAAK,GAC3E,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAE,iBAAU,IAAI,CAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACjE,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CACrD,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Icons.js","sourceRoot":"","sources":["../../../src/components/Icons.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAGlC,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,CAAC,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAC3B;IACE,cAAc,EAAE,SAAS;IACzB,SAAS,EAAE,oBAAoB;CAChC,EACD,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAA7D,CAA6D,CAC9E,CAAC;AAEF,IAAM,SAAS,GAA8B;IAC3C,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,4EAA4E;AAC5E,IAAM,MAAM,GAA+B;IACzC,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,KAAK,EAAE,OAAO,CAAC,KAAK;CACrB,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAkC,UAAC,EAMxC;IALX,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAL2C,uCAMpD,CADS;IAER,IAAI,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,MAAM,GAAG,EAAE,CAAC;IAChB,IAAI,KAAK,EAAE,CAAC;QACV,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;QACzB,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC;IAED,yEAAyE;IACzE,IAAM,IAAI,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,IAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE7B,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,4SAAA,sGAIZ,EAAI,+BAEA,EAAM,wCAGN,EAAM,sCAGN,EAAM,cAEnB,KAVS,IAAI,EAEA,MAAM,EAGN,MAAM,EAGN,MAAM,CAEnB,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,aAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,UAAG,KAAK,OAAI,EAAE,MAAM,EAAE,UAAG,MAAM,OAAI,IAAM,KAAK,GAC3E,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAE,iBAAU,IAAI,CAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,GAAI,CACjE,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CACrD,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ModalBaseProps } from '../interfaces';
 export declare function Close(): React.JSX.Element;
-export declare const Modal: ({ open, children, ...props }: ModalBaseProps) => React.JSX.Element;
+export declare const Modal: ({ open, children, paperProps, ...props }: ModalBaseProps) => React.JSX.Element;

package/dist/esm/components/Modal.js

@@ -5,7 +5,7 @@ import { styled } from '@mui/material/styles';
 import { IconButton } from './IconButton';
 import { Button } from './Button';
 var ModalStyled = styled(MuiModal)({});
-var ModalContentStyled = styled(Paper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid #00000033;\n  border-radius: 4px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 421px;\n  transform: translate(-50%, -50%);\n  bgcolor: background.paper;\n  box-shadow: 24px;\n"], ["\n  border: 1px solid #00000033;\n  border-radius: 4px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 421px;\n  transform: translate(-50%, -50%);\n  bgcolor: background.paper;\n  box-shadow: 24px;\n"])));
+var ModalContentStyled = styled(Paper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid #00000033;\n  border-radius: 4px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 421px;\n  transform: translate(-50%, -50%);\n  background-color: #FFF;\n  box-shadow: 24px;\n"], ["\n  border: 1px solid #00000033;\n  border-radius: 4px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 421px;\n  transform: translate(-50%, -50%);\n  background-color: #FFF;\n  box-shadow: 24px;\n"])));
 var ModalHeaderStyled = styled(Box)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  text-align: left;\n  border-bottom: 1px solid #00000033;\n  box-sizing: border-box;\n  margin: 0;\n  position: relative;\n  padding: 22px 26px 15px 26px;\n  justify-content: space-between;\n  display: flex;\n\n  & h2 {\n    font: normal normal 600 18px/30px Source Sans Pro;\n    color: #292929;\n  }\n"], ["\n  text-align: left;\n  border-bottom: 1px solid #00000033;\n  box-sizing: border-box;\n  margin: 0;\n  position: relative;\n  padding: 22px 26px 15px 26px;\n  justify-content: space-between;\n  display: flex;\n\n  & h2 {\n    font: normal normal 600 18px/30px Source Sans Pro;\n    color: #292929;\n  }\n"])));
 var ModalFooterStyled = styled(Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-top: 1px solid #00000033;\n  box-sizing: border-box;\n  position: relative;\n  padding: 24px;\n  display: flex;\n  justify-content: end;\n  gap: 24px;\n"], ["\n  border-top: 1px solid #00000033;\n  box-sizing: border-box;\n  position: relative;\n  padding: 24px;\n  display: flex;\n  justify-content: end;\n  gap: 24px;\n"])));
 var ModalContainerChildrenStyled = styled(Box)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  box-sizing: border-box;\n  padding: 24px;\n"], ["\n  box-sizing: border-box;\n  padding: 24px;\n"])));
@@ -14,15 +14,19 @@ export function Close() {
         React.createElement("path", { clipRule: "evenodd", fillRule: "evenodd", d: "M5.47 5.47a.75.75 0 011.06 0L12 10.94l5.47-5.47a.75.75 0 111.06 1.06L13.06 12l5.47 5.47a.75.75 0 11-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 01-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 010-1.06z" })));
 }
 export var Modal = function (_a) {
-    var open = _a.open, children = _a.children, props = __rest(_a, ["open", "children"]);
+    var _b;
+    var open = _a.open, children = _a.children, paperProps = _a.paperProps, props = __rest(_a, ["open", "children", "paperProps"]);
     return (React.createElement(ModalStyled, __assign({ open: true }, props),
-        React.createElement(ModalContentStyled, null,
+        React.createElement(ModalContentStyled, __assign({}, paperProps),
             props.title && (React.createElement(ModalHeaderStyled, null,
                 React.createElement(Typography, { variant: 'h2' }, props.title),
                 React.createElement(IconButton, { onClick: props.onClose, size: "small", color: "inherit", variant: "text", cursor: "pointer", sx: { padding: "0" } },
                     React.createElement(Close, null)))),
             React.createElement(ModalContainerChildrenStyled, null, children),
-            props.action && (React.createElement(ModalFooterStyled, null, props.action.map(function (item, key) { return (React.createElement(Button, { color: item.color, variant: item.variant, key: key, onClick: item.action, size: item.size }, item.label)); }))))));
+            !!((_b = props.action) === null || _b === void 0 ? void 0 : _b.length) && (React.createElement(ModalFooterStyled, null, props.action.map(function (_a, key) {
+                var color = _a.color, variant = _a.variant, action = _a.action, size = _a.size, label = _a.label, rest = __rest(_a, ["color", "variant", "action", "size", "label"]);
+                return (React.createElement(Button, __assign({ color: color, variant: variant, key: key, onClick: action, size: size }, rest), label));
+            }))))));
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 //# sourceMappingURL=Modal.js.map