pipesol-notificationbar 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (213) hide show
  1. package/README.md +30 -0
  2. package/dist/app/layout.d.ts +6 -0
  3. package/dist/app/layout.js +19 -0
  4. package/dist/app/layout.js.map +1 -0
  5. package/dist/app/page.d.ts +1 -0
  6. package/dist/app/page.js +6 -0
  7. package/dist/app/page.js.map +1 -0
  8. package/dist/components/ImageResponsive.d.ts +13 -0
  9. package/dist/components/ImageResponsive.js +32 -0
  10. package/dist/components/ImageResponsive.js.map +1 -0
  11. package/dist/components/Location.d.ts +15 -0
  12. package/dist/components/Location.js +37 -0
  13. package/dist/components/Location.js.map +1 -0
  14. package/dist/components/MensagemDeploy.d.ts +7 -0
  15. package/dist/components/MensagemDeploy.js +54 -0
  16. package/dist/components/MensagemDeploy.js.map +1 -0
  17. package/dist/components/NotificationBar.d.ts +16 -0
  18. package/dist/components/NotificationBar.js +119 -0
  19. package/dist/components/NotificationBar.js.map +1 -0
  20. package/dist/components/VideoPlayer.d.ts +11 -0
  21. package/dist/components/VideoPlayer.js +12 -0
  22. package/dist/components/VideoPlayer.js.map +1 -0
  23. package/dist/components/banner/BannerVideo.d.ts +7 -0
  24. package/dist/components/banner/BannerVideo.js +20 -0
  25. package/dist/components/banner/BannerVideo.js.map +1 -0
  26. package/dist/components/banner/ContentBannerStyled.d.ts +6 -0
  27. package/dist/components/banner/ContentBannerStyled.js +44 -0
  28. package/dist/components/banner/ContentBannerStyled.js.map +1 -0
  29. package/dist/components/banner/ResponsiveBanner.d.ts +15 -0
  30. package/dist/components/banner/ResponsiveBanner.js +68 -0
  31. package/dist/components/banner/ResponsiveBanner.js.map +1 -0
  32. package/dist/components/banner/ResponsiveBannerGradiente.d.ts +12 -0
  33. package/dist/components/banner/ResponsiveBannerGradiente.js +38 -0
  34. package/dist/components/banner/ResponsiveBannerGradiente.js.map +1 -0
  35. package/dist/components/banner/TitleBanner.d.ts +10 -0
  36. package/dist/components/banner/TitleBanner.js +8 -0
  37. package/dist/components/banner/TitleBanner.js.map +1 -0
  38. package/dist/components/barra_ferramentas/BarraFerramentas.d.ts +13 -0
  39. package/dist/components/barra_ferramentas/BarraFerramentas.js +39 -0
  40. package/dist/components/barra_ferramentas/BarraFerramentas.js.map +1 -0
  41. package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.d.ts +13 -0
  42. package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.js +31 -0
  43. package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.js.map +1 -0
  44. package/dist/components/barra_ferramentas/BarraFerramentasStyled.d.ts +7 -0
  45. package/dist/components/barra_ferramentas/BarraFerramentasStyled.js +40 -0
  46. package/dist/components/barra_ferramentas/BarraFerramentasStyled.js.map +1 -0
  47. package/dist/components/button/ButtonStyled.d.ts +18 -0
  48. package/dist/components/button/ButtonStyled.js +56 -0
  49. package/dist/components/button/ButtonStyled.js.map +1 -0
  50. package/dist/components/button/NavigationButton.d.ts +18 -0
  51. package/dist/components/button/NavigationButton.js +53 -0
  52. package/dist/components/button/NavigationButton.js.map +1 -0
  53. package/dist/components/button/NavigationButtonMotion.d.ts +19 -0
  54. package/dist/components/button/NavigationButtonMotion.js +64 -0
  55. package/dist/components/button/NavigationButtonMotion.js.map +1 -0
  56. package/dist/components/button/NavigationHamburguerButton.d.ts +17 -0
  57. package/dist/components/button/NavigationHamburguerButton.js +33 -0
  58. package/dist/components/button/NavigationHamburguerButton.js.map +1 -0
  59. package/dist/components/button/ScrollToTopButton.d.ts +10 -0
  60. package/dist/components/button/ScrollToTopButton.js +44 -0
  61. package/dist/components/button/ScrollToTopButton.js.map +1 -0
  62. package/dist/components/button/WhatsAppButton.d.ts +6 -0
  63. package/dist/components/button/WhatsAppButton.js +24 -0
  64. package/dist/components/button/WhatsAppButton.js.map +1 -0
  65. package/dist/components/button/WhatsAppIcon.d.ts +6 -0
  66. package/dist/components/button/WhatsAppIcon.js +18 -0
  67. package/dist/components/button/WhatsAppIcon.js.map +1 -0
  68. package/dist/components/cards/AnimatedCardGroup.d.ts +20 -0
  69. package/dist/components/cards/AnimatedCardGroup.js +63 -0
  70. package/dist/components/cards/AnimatedCardGroup.js.map +1 -0
  71. package/dist/components/cards/BorderTopLeftRadiusCard.d.ts +15 -0
  72. package/dist/components/cards/BorderTopLeftRadiusCard.js +67 -0
  73. package/dist/components/cards/BorderTopLeftRadiusCard.js.map +1 -0
  74. package/dist/components/cards/CardLerMais.d.ts +13 -0
  75. package/dist/components/cards/CardLerMais.js +121 -0
  76. package/dist/components/cards/CardLerMais.js.map +1 -0
  77. package/dist/components/cards/ContentCardDescription.d.ts +10 -0
  78. package/dist/components/cards/ContentCardDescription.js +52 -0
  79. package/dist/components/cards/ContentCardDescription.js.map +1 -0
  80. package/dist/components/cards/GradientCard.d.ts +17 -0
  81. package/dist/components/cards/GradientCard.js +66 -0
  82. package/dist/components/cards/GradientCard.js.map +1 -0
  83. package/dist/components/cards/ImageCard.d.ts +15 -0
  84. package/dist/components/cards/ImageCard.js +31 -0
  85. package/dist/components/cards/ImageCard.js.map +1 -0
  86. package/dist/components/cards/MapCard.d.ts +15 -0
  87. package/dist/components/cards/MapCard.js +59 -0
  88. package/dist/components/cards/MapCard.js.map +1 -0
  89. package/dist/components/cards/ShadowCard.d.ts +16 -0
  90. package/dist/components/cards/ShadowCard.js +25 -0
  91. package/dist/components/cards/ShadowCard.js.map +1 -0
  92. package/dist/components/cards/TestimonialCard.d.ts +22 -0
  93. package/dist/components/cards/TestimonialCard.js +66 -0
  94. package/dist/components/cards/TestimonialCard.js.map +1 -0
  95. package/dist/components/cards/YoutubeCard.d.ts +14 -0
  96. package/dist/components/cards/YoutubeCard.js +85 -0
  97. package/dist/components/cards/YoutubeCard.js.map +1 -0
  98. package/dist/components/carousel/CarouselStyled.d.ts +62 -0
  99. package/dist/components/carousel/CarouselStyled.js +31 -0
  100. package/dist/components/carousel/CarouselStyled.js.map +1 -0
  101. package/dist/components/carousel/Carrossel.d.ts +15 -0
  102. package/dist/components/carousel/Carrossel.js +113 -0
  103. package/dist/components/carousel/Carrossel.js.map +1 -0
  104. package/dist/components/containers/ContainerAnimatedIndex.d.ts +6 -0
  105. package/dist/components/containers/ContainerAnimatedIndex.js +11 -0
  106. package/dist/components/containers/ContainerAnimatedIndex.js.map +1 -0
  107. package/dist/components/containers/ContainerAnimatedScroll.d.ts +9 -0
  108. package/dist/components/containers/ContainerAnimatedScroll.js +10 -0
  109. package/dist/components/containers/ContainerAnimatedScroll.js.map +1 -0
  110. package/dist/components/containers/ContainerSafe.d.ts +6 -0
  111. package/dist/components/containers/ContainerSafe.js +78 -0
  112. package/dist/components/containers/ContainerSafe.js.map +1 -0
  113. package/dist/components/containers/containerStyled.d.ts +1 -0
  114. package/dist/components/containers/containerStyled.js +10 -0
  115. package/dist/components/containers/containerStyled.js.map +1 -0
  116. package/dist/components/footer/Copywrite.d.ts +10 -0
  117. package/dist/components/footer/Copywrite.js +23 -0
  118. package/dist/components/footer/Copywrite.js.map +1 -0
  119. package/dist/components/footer/CopywriteCenter.d.ts +9 -0
  120. package/dist/components/footer/CopywriteCenter.js +34 -0
  121. package/dist/components/footer/CopywriteCenter.js.map +1 -0
  122. package/dist/components/footer/Footer.d.ts +10 -0
  123. package/dist/components/footer/Footer.js +41 -0
  124. package/dist/components/footer/Footer.js.map +1 -0
  125. package/dist/components/footer/NotificationBar.d.ts +13 -0
  126. package/dist/components/footer/NotificationBar.js +57 -0
  127. package/dist/components/footer/NotificationBar.js.map +1 -0
  128. package/dist/components/footer/SiteMap.d.ts +9 -0
  129. package/dist/components/footer/SiteMap.js +24 -0
  130. package/dist/components/footer/SiteMap.js.map +1 -0
  131. package/dist/components/footer/footerStyled.d.ts +8 -0
  132. package/dist/components/footer/footerStyled.js +62 -0
  133. package/dist/components/footer/footerStyled.js.map +1 -0
  134. package/dist/components/form/Form.d.ts +17 -0
  135. package/dist/components/form/Form.js +96 -0
  136. package/dist/components/form/Form.js.map +1 -0
  137. package/dist/components/form/FormStyled.d.ts +27 -0
  138. package/dist/components/form/FormStyled.js +95 -0
  139. package/dist/components/form/FormStyled.js.map +1 -0
  140. package/dist/components/header/HeaderBarIn.d.ts +15 -0
  141. package/dist/components/header/HeaderBarIn.js +40 -0
  142. package/dist/components/header/HeaderBarIn.js.map +1 -0
  143. package/dist/components/header/HeaderBarTop.d.ts +12 -0
  144. package/dist/components/header/HeaderBarTop.js +30 -0
  145. package/dist/components/header/HeaderBarTop.js.map +1 -0
  146. package/dist/components/section/Section.d.ts +9 -0
  147. package/dist/components/section/Section.js +19 -0
  148. package/dist/components/section/Section.js.map +1 -0
  149. package/dist/components/section/SectionGradiente.d.ts +9 -0
  150. package/dist/components/section/SectionGradiente.js +19 -0
  151. package/dist/components/section/SectionGradiente.js.map +1 -0
  152. package/dist/components/section/SectionImage.d.ts +7 -0
  153. package/dist/components/section/SectionImage.js +21 -0
  154. package/dist/components/section/SectionImage.js.map +1 -0
  155. package/dist/components/section/SectionStyled.d.ts +9 -0
  156. package/dist/components/section/SectionStyled.js +46 -0
  157. package/dist/components/section/SectionStyled.js.map +1 -0
  158. package/dist/components/social_media/SocialMediaIconLink.d.ts +8 -0
  159. package/dist/components/social_media/SocialMediaIconLink.js +13 -0
  160. package/dist/components/social_media/SocialMediaIconLink.js.map +1 -0
  161. package/dist/components/social_media/SocialMediaIconLinkWithBorder.d.ts +12 -0
  162. package/dist/components/social_media/SocialMediaIconLinkWithBorder.js +18 -0
  163. package/dist/components/social_media/SocialMediaIconLinkWithBorder.js.map +1 -0
  164. package/dist/components/substask/SubstackPage.d.ts +5 -0
  165. package/dist/components/substask/SubstackPage.js +22 -0
  166. package/dist/components/substask/SubstackPage.js.map +1 -0
  167. package/dist/components/substask/SubstackPosts.d.ts +9 -0
  168. package/dist/components/substask/SubstackPosts.js +6 -0
  169. package/dist/components/substask/SubstackPosts.js.map +1 -0
  170. package/dist/components/text/IconText.d.ts +11 -0
  171. package/dist/components/text/IconText.js +26 -0
  172. package/dist/components/text/IconText.js.map +1 -0
  173. package/dist/components/text/InfiniteTicker.d.ts +15 -0
  174. package/dist/components/text/InfiniteTicker.js +49 -0
  175. package/dist/components/text/InfiniteTicker.js.map +1 -0
  176. package/dist/components/text/SpanStyled.d.ts +6 -0
  177. package/dist/components/text/SpanStyled.js +34 -0
  178. package/dist/components/text/SpanStyled.js.map +1 -0
  179. package/dist/components/text/TextWithSeparador.d.ts +7 -0
  180. package/dist/components/text/TextWithSeparador.js +9 -0
  181. package/dist/components/text/TextWithSeparador.js.map +1 -0
  182. package/dist/hooks/useResponsive.d.ts +9 -0
  183. package/dist/hooks/useResponsive.js +14 -0
  184. package/dist/hooks/useResponsive.js.map +1 -0
  185. package/dist/hooks/useResponsiveCarousel.d.ts +15 -0
  186. package/dist/hooks/useResponsiveCarousel.js +36 -0
  187. package/dist/hooks/useResponsiveCarousel.js.map +1 -0
  188. package/dist/index.d.ts +1 -0
  189. package/dist/index.js +2 -0
  190. package/dist/index.js.map +1 -0
  191. package/dist/pages/_app.d.ts +2 -0
  192. package/dist/pages/_app.js +20 -0
  193. package/dist/pages/_app.js.map +1 -0
  194. package/dist/pages/_document.d.ts +9 -0
  195. package/dist/pages/_document.js +33 -0
  196. package/dist/pages/_document.js.map +1 -0
  197. package/dist/theme.d.ts +35 -0
  198. package/dist/theme.js +142 -0
  199. package/dist/theme.js.map +1 -0
  200. package/dist/tsconfig.tsbuildinfo +1 -0
  201. package/dist/types/AnimatedCardData.d.ts +6 -0
  202. package/dist/types/AnimatedCardData.js +2 -0
  203. package/dist/types/AnimatedCardData.js.map +1 -0
  204. package/dist/types/BannerResponsiveConfig.d.ts +4 -0
  205. package/dist/types/BannerResponsiveConfig.js +2 -0
  206. package/dist/types/BannerResponsiveConfig.js.map +1 -0
  207. package/dist/types/ItemMenuConfig.d.ts +4 -0
  208. package/dist/types/ItemMenuConfig.js +2 -0
  209. package/dist/types/ItemMenuConfig.js.map +1 -0
  210. package/dist/types/ShadowConfig.d.ts +6 -0
  211. package/dist/types/ShadowConfig.js +2 -0
  212. package/dist/types/ShadowConfig.js.map +1 -0
  213. package/package.json +45 -0
@@ -0,0 +1,44 @@
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { useState, useEffect } from 'react';
4
+ import IconButton from '@mui/material/IconButton';
5
+ import { styled } from '@mui/material/styles';
6
+ const ButtonStyled = styled(IconButton, {
7
+ shouldForwardProp: (prop) => !['$show', '$background_color', '$border_radius', '$background_color_hover'].includes(prop),
8
+ })(({ $show, $background_color, $border_radius, $background_color_hover }) => ({
9
+ display: $show === 'true' ? 'flex' : 'none',
10
+ position: 'fixed',
11
+ bottom: '165px',
12
+ right: '20px',
13
+ cursor: 'pointer',
14
+ zIndex: 1000,
15
+ width: 'auto',
16
+ height: 'auto',
17
+ border: `1px solid ${$background_color || '#00000000'}`,
18
+ backgroundColor: $background_color || '#00000000',
19
+ borderRadius: $border_radius,
20
+ '&:hover': {
21
+ backgroundColor: $background_color_hover || $background_color,
22
+ },
23
+ }));
24
+ const ScrollToTopButton = ({ show, border_radius, background_color, background_color_hover, children }) => {
25
+ const [showButton, setshowButton] = useState(show);
26
+ const handleScroll = () => {
27
+ setshowButton(window.scrollY > 0);
28
+ };
29
+ useEffect(() => {
30
+ window.addEventListener('scroll', handleScroll);
31
+ return () => {
32
+ window.removeEventListener('scroll', handleScroll);
33
+ };
34
+ }, []);
35
+ const scrollToTop = () => {
36
+ window.scrollTo({
37
+ top: 0,
38
+ behavior: 'smooth',
39
+ });
40
+ };
41
+ return (_jsx(ButtonStyled, { "$background_color": background_color, "$border_radius": border_radius, "$background_color_hover": background_color_hover, onClick: scrollToTop, "aria-label": "ir para o topo", "$show": showButton.toString(), children: children }));
42
+ };
43
+ export default ScrollToTopButton;
44
+ //# sourceMappingURL=ScrollToTopButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ScrollToTopButton.js","sourceRoot":"","sources":["../../../src/components/button/ScrollToTopButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,EAAE;IACtC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,yBAAyB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACnI,CAAC,CAKC,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,uBAAuB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7E,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;IAC3C,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,aAAa,iBAAiB,IAAI,WAAW,EAAE;IACvD,eAAe,EAAE,iBAAiB,IAAI,WAAW;IACjD,YAAY,EAAE,cAAc;IAC5B,SAAS,EAAE;QACT,eAAe,EAAE,uBAAuB,IAAI,iBAAiB;KAC9D;CACF,CAAC,CAAC,CAAC;AAWJ,MAAM,iBAAiB,GAAqC,CAAC,EAAC,IAAI,EAAE,aAAa,EAC7E,gBAAgB,EAAE,sBAAsB,EAAE,QAAQ,EAAC,EAAE,EAAE;IAEnD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,GAAG,EAAE;QAExB,aAAa,CAAC,MAAM,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,QAAQ,CAAC;YACd,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,QAAQ;SACnB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,yBACQ,gBAAgB,oBACnB,aAAa,6BACJ,sBAAsB,EAC/C,OAAO,EAAE,WAAW,gBAAa,gBAAgB,WAC1C,UAAU,CAAC,QAAQ,EAAE,YAC3B,QAAQ,GACI,CAChB,CAAC;AACV,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ interface WhatsAppButtonProps {
3
+ whatsapp: string;
4
+ }
5
+ declare const WhatsAppButton: React.FC<WhatsAppButtonProps>;
6
+ export default WhatsAppButton;
@@ -0,0 +1,24 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { WhatsApp } from '@mui/icons-material';
4
+ import { styled } from '@mui/material/styles';
5
+ import Fab from '@mui/material/Fab';
6
+ const StyledFab = styled(Fab)({
7
+ position: 'fixed',
8
+ bottom: '20px',
9
+ right: '20px',
10
+ zIndex: 1000,
11
+ backgroundColor: '#25D366',
12
+ color: 'white',
13
+ '&:hover': {
14
+ backgroundColor: '#1EBE5D',
15
+ },
16
+ });
17
+ const WhatsAppButton = ({ whatsapp }) => {
18
+ const handleClick = () => {
19
+ window.open(`https://wa.me/${whatsapp}`, '_blank');
20
+ };
21
+ return (_jsx(StyledFab, { "aria-label": "button whatsapp", onClick: handleClick, children: _jsx(WhatsApp, {}) }));
22
+ };
23
+ export default WhatsAppButton;
24
+ //# sourceMappingURL=WhatsAppButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WhatsAppButton.js","sourceRoot":"","sources":["../../../src/components/button/WhatsAppButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,GAAG,MAAM,mBAAmB,CAAC;AAEpC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,IAAI;IACZ,eAAe,EAAE,SAAS;IAC1B,KAAK,EAAE,OAAO;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,SAAS;KAC3B;CACF,CAAC,CAAC;AAMH,MAAM,cAAc,GAAkC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAErE,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBAAY,iBAAiB,EAAC,OAAO,EAAE,WAAW,YAC1D,KAAC,QAAQ,KAAG,GACF,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export interface WhatsAppIconProps {
3
+ whatsapp: string;
4
+ }
5
+ declare const WhatsAppIcon: React.FC<WhatsAppIconProps>;
6
+ export default WhatsAppIcon;
@@ -0,0 +1,18 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { Box, IconButton, styled } from '@mui/material';
4
+ import { WhatsApp } from '@mui/icons-material';
5
+ const StyledBox = styled(Box, {
6
+ shouldForwardProp: (prop) => !['background_color'].includes(prop),
7
+ })(({ background_color }) => ({
8
+ backgroundColor: background_color,
9
+ padding: '4px',
10
+ borderRadius: '50%',
11
+ display: 'inline-block',
12
+ border: '2px solid transparent',
13
+ }));
14
+ const WhatsAppIcon = ({ whatsapp }) => {
15
+ return (_jsx(StyledBox, { background_color: '#25D366', children: _jsx(IconButton, { "aria-label": 'icone whatsapp', onClick: () => window.open(`https://wa.me/${whatsapp}`, '_blank', 'noopener noreferrer'), children: _jsx(WhatsApp, { sx: { color: 'white', fontSize: 24 } }) }) }));
16
+ };
17
+ export default WhatsAppIcon;
18
+ //# sourceMappingURL=WhatsAppIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WhatsAppIcon.js","sourceRoot":"","sources":["../../../src/components/button/WhatsAppIcon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,EAAE;IAC5B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CAA+B,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1D,eAAe,EAAE,gBAAgB;IACjC,OAAO,EAAE,KAAK;IACd,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,uBAAuB;CAChC,CAAC,CAAC,CAAC;AAOJ,MAAM,YAAY,GAAgC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAEjE,OAAO,CACL,KAAC,SAAS,IAAC,gBAAgB,EAAC,SAAS,YACnC,KAAC,UAAU,kBAAY,gBAAgB,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,iBAAiB,QAAQ,EAAE,EAAE,QAAQ,EAAE,qBAAqB,CAAC,YACxF,KAAC,QAAQ,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAc,GACjD,GACH,CACb,CAAC;AAEJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { AnimatedCardData } from '@/types/AnimatedCardData';
2
+ import { ShadowConfig } from '@/types/ShadowConfig';
3
+ import { SvgIconComponent } from '@mui/icons-material';
4
+ interface AnimatedCardProps {
5
+ cards: AnimatedCardData[];
6
+ icon: SvgIconComponent;
7
+ icon_expanded: SvgIconComponent;
8
+ background_color: string;
9
+ background_color_expanded: string;
10
+ color: string;
11
+ color_expanded: string;
12
+ width_card: string;
13
+ min_height_card: string;
14
+ max_height_card: string;
15
+ border_radius?: string;
16
+ sombraClara?: ShadowConfig;
17
+ sombraEscura?: ShadowConfig;
18
+ }
19
+ declare const AnimatedCardGroup: React.FC<AnimatedCardProps>;
20
+ export default AnimatedCardGroup;
@@ -0,0 +1,63 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { useState } from 'react';
4
+ import { motion, AnimatePresence } from 'framer-motion';
5
+ import { Card, CardContent, Typography, Box, styled } from '@mui/material';
6
+ const StyledCard = styled(Card, {
7
+ shouldForwardProp: (prop) => !['border_radius', 'background_color', 'color',
8
+ 'width_card', 'min_height_card',
9
+ 'border_width', 'sombraClara', 'sombraEscura'].includes(prop),
10
+ })(({ border_radius, color, background_color, width_card, min_height_card, border_width, sombraClara, sombraEscura }) => ({
11
+ backgroundColor: background_color,
12
+ color: color,
13
+ borderRadius: border_radius,
14
+ minHeight: min_height_card,
15
+ transition: 'background-color 0.3s ease',
16
+ width: width_card,
17
+ height: 'auto',
18
+ boxShadow: `
19
+ ${sombraClara.offsetX} ${sombraClara.offsetY} ${sombraClara.blur} ${sombraClara.color},
20
+ ${sombraEscura.offsetX} ${sombraEscura.offsetY} ${sombraEscura.blur} ${sombraEscura.color}
21
+ `,
22
+ borderTop: `${border_width} solid ${sombraClara.color}`,
23
+ borderLeft: `${border_width} solid ${sombraClara.color}`,
24
+ padding: '0 0 16px 0'
25
+ }));
26
+ const DivTitle = styled('div')(() => ({
27
+ display: 'flex',
28
+ flexDirection: 'row',
29
+ justifyContent: 'center',
30
+ alignItems: 'center',
31
+ gap: '16px',
32
+ width: '100%',
33
+ }));
34
+ const CustomCardContent = styled(CardContent)({
35
+ display: 'flex',
36
+ flexDirection: 'column',
37
+ alignItems: 'center',
38
+ padding: '0px',
39
+ '&:last-child': {
40
+ padding: '8px 32px',
41
+ },
42
+ });
43
+ const ContainerList = styled('div')(() => ({
44
+ display: 'flex',
45
+ flexDirection: 'column',
46
+ justifyContent: 'center',
47
+ alignItems: 'flex-start',
48
+ width: '100%',
49
+ marginTop: '16px',
50
+ gap: '8px'
51
+ }));
52
+ //Componente que cria uma lista de cards com efeito collapse/expanded do Frame Motion
53
+ const AnimatedCardGroup = ({ cards, icon, icon_expanded, background_color, background_color_expanded, color, color_expanded, width_card, min_height_card, max_height_card, border_radius = "0px", sombraClara = { offsetX: '0px', offsetY: '0px', blur: '0px', color: 'transparent' }, sombraEscura = { offsetX: '0px', offsetY: '0px', blur: '0px', color: 'transparent' }, }) => {
54
+ const [activeCard, setActiveCard] = useState(null);
55
+ const border_width = (sombraClara.blur == '0px') ? '0px' : '3px';
56
+ return (_jsx(Box, { display: "flex", gap: 2, justifyContent: "center", flexWrap: "wrap", children: cards.map(({ id, title, description, list_description }) => {
57
+ const isActive = activeCard === id;
58
+ const IconToRender = isActive ? icon_expanded : icon;
59
+ return (_jsx(motion.div, { layout: true, transition: { type: 'spring', stiffness: 500, damping: 30 }, onClick: () => setActiveCard(activeCard === id ? null : id), style: { cursor: 'pointer', width: width_card }, children: _jsx(StyledCard, { background_color: isActive ? background_color_expanded : background_color, color: isActive ? color_expanded : color, width_card: '100%', min_height_card: isActive ? max_height_card : min_height_card, border_radius: border_radius, border_width: border_width, sombraClara: sombraClara, sombraEscura: sombraEscura, children: _jsxs(CustomCardContent, { children: [_jsxs(DivTitle, { children: [_jsx(Typography, { variant: "h6", component: "div", align: "left", flex: 1, children: title }), _jsx(Box, { fontSize: 32, children: _jsx(IconToRender, {}) })] }), _jsx(AnimatePresence, { children: isActive && (_jsxs(motion.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: 'auto' }, exit: { opacity: 0, height: 0 }, transition: { duration: 0.3 }, children: [_jsx(Typography, { variant: "body1", align: "left", mt: 2, children: description }), (list_description === null || list_description === void 0 ? void 0 : list_description.length) && (_jsx(ContainerList, { children: list_description === null || list_description === void 0 ? void 0 : list_description.map((item, index) => (_jsx(Typography, { variant: "body1", align: "left", children: item }, index))) }))] })) })] }) }) }, id));
60
+ }) }));
61
+ };
62
+ export default AnimatedCardGroup;
63
+ //# sourceMappingURL=AnimatedCardGroup.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AnimatedCardGroup.js","sourceRoot":"","sources":["../../../src/components/cards/AnimatedCardGroup.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import 'react-responsive-carousel/lib/styles/carousel.min.css';
3
+ interface BorderTopLeftRadiusCardProps {
4
+ width: string;
5
+ height: string;
6
+ border_color?: string;
7
+ background_color?: string;
8
+ background_image?: string;
9
+ margin?: string;
10
+ title: string;
11
+ description: string;
12
+ children: React.ReactNode;
13
+ }
14
+ declare const BorderTopLeftRadiusCard: React.FC<BorderTopLeftRadiusCardProps>;
15
+ export default BorderTopLeftRadiusCard;
@@ -0,0 +1,67 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import 'react-responsive-carousel/lib/styles/carousel.min.css';
3
+ import { styled } from '@mui/material';
4
+ const Container = styled('div', {
5
+ shouldForwardProp: (prop) => ![
6
+ 'border_color',
7
+ 'background_color',
8
+ 'margin_card',
9
+ 'width_card',
10
+ 'height_card',
11
+ 'background_image',
12
+ ].includes(prop),
13
+ })(({ border_color, background_color, margin_card, width_card, height_card, background_image }) => ({
14
+ display: 'flex',
15
+ flexDirection: 'column',
16
+ gap: '16px',
17
+ padding: '20px',
18
+ borderTopLeftRadius: '80px',
19
+ width: width_card,
20
+ height: height_card,
21
+ backgroundColor: background_color,
22
+ margin: margin_card,
23
+ backgroundImage: background_image ? `url(${background_image})` : undefined,
24
+ backgroundSize: 'cover',
25
+ backgroundPosition: 'center',
26
+ borderBottom: `5px solid ${border_color}`,
27
+ borderRight: `5px solid ${border_color}`,
28
+ }));
29
+ const ContentTitle = styled('div')(({ theme }) => {
30
+ var _a, _b, _c, _d, _e;
31
+ return ({
32
+ height: 'auto',
33
+ textAlign: 'center',
34
+ // Tipografia
35
+ fontFamily: theme.typography.fontFamily,
36
+ fontWeight: (_a = theme.typography.h4) === null || _a === void 0 ? void 0 : _a.fontWeight,
37
+ fontStyle: (_b = theme.typography.h4) === null || _b === void 0 ? void 0 : _b.fontStyle,
38
+ lineHeight: (_c = theme.typography.h4) === null || _c === void 0 ? void 0 : _c.lineHeight,
39
+ letterSpacing: (_d = theme.typography.h4) === null || _d === void 0 ? void 0 : _d.letterSpacing,
40
+ fontSize: (_e = theme.typography.h4) === null || _e === void 0 ? void 0 : _e.fontSize,
41
+ });
42
+ });
43
+ const ContentDescription = styled('div')(({ theme }) => {
44
+ var _a, _b, _c, _d, _e;
45
+ return ({
46
+ height: 'auto',
47
+ flex: 1,
48
+ // Tipografia
49
+ fontFamily: theme.typography.fontFamily,
50
+ fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
51
+ fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
52
+ lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
53
+ letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
54
+ fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
55
+ });
56
+ });
57
+ const ContentButton = styled('div')({
58
+ display: 'flex',
59
+ alignItems: 'center',
60
+ justifyContent: 'center',
61
+ height: 'auto'
62
+ });
63
+ const BorderTopLeftRadiusCard = ({ width, height, border_color = 'transparent', background_color = 'transparent', background_image, margin = '0px', title, description, children, }) => {
64
+ return (_jsxs(Container, { border_color: border_color, background_color: background_color, background_image: background_image, margin_card: margin, width_card: width, height_card: height, children: [_jsx(ContentTitle, { children: title }), _jsx(ContentDescription, { children: description }), _jsx(ContentButton, { children: children })] }));
65
+ };
66
+ export default BorderTopLeftRadiusCard;
67
+ //# sourceMappingURL=BorderTopLeftRadiusCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BorderTopLeftRadiusCard.js","sourceRoot":"","sources":["../../../src/components/cards/BorderTopLeftRadiusCard.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,13 @@
1
+ interface CardLerMaisProps {
2
+ text_footer?: string;
3
+ description: string[];
4
+ principal?: boolean;
5
+ icon: string;
6
+ background_color?: string;
7
+ color_text_description: string;
8
+ color_text_footer: string;
9
+ color_text_lermais: string;
10
+ border_radius?: string;
11
+ }
12
+ declare const CardLerMais: React.FC<CardLerMaisProps>;
13
+ export default CardLerMais;
@@ -0,0 +1,121 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState, useRef, useEffect } from 'react';
3
+ import { styled } from '@mui/material/styles';
4
+ const ContentCard = styled('div', {
5
+ shouldForwardProp: (prop) => !['width', 'height', 'background_color', 'color', 'border_radius'].includes(prop),
6
+ })(({ width = '340px', height = '460px', border_radius = '0', background_color = 'transparent' }) => ({
7
+ width: width,
8
+ minWidth: width,
9
+ minHeight: height,
10
+ display: 'flex',
11
+ justifyContent: 'flex-start',
12
+ alignItems: 'flex-end',
13
+ position: 'relative',
14
+ marginBottom: '16px',
15
+ borderRadius: border_radius,
16
+ backgroundColor: background_color,
17
+ flexDirection: 'column',
18
+ boxSizing: 'border-box',
19
+ padding: '20px',
20
+ gap: '16px',
21
+ }));
22
+ const AreaTexto = styled('div')({
23
+ width: '100%',
24
+ height: 'auto',
25
+ display: 'grid',
26
+ gridTemplateRows: 'auto 1fr auto',
27
+ gap: '16px',
28
+ boxSizing: 'border-box',
29
+ });
30
+ const TextDestaque = styled('div', {
31
+ shouldForwardProp: (prop) => !['color'].includes(prop),
32
+ })(({ color, theme }) => {
33
+ var _a, _b, _c, _d, _e, _f;
34
+ return ({
35
+ color: color,
36
+ fontFamily: theme.typography.fontFamily,
37
+ fontWeight: (_a = theme.typography.body2) === null || _a === void 0 ? void 0 : _a.fontWeight,
38
+ fontStyle: (_b = theme.typography.body2) === null || _b === void 0 ? void 0 : _b.fontStyle,
39
+ lineHeight: (_c = theme.typography.body2) === null || _c === void 0 ? void 0 : _c.lineHeight,
40
+ letterSpacing: (_d = theme.typography.body2) === null || _d === void 0 ? void 0 : _d.letterSpacing,
41
+ fontSize: (_e = theme.typography.body2) === null || _e === void 0 ? void 0 : _e.fontSize,
42
+ margin: (_f = theme.typography.body2) === null || _f === void 0 ? void 0 : _f.margin,
43
+ padding: 0,
44
+ });
45
+ });
46
+ const DescricaoContainer = styled('div', {
47
+ shouldForwardProp: (prop) => prop !== 'expanded',
48
+ })(({ expanded }) => ({
49
+ overflow: 'hidden',
50
+ display: '-webkit-box',
51
+ WebkitLineClamp: expanded ? 'unset' : 6,
52
+ WebkitBoxOrient: 'vertical',
53
+ textOverflow: 'ellipsis',
54
+ }));
55
+ const Description = styled('div', {
56
+ shouldForwardProp: (prop) => !['color'].includes(prop),
57
+ })(({ color, theme }) => {
58
+ var _a, _b, _c, _d, _e;
59
+ return ({
60
+ margin: '0 0 8px',
61
+ color: color,
62
+ fontFamily: theme.typography.fontFamily,
63
+ fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
64
+ fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
65
+ lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
66
+ letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
67
+ fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
68
+ });
69
+ });
70
+ const LerMais = styled('button', {
71
+ shouldForwardProp: (prop) => !['color'].includes(prop),
72
+ })(({ color, theme }) => {
73
+ var _a, _b, _c, _d, _e, _f;
74
+ return ({
75
+ background: 'none',
76
+ border: 'none',
77
+ color: color,
78
+ cursor: 'pointer',
79
+ padding: 0,
80
+ textAlign: 'left',
81
+ fontFamily: theme.typography.fontFamily,
82
+ fontWeight: (_a = theme.typography.caption) === null || _a === void 0 ? void 0 : _a.fontWeight,
83
+ fontStyle: (_b = theme.typography.caption) === null || _b === void 0 ? void 0 : _b.fontStyle,
84
+ lineHeight: (_c = theme.typography.caption) === null || _c === void 0 ? void 0 : _c.lineHeight,
85
+ letterSpacing: (_d = theme.typography.caption) === null || _d === void 0 ? void 0 : _d.letterSpacing,
86
+ fontSize: (_e = theme.typography.caption) === null || _e === void 0 ? void 0 : _e.fontSize,
87
+ margin: (_f = theme.typography.caption) === null || _f === void 0 ? void 0 : _f.margin,
88
+ '&:hover': {
89
+ textDecoration: 'underline',
90
+ },
91
+ });
92
+ });
93
+ const ImageTag = styled('img')(({ theme }) => ({
94
+ padding: '8px',
95
+ height: '40px',
96
+ width: '40px',
97
+ [theme.breakpoints.down('sm')]: {
98
+ height: '32px',
99
+ width: '32px',
100
+ },
101
+ }));
102
+ const CardLerMais = ({ text_footer, description, icon, background_color = 'transparent', color_text_footer, color_text_description, color_text_lermais, border_radius = '0', principal = false }) => {
103
+ const [expanded, setExpanded] = useState(false);
104
+ const [exibeBotao, setExibeBotao] = useState(false);
105
+ const descricaoRef = useRef(null);
106
+ useEffect(() => {
107
+ if (descricaoRef.current) {
108
+ const lineHeight = parseFloat(getComputedStyle(descricaoRef.current).lineHeight);
109
+ const height = descricaoRef.current.scrollHeight;
110
+ const maxLines = 6;
111
+ const maxHeight = lineHeight * maxLines;
112
+ setExibeBotao(height > maxHeight);
113
+ setExpanded(principal);
114
+ }
115
+ }, [description, principal]);
116
+ const width = principal ? '100%' : '340px';
117
+ const height = principal ? '100%' : '340px';
118
+ return (_jsxs(ContentCard, { width: width, height: height, background_color: background_color, border_radius: border_radius, children: [icon && _jsx(ImageTag, { src: icon, alt: "icone card" }), _jsxs(AreaTexto, { children: [_jsx(DescricaoContainer, { ref: descricaoRef, expanded: expanded, children: description.map((item, index) => (_jsx(Description, { color: color_text_description, children: item }, index))) }), exibeBotao && (_jsx(LerMais, { color: color_text_lermais, onClick: () => setExpanded(!expanded), children: expanded ? 'Ler menos' : 'Ler mais' })), text_footer && _jsx(TextDestaque, { color: color_text_footer, children: text_footer })] })] }));
119
+ };
120
+ export default CardLerMais;
121
+ //# sourceMappingURL=CardLerMais.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CardLerMais.js","sourceRoot":"","sources":["../../../src/components/cards/CardLerMais.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ interface GradientCardProps {
3
+ title: string;
4
+ description: string;
5
+ children: React.ReactNode;
6
+ color_title: string;
7
+ color_description: string;
8
+ }
9
+ declare const ContentCardDescription: React.FC<GradientCardProps>;
10
+ export default ContentCardDescription;
@@ -0,0 +1,52 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { styled } from '@mui/material';
3
+ const Container = styled('div')({
4
+ display: 'flex',
5
+ flexDirection: 'column',
6
+ gap: '16px',
7
+ height: '100%',
8
+ width: '100%',
9
+ });
10
+ const ContentTitle = styled('div', {
11
+ shouldForwardProp: (prop) => !['text_color'].includes(prop),
12
+ })(({ theme, text_color }) => {
13
+ var _a, _b, _c, _d, _e;
14
+ return ({
15
+ height: 'auto',
16
+ width: '100%',
17
+ color: text_color,
18
+ // Tipografia
19
+ fontFamily: theme.typography.fontFamily,
20
+ fontWeight: (_a = theme.typography.h4) === null || _a === void 0 ? void 0 : _a.fontWeight,
21
+ fontStyle: (_b = theme.typography.h4) === null || _b === void 0 ? void 0 : _b.fontStyle,
22
+ lineHeight: (_c = theme.typography.h4) === null || _c === void 0 ? void 0 : _c.lineHeight,
23
+ letterSpacing: (_d = theme.typography.h4) === null || _d === void 0 ? void 0 : _d.letterSpacing,
24
+ fontSize: (_e = theme.typography.h4) === null || _e === void 0 ? void 0 : _e.fontSize,
25
+ });
26
+ });
27
+ const ContentDescription = styled('div', {
28
+ shouldForwardProp: (prop) => !['text_color'].includes(prop),
29
+ })(({ theme, text_color }) => {
30
+ var _a, _b, _c, _d, _e;
31
+ return ({
32
+ height: 'auto',
33
+ flex: 1,
34
+ color: text_color,
35
+ // Tipografia
36
+ fontFamily: theme.typography.fontFamily,
37
+ fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
38
+ fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
39
+ lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
40
+ letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
41
+ fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
42
+ });
43
+ });
44
+ const ContentButton = styled('div')({
45
+ display: 'flex',
46
+ height: 'auto'
47
+ });
48
+ const ContentCardDescription = ({ title, description, color_title, color_description, children, }) => {
49
+ return (_jsxs(Container, { children: [_jsx(ContentTitle, { text_color: color_title, children: title }), _jsx(ContentDescription, { text_color: color_description, children: description }), _jsx(ContentButton, { children: children })] }));
50
+ };
51
+ export default ContentCardDescription;
52
+ //# sourceMappingURL=ContentCardDescription.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContentCardDescription.js","sourceRoot":"","sources":["../../../src/components/cards/ContentCardDescription.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,MAAM;IACX,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEL,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,EAAE;IACjC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC3C,CAAC,CAAuB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;;IAAC,OAAA,CAAC;QACnD,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,UAAU;QAEjB,aAAa;QACb,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;QACvC,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,EAAE,0CAAE,UAAU;QAC3C,SAAS,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,EAAE,0CAAE,SAAS;QACzC,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,EAAE,0CAAE,UAAU;QAC3C,aAAa,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,EAAE,0CAAE,aAAa;QACjD,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,EAAE,0CAAE,QAAQ;KACxC,CAAC,CAAA;CAAA,CAAC,CAAC;AAEJ,MAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,EAAE;IACvC,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC3C,CAAC,CAAuB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;;IAAC,OAAA,CAAC;QACnD,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,CAAC;QACP,KAAK,EAAE,UAAU;QAEjB,aAAa;QACb,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,UAAU;QACvC,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,UAAU;QAC9C,SAAS,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,SAAS;QAC5C,UAAU,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,UAAU;QAC9C,aAAa,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,aAAa;QACpD,QAAQ,EAAE,MAAA,KAAK,CAAC,UAAU,CAAC,KAAK,0CAAE,QAAQ;KAC3C,CAAC,CAAA;CAAA,CAAC,CAAC;AAEJ,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAClC,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAUH,MAAM,sBAAsB,GAAgC,CAAC,EAC3D,KAAK,EACL,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,SAAS,eACR,KAAC,YAAY,IAAC,UAAU,EAAE,WAAW,YAClC,KAAK,GACO,EACf,KAAC,kBAAkB,IAAC,UAAU,EAAE,iBAAiB,YAC9C,WAAW,GACO,EACrB,KAAC,aAAa,cACX,QAAQ,GACK,IACN,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ interface GradientCardProps {
3
+ width: string;
4
+ height: string;
5
+ margin?: string;
6
+ color1: string;
7
+ color2: string;
8
+ color3: string;
9
+ title: string;
10
+ description: string;
11
+ children: React.ReactNode;
12
+ border_radius?: string;
13
+ color_title: string;
14
+ color_description: string;
15
+ }
16
+ declare const GradientCard: React.FC<GradientCardProps>;
17
+ export default GradientCard;
@@ -0,0 +1,66 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { styled } from '@mui/material';
3
+ const Container = styled('div', {
4
+ shouldForwardProp: (prop) => ![
5
+ 'margin_card',
6
+ 'width_card',
7
+ 'height_card',
8
+ 'color1',
9
+ 'color2',
10
+ 'color3',
11
+ 'border_radius'
12
+ ].includes(prop),
13
+ })(({ margin_card, width_card, height_card, color1, color2, color3, border_radius }) => ({
14
+ display: 'flex',
15
+ flexDirection: 'column',
16
+ gap: '16px',
17
+ padding: '20px',
18
+ borderRadius: border_radius,
19
+ width: width_card,
20
+ height: height_card,
21
+ margin: margin_card,
22
+ background: `linear-gradient(to bottom, ${color1}, ${color2}, ${color3})`,
23
+ }));
24
+ const ContentTitle = styled('div', {
25
+ shouldForwardProp: (prop) => !['text_color'].includes(prop),
26
+ })(({ theme, text_color }) => {
27
+ var _a, _b, _c, _d, _e;
28
+ return ({
29
+ height: 'auto',
30
+ width: '100%',
31
+ color: text_color,
32
+ // Tipografia
33
+ fontFamily: theme.typography.fontFamily,
34
+ fontWeight: (_a = theme.typography.h4) === null || _a === void 0 ? void 0 : _a.fontWeight,
35
+ fontStyle: (_b = theme.typography.h4) === null || _b === void 0 ? void 0 : _b.fontStyle,
36
+ lineHeight: (_c = theme.typography.h4) === null || _c === void 0 ? void 0 : _c.lineHeight,
37
+ letterSpacing: (_d = theme.typography.h4) === null || _d === void 0 ? void 0 : _d.letterSpacing,
38
+ fontSize: (_e = theme.typography.h4) === null || _e === void 0 ? void 0 : _e.fontSize,
39
+ });
40
+ });
41
+ const ContentDescription = styled('div', {
42
+ shouldForwardProp: (prop) => !['text_color'].includes(prop),
43
+ })(({ theme, text_color }) => {
44
+ var _a, _b, _c, _d, _e;
45
+ return ({
46
+ height: 'auto',
47
+ flex: 1,
48
+ color: text_color,
49
+ // Tipografia
50
+ fontFamily: theme.typography.fontFamily,
51
+ fontWeight: (_a = theme.typography.body1) === null || _a === void 0 ? void 0 : _a.fontWeight,
52
+ fontStyle: (_b = theme.typography.body1) === null || _b === void 0 ? void 0 : _b.fontStyle,
53
+ lineHeight: (_c = theme.typography.body1) === null || _c === void 0 ? void 0 : _c.lineHeight,
54
+ letterSpacing: (_d = theme.typography.body1) === null || _d === void 0 ? void 0 : _d.letterSpacing,
55
+ fontSize: (_e = theme.typography.body1) === null || _e === void 0 ? void 0 : _e.fontSize,
56
+ });
57
+ });
58
+ const ContentButton = styled('div')({
59
+ display: 'flex',
60
+ height: 'auto'
61
+ });
62
+ const GradientCard = ({ width, height, margin = '0px', color1, color2, color3, title, description, border_radius = '0px', color_title, color_description, children, }) => {
63
+ return (_jsxs(Container, { margin_card: margin, width_card: width, height_card: height, color1: color1, color2: color2, color3: color3, border_radius: border_radius, children: [_jsx(ContentTitle, { text_color: color_title, children: title }), _jsx(ContentDescription, { text_color: color_description, children: description }), _jsx(ContentButton, { children: children })] }));
64
+ };
65
+ export default GradientCard;
66
+ //# sourceMappingURL=GradientCard.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GradientCard.js","sourceRoot":"","sources":["../../../src/components/cards/GradientCard.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import 'react-responsive-carousel/lib/styles/carousel.min.css';
3
+ interface ImageCardProps {
4
+ src: string;
5
+ alt: string;
6
+ widthImage: number;
7
+ heightImage: number;
8
+ border_radius?: string;
9
+ background_color?: string;
10
+ margin?: string;
11
+ flex_direction?: 'row' | 'column';
12
+ children: React.ReactNode;
13
+ }
14
+ declare const ImageCard: React.FC<ImageCardProps>;
15
+ export default ImageCard;