karsten-design-system 1.0.14 → 1.0.15

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 (272) hide show
  1. package/README.md +207 -207
  2. package/dist/.storybook/index.css.js +1 -1
  3. package/dist/.storybook/index.css.js.map +0 -0
  4. package/dist/_virtual/jsx-runtime.js +0 -0
  5. package/dist/_virtual/jsx-runtime.js.map +0 -0
  6. package/dist/_virtual/jsx-runtime2.js +0 -0
  7. package/dist/_virtual/jsx-runtime2.js.map +0 -0
  8. package/dist/_virtual/react-jsx-runtime.development.js +0 -0
  9. package/dist/_virtual/react-jsx-runtime.development.js.map +0 -0
  10. package/dist/_virtual/react-jsx-runtime.production.js +4 -0
  11. package/dist/_virtual/react-jsx-runtime.production.js.map +1 -0
  12. package/dist/_virtual/react-jsx-runtime.production.min.js +0 -0
  13. package/dist/_virtual/react-jsx-runtime.production.min.js.map +0 -0
  14. package/dist/assets/icons/bell.js +0 -0
  15. package/dist/assets/icons/bell.js.map +0 -0
  16. package/dist/assets/icons/circleCheck.js +0 -0
  17. package/dist/assets/icons/circleCheck.js.map +0 -0
  18. package/dist/assets/icons/close.js +0 -0
  19. package/dist/assets/icons/close.js.map +0 -0
  20. package/dist/assets/icons/dashboard.js +0 -0
  21. package/dist/assets/icons/dashboard.js.map +0 -0
  22. package/dist/assets/icons/error.js +0 -0
  23. package/dist/assets/icons/error.js.map +0 -0
  24. package/dist/assets/icons/filter.js +0 -0
  25. package/dist/assets/icons/filter.js.map +0 -0
  26. package/dist/assets/icons/home.js +0 -0
  27. package/dist/assets/icons/home.js.map +0 -0
  28. package/dist/assets/icons/info.js +0 -0
  29. package/dist/assets/icons/info.js.map +0 -0
  30. package/dist/assets/icons/menu.js +0 -0
  31. package/dist/assets/icons/menu.js.map +0 -0
  32. package/dist/assets/icons/success.js +0 -0
  33. package/dist/assets/icons/success.js.map +0 -0
  34. package/dist/assets/icons/text.js +0 -0
  35. package/dist/assets/icons/text.js.map +0 -0
  36. package/dist/assets/icons/trash.js +0 -0
  37. package/dist/assets/icons/trash.js.map +0 -0
  38. package/dist/assets/logoSmall.js +0 -0
  39. package/dist/assets/logoSmall.js.map +0 -0
  40. package/dist/index.js +0 -0
  41. package/dist/index.js.map +0 -0
  42. package/dist/node_modules/date-fns/_lib/addLeadingZeros.js +0 -0
  43. package/dist/node_modules/date-fns/_lib/addLeadingZeros.js.map +0 -0
  44. package/dist/node_modules/date-fns/_lib/defaultOptions.js +0 -0
  45. package/dist/node_modules/date-fns/_lib/defaultOptions.js.map +0 -0
  46. package/dist/node_modules/date-fns/_lib/format/formatters.js +0 -0
  47. package/dist/node_modules/date-fns/_lib/format/formatters.js.map +0 -0
  48. package/dist/node_modules/date-fns/_lib/format/lightFormatters.js +0 -0
  49. package/dist/node_modules/date-fns/_lib/format/lightFormatters.js.map +0 -0
  50. package/dist/node_modules/date-fns/_lib/format/longFormatters.js +0 -0
  51. package/dist/node_modules/date-fns/_lib/format/longFormatters.js.map +0 -0
  52. package/dist/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js +0 -0
  53. package/dist/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js.map +0 -0
  54. package/dist/node_modules/date-fns/_lib/normalizeDates.js +0 -0
  55. package/dist/node_modules/date-fns/_lib/normalizeDates.js.map +0 -0
  56. package/dist/node_modules/date-fns/_lib/protectedTokens.js +0 -0
  57. package/dist/node_modules/date-fns/_lib/protectedTokens.js.map +0 -0
  58. package/dist/node_modules/date-fns/constants.js +0 -0
  59. package/dist/node_modules/date-fns/constants.js.map +0 -0
  60. package/dist/node_modules/date-fns/constructFrom.js +0 -0
  61. package/dist/node_modules/date-fns/constructFrom.js.map +0 -0
  62. package/dist/node_modules/date-fns/differenceInCalendarDays.js +0 -0
  63. package/dist/node_modules/date-fns/differenceInCalendarDays.js.map +0 -0
  64. package/dist/node_modules/date-fns/format.js +0 -0
  65. package/dist/node_modules/date-fns/format.js.map +0 -0
  66. package/dist/node_modules/date-fns/getDayOfYear.js +0 -0
  67. package/dist/node_modules/date-fns/getDayOfYear.js.map +0 -0
  68. package/dist/node_modules/date-fns/getISOWeek.js +0 -0
  69. package/dist/node_modules/date-fns/getISOWeek.js.map +0 -0
  70. package/dist/node_modules/date-fns/getISOWeekYear.js +0 -0
  71. package/dist/node_modules/date-fns/getISOWeekYear.js.map +0 -0
  72. package/dist/node_modules/date-fns/getWeek.js +0 -0
  73. package/dist/node_modules/date-fns/getWeek.js.map +0 -0
  74. package/dist/node_modules/date-fns/getWeekYear.js +0 -0
  75. package/dist/node_modules/date-fns/getWeekYear.js.map +0 -0
  76. package/dist/node_modules/date-fns/isDate.js +0 -0
  77. package/dist/node_modules/date-fns/isDate.js.map +0 -0
  78. package/dist/node_modules/date-fns/isValid.js +0 -0
  79. package/dist/node_modules/date-fns/isValid.js.map +0 -0
  80. package/dist/node_modules/date-fns/locale/_lib/buildFormatLongFn.js +0 -0
  81. package/dist/node_modules/date-fns/locale/_lib/buildFormatLongFn.js.map +0 -0
  82. package/dist/node_modules/date-fns/locale/_lib/buildLocalizeFn.js +0 -0
  83. package/dist/node_modules/date-fns/locale/_lib/buildLocalizeFn.js.map +0 -0
  84. package/dist/node_modules/date-fns/locale/_lib/buildMatchFn.js +0 -0
  85. package/dist/node_modules/date-fns/locale/_lib/buildMatchFn.js.map +0 -0
  86. package/dist/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js +0 -0
  87. package/dist/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js.map +0 -0
  88. package/dist/node_modules/date-fns/locale/en-US/_lib/formatDistance.js +0 -0
  89. package/dist/node_modules/date-fns/locale/en-US/_lib/formatDistance.js.map +0 -0
  90. package/dist/node_modules/date-fns/locale/en-US/_lib/formatLong.js +0 -0
  91. package/dist/node_modules/date-fns/locale/en-US/_lib/formatLong.js.map +0 -0
  92. package/dist/node_modules/date-fns/locale/en-US/_lib/formatRelative.js +0 -0
  93. package/dist/node_modules/date-fns/locale/en-US/_lib/formatRelative.js.map +0 -0
  94. package/dist/node_modules/date-fns/locale/en-US/_lib/localize.js +0 -0
  95. package/dist/node_modules/date-fns/locale/en-US/_lib/localize.js.map +0 -0
  96. package/dist/node_modules/date-fns/locale/en-US/_lib/match.js +0 -0
  97. package/dist/node_modules/date-fns/locale/en-US/_lib/match.js.map +0 -0
  98. package/dist/node_modules/date-fns/locale/en-US.js +0 -0
  99. package/dist/node_modules/date-fns/locale/en-US.js.map +0 -0
  100. package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatDistance.js +0 -0
  101. package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatDistance.js.map +0 -0
  102. package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatLong.js +0 -0
  103. package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatLong.js.map +0 -0
  104. package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatRelative.js +0 -0
  105. package/dist/node_modules/date-fns/locale/pt-BR/_lib/formatRelative.js.map +0 -0
  106. package/dist/node_modules/date-fns/locale/pt-BR/_lib/localize.js +0 -0
  107. package/dist/node_modules/date-fns/locale/pt-BR/_lib/localize.js.map +0 -0
  108. package/dist/node_modules/date-fns/locale/pt-BR/_lib/match.js +0 -0
  109. package/dist/node_modules/date-fns/locale/pt-BR/_lib/match.js.map +0 -0
  110. package/dist/node_modules/date-fns/locale/pt-BR.js +0 -0
  111. package/dist/node_modules/date-fns/locale/pt-BR.js.map +0 -0
  112. package/dist/node_modules/date-fns/startOfDay.js +0 -0
  113. package/dist/node_modules/date-fns/startOfDay.js.map +0 -0
  114. package/dist/node_modules/date-fns/startOfISOWeek.js +0 -0
  115. package/dist/node_modules/date-fns/startOfISOWeek.js.map +0 -0
  116. package/dist/node_modules/date-fns/startOfISOWeekYear.js +0 -0
  117. package/dist/node_modules/date-fns/startOfISOWeekYear.js.map +0 -0
  118. package/dist/node_modules/date-fns/startOfWeek.js +0 -0
  119. package/dist/node_modules/date-fns/startOfWeek.js.map +0 -0
  120. package/dist/node_modules/date-fns/startOfWeekYear.js +0 -0
  121. package/dist/node_modules/date-fns/startOfWeekYear.js.map +0 -0
  122. package/dist/node_modules/date-fns/startOfYear.js +0 -0
  123. package/dist/node_modules/date-fns/startOfYear.js.map +0 -0
  124. package/dist/node_modules/date-fns/toDate.js +0 -0
  125. package/dist/node_modules/date-fns/toDate.js.map +0 -0
  126. package/dist/node_modules/react/cjs/react-jsx-runtime.development.js +0 -0
  127. package/dist/node_modules/react/cjs/react-jsx-runtime.development.js.map +0 -0
  128. package/dist/node_modules/react/cjs/react-jsx-runtime.production.js +45 -0
  129. package/dist/node_modules/react/cjs/react-jsx-runtime.production.js.map +1 -0
  130. package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.js +0 -0
  131. package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.js.map +0 -0
  132. package/dist/node_modules/react/jsx-runtime.js +0 -0
  133. package/dist/node_modules/react/jsx-runtime.js.map +0 -0
  134. package/dist/node_modules/style-inject/dist/style-inject.es.js +0 -0
  135. package/dist/node_modules/style-inject/dist/style-inject.es.js.map +0 -0
  136. package/dist/stories/components/accordion.js +0 -0
  137. package/dist/stories/components/accordion.js.map +0 -0
  138. package/dist/stories/components/autoComplete.js +0 -0
  139. package/dist/stories/components/autoComplete.js.map +0 -0
  140. package/dist/stories/components/breadcrumb.js +0 -0
  141. package/dist/stories/components/breadcrumb.js.map +0 -0
  142. package/dist/stories/components/button.js +0 -0
  143. package/dist/stories/components/button.js.map +0 -0
  144. package/dist/stories/components/card.js +0 -0
  145. package/dist/stories/components/card.js.map +0 -0
  146. package/dist/stories/components/chart.js +0 -0
  147. package/dist/stories/components/chart.js.map +0 -0
  148. package/dist/stories/components/dialog.js +0 -0
  149. package/dist/stories/components/dialog.js.map +0 -0
  150. package/dist/stories/components/divider.js +0 -0
  151. package/dist/stories/components/divider.js.map +0 -0
  152. package/dist/stories/components/filterButton.js +0 -0
  153. package/dist/stories/components/filterButton.js.map +0 -0
  154. package/dist/stories/components/header.js +0 -0
  155. package/dist/stories/components/header.js.map +0 -0
  156. package/dist/stories/components/iconButton.js +0 -0
  157. package/dist/stories/components/iconButton.js.map +0 -0
  158. package/dist/stories/components/infoCard.js +0 -0
  159. package/dist/stories/components/infoCard.js.map +0 -0
  160. package/dist/stories/components/input.js +2 -2
  161. package/dist/stories/components/input.js.map +1 -1
  162. package/dist/stories/components/internalMenu.js +0 -0
  163. package/dist/stories/components/internalMenu.js.map +0 -0
  164. package/dist/stories/components/link.js +0 -0
  165. package/dist/stories/components/link.js.map +0 -0
  166. package/dist/stories/components/megaMenu.js +0 -0
  167. package/dist/stories/components/megaMenu.js.map +0 -0
  168. package/dist/stories/components/notification.js +0 -0
  169. package/dist/stories/components/notification.js.map +0 -0
  170. package/dist/stories/components/notificationItem.js +0 -0
  171. package/dist/stories/components/notificationItem.js.map +0 -0
  172. package/dist/stories/components/paginator.js +0 -0
  173. package/dist/stories/components/paginator.js.map +0 -0
  174. package/dist/stories/components/radioButton.js +0 -0
  175. package/dist/stories/components/radioButton.js.map +0 -0
  176. package/dist/stories/components/select.js +0 -0
  177. package/dist/stories/components/select.js.map +0 -0
  178. package/dist/stories/components/sidebar.js +0 -0
  179. package/dist/stories/components/sidebar.js.map +0 -0
  180. package/dist/stories/components/skeleton.js +0 -0
  181. package/dist/stories/components/skeleton.js.map +0 -0
  182. package/dist/stories/components/spinner.js +0 -0
  183. package/dist/stories/components/spinner.js.map +0 -0
  184. package/dist/stories/components/table.js +2 -2
  185. package/dist/stories/components/table.js.map +1 -1
  186. package/dist/stories/components/toast.js +0 -0
  187. package/dist/stories/components/toast.js.map +0 -0
  188. package/dist/types/assets/icons/bell.d.ts +0 -0
  189. package/dist/types/assets/icons/cart.d.ts +0 -0
  190. package/dist/types/assets/icons/check.d.ts +0 -0
  191. package/dist/types/assets/icons/circleCheck.d.ts +0 -0
  192. package/dist/types/assets/icons/clock.d.ts +0 -0
  193. package/dist/types/assets/icons/close.d.ts +0 -0
  194. package/dist/types/assets/icons/dashboard.d.ts +0 -0
  195. package/dist/types/assets/icons/error.d.ts +0 -0
  196. package/dist/types/assets/icons/filter.d.ts +0 -0
  197. package/dist/types/assets/icons/grayInfo.d.ts +0 -0
  198. package/dist/types/assets/icons/home/account.d.ts +0 -0
  199. package/dist/types/assets/icons/home/accountsReceivable.d.ts +0 -0
  200. package/dist/types/assets/icons/home/box.d.ts +0 -0
  201. package/dist/types/assets/icons/home/circleWithDollarSign.d.ts +0 -0
  202. package/dist/types/assets/icons/home/computer.d.ts +0 -0
  203. package/dist/types/assets/icons/home/credit.d.ts +0 -0
  204. package/dist/types/assets/icons/home/payments.d.ts +0 -0
  205. package/dist/types/assets/icons/home/pieChart.d.ts +0 -0
  206. package/dist/types/assets/icons/home/profitability.d.ts +0 -0
  207. package/dist/types/assets/icons/home.d.ts +0 -0
  208. package/dist/types/assets/icons/info.d.ts +0 -0
  209. package/dist/types/assets/icons/menu.d.ts +0 -0
  210. package/dist/types/assets/icons/success.d.ts +0 -0
  211. package/dist/types/assets/icons/text.d.ts +0 -0
  212. package/dist/types/assets/icons/trash.d.ts +0 -0
  213. package/dist/types/assets/logo.d.ts +0 -0
  214. package/dist/types/assets/logoSmall.d.ts +0 -0
  215. package/dist/types/hook/useToast.d.ts +0 -0
  216. package/dist/types/index.d.ts +0 -0
  217. package/dist/types/mock/internalMenu.d.ts +0 -0
  218. package/dist/types/mock/mockedComponente/mockedChart.d.ts +0 -0
  219. package/dist/types/mock/mockedComponente/mockedInternalMenu.d.ts +0 -0
  220. package/dist/types/mock/mockedComponente/notificationMocked.d.ts +0 -0
  221. package/dist/types/mock/mockedComponente/screenContainer.d.ts +0 -0
  222. package/dist/types/mock/notifications.d.ts +0 -0
  223. package/dist/types/mock/tableItems.d.ts +0 -0
  224. package/dist/types/stories/components/accordion.d.ts +0 -0
  225. package/dist/types/stories/components/autoComplete.d.ts +0 -0
  226. package/dist/types/stories/components/breadcrumb.d.ts +0 -0
  227. package/dist/types/stories/components/breadcrumb.stories.d.ts +0 -0
  228. package/dist/types/stories/components/button.d.ts +0 -0
  229. package/dist/types/stories/components/button.stories.d.ts +0 -0
  230. package/dist/types/stories/components/card.d.ts +0 -0
  231. package/dist/types/stories/components/chart.d.ts +0 -0
  232. package/dist/types/stories/components/dateInput.d.ts +0 -0
  233. package/dist/types/stories/components/dialog.d.ts +0 -0
  234. package/dist/types/stories/components/divider.d.ts +0 -0
  235. package/dist/types/stories/components/filterButton.d.ts +0 -0
  236. package/dist/types/stories/components/header.d.ts +0 -0
  237. package/dist/types/stories/components/iconButton.d.ts +0 -0
  238. package/dist/types/stories/components/iconButton.stories.d.ts +0 -0
  239. package/dist/types/stories/components/icons.d.ts +0 -0
  240. package/dist/types/stories/components/infoCard.d.ts +0 -0
  241. package/dist/types/stories/components/input.d.ts +1 -2
  242. package/dist/types/stories/components/internalMenu.d.ts +0 -0
  243. package/dist/types/stories/components/link.d.ts +0 -0
  244. package/dist/types/stories/components/megaMenu.d.ts +0 -0
  245. package/dist/types/stories/components/megaMenu.stories.d.ts +0 -0
  246. package/dist/types/stories/components/notification.d.ts +0 -0
  247. package/dist/types/stories/components/notificationItem.d.ts +0 -0
  248. package/dist/types/stories/components/paginator.d.ts +0 -0
  249. package/dist/types/stories/components/radioButton.d.ts +0 -0
  250. package/dist/types/stories/components/select.d.ts +0 -0
  251. package/dist/types/stories/components/sidebar.d.ts +0 -0
  252. package/dist/types/stories/components/skeleton.d.ts +0 -0
  253. package/dist/types/stories/components/spinner.d.ts +0 -0
  254. package/dist/types/stories/components/spinner.stories.d.ts +0 -0
  255. package/dist/types/stories/components/table.d.ts +7 -4
  256. package/dist/types/stories/components/toast.d.ts +0 -0
  257. package/dist/types/stories/screens/accountsPayable.d.ts +0 -0
  258. package/dist/types/stories/screens/dashboard.d.ts +0 -0
  259. package/dist/types/stories/screens/home.d.ts +0 -0
  260. package/dist/types/stories/screens/sign-in.d.ts +0 -0
  261. package/dist/types/stories/screens/table.d.ts +0 -0
  262. package/dist/types/types/breadcrumbItems.d.ts +0 -0
  263. package/dist/types/types/index.d.ts +0 -0
  264. package/dist/types/types/internalMenu.d.ts +0 -0
  265. package/dist/types/types/megaMenuItems.d.ts +0 -0
  266. package/dist/types/types/notification.d.ts +0 -0
  267. package/dist/types/types/options.d.ts +0 -0
  268. package/dist/types/types/table.d.ts +0 -0
  269. package/dist/types/utils/sortData.d.ts +0 -0
  270. package/dist/utils/sortData.js +0 -0
  271. package/dist/utils/sortData.js.map +0 -0
  272. package/package.json +85 -85
package/README.md CHANGED
@@ -1,207 +1,207 @@
1
- # Karsten Design System
2
-
3
- Uma biblioteca de componentes React estilizados para projetos da Karsten, construída sobre o PrimeReact.
4
-
5
- ## Instalação
6
-
7
- Com npm:
8
-
9
- ```bash
10
- npm install karsten-design-system
11
- ```
12
-
13
- Com yarn:
14
-
15
- ```bash
16
- yarn add karsten-design-system
17
- ```
18
-
19
- ## Configuração do PrimeReact
20
-
21
- No main.tsx adicione:
22
-
23
- ```js
24
- import { StrictMode } from "react";
25
- import { createRoot } from "react-dom/client";
26
- import "./index.css";
27
- import App from "./App.tsx";
28
-
29
- import { PrimeReactProvider } from 'primereact/api'; // Adicione o PrimeReactProvider
30
- import Tailwind from 'primereact/passthrough/tailwind'; // Importe o Tailwind
31
- import './index.css';
32
-
33
- createRoot(document.getElementById("root")!).render(
34
- <StrictMode>
35
- <PrimeReactProvider value={{ pt: Tailwind }}> {/* Envolva o app no Provider do PrimeReact */}
36
- <App />
37
- </PrimeReactProvider>
38
- </StrictMode>
39
- );
40
- ```
41
-
42
- ## Pré-requisitos
43
-
44
- Esta biblioteca requer as seguintes dependências:
45
-
46
- - React 18 ou superior
47
- - React DOM 18 ou superior
48
- - Tailwind 3.4.0 ou superior
49
- - @types/date-fns 2 ou superior
50
- - Chart.js 4 ou superior
51
- - clsx 2 ou superior
52
- - date-fns 1 ou superior
53
- - Primeicons 7 ou superior
54
- - Primereact 10 ou superior
55
- - Postcss 8 ou superior
56
- - Autoprefixer 10 ou superior
57
-
58
- ## Como usar
59
-
60
- 1. Importe o componente desejado da biblioteca:
61
-
62
- ```jsx
63
- import { Button } from 'karsten-design-system';
64
- ```
65
-
66
- 2. Use o componente em seu projeto:
67
-
68
- ```jsx
69
- function App() {
70
- return <Button label="Clique aqui" />;
71
- }
72
- ```
73
-
74
- ## Componentes Disponíveis
75
-
76
- - `Accordion` - Componente para exibir conteúdo em seções expansíveis e colapsáveis.
77
- - `AutoComplete` - Campo de entrada com sugestões automáticas baseadas no texto digitado.
78
- - `Breadcrumb` - Navegação hierárquica para indicar a localização atual do usuário.
79
- - `Button` - Botão estilizado com variantes primária e secundária.
80
- - `Card` - Contêiner estilizado para exibir informações agrupadas.
81
- - `Chart` - Gráficos para visualização de dados em diferentes formatos.
82
- - `DateInput` - Campo de entrada para seleção de datas.
83
- - `Dialog` - Modal para exibição de mensagens ou ações secundárias.
84
- - `Divider` - Linha divisória para separação visual de conteúdo.
85
- - `FilterButton` - Botão para aplicar ou remover filtros em listas ou tabelas.
86
- - `Header` - Cabeçalho estilizado para títulos ou menus.
87
- - `IconButton` - Botão com ícone, ideal para ações rápidas.
88
- - `InfoCard` - Cartão informativo para exibir alertas ou dados destacados.
89
- - `Input` - Campo de entrada para texto.
90
- - `InternalMenu` - Menu de navegação interna, útil para dashboards.
91
- - `Link` - Link estilizado para navegação.
92
- - `MegaMenu` - Menu expandido com múltiplas opções organizadas.
93
- - `Notification` - Notificação para exibir alertas e mensagens.
94
- - `Paginator` - Paginação para navegação em listas ou tabelas.
95
- - `RadioButton` - Botões de seleção única dentro de um grupo.
96
- - `Select` - Componente para seleção de opções em um menu suspenso.
97
- - `Sidebar` - Barra lateral para navegação ou exibição de conteúdo adicional.
98
- - `Skeleton` - Elementos de carregamento em estilo esqueleto.
99
- - `Spinner` - Indicador de carregamento animado.
100
- - `Table` - Tabela para exibição de dados estruturados.
101
- - `Toast` - Mensagens temporárias exibidas no canto da tela.
102
-
103
- ## Desenvolvimento
104
-
105
- Para contribuir com o projeto:
106
-
107
- 1. Clone o repositório:
108
-
109
- ```bash
110
- git clone https://github.com/KarstenSA/karsten-design-system.git
111
- ```
112
-
113
- 2. Instale as dependências:
114
-
115
- Com npm:
116
-
117
- ```bash
118
- npm install
119
- ```
120
-
121
- Com yarn:
122
-
123
- ```bash
124
- yarn
125
- ```
126
-
127
- 3. Execute o Storybook para desenvolvimento:
128
-
129
- Com npm:
130
-
131
- ```bash
132
- npm run storybook
133
- ```
134
-
135
- Com yarn:
136
-
137
- ```bash
138
- yarn storybook
139
- ```
140
-
141
- ## Scripts Disponíveis
142
-
143
- Com npm:
144
-
145
- - `npm run storybook` - Inicia o ambiente de desenvolvimento do Storybook
146
- - `npm run build-storybook` - Gera o build da biblioteca para hospedagem
147
- - `npm run build` - Gera o build da biblioteca para publicação no npm
148
-
149
- Com yarn:
150
-
151
- - `yarn storybook` - Inicia o ambiente de desenvolvimento do Storybook
152
- - `yarn build-storybook` - Gera o build do Storybook para hospedagem
153
- - `yarn build` - Gera o build da biblioteca para publicação no npm
154
-
155
- ## Publicando uma Nova Versão no NPM
156
-
157
- 1. Atualizar a Versão
158
-
159
- Antes de publicar, aumente a versão no `package.json` e `package-lock.json`.
160
-
161
- 2. Fazer o Build
162
-
163
- Com npm:
164
-
165
- ```bash
166
- npm run build
167
- ```
168
-
169
- Com yarn:
170
-
171
- ```bash
172
- yarn build
173
- ```
174
-
175
- 3. Login no NPM
176
-
177
- Se ainda não estiver autenticado, faça login:
178
-
179
- ```bash
180
- npm login
181
- ```
182
-
183
- 4. Publicar
184
-
185
- ```bash
186
- npm publish --access public
187
- ```
188
-
189
- ## Resolução de Problemas
190
-
191
- Se você encontrar o erro "peer dependencies missing", instale as dependências necessárias:
192
-
193
- Com npm:
194
-
195
- ```bash
196
- npm install react@^18 react-dom@^18 tailwindcss@^3.4.0 @types/date-fns@^2 chart.js@^4 clsx@^2 date-fns@^1 primeicons@^7 primereact@^10 postcss@^8 autoprefixer@^10
197
- ```
198
-
199
- Com yarn:
200
-
201
- ```bash
202
- yarn add react@^18 react-dom@^18 tailwindcss@^3.4.0 @types/date-fns@^2 chart.js@^4 clsx@^2 date-fns@^1 primeicons@^7 primereact@^10 postcss@^8 autoprefixer@^10
203
- ```
204
-
205
- ## Licença
206
-
207
- Este projeto está licenciado sob a licença MIT.
1
+ # Karsten Design System
2
+
3
+ Uma biblioteca de componentes React estilizados para projetos da Karsten, construída sobre o PrimeReact.
4
+
5
+ ## Instalação
6
+
7
+ Com npm:
8
+
9
+ ```bash
10
+ npm install karsten-design-system
11
+ ```
12
+
13
+ Com yarn:
14
+
15
+ ```bash
16
+ yarn add karsten-design-system
17
+ ```
18
+
19
+ ## Configuração do PrimeReact
20
+
21
+ No main.tsx adicione:
22
+
23
+ ```js
24
+ import { StrictMode } from "react";
25
+ import { createRoot } from "react-dom/client";
26
+ import "./index.css";
27
+ import App from "./App.tsx";
28
+
29
+ import { PrimeReactProvider } from 'primereact/api'; // Adicione o PrimeReactProvider
30
+ import Tailwind from 'primereact/passthrough/tailwind'; // Importe o Tailwind
31
+ import './index.css';
32
+
33
+ createRoot(document.getElementById("root")!).render(
34
+ <StrictMode>
35
+ <PrimeReactProvider value={{ pt: Tailwind }}> {/* Envolva o app no Provider do PrimeReact */}
36
+ <App />
37
+ </PrimeReactProvider>
38
+ </StrictMode>
39
+ );
40
+ ```
41
+
42
+ ## Pré-requisitos
43
+
44
+ Esta biblioteca requer as seguintes dependências:
45
+
46
+ - React 18 ou superior
47
+ - React DOM 18 ou superior
48
+ - Tailwind 3.4.0 ou superior
49
+ - @types/date-fns 2 ou superior
50
+ - Chart.js 4 ou superior
51
+ - clsx 2 ou superior
52
+ - date-fns 1 ou superior
53
+ - Primeicons 7 ou superior
54
+ - Primereact 10 ou superior
55
+ - Postcss 8 ou superior
56
+ - Autoprefixer 10 ou superior
57
+
58
+ ## Como usar
59
+
60
+ 1. Importe o componente desejado da biblioteca:
61
+
62
+ ```jsx
63
+ import { Button } from 'karsten-design-system';
64
+ ```
65
+
66
+ 2. Use o componente em seu projeto:
67
+
68
+ ```jsx
69
+ function App() {
70
+ return <Button label="Clique aqui" />;
71
+ }
72
+ ```
73
+
74
+ ## Componentes Disponíveis
75
+
76
+ - `Accordion` - Componente para exibir conteúdo em seções expansíveis e colapsáveis.
77
+ - `AutoComplete` - Campo de entrada com sugestões automáticas baseadas no texto digitado.
78
+ - `Breadcrumb` - Navegação hierárquica para indicar a localização atual do usuário.
79
+ - `Button` - Botão estilizado com variantes primária e secundária.
80
+ - `Card` - Contêiner estilizado para exibir informações agrupadas.
81
+ - `Chart` - Gráficos para visualização de dados em diferentes formatos.
82
+ - `DateInput` - Campo de entrada para seleção de datas.
83
+ - `Dialog` - Modal para exibição de mensagens ou ações secundárias.
84
+ - `Divider` - Linha divisória para separação visual de conteúdo.
85
+ - `FilterButton` - Botão para aplicar ou remover filtros em listas ou tabelas.
86
+ - `Header` - Cabeçalho estilizado para títulos ou menus.
87
+ - `IconButton` - Botão com ícone, ideal para ações rápidas.
88
+ - `InfoCard` - Cartão informativo para exibir alertas ou dados destacados.
89
+ - `Input` - Campo de entrada para texto.
90
+ - `InternalMenu` - Menu de navegação interna, útil para dashboards.
91
+ - `Link` - Link estilizado para navegação.
92
+ - `MegaMenu` - Menu expandido com múltiplas opções organizadas.
93
+ - `Notification` - Notificação para exibir alertas e mensagens.
94
+ - `Paginator` - Paginação para navegação em listas ou tabelas.
95
+ - `RadioButton` - Botões de seleção única dentro de um grupo.
96
+ - `Select` - Componente para seleção de opções em um menu suspenso.
97
+ - `Sidebar` - Barra lateral para navegação ou exibição de conteúdo adicional.
98
+ - `Skeleton` - Elementos de carregamento em estilo esqueleto.
99
+ - `Spinner` - Indicador de carregamento animado.
100
+ - `Table` - Tabela para exibição de dados estruturados.
101
+ - `Toast` - Mensagens temporárias exibidas no canto da tela.
102
+
103
+ ## Desenvolvimento
104
+
105
+ Para contribuir com o projeto:
106
+
107
+ 1. Clone o repositório:
108
+
109
+ ```bash
110
+ git clone https://github.com/KarstenSA/karsten-design-system.git
111
+ ```
112
+
113
+ 2. Instale as dependências:
114
+
115
+ Com npm:
116
+
117
+ ```bash
118
+ npm install
119
+ ```
120
+
121
+ Com yarn:
122
+
123
+ ```bash
124
+ yarn
125
+ ```
126
+
127
+ 3. Execute o Storybook para desenvolvimento:
128
+
129
+ Com npm:
130
+
131
+ ```bash
132
+ npm run storybook
133
+ ```
134
+
135
+ Com yarn:
136
+
137
+ ```bash
138
+ yarn storybook
139
+ ```
140
+
141
+ ## Scripts Disponíveis
142
+
143
+ Com npm:
144
+
145
+ - `npm run storybook` - Inicia o ambiente de desenvolvimento do Storybook
146
+ - `npm run build-storybook` - Gera o build da biblioteca para hospedagem
147
+ - `npm run build` - Gera o build da biblioteca para publicação no npm
148
+
149
+ Com yarn:
150
+
151
+ - `yarn storybook` - Inicia o ambiente de desenvolvimento do Storybook
152
+ - `yarn build-storybook` - Gera o build do Storybook para hospedagem
153
+ - `yarn build` - Gera o build da biblioteca para publicação no npm
154
+
155
+ ## Publicando uma Nova Versão no NPM
156
+
157
+ 1. Atualizar a Versão
158
+
159
+ Antes de publicar, aumente a versão no `package.json` e `package-lock.json`.
160
+
161
+ 2. Fazer o Build
162
+
163
+ Com npm:
164
+
165
+ ```bash
166
+ npm run build
167
+ ```
168
+
169
+ Com yarn:
170
+
171
+ ```bash
172
+ yarn build
173
+ ```
174
+
175
+ 3. Login no NPM
176
+
177
+ Se ainda não estiver autenticado, faça login:
178
+
179
+ ```bash
180
+ npm login
181
+ ```
182
+
183
+ 4. Publicar
184
+
185
+ ```bash
186
+ npm publish --access public
187
+ ```
188
+
189
+ ## Resolução de Problemas
190
+
191
+ Se você encontrar o erro "peer dependencies missing", instale as dependências necessárias:
192
+
193
+ Com npm:
194
+
195
+ ```bash
196
+ npm install react@^18 react-dom@^18 tailwindcss@^3.4.0 @types/date-fns@^2 chart.js@^4 clsx@^2 date-fns@^1 primeicons@^7 primereact@^10 postcss@^8 autoprefixer@^10
197
+ ```
198
+
199
+ Com yarn:
200
+
201
+ ```bash
202
+ yarn add react@^18 react-dom@^18 tailwindcss@^3.4.0 @types/date-fns@^2 chart.js@^4 clsx@^2 date-fns@^1 primeicons@^7 primereact@^10 postcss@^8 autoprefixer@^10
203
+ ```
204
+
205
+ ## Licença
206
+
207
+ Este projeto está licenciado sob a licença MIT.
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "@layer tailwind-base, primereact, tailwind-utilities;@import \"primereact/resources/themes/lara-light-blue/theme.css\";@import \"primeicons/primeicons.css\";@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\");@layer tailwind-base{*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }\n /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}*{font-family:Roboto,sans-serif}}@layer tailwind-utilities{.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-top-\\[20\\%\\]{top:-20%}.bottom-0{bottom:0}.left-4{left:1rem}.right-5{right:1.25rem}.top-\\[23\\%\\]{top:23%}.top-\\[30\\%\\]{top:30%}.z-10{z-index:10}.z-20{z-index:20}.z-\\[9\\]{z-index:9}.m-0{margin:0}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-7{margin-bottom:1.75rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\\!h-8{height:2rem!important}.h-2{height:.5rem}.h-4{height:1rem}.h-40{height:10rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[400px\\]{height:400px}.h-\\[calc\\(100vh_-114\\.8px\\)\\]{height:calc(100vh - 114.8px)}.h-\\[calc\\(100vh_-_125px\\)\\]{height:calc(100vh - 125px)}.h-\\[calc\\(100vh_-_64px\\)\\]{height:calc(100vh - 64px)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.min-h-16{min-height:4rem}.\\!w-8{width:2rem!important}.w-1\\/3{width:33.333333%}.w-10\\/12{width:83.333333%}.w-100{width:100%}.w-2{width:.5rem}.w-28{width:7rem}.w-3\\/4{width:75%}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\\[35\\%\\]{width:35%}.w-\\[40rem\\]{width:40rem}.w-\\[40vw\\]{width:40vw}.w-\\[60vw\\]{width:60vw}.w-\\[65\\%\\]{width:65%}.w-\\[900px\\]{width:900px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.min-w-7{min-width:1.75rem}.min-w-72{min-width:18rem}.min-w-80{min-width:20rem}.min-w-\\[305px\\]{min-width:305px}.max-w-96{max-width:24rem}.max-w-\\[80\\%\\]{max-width:80%}.flex-1{flex:1 1 0%}.translate-y-full{--tw-translate-y:100%}.scale-75,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.\\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-full{border-bottom-left-radius:9999px;border-top-left-radius:9999px}.rounded-r-full{border-bottom-right-radius:9999px;border-top-right-radius:9999px}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.rounded-se-lg{border-start-end-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-0{border-left-width:0}.border-l-4{border-left-width:4px}.border-none{border-style:none}.border-background{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-gray{--tw-border-opacity:1;border-color:rgb(160 164 179/var(--tw-border-opacity,1))}.border-gray50{--tw-border-opacity:1;border-color:rgb(224 224 224/var(--tw-border-opacity,1))}.border-grayDark{--tw-border-opacity:1;border-color:rgb(100 105 129/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.border-redError{--tw-border-opacity:1;border-color:rgb(236 74 84/var(--tw-border-opacity,1))}.border-secondary{--tw-border-opacity:1;border-color:rgb(232 236 249/var(--tw-border-opacity,1))}.border-secondaryActive{--tw-border-opacity:1;border-color:rgb(164 180 232/var(--tw-border-opacity,1))}.border-stone{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-stoneDark{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity,1))}.border-stoneLight{--tw-border-opacity:1;border-color:rgb(241 241 244/var(--tw-border-opacity,1))}.border-b-\\[\\#F1F1F4\\]{--tw-border-opacity:1;border-bottom-color:rgb(241 241 244/var(--tw-border-opacity,1))}.border-b-primary{--tw-border-opacity:1;border-bottom-color:rgb(19 41 75/var(--tw-border-opacity,1))}.border-b-stone{--tw-border-opacity:1;border-bottom-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\\[\\#196ECD0D\\]{background-color:#196ecd0d}.bg-\\[\\#1d6ee731\\]{background-color:#1d6ee731}.bg-\\[\\#ABF5D159\\]{background-color:#abf5d159}.bg-\\[\\#FFCC1766\\]{background-color:#ffcc1766}.bg-background{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-backgroundDark\\/20{background-color:rgba(66,66,66,.2)}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black,.bg-gray{--tw-bg-opacity:1}.bg-gray{background-color:rgb(160 164 179/var(--tw-bg-opacity,1))}.bg-greenBackground{background-color:#0aa83612}.bg-primary{--tw-bg-opacity:1;background-color:rgb(19 41 75/var(--tw-bg-opacity,1))}.bg-redErrorOpacity{background-color:#a80a0a14}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(232 236 249/var(--tw-bg-opacity,1))}.bg-stone{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.bg-stoneLight{--tw-bg-opacity:1;background-color:rgb(241 241 244/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.\\!p-2{padding:.5rem!important}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.\\!px-0{padding-left:0!important;padding-right:0!important}.\\!py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-20{padding-left:5rem;padding-right:5rem}.px-24{padding-left:6rem;padding-right:6rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-9{padding-bottom:2.25rem;padding-top:2.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pt-1\\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-roboto{font-family:Roboto,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-bold{font-weight:700!important}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.\\!text-background{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.\\!text-backgroundDark{--tw-text-opacity:1!important;color:rgb(66 66 66/var(--tw-text-opacity,1))!important}.\\!text-gray100{color:rgb(102 102 102/var(--tw-text-opacity,1))!important}.\\!text-gray100,.\\!text-grayDark{--tw-text-opacity:1!important}.\\!text-grayDark{color:rgb(100 105 129/var(--tw-text-opacity,1))!important}.\\!text-green{color:rgb(10 168 54/var(--tw-text-opacity,1))!important}.\\!text-green,.\\!text-primary{--tw-text-opacity:1!important}.\\!text-primary{color:rgb(19 41 75/var(--tw-text-opacity,1))!important}.text-background{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-backgroundDark{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-blue{color:rgb(0 69 186/var(--tw-text-opacity,1))}.text-blue,.text-gray{--tw-text-opacity:1}.text-gray{color:rgb(160 164 179/var(--tw-text-opacity,1))}.text-gray100{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.text-grayDark{--tw-text-opacity:1;color:rgb(100 105 129/var(--tw-text-opacity,1))}.text-green{--tw-text-opacity:1;color:rgb(10 168 54/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(19 41 75/var(--tw-text-opacity,1))}.text-redError{--tw-text-opacity:1;color:rgb(236 74 84/var(--tw-text-opacity,1))}.text-stone{--tw-text-opacity:1;color:rgb(230 230 230/var(--tw-text-opacity,1))}.text-stoneDark{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.\\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-container{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-container{--tw-shadow:0px 0px 5px 3px rgba(0,0,0,.1);--tw-shadow-colored:0px 0px 5px 3px var(--tw-shadow-color)}.shadow-header{--tw-shadow:0px 0px 20px 0px hsla(0,0%,54%,.3);--tw-shadow-colored:0px 0px 20px 0px var(--tw-shadow-color)}.shadow-header,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-gray{--tw-ring-opacity:1;--tw-ring-color:rgb(160 164 179/var(--tw-ring-opacity,1))}.ring-redError{--tw-ring-opacity:1;--tw-ring-color:rgb(236 74 84/var(--tw-ring-opacity,1))}.ring-stone{--tw-ring-opacity:1;--tw-ring-color:rgb(230 230 230/var(--tw-ring-opacity,1))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-background{--tw-ring-offset-color:#fff}.ring-offset-secondary{--tw-ring-offset-color:#e8ecf9}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}}.first\\:rounded-ss-lg:first-child{border-start-start-radius:.5rem}.checked\\:bg-primary:checked{--tw-bg-opacity:1;background-color:rgb(19 41 75/var(--tw-bg-opacity,1))}.hover\\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-grayDark:hover{--tw-border-opacity:1;border-color:rgb(100 105 129/var(--tw-border-opacity,1))}.hover\\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.hover\\:border-stone:hover{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.hover\\:bg-grayDark:hover{--tw-bg-opacity:1;background-color:rgb(100 105 129/var(--tw-bg-opacity,1))}.hover\\:bg-greenBackgroundActive:hover{background-color:#0aa83633}.hover\\:bg-primaryActive:hover{--tw-bg-opacity:1;background-color:rgb(12 28 52/var(--tw-bg-opacity,1))}.hover\\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(232 236 249/var(--tw-bg-opacity,1))}.hover\\:bg-secondaryActive:hover{--tw-bg-opacity:1;background-color:rgb(164 180 232/var(--tw-bg-opacity,1))}.hover\\:bg-stone:hover{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-70:hover{opacity:.7}.focus\\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.focus\\:shadow-md:focus{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.focus\\:shadow-md:focus,.focus\\:shadow-none:focus{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\\:border-stone:disabled{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.disabled\\:border-stoneDark:disabled{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity,1))}.disabled\\:bg-stone:disabled{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.disabled\\:bg-stoneDark:disabled{--tw-bg-opacity:1;background-color:rgb(194 194 194/var(--tw-bg-opacity,1))}.disabled\\:text-background:disabled{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.disabled\\:text-stoneDark:disabled{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex{display:flex}.md\\:w-1\\/2{width:50%}.md\\:min-w-\\[500px\\]{min-width:500px}}@media (min-width:1024px){.lg\\:w-1\\/3{width:33.333333%}}.\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:rounded-md::-webkit-scrollbar-thumb{border-radius:.375rem}.\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:bg-stoneDark::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(194 194 194/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:rounded-r-md::-webkit-scrollbar-track{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:bg-stone::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:w-1::-webkit-scrollbar{width:.25rem}";
3
+ var css_248z = "@layer tailwind-base, primereact, tailwind-utilities;@import \"primereact/resources/themes/lara-light-blue/theme.css\";@import \"primeicons/primeicons.css\";@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\");@layer tailwind-base{*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }\r\n /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}*{font-family:Roboto,sans-serif}}@layer tailwind-utilities{.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-top-\\[20\\%\\]{top:-20%}.bottom-0{bottom:0}.left-4{left:1rem}.right-5{right:1.25rem}.top-\\[23\\%\\]{top:23%}.top-\\[30\\%\\]{top:30%}.z-10{z-index:10}.z-20{z-index:20}.z-\\[9\\]{z-index:9}.m-0{margin:0}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-7{margin-bottom:1.75rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\\!h-8{height:2rem!important}.h-2{height:.5rem}.h-4{height:1rem}.h-40{height:10rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[400px\\]{height:400px}.h-\\[calc\\(100vh_-114\\.8px\\)\\]{height:calc(100vh - 114.8px)}.h-\\[calc\\(100vh_-_125px\\)\\]{height:calc(100vh - 125px)}.h-\\[calc\\(100vh_-_64px\\)\\]{height:calc(100vh - 64px)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.min-h-16{min-height:4rem}.\\!w-8{width:2rem!important}.w-1\\/3{width:33.333333%}.w-10\\/12{width:83.333333%}.w-100{width:100%}.w-2{width:.5rem}.w-28{width:7rem}.w-3\\/4{width:75%}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\\[35\\%\\]{width:35%}.w-\\[40rem\\]{width:40rem}.w-\\[40vw\\]{width:40vw}.w-\\[60vw\\]{width:60vw}.w-\\[65\\%\\]{width:65%}.w-\\[900px\\]{width:900px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.min-w-7{min-width:1.75rem}.min-w-72{min-width:18rem}.min-w-80{min-width:20rem}.min-w-\\[305px\\]{min-width:305px}.max-w-96{max-width:24rem}.max-w-\\[80\\%\\]{max-width:80%}.flex-1{flex:1 1 0%}.translate-y-full{--tw-translate-y:100%}.scale-75,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.\\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-full{border-bottom-left-radius:9999px;border-top-left-radius:9999px}.rounded-r-full{border-bottom-right-radius:9999px;border-top-right-radius:9999px}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.rounded-se-lg{border-start-end-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-0{border-left-width:0}.border-l-4{border-left-width:4px}.border-none{border-style:none}.border-background{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-gray{--tw-border-opacity:1;border-color:rgb(160 164 179/var(--tw-border-opacity,1))}.border-gray50{--tw-border-opacity:1;border-color:rgb(224 224 224/var(--tw-border-opacity,1))}.border-grayDark{--tw-border-opacity:1;border-color:rgb(100 105 129/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.border-redError{--tw-border-opacity:1;border-color:rgb(236 74 84/var(--tw-border-opacity,1))}.border-secondary{--tw-border-opacity:1;border-color:rgb(232 236 249/var(--tw-border-opacity,1))}.border-secondaryActive{--tw-border-opacity:1;border-color:rgb(164 180 232/var(--tw-border-opacity,1))}.border-stone{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-stoneDark{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity,1))}.border-stoneLight{--tw-border-opacity:1;border-color:rgb(241 241 244/var(--tw-border-opacity,1))}.border-b-\\[\\#F1F1F4\\]{--tw-border-opacity:1;border-bottom-color:rgb(241 241 244/var(--tw-border-opacity,1))}.border-b-primary{--tw-border-opacity:1;border-bottom-color:rgb(19 41 75/var(--tw-border-opacity,1))}.border-b-stone{--tw-border-opacity:1;border-bottom-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\\[\\#196ECD0D\\]{background-color:#196ecd0d}.bg-\\[\\#1d6ee731\\]{background-color:#1d6ee731}.bg-\\[\\#ABF5D159\\]{background-color:#abf5d159}.bg-\\[\\#FFCC1766\\]{background-color:#ffcc1766}.bg-background{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-backgroundDark\\/20{background-color:rgba(66,66,66,.2)}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black,.bg-gray{--tw-bg-opacity:1}.bg-gray{background-color:rgb(160 164 179/var(--tw-bg-opacity,1))}.bg-greenBackground{background-color:#0aa83612}.bg-primary{--tw-bg-opacity:1;background-color:rgb(19 41 75/var(--tw-bg-opacity,1))}.bg-redErrorOpacity{background-color:#a80a0a14}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(232 236 249/var(--tw-bg-opacity,1))}.bg-stone{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.bg-stoneLight{--tw-bg-opacity:1;background-color:rgb(241 241 244/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.\\!p-2{padding:.5rem!important}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.\\!px-0{padding-left:0!important;padding-right:0!important}.\\!py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-20{padding-left:5rem;padding-right:5rem}.px-24{padding-left:6rem;padding-right:6rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-9{padding-bottom:2.25rem;padding-top:2.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pt-1\\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-roboto{font-family:Roboto,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-bold{font-weight:700!important}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.\\!text-background{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.\\!text-backgroundDark{--tw-text-opacity:1!important;color:rgb(66 66 66/var(--tw-text-opacity,1))!important}.\\!text-gray100{color:rgb(102 102 102/var(--tw-text-opacity,1))!important}.\\!text-gray100,.\\!text-grayDark{--tw-text-opacity:1!important}.\\!text-grayDark{color:rgb(100 105 129/var(--tw-text-opacity,1))!important}.\\!text-green{color:rgb(10 168 54/var(--tw-text-opacity,1))!important}.\\!text-green,.\\!text-primary{--tw-text-opacity:1!important}.\\!text-primary{color:rgb(19 41 75/var(--tw-text-opacity,1))!important}.text-background{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-backgroundDark{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-blue{color:rgb(0 69 186/var(--tw-text-opacity,1))}.text-blue,.text-gray{--tw-text-opacity:1}.text-gray{color:rgb(160 164 179/var(--tw-text-opacity,1))}.text-gray100{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.text-grayDark{--tw-text-opacity:1;color:rgb(100 105 129/var(--tw-text-opacity,1))}.text-green{--tw-text-opacity:1;color:rgb(10 168 54/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(19 41 75/var(--tw-text-opacity,1))}.text-redError{--tw-text-opacity:1;color:rgb(236 74 84/var(--tw-text-opacity,1))}.text-stone{--tw-text-opacity:1;color:rgb(230 230 230/var(--tw-text-opacity,1))}.text-stoneDark{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.\\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-container{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-container{--tw-shadow:0px 0px 5px 3px rgba(0,0,0,.1);--tw-shadow-colored:0px 0px 5px 3px var(--tw-shadow-color)}.shadow-header{--tw-shadow:0px 0px 20px 0px hsla(0,0%,54%,.3);--tw-shadow-colored:0px 0px 20px 0px var(--tw-shadow-color)}.shadow-header,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-gray{--tw-ring-opacity:1;--tw-ring-color:rgb(160 164 179/var(--tw-ring-opacity,1))}.ring-redError{--tw-ring-opacity:1;--tw-ring-color:rgb(236 74 84/var(--tw-ring-opacity,1))}.ring-stone{--tw-ring-opacity:1;--tw-ring-color:rgb(230 230 230/var(--tw-ring-opacity,1))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-background{--tw-ring-offset-color:#fff}.ring-offset-secondary{--tw-ring-offset-color:#e8ecf9}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}}.first\\:rounded-ss-lg:first-child{border-start-start-radius:.5rem}.checked\\:bg-primary:checked{--tw-bg-opacity:1;background-color:rgb(19 41 75/var(--tw-bg-opacity,1))}.hover\\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-grayDark:hover{--tw-border-opacity:1;border-color:rgb(100 105 129/var(--tw-border-opacity,1))}.hover\\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.hover\\:border-stone:hover{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.hover\\:bg-grayDark:hover{--tw-bg-opacity:1;background-color:rgb(100 105 129/var(--tw-bg-opacity,1))}.hover\\:bg-greenBackgroundActive:hover{background-color:#0aa83633}.hover\\:bg-primaryActive:hover{--tw-bg-opacity:1;background-color:rgb(12 28 52/var(--tw-bg-opacity,1))}.hover\\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(232 236 249/var(--tw-bg-opacity,1))}.hover\\:bg-secondaryActive:hover{--tw-bg-opacity:1;background-color:rgb(164 180 232/var(--tw-bg-opacity,1))}.hover\\:bg-stone:hover{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-70:hover{opacity:.7}.focus\\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.focus\\:shadow-md:focus{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.focus\\:shadow-md:focus,.focus\\:shadow-none:focus{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\\:border-stone:disabled{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.disabled\\:border-stoneDark:disabled{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity,1))}.disabled\\:bg-stone:disabled{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.disabled\\:bg-stoneDark:disabled{--tw-bg-opacity:1;background-color:rgb(194 194 194/var(--tw-bg-opacity,1))}.disabled\\:text-background:disabled{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.disabled\\:text-stoneDark:disabled{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex{display:flex}.md\\:w-1\\/2{width:50%}.md\\:min-w-\\[500px\\]{min-width:500px}}@media (min-width:1024px){.lg\\:w-1\\/3{width:33.333333%}}.\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:rounded-md::-webkit-scrollbar-thumb{border-radius:.375rem}.\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:bg-stoneDark::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(194 194 194/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:rounded-r-md::-webkit-scrollbar-track{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:bg-stone::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:w-1::-webkit-scrollbar{width:.25rem}";
4
4
  styleInject(css_248z,{"insertAt":"top"});
5
5
 
6
6
  export { css_248z as default };
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
@@ -0,0 +1,4 @@
1
+ var reactJsxRuntime_production = {};
2
+
3
+ export { reactJsxRuntime_production as __exports };
4
+ //# sourceMappingURL=react-jsx-runtime.production.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"react-jsx-runtime.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
package/dist/index.js CHANGED
File without changes
package/dist/index.js.map CHANGED
File without changes
File without changes