componenteshospitais 1.0.2 → 1.0.4

package/dist/cjs/index.js

@@ -0,0 +1,136 @@
+'use strict';
+
+var React = require('react');
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z$6 = ":root{--blue:#1e2057;--blueHover:#242881;--red:#eb313d;--redHover:#9e0f18;--gray:#5d5d5d;--greyHover:#e4e2e2;--lightGray:#ededed;--green:#00984b;--greenHover:#14a857;--lightblue:#006cb7;--lightblueHover:#187bb2}html{font-family:Amelia,sans-serif;margin:0;padding:0;width:100%}";
+styleInject(css_248z$6);
+
+var css_248z$5 = ".tituloPagina-module_header__GtitI{align-items:center;border-radius:8px 8px 0 0;color:#fff;display:flex;font-size:23px;justify-content:space-between;padding:10px 20px;position:relative}.tituloPagina-module_title__pb7Iz{font-size:24px;font-weight:700;margin-left:5rem}.tituloPagina-module_backButton__QlSV1{align-items:center;background-color:#fff;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:auto;margin:0 5rem 0 0;padding:10px 50px}.tituloPagina-module_backButton__QlSV1:hover{background-color:var(--greyHover)}@media (max-width:768px){.tituloPagina-module_title__pb7Iz{font-size:16px;margin-left:1rem}}@media (max-width:500px){.tituloPagina-module_backButton__QlSV1{margin-right:0;padding:10px 30px}}.tituloPagina-module_empresa1__sInrz .tituloPagina-module_header__GtitI{background-color:var(--blue)}.tituloPagina-module_empresa1__sInrz .tituloPagina-module_backButton__QlSV1{color:var(--blue)}.tituloPagina-module_empresa3__sn4GV .tituloPagina-module_header__GtitI{background-color:var(--green)}.tituloPagina-module_empresa3__sn4GV .tituloPagina-module_backButton__QlSV1{color:var(--green)}";
+var styles$5 = {"header":"tituloPagina-module_header__GtitI","title":"tituloPagina-module_title__pb7Iz","backButton":"tituloPagina-module_backButton__QlSV1","empresa1":"tituloPagina-module_empresa1__sInrz","empresa3":"tituloPagina-module_empresa3__sn4GV"};
+styleInject(css_248z$5);
+
+var TituloPagina = function (_a) {
+    var titulo = _a.titulo, onClick = _a.onClick, empresa = _a.empresa;
+    var empresaClass = styles$5["empresa".concat(empresa)];
+    return (React.createElement("div", { className: "".concat(empresaClass) },
+        React.createElement("div", { className: styles$5.header },
+            React.createElement("p", { className: styles$5.title }, titulo),
+            React.createElement("button", { onClick: onClick, className: styles$5.backButton }, "Voltar"))));
+};
+
+var css_248z$4 = ".card-module_icone__8F-jV{height:55px;width:55px}.card-module_item__YYEzi{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:18px;margin-bottom:1rem;padding:15px}.card-module_imgLateral__zCZz5{height:55px;margin-left:auto;margin-right:10px;width:55px}.card-module_empresa1__Jl5OB .card-module_item__YYEzi{background-color:var(--blue)}.card-module_empresa1__Jl5OB .card-module_item__YYEzi:hover{background-color:var(--red)}.card-module_empresa3__TCJpW .card-module_item__YYEzi{background-color:var(--green)}.card-module_empresa3__TCJpW .card-module_item__YYEzi:hover{background-color:var(--lightblue)}";
+var styles$4 = {"icone":"card-module_icone__8F-jV","item":"card-module_item__YYEzi","imgLateral":"card-module_imgLateral__zCZz5","empresa1":"card-module_empresa1__Jl5OB","empresa3":"card-module_empresa3__TCJpW"};
+styleInject(css_248z$4);
+
+var Card = function (_a) {
+    var img = _a.img, imgLateral = _a.imgLateral, text = _a.text, link = _a.link, empresa = _a.empresa;
+    var empresaClass = styles$4["empresa".concat(empresa)];
+    var handleClick = function () {
+        if (link) {
+            window.location.href = link;
+        }
+    };
+    return (React.createElement("div", { className: "".concat(empresaClass), onClick: handleClick, style: { cursor: link ? 'pointer' : 'default' } },
+        React.createElement("div", { className: "".concat(styles$4.item, " empresa").concat(empresa) },
+            img && (React.createElement("img", { src: img, alt: text, className: styles$4.icone })),
+            React.createElement("span", { className: styles$4.texto }, text),
+            imgLateral && (React.createElement("img", { src: imgLateral, alt: "Right", className: styles$4.imgLateral })))));
+};
+
+var css_248z$3 = ".cardImage-module_botaoCert__Rs0fg{align-items:center;border-color:transparent;border-radius:1rem;color:#fff;display:flex;flex-direction:column;height:170px;justify-content:center;padding:.8rem;text-decoration:none;width:250px}.cardImage-module_iconeOna__WQil5{height:150px}.cardImage-module_cardText__NfgFE{bottom:.5rem;font-size:18px;position:relative}.cardImage-module_empresa1__SnbEU .cardImage-module_botaoCert__Rs0fg{background-color:var(--blue)}.cardImage-module_empresa1__SnbEU .cardImage-module_botaoCert__Rs0fg:hover{background-color:var(--red)}.cardImage-module_empresa3__ItFp0 .cardImage-module_botaoCert__Rs0fg{background-color:var(--green)}.cardImage-module_empresa3__ItFp0 .cardImage-module_botaoCert__Rs0fg:hover{background-color:var(--lightblue)}";
+var styles$3 = {"botaoCert":"cardImage-module_botaoCert__Rs0fg","iconeOna":"cardImage-module_iconeOna__WQil5","cardText":"cardImage-module_cardText__NfgFE","empresa1":"cardImage-module_empresa1__SnbEU","empresa3":"cardImage-module_empresa3__ItFp0"};
+styleInject(css_248z$3);
+
+var CardImage = function (_a) {
+    var img = _a.img, href = _a.href, texto = _a.texto, empresa = _a.empresa;
+    var empresaClass = styles$3["empresa".concat(empresa)];
+    return (React.createElement("div", { className: "".concat(empresaClass) },
+        React.createElement("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "".concat(styles$3.botaoCert, " empresa").concat(empresa), title: href },
+            React.createElement("img", { src: img, alt: img, className: styles$3.iconeOna }),
+            texto && (React.createElement("text", { className: styles$3.cardText }, texto)))));
+};
+
+var css_248z$2 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;font-style:italic;padding:.8rem 0 .8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}";
+var styles$2 = {"inputSubmit":"input-module_inputSubmit__21-Pj","inputPadrao":"input-module_inputPadrao__jypjY","empresa1":"input-module_empresa1__bxBov","empresa3":"input-module_empresa3__RU89A"};
+styleInject(css_248z$2);
+
+var Button = function (_a) {
+    var empresa = _a.empresa, _b = _a.type, type = _b === void 0 ? 'submit' : _b, onClick = _a.onClick;
+    var empresaClass = styles$2["empresa".concat(empresa)];
+    return (React.createElement("div", { className: "".concat(empresaClass) }, type === 'submit' ? (React.createElement("input", { type: "submit", className: styles$2.inputSubmit })) : (React.createElement("button", { type: "button", className: styles$2.inputSubmit, onClick: onClick }, "Button"))));
+};
+
+var InputField = function (_a) {
+    var type = _a.type, id = _a.id, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, label = _a.label;
+    return (React.createElement(React.Fragment, null,
+        label && React.createElement("label", { htmlFor: id }, label),
+        React.createElement("input", { type: type, id: id, name: id, value: value, placeholder: placeholder, onChange: onChange, className: styles$2.inputPadrao })));
+};
+
+var css_248z$1 = ".textPage-module_container__GBEF6{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.textPage-module_content__CpD68{display:flex;text-align:justify}.textPage-module_imageCabecalho__J6YFH{border-radius:8px}.textPage-module_imageCabecalho__J6YFH img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_contentWithLateralImage__-f5pQ{flex-direction:row}.textPage-module_imageLateral__Dy9Kx{align-self:flex-start;height:230px;margin-right:20px;margin-top:15px;width:300px}.textPage-module_imageLateral__Dy9Kx img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_text__3pwuU{color:#5d5d5d;flex:2;line-height:1.8;text-align:justify}.textPage-module_text__3pwuU p{line-height:1.6;margin:10px 0}.textPage-module_text__3pwuU .textPage-module_coordenacao__UypV-,.textPage-module_text__3pwuU .textPage-module_direcao__x5psb{font-weight:700;margin-top:20px}";
+var styles$1 = {"container":"textPage-module_container__GBEF6","content":"textPage-module_content__CpD68","imageCabecalho":"textPage-module_imageCabecalho__J6YFH","contentWithLateralImage":"textPage-module_contentWithLateralImage__-f5pQ","imageLateral":"textPage-module_imageLateral__Dy9Kx","text":"textPage-module_text__3pwuU","coordenacao":"textPage-module_coordenacao__UypV-","direcao":"textPage-module_direcao__x5psb"};
+styleInject(css_248z$1);
+
+var TextPage = function (_a) {
+    var imgLateral = _a.imgLateral, imgCabecalho = _a.imgCabecalho, texto = _a.texto;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles$1.container },
+            imgCabecalho && (React.createElement("div", { className: styles$1.imageCabecalho },
+                React.createElement("img", { src: imgCabecalho, alt: imgCabecalho }))),
+            React.createElement("div", { className: "".concat(styles$1.content, " ").concat(imgLateral ? styles$1.contentWithLateralImage : '') },
+                imgLateral && (React.createElement("div", { className: styles$1.imageLateral },
+                    React.createElement("img", { src: imgLateral, alt: imgLateral }))),
+                React.createElement("div", { className: styles$1.text, dangerouslySetInnerHTML: { __html: texto } })))));
+};
+
+var css_248z = ".menuPage-module_container__grjEI{color:#000;display:flex;height:100%}.menuPage-module_sidebar__7Kg1S{background-color:#fff;border-right:1px solid var(--greyHover);height:500px;max-height:500px;overflow-y:auto;padding-bottom:15px;width:250px}.menuPage-module_sidebar__7Kg1S ul{list-style:none;margin:0;padding:0}.menuPage-module_sidebar__7Kg1S ul li{margin:10px 0}.menuPage-module_sidebar__7Kg1S ul li button{background:none;border:none;cursor:pointer;font-weight:700;padding:10px;text-align:left;text-decoration:none;width:100%}.menuPage-module_content__g2T-d{background-color:#fff;flex:1;max-height:475px;overflow-y:auto;padding:20px}@media (max-width:800px){.menuPage-module_sidebar__7Kg1S{width:160px}}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button{color:var(--blue)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{border-left:4px solid var(--blue)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button{color:var(--green)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{background-color:var(--lightGray);border-left:4px solid var(--green)}";
+var styles = {"container":"menuPage-module_container__grjEI","sidebar":"menuPage-module_sidebar__7Kg1S","content":"menuPage-module_content__g2T-d","empresa1":"menuPage-module_empresa1__tLASf","active":"menuPage-module_active__Mfy4T"};
+styleInject(css_248z);
+
+var MenuPage = function (_a) {
+    var menus = _a.menus, contents = _a.contents, empresa = _a.empresa;
+    var empresaClass = styles["empresa".concat(empresa)];
+    var _b = React.useState(menus[0].key), selectedSection = _b[0], setSelectedSection = _b[1];
+    return (React.createElement("div", { className: "".concat(empresaClass) },
+        React.createElement("div", { className: styles.container },
+            React.createElement("nav", { className: styles.sidebar },
+                React.createElement("ul", null, menus.map(function (menu) { return (React.createElement("li", { key: menu.key },
+                    React.createElement("button", { className: selectedSection === menu.key ? styles.active : '', onClick: function () { return setSelectedSection(menu.key); } }, menu.label))); }))),
+            React.createElement("main", { className: styles.content }, contents[selectedSection]))));
+};
+
+exports.Button = Button;
+exports.Card = Card;
+exports.CardImage = CardImage;
+exports.InputField = InputField;
+exports.MenuPage = MenuPage;
+exports.TextPage = TextPage;
+exports.TituloPagina = TituloPagina;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\r\n  if ( ref === void 0 ) ref = {};\r\n  var insertAt = ref.insertAt;\r\n\r\n  if (!css || typeof document === 'undefined') { return; }\r\n\r\n  var head = document.head || document.getElementsByTagName('head')[0];\r\n  var style = document.createElement('style');\r\n  style.type = 'text/css';\r\n\r\n  if (insertAt === 'top') {\r\n    if (head.firstChild) {\r\n      head.insertBefore(style, head.firstChild);\r\n    } else {\r\n      head.appendChild(style);\r\n    }\r\n  } else {\r\n    head.appendChild(style);\r\n  }\r\n\r\n  if (style.styleSheet) {\r\n    style.styleSheet.cssText = css;\r\n  } else {\r\n    style.appendChild(document.createTextNode(css));\r\n  }\r\n}\r\n\r\nexport default styleInject;\r\n"],"names":[],"mappings":";;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/esm/index.js

@@ -0,0 +1,128 @@
+import React, { useState } from 'react';
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z$6 = ":root{--blue:#1e2057;--blueHover:#242881;--red:#eb313d;--redHover:#9e0f18;--gray:#5d5d5d;--greyHover:#e4e2e2;--lightGray:#ededed;--green:#00984b;--greenHover:#14a857;--lightblue:#006cb7;--lightblueHover:#187bb2}html{font-family:Amelia,sans-serif;margin:0;padding:0;width:100%}";
+styleInject(css_248z$6);
+
+var css_248z$5 = ".tituloPagina-module_header__GtitI{align-items:center;border-radius:8px 8px 0 0;color:#fff;display:flex;font-size:23px;justify-content:space-between;padding:10px 20px;position:relative}.tituloPagina-module_title__pb7Iz{font-size:24px;font-weight:700;margin-left:5rem}.tituloPagina-module_backButton__QlSV1{align-items:center;background-color:#fff;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:auto;margin:0 5rem 0 0;padding:10px 50px}.tituloPagina-module_backButton__QlSV1:hover{background-color:var(--greyHover)}@media (max-width:768px){.tituloPagina-module_title__pb7Iz{font-size:16px;margin-left:1rem}}@media (max-width:500px){.tituloPagina-module_backButton__QlSV1{margin-right:0;padding:10px 30px}}.tituloPagina-module_empresa1__sInrz .tituloPagina-module_header__GtitI{background-color:var(--blue)}.tituloPagina-module_empresa1__sInrz .tituloPagina-module_backButton__QlSV1{color:var(--blue)}.tituloPagina-module_empresa3__sn4GV .tituloPagina-module_header__GtitI{background-color:var(--green)}.tituloPagina-module_empresa3__sn4GV .tituloPagina-module_backButton__QlSV1{color:var(--green)}";
+var styles$5 = {"header":"tituloPagina-module_header__GtitI","title":"tituloPagina-module_title__pb7Iz","backButton":"tituloPagina-module_backButton__QlSV1","empresa1":"tituloPagina-module_empresa1__sInrz","empresa3":"tituloPagina-module_empresa3__sn4GV"};
+styleInject(css_248z$5);
+
+var TituloPagina = function (_a) {
+    var titulo = _a.titulo, onClick = _a.onClick, empresa = _a.empresa;
+    var empresaClass = styles$5["empresa".concat(empresa)];
+    return (React.createElement("div", { className: "".concat(empresaClass) },
+        React.createElement("div", { className: styles$5.header },
+            React.createElement("p", { className: styles$5.title }, titulo),
+            React.createElement("button", { onClick: onClick, className: styles$5.backButton }, "Voltar"))));
+};
+
+var css_248z$4 = ".card-module_icone__8F-jV{height:55px;width:55px}.card-module_item__YYEzi{align-items:center;border-radius:10px;color:#fff;display:flex;font-size:18px;margin-bottom:1rem;padding:15px}.card-module_imgLateral__zCZz5{height:55px;margin-left:auto;margin-right:10px;width:55px}.card-module_empresa1__Jl5OB .card-module_item__YYEzi{background-color:var(--blue)}.card-module_empresa1__Jl5OB .card-module_item__YYEzi:hover{background-color:var(--red)}.card-module_empresa3__TCJpW .card-module_item__YYEzi{background-color:var(--green)}.card-module_empresa3__TCJpW .card-module_item__YYEzi:hover{background-color:var(--lightblue)}";
+var styles$4 = {"icone":"card-module_icone__8F-jV","item":"card-module_item__YYEzi","imgLateral":"card-module_imgLateral__zCZz5","empresa1":"card-module_empresa1__Jl5OB","empresa3":"card-module_empresa3__TCJpW"};
+styleInject(css_248z$4);
+
+var Card = function (_a) {
+    var img = _a.img, imgLateral = _a.imgLateral, text = _a.text, link = _a.link, empresa = _a.empresa;
+    var empresaClass = styles$4["empresa".concat(empresa)];
+    var handleClick = function () {
+        if (link) {
+            window.location.href = link;
+        }
+    };
+    return (React.createElement("div", { className: "".concat(empresaClass), onClick: handleClick, style: { cursor: link ? 'pointer' : 'default' } },
+        React.createElement("div", { className: "".concat(styles$4.item, " empresa").concat(empresa) },
+            img && (React.createElement("img", { src: img, alt: text, className: styles$4.icone })),
+            React.createElement("span", { className: styles$4.texto }, text),
+            imgLateral && (React.createElement("img", { src: imgLateral, alt: "Right", className: styles$4.imgLateral })))));
+};
+
+var css_248z$3 = ".cardImage-module_botaoCert__Rs0fg{align-items:center;border-color:transparent;border-radius:1rem;color:#fff;display:flex;flex-direction:column;height:170px;justify-content:center;padding:.8rem;text-decoration:none;width:250px}.cardImage-module_iconeOna__WQil5{height:150px}.cardImage-module_cardText__NfgFE{bottom:.5rem;font-size:18px;position:relative}.cardImage-module_empresa1__SnbEU .cardImage-module_botaoCert__Rs0fg{background-color:var(--blue)}.cardImage-module_empresa1__SnbEU .cardImage-module_botaoCert__Rs0fg:hover{background-color:var(--red)}.cardImage-module_empresa3__ItFp0 .cardImage-module_botaoCert__Rs0fg{background-color:var(--green)}.cardImage-module_empresa3__ItFp0 .cardImage-module_botaoCert__Rs0fg:hover{background-color:var(--lightblue)}";
+var styles$3 = {"botaoCert":"cardImage-module_botaoCert__Rs0fg","iconeOna":"cardImage-module_iconeOna__WQil5","cardText":"cardImage-module_cardText__NfgFE","empresa1":"cardImage-module_empresa1__SnbEU","empresa3":"cardImage-module_empresa3__ItFp0"};
+styleInject(css_248z$3);
+
+var CardImage = function (_a) {
+    var img = _a.img, href = _a.href, texto = _a.texto, empresa = _a.empresa;
+    var empresaClass = styles$3["empresa".concat(empresa)];
+    return (React.createElement("div", { className: "".concat(empresaClass) },
+        React.createElement("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "".concat(styles$3.botaoCert, " empresa").concat(empresa), title: href },
+            React.createElement("img", { src: img, alt: img, className: styles$3.iconeOna }),
+            texto && (React.createElement("text", { className: styles$3.cardText }, texto)))));
+};
+
+var css_248z$2 = ".input-module_inputSubmit__21-Pj{align-self:center;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:15px;padding:10px;width:10rem}.input-module_inputPadrao__jypjY{border:1px solid #ccc;border-radius:.5rem;font-style:italic;padding:.8rem 0 .8rem 1rem;width:100%}.input-module_inputPadrao__jypjY:focus{outline:none}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj{background-color:var(--blue)}.input-module_empresa1__bxBov .input-module_inputSubmit__21-Pj:hover{background-color:var(--red)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj{background-color:var(--green)}.input-module_empresa3__RU89A .input-module_inputSubmit__21-Pj:hover{background-color:var(--lightblue)}";
+var styles$2 = {"inputSubmit":"input-module_inputSubmit__21-Pj","inputPadrao":"input-module_inputPadrao__jypjY","empresa1":"input-module_empresa1__bxBov","empresa3":"input-module_empresa3__RU89A"};
+styleInject(css_248z$2);
+
+var Button = function (_a) {
+    var empresa = _a.empresa, _b = _a.type, type = _b === void 0 ? 'submit' : _b, onClick = _a.onClick;
+    var empresaClass = styles$2["empresa".concat(empresa)];
+    return (React.createElement("div", { className: "".concat(empresaClass) }, type === 'submit' ? (React.createElement("input", { type: "submit", className: styles$2.inputSubmit })) : (React.createElement("button", { type: "button", className: styles$2.inputSubmit, onClick: onClick }, "Button"))));
+};
+
+var InputField = function (_a) {
+    var type = _a.type, id = _a.id, placeholder = _a.placeholder, onChange = _a.onChange, value = _a.value, label = _a.label;
+    return (React.createElement(React.Fragment, null,
+        label && React.createElement("label", { htmlFor: id }, label),
+        React.createElement("input", { type: type, id: id, name: id, value: value, placeholder: placeholder, onChange: onChange, className: styles$2.inputPadrao })));
+};
+
+var css_248z$1 = ".textPage-module_container__GBEF6{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px}.textPage-module_content__CpD68{display:flex;text-align:justify}.textPage-module_imageCabecalho__J6YFH{border-radius:8px}.textPage-module_imageCabecalho__J6YFH img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_contentWithLateralImage__-f5pQ{flex-direction:row}.textPage-module_imageLateral__Dy9Kx{align-self:flex-start;height:230px;margin-right:20px;margin-top:15px;width:300px}.textPage-module_imageLateral__Dy9Kx img{border-radius:8px;height:100%;object-fit:cover;width:100%}.textPage-module_text__3pwuU{color:#5d5d5d;flex:2;line-height:1.8;text-align:justify}.textPage-module_text__3pwuU p{line-height:1.6;margin:10px 0}.textPage-module_text__3pwuU .textPage-module_coordenacao__UypV-,.textPage-module_text__3pwuU .textPage-module_direcao__x5psb{font-weight:700;margin-top:20px}";
+var styles$1 = {"container":"textPage-module_container__GBEF6","content":"textPage-module_content__CpD68","imageCabecalho":"textPage-module_imageCabecalho__J6YFH","contentWithLateralImage":"textPage-module_contentWithLateralImage__-f5pQ","imageLateral":"textPage-module_imageLateral__Dy9Kx","text":"textPage-module_text__3pwuU","coordenacao":"textPage-module_coordenacao__UypV-","direcao":"textPage-module_direcao__x5psb"};
+styleInject(css_248z$1);
+
+var TextPage = function (_a) {
+    var imgLateral = _a.imgLateral, imgCabecalho = _a.imgCabecalho, texto = _a.texto;
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: styles$1.container },
+            imgCabecalho && (React.createElement("div", { className: styles$1.imageCabecalho },
+                React.createElement("img", { src: imgCabecalho, alt: imgCabecalho }))),
+            React.createElement("div", { className: "".concat(styles$1.content, " ").concat(imgLateral ? styles$1.contentWithLateralImage : '') },
+                imgLateral && (React.createElement("div", { className: styles$1.imageLateral },
+                    React.createElement("img", { src: imgLateral, alt: imgLateral }))),
+                React.createElement("div", { className: styles$1.text, dangerouslySetInnerHTML: { __html: texto } })))));
+};
+
+var css_248z = ".menuPage-module_container__grjEI{color:#000;display:flex;height:100%}.menuPage-module_sidebar__7Kg1S{background-color:#fff;border-right:1px solid var(--greyHover);height:500px;max-height:500px;overflow-y:auto;padding-bottom:15px;width:250px}.menuPage-module_sidebar__7Kg1S ul{list-style:none;margin:0;padding:0}.menuPage-module_sidebar__7Kg1S ul li{margin:10px 0}.menuPage-module_sidebar__7Kg1S ul li button{background:none;border:none;cursor:pointer;font-weight:700;padding:10px;text-align:left;text-decoration:none;width:100%}.menuPage-module_content__g2T-d{background-color:#fff;flex:1;max-height:475px;overflow-y:auto;padding:20px}@media (max-width:800px){.menuPage-module_sidebar__7Kg1S{width:160px}}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button{color:var(--blue)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{border-left:4px solid var(--blue)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button{color:var(--green)}.menuPage-module_empresa1__tLASf .menuPage-module_sidebar__7Kg1S ul li button.menuPage-module_active__Mfy4T{background-color:var(--lightGray);border-left:4px solid var(--green)}";
+var styles = {"container":"menuPage-module_container__grjEI","sidebar":"menuPage-module_sidebar__7Kg1S","content":"menuPage-module_content__g2T-d","empresa1":"menuPage-module_empresa1__tLASf","active":"menuPage-module_active__Mfy4T"};
+styleInject(css_248z);
+
+var MenuPage = function (_a) {
+    var menus = _a.menus, contents = _a.contents, empresa = _a.empresa;
+    var empresaClass = styles["empresa".concat(empresa)];
+    var _b = useState(menus[0].key), selectedSection = _b[0], setSelectedSection = _b[1];
+    return (React.createElement("div", { className: "".concat(empresaClass) },
+        React.createElement("div", { className: styles.container },
+            React.createElement("nav", { className: styles.sidebar },
+                React.createElement("ul", null, menus.map(function (menu) { return (React.createElement("li", { key: menu.key },
+                    React.createElement("button", { className: selectedSection === menu.key ? styles.active : '', onClick: function () { return setSelectedSection(menu.key); } }, menu.label))); }))),
+            React.createElement("main", { className: styles.content }, contents[selectedSection]))));
+};
+
+export { Button, Card, CardImage, InputField, MenuPage, TextPage, TituloPagina };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\r\n  if ( ref === void 0 ) ref = {};\r\n  var insertAt = ref.insertAt;\r\n\r\n  if (!css || typeof document === 'undefined') { return; }\r\n\r\n  var head = document.head || document.getElementsByTagName('head')[0];\r\n  var style = document.createElement('style');\r\n  style.type = 'text/css';\r\n\r\n  if (insertAt === 'top') {\r\n    if (head.firstChild) {\r\n      head.insertBefore(style, head.firstChild);\r\n    } else {\r\n      head.appendChild(style);\r\n    }\r\n  } else {\r\n    head.appendChild(style);\r\n  }\r\n\r\n  if (style.styleSheet) {\r\n    style.styleSheet.cssText = css;\r\n  } else {\r\n    style.appendChild(document.createTextNode(css));\r\n  }\r\n}\r\n\r\nexport default styleInject;\r\n"],"names":[],"mappings":";;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface ButtonProps {
+    empresa: '1' | '2' | '3';
+    type?: 'button' | 'submit';
+    onClick?: () => void;
+}
+declare const Button: React.FC<ButtonProps>;
+export default Button;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface CardProps {
+    img?: string;
+    imgLateral?: string;
+    text: string;
+    link?: string;
+    empresa: '1' | '2' | '3';
+}
+declare const Card: React.FC<CardProps>;
+export default Card;

package/dist/types/components/CardImage.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface CardImageProps {
+    img: string;
+    href: string;
+    texto?: string;
+    empresa: '1' | '2' | '3';
+}
+declare const CardImage: React.FC<CardImageProps>;
+export default CardImage;

package/dist/types/components/InputField.d.ts

@@ -0,0 +1,11 @@
+import React, { ChangeEvent } from 'react';
+interface InputFieldProps {
+    label?: string;
+    type: string;
+    id: string;
+    placeholder: string;
+    value: string;
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+declare const InputField: React.FC<InputFieldProps>;
+export default InputField;

package/dist/types/components/InputSubmit.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface InputSubmitProps {
+    empresa: '1' | '2' | '3';
+}
+declare const InputSubmit: React.FC<InputSubmitProps>;
+export default InputSubmit;

package/dist/types/components/MenuPage.d.ts

@@ -0,0 +1,14 @@
+import React, { ReactNode } from 'react';
+interface Menu {
+    label: string;
+    key: string;
+}
+interface MenuPageProps {
+    menus: Menu[];
+    contents: {
+        [key: string]: ReactNode;
+    };
+    empresa: '1' | '2' | '3';
+}
+declare const MenuPage: React.FC<MenuPageProps>;
+export default MenuPage;

package/dist/types/components/TextPage.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface TextPageProps {
+    imgLateral?: string;
+    imgCabecalho?: string;
+    texto: string;
+}
+declare const TextPage: React.FC<TextPageProps>;
+export default TextPage;

package/dist/types/components/TituloPagina.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface HeaderProps {
+    titulo: string;
+    onClick?: () => void;
+    empresa: '1' | '2' | '3';
+}
+declare const TituloPagina: React.FC<HeaderProps>;
+export default TituloPagina;

package/dist/types/index.d.ts

@@ -0,0 +1,8 @@
+import './styles/geral.css';
+export { default as TituloPagina } from "./components/TituloPagina";
+export { default as Card } from "./components/Card";
+export { default as CardImage } from "./components/CardImage";
+export { default as Button } from "./components/Button";
+export { default as InputField } from "./components/InputField";
+export { default as TextPage } from "./components/TextPage";
+export { default as MenuPage } from "./components/MenuPage";

package/package.json

@@ -1,31 +1,42 @@
-{
-  "name": "componenteshospitais",
-  "version": "1.0.2",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "build": "webpack && tsc --declaration --emitDeclarationOnly",
-    "prepublishOnly": "npm run build"
-  },
-  "peerDependencies": {
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
-  },
-  "devDependencies": {
-    "typescript": "^4.0.0",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
-    "@babel/core": "^7.0.0",
-    "@babel/preset-env": "^7.0.0",
-    "@babel/preset-react": "^7.0.0",
-    "@babel/preset-typescript": "^7.0.0",
-    "babel-loader": "^8.0.0",
-    "webpack": "^5.0.0",
-    "webpack-cli": "^4.0.0",
-    "webpack-node-externals": "^2.0.0"
-  },
-  "dependencies": {
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
-  }
-}
+{
+  "name": "componenteshospitais",
+  "version": "1.0.4",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "scripts": {
+    "build": "rollup -c"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/preset-react": "^7.0.0",
+    "@babel/preset-typescript": "^7.0.0",
+    "@rollup/plugin-json": "^6.1.0",
+    "@types/css-modules": "^1.0.5",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0",
+    "babel-loader": "^8.0.0",
+    "css-loader": "^7.1.2",
+    "rollup": "^4.18.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "style-loader": "^4.0.0",
+    "typescript": "^4.0.0",
+    "webpack": "^5.0.0",
+    "webpack-cli": "^4.0.0",
+    "webpack-node-externals": "^2.0.0"
+  },
+  "dependencies": {
+    "@types/styled-components": "^5.1.34",
+    "react-router-dom": "^6.24.1",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "styled-components": "^6.1.11"
+  }
+}

package/rollup.config.mjs

@@ -0,0 +1,47 @@
+import typescript from 'rollup-plugin-typescript2';
+import peerDepsExternal from 'rollup-plugin-peer-deps-external';
+import resolve from 'rollup-plugin-node-resolve';
+import commonjs from 'rollup-plugin-commonjs';
+import json from '@rollup/plugin-json';
+import postcss from 'rollup-plugin-postcss';
+import { createRequire } from 'module';
+const require = createRequire(import.meta.url);
+const pkg = require('./package.json');
+
+export default {
+  input: 'src/index.tsx',
+  output: [
+    {
+      file: pkg.main,
+      format: 'cjs',
+      sourcemap: true,
+    },
+    {
+      file: pkg.module,
+      format: 'es',
+      sourcemap: true,
+    },
+  ],
+  plugins: [
+    peerDepsExternal(),
+    resolve(),
+    commonjs(),
+    typescript({
+      tsconfigOverride: {
+        compilerOptions: {
+          declaration: true,
+          declarationDir: './dist/types',
+          outDir: './dist'
+        },
+        include: ['src']
+      },
+      useTsconfigDeclarationDir: true
+    }),
+    postcss({
+      modules: true,
+      inject: true,
+      minimize: true, 
+    }),
+    json()
+  ]
+};

package/src/components/Button.tsx

@@ -1,10 +1,26 @@
 import React from 'react';
+import styles from '../styles/input.module.css';
 
-export interface ButtonProps {
-  label: string;
-  onClick: () => void;
+interface ButtonProps {
+  empresa: '1' | '2' | '3';
+  type?: 'button' | 'submit';
+  onClick?: () => void;
 }
 
-export const Button: React.FC<ButtonProps> = ({ label, onClick }) => {
-  return <button onClick={onClick}>{label}</button>;
-};
+const Button: React.FC<ButtonProps> = ({ empresa, type = 'submit', onClick }) => {
+  const empresaClass = styles[`empresa${empresa}`];
+
+  return (
+    <div className={`${empresaClass}`}>
+      {type === 'submit' ? (
+        <input type="submit" className={styles.inputSubmit} />
+      ) : (
+        <button type="button" className={styles.inputSubmit} onClick={onClick}>
+          Button
+        </button>
+      )}
+    </div>
+  );
+};
+
+export default Button;

package/src/components/Card.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import styles from '../styles/card.module.css';
+
+interface CardProps {
+  img?: string;
+  imgLateral?: string;
+  text: string;
+  link?: string;
+  empresa: '1' | '2' | '3';
+}
+
+const Card: React.FC<CardProps> = ({ img, imgLateral, text, link, empresa }) => {
+  const empresaClass = styles[`empresa${empresa}`];
+
+  const handleClick = () => {
+    if (link) {
+      window.location.href = link;
+    }
+  };
+
+  return (
+    <div className={`${empresaClass}`} onClick={handleClick} style={{ cursor: link ? 'pointer' : 'default' }}>
+      <div className={`${styles.item} empresa${empresa}`}>  
+          { img  && (
+              <img src={img} alt={text} className={styles.icone} />
+          )}
+          <span className={styles.texto}>{text}</span>
+          { imgLateral && (
+              <img src={imgLateral} alt="Right" className={styles.imgLateral} />
+          )}
+      </div>
+    </div>
+  );
+};
+
+export default Card;

package/src/components/CardImage.tsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import styles from '../styles/cardImage.module.css';
+
+interface CardImageProps {
+  img: string;
+  href: string;
+  texto?: string;
+  empresa: '1' | '2' | '3';
+}
+
+const CardImage: React.FC<CardImageProps> = ({ img, href, texto, empresa }) => {
+  const empresaClass = styles[`empresa${empresa}`];
+  
+  return (
+    <div className={`${empresaClass}`}>
+      <a
+          href={href}
+          target="_blank"
+          rel="noopener noreferrer"
+          className={`${styles.botaoCert} empresa${empresa}`}
+          title={href}
+      >
+          <img src={img} alt={img} className={styles.iconeOna} />
+          { texto && (
+            <text className={styles.cardText}>{texto}</text>
+          )}
+      </a>
+    </div>
+  );
+};
+
+export default CardImage;

package/src/components/InputField.tsx

@@ -0,0 +1,30 @@
+import React, { ChangeEvent } from 'react';
+import styles from '../styles/input.module.css';
+
+interface InputFieldProps {
+  label?: string;
+  type: string;
+  id: string;
+  placeholder: string;
+  value: string;
+  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+
+const InputField: React.FC<InputFieldProps> = ({ type, id, placeholder, onChange, value, label }) => {
+  return (
+    <>
+    {label && <label htmlFor={id}>{label}</label>}
+    <input
+      type={type}
+      id={id}
+      name={id}
+      value={value}
+      placeholder={placeholder}
+      onChange={onChange}
+      className={styles.inputPadrao}
+    />
+    </>
+  );
+};
+
+export default InputField;

package/src/components/MenuPage.tsx

@@ -0,0 +1,44 @@
+import React, { useState, ReactNode } from 'react';
+import styles from '../styles/menuPage.module.css'; 
+
+interface Menu {
+  label: string;
+  key: string;
+}
+
+interface MenuPageProps {
+  menus: Menu[];
+  contents: { [key: string]: ReactNode };
+  empresa: '1' | '2' | '3';
+}
+
+const MenuPage: React.FC<MenuPageProps> = ({ menus, contents, empresa }) => {
+    const empresaClass = styles[`empresa${empresa}`];
+    const [selectedSection, setSelectedSection] = useState(menus[0].key);
+
+    return (
+    <div className={`${empresaClass}`}>
+        <div className={styles.container}>
+        <nav className={styles.sidebar}>
+            <ul>
+            {menus.map(menu => (
+                <li key={menu.key}>
+                <button
+                    className={selectedSection === menu.key ? styles.active : ''}
+                    onClick={() => setSelectedSection(menu.key)}
+                >
+                    {menu.label}
+                </button>
+                </li>
+            ))}
+            </ul>
+        </nav>
+        <main className={styles.content}>
+            {contents[selectedSection]}
+        </main>
+        </div>
+    </div>
+    );
+};
+
+export default MenuPage;

package/src/components/TextPage.tsx

@@ -0,0 +1,36 @@
+import React from "react";
+import styles from "../styles/textPage.module.css";
+
+interface TextPageProps {
+    imgLateral?: string;
+    imgCabecalho?: string;
+    texto: string;
+}
+
+const TextPage: React.FC<TextPageProps> = ({ imgLateral, imgCabecalho, texto }) => {
+
+  return (
+    <>
+    <div className={styles.container}>
+      {imgCabecalho && (
+        <div className={styles.imageCabecalho}>
+          <img src={imgCabecalho} alt={imgCabecalho} />
+        </div>
+      )}
+      <div className={`${styles.content} ${imgLateral ? styles.contentWithLateralImage : ''}`}>
+        {imgLateral && (
+          <div className={styles.imageLateral}>
+            <img src={imgLateral} alt={imgLateral} />
+          </div>
+        )}
+        <div
+          className={styles.text}
+          dangerouslySetInnerHTML={{ __html: texto }}
+        ></div>
+      </div>
+    </div>
+    </>
+  );
+}
+
+export default TextPage;

package/src/components/TituloPagina.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+import styles from '../styles/tituloPagina.module.css';  // Importa o CSS específico do componente
+
+interface HeaderProps {
+  titulo: string;
+  onClick?: () => void;
+  empresa: '1' | '2' | '3';
+}
+
+const TituloPagina: React.FC<HeaderProps> = ({ titulo, onClick, empresa }) => {
+  const empresaClass = styles[`empresa${empresa}`];
+
+  return (
+    <div className={`${empresaClass}`}>
+      <div className={styles.header}>
+        <p className={styles.title}>{titulo}</p>
+        <button onClick={onClick} className={styles.backButton}>Voltar</button>
+      </div>
+    </div>
+  );
+};
+
+export default TituloPagina;

package/src/components/base.txt

@@ -0,0 +1,18 @@
+import React from 'react';
+import styles from '../styles/componente.module.css';
+
+interface ComponenteProps {
+  empresa: '1' | '2' | '3';
+}
+
+const Componente: React.FC<ComponenteProps> = ({ empresa }) => {
+  const empresaClass = styles[`empresa${empresa}`];
+
+  return (
+    <div className={`${empresaClass}`}>
+        
+    </div>
+  );
+};
+
+export default Componente;

package/src/index.tsx

@@ -1 +1,10 @@
-export * from './components';
+import React, {useState} from 'react';
+import './styles/geral.css';
+
+export { default as TituloPagina } from "./components/TituloPagina";
+export { default as Card } from "./components/Card";
+export { default as CardImage } from "./components/CardImage";
+export { default as Button } from "./components/Button";
+export { default as InputField } from "./components/InputField";
+export { default as TextPage } from "./components/TextPage";
+export { default as MenuPage } from "./components/MenuPage";

package/src/styles/card.module.css

@@ -0,0 +1,43 @@
+.icone {
+    width: 55px;
+    height: 55px;
+}
+
+.item {
+    display: flex;
+    align-items: center;
+    border-radius: 10px;
+    color: white;
+    padding: 15px;
+    font-size: 18px;
+    margin-bottom: 1rem;
+}
+
+.imgLateral {
+    margin-left: auto;
+    margin-right: 10px;
+    width: 55px;
+    height: 55px;
+}
+
+/* Definicao de cores */
+
+/* Empresa 1 - MPHU */
+.empresa1 .item{
+    background-color: var(--blue);
+}
+
+.empresa1 .item:hover{
+    background-color: var(--red);
+}
+
+/* Empresa 2 - Reginal */
+
+/* Empresa 3 - Upas */
+.empresa3 .item{
+    background-color: var(--green);
+}
+
+.empresa3 .item:hover{
+    background-color: var(--lightblue);
+}

package/src/styles/cardImage.module.css

@@ -0,0 +1,45 @@
+.botaoCert {
+    display: flex;
+    flex-direction: column;
+    color: white;
+    border-color: transparent;
+    padding: 0.8rem;
+    border-radius: 1rem;
+    justify-content: center;
+    align-items: center;
+    width: 250px;
+    height: 170px;
+    text-decoration: none;
+}
+
+.iconeOna {
+    height: 150px;
+}
+
+.cardText{
+    font-size: 18px;
+    position: relative;
+    bottom: 0.5rem;
+}
+
+/* Definicao de cores */
+
+/* Empresa 1 - MPHU */
+.empresa1 .botaoCert{
+    background-color: var(--blue);
+}
+
+.empresa1 .botaoCert:hover{
+    background-color: var(--red);
+}
+
+/* Empresa 2 - Reginal */
+
+/* Empresa 3 - Upas */
+.empresa3 .botaoCert{
+    background-color: var(--green);
+}
+
+.empresa3 .botaoCert:hover{
+    background-color: var(--lightblue);
+}

package/src/styles/geral.css

@@ -0,0 +1,20 @@
+:root {
+    --blue: #1E2057;  
+    --blueHover: #242881;
+    --red: #EB313D;  
+    --redHover: #9E0F18;
+    --gray: #5D5D5D;
+    --greyHover: #e4e2e2;
+    --lightGray: #EDEDED; 
+    --green: #00984B;  
+    --greenHover: #14A857;
+    --lightblue: #006CB7;  
+    --lightblueHover: #187BB2;
+}
+
+html {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    font-family: "Amelia", sans-serif;
+}

package/src/styles/input.module.css

@@ -0,0 +1,45 @@
+.inputSubmit {
+    width: 10rem;
+    border: none;
+    border-radius: 20px;
+    padding: 10px;
+    color: #fff;
+    font-size: 15px;
+    cursor: pointer;
+    align-self: center;
+}
+
+.inputPadrao{
+    font-style: italic;
+    padding: 0.8rem 0;
+    border: 1px solid #ccc;
+    padding-left: 1rem;
+    width: 100%;
+    border-radius: 0.5rem;
+}
+
+.inputPadrao:focus{
+    outline: none;
+}
+
+/* Definicao de cores */
+
+/* Empresa 1 - MPHU */
+.empresa1 .inputSubmit{
+    background-color: var(--blue);
+}
+
+.empresa1 .inputSubmit:hover{
+    background-color: var(--red);
+}
+
+/* Empresa 2 - Reginal */
+
+/* Empresa 3 - Upas */
+.empresa3 .inputSubmit{
+    background-color: var(--green);
+}
+
+.empresa3 .inputSubmit:hover{
+    background-color: var(--lightblue);
+}

package/src/styles/menuPage.module.css

@@ -0,0 +1,75 @@
+.container {
+    display: flex;
+    height: 100%; 
+    color: black;
+}
+
+.sidebar {
+    width: 250px;
+    background-color: #fff;
+    padding-bottom: 15px;
+    border-right: 1px solid var(--greyHover);
+    overflow-y: auto;
+    max-height: 500px;
+    height: 500px;
+}
+
+.sidebar ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.sidebar ul li {
+    margin: 10px 0;
+}
+
+.sidebar ul li button {
+    background: none;
+    border: none;
+    text-decoration: none;
+    font-weight: bold;
+    cursor: pointer;
+    width: 100%;
+    text-align: left;
+    padding: 10px;
+}
+
+.content {
+    flex: 1;
+    padding: 20px;
+    overflow-y: auto;
+    max-height: 475px;
+    background-color: #fff;
+}
+
+
+@media (max-width: 800px) {
+    .sidebar{
+        width: 160px;
+    }
+}
+
+/* Definicao de cores */
+
+/* Empresa 1 - MPHU */
+.empresa1 .sidebar ul li button{
+    color: var(--blue);
+}
+
+.empresa1 .sidebar ul li button.active {
+    background-color: var(--lightGray);
+    border-left: 4px solid var(--blue); 
+}
+
+/* Empresa 2 - Reginal */
+
+/* Empresa 3 - Upas */
+.empresa1 .sidebar ul li button{
+    color: var(--green);
+}
+
+.empresa1 .sidebar ul li button.active {
+    background-color: var(--lightGray);
+    border-left: 4px solid var(--green); 
+}

package/src/styles/textPage.module.css

@@ -0,0 +1,60 @@
+.container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 20px;
+}
+
+.content {
+    display: flex;
+    text-align: justify;
+}
+
+.imageCabecalho {
+    border-radius: 8px;
+}
+
+.imageCabecalho img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 8px;
+}
+
+.contentWithLateralImage {
+    flex-direction: row;
+}
+
+.imageLateral {
+    width: 300px;
+    height: 230px;
+    margin-right: 20px;
+    align-self: flex-start;
+    margin-top: 15px;
+}
+
+.imageLateral img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 8px;
+}
+
+.text {
+    flex: 2;
+    text-align: justify;
+    color: #5d5d5d;
+    line-height: 1.8;
+}
+
+.text p {
+    margin: 10px 0;
+    line-height: 1.6;
+}
+
+.text .coordenacao,
+.text .direcao {
+    font-weight: bold;
+    margin-top: 20px;
+}

package/src/styles/tituloPagina.module.css

@@ -0,0 +1,72 @@
+.header {
+  color: white;
+  position: relative;
+  font-size: 23px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 10px 20px;
+  border-radius: 8px 8px 0 0;
+}
+
+.title {
+  font-size: 24px;
+  font-weight: bold;
+  margin-left: 5rem;
+}
+
+.backButton {
+  background-color: white;
+  border: none;
+  padding: 10px 50px;
+  cursor: pointer;
+  height: auto;
+  border-radius: 20px;
+  display: flex;
+  align-items: center;
+  font-weight: bold;
+  font-size: 14px;
+  margin: 0;
+  margin-right: 5rem;
+}
+
+.backButton:hover{
+  background-color: var(--greyHover);
+}
+
+@media (max-width: 768px) {
+  .title {
+    margin-left: 1rem;
+    font-size: 16px;
+  }
+}
+
+@media (max-width: 500px) {
+  .backButton {
+    margin-right: 0rem;
+    padding: 10px 30px;
+  }
+}
+
+
+/* Definicao de cores */
+
+/* Empresa 1 - MPHU */
+.empresa1 .header{
+  background-color: var(--blue);
+}
+
+.empresa1 .backButton{
+  color: var(--blue);
+}
+
+/* Empresa 2 - Reginal */
+
+/* Empresa 3 - Upas */
+.empresa3 .header{
+  background-color: var(--green);
+}
+
+.empresa3 .backButton{
+  color: var(--green);
+}

package/tsconfig.json

@@ -1,13 +1,18 @@
 {
   "compilerOptions": {
-    "target": "es5",
-    "module": "commonjs",
+    "target": "ES5",
+    "module": "ESNext",
     "declaration": true,
+    "declarationDir": "./dist/types",
     "outDir": "./dist",
     "strict": true,
     "jsx": "react",
-    "esModuleInterop": true
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true
   },
   "include": ["src"],
   "exclude": ["node_modules", "dist"]
-}
+}

package/.babelrc

@@ -1,4 +0,0 @@
-{
-    "presets": ["@babel/preset-env", "@babel/preset-react", "@babel/preset-typescript"]
-}   
-  

package/dist/components/Button.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface ButtonProps {
-    label: string;
-    onClick: () => void;
-}
-export declare const Button: React.FC<ButtonProps>;

package/dist/components/Input.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface InputProps {
-    placeholder: string;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-export declare const Input: React.FC<InputProps>;

package/dist/components/index.d.ts

@@ -1,2 +0,0 @@
-export { Button, ButtonProps } from './Button';
-export { Input, InputProps } from './Input';

package/dist/index.d.ts

@@ -1 +0,0 @@
-export * from './components';

package/dist/index.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("myLibrary",[],t):"object"==typeof exports?exports.myLibrary=t():e.myLibrary=t()}(this,(()=>(()=>{"use strict";var e={n:t=>{var r=t&&t.__esModule?()=>t.default:()=>t;return e.d(r,{a:r}),r},d:(t,r)=>{for(var o in r)e.o(r,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:r[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{Button:()=>u,ButtonProps:()=>r.ButtonProps,Input:()=>p,InputProps:()=>o.InputProps});var r={};e.r(r),e.d(r,{$:()=>u});var o={};e.r(o),e.d(o,{p:()=>p});const n=require("react");var a=e.n(n),u=function(e){var t=e.label,r=e.onClick;return a().createElement("button",{onClick:r},t)},p=function(e){var t=e.placeholder,r=e.onChange;return a().createElement("input",{placeholder:t,onChange:r})};return t})()));

package/src/components/Input.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-
-export interface InputProps {
-  placeholder: string;
-  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-
-export const Input: React.FC<InputProps> = ({ placeholder, onChange }) => {
-  return <input placeholder={placeholder} onChange={onChange} />;
-};

package/src/components/index.ts

@@ -1,2 +0,0 @@
-export { Button, ButtonProps } from './Button';
-export { Input, InputProps } from './Input';

package/webpack.config.js

@@ -1,28 +0,0 @@
-const path = require('path');
-const nodeExternals = require('webpack-node-externals');
-
-module.exports = {
-  mode: 'production',
-  entry: './src/index.tsx',
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'index.js',
-    library: 'myLibrary',
-    libraryTarget: 'umd',
-    umdNamedDefine: true,
-    globalObject: 'this'
-  },
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js', '.jsx']
-  },
-  module: {
-    rules: [
-      {
-        test: /\.tsx?$/,
-        use: 'babel-loader',
-        exclude: /node_modules/
-      }
-    ]
-  },
-  externals: [nodeExternals()]
-};