plataforma-fundacao-componentes 2.26.5 → 2.26.7

package/dist/index.css

@@ -871,18 +871,20 @@ h5 {
   display: inline-block; }
   .component-notification-outer .component-notification {
     position: absolute;
-    min-width: 18px;
-    min-height: 18px;
+    min-width: 16px;
+    min-height: 16px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 200px;
-    font-size: 13px; }
-    @media screen and (max-width: 767.98px) {
-      .component-notification-outer .component-notification {
-        font-size: 10px;
-        min-width: 16px;
-        min-height: 16px; } }
+    font-size: 10px;
+    font-family: "Nunito", sans-serif;
+    padding: 0 4px; }
+  .component-notification-outer [data-bordered='true'] {
+    border: 1px solid #fefefe; }
+  .component-notification-outer .component-notification-primary {
+    background-color: #3fa110;
+    color: #fefefe; }
   .component-notification-outer .component-notification-primary {
     background-color: #3fa110;
     color: #fefefe; }
@@ -895,6 +897,9 @@ h5 {
   .component-notification-outer .component-notification-error {
     background-color: #e60000;
     color: #fefefe; }
+  .component-notification-outer .component-notification-error-light {
+    background-color: #e60050;
+    color: #fefefe; }
   .component-notification-outer .component-notification-default {
     background-color: #323c32;
     color: #fefefe; }
@@ -2514,17 +2519,19 @@ h5 {
   warningDark: #765f00; }
 
 .component-container {
-  position: absolute;
+  position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   max-height: 100%;
   overflow-y: auto;
-  overflow-y: overlay;
   display: flex;
   align-items: flex-start;
-  justify-content: center; }
+  justify-content: center;
+  scrollbar-gutter: stable both-edges; }
+  .component-container.mobile {
+    overflow-y: visible; }
   .component-container .component-container-insider {
     position: relative;
     padding-right: 12px;
@@ -3109,37 +3116,12 @@ max-width	100%	540px	720px	960px	1140px
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
-.component-dropdown-menu {
-  display: block; }
-
-.component-dropdown-menu-panel {
-  padding: 8px 0;
+.floating-panel {
   z-index: 987;
-  background-color: #fefefe;
-  position: fixed;
-  border-radius: 8px;
-  box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
   overflow: auto;
-  overflow: overlay;
-  max-height: calc(49% - 46px); }
-
-.component-dropdown-menu-panel-fade-enter {
-  opacity: 0;
-  transform: translateY(10px); }
-
-.component-dropdown-menu-panel-fade-enter-active {
-  transition: transform 0.3s ease, opacity 0.3s ease;
-  opacity: 1;
-  transform: translateY(0); }
-
-.component-dropdown-menu-panel-fade-exit {
-  opacity: 1;
-  transform: translateY(0); }
-
-.component-dropdown-menu-panel-fade-exit-active {
-  transition: transform 0.3s ease, opacity 0.3s ease;
-  opacity: 0;
-  transform: translateY(10px); }
+  border-radius: 4px;
+  background-color: #fefefe;
+  box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3); }
 
 :export {
   widthXs: 575.98px;
@@ -3168,42 +3150,11 @@ max-width	100%	540px	720px	960px	1140px
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
-.floating-panel-wrapper {
-  position: absolute;
-  width: 100%;
-  bottom: 0;
-  left: 0;
-  background-color: #ffffff; }
-  .floating-panel-wrapper .floating-panel {
-    position: fixed;
-    z-index: 987;
-    background-color: #fefefe;
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
-    overflow: hidden; }
-    .floating-panel-wrapper .floating-panel.only-top {
-      border-radius: 8px 8px 0 0; }
-    .floating-panel-wrapper .floating-panel.only-bottom {
-      border-radius: 0 0 8px 8px; }
-    .floating-panel-wrapper .floating-panel.all {
-      border-radius: 8px; }
-    .floating-panel-wrapper .floating-panel.shadow {
-      box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3); }
-    .floating-panel-wrapper .floating-panel-enter {
-      transform: translateY(10px);
-      opacity: 0; }
-    .floating-panel-wrapper .floating-panel-enter-active {
-      transition: transform 0.3s ease, opacity 0.3s ease;
-      opacity: 1;
-      transform: translateY(0); }
-    .floating-panel-wrapper .floating-panel-exit {
-      opacity: 1;
-      transform: translateY(0); }
-    .floating-panel-wrapper .floating-panel-exit-active {
-      transition: transform 0.3s ease, opacity 0.3s ease;
-      transform: translateY(10px);
-      opacity: 0; }
+.component-dropdown-menu-panel {
+  padding: 8px 0;
+  width: auto; }
+  .component-dropdown-menu-panel.no-padding {
+    padding: 0; }
 
 :export {
   widthXs: 575.98px;
@@ -3991,25 +3942,30 @@ max-width	100%	540px	720px	960px	1140px
   warningDark: #765f00; }
 
 .full-height-container {
-  position: fixed;
-  height: 100%;
-  width: 100%;
+  position: relative;
+  box-sizing: border-box;
+  height: 100dvh;
+  width: 100vw;
   top: 0;
   left: 0;
   display: flex;
   flex-flow: column; }
   .full-height-container .full-height-container-row-header {
-    flex: 0 1 auto;
-    z-index: +2; }
+    z-index: +2;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: +2;
+    width: 100%; }
   .full-height-container .full-height-container-row-content {
     z-index: +1;
     display: flex;
     flex-flow: column;
     flex: 1 1 auto;
-    overflow-y: auto;
-    overflow-y: overlay;
-    position: relative;
-    padding: 0; }
+    padding: 0;
+    overflow: auto; }
+    .full-height-container .full-height-container-row-content.mobile {
+      overflow: visible; }
     .full-height-container .full-height-container-row-content.vertical-padding {
       padding-top: 12px;
       padding-bottom: 12px; }
@@ -4017,8 +3973,11 @@ max-width	100%	540px	720px	960px	1140px
       padding-left: 12px;
       padding-right: 12px; }
   .full-height-container .full-height-container-row-footer {
-    flex: 0 1 auto;
-    z-index: +2; }
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    z-index: +2;
+    width: 100%; }
 
 :export {
   widthXs: 575.98px;
@@ -4279,7 +4238,9 @@ header.component-header {
   flex-direction: column;
   justify-content: center;
   align-items: stretch;
-  -webkit-appearance: none; }
+  -webkit-appearance: none;
+  -moz-appearance: none;
+       appearance: none; }
   .component-input .component-input-label {
     color: #323c32;
     transition: color 0.3s ease;
@@ -4301,6 +4262,7 @@ header.component-header {
     border-color: #cdd3cd; }
     .component-input .component-input-input-container .component-input-input {
       color: #323c32;
+      caret-color: #33820d;
       border-radius: 0;
       transition: color 0.3s ease, border-color 0.3s ease;
       width: 100%;
@@ -4350,7 +4312,8 @@ header.component-header {
 .component-input.component-input-error .component-input-input-container {
   border-color: #e60000 !important; }
   .component-input.component-input-error .component-input-input-container .component-input-input {
-    color: #e60000 !important; }
+    color: #e60000 !important;
+    caret-color: #e60000; }
 
 .component-input.component-input-error .component-input-helper-text {
   color: #e60000 !important; }
@@ -4402,7 +4365,9 @@ header.component-header {
   .component-input-input:disabled::placeholder {
     color: #828a82 !important; }
 
-.component-input:not(.component-input-error):not(.force-focus):not(.component-input-disabled):not(.component-input-loading) .component-input-input-container:focus-within::before {
+.component-input:not(.component-input-error):not(.force-focus):not(.component-input-disabled):not(
+.component-input-loading
+) .component-input-input-container:focus-within::before {
   opacity: 1;
   visibility: visible;
   content: '';
@@ -4413,7 +4378,9 @@ header.component-header {
   background-color: #33820d;
   animation: inputFocus 0.3s ease forwards; }
 
-.component-input:not(.component-input-error):not(.force-focus):not(.component-input-disabled):not(.component-input-loading) .component-input-input-container:not(:focus-within):not(.force-focus)::before {
+.component-input:not(.component-input-error):not(.force-focus):not(.component-input-disabled):not(
+.component-input-loading
+) .component-input-input-container:not(:focus-within):not(.force-focus)::before {
   opacity: 0;
   content: '';
   height: 2px;
@@ -4682,106 +4649,87 @@ header.component-header {
   warningLight: #ffeb98;
   warningDark: #765f00; }
 
-.component-item-dropdown-download-outer {
-  position: relative;
-  width: 100%; }
-  .component-item-dropdown-download-outer .component-item-dropdown-download {
-    background-color: #fefefe;
-    height: 44px;
-    border-radius: 8px;
+.component-item-dropdown-download {
+  background-color: #fefefe;
+  height: 44px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 8px 16px;
+  width: 100%;
+  cursor: pointer;
+  outline: none;
+  border: none; }
+  .component-item-dropdown-download .component-item-dropdown-download-label {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+    font-size: 16px;
+    font-weight: 600;
+    color: #323c32;
+    max-width: calc(100% - 30px);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: left; }
+  .component-item-dropdown-download .component-item-dropdown-download-arrow {
     display: flex;
     align-items: center;
-    justify-content: space-between;
-    padding: 8px 16px;
+    justify-content: center;
+    color: #3fa110;
+    transition: 0.3s ease;
+    padding: 4px 0 0 0;
+    background-color: rgba(0, 0, 0, 0); }
+    .component-item-dropdown-download .component-item-dropdown-download-arrow.up {
+      transform: rotateZ(180deg); }
+
+.component-item-dropdown-download-panel {
+  width: 100%;
+  padding: 0;
+  z-index: 987; }
+  .component-item-dropdown-download-panel .component-item-dropdown-download-item {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+         appearance: none;
     width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+    transition: background-color 0.3s ease;
     cursor: pointer;
+    padding: 4px 14px;
+    border: none;
     outline: none;
-    border: none; }
-    .component-item-dropdown-download-outer .component-item-dropdown-download .component-item-dropdown-download-label {
-      -webkit-user-select: none;
-         -moz-user-select: none;
-              user-select: none;
-      font-size: 16px;
-      font-weight: 600;
-      color: #323c32;
-      max-width: calc(100% - 30px);
-      overflow: hidden;
-      text-overflow: ellipsis;
-      text-align: left; }
-    .component-item-dropdown-download-outer .component-item-dropdown-download .component-item-dropdown-download-arrow {
+    background-color: #fefefe; }
+    .component-item-dropdown-download-panel .component-item-dropdown-download-item:hover, .component-item-dropdown-download-panel .component-item-dropdown-download-item:focus {
+      background-color: #f8f9f7; }
+    .component-item-dropdown-download-panel .component-item-dropdown-download-item .component-item-dropdown-download-item-label {
+      transform: scale(1);
       display: flex;
       align-items: center;
-      justify-content: center;
+      justify-content: flex-start;
+      transition: transform 0.3s ease;
+      font-size: 16px;
+      padding-bottom: 2px;
+      text-align: left;
+      transform-origin: right center;
+      color: #323c32; }
+    .component-item-dropdown-download-panel .component-item-dropdown-download-item .component-item-dropdown-download-download-icon {
+      transition: transform 0.3s ease;
       color: #3fa110;
-      transition: 0.3s ease;
-      padding: 4px 0 0 0;
-      background-color: rgba(0, 0, 0, 0); }
-      .component-item-dropdown-download-outer .component-item-dropdown-download .component-item-dropdown-download-arrow.up {
-        transform: rotateZ(180deg); }
-  .component-item-dropdown-download-outer .component-item-dropdown-download-panel {
-    width: 100%;
-    box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
-    border-radius: 8px;
-    padding: 8px 0;
-    margin-top: 6px;
-    background-color: #fefefe;
-    position: absolute;
-    z-index: 987; }
-    .component-item-dropdown-download-outer .component-item-dropdown-download-panel .component-item-dropdown-download-item {
-      -webkit-appearance: none;
-      width: 100%;
       display: flex;
       align-items: center;
-      justify-content: space-between;
-      -webkit-user-select: none;
-         -moz-user-select: none;
-              user-select: none;
-      transition: background-color 0.3s ease;
-      cursor: pointer;
-      padding: 4px 14px;
-      border: none;
-      outline: none;
-      background-color: #fefefe; }
-      .component-item-dropdown-download-outer .component-item-dropdown-download-panel .component-item-dropdown-download-item:hover, .component-item-dropdown-download-outer .component-item-dropdown-download-panel .component-item-dropdown-download-item:focus {
-        background-color: #f8f9f7; }
-      .component-item-dropdown-download-outer .component-item-dropdown-download-panel .component-item-dropdown-download-item .component-item-dropdown-download-item-label {
-        transform: scale(1);
-        display: flex;
-        align-items: center;
-        justify-content: flex-start;
-        transition: transform 0.3s ease;
-        font-size: 16px;
-        padding-bottom: 2px;
-        text-align: left;
-        transform-origin: right center;
-        color: #323c32; }
-      .component-item-dropdown-download-outer .component-item-dropdown-download-panel .component-item-dropdown-download-item .component-item-dropdown-download-download-icon {
-        transition: transform 0.3s ease;
-        color: #3fa110;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        transform-origin: left center; }
-        .component-item-dropdown-download-outer .component-item-dropdown-download-panel .component-item-dropdown-download-item .component-item-dropdown-download-download-icon svg {
-          width: 24px;
-          height: 24px; }
-      .component-item-dropdown-download-outer .component-item-dropdown-download-panel .component-item-dropdown-download-item:active .component-item-dropdown-download-download-icon,
-      .component-item-dropdown-download-outer .component-item-dropdown-download-panel .component-item-dropdown-download-item:active .component-item-dropdown-download-item-label {
-        transform: scale(0.9); }
-    .component-item-dropdown-download-outer .component-item-dropdown-download-panel.panel-fade-enter {
-      transform: translateY(10px);
-      opacity: 0; }
-    .component-item-dropdown-download-outer .component-item-dropdown-download-panel.panel-fade-enter-active {
-      transition: transform 0.3s ease, opacity 0.3s ease;
-      opacity: 1;
-      transform: translateY(0); }
-    .component-item-dropdown-download-outer .component-item-dropdown-download-panel.panel-fade-exit {
-      opacity: 1;
-      transform: translateY(0); }
-    .component-item-dropdown-download-outer .component-item-dropdown-download-panel.panel-fade-exit-active {
-      transition: transform 0.3s ease, opacity 0.3s ease;
-      transform: translateY(10px);
-      opacity: 0; }
+      justify-content: center;
+      transform-origin: left center; }
+      .component-item-dropdown-download-panel .component-item-dropdown-download-item .component-item-dropdown-download-download-icon svg {
+        width: 24px;
+        height: 24px; }
+    .component-item-dropdown-download-panel .component-item-dropdown-download-item:active .component-item-dropdown-download-download-icon,
+    .component-item-dropdown-download-panel .component-item-dropdown-download-item:active .component-item-dropdown-download-item-label {
+      transform: scale(0.9); }
 
 :export {
   widthXs: 575.98px;
@@ -6187,28 +6135,26 @@ h5 {
       transform: rotateZ(180deg); }
 
 .component-select-panel {
-  z-index: 987;
   background-color: #fefefe;
-  position: fixed;
-  box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
-  border-radius: 0 0 8px 8px;
   -webkit-user-select: none;
      -moz-user-select: none;
-          user-select: none; }
+          user-select: none;
+  overflow: visible;
+  height: -moz-fit-content;
+  height: fit-content; }
   .component-select-panel .component-select-panel-input {
     margin-bottom: 6px;
     padding: 0 16px;
     margin-top: 16px; }
   .component-select-panel .component-select-options {
     overflow-y: auto;
-    overflow-y: overlay;
-    max-height: 140px; }
+    max-height: calc(100% - 48px - 40px); }
     .component-select-panel .component-select-options:last-child .component-select-single-option,
     .component-select-panel .component-select-options:last-child .component-select-multiple-option {
       color: #323c32; }
       .component-select-panel .component-select-options:last-child .component-select-single-option:last-child,
       .component-select-panel .component-select-options:last-child .component-select-multiple-option:last-child {
-        border-radius: 0 0 8px 8px; }
+        border-radius: 0 0 4px 4px; }
     .component-select-panel .component-select-options .component-select-single-option {
       min-height: 40px;
       width: 100%;
@@ -6268,9 +6214,9 @@ h5 {
     .component-select-panel .component-select-panel-footer .component-select-footer-button {
       max-width: 50%;
       font-weight: 700;
-      font-size: 16px;
+      font-size: 14px;
       color: #3fa110;
-      padding: 0 8px 4px; }
+      padding: 4px 8px; }
       .component-select-panel .component-select-panel-footer .component-select-footer-button > div {
         text-overflow: ellipsis;
         overflow: hidden; }
@@ -6288,20 +6234,6 @@ h5 {
     display: flex;
     align-items: center;
     justify-content: flex-start; }
-  .component-select-panel.panel-fade-enter {
-    transform: translateY(10px);
-    opacity: 0; }
-  .component-select-panel.panel-fade-enter-active {
-    transition: transform 0.3s ease, opacity 0.3s ease;
-    opacity: 1;
-    transform: translateY(0); }
-  .component-select-panel.panel-fade-exit {
-    opacity: 1;
-    transform: translateY(0); }
-  .component-select-panel.panel-fade-exit-active {
-    transition: transform 0.3s ease, opacity 0.3s ease;
-    transform: translateY(10px);
-    opacity: 0; }
 
 :export {
   widthXs: 575.98px;
@@ -8693,6 +8625,113 @@ nav.component-tabs {
       width: 20px;
       height: 20px; }
 
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+.component-notification-panel {
+  overflow: hidden;
+  z-index: 987;
+  background-color: #fefefe;
+  border-radius: 8px;
+  box-shadow: 0 1px 2px 0 rgba(90, 100, 90, 0.3);
+  max-width: calc(100vw - 10px); }
+  .component-notification-panel-header {
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+    display: flex;
+    align-items: center;
+    background-color: #fafafa;
+    border-bottom: 1px solid #cdd3cd;
+    padding: 16px;
+    gap: 8px; }
+    .component-notification-panel-header svg {
+      font-size: 1rem; }
+    .component-notification-panel-header-icon {
+      color: #3fa110; }
+    .component-notification-panel-header-title {
+      flex: 1 1 auto;
+      line-height: 24px;
+      font-size: 16px;
+      font-family: "Exo 2", sans-serif;
+      font-weight: 300; }
+  .component-notification-panel-body {
+    overflow: auto; }
+    .component-notification-panel-body .component-notification-panel-noti {
+      display: flex;
+      align-items: center;
+      padding: 16px;
+      cursor: pointer;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+              user-select: none;
+      gap: 8px; }
+      .component-notification-panel-body .component-notification-panel-noti:not(:only-child):not(:last-child) {
+        border-bottom: 1px solid #cdd3cd; }
+      .component-notification-panel-body .component-notification-panel-noti-head {
+        display: flex;
+        align-items: center;
+        gap: 10px; }
+      .component-notification-panel-body .component-notification-panel-noti-alert {
+        display: block;
+        background-color: #e60050;
+        width: 8px;
+        height: 8px;
+        border-radius: 20px; }
+      .component-notification-panel-body .component-notification-panel-noti-title {
+        font-family: "Nunito", sans-serif;
+        font-size: 16px;
+        font-weight: 700;
+        line-height: 24px;
+        text-align: left;
+        color: #3fa110; }
+      .component-notification-panel-body .component-notification-panel-noti-text {
+        margin-top: 4px;
+        max-width: 300px;
+        color: #323c32;
+        font-family: "Nunito", sans-serif;
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 18px;
+        text-align: left; }
+      .component-notification-panel-body .component-notification-panel-noti-date {
+        font-family: "Nunito", sans-serif;
+        font-size: 10px;
+        font-weight: 700;
+        line-height: 24px;
+        text-align: left;
+        color: #5a645a; }
+      .component-notification-panel-body .component-notification-panel-noti-right svg {
+        color: #3fa110; }
+  .component-notification-panel-footer {
+    padding: 16px;
+    background-color: #fafafa;
+    border-top: 1px solid #cdd3cd; }
+
 :export {
   widthXs: 575.98px;
   widthSm: 767.98px;
@@ -8825,7 +8864,9 @@ nav.component-tabs {
   line-height: 24px;
   border-radius: 8px; }
   .tooltip-element-tooltip .tooltip-element-label {
-    max-width: 300px; }
+    max-width: 300px;
+    font-family: "Nunito", sans-serif;
+    color: #fefefe; }
 
 .tooltip-element-reference {
   display: flex;

package/dist/index.d.ts

@@ -170,8 +170,11 @@ import Tooltip from './components/tooltip/Tooltip';
 import TooltipManager from './components/tooltipManager/TooltipManager';
 import TopLoader from './components/topLoader/TopLoader';
 import VideoModal from './components/videoModal/VideoModal';
+import { Bell16Icon } from './assets/icons/Bell16Icon';
+import { BellIcon } from './assets/icons/BellIcon';
 import { MiniInformationIcon } from './assets/icons/MiniInformationIcon';
 import { PhonePlusIcon } from './assets/icons/PhonePlusIcon';
+import { Settings16Icon } from './assets/icons/Settings16Icon';
 import Calendar from './components/calendar/Calendar';
 import CalendarEvent from './components/calendarEvent/CalendarEvent';
 import Chip from './components/chip/Chip';
@@ -179,6 +182,7 @@ import FloatingPanel from './components/floatingPanel/FloatingPanel';
 import FormattedText from './components/formattedText/FormattedText';
 import HourEvents from './components/hourEvents/HourEvents';
 import InlineMonthPicker from './components/inlineMonthPicker/InlineMonthPicker';
+import NotificationPanel from './components/notificationPanel/NotificationPanel';
 import QRCode from './components/qrcode/QRCode';
 import ScrollArrowOverflow from './components/scrollArrowOverflow/ScrollArrowOverflow';
 import { LeftControlWithLabel } from './components/table/components/leftControlWithLabel/LeftControlWithLabel';
@@ -190,6 +194,8 @@ import useCarouselBehaviour from './hooks/useCarouselBehaviour/useCarouselBehavi
 import useControlledTimer from './hooks/useControlledTimer/useControlledTimer';
 import useDraggableContainer from './hooks/useDraggableContainer/useDraggableContainer';
 import useDropOpened from './hooks/useDropOpened/useDropOpened';
+import useEvent from './hooks/useEvent/useEvent';
+import useFloatingPanel from './hooks/useFloatingPanel/useFloatingPanel';
 import useHTMLShare from './hooks/useHTMLShare/useHTMLShare';
 import useModalManager from './hooks/useModalManager/useModalManager';
 import useOutsideClick from './hooks/useOutsideClick/useOutsideClick';
@@ -199,6 +205,7 @@ import usePublicMenuList from './hooks/usePublicMenuList/usePublicMenuList';
 import useScreenSize from './hooks/useScreenSize/useScreenSize';
 import useScrollTo from './hooks/useScrollTo/useScrollTo';
 import useStorageState from './hooks/useStorageState/useStorageState';
+import useSystemInfo from './hooks/useSystemInfo/useSystemInfo';
 import useTimeElapsed from './hooks/useTimeElapsed/useTimeElapsed';
 import useToastManager from './hooks/useToastManager/useToastManager';
 import useValidatedState from './hooks/useValidatedState/useValidatedState';
@@ -220,6 +227,7 @@ export * from './libraries/Pautas';
 export * from './libraries/RadioButtonTheme';
 export * from './libraries/ScreenSizes';
 export * from './libraries/SicrediLogoThemes';
+export * from './libraries/System';
 export * from './libraries/Toast';
 export * from './libraries/Tooltips';
 export * from './models/menus';
@@ -228,10 +236,10 @@ export { Accordion, ActionCard, ActionsColumn, AnimatedLink, Banner, BigBlockBut
 /**
  * @deprecated Use LeftControlWithLabel instead
  */
-LeftControlWithLabel as LeftCheckboxWithLabel, LeftControlWithLabel, Menu, MenuItem, Modal, ModalManager, MoneyByMonth, MoneyMonthLineChart, Notification, PageSubTitle, PageTitle, Pagination, Paginator, PreviaVideo, QRCode, RadioButton, Row, ScrollArrowOverflow, Search, Select, Switch, Table, TableActions, TableFileNameAndAction, TableWithOverflow, Tabs, TextEditor, Title, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, TypedTable, VideoModal, VideoPlayer, };
-export { useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useHTMLShare, useModalManager, useOutsideClick, usePagination, useProgressiveCount, usePublicMenuList, useScreenSize, useScrollTo, useStorageState, useTimeElapsed, useToastManager, useValidatedState, };
+LeftControlWithLabel as LeftCheckboxWithLabel, LeftControlWithLabel, Menu, MenuItem, Modal, ModalManager, MoneyByMonth, MoneyMonthLineChart, Notification, NotificationPanel, PageSubTitle, PageTitle, Pagination, Paginator, PreviaVideo, QRCode, RadioButton, Row, ScrollArrowOverflow, Search, Select, Switch, Table, TableActions, TableFileNameAndAction, TableWithOverflow, Tabs, TextEditor, Title, Toast, ToastManager, Tooltip, TooltipManager, TopLoader, TypedTable, VideoModal, VideoPlayer, };
+export { useCallbackedState, useCarouselBehaviour, useControlledTimer, useDraggableContainer, useDropOpened, useEvent, useFloatingPanel, useHTMLShare, useModalManager, useOutsideClick, usePagination, useProgressiveCount, usePublicMenuList, useScreenSize, useScrollTo, useStorageState, useSystemInfo, useTimeElapsed, useToastManager, useValidatedState, };
 export { ATMIcon, AconteceuIcon, AddAssemblyIcon, 
 /**
  * @deprecated Use AddIcon instead
  */
-AddIcon as AddCircleIcon, AddIcon, AgencyIcon, AlertIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, BackOfficeIcon, BarChartIcon, BeeIcon, BigPlayIcon, BoldIcon, CalendarCheckIcon, CalendarIcon, CardsIcon, CataventoVerde, CheckCircleIcon, CheckIcon, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, ComitesIcon, ComunidadeIcon, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DevicePlusIcon, DownloadIcon, DraggableIcon, EditIcon, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FilePlusIcon, FilesIcon, FilterIcon, FontColorIcon, FontIcon, FormacaoIcon, FundacaoLogo, FundoSocialIcon, GlobeIcon, GraduationIcon, HamburgerIcon, HandUpIcon, HomeIcon, InformationIcon, InvestimentIcon, ItalicIcon, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, MessageIcon, MiniInformationIcon, MoneyFileIcon, NavigatorWithMouse, NotebookIcon, OptionsIcon, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PrintIcon, QRCodeIcon, QRCodeWhatsapp, RedoIcon, RefreshIcon, SearchIcon, SettingsIcon, SicrediLogo, SquaresIcon, SustentabilidadeIcon, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, TooltipElement, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, Typography, UnderlineIcon, UndoIcon, UserIcon, WebsiteIcon, };
+AddIcon as AddCircleIcon, AddIcon, AgencyIcon, AlertIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, ArrowLeftIcon, ArrowRightIcon, AssembleiasIcon, BackOfficeIcon, BarChartIcon, BeeIcon, Bell16Icon, BellIcon, BigPlayIcon, BoldIcon, CalendarCheckIcon, CalendarIcon, CardsIcon, CataventoVerde, CheckCircleIcon, CheckIcon, ChequeIcon, ChevronArrowDownIcon, ChevronArrowLeftIcon, ChevronArrowRightIcon, Chip, CircleArrowLeft, CircleArrowRight, ClockIcon, CloseIcon, CloudDownloadIcon, CloudUploadIcon, ComitesIcon, ComunidadeIcon, CopyIcon, CreditIcon, CrescerIcon, CrescerLogo, DevicePlusIcon, DownloadIcon, DraggableIcon, EditIcon, EvidenciasIcon, ExclamationIcon, ExitIconArrowLeft, ExitIconArrowRight, EyeIcon, FilePlusIcon, FilesIcon, FilterIcon, FontColorIcon, FontIcon, FormacaoIcon, FundacaoLogo, FundoSocialIcon, GlobeIcon, GraduationIcon, HamburgerIcon, HandUpIcon, HomeIcon, InformationIcon, InvestimentIcon, ItalicIcon, LinkIcon, LinksUteisIcon, ListDotIcon, ListIcon, LoaderIcon, LocalIcon, LockIcon, MessageIcon, MiniInformationIcon, MoneyFileIcon, NavigatorWithMouse, NotebookIcon, OptionsIcon, ParticipantesIcon, PaymentIcon, PercentLoaderIcon, PhonePlusIcon, PieChartIcon, PlayIcon, PrintIcon, QRCodeIcon, QRCodeWhatsapp, RedoIcon, RefreshIcon, SearchIcon, Settings16Icon, SettingsIcon, SicrediLogo, SquaresIcon, SustentabilidadeIcon, ThreeDotsLoader, ThumbsUpIcon, TimesCircleIcon, TooltipElement, TransferenciaIcon, TrashIcon, TrianguloInferior, TwoFileIcon, Typography, UnderlineIcon, UndoIcon, UserIcon, WebsiteIcon, };