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

package/dist/cjs/components/Icon/index.js

@@ -1,17 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var icons_1 = require("../../utils/icons");
-var consts_1 = require("../../utils/consts");
-exports.Icon = (0, react_1.forwardRef)(function Icon(_a) {
-    var icon = _a.icon, _b = _a.color, color = _b === void 0 ? consts_1.defaultTheme.colors.neutral.darker : _b, _c = _a.size, size = _c === void 0 ? 26 : _c, rest = tslib_1.__rest(_a, ["icon", "color", "size"]);
-    var IconComponent = icons_1.icons[icon];
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const consts_1 = require("../../utils/consts");
+const icons_1 = require("../../utils/icons");
+exports.Icon = (0, react_1.forwardRef)(function Icon({ icon, color = consts_1.defaultTheme.colors.neutral.darker, size = 26, ...props }) {
+    const IconComponent = icons_1.icons[icon];
     if (!IconComponent) {
         return null;
     }
-    return (0, jsx_runtime_1.jsx)(IconComponent, tslib_1.__assign({ fill: color }, rest, { height: size, width: size }));
+    return (0, jsx_runtime_1.jsx)(IconComponent, { fill: color, ...props, height: size, width: size });
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Icon/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0C;AAC1C,2CAA0C;AAC1C,6CAA8D;AAQjD,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAC,SAAS,IAAI,CAAC,EAKjC;IAJV,IAAA,IAAI,UAAA,EACJ,aAA0C,EAA1C,KAAK,mBAAG,qBAAY,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,KAAA,EAC1C,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACN,IAAI,sBAJoC,yBAK5C,CADQ;IAEP,IAAM,aAAa,GAAG,aAAK,CAAC,IAAI,CAAC,CAAC;IAElC,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,uBAAC,aAAa,qBAAC,IAAI,EAAE,KAAK,IAAM,IAAI,IAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,IAAI,CAAC;AAC7E,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA0C;AAC1C,+CAAkD;AAClD,6CAA0C;AAQ7B,QAAA,IAAI,GAAG,IAAA,kBAAU,EAAC,SAAS,IAAI,CAAC,EAC3C,IAAI,EACJ,KAAK,GAAG,qBAAY,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAC1C,IAAI,GAAG,EAAE,EACT,GAAG,KAAK,EACE;IACV,MAAM,aAAa,GAAG,aAAK,CAAC,IAAI,CAAC,CAAC;IAElC,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,uBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,KAAM,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,GAAI,CAAC;AAC9E,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Icon/styles.js

@@ -1,19 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SearchInput = exports.Item = exports.IconList = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var consts_1 = require("../../utils/consts");
-// Componente
-// Stories
-exports.IconList = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ", ";\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ", ";\n"])), consts_1.spacing.xs);
-exports.Item = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  flex-basis: 245px;\n  display: flex;\n  gap: ", ";\n  align-items: center;\n  padding: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  transition: border-color 0.3s;\n\n  &:hover {\n    border-color: ", ";\n  }\n"], ["\n  flex-basis: 245px;\n  display: flex;\n  gap: ", ";\n  align-items: center;\n  padding: ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  transition: border-color 0.3s;\n\n  &:hover {\n    border-color: ", ";\n  }\n"])), consts_1.spacing.xs, consts_1.spacing.xs, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, consts_1.spacing.xs, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-});
-exports.SearchInput = styled_components_1.default.input(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  padding: 8px 16px;\n  font-size: 16px;\n  border-radius: 8px;\n  border: 1px solid grey;\n  margin-bottom: 16px;\n"], ["\n  padding: 8px 16px;\n  font-size: 16px;\n  border-radius: 8px;\n  border: 1px solid grey;\n  margin-bottom: 16px;\n"])));
-var templateObject_1, templateObject_2, templateObject_3;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.IconList = styled_components_1.default.div `
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${({ theme }) => theme.spacing.xs};
+`;
+exports.Item = styled_components_1.default.div `
+  flex-basis: 245px;
+  display: flex;
+  gap: ${({ theme }) => theme.spacing.xs};
+  align-items: center;
+  padding: ${({ theme }) => theme.spacing.xs};
+  border: 1px solid ${({ theme }) => theme.colors.neutral.light};
+  border-radius: ${({ theme }) => theme.radius.s};
+  cursor: pointer;
+  transition: border-color 0.3s;
+
+  &:hover {
+    border-color: ${({ theme }) => theme.colors.neutral.default};
+  }
+`;
+exports.SearchInput = styled_components_1.default.input `
+  padding: 8px 16px;
+  font-size: 16px;
+  border-radius: 8px;
+  border: 1px solid grey;
+  margin-bottom: 16px;
+`;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/components/Icon/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Icon/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,6CAA6C;AAE7C,aAAa;AAEb,UAAU;AAEG,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,mIAAA,iDAGzB,EAAU,KAClB,KADQ,gBAAO,CAAC,EAAE,EACjB;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,qUAAA,mDAGrB,EAAU,wCAEN,EAAU,yBACD,EAAyC,sBAC5C,EAAU,4FAKT,EAA2C,UAE9D,KAXQ,gBAAO,CAAC,EAAE,EAEN,gBAAO,CAAC,EAAE,EACD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAC5C,gBAAO,CAAC,EAAE,EAKT,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAE7D;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,mMAAA,wHAMtC,KAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Icon/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAE1B,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,CAAA;;;SAGzB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;CACvC,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;SAGrB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;;aAE3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;sBACtB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;mBAC5C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;;;;;oBAK5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;CAE9D,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;;;CAMtC,CAAC"}

package/dist/cjs/components/Layouts/ColumnsGrid/ColumnsGrid.stories.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Example = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var MockComponent_1 = require("../../MockComponent");
-var index_1 = require("./index");
-var styles_1 = require("../../StoriesComponents/styles");
-var meta = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MockComponent_1 = require("../../MockComponent");
+const index_1 = require("./index");
+const styles_1 = require("../../StoriesComponents/styles");
+const meta = {
     title: "Layout/Columns Grid",
     component: index_1.ColumnsGrid,
     parameters: {
@@ -33,16 +32,16 @@ var meta = {
         },
     },
 };
-var exampleArray = Array.from({ length: 10 }, function (_, i) { return i + 1; });
+const exampleArray = Array.from({ length: 10 }, (_, i) => i + 1);
 exports.default = meta;
 exports.Example = {
     args: {
         columnCount: 3,
         gap: "10px",
     },
-    render: function (args) { return ((0, jsx_runtime_1.jsx)(index_1.ColumnsGrid, tslib_1.__assign({}, args, { children: exampleArray.map(function (item) {
-            var randomHeight = Math.floor(Math.random() * 100);
+    render: (args) => ((0, jsx_runtime_1.jsx)(index_1.ColumnsGrid, { ...args, children: exampleArray.map((item) => {
+            const randomHeight = Math.floor(Math.random() * 100);
             return ((0, jsx_runtime_1.jsx)(MockComponent_1.MockComponent, { style: { height: randomHeight }, children: item }, item));
-        }) }))); },
+        }) })),
 };
 //# sourceMappingURL=ColumnsGrid.stories.js.map

package/dist/cjs/components/Layouts/ColumnsGrid/ColumnsGrid.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsGrid.stories.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/ColumnsGrid/ColumnsGrid.stories.tsx"],"names":[],"mappings":";;;;;AACA,qDAAoD;AACpD,iCAAsC;AACtC,yDAA0D;AAE1D,IAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,mBAAW;IACtB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,6RAKP,gCAAM,wDACG,CACZ;KACF;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,WAAW,EAAE,wCAAwC;YACrD,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,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,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;QACd,GAAG,EAAE,MAAM;KACZ;IACD,MAAM,EAAE,UAAC,IAAI,IAAK,OAAA,CAChB,uBAAC,mBAAW,uBAAK,IAAI,cAClB,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI;YACrB,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;YACrD,OAAO,CACL,uBAAC,6BAAa,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,YAC3C,IAAI,IAD8C,IAAI,CAEzC,CACjB,CAAC;QACJ,CAAC,CAAC,IACU,CACf,EAXiB,CAWjB;CACF,CAAC"}
+{"version":3,"file":"ColumnsGrid.stories.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/ColumnsGrid/ColumnsGrid.stories.tsx"],"names":[],"mappings":";;;;AACA,uDAAoD;AACpD,mCAAsC;AACtC,2DAA0D;AAE1D,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,mBAAW;IACtB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,6RAKP,gCAAM,wDACG,CACZ;KACF;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,WAAW,EAAE,wCAAwC;YACrD,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,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,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,WAAW,EAAE,CAAC;QACd,GAAG,EAAE,MAAM;KACZ;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,uBAAC,mBAAW,OAAK,IAAI,YAClB,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACzB,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,CAAC;YACrD,OAAO,CACL,uBAAC,6BAAa,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,YAC3C,IAAI,IAD8C,IAAI,CAEzC,CACjB,CAAC;QACJ,CAAC,CAAC,GACU,CACf;CACF,CAAC"}

package/dist/cjs/components/Layouts/ColumnsGrid/index.js

@@ -1,21 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ColumnsGrid = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styles_1 = require("./styles");
-exports.ColumnsGrid = (0, react_1.forwardRef)(function (_a, ref) {
-    var columnCount = _a.columnCount, _b = _a.gap, gap = _b === void 0 ? "10px" : _b, children = _a.children, props = tslib_1.__rest(_a, ["columnCount", "gap", "children"]);
-    var array = Array.from({ length: columnCount }, function (_) { return []; });
-    react_1.Children.forEach(children, function (child, index) {
-        var column = array[index % columnCount];
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("./styles");
+exports.ColumnsGrid = (0, react_1.forwardRef)(({ columnCount, gap = "10px", children, ...props }, ref) => {
+    const array = Array.from({ length: columnCount }, (_) => []);
+    react_1.Children.forEach(children, (child, index) => {
+        const column = array[index % columnCount];
         if (Array.isArray(column)) {
             column.push(child);
         }
     });
-    return ((0, jsx_runtime_1.jsx)(styles_1.ColumnsGridContainer, tslib_1.__assign({ ref: ref, gap: gap }, props, { children: array.map(function (column) {
+    return ((0, jsx_runtime_1.jsx)(styles_1.ColumnsGridContainer, { ref: ref, gap: gap, ...props, children: array.map((column) => {
             return (0, jsx_runtime_1.jsx)(styles_1.Column, { gap: gap, children: column });
-        }) })));
+        }) }));
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Layouts/ColumnsGrid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/ColumnsGrid/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAwD;AACxD,mCAAwD;AAQ3C,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,UACE,EAAmE,EACnE,GAA8B;IAD5B,IAAA,WAAW,iBAAA,EAAE,WAAY,EAAZ,GAAG,mBAAG,MAAM,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA/C,kCAAiD,CAAF;IAG/C,IAAM,KAAK,GAAqB,KAAK,CAAC,IAAI,CACxC,EAAE,MAAM,EAAE,WAAW,EAAE,EACvB,UAAC,CAAC,IAAK,OAAA,EAAE,EAAF,CAAE,CACV,CAAC;IAEF,gBAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,KAAK,EAAE,KAAK;QACtC,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,CAAC;QAC1C,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,6BAAoB,qBAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAM,KAAK,cAChD,KAAK,CAAC,GAAG,CAAC,UAAC,MAAM;YAChB,OAAO,uBAAC,eAAM,IAAC,GAAG,EAAE,GAAG,YAAG,MAAM,GAAU,CAAC;QAC7C,CAAC,CAAC,IACmB,CACxB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/ColumnsGrid/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwD;AACxD,qCAAwD;AAQ3C,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,CACE,EAAE,WAAW,EAAE,GAAG,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAoB,EACnE,GAA8B,EAC9B,EAAE;IACF,MAAM,KAAK,GAAqB,KAAK,CAAC,IAAI,CACxC,EAAE,MAAM,EAAE,WAAW,EAAE,EACvB,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CACV,CAAC;IAEF,gBAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QAC1C,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,CAAC;QAC1C,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAC1B,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,6BAAoB,IAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAM,KAAK,YAChD,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACpB,OAAO,uBAAC,eAAM,IAAC,GAAG,EAAE,GAAG,YAAG,MAAM,GAAU,CAAC;QAC7C,CAAC,CAAC,GACmB,CACxB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/cjs/components/Layouts/ColumnsGrid/styles.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Column = exports.ColumnsGridContainer = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.ColumnsGridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  gap: ", ";\n  width: 100%;\n"], ["\n  display: flex;\n  gap: ", ";\n  width: 100%;\n"])), function (_a) {
-    var gap = _a.gap;
-    return gap;
-});
-exports.Column = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n"])), function (_a) {
-    var gap = _a.gap;
-    return gap;
-});
-var templateObject_1, templateObject_2;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.ColumnsGridContainer = styled_components_1.default.div `
+  display: flex;
+  gap: ${({ gap }) => gap};
+  width: 100%;
+`;
+exports.Column = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${({ gap }) => gap};
+`;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/components/Layouts/ColumnsGrid/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/ColumnsGrid/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAM1B,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,+HAA2B,6BAEhE,EAAgB,qBAExB,KAFQ,UAAC,EAAO;QAAL,GAAG,SAAA;IAAO,OAAA,GAAG;AAAH,CAAG,EAEvB;AAMW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,0IAAa,wDAGpC,EAAgB,KACxB,KADQ,UAAC,EAAO;QAAL,GAAG,SAAA;IAAO,OAAA,GAAG;AAAH,CAAG,EACvB"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/ColumnsGrid/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAM1B,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,CAA2B;;SAEhE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG;;CAExB,CAAC;AAMW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAa;;;SAGpC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG;CACxB,CAAC"}

package/dist/cjs/components/Layouts/Grid/Grid.stories.js

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Example = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var MockComponent_1 = require("../../MockComponent");
-var index_1 = require("./index");
-var styles_1 = require("../../StoriesComponents/styles");
-var meta = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MockComponent_1 = require("../../MockComponent");
+const index_1 = require("./index");
+const styles_1 = require("../../StoriesComponents/styles");
+const meta = {
     title: "Layout/Grid",
     component: index_1.Grid,
     parameters: {
@@ -34,12 +33,12 @@ var meta = {
     },
 };
 exports.default = meta;
-var exmapleArray = Array.from({ length: 10 }, function (_, i) { return i + 1; });
+const exmapleArray = Array.from({ length: 10 }, (_, i) => i + 1);
 exports.Example = {
     args: {
         elementsPerRow: [1, 4, 2, 3],
         gap: "8px",
     },
-    render: function (args) { return ((0, jsx_runtime_1.jsx)(index_1.Grid, tslib_1.__assign({}, args, { children: exmapleArray.map(function (item) { return ((0, jsx_runtime_1.jsx)(MockComponent_1.MockComponent, { children: item }, item)); }) }))); },
+    render: (args) => ((0, jsx_runtime_1.jsx)(index_1.Grid, { ...args, children: exmapleArray.map((item) => ((0, jsx_runtime_1.jsx)(MockComponent_1.MockComponent, { children: item }, item))) })),
 };
 //# sourceMappingURL=Grid.stories.js.map

package/dist/cjs/components/Layouts/Grid/Grid.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.stories.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/Grid/Grid.stories.tsx"],"names":[],"mappings":";;;;;AACA,qDAAoD;AACpD,iCAA+B;AAC/B,yDAA0D;AAE1D,IAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,YAAI;IACf,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,+OAIP,gCAAM,0CACG,CACZ;KACF;IACD,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,WAAW,EACT,wEAAwE;YAC1E,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,kBAAe,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;AAEpD,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC5B,GAAG,EAAE,KAAK;KACX;IACD,MAAM,EAAE,UAAC,IAAI,IAAK,OAAA,CAChB,uBAAC,YAAI,uBAAK,IAAI,cACX,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC1B,uBAAC,6BAAa,cAAa,IAAI,IAAX,IAAI,CAAwB,CACjD,EAF2B,CAE3B,CAAC,IACG,CACR,EANiB,CAMjB;CACF,CAAC"}
+{"version":3,"file":"Grid.stories.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/Grid/Grid.stories.tsx"],"names":[],"mappings":";;;;AACA,uDAAoD;AACpD,mCAA+B;AAC/B,2DAA0D;AAE1D,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,YAAI;IACf,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,+OAIP,gCAAM,0CACG,CACZ;KACF;IACD,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,WAAW,EACT,wEAAwE;YAC1E,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,kBAAe,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;AAEpD,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,cAAc,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC5B,GAAG,EAAE,KAAK;KACX;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,uBAAC,YAAI,OAAK,IAAI,YACX,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,uBAAC,6BAAa,cAAa,IAAI,IAAX,IAAI,CAAwB,CACjD,CAAC,GACG,CACR;CACF,CAAC"}

package/dist/cjs/components/Layouts/Grid/index.js

@@ -1,28 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Grid = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var functions_1 = require("../../../utils/functions");
-var styles_1 = require("./styles");
-exports.Grid = (0, react_1.forwardRef)(function (_a, ref) {
-    var elementsPerRow = _a.elementsPerRow, _b = _a.gap, gap = _b === void 0 ? "8px" : _b, children = _a.children, props = tslib_1.__rest(_a, ["elementsPerRow", "gap", "children"]);
-    var colCount = (0, functions_1.mmcArray)(elementsPerRow || [1]);
-    var start = 0;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.GridContainer, tslib_1.__assign({ ref: ref, gap: gap, colCount: colCount }, props, { children: [elementsPerRow === null || elementsPerRow === void 0 ? void 0 : elementsPerRow.map(function (rowCount) {
-                var elementsToReturn = children
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const functions_1 = require("../../../utils/functions");
+const styles_1 = require("./styles");
+exports.Grid = (0, react_1.forwardRef)(({ elementsPerRow, gap = "8px", children, ...props }, ref) => {
+    const colCount = (0, functions_1.mmcArray)(elementsPerRow || [1]);
+    let start = 0;
+    return ((0, jsx_runtime_1.jsxs)(styles_1.GridContainer, { ref: ref, gap: gap, colCount: colCount, ...props, children: [elementsPerRow?.map((rowCount) => {
+                const elementsToReturn = children
                     .slice(start, start + rowCount)
-                    .map(function (child) {
+                    .map((child) => {
                     console.log("child: ", child.props);
                     return (0, react_1.cloneElement)(child, {
-                        style: tslib_1.__assign(tslib_1.__assign({}, child.props.style), { gridColumn: "span ".concat(colCount / rowCount) }),
+                        style: {
+                            ...child.props.style,
+                            gridColumn: `span ${colCount / rowCount}`,
+                        },
                     });
                 });
                 start += rowCount;
                 return elementsToReturn;
-            }), children.slice(start).map(function (child) {
+            }), children.slice(start).map((child) => {
                 return child;
-            })] })));
+            })] }));
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Layouts/Grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/Grid/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA+D;AAC/D,sDAAoD;AACpD,mCAAyC;AAQ5B,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,UACE,EAA8D,EAC9D,GAA8B;IAD5B,IAAA,cAAc,oBAAA,EAAE,WAAW,EAAX,GAAG,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAAjD,qCAAmD,CAAF;IAGjD,IAAM,QAAQ,GAAG,IAAA,oBAAQ,EAAC,cAAc,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,OAAO,CACL,wBAAC,sBAAa,qBAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,eAC7D,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,GAAG,CAAC,UAAC,QAAQ;gBAC5B,IAAM,gBAAgB,GAAG,QAAQ;qBAC9B,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC;qBAC9B,GAAG,CAAC,UAAC,KAAK;oBACT,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;oBACpC,OAAO,IAAA,oBAAY,EAAC,KAAK,EAAE;wBACzB,KAAK,wCACA,KAAK,CAAC,KAAK,CAAC,KAAK,KACpB,UAAU,EAAE,eAAQ,QAAQ,GAAG,QAAQ,CAAE,GAC1C;qBACF,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;gBACL,KAAK,IAAI,QAAQ,CAAC;gBAClB,OAAO,gBAAgB,CAAC;YAC1B,CAAC,CAAC,EACD,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK;gBAC/B,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,KACY,CACjB,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/Grid/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAA+D;AAC/D,wDAAoD;AACpD,qCAAyC;AAQ5B,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CACE,EAAE,cAAc,EAAE,GAAG,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa,EAC9D,GAA8B,EAC9B,EAAE;IACF,MAAM,QAAQ,GAAG,IAAA,oBAAQ,EAAC,cAAc,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,IAAI,KAAK,GAAG,CAAC,CAAC;IAEd,OAAO,CACL,wBAAC,sBAAa,IAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,aAC7D,cAAc,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAChC,MAAM,gBAAgB,GAAG,QAAQ;qBAC9B,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC;qBAC9B,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBACb,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;oBACpC,OAAO,IAAA,oBAAY,EAAC,KAAK,EAAE;wBACzB,KAAK,EAAE;4BACL,GAAG,KAAK,CAAC,KAAK,CAAC,KAAK;4BACpB,UAAU,EAAE,QAAQ,QAAQ,GAAG,QAAQ,EAAE;yBAC1C;qBACF,CAAC,CAAC;gBACL,CAAC,CAAC,CAAC;gBACL,KAAK,IAAI,QAAQ,CAAC;gBAClB,OAAO,gBAAgB,CAAC;YAC1B,CAAC,CAAC,EACD,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;gBACnC,OAAO,KAAK,CAAC;YACf,CAAC,CAAC,IACY,CACjB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/cjs/components/Layouts/Grid/styles.js

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridContainer = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: ", ";\n\n  .red {\n    background-color: red;\n  }\n"], ["\n  display: grid;\n  grid-template-columns: repeat(", ", 1fr);\n  gap: ", ";\n\n  .red {\n    background-color: red;\n  }\n"])), function (_a) {
-    var colCount = _a.colCount;
-    return colCount;
-}, function (_a) {
-    var gap = _a.gap;
-    return gap;
-});
-var templateObject_1;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.GridContainer = styled_components_1.default.div `
+  display: grid;
+  grid-template-columns: repeat(${({ colCount }) => colCount}, 1fr);
+  gap: ${({ gap }) => gap};
+
+  .red {
+    background-color: red;
+  }
+`;
 //# sourceMappingURL=styles.js.map

package/dist/cjs/components/Layouts/Grid/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/Grid/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAO1B,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,yMAAoB,sDAEzB,EAA0B,kBACnD,EAAgB,kDAKxB,KANiC,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ;AAAR,CAAQ,EACnD,UAAC,EAAO;QAAL,GAAG,SAAA;IAAO,OAAA,GAAG;AAAH,CAAG,EAKvB"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/Grid/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAO1B,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAoB;;kCAEzB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;SACnD,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG;;;;;CAKxB,CAAC"}

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

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Example = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var MockComponent_1 = require("../../MockComponent");
-var index_1 = require("./index");
-var styles_1 = require("../../StoriesComponents/styles");
-var meta = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const MockComponent_1 = require("../../MockComponent");
+const index_1 = require("./index");
+const styles_1 = require("../../StoriesComponents/styles");
+const meta = {
     title: "Layout/Grid Area",
     component: index_1.GridArea,
     parameters: {
@@ -34,7 +33,7 @@ var meta = {
     },
 };
 exports.default = meta;
-var exmapleArray = Array.from({ length: 10 }, function (_, i) { return i + 1; });
+const exmapleArray = Array.from({ length: 10 }, (_, i) => i + 1);
 exports.Example = {
     args: {
         areaTemplate: [
@@ -43,6 +42,6 @@ exports.Example = {
         ],
         gap: "8px",
     },
-    render: function (args) { return ((0, jsx_runtime_1.jsx)(index_1.GridArea, tslib_1.__assign({}, args, { children: exmapleArray.map(function (item) { return ((0, jsx_runtime_1.jsx)(MockComponent_1.MockComponent, { children: item }, item)); }) }))); },
+    render: (args) => ((0, jsx_runtime_1.jsx)(index_1.GridArea, { ...args, children: exmapleArray.map((item) => ((0, jsx_runtime_1.jsx)(MockComponent_1.MockComponent, { children: item }, item))) })),
 };
 //# sourceMappingURL=GridArea.stories.js.map

package/dist/cjs/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,qDAAoD;AACpD,iCAAmC;AACnC,yDAA0D;AAE1D,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,gBAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,+OAIP,gCAAM,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,kBAAe,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;AAEpD,QAAA,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,uBAAC,gBAAQ,uBAAK,IAAI,cACf,YAAY,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAC1B,uBAAC,6BAAa,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,uDAAoD;AACpD,mCAAmC;AACnC,2DAA0D;AAE1D,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,gBAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,+OAIP,gCAAM,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,kBAAe,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;AAEpD,QAAA,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,uBAAC,gBAAQ,OAAK,IAAI,YACf,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,uBAAC,6BAAa,cAAa,IAAI,IAAX,IAAI,CAAwB,CACjD,CAAC,GACO,CACZ;CACF,CAAC"}

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

@@ -1,33 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridArea = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = tslib_1.__importStar(require("react"));
-var styles_1 = require("./styles");
-exports.GridArea = (0, react_1.forwardRef)(function (_a, ref) {
-    var areaTemplate = _a.areaTemplate, _b = _a.gap, gap = _b === void 0 ? "8px" : _b, children = _a.children, props = tslib_1.__rest(_a, ["areaTemplate", "gap", "children"]);
-    var colCount = areaTemplate[0].reduce(function (acc, cur) {
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const styles_1 = require("./styles");
+exports.GridArea = (0, react_1.forwardRef)(({ areaTemplate, gap = "8px", children, ...props }, ref) => {
+    const colCount = areaTemplate[0].reduce((acc, cur) => {
         return acc + Math.abs(cur);
     }, 0);
-    var start = 0;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.GridAreaContainer, tslib_1.__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 ((0, jsx_runtime_1.jsxs)(styles_1.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 ((0, jsx_runtime_1.jsx)("div", { style: { gridColumn: "span ".concat(Math.abs(row[idx])) } }));
+                        return ((0, jsx_runtime_1.jsx)("div", { style: { gridColumn: `span ${Math.abs(row[idx])}` } }));
                     }
                     return react_1.default.cloneElement(child, {
-                        style: tslib_1.__assign(tslib_1.__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/cjs/components/Layouts/GridArea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/GridArea/index.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA0C;AAC1C,mCAA6C;AAQhC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,UACE,EAAgE,EAChE,GAA8B;IAD5B,IAAA,YAAY,kBAAA,EAAE,WAAW,EAAX,GAAG,mBAAG,KAAK,KAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA/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,wBAAC,0BAAiB,qBAAC,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,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,eAAQ,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAE,EAAE,GAAI,CAC7D,CAAC;oBACJ,CAAC;oBACD,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;wBAC/B,KAAK,wCACA,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,uDAA0C;AAC1C,qCAA6C;AAQhC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,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,wBAAC,0BAAiB,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,gCAAK,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,GAAI,CAC7D,CAAC;oBACJ,CAAC;oBACD,OAAO,eAAK,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/cjs/components/Layouts/GridArea/styles.js

@@ -1,14 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridAreaContainer = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = require("styled-components");
-exports.GridAreaContainer = styled_components_1.styled.div(templateObject_1 || (templateObject_1 = tslib_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;
+const styled_components_1 = require("styled-components");
+exports.GridAreaContainer = styled_components_1.styled.div `
+  display: grid;
+  grid-template-columns: repeat(${({ colCount }) => colCount}, 1fr);
+  gap: ${({ gap }) => gap};
+`;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/GridArea/styles.ts"],"names":[],"mappings":";;;;AAAA,uDAA2C;AAO9B,QAAA,iBAAiB,GAAG,0BAAM,CAAC,GAAG,4JAAwB,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,EACvB"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/Layouts/GridArea/styles.ts"],"names":[],"mappings":";;;AAAA,yDAA2C;AAO9B,QAAA,iBAAiB,GAAG,0BAAM,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/cjs/components/MockComponent/index.js

@@ -1,12 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MockComponent = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var styles_1 = require("./styles");
-var MockComponent = function (_a) {
-    var children = _a.children, rest = tslib_1.__rest(_a, ["children"]);
-    return (0, jsx_runtime_1.jsx)(styles_1.StyledDiv, tslib_1.__assign({}, rest, { children: children }));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const MockComponent = ({ children, ...rest }) => {
+    return (0, jsx_runtime_1.jsx)(styles_1.StyledDiv, { ...rest, children: children });
 };
 exports.MockComponent = MockComponent;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MockComponent/index.tsx"],"names":[],"mappings":";;;;;AAAA,mCAAqC;AAM9B,IAAM,aAAa,GAAG,UAAC,EAAyC;IAAvC,IAAA,QAAQ,cAAA,EAAK,IAAI,sBAAnB,YAAqB,CAAF;IAC/C,OAAO,uBAAC,kBAAS,uBAAK,IAAI,cAAG,QAAQ,IAAa,CAAC;AACrD,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/MockComponent/index.tsx"],"names":[],"mappings":";;;;AAAA,qCAAqC;AAM9B,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAsB,EAAE,EAAE;IACzE,OAAO,uBAAC,kBAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,CAAC;AACrD,CAAC,CAAC;AAFW,QAAA,aAAa,iBAExB"}

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

@@ -1,8 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledDiv = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.StyledDiv = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_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;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.StyledDiv = styled_components_1.default.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/cjs/components/MockComponent/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/MockComponent/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,uUAAA,4PAWlC,KAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/MockComponent/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAE1B,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWlC,CAAC"}

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

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Example = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Button_1 = require("../Button");
-var react_1 = require("react");
-var _1 = tslib_1.__importDefault(require("."));
-var consts_1 = require("../../utils/consts");
-var Icon_1 = require("../Icon");
-var meta = {
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_1 = require("../Button");
+const react_1 = require("react");
+const _1 = tslib_1.__importDefault(require("."));
+const consts_1 = require("../../utils/consts");
+const Icon_1 = require("../Icon");
+const meta = {
     component: _1.default,
     title: "Design System/Modal",
     argTypes: {
@@ -34,9 +34,9 @@ var meta = {
 };
 exports.default = meta;
 exports.Example = {
-    render: function () {
-        var _a = (0, react_1.useState)(false), modalOpen = _a[0], setModalOpen = _a[1];
-        return ((0, jsx_runtime_1.jsxs)("div", { style: { height: 400, width: 500, backgroundColor: "lightblue" }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Open Modal" }), (0, jsx_runtime_1.jsxs)(_1.default, { open: modalOpen, toggle: function () { return setModalOpen(!modalOpen); }, overlayStyles: { width: "100%", height: "100%" }, children: [(0, jsx_runtime_1.jsxs)(_1.default.Header, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Modal de teste" }), (0, jsx_runtime_1.jsx)("h2", { children: "Subtitulo do modal de teste" })] }), (0, jsx_runtime_1.jsxs)(_1.default.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!", " ", (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "takeatIconFilled" })] }), (0, jsx_runtime_1.jsxs)(_1.default.Footer, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: function () { return setModalOpen(!modalOpen); }, children: "Fechar" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { customColor: consts_1.defaultTheme.colors.green.default, onClick: function () { return setModalOpen(!modalOpen); }, children: "Salvar" })] })] })] }));
+    render: () => {
+        const [modalOpen, setModalOpen] = (0, react_1.useState)(false);
+        return ((0, jsx_runtime_1.jsxs)("div", { style: { height: 400, width: 500, backgroundColor: "lightblue" }, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setModalOpen(!modalOpen), children: "Open Modal" }), (0, jsx_runtime_1.jsxs)(_1.default, { open: modalOpen, toggle: () => setModalOpen(!modalOpen), overlayStyles: { width: "100%", height: "100%" }, children: [(0, jsx_runtime_1.jsxs)(_1.default.Header, { children: [(0, jsx_runtime_1.jsx)("h1", { children: "Modal de teste" }), (0, jsx_runtime_1.jsx)("h2", { children: "Subtitulo do modal de teste" })] }), (0, jsx_runtime_1.jsxs)(_1.default.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!", " ", (0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: "takeatIconFilled" })] }), (0, jsx_runtime_1.jsxs)(_1.default.Footer, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setModalOpen(!modalOpen), children: "Fechar" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { customColor: consts_1.defaultTheme.colors.green.default, onClick: () => setModalOpen(!modalOpen), children: "Salvar" })] })] })] }));
     },
 };
 //# sourceMappingURL=Modal.stories.js.map