takeat-design-system-ui-kit 0.1.18 → 0.1.21

package/dist/esm/components/Layouts/GridArea/GridArea.stories.js

@@ -1,9 +1,8 @@
-import { __assign } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { MockComponent } from "../../MockComponent";
 import { GridArea } from "./index";
 import { Subtitle } from "../../StoriesComponents/styles";
-var meta = {
+const meta = {
     title: "Layout/Grid Area",
     component: GridArea,
     parameters: {
@@ -31,8 +30,8 @@ var meta = {
     },
 };
 export default meta;
-var exmapleArray = Array.from({ length: 10 }, function (_, i) { return i + 1; });
-export var Example = {
+const exmapleArray = Array.from({ length: 10 }, (_, i) => i + 1);
+export const Example = {
     args: {
         areaTemplate: [
             [1, 2, 3, 4, 1],
@@ -40,6 +39,6 @@ export var Example = {
         ],
         gap: "8px",
     },
-    render: function (args) { return (_jsx(GridArea, __assign({}, args, { children: exmapleArray.map(function (item) { return (_jsx(MockComponent, { children: item }, item)); }) }))); },
+    render: (args) => (_jsx(GridArea, { ...args, children: exmapleArray.map((item) => (_jsx(MockComponent, { children: item }, item))) })),
 };
 //# sourceMappingURL=GridArea.stories.js.map

package/dist/esm/components/Layouts/GridArea/GridArea.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridArea.stories.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/GridArea/GridArea.stories.tsx"],"names":[],"mappings":";;AACA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,+OAIP,cAAM,kDACG,CACZ;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,WAAW,EACT,qWAAqW;YACvW,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,GAAG,EAAE;YACH,WAAW,EACT,oQAAoQ;YACtQ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,6CAA6C;YAC1D,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,IAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,EAAL,CAAK,CAAC,CAAC;AAEjE,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACf,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACX;QACD,GAAG,EAAE,KAAK;KACX;IACD,MAAM,EAAE,UAAC,IAAI,IAAK,OAAA,CAChB,KAAC,QAAQ,eAAK,IAAI,cACf,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC1B,KAAC,aAAa,cAAa,IAAI,IAAX,IAAI,CAAwB,CACjD,EAF2B,CAE3B,CAAC,IACO,CACZ,EANiB,CAMjB;CACF,CAAC"}
+{"version":3,"file":"GridArea.stories.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/GridArea/GridArea.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,+OAIP,cAAM,kDACG,CACZ;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE;YACZ,WAAW,EACT,qWAAqW;YACvW,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;QACD,GAAG,EAAE;YACH,WAAW,EACT,oQAAoQ;YACtQ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,6CAA6C;YAC1D,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAEjE,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,YAAY,EAAE;YACZ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YACf,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;SACX;QACD,GAAG,EAAE,KAAK;KACX;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,KAAC,QAAQ,OAAK,IAAI,YACf,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,KAAC,aAAa,cAAa,IAAI,IAAX,IAAI,CAAwB,CACjD,CAAC,GACO,CACZ;CACF,CAAC"}

package/dist/esm/components/Layouts/GridArea/index.js

@@ -1,30 +1,31 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef } from "react";
 import { GridAreaContainer } from "./styles";
-export var GridArea = forwardRef(function (_a, ref) {
-    var areaTemplate = _a.areaTemplate, _b = _a.gap, gap = _b === void 0 ? "8px" : _b, children = _a.children, props = __rest(_a, ["areaTemplate", "gap", "children"]);
-    var colCount = areaTemplate[0].reduce(function (acc, cur) {
+export const GridArea = forwardRef(({ areaTemplate, gap = "8px", children, ...props }, ref) => {
+    const colCount = areaTemplate[0].reduce((acc, cur) => {
         return acc + Math.abs(cur);
     }, 0);
-    var start = 0;
-    return (_jsxs(GridAreaContainer, __assign({ ref: ref, colCount: colCount, gap: gap }, props, { children: [areaTemplate.map(function (row) {
-                var elementsCount = row.length;
-                var positiveCount = row.filter(function (el) { return el > 0; }).length;
-                var elementsToReturn = children
+    let start = 0;
+    return (_jsxs(GridAreaContainer, { ref: ref, colCount: colCount, gap: gap, ...props, children: [areaTemplate.map((row) => {
+                const elementsCount = row.length;
+                const positiveCount = row.filter((el) => el > 0).length;
+                const elementsToReturn = children
                     .slice(start, start + elementsCount)
-                    .map(function (child, idx) {
+                    .map((child, idx) => {
                     if (row[idx] < 0) {
-                        return (_jsx("div", { style: { gridColumn: "span ".concat(Math.abs(row[idx])) } }));
+                        return (_jsx("div", { style: { gridColumn: `span ${Math.abs(row[idx])}` } }));
                     }
                     return React.cloneElement(child, {
-                        style: __assign(__assign({}, child.props.style), { gridColumn: "span ".concat(row[idx]) }),
+                        style: {
+                            ...child.props.style,
+                            gridColumn: `span ${row[idx]}`,
+                        },
                     });
                 });
                 start += positiveCount;
                 return elementsToReturn;
-            }), children.slice(start + 1).map(function (child) {
+            }), children.slice(start + 1).map((child) => {
                 return child;
-            })] })));
+            })] }));
 });
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Layouts/GridArea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/GridArea/index.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAQ7C,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAU,CAChC,UACE,EAAgE,EAChE,GAA8B;IAD5B,IAAA,YAAY,kBAAA,EAAE,WAAW,EAAX,GAAG,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAA/C,mCAAiD,CAAF;IAG/C,IAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,GAAG;QAC/C,OAAO,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,CAAC,CAAC;IACN,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,OAAO,CACL,MAAC,iBAAiB,aAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,eACjE,YAAY,CAAC,GAAG,CAAC,UAAC,GAAG;gBACpB,IAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC;gBACjC,IAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,GAAG,CAAC,EAAN,CAAM,CAAC,CAAC,MAAM,CAAC;gBAExD,IAAM,gBAAgB,GAAG,QAAQ;qBAC9B,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CAAC;qBACnC,GAAG,CAAC,UAAC,KAAK,EAAE,GAAG;oBACd,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;wBACjB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,eAAQ,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAE,EAAE,GAAI,CAC7D,CAAC;oBACJ,CAAC;oBACD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;wBAC/B,KAAK,wBACA,KAAK,CAAC,KAAK,CAAC,KAAK,KACpB,UAAU,EAAE,eAAQ,GAAG,CAAC,GAAG,CAAC,CAAE,GAC/B;qBACF,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;gBAEL,KAAK,IAAI,aAAa,CAAC;gBACvB,OAAO,gBAAgB,CAAC;YAC1B,CAAC,CAAC,EACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK;gBACnC,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,KACgB,CACrB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/GridArea/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAQ7C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EAAE,YAAY,EAAE,GAAG,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB,EAChE,GAA8B,EAC9B,EAAE;IACF,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE;QACnD,OAAO,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,CAAC,CAAC;IACN,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,OAAO,CACL,MAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,aACjE,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;gBACxB,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC;gBACjC,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;gBAExD,MAAM,gBAAgB,GAAG,QAAQ;qBAC9B,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,aAAa,CAAC;qBACnC,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;oBAClB,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;wBACjB,OAAO,CACL,cAAK,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,GAAI,CAC7D,CAAC;oBACJ,CAAC;oBACD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;wBAC/B,KAAK,EAAE;4BACL,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK;4BACpB,UAAU,EAAE,QAAQ,GAAG,CAAC,GAAG,CAAC,EAAE;yBAC/B;qBACF,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;gBAEL,KAAK,IAAI,aAAa,CAAC;gBACvB,OAAO,gBAAgB,CAAC;YAC1B,CAAC,CAAC,EACD,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACvC,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,IACgB,CACrB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/esm/components/Layouts/GridArea/styles.js

@@ -1,11 +1,7 @@
-import { __makeTemplateObject } from "tslib";
 import { styled } from "styled-components";
-export var GridAreaContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: ", ";\n"], ["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: ", ";\n"])), function (_a) {
-    var colCount = _a.colCount;
-    return colCount;
-}, function (_a) {
-    var gap = _a.gap;
-    return gap;
-});
-var templateObject_1;
+export const GridAreaContainer = styled.div `
+  display: grid;
+  grid-template-columns: repeat(${({ colCount }) => colCount}, 1fr);
+  gap: ${({ gap }) => gap};
+`;
 //# sourceMappingURL=styles.js.map

package/dist/esm/components/Layouts/GridArea/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/GridArea/styles.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAO3C,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,oJAAwB,sDAEjC,EAA0B,kBACnD,EAAgB,KACxB,KAFiC,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ;AAAR,CAAQ,EACnD,UAAC,EAAO;QAAL,GAAG,SAAA;IAAO,OAAA,GAAG;AAAH,CAAG,CACxB,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/GridArea/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAO3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;;kCAEjC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;SACnD,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG;CACxB,CAAC"}

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

@@ -1,8 +1,6 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyledDiv } from "./styles";
-export var MockComponent = function (_a) {
-    var children = _a.children, rest = __rest(_a, ["children"]);
-    return _jsx(StyledDiv, __assign({}, rest, { children: children }));
+export const MockComponent = ({ children, ...rest }) => {
+    return _jsx(StyledDiv, { ...rest, children: children });
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MockComponent/index.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAMrC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAyC;IAAvC,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAnB,YAAqB,CAAF;IAC/C,OAAO,KAAC,SAAS,eAAK,IAAI,cAAG,QAAQ,IAAa,CAAC;AACrD,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MockComponent/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAMrC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAsB,EAAE,EAAE;IACzE,OAAO,KAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,CAAC;AACrD,CAAC,CAAC"}

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

@@ -1,5 +1,14 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-export var StyledDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 16px;\n  background-color: lightblue;\n  border-radius: 8px;\n  border: 1px solid blue;\n  font-size: 20px;\n  font-family: Poppins, sans-serif;\n  font-weight: 700;\n"], ["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 16px;\n  background-color: lightblue;\n  border-radius: 8px;\n  border: 1px solid blue;\n  font-size: 20px;\n  font-family: Poppins, sans-serif;\n  font-weight: 700;\n"])));
-var templateObject_1;
+export const StyledDiv = styled.div `
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 16px;
+  background-color: lightblue;
+  border-radius: 8px;
+  border: 1px solid blue;
+  font-size: 20px;
+  font-family: Poppins, sans-serif;
+  font-weight: 700;
+`;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/MockComponent/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,+TAAA,4PAWlC,IAAA,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/MockComponent/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWlC,CAAC"}

package/dist/esm/components/Modal/Modal.stories.js

@@ -4,7 +4,7 @@ import { useState } from "react";
 import Modal from ".";
 import { defaultTheme } from "../../utils/consts";
 import { Icon } from "../Icon";
-var meta = {
+const meta = {
     component: Modal,
     title: "Design System/Modal",
     argTypes: {
@@ -29,10 +29,10 @@ var meta = {
     },
 };
 export default meta;
-export var Example = {
-    render: function () {
-        var _a = useState(false), modalOpen = _a[0], setModalOpen = _a[1];
-        return (_jsxs("div", { style: { height: 400, width: 500, backgroundColor: "lightblue" }, children: [_jsx(Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Open Modal" }), _jsxs(Modal, { open: modalOpen, toggle: function () { return setModalOpen(!modalOpen); }, overlayStyles: { width: "100%", height: "100%" }, children: [_jsxs(Modal.Header, { children: [_jsx("h1", { children: "Modal de teste" }), _jsx("h2", { children: "Subtitulo do modal de teste" })] }), _jsxs(Modal.Body, { children: ["Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae dignissimos tempore repellendus expedita quia voluptatibus asperiores inventore vero. Sed neque sit quisquam consequatur blanditiis perferendis dolorum asperiores nisi omnis non!", " ", _jsx(Icon, { icon: "takeatIconFilled" })] }), _jsxs(Modal.Footer, { children: [_jsx(Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Fechar" }), _jsx(Button, { customColor: defaultTheme.colors.green.default, onClick: function () { return setModalOpen(!modalOpen); }, children: "Salvar" })] })] })] }));
+export const Example = {
+    render: () => {
+        const [modalOpen, setModalOpen] = useState(false);
+        return (_jsxs("div", { style: { height: 400, width: 500, backgroundColor: "lightblue" }, children: [_jsx(Button, { onClick: () => setModalOpen(!modalOpen), children: "Open Modal" }), _jsxs(Modal, { open: modalOpen, toggle: () => setModalOpen(!modalOpen), overlayStyles: { width: "100%", height: "100%" }, children: [_jsxs(Modal.Header, { children: [_jsx("h1", { children: "Modal de teste" }), _jsx("h2", { children: "Subtitulo do modal de teste" })] }), _jsxs(Modal.Body, { children: ["Lorem ipsum dolor sit amet consectetur adipisicing elit. Recusandae dignissimos tempore repellendus expedita quia voluptatibus asperiores inventore vero. Sed neque sit quisquam consequatur blanditiis perferendis dolorum asperiores nisi omnis non!", " ", _jsx(Icon, { icon: "takeatIconFilled" })] }), _jsxs(Modal.Footer, { children: [_jsx(Button, { onClick: () => setModalOpen(!modalOpen), children: "Fechar" }), _jsx(Button, { customColor: defaultTheme.colors.green.default, onClick: () => setModalOpen(!modalOpen), children: "Salvar" })] })] })] }));
     },
 };
 //# sourceMappingURL=Modal.stories.js.map

package/dist/esm/components/Modal/Modal.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,GAAG,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,IAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,WAAW,EACT,2FAA2F;YAC7F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,MAAM,EAAE;QACA,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;QAElD,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,WAAW,EAAE,aACnE,KAAC,MAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,2BAAqB,EAEpE,MAAC,KAAK,IACJ,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,EACtC,aAAa,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAEhD,MAAC,KAAK,CAAC,MAAM,eACX,0CAAuB,EACvB,uDAAoC,IACvB,EACf,MAAC,KAAK,CAAC,IAAI,yQAIiD,GAAG,EAC7D,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,IACrB,EACb,MAAC,KAAK,CAAC,MAAM,eACX,KAAC,MAAM,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,uBAAiB,EAChE,KAAC,MAAM,IACL,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9C,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB,uBAGhC,IACI,IACT,IACJ,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
+{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,KAAK,MAAM,GAAG,CAAC;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,wCAAwC;YACrD,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,WAAW,EACT,2FAA2F;YAC7F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;aACf;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAElD,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,WAAW,EAAE,aACnE,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,2BAAqB,EAEpE,MAAC,KAAK,IACJ,IAAI,EAAE,SAAS,EACf,MAAM,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,EACtC,aAAa,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,aAEhD,MAAC,KAAK,CAAC,MAAM,eACX,0CAAuB,EACvB,uDAAoC,IACvB,EACf,MAAC,KAAK,CAAC,IAAI,yQAIiD,GAAG,EAC7D,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,GAAG,IACrB,EACb,MAAC,KAAK,CAAC,MAAM,eACX,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,uBAAiB,EAChE,KAAC,MAAM,IACL,WAAW,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,uBAGhC,IACI,IACT,IACJ,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

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

@@ -1,32 +1,27 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { forwardRef } from "react";
 import { ModalBody, ModalContent, ModalFooter, ModalHeader, ModalOverlay, ModalTitles, } from "./styles";
 import { Icon } from "../Icon";
 import { Divider } from "../Divider";
-var Modal = forwardRef(function Modal(_a, ref) {
-    var open = _a.open, toggle = _a.toggle, overlayStyles = _a.overlayStyles, children = _a.children, props = __rest(_a, ["open", "toggle", "overlayStyles", "children"]);
-    var modifiedChildren = React.Children.map(children, function (child) {
+const Modal = forwardRef(function Modal({ open, toggle, overlayStyles, children, ...props }, ref) {
+    const modifiedChildren = React.Children.map(children, (child) => {
         if (React.isValidElement(child) && child.props.hasClose) {
             // @ts-ignore
-            return React.cloneElement(child, { toggle: toggle });
+            return React.cloneElement(child, { toggle });
         }
         return child;
     });
-    return (_jsx(ModalOverlay, { ref: ref, style: overlayStyles, open: open, onClick: function () { return toggle === null || toggle === void 0 ? void 0 : toggle(); }, children: _jsx(ModalContent, __assign({ onClick: function (e) { return e.stopPropagation(); } }, props, { children: modifiedChildren })) }));
+    return (_jsx(ModalOverlay, { ref: ref, style: overlayStyles, open: open, onClick: () => toggle?.(), children: _jsx(ModalContent, { onClick: (e) => e.stopPropagation(), ...props, children: modifiedChildren }) }));
 });
-var Header = function (_a) {
-    var children = _a.children, hasClose = _a.hasClose, toggle = _a.toggle, props = __rest(_a, ["children", "hasClose", "toggle"]);
-    return (_jsxs(ModalHeader, __assign({}, props, { children: [_jsx(ModalTitles, { children: children }), hasClose && _jsx(Icon, { icon: "close", onClick: function () { return toggle === null || toggle === void 0 ? void 0 : toggle(); } })] })));
+const Header = ({ children, hasClose, toggle, ...props }) => {
+    return (_jsxs(ModalHeader, { ...props, children: [_jsx(ModalTitles, { children: children }), hasClose && _jsx(Icon, { icon: "close", onClick: () => toggle?.() })] }));
 };
-var Body = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return _jsx(ModalBody, __assign({}, props, { children: children }));
+const Body = ({ children, ...props }) => {
+    return _jsx(ModalBody, { ...props, children: children });
 };
-var Footer = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsx(ModalFooter, __assign({}, props, { children: children }))] }));
+const Footer = ({ children, ...props }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(Divider, {}), _jsx(ModalFooter, { ...props, children: children })] }));
 };
-var ModalComponent = Object.assign(Modal, { Header: Header, Body: Body, Footer: Footer });
+const ModalComponent = Object.assign(Modal, { Header, Body, Footer });
 export default ModalComponent;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAQrC,IAAM,KAAK,GAAG,UAAU,CAAC,SAAS,KAAK,CACrC,EAA+D,EAC/D,GAA8B;IAD5B,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAjD,+CAAmD,CAAF;IAGjD,IAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CACzC,QAAQ,EACR,UAAC,KAAsB;QACrB,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxD,aAAa;YACb,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;QAC/C,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CACF,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAM,OAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,EAAV,CAAU,YAEzB,KAAC,YAAY,aAAC,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,IAAM,KAAK,cACzD,gBAAgB,IACJ,GACF,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAOH,IAAM,MAAM,GAAG,UAAC,EAA0D;IAAxD,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAAtC,kCAAwC,CAAF;IACpD,OAAO,CACL,MAAC,WAAW,eAAK,KAAK,eACpB,KAAC,WAAW,cAAE,QAAQ,GAAe,EACpC,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,EAAV,CAAU,GAAI,KACjD,CACf,CAAC;AACJ,CAAC,CAAC;AAIF,IAAM,IAAI,GAAG,UAAC,EAAsC;IAApC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAChC,OAAO,KAAC,SAAS,eAAK,KAAK,cAAG,QAAQ,IAAa,CAAC;AACtD,CAAC,CAAC;AAIF,IAAM,MAAM,GAAG,UAAC,EAAwC;IAAtC,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAClC,OAAO,CACL,8BACE,KAAC,OAAO,KAAG,EACX,KAAC,WAAW,eAAK,KAAK,cAAG,QAAQ,IAAe,IAC/C,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,IAAI,MAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;AAEtE,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,GACZ,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAQrC,MAAM,KAAK,GAAG,UAAU,CAAC,SAAS,KAAK,CACrC,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAc,EAC/D,GAA8B;IAE9B,MAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CACzC,QAAQ,EACR,CAAC,KAAsB,EAAE,EAAE;QACzB,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxD,aAAa;YACb,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;QAC/C,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CACF,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,YAEzB,KAAC,YAAY,IAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,KAAM,KAAK,YACzD,gBAAgB,GACJ,GACF,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAOH,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAC5E,OAAO,CACL,MAAC,WAAW,OAAK,KAAK,aACpB,KAAC,WAAW,cAAE,QAAQ,GAAe,EACpC,QAAQ,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,EAAE,GAAI,IACjD,CACf,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAkB,EAAE,EAAE;IACtD,OAAO,KAAC,SAAS,OAAK,KAAK,YAAG,QAAQ,GAAa,CAAC;AACtD,CAAC,CAAC;AAIF,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EAAE,EAAE;IAC1D,OAAO,CACL,8BACE,KAAC,OAAO,KAAG,EACX,KAAC,WAAW,OAAK,KAAK,YAAG,QAAQ,GAAe,IAC/C,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;AAEtE,eAAe,cAAc,CAAC"}

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

@@ -1,37 +1,66 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-export var ModalOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100dvw;\n  height: 100dvh;\n  padding: ", ";\n  background-color: transparent;\n  display: ", ";\n  justify-content: center;\n  align-items: center;\n  backdrop-filter: blur(2px);\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100dvw;\n  height: 100dvh;\n  padding: ", ";\n  background-color: transparent;\n  display: ", ";\n  justify-content: center;\n  align-items: center;\n  backdrop-filter: blur(2px);\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.m;
-}, function (_a) {
-    var open = _a.open;
-    return (open ? "flex" : "none");
-});
-export var ModalContent = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  background-color: white;\n  border-radius: ", ";\n  box-shadow: ", ";\n  padding: ", ";\n  width: 100%;\n  height: 100%;\n  min-width: fit-content;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  background-color: white;\n  border-radius: ", ";\n  box-shadow: ", ";\n  padding: ", ";\n  width: 100%;\n  height: 100%;\n  min-width: fit-content;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shadows.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-});
-export var ModalHeader = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
-export var ModalTitles = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n\n  h1 {\n    color: ", ";\n    font-size: 22px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 28px;\n  }\n\n  h2 {\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n\n  h1 {\n    color: ", ";\n    font-size: 22px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 28px;\n  }\n\n  h2 {\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-});
-export var ModalBody = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
-export var ModalFooter = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-end;\n  gap: ", ";\n"], ["\n  display: flex;\n  justify-content: flex-end;\n  gap: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+export const ModalOverlay = styled.div `
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100dvw;
+  height: 100dvh;
+  padding: ${({ theme }) => theme.spacing.m};
+  background-color: transparent;
+  display: ${({ open }) => (open ? "flex" : "none")};
+  justify-content: center;
+  align-items: center;
+  backdrop-filter: blur(2px);
+`;
+export const ModalContent = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing.s};
+  background-color: white;
+  border-radius: ${({ theme }) => theme.radius.m};
+  box-shadow: ${({ theme }) => theme.shadows.default};
+  padding: ${({ theme }) => theme.spacing.s};
+  width: 100%;
+  height: 100%;
+  min-width: fit-content;
+`;
+export const ModalHeader = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+
+  svg {
+    cursor: pointer;
+  }
+`;
+export const ModalTitles = styled.div `
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+
+  h1 {
+    color: ${({ theme }) => theme.colors.neutral.darker};
+    font-size: 22px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 28px;
+  }
+
+  h2 {
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px;
+    letter-spacing: 0.1px;
+  }
+`;
+export const ModalBody = styled.div `
+  flex-grow: 1;
+`;
+export const ModalFooter = styled.div `
+  display: flex;
+  justify-content: flex-end;
+  gap: ${({ theme }) => theme.spacing.xs};
+`;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,gTAAmB,+FAM5C,EAA8B,kDAE9B,EAAsC,wFAIlD,KANY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC;AAAf,CAAe,EAE9B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;AAAxB,CAAwB,CAIlD,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,yRAAA,wDAG7B,EAA8B,kDAEpB,EAA6B,mBAChC,EAAoC,gBACvC,EAA8B,iEAI1C,KARQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC;AAAf,CAAe,EAEpB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAChC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO;AAArB,CAAqB,EACvC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC;AAAf,CAAe,CAI1C,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,8LAAA,2HAQpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,+ZAAA,uFAMxB,EAA0C,6HAQ1C,EAAwC,oIAOpD,KAfY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAQ1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,CAOpD,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAElC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,qIAAA,2DAG5B,EAA+B,KACvC,KADQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,CACvC,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Modal/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;aAM5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;;aAE9B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;CAIlD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAG7B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;;mBAEpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;gBAChC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;aACvC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;;;;CAI1C,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQpC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;aAMxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;;;;;aAQ1C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;CAOpD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;CAElC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAG5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;CACvC,CAAC"}

package/dist/esm/components/NotificationBanner/NotificationBanner.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { NotificationBanner } from ".";
-var meta = {
+const meta = {
     component: NotificationBanner,
     title: "Design System/NotificationBanner",
     argTypes: {
@@ -29,7 +29,7 @@ var meta = {
     },
 };
 export default meta;
-export var Example = {
+export const Example = {
     args: {
         isOpen: true,
         variant: "info",

package/dist/esm/components/NotificationBanner/NotificationBanner.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBanner.stories.js","sourceRoot":"","sources":["../../../../src/components/NotificationBanner/NotificationBanner.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAEvC,IAAM,IAAI,GAAoC;IAC5C,SAAS,EAAE,kBAAkB;IAC7B,KAAK,EAAE,kCAAkC;IACzC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC;aACjD;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,yDAAyD;YACtE,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,oCAAoC;YACjD,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,WAAW,EACT,gEAAgE;YAClE,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,CACR,0BACE,kCAAe,EACf,kDAAyB,IACrB,CACP;KACF;CACF,CAAC"}
+{"version":3,"file":"NotificationBanner.stories.js","sourceRoot":"","sources":["../../../../src/components/NotificationBanner/NotificationBanner.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAC;AAEvC,MAAM,IAAI,GAAoC;IAC5C,SAAS,EAAE,kBAAkB;IAC7B,KAAK,EAAE,kCAAkC;IACzC,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC;aACjD;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,yDAAyD;YACtE,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,oCAAoC;YACjD,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,WAAW,EACT,gEAAgE;YAClE,MAAM,EAAE,SAAS;SAClB;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,CACR,0BACE,kCAAe,EACf,kDAAyB,IACrB,CACP;KACF;CACF,CAAC"}

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

@@ -1,9 +1,8 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { ContentWrapper, NotificationBannerWrapper } from "./styles";
 import { Icon } from "../Icon";
-var BANNER_OPTIONS = {
+const BANNER_OPTIONS = {
     success: {
         color: "green",
         icon: _jsx(Icon, { icon: "check" }),
@@ -21,8 +20,7 @@ var BANNER_OPTIONS = {
         icon: _jsx(Icon, { icon: "info" }),
     },
 };
-export var NotificationBanner = forwardRef(function NotificationBanner(_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? "info" : _b, onClose = _a.onClose, isOpen = _a.isOpen, children = _a.children, props = __rest(_a, ["variant", "onClose", "isOpen", "children"]);
-    return (_jsxs(NotificationBannerWrapper, __assign({ ref: ref, color: BANNER_OPTIONS[variant].color, isOpen: isOpen }, props, { children: [BANNER_OPTIONS[variant].icon, _jsx(ContentWrapper, { children: children }), !!onClose && (_jsx(Icon, { className: "close-icon", icon: "close", onClick: function () { return onClose(); } }))] })));
+export const NotificationBanner = forwardRef(function NotificationBanner({ variant = "info", onClose, isOpen, children, ...props }, ref) {
+    return (_jsxs(NotificationBannerWrapper, { ref: ref, color: BANNER_OPTIONS[variant].color, isOpen: isOpen, ...props, children: [BANNER_OPTIONS[variant].icon, _jsx(ContentWrapper, { children: children }), !!onClose && (_jsx(Icon, { className: "close-icon", icon: "close", onClick: () => onClose() }))] }));
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NotificationBanner/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAQ/B,IAAM,cAAc,GAAG;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG;KAC5B;IACD,OAAO,EAAE;QACP,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG;KAC9B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG;KAClC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,kBAAkB,CACtE,EAM0B,EAC1B,GAA8B;IAN5B,IAAA,eAAgB,EAAhB,OAAO,mBAAG,MAAM,KAAA,EAChB,OAAO,aAAA,EACP,MAAM,YAAA,EACN,QAAQ,cAAA,EACL,KAAK,cALV,4CAMC,CADS;IAIV,OAAO,CACL,MAAC,yBAAyB,aACxB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,KAAK,EACpC,MAAM,EAAE,MAAM,IACV,KAAK,eAER,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,EAC7B,KAAC,cAAc,cAAE,QAAQ,GAAkB,EAC1C,CAAC,CAAC,OAAO,IAAI,CACZ,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,EAAE,EAAT,CAAS,GAAI,CACvE,KACyB,CAC7B,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/NotificationBanner/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAQ/B,MAAM,cAAc,GAAG;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG;KAC5B;IACD,OAAO,EAAE;QACP,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG;KAC9B;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG;KAClC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG;KAC3B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC,SAAS,kBAAkB,CACtE,EACE,OAAO,GAAG,MAAM,EAChB,OAAO,EACP,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACgB,EAC1B,GAA8B;IAE9B,OAAO,CACL,MAAC,yBAAyB,IACxB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,KAAK,EACpC,MAAM,EAAE,MAAM,KACV,KAAK,aAER,cAAc,CAAC,OAAO,CAAC,CAAC,IAAI,EAC7B,KAAC,cAAc,cAAE,QAAQ,GAAkB,EAC1C,CAAC,CAAC,OAAO,IAAI,CACZ,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,GAAI,CACvE,IACyB,CAC7B,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,35 +1,38 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-export var NotificationBannerWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  border: 1px solid\n    ", ";\n  display: flex;\n  gap: ", ";\n  align-items: flex-start;\n  transition: all 0.3s;\n\n  color: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px;\n\n  svg {\n    flex-shrink: 0;\n    fill: ", ";\n  }\n\n  .close-icon {\n    cursor: pointer;\n    fill: ", ";\n    height: 18px;\n  }\n\n  transform-origin: top;\n  ", "\n"], ["\n  padding: ", ";\n  border-radius: ", ";\n  background-color: ", ";\n  border: 1px solid\n    ", ";\n  display: flex;\n  gap: ", ";\n  align-items: flex-start;\n  transition: all 0.3s;\n\n  color: ", ";\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 24px;\n\n  svg {\n    flex-shrink: 0;\n    fill: ", ";\n  }\n\n  .close-icon {\n    cursor: pointer;\n    fill: ", ";\n    height: 18px;\n  }\n\n  transform-origin: top;\n  ", "\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme, color = _a.color;
-    return theme.colors[color].lightest + "66";
-}, function (_a) {
-    var theme = _a.theme, color = _a.color;
-    return theme.colors[color].lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme, color = _a.color;
-    return theme.colors[color].default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var isOpen = _a.isOpen;
-    return isOpen
-        ? "pointer-events: auto; transform: scaleY(1);"
-        : " pointer-events: none; transform: scaleY(0);";
-});
-export var ContentWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
-var templateObject_1, templateObject_2;
+export const NotificationBannerWrapper = styled.div `
+  padding: ${({ theme }) => theme.spacing.s};
+  border-radius: ${({ theme }) => theme.radius.m};
+  background-color: ${({ theme, color }) => theme.colors[color].lightest + "66"};
+  border: 1px solid
+    ${({ theme, color }) => theme.colors[color].lighter};
+  display: flex;
+  gap: ${({ theme }) => theme.spacing.s};
+  align-items: flex-start;
+  transition: all 0.3s;
+
+  color: ${({ theme }) => theme.colors.neutral.dark};
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 24px;
+
+  svg {
+    flex-shrink: 0;
+    fill: ${({ theme, color }) => theme.colors[color].default};
+  }
+
+  .close-icon {
+    cursor: pointer;
+    fill: ${({ theme }) => theme.colors.neutral.dark};
+    height: 18px;
+  }
+
+  transform-origin: top;
+  ${({ isOpen }) => isOpen
+    ? "pointer-events: auto; transform: scaleY(1);"
+    : " pointer-events: none; transform: scaleY(0);"}
+`;
+export const ContentWrapper = styled.div `
+  flex-grow: 1;
+`;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/NotificationBanner/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,qhBAAgC,eACtE,EAA8B,sBACxB,EAA6B,yBAC1B,EAC8C,8BAE9D,EACwD,8BAErD,EAA8B,qEAI5B,EAAwC,qIAQvC,EACkD,6DAKlD,EAAwC,2DAKhD,EAGkD,IACrD,KAnCY,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC;AAAf,CAAe,EACxB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAC1B,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IACjC,OAAA,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,QAAQ,GAAG,IAAI;AAAhE,CAAgE,EAE9D,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IACf,OAAA,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,OAAO;AAAxD,CAAwD,EAErD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,CAAC;AAAf,CAAe,EAI5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAQvC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IACrB,OAAA,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,OAAO;AAAxD,CAAwD,EAKlD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAKhD,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM;QACJ,CAAC,CAAC,6CAA6C;QAC/C,CAAC,CAAC,8CAA8C;AAFlD,CAEkD,CACrD,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAEvC,IAAA,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/NotificationBanner/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAgC;aACtE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;mBACxB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;sBAC1B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACvC,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,QAAQ,GAAG,IAAI;;MAE9D,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CACrB,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,OAAO;;SAErD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;;;;WAI5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;YAQvC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAC3B,KAAK,CAAC,MAAM,CAAC,KAAkC,CAAC,CAAC,OAAO;;;;;YAKlD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;IAKhD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,MAAM;IACJ,CAAC,CAAC,6CAA6C;IAC/C,CAAC,CAAC,8CAA8C;CACrD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEvC,CAAC"}

package/dist/esm/components/SingleTab/SingleTab.stories.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { SingleTab } from ".";
 import { Icon } from "../Icon";
-import { ICON_NAMES } from "../../utils/consts";
-var meta = {
+import { icons } from "../../utils/icons";
+const meta = {
     component: SingleTab,
     title: "Design System/SingleTab",
     argTypes: {
@@ -20,7 +20,7 @@ var meta = {
             description: "Ícone a ser exibido no início do botão. Se deixado em branco, nenhum ícone será exibido.",
             control: {
                 type: "select",
-                options: ICON_NAMES,
+                options: Object.keys(icons),
             },
         },
         variant: {
@@ -32,7 +32,7 @@ var meta = {
     },
 };
 export default meta;
-export var Example = {
+export const Example = {
     args: {
         children: "Exemplo Tab",
         icon: _jsx(Icon, { icon: "bell" }),

package/dist/esm/components/SingleTab/SingleTab.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleTab.stories.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/SingleTab.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,IAAM,IAAI,GAA2B;IACnC,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,yBAAyB;IAChC,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,sDAAsD;SACpE;QACD,OAAO,EAAE;YACP,WAAW,EACT,gFAAgF;YAClF,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,aAAa,EAAE,KAAK;aACrB;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EACT,0FAA0F;YAC5F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,UAAU;aACpB;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;aACpC;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG;QAC1B,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC"}
+{"version":3,"file":"SingleTab.stories.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/SingleTab.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,MAAM,IAAI,GAA2B;IACnC,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,yBAAyB;IAChC,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,WAAW,EAAE,sDAAsD;SACpE;QACD,OAAO,EAAE;YACP,WAAW,EACT,gFAAgF;YAClF,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,aAAa,EAAE,KAAK;aACrB;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EACT,0FAA0F;YAC5F,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC;aAC5B;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;gBACb,OAAO,EAAE,CAAC,SAAS,EAAE,aAAa,CAAC;aACpC;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG;QAC1B,OAAO,EAAE,CAAC;QACV,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC"}

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

@@ -1,14 +1,12 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { NumberTag, Tab, TransparentTab } from "./styles";
-export var TAB_OPTIONS = {
+export const TAB_OPTIONS = {
     default: Tab,
     transparent: TransparentTab,
 };
-export var SingleTab = forwardRef(function SingleTab(_a, ref) {
-    var icon = _a.icon, counter = _a.counter, isSelected = _a.isSelected, children = _a.children, _b = _a.variant, variant = _b === void 0 ? "default" : _b, props = __rest(_a, ["icon", "counter", "isSelected", "children", "variant"]);
-    var TabToRender = TAB_OPTIONS[variant];
-    return (_jsxs(TabToRender, __assign({ ref: ref, isSelected: isSelected }, props, { children: [icon, children, !isNaN(Number(counter)) && _jsx(NumberTag, { children: counter })] })));
+export const SingleTab = forwardRef(function SingleTab({ icon, counter, isSelected, children, variant = "default", ...props }, ref) {
+    const TabToRender = TAB_OPTIONS[variant];
+    return (_jsxs(TabToRender, { ref: ref, isSelected: isSelected, ...props, children: [icon, children, !isNaN(Number(counter)) && _jsx(NumberTag, { children: counter })] }));
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAS1D,MAAM,CAAC,IAAM,WAAW,GAAG;IACzB,OAAO,EAAE,GAAG;IACZ,WAAW,EAAE,cAAc;CAC5B,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,UAAU,CAAC,SAAS,SAAS,CACpD,EAOiB,EACjB,GAAiC;IAP/B,IAAA,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,KAAK,cANV,wDAOC,CADS;IAIV,IAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAEzC,OAAO,CACL,MAAC,WAAW,aAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,IAAM,KAAK,eACrD,IAAI,EACJ,QAAQ,EACR,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,KAAC,SAAS,cAAE,OAAO,GAAa,KAChD,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SingleTab/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAS1D,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,OAAO,EAAE,GAAG;IACZ,WAAW,EAAE,cAAc;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,SAAS,CACpD,EACE,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,GAAG,KAAK,EACO,EACjB,GAAiC;IAEjC,MAAM,WAAW,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC;IAEzC,OAAO,CACL,MAAC,WAAW,IAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,UAAU,KAAM,KAAK,aACrD,IAAI,EACJ,QAAQ,EACR,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,KAAC,SAAS,cAAE,OAAO,GAAa,IAChD,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}