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,12 @@
1
+ import React from 'react';
2
+ interface BannerProps {
3
+ height_xs: string;
4
+ height_sm: string;
5
+ height_md: string;
6
+ height_lg: string;
7
+ height_xl: string;
8
+ background_gradient: string;
9
+ children: React.ReactNode;
10
+ }
11
+ declare const ResponsiveBannerGradiente: React.FC<BannerProps>;
12
+ export default ResponsiveBannerGradiente;
@@ -0,0 +1,38 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { ContainerSafeSemMargem } from '../containers/ContainerSafe';
3
+ import { styled } from '@mui/material/styles';
4
+ const Container = styled('div', {
5
+ shouldForwardProp: (prop) => ![
6
+ 'height_xs', 'height_sm', 'height_md', 'height_lg', 'height_xl',
7
+ 'colorStart', 'colorMiddle', 'colorEnd',
8
+ ].includes(prop),
9
+ })(({ theme, height_xs, height_sm, height_md, height_lg, height_xl, background_gradient }) => ({
10
+ width: '100%',
11
+ position: 'relative',
12
+ overflow: 'hidden',
13
+ display: 'flex',
14
+ justifyContent: 'center',
15
+ alignItems: 'center',
16
+ background: background_gradient,
17
+ transition: 'background 0.3s ease',
18
+ [theme.breakpoints.down('sm')]: {
19
+ height: height_xs,
20
+ },
21
+ [theme.breakpoints.up('sm')]: {
22
+ height: height_sm,
23
+ },
24
+ [theme.breakpoints.up('md')]: {
25
+ height: height_md,
26
+ },
27
+ [theme.breakpoints.up('lg')]: {
28
+ height: height_lg,
29
+ },
30
+ [theme.breakpoints.up('xl')]: {
31
+ height: height_xl,
32
+ },
33
+ }));
34
+ const ResponsiveBannerGradiente = ({ height_xs, height_sm, height_md, height_lg, height_xl, background_gradient, children, }) => {
35
+ return (_jsx(Container, { id: "ContainerResponsiveBannerGradiente", height_xs: height_xs, height_sm: height_sm, height_md: height_md, height_lg: height_lg, height_xl: height_xl, background_gradient: background_gradient, children: _jsx(ContainerSafeSemMargem, { id: "areasafebannergradiente", children: children }) }));
36
+ };
37
+ export default ResponsiveBannerGradiente;
38
+ //# sourceMappingURL=ResponsiveBannerGradiente.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ResponsiveBannerGradiente.js","sourceRoot":"","sources":["../../../src/components/banner/ResponsiveBannerGradiente.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;QAC/D,YAAY,EAAE,aAAa,EAAE,UAAU;KACxC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAOC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7F,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,mBAAmB;IAC/B,UAAU,EAAE,sBAAsB;IAElC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC,CAAC;AAYJ,MAAM,yBAAyB,GAA0B,CAAC,EACxD,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EACrD,mBAAmB,EACnB,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,IAAC,EAAE,EAAC,oCAAoC,EAChD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,YAExC,KAAC,sBAAsB,IAAC,EAAE,EAAC,yBAAyB,YACjD,QAAQ,GACc,GACf,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ interface TitleBannerProps {
3
+ width: string;
4
+ textTitle: string;
5
+ textSubTitle?: string;
6
+ textAlign: 'left' | 'center';
7
+ children?: React.ReactNode;
8
+ }
9
+ declare const TitleBanner: React.FC<TitleBannerProps>;
10
+ export default TitleBanner;
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { Stack, Typography } from '@mui/material';
3
+ const TitleBanner = ({ children, textTitle, textSubTitle, width, textAlign }) => {
4
+ const alignItems = textAlign == 'left' ? 'flex-start' : 'center';
5
+ return (_jsxs(Stack, { direction: "column", justifyContent: 'flex-start', alignItems: alignItems, gap: { xs: '16px', sm: '24px' }, width: width, children: [_jsx(Typography, { variant: 'h1', component: 'h1', textAlign: textAlign, sx: { width: '100%' }, children: textTitle }), textSubTitle && _jsx(Typography, { variant: 'h2', component: 'h2', textAlign: textAlign, sx: { width: '100%' }, children: textSubTitle }), children] }));
6
+ };
7
+ export default TitleBanner;
8
+ //# sourceMappingURL=TitleBanner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TitleBanner.js","sourceRoot":"","sources":["../../../src/components/banner/TitleBanner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAUlD,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,SAAS,EACpE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IAEpC,MAAM,UAAU,GAAG,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEjE,OAAO,CACH,MAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAE,UAAU,EAC1E,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAC,EAAE,KAAK,EAAE,KAAK,aAE1C,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAE,YAAG,SAAS,GAAc,EAE3G,YAAY,IAAI,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAE,YAAG,YAAY,GAAc,EAE/H,QAAQ,IAEL,CACX,CAAC;AAEJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { ItemMenuConfig } from '../../types/ItemMenuConfig';
3
+ interface BarraFerramentasProps {
4
+ listaItemMenu: ItemMenuConfig[];
5
+ background_color?: string;
6
+ color: string;
7
+ color_hover: string;
8
+ text_decoration: 'none' | 'underline';
9
+ renderLogo: () => React.ReactElement;
10
+ renderSocialMedia: () => React.ReactElement;
11
+ }
12
+ declare const BarraFerramentas: React.FC<BarraFerramentasProps>;
13
+ export default BarraFerramentas;
@@ -0,0 +1,39 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import * as React from 'react';
4
+ import { Bar, ContainerRedeSocialHorizontal, CustomToolbar } from './BarraFerramentasStyled';
5
+ import { useEffect } from 'react';
6
+ import NavigationButton from '../button/NavigationButton';
7
+ import { StyledSpanBody2 } from '../text/SpanStyled';
8
+ import { styled } from '@mui/material';
9
+ const DivStyled = styled('div')({
10
+ display: 'flex',
11
+ flex: '1',
12
+ });
13
+ const ContainerMenuHorizontal = styled('div')({
14
+ display: 'flex',
15
+ flexDirection: 'row',
16
+ justifyContent: 'center',
17
+ alignItems: 'center',
18
+ flexGrow: 1,
19
+ gap: '16px',
20
+ });
21
+ const BarraFerramentas = ({ listaItemMenu, renderLogo, renderSocialMedia, background_color, color, color_hover, text_decoration }) => {
22
+ const background_color_bar = background_color || 'transparent';
23
+ const [buttons, setButtons] = React.useState(null);
24
+ useEffect(() => {
25
+ const borderColor = (text_decoration == 'none') ? 'transparent' : color;
26
+ if (listaItemMenu) {
27
+ const constructedButtons = listaItemMenu.map((item) => (_jsx(NavigationButton, { url: item.url, color: color, color_hover: color_hover, aria_label: `item menu ${item.text}`, layout: "button", width: "auto", background_color: "transparent", border_color: borderColor, border_radius: "0px", text_decoration: text_decoration, children: item.text }, item.url)));
28
+ setButtons(constructedButtons);
29
+ }
30
+ }, [listaItemMenu, color, color_hover, text_decoration]);
31
+ if (buttons) {
32
+ return (_jsx(Bar, { background_color: background_color_bar, children: _jsxs(CustomToolbar, { disableGutters: true, children: [renderLogo(), _jsxs(DivStyled, { children: [_jsx(ContainerMenuHorizontal, { children: buttons }), _jsx(ContainerRedeSocialHorizontal, { children: renderSocialMedia() })] })] }) }));
33
+ }
34
+ else {
35
+ _jsx(Bar, { background_color: background_color_bar, children: _jsx(StyledSpanBody2, { text_color: color, children: "carregando..." }) });
36
+ }
37
+ };
38
+ export default BarraFerramentas;
39
+ //# sourceMappingURL=BarraFerramentas.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BarraFerramentas.js","sourceRoot":"","sources":["../../../src/components/barra_ferramentas/BarraFerramentas.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,6BAA6B,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE7F,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAYvC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,GAAG;CACV,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,CAAC;IACX,GAAG,EAAE,MAAM;CACZ,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAoC,CAAC,EACvD,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAAE,KAAK,EAAE,WAAW,EACpC,eAAe,EAAC,EAAE,EAAE;IAEtB,MAAM,oBAAoB,GAAG,gBAAgB,IAAI,aAAa,CAAC;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QAEb,MAAM,WAAW,GAAG,CAAC,eAAe,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;QAExE,IAAI,aAAa,EAAE,CAAC;YAChB,MAAM,kBAAkB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnD,KAAC,gBAAgB,IAEf,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,aAAa,IAAI,CAAC,IAAI,EAAE,EACpC,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,MAAM,EACZ,gBAAgB,EAAC,aAAa,EAC9B,YAAY,EAAE,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,eAAe,EAAE,eAAe,YAE/B,IAAI,CAAC,IAAI,IAZL,IAAI,CAAC,GAAG,CAaI,CACtB,CAAC,CAAC;YACH,UAAU,CAAC,kBAAkB,CAAC,CAAC;QACnC,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzD,IAAI,OAAO,EAAC,CAAC;QACX,OAAO,CACL,KAAC,GAAG,IAAC,gBAAgB,EAAE,oBAAoB,YACvC,MAAC,aAAa,IAAC,cAAc,mBAC1B,UAAU,EAAE,EACb,MAAC,SAAS,eACR,KAAC,uBAAuB,cACrB,OAAO,GACgB,EAC1B,KAAC,6BAA6B,cAC3B,iBAAiB,EAAE,GACU,IACtB,IACE,GACd,CACP,CAAC;IACJ,CAAC;SACG,CAAC;QACH,KAAC,GAAG,IAAC,gBAAgB,EAAE,oBAAoB,YACzC,KAAC,eAAe,IAAC,UAAU,EAAE,KAAK,8BAAiC,GAC/D,CAAA;IACR,CAAC;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1,13 @@
1
+ import * as React from 'react';
2
+ import { ItemMenuConfig } from '../../types/ItemMenuConfig';
3
+ interface BarraFerramentasHamburguerProps {
4
+ listaItemMenu: ItemMenuConfig[];
5
+ background_color?: string;
6
+ color: string;
7
+ color_hover: string;
8
+ renderSocialMedia: () => React.ReactElement;
9
+ renderImageHamburguer: () => React.ReactElement;
10
+ renderLogo: () => React.ReactElement;
11
+ }
12
+ declare const BarraFerramentasHamburguer: React.FC<BarraFerramentasHamburguerProps>;
13
+ export default BarraFerramentasHamburguer;
@@ -0,0 +1,31 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import * as React from 'react';
4
+ import Box from '@mui/material/Box';
5
+ import IconButton from '@mui/material/IconButton';
6
+ import Menu from '@mui/material/Menu';
7
+ import { Bar, ContainerRedeSocialHorizontal, CustomToolbar } from './BarraFerramentasStyled';
8
+ import NavigationHamburguerButton from '../button/NavigationHamburguerButton';
9
+ import { StyledSpanBody1 } from '../text/SpanStyled';
10
+ const BarraFerramentasHamburguer = ({ listaItemMenu, renderSocialMedia, background_color, color, color_hover, renderImageHamburguer, renderLogo }) => {
11
+ const [anchorElNav, setAnchorElNav] = React.useState(null);
12
+ const handleOpenNavMenu = (event) => {
13
+ setAnchorElNav(event.currentTarget);
14
+ };
15
+ const handleCloseNavMenu = () => {
16
+ setAnchorElNav(null);
17
+ };
18
+ const renderMenu = () => {
19
+ return (_jsxs(Box, { children: [_jsx(IconButton, { size: "large", "aria-label": "menu hamburguer", "aria-haspopup": "true", onClick: handleOpenNavMenu, color: "inherit", children: renderImageHamburguer() }), _jsx(Menu, { anchorEl: anchorElNav, anchorOrigin: {
20
+ vertical: 'bottom',
21
+ horizontal: 'left',
22
+ }, keepMounted: true, transformOrigin: {
23
+ vertical: 'top',
24
+ horizontal: 'left',
25
+ }, open: Boolean(anchorElNav), onClose: handleCloseNavMenu, sx: { display: { xs: 'block', md: 'none' } }, children: _jsx(Box, { display: 'flex', flexDirection: 'column', sx: { padding: "8px" }, children: listaItemMenu === null || listaItemMenu === void 0 ? void 0 : listaItemMenu.map((item) => (_jsx(NavigationHamburguerButton, { width: 'auto', url: item.url, color: color, color_hover: color_hover, text_decoration: "none", afterNavigation: handleCloseNavMenu, aria_label: 'menu ' + item.text, layout: 'button', children: _jsx(StyledSpanBody1, { text_color: color, children: item.text }) }, item.url))) }) })] }));
26
+ };
27
+ const background_color_bar = background_color || 'transparent';
28
+ return (_jsx(Bar, { background_color: background_color_bar, children: _jsxs(CustomToolbar, { disableGutters: true, children: [_jsx(Box, { children: listaItemMenu.length > 0 && renderMenu() }), _jsx(Box, { flex: 1, display: "flex", alignItems: "center", justifyContent: "center", children: renderLogo() }), _jsx(ContainerRedeSocialHorizontal, { children: renderSocialMedia() })] }) }));
29
+ };
30
+ export default BarraFerramentasHamburguer;
31
+ //# sourceMappingURL=BarraFerramentasHamburguer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BarraFerramentasHamburguer.js","sourceRoot":"","sources":["../../../src/components/barra_ferramentas/BarraFerramentasHamburguer.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,7 @@
1
+ export declare const CustomToolbar: import("@emotion/styled").StyledComponent<import("@mui/material/Toolbar").ToolbarOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "sx" | "className" | "classes" | "variant" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
2
+ export declare const ContainerRedeSocialHorizontal: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
+ interface BarProps {
4
+ background_color: string;
5
+ }
6
+ export declare const Bar: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & BarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
+ export {};
@@ -0,0 +1,40 @@
1
+ import { styled } from '@mui/material/styles';
2
+ import Toolbar from '@mui/material/Toolbar';
3
+ export const CustomToolbar = styled(Toolbar)(({ theme }) => ({
4
+ margin: '0px',
5
+ padding: '0px',
6
+ width: '100%',
7
+ [theme.breakpoints.down('sm')]: {
8
+ // Máximo de 600px
9
+ width: 'calc(100% - 32px)',
10
+ },
11
+ [theme.breakpoints.between('sm', 'md')]: {
12
+ // Entre 601px e 960px
13
+ width: 'calc(100% - 48px)',
14
+ },
15
+ [theme.breakpoints.up('md')]: {
16
+ // A partir de 960px
17
+ width: 'calc(100% - 54px)',
18
+ },
19
+ [theme.breakpoints.up('lg')]: {
20
+ // A partir de 1280px
21
+ width: '1200px',
22
+ },
23
+ }));
24
+ export const ContainerRedeSocialHorizontal = styled('div')({
25
+ display: 'flex',
26
+ flexDirection: 'row',
27
+ justifyContent: 'center',
28
+ margin: '16px 0px',
29
+ });
30
+ export const Bar = styled('div', {
31
+ shouldForwardProp: (prop) => !['background_color'].includes(prop),
32
+ })(({ background_color }) => ({
33
+ display: 'flex',
34
+ flexDirection: 'column', // Layout flex vertical
35
+ alignItems: 'center', // Centraliza horizontalmente
36
+ justifyContent: 'center', // Centraliza verticalmente
37
+ backgroundColor: background_color, // Define a cor de fundo
38
+ width: '100%', // Largura total
39
+ }));
40
+ //# sourceMappingURL=BarraFerramentasStyled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BarraFerramentasStyled.js","sourceRoot":"","sources":["../../../src/components/barra_ferramentas/BarraFerramentasStyled.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,MAAM;IAEb,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,kBAAkB;QAClB,KAAK,EAAE,mBAAmB;KAC3B;IAED,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;QACvC,sBAAsB;QACtB,KAAK,EAAE,mBAAmB;KAC3B;IAED,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,oBAAoB;QACpB,KAAK,EAAE,mBAAmB;KAC3B;IAED,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,qBAAqB;QACrB,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,EAAE;IAC/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CAAW,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IACtC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ,EAAE,uBAAuB;IAChD,UAAU,EAAE,QAAQ,EAAE,6BAA6B;IACnD,cAAc,EAAE,QAAQ,EAAE,2BAA2B;IACrD,eAAe,EAAE,gBAAgB,EAAE,wBAAwB;IAC3D,KAAK,EAAE,MAAM,EAAE,gBAAgB;CAChC,CAAC,CAAC,CAAC"}
@@ -0,0 +1,18 @@
1
+ export declare const ButtonHoverBorderBottomStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
2
+ background_color?: string;
3
+ color: string;
4
+ color_hover?: string;
5
+ type_padding: "none" | "default";
6
+ border_radius?: string;
7
+ border_color?: string;
8
+ width: string;
9
+ }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
10
+ export declare const ButtonHoverColorStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
11
+ background_color?: string;
12
+ color: string;
13
+ color_hover?: string;
14
+ type_padding: "none" | "default";
15
+ border_radius?: string;
16
+ border_color?: string;
17
+ width: string;
18
+ }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
@@ -0,0 +1,56 @@
1
+ import { styled } from '@mui/material/styles';
2
+ export const ButtonHoverBorderBottomStyled = styled('button', {
3
+ shouldForwardProp: (prop) => ![
4
+ 'background_color',
5
+ 'color',
6
+ 'color_hover',
7
+ 'type_padding',
8
+ 'border_radius',
9
+ 'border_color',
10
+ 'width',
11
+ ].includes(prop),
12
+ })(({ background_color, color, color_hover, type_padding, border_radius, border_color, width }) => ({
13
+ width: width,
14
+ cursor: 'pointer',
15
+ textDecoration: 'none',
16
+ textTransform: 'none',
17
+ borderBottom: '2px solid transparent',
18
+ margin: '0px',
19
+ boxShadow: 'none',
20
+ backgroundColor: background_color || 'transparent',
21
+ color: color,
22
+ borderRadius: border_radius || '0px',
23
+ border: border_color ? `1px solid ${border_color}` : 'none',
24
+ padding: type_padding === 'default' ? '8px 24px' : '0px',
25
+ '&:hover': {
26
+ borderBottom: `2px solid ${color_hover || color}`,
27
+ color: color_hover || color,
28
+ },
29
+ }));
30
+ export const ButtonHoverColorStyled = styled('button', {
31
+ shouldForwardProp: (prop) => ![
32
+ 'background_color',
33
+ 'color',
34
+ 'color_hover',
35
+ 'type_padding',
36
+ 'border_radius',
37
+ 'border_color',
38
+ 'width',
39
+ ].includes(prop),
40
+ })(({ background_color, color, color_hover, type_padding, border_radius, border_color, width }) => ({
41
+ width: width,
42
+ cursor: 'pointer',
43
+ textDecoration: 'none',
44
+ textTransform: 'none',
45
+ margin: '0px',
46
+ boxShadow: 'none',
47
+ backgroundColor: background_color || 'transparent',
48
+ color: color,
49
+ borderRadius: border_radius || '0px',
50
+ border: border_color ? `1px solid ${border_color}` : 'none',
51
+ padding: type_padding === 'default' ? '8px 24px' : '0px',
52
+ '&:hover': {
53
+ color: color_hover || color,
54
+ },
55
+ }));
56
+ //# sourceMappingURL=ButtonStyled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ButtonStyled.js","sourceRoot":"","sources":["../../../src/components/button/ButtonStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,QAAQ,EAAE;IAC5D,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,kBAAkB;QAClB,OAAO;QACP,aAAa;QACb,cAAc;QACd,eAAe;QACf,cAAc;QACd,OAAO;KACR,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAQC,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClG,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,YAAY,EAAE,uBAAuB;IACrC,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,gBAAgB,IAAI,aAAa;IAClD,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,aAAa,IAAI,KAAK;IACpC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM;IAC3D,OAAO,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;IAExD,SAAS,EAAE;QACT,YAAY,EAAE,aAAa,WAAW,IAAI,KAAK,EAAE;QACjD,KAAK,EAAE,WAAW,IAAI,KAAK;KAC5B;CACF,CAAC,CAAC,CAAC;AAGJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,QAAQ,EAAE;IACrD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,kBAAkB;QAClB,OAAO;QACP,aAAa;QACb,cAAc;QACd,eAAe;QACf,cAAc;QACd,OAAO;KACR,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAQC,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClG,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,gBAAgB,IAAI,aAAa;IAClD,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,aAAa,IAAI,KAAK;IACpC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM;IAC3D,OAAO,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;IAExD,SAAS,EAAE;QACT,KAAK,EAAE,WAAW,IAAI,KAAK;KAC5B;CACF,CAAC,CAAC,CAAC"}
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ interface NavigationButtonProps {
3
+ url: string;
4
+ aria_label: string;
5
+ background_color?: string;
6
+ background_color_hover?: string;
7
+ color: string;
8
+ color_hover?: string;
9
+ border_color?: string;
10
+ border_radius?: string;
11
+ text_decoration: 'none' | 'underline';
12
+ layout: 'button' | 'link';
13
+ width: string;
14
+ margin?: string;
15
+ children: React.ReactNode;
16
+ }
17
+ declare const NavigationButton: React.FC<NavigationButtonProps>;
18
+ export default NavigationButton;
@@ -0,0 +1,53 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { styled } from '@mui/material/styles';
4
+ const ButtonStyled = styled('a', {
5
+ shouldForwardProp: (prop) => ![
6
+ 'background_color',
7
+ 'background_color_hover',
8
+ 'color',
9
+ 'color_hover',
10
+ 'padding',
11
+ 'border_radius',
12
+ 'border_color',
13
+ 'border_color_underline',
14
+ 'width',
15
+ 'margin',
16
+ ].includes(prop),
17
+ })(({ background_color, background_color_hover, color, color_hover, padding, border_radius, border_color, border_color_underline, width, margin, }) => ({
18
+ width: width,
19
+ cursor: 'pointer',
20
+ textDecoration: 'none',
21
+ textTransform: 'none',
22
+ textAlign: 'center',
23
+ boxShadow: 'none',
24
+ backgroundColor: background_color,
25
+ color: color,
26
+ border: `1px solid ${border_color}`,
27
+ borderRadius: border_radius,
28
+ padding: padding,
29
+ margin: margin,
30
+ '&:hover': {
31
+ backgroundColor: background_color_hover,
32
+ borderBottom: `1px solid ${border_color_underline}`,
33
+ color: color_hover,
34
+ },
35
+ }));
36
+ const NavigationButton = ({ url, aria_label, background_color, background_color_hover, color, color_hover, border_radius, border_color, text_decoration = 'none', layout, width, margin, children }) => {
37
+ const backgroundColor = background_color !== null && background_color !== void 0 ? background_color : 'transparent';
38
+ const backgroundColorHover = background_color_hover !== null && background_color_hover !== void 0 ? background_color_hover : backgroundColor;
39
+ const colorHover = color_hover !== null && color_hover !== void 0 ? color_hover : color;
40
+ const borderRadius = border_radius !== null && border_radius !== void 0 ? border_radius : '0px';
41
+ const padding = layout == 'button' ? '8px 24px' : '0px';
42
+ const borderColor = text_decoration == 'underline' ? 'transparent' : (border_color !== null && border_color !== void 0 ? border_color : 'transparent');
43
+ const borderColorUnderline = (text_decoration == 'underline') ? color : (border_color !== null && border_color !== void 0 ? border_color : 'transparent');
44
+ const marginButton = margin !== null && margin !== void 0 ? margin : '0px';
45
+ if (url.indexOf('http') != -1) {
46
+ return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: borderColor, border_color_underline: borderColorUnderline, padding: padding, margin: marginButton, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", children: children }));
47
+ }
48
+ else {
49
+ return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: borderColor, border_color_underline: borderColorUnderline, padding: padding, margin: marginButton, "aria-label": aria_label, children: children }));
50
+ }
51
+ };
52
+ export default NavigationButton;
53
+ //# sourceMappingURL=NavigationButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../../src/components/button/NavigationButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,kBAAkB;QAClB,wBAAwB;QACxB,OAAO;QACP,aAAa;QACb,SAAS;QACT,eAAe;QACf,cAAc;QACd,wBAAwB;QACxB,OAAO;QACP,QAAQ;KACT,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAWC,CAAC,EACF,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,KAAK,EACL,MAAM,GACP,EAAE,EAAE,CAAC,CAAC;IACL,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,gBAAgB;IACjC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,aAAa,YAAY,EAAE;IACnC,YAAY,EAAE,aAAa;IAC3B,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,MAAM;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,sBAAsB;QACvC,YAAY,EAAE,aAAa,sBAAsB,EAAE;QACnD,KAAK,EAAE,WAAW;KACnB;CACF,CAAC,CAAC,CAAC;AAkBJ,MAAM,gBAAgB,GAAoC,CAAC,EACzD,GAAG,EAAE,UAAU,EAAE,gBAAgB,EAAE,sBAAsB,EACzD,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,GAAG,MAAM,EACzE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAEnC,MAAM,eAAe,GAAY,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,aAAa,CAAC;IACnE,MAAM,oBAAoB,GAAY,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,eAAe,CAAC;IAChF,MAAM,UAAU,GAAY,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,CAAC;IACjD,MAAM,YAAY,GAAY,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAK,CAAC;IACrD,MAAM,OAAO,GAAY,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IAEjE,MAAM,WAAW,GAAY,eAAe,IAAI,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,aAAa,CAAC,CAAC;IAC9G,MAAM,oBAAoB,GAAY,CAAC,eAAe,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,aAAa,CAAC,CAAC;IACjH,MAAM,YAAY,GAAY,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAC;IAE9C,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;QAE9B,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,eAAe,EACjC,sBAAsB,EAAE,oBAAoB,EAC5C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,UAAU,EACvB,aAAa,EAAE,YAAY,EAC3B,YAAY,EAAE,WAAW,EACzB,sBAAsB,EAAE,oBAAoB,EAC5C,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,YAAY,gBACP,UAAU,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YACxB,QAAQ,GACI,CAChB,CAAC;IACJ,CAAC;SACG,CAAC;QAEH,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,eAAe,EACjC,sBAAsB,EAAE,oBAAoB,EAC5C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,UAAU,EACvB,aAAa,EAAE,YAAY,EAC3B,YAAY,EAAE,WAAW,EACzB,sBAAsB,EAAE,oBAAoB,EAC5C,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,YAAY,gBACP,UAAU,YAEtB,QAAQ,GACI,CAChB,CAAC;IACJ,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ interface NavigationButtonProps {
3
+ url: string;
4
+ aria_label: string;
5
+ background_color?: string;
6
+ background_color_hover?: string;
7
+ color: string;
8
+ color_hover?: string;
9
+ border_color?: string;
10
+ border_radius?: string;
11
+ text_decoration: 'none' | 'underline';
12
+ layout: 'button' | 'link';
13
+ width: string;
14
+ height?: string;
15
+ margin?: string;
16
+ children: React.ReactNode;
17
+ }
18
+ declare const NavigationButtonMotion: React.FC<NavigationButtonProps>;
19
+ export default NavigationButtonMotion;
@@ -0,0 +1,64 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { styled } from '@mui/material/styles';
4
+ import { motion } from 'framer-motion';
5
+ const MotionButtonStyled = motion.create(styled('a', {
6
+ shouldForwardProp: (prop) => ![
7
+ 'background_color',
8
+ 'background_color_hover',
9
+ 'color',
10
+ 'color_hover',
11
+ 'padding',
12
+ 'border_radius',
13
+ 'border_color',
14
+ 'border_color_underline',
15
+ 'width',
16
+ 'height',
17
+ 'margin',
18
+ ].includes(prop),
19
+ })(({ background_color, background_color_hover, color, color_hover, padding, border_radius, border_color, border_color_underline, width, height, margin, }) => ({
20
+ width: width,
21
+ height: height,
22
+ cursor: 'pointer',
23
+ textDecoration: 'none',
24
+ textTransform: 'none',
25
+ textAlign: 'center',
26
+ boxShadow: 'none',
27
+ backgroundColor: background_color,
28
+ color: color,
29
+ border: `1px solid ${border_color}`,
30
+ borderRadius: border_radius,
31
+ padding: padding,
32
+ margin: margin,
33
+ display: 'flex',
34
+ alignItems: 'center',
35
+ justifyContent: 'center',
36
+ transition: 'all 0.2s ease-in-out',
37
+ '&:hover': {
38
+ backgroundColor: background_color_hover,
39
+ borderBottom: `1px solid ${border_color_underline}`,
40
+ color: color_hover,
41
+ },
42
+ })));
43
+ const NavigationButtonMotion = ({ url, aria_label, background_color, background_color_hover, color, color_hover, border_radius, border_color, text_decoration = 'none', layout, width, height = 'auto', margin, children, }) => {
44
+ const backgroundColor = background_color !== null && background_color !== void 0 ? background_color : 'transparent';
45
+ const backgroundColorHover = background_color_hover !== null && background_color_hover !== void 0 ? background_color_hover : backgroundColor;
46
+ const colorHover = color_hover !== null && color_hover !== void 0 ? color_hover : color;
47
+ const borderRadius = border_radius !== null && border_radius !== void 0 ? border_radius : '0px';
48
+ const padding = layout === 'button' ? '8px 24px' : '0px';
49
+ const borderColor = text_decoration === 'underline' ? 'transparent' : border_color !== null && border_color !== void 0 ? border_color : 'transparent';
50
+ const borderColorUnderline = text_decoration === 'underline' ? color : border_color !== null && border_color !== void 0 ? border_color : 'transparent';
51
+ const marginButton = margin !== null && margin !== void 0 ? margin : '0px';
52
+ const motionProps = {
53
+ whileFocus: {
54
+ scale: 1.1,
55
+ transition: { type: 'spring', stiffness: 300 },
56
+ },
57
+ whileHover: {
58
+ scale: 1.05,
59
+ },
60
+ };
61
+ return (_jsx(MotionButtonStyled, Object.assign({ href: url, width: width, height: height, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: borderColor, border_color_underline: borderColorUnderline, padding: padding, margin: marginButton, "aria-label": aria_label, target: url.startsWith('http') ? '_blank' : undefined, rel: url.startsWith('http') ? 'noopener noreferrer' : undefined }, motionProps, { children: children })));
62
+ };
63
+ export default NavigationButtonMotion;
64
+ //# sourceMappingURL=NavigationButtonMotion.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationButtonMotion.js","sourceRoot":"","sources":["../../../src/components/button/NavigationButtonMotion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CACtC,MAAM,CAAC,GAAG,EAAE;IACV,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,kBAAkB;QAClB,wBAAwB;QACxB,OAAO;QACP,aAAa;QACb,SAAS;QACT,eAAe;QACf,cAAc;QACd,wBAAwB;QACxB,OAAO;QACP,QAAQ;QACR,QAAQ;KACT,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAYC,CAAC,EACF,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,KAAK,EACL,MAAM,EACN,MAAM,GACP,EAAE,EAAE,CAAC,CAAC;IACL,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,gBAAgB;IACjC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,aAAa,YAAY,EAAE;IACnC,YAAY,EAAE,aAAa;IAC3B,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,sBAAsB;IAElC,SAAS,EAAE;QACT,eAAe,EAAE,sBAAsB;QACvC,YAAY,EAAE,aAAa,sBAAsB,EAAE;QACnD,KAAK,EAAE,WAAW;KACnB;CACF,CAAC,CAAC,CACJ,CAAC;AAmBF,MAAM,sBAAsB,GAAoC,CAAC,EAC/D,GAAG,EACH,UAAU,EACV,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,EACL,WAAW,EACX,aAAa,EACb,YAAY,EACZ,eAAe,GAAG,MAAM,EACxB,MAAM,EACN,KAAK,EACL,MAAM,GAAG,MAAM,EACf,MAAM,EACN,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,eAAe,GAAW,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,aAAa,CAAC;IAClE,MAAM,oBAAoB,GAAW,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,eAAe,CAAC;IAC/E,MAAM,UAAU,GAAW,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,CAAC;IAChD,MAAM,YAAY,GAAW,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAK,CAAC;IACpD,MAAM,OAAO,GAAW,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IAEjE,MAAM,WAAW,GACf,eAAe,KAAK,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,aAAa,CAAC;IAClF,MAAM,oBAAoB,GACxB,eAAe,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,aAAa,CAAC;IAC1E,MAAM,YAAY,GAAW,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAC;IAE7C,MAAM,WAAW,GAAG;QAClB,UAAU,EAAE;YACV,KAAK,EAAE,GAAG;YACV,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE;SAC/C;QACD,UAAU,EAAE;YACV,KAAK,EAAE,IAAI;SACZ;KACF,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,kBACjB,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,eAAe,EACjC,sBAAsB,EAAE,oBAAoB,EAC5C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,UAAU,EACvB,aAAa,EAAE,YAAY,EAC3B,YAAY,EAAE,WAAW,EACzB,sBAAsB,EAAE,oBAAoB,EAC5C,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,YAAY,gBACR,UAAU,EACtB,MAAM,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACrD,GAAG,EAAE,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,IAC3D,WAAW,cAEd,QAAQ,IACU,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ interface NavigationHamburguerButtonProps {
3
+ url: string;
4
+ aria_label: string;
5
+ background_color?: string;
6
+ color: string;
7
+ color_hover?: string;
8
+ border_color?: string;
9
+ border_radius?: string;
10
+ text_decoration: 'none' | 'underline';
11
+ layout: 'button' | 'link';
12
+ width: string;
13
+ children: React.ReactNode;
14
+ afterNavigation: () => void;
15
+ }
16
+ declare const NavigationHamburguerButton: React.FC<NavigationHamburguerButtonProps>;
17
+ export default NavigationHamburguerButton;
@@ -0,0 +1,33 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { ButtonHoverBorderBottomStyled, ButtonHoverColorStyled } from './ButtonStyled';
4
+ const NavigationHamburguerButton = ({ url, aria_label, background_color, color, color_hover, border_radius, border_color, text_decoration, layout, width, children, afterNavigation }) => {
5
+ const handleClick = (e) => {
6
+ e.preventDefault();
7
+ if (url.indexOf('#') !== -1) {
8
+ if (window.location.pathname === '/' || window.location.pathname === '/index.html') {
9
+ const targetElement = document.querySelector(url);
10
+ if (targetElement) {
11
+ targetElement.scrollIntoView({ behavior: 'smooth' });
12
+ window.history.pushState(null, '', url);
13
+ }
14
+ }
15
+ else {
16
+ window.location.href = url;
17
+ }
18
+ }
19
+ else if (url.indexOf('http') == -1)
20
+ window.open(url, '_blank', 'noopener noreferrer');
21
+ else
22
+ window.location.href = url;
23
+ afterNavigation(); // Chama a função após a navegação
24
+ };
25
+ if (text_decoration === 'underline') {
26
+ return (_jsx(ButtonHoverBorderBottomStyled, { width: width, background_color: background_color, color: color, color_hover: color_hover, border_radius: border_radius, border_color: border_color, type_padding: layout === 'button' ? 'default' : 'none', "aria-label": aria_label, onClick: handleClick, children: children }));
27
+ }
28
+ else if (text_decoration === 'none') {
29
+ return (_jsx(ButtonHoverColorStyled, { width: width, background_color: background_color, color: color, color_hover: color_hover, border_radius: border_radius, border_color: border_color, type_padding: layout === 'button' ? 'default' : 'none', "aria-label": aria_label, onClick: handleClick, children: children }));
30
+ }
31
+ };
32
+ export default NavigationHamburguerButton;
33
+ //# sourceMappingURL=NavigationHamburguerButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavigationHamburguerButton.js","sourceRoot":"","sources":["../../../src/components/button/NavigationHamburguerButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,6BAA6B,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAiBvF,MAAM,0BAA0B,GAA8C,CAAC,EAC7E,GAAG,EAAE,UAAU,EAAE,gBAAgB,EACjC,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAChE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,EAAE;IAE9C,MAAM,WAAW,GAAG,CAAC,CAAsC,EAAE,EAAE;QAE3D,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YAC5B,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,GAAG,IAAI,MAAM,CAAC,QAAQ,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;gBACnF,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;gBAClD,IAAI,aAAa,EAAE,CAAC;oBAClB,aAAa,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;oBACrD,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;gBAC1C,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;YAC7B,CAAC;QACH,CAAC;aACI,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC;;YAElD,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC;QAG7B,eAAe,EAAE,CAAC,CAAC,wCAAwC;IAC/D,CAAC,CAAC;IAEF,IAAI,eAAe,KAAK,WAAW,EAAC,CAAC;QACnC,OAAO,CACL,KAAC,6BAA6B,IAAC,KAAK,EAAE,KAAK,EACzC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,gBACzC,UAAU,EACvB,OAAO,EAAE,WAAW,YACjB,QAAQ,GACmB,CACjC,CAAC;IACJ,CAAC;SACI,IAAI,eAAe,KAAK,MAAM,EAAC,CAAC;QACnC,OAAO,CACL,KAAC,sBAAsB,IAAC,KAAK,EAAE,KAAK,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,gBACzC,UAAU,EACvB,OAAO,EAAE,WAAW,YACjB,QAAQ,GACY,CAC1B,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ export interface ScrollToTopButtonProps {
3
+ show: boolean;
4
+ border_radius: string;
5
+ background_color: string;
6
+ background_color_hover: string;
7
+ children: React.ReactNode;
8
+ }
9
+ declare const ScrollToTopButton: React.FC<ScrollToTopButtonProps>;
10
+ export default ScrollToTopButton;