analytica-frontend-lib 1.2.25 → 1.2.29

package/dist/hooks/useScreen.d.ts

@@ -0,0 +1,38 @@
+type ScreenSize = {
+    width: number;
+    height: number;
+};
+type UseScreenSizeOptions = {
+    width?: boolean;
+    height?: boolean;
+};
+type UseScreenSizeReturn = {
+    width?: number;
+    height?: number;
+    screenSize: ScreenSize;
+};
+/**
+ * Hook para capturar o tamanho da tela do usuário
+ * @param options - Opções para escolher quais dimensões capturar
+ * @returns Objeto com as dimensões solicitadas e o tamanho completo da tela
+ */
+export declare const useScreenSize: (options?: UseScreenSizeOptions) => UseScreenSizeReturn;
+/**
+ * Hook para capturar apenas a largura da tela
+ */
+export declare const useScreenWidth: () => number;
+/**
+ * Hook para capturar apenas a altura da tela
+ */
+export declare const useScreenHeight: () => number;
+/**
+ * Hook para capturar o tamanho completo da tela
+ */
+export declare const useFullScreenSize: () => ScreenSize;
+/**
+ * Hook to detect screen size
+ * @returns true if the screen is mobile, false otherwise
+ */
+export declare const useMobile: () => boolean;
+export {};
+//# sourceMappingURL=useScreen.d.ts.map

package/dist/hooks/useScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreen.d.ts","sourceRoot":"","sources":["../../src/hooks/useScreen.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,UAAU,CAAC;CACxB,CAAC;AAKF;;;;GAIG;AACH,eAAO,MAAM,aAAa,GACxB,UAAS,oBAAyB,KACjC,mBAqCF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,QAAO,MAGjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,QAAO,MAGlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,QAAO,UAGpC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,eAgBrB,CAAC"}

package/dist/hooks/useTheme/index.d.ts

@@ -1,17 +1,14 @@
-import { T as ThemeMode } from '../../themeStore-P2X64zC-.js';
-import 'zustand/middleware';
-import 'zustand';
-
+import { ThemeMode } from '../store/themeStore';
+export type { ThemeMode };
 /**
  * Hook para gerenciar temas com suporte a alternância manual e detecção automática do sistema
  * Este hook permite alternar entre temas light, dark e automático baseado nas preferências do sistema
  * Utiliza Zustand para persistir o estado entre múltiplos arquivos e sessões
  */
-declare const useTheme: () => {
+export declare const useTheme: () => {
     themeMode: ThemeMode;
     isDark: boolean;
     toggleTheme: () => void;
     setTheme: (mode: ThemeMode) => void;
 };
-
-export { ThemeMode, useTheme };
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/hooks/useTheme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAE/D,YAAY,EAAE,SAAS,EAAE,CAAC;AAE1B;;;;GAIG;AACH,eAAO,MAAM,QAAQ;;;;;CA8BpB,CAAC"}

package/dist/index.css

@@ -22,7 +22,9 @@
       "Liberation Mono",
       "Courier New",
       monospace;
+    --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
@@ -32,6 +34,7 @@
     --color-orange-700: oklch(55.3% 0.195 38.402);
     --color-orange-900: oklch(40.8% 0.123 38.172);
     --color-amber-500: oklch(76.9% 0.188 70.08);
+    --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
     --color-yellow-500: oklch(79.5% 0.184 86.047);
@@ -604,6 +607,9 @@
   .z-\[9999\] {
     z-index: 9999;
   }
+  .float-end {
+    float: inline-end;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -655,6 +661,9 @@
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
+  .my-6 {
+    margin-block: calc(var(--spacing) * 6);
+  }
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
@@ -679,9 +688,15 @@
   .mt-8 {
     margin-top: calc(var(--spacing) * 8);
   }
+  .mt-10 {
+    margin-top: calc(var(--spacing) * 10);
+  }
   .mt-12 {
     margin-top: calc(var(--spacing) * 12);
   }
+  .mt-48 {
+    margin-top: calc(var(--spacing) * 48);
+  }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
@@ -709,6 +724,9 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
@@ -893,6 +911,9 @@
   .h-\[27px\] {
     height: 27px;
   }
+  .h-\[30px\] {
+    height: 30px;
+  }
   .h-\[35px\] {
     height: 35px;
   }
@@ -914,6 +935,9 @@
   .h-\[90px\] {
     height: 90px;
   }
+  .h-\[120px\] {
+    height: 120px;
+  }
   .h-\[122px\] {
     height: 122px;
   }
@@ -1112,6 +1136,9 @@
   .w-\[21px\] {
     width: 21px;
   }
+  .w-\[30px\] {
+    width: 30px;
+  }
   .w-\[58px\] {
     width: 58px;
   }
@@ -1206,6 +1233,12 @@
   .max-w-\[140px\] {
     max-width: 140px;
   }
+  .max-w-\[150px\] {
+    max-width: 150px;
+  }
+  .max-w-\[200px\] {
+    max-width: 200px;
+  }
   .max-w-\[262px\] {
     max-width: 262px;
   }
@@ -1269,6 +1302,9 @@
   .max-w-\[1000px\] {
     max-width: 1000px;
   }
+  .max-w-\[1150px\] {
+    max-width: 1150px;
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -1336,6 +1372,9 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-1\/2 {
+    flex: calc(1/2 * 100%);
+  }
   .flex-none {
     flex: none;
   }
@@ -1463,6 +1502,9 @@
   .grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+  .grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
@@ -1472,6 +1514,9 @@
   .flex-col {
     flex-direction: column;
   }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
   .flex-row {
     flex-direction: row;
   }
@@ -1629,6 +1674,16 @@
       margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .space-x-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .self-start {
+    align-self: flex-start;
+  }
   .self-stretch {
     align-self: stretch;
   }
@@ -1664,6 +1719,9 @@
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
   .rounded-3xl {
     border-radius: var(--radius-3xl);
   }
@@ -1992,6 +2050,9 @@
   .border-purple-500 {
     border-color: var(--color-purple-500);
   }
+  .border-red-400 {
+    border-color: var(--color-red-400);
+  }
   .border-red-700 {
     border-color: var(--color-red-700);
   }
@@ -2574,6 +2635,9 @@
   .bg-purple-600 {
     background-color: var(--color-purple-600);
   }
+  .bg-red-50 {
+    background-color: var(--color-red-50);
+  }
   .bg-red-100 {
     background-color: var(--color-red-100);
   }
@@ -2832,6 +2896,9 @@
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-yellow-50 {
+    background-color: var(--color-yellow-50);
+  }
   .bg-yellow-100 {
     background-color: var(--color-yellow-100);
   }
@@ -2981,6 +3048,9 @@
   .px-12 {
     padding-inline: calc(var(--spacing) * 12);
   }
+  .px-17 {
+    padding-inline: calc(var(--spacing) * 17);
+  }
   .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }
@@ -3035,6 +3105,9 @@
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
+  .pr-2 {
+    padding-right: calc(var(--spacing) * 2);
+  }
   .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }
@@ -3212,6 +3285,10 @@
     --tw-leading: 27px;
     line-height: 27px;
   }
+  .leading-\[28px\] {
+    --tw-leading: 28px;
+    line-height: 28px;
+  }
   .leading-\[35px\] {
     --tw-leading: 35px;
     line-height: 35px;
@@ -3578,6 +3655,9 @@
   .text-red-600 {
     color: var(--color-red-600);
   }
+  .text-red-700 {
+    color: var(--color-red-700);
+  }
   .text-red-800 {
     color: var(--color-red-800);
   }
@@ -3824,6 +3904,9 @@
   .line-through {
     text-decoration-line: line-through;
   }
+  .underline {
+    text-decoration-line: underline;
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -4097,6 +4180,11 @@
       border-radius: var(--radius-xl);
     }
   }
+  .not-sm\:px-5 {
+    @media not (width >= 40rem) {
+      padding-inline: calc(var(--spacing) * 5);
+    }
+  }
   .not-lg\:h-\[calc\(100vh-200px\)\] {
     @media not (width >= 64rem) {
       height: calc(100vh - 200px);
@@ -4107,6 +4195,11 @@
       max-width: calc(100vw - 32px);
     }
   }
+  .not-lg\:gap-4 {
+    @media not (width >= 64rem) {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
   .not-lg\:px-6 {
     @media not (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 6);
@@ -4143,6 +4236,14 @@
       }
     }
   }
+  .placeholder\:text-text-400 {
+    &::-moz-placeholder {
+      color: var(--color-text-400);
+    }
+    &::placeholder {
+      color: var(--color-text-400);
+    }
+  }
   .placeholder\:text-text-600 {
     &::-moz-placeholder {
       color: var(--color-text-600);
@@ -9844,6 +9945,11 @@
       flex: none;
     }
   }
+  .sm\:flex-shrink-0 {
+    @media (width >= 40rem) {
+      flex-shrink: 0;
+    }
+  }
   .sm\:shrink-0 {
     @media (width >= 40rem) {
       flex-shrink: 0;
@@ -11906,6 +12012,12 @@
       text-align: left;
     }
   }
+  .sm\:text-2xl {
+    @media (width >= 40rem) {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
+    }
+  }
   .sm\:text-sm {
     @media (width >= 40rem) {
       font-size: var(--text-sm);