karsten-design-system 1.2.11 → 1.2.13
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.
- package/dist/index.d.ts +0 -1
- package/dist/index.js +247 -231
- package/dist/index.js.map +1 -1
- package/dist/stories/components/cardButton.d.ts +1 -2
- package/dist/stories/components/cardIconsButton.d.ts +1 -2
- package/dist/stories/components/emptyContent.d.ts +1 -1
- package/dist/stories/components/expandablePanel.d.ts +1 -2
- package/dist/types/index.d.ts +0 -1
- package/dist/types/stories/components/cardButton.d.ts +1 -2
- package/dist/types/stories/components/cardIconsButton.d.ts +1 -2
- package/dist/types/stories/components/emptyContent.d.ts +1 -1
- package/dist/types/stories/components/expandablePanel.d.ts +1 -2
- package/package.json +1 -1
- package/dist/stories/components/autoComplete.d.ts +0 -7
- package/dist/types/stories/components/autoComplete.d.ts +0 -7
package/dist/index.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
|
-
import React, { useState, useEffect,
|
|
4
|
-
import { IconField } from 'primereact/iconfield';
|
|
5
|
-
import { InputIcon } from 'primereact/inputicon';
|
|
6
|
-
import { InputText } from 'primereact/inputtext';
|
|
3
|
+
import React, { useState, useEffect, useRef, useId } from 'react';
|
|
7
4
|
import { Link as Link$1 } from 'react-router-dom';
|
|
8
5
|
import { Button as Button$1 } from 'primereact/button';
|
|
9
6
|
import { addLocale } from 'primereact/api';
|
|
10
7
|
import { Calendar } from 'primereact/calendar';
|
|
8
|
+
import { InputIcon } from 'primereact/inputicon';
|
|
11
9
|
import { Chart } from 'primereact/chart';
|
|
12
10
|
import { Divider as Divider$1 } from 'primereact/divider';
|
|
13
11
|
import ReactDOM from 'react-dom';
|
|
12
|
+
import { IconField } from 'primereact/iconfield';
|
|
13
|
+
import { InputText } from 'primereact/inputtext';
|
|
14
14
|
import { InputSwitch as InputSwitch$1 } from 'primereact/inputswitch';
|
|
15
15
|
import { InputTextarea } from 'primereact/inputtextarea';
|
|
16
16
|
import { Sidebar as Sidebar$1 } from 'primereact/sidebar';
|
|
@@ -45,7 +45,7 @@ function styleInject(css, ref) {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
var css_248z = "@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, primereact, tailwind-utilities, components;@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{:root{--color-primary:#13294b;--color-primary-hover:#0c1c34;--color-secondary:#e8ecf9;--color-secondary-hover:#a4b4e8;--color-gray:#a0a4b3;--color-gray-dark:#646981;--color-error:#ec4a54;--color-error-opacity:#a80a0a14;--color-success:#0aa836;--color-info:#0045ba;--color-surface:#fff;--color-surface-muted:#424242;--color-stone:#e6e6e6;--color-stone-dark:#c2c2c2;--color-stone-light:#f1f1f4;--color-stone-background:#fafafb;--color-placeholder:#a0a4b3;--color-placeholder-opacity:#a0a4b314;--color-borderGrayInput:#c0c3d0;--color-dark-100:#000;--color-dark-200:#0f1117;--color-dark-300:#151821;--color-dark-400:#212734;--color-dark-500:#101012;--color-light-100:#0c1c34;--color-light-200:#13294b;--color-light-300:#e8ecf9;--color-light-400:#a4b4e8;--color-light-500:#fff}.p-calendar.p-custom input::-moz-placeholder{color:var(--color-placeholder)!important}.p-calendar.p-custom input::placeholder{color:var(--color-placeholder)!important}html.dark .p-datepicker{background-color:#000;border:1px solid #fff;color:#fff}html.dark .p-datepicker .p-datepicker-calendar td span{color:#fff}html.dark .p-datepicker .p-datepicker-header{background-color:#000;color:#fff}html.dark .p-datepicker .p-datepicker-today>span{border-color:#000;color:#000}html.light .p-datepicker-buttonbar .p-button{background-color:#0c1c34;border:none;color:#fff}html.light .p-datepicker-buttonbar .p-button:hover{background-color:#13294b}html.dark .p-datepicker-buttonbar .p-button{background-color:#0c1c34;border:none;color:#fff}html.dark .p-datepicker-buttonbar .p-button:hover{background-color:#13294b}.p-inputtextarea.p-invalid{border:1px solid var(--color-error)!important;border-radius:6px}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text)!important;box-shadow:0 0 0 1000px var(--color-surface) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background-color:var(--color-primary)!important}.p-inputswitch:not(.p-inputswitch-checked) .p-inputswitch-slider{background-color:var(--color-secondary)!important;border-color:var(--color-secondary)!important}.p-inputswitch.p-inputswitch-checked.p-inputswitch-error{background-color:var(--color-error)!important;border-color:var(--color-error)!important}.p-inputswitch:not(.p-inputswitch-checked).p-inputswitch-error .p-inputswitch-slider{background-color:#a80a0a14!important}.p-calendar.p-invalid input::-moz-placeholder{color:var(--color-error)!important}.p-calendar.p-invalid input::placeholder{color:var(--color-error)!important}.p-calendar.p-invalid .p-inputtext{border-color:var(--color-error)!important}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.left-4{left:1rem}.right-1{right:.25rem}.right-3{right:.75rem}.right-5{right:1.25rem}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-5{top:1.25rem}.top-\\[9px\\]{top:9px}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\\[999\\]{z-index:999}.z-\\[9\\]{z-index:9}.m-0{margin:0}.-mb-\\[1px\\]{margin-bottom:-1px}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.\\!h-8{height:2rem!important}.h-2{height:.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\\[160px\\]{height:160px}.h-\\[20vw\\]{height:20vw}.h-\\[calc\\(100vh_-114\\.8px\\)\\]{height:calc(100vh - 114.8px)}.h-\\[calc\\(100vh_-_64px\\)\\]{height:calc(100vh - 64px)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-\\[70vh\\]{max-height:70vh}.max-h-full{max-height:100%}.min-h-16{min-height:4rem}.min-h-\\[60px\\]{min-height:60px}.\\!w-8{width:2rem!important}.w-1\\/2{width:50%}.w-1\\/3{width:33.333333%}.w-10\\/12{width:83.333333%}.w-100{width:100%}.w-2{width:.5rem}.w-2\\/3{width:66.666667%}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-96{width:24rem}.w-\\[240px\\]{width:240px}.w-\\[276px\\]{width:276px}.w-\\[40rem\\]{width:40rem}.w-\\[40vw\\]{width:40vw}.w-\\[60vw\\]{width:60vw}.w-\\[90\\%\\]{width:90%}.w-\\[900px\\]{width:900px}.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-full{min-width:100%}.max-w-\\[calc\\(100\\%-20px\\)\\]{max-width:calc(100% - 20px)}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.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))}.translate-y-full{--tw-translate-y:100%}.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-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,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-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-6{row-gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.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-b-2{border-bottom-width:2px}.border-l-0{border-left-width:0}.border-l-4{border-left-width:4px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\\[\\#13294B\\]{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.border-\\[\\#1565C0\\]{--tw-border-opacity:1;border-color:rgb(21 101 192/var(--tw-border-opacity,1))}.border-\\[\\#2E7D32\\]{--tw-border-opacity:1;border-color:rgb(46 125 50/var(--tw-border-opacity,1))}.border-\\[\\#5EEAD4\\]{--tw-border-opacity:1;border-color:rgb(94 234 212/var(--tw-border-opacity,1))}.border-\\[\\#67E8F9\\]{--tw-border-opacity:1;border-color:rgb(103 232 249/var(--tw-border-opacity,1))}.border-\\[\\#6EE7B7\\]{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.border-\\[\\#7DD3FC\\]{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity,1))}.border-\\[\\#A5B4FC\\]{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity,1))}.border-\\[\\#BEF264\\]{--tw-border-opacity:1;border-color:rgb(190 242 100/var(--tw-border-opacity,1))}.border-\\[\\#BFDBFE\\]{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-\\[\\#C4B5FD\\]{--tw-border-opacity:1;border-color:rgb(196 181 253/var(--tw-border-opacity,1))}.border-\\[\\#C62828\\]{--tw-border-opacity:1;border-color:rgb(198 40 40/var(--tw-border-opacity,1))}.border-\\[\\#CBD5E1\\]{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-\\[\\#D1D5DB\\]{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-\\[\\#D4D4D4\\]{--tw-border-opacity:1;border-color:rgb(212 212 212/var(--tw-border-opacity,1))}.border-\\[\\#D4D4D8\\]{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.border-\\[\\#D6D3D1\\]{--tw-border-opacity:1;border-color:rgb(214 211 209/var(--tw-border-opacity,1))}.border-\\[\\#F0ABFC\\]{--tw-border-opacity:1;border-color:rgb(240 171 252/var(--tw-border-opacity,1))}.border-\\[\\#F1F1F4\\]{--tw-border-opacity:1;border-color:rgb(241 241 244/var(--tw-border-opacity,1))}.border-\\[\\#F9A8D4\\]{--tw-border-opacity:1;border-color:rgb(249 168 212/var(--tw-border-opacity,1))}.border-\\[\\#FCA5A5\\]{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-\\[\\#FCD34D\\]{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-\\[\\#FDA4AF\\]{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity,1))}.border-\\[\\#FDBA74\\]{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.border-\\[\\#e6e6e6\\]{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-\\[\\#f3f4f6\\]{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.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-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/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-transparent{border-color:transparent}.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-\\[\\#13294b\\]{--tw-bg-opacity:1;background-color:rgb(19 41 75/var(--tw-bg-opacity,1))}.bg-\\[\\#646981\\]{--tw-bg-opacity:1;background-color:rgb(100 105 129/var(--tw-bg-opacity,1))}.bg-\\[\\#CCFBF1\\]{--tw-bg-opacity:1;background-color:rgb(204 251 241/var(--tw-bg-opacity,1))}.bg-\\[\\#CFFAFE\\]{--tw-bg-opacity:1;background-color:rgb(207 250 254/var(--tw-bg-opacity,1))}.bg-\\[\\#D1FAE5\\]{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-\\[\\#DBEAFE\\]{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-\\[\\#E0E7FF\\]{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-\\[\\#E0F2FE\\]{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-\\[\\#E3F2FD\\]{--tw-bg-opacity:1;background-color:rgb(227 242 253/var(--tw-bg-opacity,1))}.bg-\\[\\#E6F4EA\\]{--tw-bg-opacity:1;background-color:rgb(230 244 234/var(--tw-bg-opacity,1))}.bg-\\[\\#E7E5E4\\]{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity,1))}.bg-\\[\\#ECFCCB\\]{--tw-bg-opacity:1;background-color:rgb(236 252 203/var(--tw-bg-opacity,1))}.bg-\\[\\#EDE9FE\\]{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.bg-\\[\\#F1F5F9\\]{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-\\[\\#F3F4F6\\]{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-\\[\\#F4F4F5\\]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.bg-\\[\\#F5F5F5\\]{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.bg-\\[\\#FAE8FF\\]{--tw-bg-opacity:1;background-color:rgb(250 232 255/var(--tw-bg-opacity,1))}.bg-\\[\\#FCE7F3\\]{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.bg-\\[\\#FEE2E2\\]{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-\\[\\#FEF3C7\\]{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-\\[\\#FEF9C3\\]{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-\\[\\#FFE4E6\\]{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-\\[\\#FFEBEE\\]{--tw-bg-opacity:1;background-color:rgb(255 235 238/var(--tw-bg-opacity,1))}.bg-\\[\\#FFEDD5\\]{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-\\[\\#c084fc\\]{--tw-bg-opacity:1;background-color:rgb(192 132 252/var(--tw-bg-opacity,1))}.bg-\\[\\#e6e6e6\\]{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.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-blue{--tw-bg-opacity:1}.bg-blue{background-color:rgb(0 69 186/var(--tw-bg-opacity,1))}.bg-gray{background-color:rgb(160 164 179/var(--tw-bg-opacity,1))}.bg-gray,.bg-green{--tw-bg-opacity:1}.bg-green{background-color:rgb(10 168 54/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-primary\\/5{background-color:rgba(19,41,75,.05)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.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-stoneBackground{--tw-bg-opacity:1;background-color:rgb(250 250 251/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}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\\[\\#13294B\\]{--tw-gradient-from:#13294b var(--tw-gradient-from-position);--tw-gradient-to:rgba(19,41,75,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\\[\\#FAFAFB\\]{--tw-gradient-from:#fafafb var(--tw-gradient-from-position);--tw-gradient-to:rgba(250,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\\[\\#FFFFFF\\]{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\\[\\#f3f4f6\\]{--tw-gradient-from:#f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(243,244,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\\[\\#FAFAFB\\]{--tw-gradient-to:rgba(250,250,251,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fafafb var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-\\[\\#0C1C34\\]{--tw-gradient-to:#0c1c34 var(--tw-gradient-to-position)}.to-\\[\\#FAFAFB\\]{--tw-gradient-to:#fafafb var(--tw-gradient-to-position)}.to-\\[\\#FFFFFF\\],.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.\\!p-2{padding:.5rem!important}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[2px\\]{padding:2px}.\\!py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.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-top:1rem}.pb-4,.py-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-6{padding-left:1.5rem}.pr-4{padding-right:1rem}.pt-1\\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.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-\\[18px\\]{font-size:18px}.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-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.\\!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-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\\[\\#0369A1\\]{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.text-\\[\\#065F46\\]{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-\\[\\#0D47A1\\]{--tw-text-opacity:1;color:rgb(13 71 161/var(--tw-text-opacity,1))}.text-\\[\\#13294B\\]{--tw-text-opacity:1;color:rgb(19 41 75/var(--tw-text-opacity,1))}.text-\\[\\#134E4A\\]{--tw-text-opacity:1;color:rgb(19 78 74/var(--tw-text-opacity,1))}.text-\\[\\#155E75\\]{--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity,1))}.text-\\[\\#1B5E20\\]{--tw-text-opacity:1;color:rgb(27 94 32/var(--tw-text-opacity,1))}.text-\\[\\#1E40AF\\]{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-\\[\\#334155\\]{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-\\[\\#365314\\]{--tw-text-opacity:1;color:rgb(54 83 20/var(--tw-text-opacity,1))}.text-\\[\\#3730A3\\]{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}.text-\\[\\#374151\\]{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-\\[\\#3F3F46\\]{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.text-\\[\\#404040\\]{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}.text-\\[\\#44403C\\]{--tw-text-opacity:1;color:rgb(68 64 60/var(--tw-text-opacity,1))}.text-\\[\\#646981\\]{--tw-text-opacity:1;color:rgb(100 105 129/var(--tw-text-opacity,1))}.text-\\[\\#6B21A8\\]{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-\\[\\#6D28D9\\]{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.text-\\[\\#878787\\]{--tw-text-opacity:1;color:rgb(135 135 135/var(--tw-text-opacity,1))}.text-\\[\\#92400E\\]{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-\\[\\#991B1B\\]{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-\\[\\#9A3412\\]{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-\\[\\#9D174D\\]{--tw-text-opacity:1;color:rgb(157 23 77/var(--tw-text-opacity,1))}.text-\\[\\#A21CAF\\]{--tw-text-opacity:1;color:rgb(162 28 175/var(--tw-text-opacity,1))}.text-\\[\\#B71C1C\\]{--tw-text-opacity:1;color:rgb(183 28 28/var(--tw-text-opacity,1))}.text-\\[\\#BE123C\\]{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-\\[\\#a0a4b3\\]{--tw-text-opacity:1;color:rgb(160 164 179/var(--tw-text-opacity,1))}.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-gray{--tw-text-opacity:1;color:rgb(160 164 179/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-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/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))}.opacity-50{opacity:.5}.\\!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-\\[0_4px_12px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.50\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_4px_12px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.50\\)\\]{--tw-shadow:0 4px 12px rgba(0,0,0,.5);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color)}.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-container,.shadow-header{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-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-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.outline{outline-style:solid}.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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.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)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}}.placeholder\\:\\!text-redError::-moz-placeholder{--tw-text-opacity:1!important;color:rgb(236 74 84/var(--tw-text-opacity,1))!important}.placeholder\\:\\!text-redError::placeholder{--tw-text-opacity:1!important;color:rgb(236 74 84/var(--tw-text-opacity,1))!important}.placeholder\\:text-gray::-moz-placeholder{--tw-text-opacity:1;color:rgb(160 164 179/var(--tw-text-opacity,1))}.placeholder\\:text-gray::placeholder{--tw-text-opacity:1;color:rgb(160 164 179/var(--tw-text-opacity,1))}.placeholder\\:text-redError::-moz-placeholder{--tw-text-opacity:1;color:rgb(236 74 84/var(--tw-text-opacity,1))}.placeholder\\:text-redError::placeholder{--tw-text-opacity:1;color:rgb(236 74 84/var(--tw-text-opacity,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\\: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-primary\\/50:hover{border-color:rgba(19,41,75,.5)}.hover\\:border-red-500:hover{--tw-border-opacity:1;border-color:rgb(239 68 68/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\\:bg-stoneBackground:hover{--tw-bg-opacity:1;background-color:rgb(250 250 251/var(--tw-bg-opacity,1))}.hover\\:font-bold:hover{font-weight:700}.hover\\:font-semibold:hover{font-weight:600}.hover\\:text-backgroundDark:hover{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.hover\\:text-primary:hover{--tw-text-opacity:1;color:rgb(19 41 75/var(--tw-text-opacity,1))}.hover\\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-md:hover{--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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}.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))}.group:hover .group-hover\\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.dark\\:bg-dark-100:is(.dark *){background-color:var(--color-dark-100)}.dark\\:bg-light-500:is(.dark *){background-color:var(--color-light-500)}.dark\\:text-light-500:is(.dark *){color:var(--color-light-500)}.dark\\:text-redError:is(.dark *){--tw-text-opacity:1;color:rgb(236 74 84/var(--tw-text-opacity,1))}.dark\\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:ring-offset-2:is(.dark *){--tw-ring-offset-width:2px}.dark\\:ring-offset-dark-100:is(.dark *){--tw-ring-offset-color:var(--color-dark-100)}.dark\\:checked\\:border-light-500:checked:is(.dark *){border-color:var(--color-light-500)}.dark\\:checked\\:bg-light-500:checked:is(.dark *){background-color:var(--color-light-500)}.dark\\:hover\\:bg-dark-400:hover:is(.dark *){background-color:var(--color-dark-400)}.dark\\:focus\\:border-light-500:focus:is(.dark *){border-color:var(--color-light-500)}@media (min-width:640px){.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:justify-end{justify-content:flex-end}}@media (min-width:768px){.md\\:w-1\\/2{width:50%}.md\\:min-w-\\[110px\\]{min-width:110px}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\\:w-1\\/3{width:33.333333%}.lg\\:min-w-\\[110px\\]{min-width:110px}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\\[\\&\\:\\:-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}";
|
|
48
|
+
var css_248z = "@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, primereact, tailwind-utilities, components;@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{:root{--color-primary:#13294b;--color-primary-hover:#0c1c34;--color-secondary:#e8ecf9;--color-secondary-hover:#a4b4e8;--color-gray:#a0a4b3;--color-gray-dark:#646981;--color-error:#ec4a54;--color-error-opacity:#a80a0a14;--color-success:#0aa836;--color-info:#0045ba;--color-surface:#fff;--color-surface-muted:#424242;--color-stone:#e6e6e6;--color-stone-dark:#c2c2c2;--color-stone-light:#f1f1f4;--color-stone-background:#fafafb;--color-placeholder:#a0a4b3;--color-placeholder-opacity:#a0a4b314;--color-borderGrayInput:#c0c3d0;--color-dark-100:#000;--color-dark-200:#0f1117;--color-dark-300:#151821;--color-dark-400:#212734;--color-dark-500:#101012;--color-light-100:#0c1c34;--color-light-200:#13294b;--color-light-300:#e8ecf9;--color-light-400:#a4b4e8;--color-light-500:#fff;--color-light-600:#475569}.p-calendar.p-custom input::-moz-placeholder{color:var(--color-placeholder)!important}.p-calendar.p-custom input::placeholder{color:var(--color-placeholder)!important}html.dark .p-datepicker{background-color:#000;border:1px solid #fff;color:#fff}html.dark .p-datepicker .p-datepicker-calendar td span{color:#fff}html.dark .p-datepicker .p-datepicker-header{background-color:#000;color:#fff}html.dark .p-datepicker .p-datepicker-today>span{border-color:#000;color:#000}html.light .p-datepicker-buttonbar .p-button{background-color:#0c1c34;border:none;color:#fff}html.light .p-datepicker-buttonbar .p-button:hover{background-color:#13294b}html.dark .p-datepicker-buttonbar .p-button{background-color:#0c1c34;border:none;color:#fff}html.dark .p-datepicker-buttonbar .p-button:hover{background-color:#13294b}.p-inputtextarea.p-invalid{border:1px solid var(--color-error)!important;border-radius:6px}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--color-text)!important;box-shadow:0 0 0 1000px var(--color-surface) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background-color:var(--color-primary)!important}.p-inputswitch:not(.p-inputswitch-checked) .p-inputswitch-slider{background-color:var(--color-secondary)!important;border-color:var(--color-secondary)!important}.p-inputswitch.p-inputswitch-checked.p-inputswitch-error{background-color:var(--color-error)!important;border-color:var(--color-error)!important}.p-inputswitch:not(.p-inputswitch-checked).p-inputswitch-error .p-inputswitch-slider{background-color:#a80a0a14!important}.p-calendar.p-invalid input::-moz-placeholder{color:var(--color-error)!important}.p-calendar.p-invalid input::placeholder{color:var(--color-error)!important}.p-calendar.p-invalid .p-inputtext{border-color:var(--color-error)!important}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-top-3{top:-.75rem}.bottom-0{bottom:0}.left-4{left:1rem}.right-1{right:.25rem}.right-3{right:.75rem}.right-5{right:1.25rem}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-5{top:1.25rem}.top-\\[9px\\]{top:9px}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\\[999\\]{z-index:999}.z-\\[9\\]{z-index:9}.m-0{margin:0}.-mb-\\[1px\\]{margin-bottom:-1px}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-3{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.\\!h-8{height:2rem!important}.h-2{height:.5rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\\[160px\\]{height:160px}.h-\\[20vw\\]{height:20vw}.h-\\[calc\\(100vh_-114\\.8px\\)\\]{height:calc(100vh - 114.8px)}.h-\\[calc\\(100vh_-_64px\\)\\]{height:calc(100vh - 64px)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-60{max-height:15rem}.max-h-\\[70vh\\]{max-height:70vh}.max-h-full{max-height:100%}.min-h-16{min-height:4rem}.min-h-\\[60px\\]{min-height:60px}.\\!w-8{width:2rem!important}.w-1\\/2{width:50%}.w-1\\/3{width:33.333333%}.w-10\\/12{width:83.333333%}.w-100{width:100%}.w-2{width:.5rem}.w-2\\/3{width:66.666667%}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-96{width:24rem}.w-\\[240px\\]{width:240px}.w-\\[276px\\]{width:276px}.w-\\[40rem\\]{width:40rem}.w-\\[40vw\\]{width:40vw}.w-\\[60vw\\]{width:60vw}.w-\\[90\\%\\]{width:90%}.w-\\[900px\\]{width:900px}.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-full{min-width:100%}.max-w-\\[calc\\(100\\%-20px\\)\\]{max-width:calc(100% - 20px)}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.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))}.translate-y-full{--tw-translate-y:100%}.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-auto{cursor:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,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-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-6{row-gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.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-b-2{border-bottom-width:2px}.border-l-0{border-left-width:0}.border-l-4{border-left-width:4px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\\[\\#1565C0\\]{--tw-border-opacity:1;border-color:rgb(21 101 192/var(--tw-border-opacity,1))}.border-\\[\\#2E7D32\\]{--tw-border-opacity:1;border-color:rgb(46 125 50/var(--tw-border-opacity,1))}.border-\\[\\#5EEAD4\\]{--tw-border-opacity:1;border-color:rgb(94 234 212/var(--tw-border-opacity,1))}.border-\\[\\#67E8F9\\]{--tw-border-opacity:1;border-color:rgb(103 232 249/var(--tw-border-opacity,1))}.border-\\[\\#6EE7B7\\]{--tw-border-opacity:1;border-color:rgb(110 231 183/var(--tw-border-opacity,1))}.border-\\[\\#7DD3FC\\]{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity,1))}.border-\\[\\#A5B4FC\\]{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity,1))}.border-\\[\\#BEF264\\]{--tw-border-opacity:1;border-color:rgb(190 242 100/var(--tw-border-opacity,1))}.border-\\[\\#BFDBFE\\]{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-\\[\\#C4B5FD\\]{--tw-border-opacity:1;border-color:rgb(196 181 253/var(--tw-border-opacity,1))}.border-\\[\\#C62828\\]{--tw-border-opacity:1;border-color:rgb(198 40 40/var(--tw-border-opacity,1))}.border-\\[\\#CBD5E1\\]{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.border-\\[\\#D1D5DB\\]{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-\\[\\#D4D4D4\\]{--tw-border-opacity:1;border-color:rgb(212 212 212/var(--tw-border-opacity,1))}.border-\\[\\#D4D4D8\\]{--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.border-\\[\\#D6D3D1\\]{--tw-border-opacity:1;border-color:rgb(214 211 209/var(--tw-border-opacity,1))}.border-\\[\\#F0ABFC\\]{--tw-border-opacity:1;border-color:rgb(240 171 252/var(--tw-border-opacity,1))}.border-\\[\\#F1F1F4\\]{--tw-border-opacity:1;border-color:rgb(241 241 244/var(--tw-border-opacity,1))}.border-\\[\\#F9A8D4\\]{--tw-border-opacity:1;border-color:rgb(249 168 212/var(--tw-border-opacity,1))}.border-\\[\\#FCA5A5\\]{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-\\[\\#FCD34D\\]{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-\\[\\#FDA4AF\\]{--tw-border-opacity:1;border-color:rgb(253 164 175/var(--tw-border-opacity,1))}.border-\\[\\#FDBA74\\]{--tw-border-opacity:1;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.border-\\[\\#e6e6e6\\]{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-\\[\\#f3f4f6\\]{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-background{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-dark-100{border-color:var(--color-dark-100)}.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-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/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-transparent{border-color:transparent}.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-\\[\\#13294b\\]{--tw-bg-opacity:1;background-color:rgb(19 41 75/var(--tw-bg-opacity,1))}.bg-\\[\\#646981\\]{--tw-bg-opacity:1;background-color:rgb(100 105 129/var(--tw-bg-opacity,1))}.bg-\\[\\#CCFBF1\\]{--tw-bg-opacity:1;background-color:rgb(204 251 241/var(--tw-bg-opacity,1))}.bg-\\[\\#CFFAFE\\]{--tw-bg-opacity:1;background-color:rgb(207 250 254/var(--tw-bg-opacity,1))}.bg-\\[\\#D1FAE5\\]{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-\\[\\#DBEAFE\\]{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-\\[\\#E0E7FF\\]{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-\\[\\#E0F2FE\\]{--tw-bg-opacity:1;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.bg-\\[\\#E3F2FD\\]{--tw-bg-opacity:1;background-color:rgb(227 242 253/var(--tw-bg-opacity,1))}.bg-\\[\\#E6F4EA\\]{--tw-bg-opacity:1;background-color:rgb(230 244 234/var(--tw-bg-opacity,1))}.bg-\\[\\#E7E5E4\\]{--tw-bg-opacity:1;background-color:rgb(231 229 228/var(--tw-bg-opacity,1))}.bg-\\[\\#ECFCCB\\]{--tw-bg-opacity:1;background-color:rgb(236 252 203/var(--tw-bg-opacity,1))}.bg-\\[\\#EDE9FE\\]{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.bg-\\[\\#F1F5F9\\]{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-\\[\\#F3F4F6\\]{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-\\[\\#F4F4F5\\]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.bg-\\[\\#F5F5F5\\]{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.bg-\\[\\#FAE8FF\\]{--tw-bg-opacity:1;background-color:rgb(250 232 255/var(--tw-bg-opacity,1))}.bg-\\[\\#FCE7F3\\]{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.bg-\\[\\#FEE2E2\\]{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-\\[\\#FEF3C7\\]{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-\\[\\#FEF9C3\\]{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-\\[\\#FFE4E6\\]{--tw-bg-opacity:1;background-color:rgb(255 228 230/var(--tw-bg-opacity,1))}.bg-\\[\\#FFEBEE\\]{--tw-bg-opacity:1;background-color:rgb(255 235 238/var(--tw-bg-opacity,1))}.bg-\\[\\#FFEDD5\\]{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-\\[\\#c084fc\\]{--tw-bg-opacity:1;background-color:rgb(192 132 252/var(--tw-bg-opacity,1))}.bg-\\[\\#e6e6e6\\]{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.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-blue{background-color:rgb(0 69 186/var(--tw-bg-opacity,1))}.bg-blue,.bg-gray{--tw-bg-opacity:1}.bg-gray{background-color:rgb(160 164 179/var(--tw-bg-opacity,1))}.bg-green{--tw-bg-opacity:1;background-color:rgb(10 168 54/var(--tw-bg-opacity,1))}.bg-greenBackground{background-color:#0aa83612}.bg-light-300{background-color:var(--color-light-300)}.bg-primary{--tw-bg-opacity:1;background-color:rgb(19 41 75/var(--tw-bg-opacity,1))}.bg-primary\\/5{background-color:rgba(19,41,75,.05)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.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-stoneBackground{--tw-bg-opacity:1;background-color:rgb(250 250 251/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}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\\[\\#f3f4f6\\]{--tw-gradient-from:#f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(243,244,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-dark-100{--tw-gradient-from:var(--color-dark-100) var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-dark-200{--tw-gradient-to:var(--color-dark-200) var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.\\!p-2{padding:.5rem!important}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[2px\\]{padding:2px}.\\!py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.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-top:1rem}.pb-4,.py-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-6{padding-left:1.5rem}.pr-4{padding-right:1rem}.pt-1\\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.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-\\[18px\\]{font-size:18px}.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-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.\\!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-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\\[\\#0369A1\\]{--tw-text-opacity:1;color:rgb(3 105 161/var(--tw-text-opacity,1))}.text-\\[\\#065F46\\]{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-\\[\\#0D47A1\\]{--tw-text-opacity:1;color:rgb(13 71 161/var(--tw-text-opacity,1))}.text-\\[\\#134E4A\\]{--tw-text-opacity:1;color:rgb(19 78 74/var(--tw-text-opacity,1))}.text-\\[\\#155E75\\]{--tw-text-opacity:1;color:rgb(21 94 117/var(--tw-text-opacity,1))}.text-\\[\\#1B5E20\\]{--tw-text-opacity:1;color:rgb(27 94 32/var(--tw-text-opacity,1))}.text-\\[\\#1E40AF\\]{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-\\[\\#334155\\]{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-\\[\\#365314\\]{--tw-text-opacity:1;color:rgb(54 83 20/var(--tw-text-opacity,1))}.text-\\[\\#3730A3\\]{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity,1))}.text-\\[\\#374151\\]{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-\\[\\#3F3F46\\]{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.text-\\[\\#404040\\]{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}.text-\\[\\#44403C\\]{--tw-text-opacity:1;color:rgb(68 64 60/var(--tw-text-opacity,1))}.text-\\[\\#6B21A8\\]{--tw-text-opacity:1;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-\\[\\#6D28D9\\]{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.text-\\[\\#878787\\]{--tw-text-opacity:1;color:rgb(135 135 135/var(--tw-text-opacity,1))}.text-\\[\\#92400E\\]{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-\\[\\#991B1B\\]{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-\\[\\#9A3412\\]{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-\\[\\#9D174D\\]{--tw-text-opacity:1;color:rgb(157 23 77/var(--tw-text-opacity,1))}.text-\\[\\#A21CAF\\]{--tw-text-opacity:1;color:rgb(162 28 175/var(--tw-text-opacity,1))}.text-\\[\\#B71C1C\\]{--tw-text-opacity:1;color:rgb(183 28 28/var(--tw-text-opacity,1))}.text-\\[\\#BE123C\\]{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-\\[\\#a0a4b3\\]{--tw-text-opacity:1;color:rgb(160 164 179/var(--tw-text-opacity,1))}.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-gray{--tw-text-opacity:1;color:rgb(160 164 179/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-light-500{color:var(--color-light-500)}.text-primary{--tw-text-opacity:1;color:rgb(19 41 75/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/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))}.opacity-50{opacity:.5}.\\!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-\\[0_4px_12px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.50\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0_4px_12px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.50\\)\\]{--tw-shadow:0 4px 12px rgba(0,0,0,.5);--tw-shadow-colored:0 4px 12px var(--tw-shadow-color)}.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-container,.shadow-header{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-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-md,.shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.outline{outline-style:solid}.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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.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)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}}.placeholder\\:\\!text-redError::-moz-placeholder{--tw-text-opacity:1!important;color:rgb(236 74 84/var(--tw-text-opacity,1))!important}.placeholder\\:\\!text-redError::placeholder{--tw-text-opacity:1!important;color:rgb(236 74 84/var(--tw-text-opacity,1))!important}.placeholder\\:text-gray::-moz-placeholder{--tw-text-opacity:1;color:rgb(160 164 179/var(--tw-text-opacity,1))}.placeholder\\:text-gray::placeholder{--tw-text-opacity:1;color:rgb(160 164 179/var(--tw-text-opacity,1))}.placeholder\\:text-redError::-moz-placeholder{--tw-text-opacity:1;color:rgb(236 74 84/var(--tw-text-opacity,1))}.placeholder\\:text-redError::placeholder{--tw-text-opacity:1;color:rgb(236 74 84/var(--tw-text-opacity,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\\: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-primary\\/50:hover{border-color:rgba(19,41,75,.5)}.hover\\:border-red-500:hover{--tw-border-opacity:1;border-color:rgb(239 68 68/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-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\\:bg-stoneBackground:hover{--tw-bg-opacity:1;background-color:rgb(250 250 251/var(--tw-bg-opacity,1))}.hover\\:font-bold:hover{font-weight:700}.hover\\:font-semibold:hover{font-weight:600}.hover\\:text-backgroundDark:hover{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.hover\\:text-primary:hover{--tw-text-opacity:1;color:rgb(19 41 75/var(--tw-text-opacity,1))}.hover\\:text-slate-200:hover{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity,1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-md:hover{--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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}.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))}.group:hover .group-hover\\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.dark\\:border:is(.dark *){border-width:1px}.dark\\:border-dark-300:is(.dark *){border-color:var(--color-dark-300)}.dark\\:border-dark-400:is(.dark *){border-color:var(--color-dark-400)}.dark\\:border-dark-500:is(.dark *){border-color:var(--color-dark-500)}.dark\\:border-light-500:is(.dark *){border-color:var(--color-light-500)}.dark\\:border-stoneDark:is(.dark *){--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity,1))}.dark\\:border-b-dark-400:is(.dark *){border-bottom-color:var(--color-dark-400)}.dark\\:border-b-light-500:is(.dark *){border-bottom-color:var(--color-light-500)}.dark\\:bg-dark-100:is(.dark *){background-color:var(--color-dark-100)}.dark\\:bg-dark-200:is(.dark *){background-color:var(--color-dark-200)}.dark\\:bg-dark-400:is(.dark *){background-color:var(--color-dark-400)}.dark\\:bg-dark-500:is(.dark *){background-color:var(--color-dark-500)}.dark\\:text-light-500:is(.dark *){color:var(--color-light-500)}.dark\\:text-redError:is(.dark *){--tw-text-opacity:1;color:rgb(236 74 84/var(--tw-text-opacity,1))}.dark\\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:shadow-dark-400:is(.dark *){--tw-shadow-color:var(--color-dark-400);--tw-shadow:var(--tw-shadow-colored)}.dark\\:ring-offset-2:is(.dark *){--tw-ring-offset-width:2px}.dark\\:ring-offset-dark-100:is(.dark *){--tw-ring-offset-color:var(--color-dark-100)}.dark\\:checked\\:border-light-500:checked:is(.dark *){border-color:var(--color-light-500)}.dark\\:checked\\:bg-light-500:checked:is(.dark *){background-color:var(--color-light-500)}.dark\\:hover\\:border-light-500:hover:is(.dark *){border-color:var(--color-light-500)}.dark\\:hover\\:bg-dark-400:hover:is(.dark *){background-color:var(--color-dark-400)}.dark\\:hover\\:text-light-500:hover:is(.dark *){color:var(--color-light-500)}.dark\\:focus\\:border-light-500:focus:is(.dark *){border-color:var(--color-light-500)}@media (min-width:640px){.sm\\:w-auto{width:auto}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:justify-end{justify-content:flex-end}}@media (min-width:768px){.md\\:w-1\\/2{width:50%}.md\\:min-w-\\[110px\\]{min-width:110px}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\\:w-1\\/3{width:33.333333%}.lg\\:min-w-\\[110px\\]{min-width:110px}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\\[\\&\\:\\:-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}";
|
|
49
49
|
styleInject(css_248z,{"insertAt":"top"});
|
|
50
50
|
|
|
51
51
|
function Accordion({ tabsChildren, headers, multiple = false, activeIndex, className, onClickFavorite, showFavorite = false, }) {
|
|
@@ -64,184 +64,12 @@ function Accordion({ tabsChildren, headers, multiple = false, activeIndex, class
|
|
|
64
64
|
setOpenIndexes((prev) => (prev.includes(index) ? [] : [index]));
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
-
return (jsx("div", { className: clsx('w-full flex flex-col text-primary', className), children: tabsChildren.map((tab, index) => (jsxs("div", { className: "w-full", children: [jsx("div", { className: "flex items-center justify-between w-full border-b border-b-primary bg-background", children: jsxs("button", { onClick: () => toggleTab(index), className: "flex items-center justify-between w-full px-4 py-2", "aria-label": "Abrir aba de menus", children: [jsxs("div", { className: "flex items-center gap-3", children: [showFavorite && (jsx("i", { className: clsx('text-primary cursor-pointer text-lg', headers[index]?.isFavorite
|
|
67
|
+
return (jsx("div", { className: clsx('w-full flex flex-col text-primary dark:bg-dark-100 dark:text-light-500', className), children: tabsChildren.map((tab, index) => (jsxs("div", { className: "w-full", children: [jsx("div", { className: "flex items-center justify-between w-full border-b border-b-primary bg-background dark:bg-dark-100 dark:text-light-500 dark:border-b-light-500", children: jsxs("button", { onClick: () => toggleTab(index), className: "flex items-center justify-between w-full px-4 py-2", "aria-label": "Abrir aba de menus", children: [jsxs("div", { className: "flex items-center gap-3", children: [showFavorite && (jsx("i", { className: clsx('text-primary cursor-pointer text-lg dark:bg-dark-100 dark:text-light-500', headers[index]?.isFavorite
|
|
68
68
|
? 'pi pi-star-fill text-primary'
|
|
69
69
|
: 'pi pi-star'), onClick: (e) => {
|
|
70
70
|
e.stopPropagation();
|
|
71
71
|
onClickFavorite?.(index);
|
|
72
|
-
} })), jsx("span", { className: "text-left text-primary text-base font-bold font-roboto", children: headers[index].label })] }), jsx("i", { className: clsx('pi', openIndexes.includes(index) ? 'pi-angle-up' : 'pi-angle-down', 'text-primary ml-4') })] }) }), openIndexes.includes(index) && jsx("div", { className: "py-4", children: tab })] }, index))) }));
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
const FloatingLabel = ({ value, label, disabled, error, }) => {
|
|
76
|
-
const [isFloating, setIsFloating] = useState(!!value);
|
|
77
|
-
useEffect(() => {
|
|
78
|
-
setIsFloating(!!value);
|
|
79
|
-
}, [value]);
|
|
80
|
-
return (jsx("label", { className: clsx('absolute left-4 text-gray transition-all bg-background px-1 z-20 font-roboto text-sm dark:bg-dark-100 dark:text-light-500', isFloating ? '-top-3 text-primary dark:text-light-500' : 'top-[9px]', disabled
|
|
81
|
-
? 'text-stoneDark'
|
|
82
|
-
: error
|
|
83
|
-
? 'text-redError dark:text-redError'
|
|
84
|
-
: 'text-gray'), children: isFloating ? label : value }));
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
const maskCPF = (value) => {
|
|
88
|
-
value = value.replace(/\D/g, '');
|
|
89
|
-
value = value.slice(0, 11);
|
|
90
|
-
if (value.length <= 3) {
|
|
91
|
-
return value;
|
|
92
|
-
}
|
|
93
|
-
if (value.length <= 6) {
|
|
94
|
-
return value.replace(/(\d{3})(\d{1,})/, '$1.$2');
|
|
95
|
-
}
|
|
96
|
-
if (value.length <= 9) {
|
|
97
|
-
return value.replace(/(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3');
|
|
98
|
-
}
|
|
99
|
-
return value.replace(/(\d{3})(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3-$4');
|
|
100
|
-
};
|
|
101
|
-
const maskCNPJ = (value) => {
|
|
102
|
-
value = value.replace(/\D/g, '');
|
|
103
|
-
value = value.slice(0, 14);
|
|
104
|
-
if (value.length <= 2) {
|
|
105
|
-
return value;
|
|
106
|
-
}
|
|
107
|
-
if (value.length <= 5) {
|
|
108
|
-
return value.replace(/(\d{2})(\d{1,})/, '$1.$2');
|
|
109
|
-
}
|
|
110
|
-
if (value.length <= 8) {
|
|
111
|
-
return value.replace(/(\d{2})(\d{3})(\d{1,})/, '$1.$2.$3');
|
|
112
|
-
}
|
|
113
|
-
if (value.length <= 12) {
|
|
114
|
-
return value.replace(/(\d{2})(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3/$4');
|
|
115
|
-
}
|
|
116
|
-
return value.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{1,})/, '$1.$2.$3/$4-$5');
|
|
117
|
-
};
|
|
118
|
-
// export const maskNumber = (value: string) => {
|
|
119
|
-
// value = value.replace(/\D/g, '');
|
|
120
|
-
// value = value.slice(0, 12);
|
|
121
|
-
// return value.replace(/(\d)(\d{2})$/, '$1,$2');
|
|
122
|
-
// };
|
|
123
|
-
const maskOnlyNumbers = (value) => {
|
|
124
|
-
value = value.replace(/\D/g, '');
|
|
125
|
-
value = value.slice(0, 15);
|
|
126
|
-
return value;
|
|
127
|
-
};
|
|
128
|
-
const maskNumberWithDecimal = (value) => {
|
|
129
|
-
const regex = /^[0-9]+([.,][0-9]+)?$/;
|
|
130
|
-
value = value.slice(0, 20);
|
|
131
|
-
if (!regex.test(value)) {
|
|
132
|
-
return value.replace(/[^0-9.,]/g, '').replace(/([.,]).*\1/g, '$1');
|
|
133
|
-
}
|
|
134
|
-
return value;
|
|
135
|
-
};
|
|
136
|
-
const maskCellphone = (value) => {
|
|
137
|
-
value = value.replace(/\D/g, '');
|
|
138
|
-
value = value.slice(0, 11);
|
|
139
|
-
if (value.length <= 2) {
|
|
140
|
-
return value.replace(/(\d{2})/, '($1');
|
|
141
|
-
}
|
|
142
|
-
if (value.length <= 6) {
|
|
143
|
-
return value.replace(/(\d{2})(\d{4})/, '($1) $2');
|
|
144
|
-
}
|
|
145
|
-
return value.replace(/(\d{2})(\d{4})(\d{4})/, '($1) $2-$3');
|
|
146
|
-
};
|
|
147
|
-
const maskPhone = (value) => {
|
|
148
|
-
value = value.replace(/\D/g, '');
|
|
149
|
-
value = value.slice(0, 10);
|
|
150
|
-
if (value.length <= 2) {
|
|
151
|
-
return value.replace(/(\d{2})/, '($1');
|
|
152
|
-
}
|
|
153
|
-
if (value.length <= 6) {
|
|
154
|
-
return value.replace(/(\d{2})(\d{4})/, '($1) $2');
|
|
155
|
-
}
|
|
156
|
-
return value.replace(/(\d{2})(\d{4})(\d{4})/, '($1) $2-$3');
|
|
157
|
-
};
|
|
158
|
-
const maskCEP = (value) => {
|
|
159
|
-
value = value.replace(/\D/g, '');
|
|
160
|
-
value = value.slice(0, 8);
|
|
161
|
-
return value.replace(/(\d{5})(\d{1,})/, '$1-$2');
|
|
162
|
-
};
|
|
163
|
-
const maskMoneyBRL = (value) => {
|
|
164
|
-
value = value.replace(/\D/g, '');
|
|
165
|
-
if (!value)
|
|
166
|
-
return '';
|
|
167
|
-
value = value.slice(0, 13);
|
|
168
|
-
const numericValue = parseFloat(value) / 100;
|
|
169
|
-
return numericValue.toLocaleString('pt-BR', {
|
|
170
|
-
style: 'currency',
|
|
171
|
-
currency: 'BRL',
|
|
172
|
-
});
|
|
173
|
-
};
|
|
174
|
-
|
|
175
|
-
const variants$4 = {
|
|
176
|
-
green: 'text-green',
|
|
177
|
-
gray: 'text-gray',
|
|
178
|
-
};
|
|
179
|
-
function Input({ onChange, placeholder, disabled = false, error, icon, onClickIcon, iconColor = 'green', label, mask, ...props }) {
|
|
180
|
-
const inputId = useId();
|
|
181
|
-
const [inputValue, setInputValue] = useState('');
|
|
182
|
-
const applyMask = (value, mask) => {
|
|
183
|
-
switch (mask) {
|
|
184
|
-
case 'cpf':
|
|
185
|
-
return maskCPF(value);
|
|
186
|
-
case 'cnpj':
|
|
187
|
-
return maskCNPJ(value);
|
|
188
|
-
case 'numbers':
|
|
189
|
-
return maskOnlyNumbers(value);
|
|
190
|
-
case 'cellphone':
|
|
191
|
-
return maskCellphone(value);
|
|
192
|
-
case 'phone':
|
|
193
|
-
return maskPhone(value);
|
|
194
|
-
case 'decimal':
|
|
195
|
-
return maskNumberWithDecimal(value);
|
|
196
|
-
case 'cep':
|
|
197
|
-
return maskCEP(value);
|
|
198
|
-
case 'currency':
|
|
199
|
-
return maskMoneyBRL(value);
|
|
200
|
-
default:
|
|
201
|
-
return value;
|
|
202
|
-
}
|
|
203
|
-
};
|
|
204
|
-
useEffect(() => {
|
|
205
|
-
const formatted = applyMask(props?.value ?? '', mask);
|
|
206
|
-
setInputValue(formatted);
|
|
207
|
-
}, [props?.value, mask]);
|
|
208
|
-
const handleChange = (e) => {
|
|
209
|
-
const value = applyMask(e.target.value, mask);
|
|
210
|
-
setInputValue(value);
|
|
211
|
-
onChange(value);
|
|
212
|
-
};
|
|
213
|
-
const hasError = (props?.value && error && !disabled) ||
|
|
214
|
-
(!!error && !disabled && props?.value?.length === 0);
|
|
215
|
-
return (jsxs("div", { className: "relative flex flex-col w-100", children: [jsxs(IconField, { className: "w-100", children: [jsx(InputIcon, { className: clsx(`pi ${icon} px-2 cursor-pointer`, hasError
|
|
216
|
-
? 'text-redError'
|
|
217
|
-
: disabled
|
|
218
|
-
? 'text-stone'
|
|
219
|
-
: variants$4[iconColor]), onClick: onClickIcon }), jsx(InputText, { id: inputId, type: "text", placeholder: placeholder, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md text-grayDark dark:bg-dark-100', hasError
|
|
220
|
-
? 'border-redError placeholder:text-redError'
|
|
221
|
-
: 'border-gray focus:border-primary dark:focus:border-light-500', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray'), onChange: handleChange, disabled: disabled, invalid: hasError, ...props, value: inputValue })] }), jsx(FloatingLabel, { value: props?.value ? props?.value?.toString() : '', label: label || '', disabled: disabled, error: error }), hasError && jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
function AutoComplete({ items, onChange, error, ...props }) {
|
|
225
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
226
|
-
const [filteredItems, setFilteredItems] = useState(items);
|
|
227
|
-
const handleInputChange = (value) => {
|
|
228
|
-
onChange(value);
|
|
229
|
-
setIsOpen(!!value);
|
|
230
|
-
const filtered = items.filter((item) => item.toLowerCase().includes(value.toLowerCase()));
|
|
231
|
-
setFilteredItems(filtered);
|
|
232
|
-
};
|
|
233
|
-
const handleSelect = (selectedValue) => {
|
|
234
|
-
onChange(selectedValue);
|
|
235
|
-
setIsOpen(false);
|
|
236
|
-
};
|
|
237
|
-
const handleIconClick = () => {
|
|
238
|
-
if (isOpen) {
|
|
239
|
-
onChange('');
|
|
240
|
-
setFilteredItems(items);
|
|
241
|
-
}
|
|
242
|
-
setIsOpen(!isOpen);
|
|
243
|
-
};
|
|
244
|
-
return (jsxs("div", { className: "relative w-100", children: [jsx(IconField, { className: "w-100", children: jsx(Input, { ...props, onChange: handleInputChange, icon: isOpen ? 'pi-times' : 'pi-search', iconColor: isOpen ? 'gray' : 'green', onClickIcon: handleIconClick, error: error }) }), isOpen && filteredItems.length > 0 && (jsx("div", { className: "absolute w-100 max-h-48 -bottom-1 translate-y-full overflow-y-auto bg-white shadow-md z-10 rounded-md border border-stoneDark [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark", children: jsx("ul", { children: filteredItems.map((item) => (jsx("li", { onClick: () => handleSelect(item), className: "p-3 text-backgroundDark cursor-pointer hover:bg-secondary rounded-md", children: item }, item))) }) }))] }));
|
|
72
|
+
} })), jsx("span", { className: "text-left text-primary text-base font-bold font-roboto dark:bg-dark-100 dark:text-light-500", children: headers[index].label })] }), jsx("i", { className: clsx('pi', openIndexes.includes(index) ? 'pi-angle-up' : 'pi-angle-down', 'text-primary ml-4') })] }) }), openIndexes.includes(index) && jsx("div", { className: "py-4", children: tab })] }, index))) }));
|
|
245
73
|
}
|
|
246
74
|
|
|
247
75
|
function LogoSmall() {
|
|
@@ -249,14 +77,14 @@ function LogoSmall() {
|
|
|
249
77
|
}
|
|
250
78
|
|
|
251
79
|
function BasicHeader() {
|
|
252
|
-
return (jsx(Fragment, { children: jsx("div", { className: "w-100 min-h-16 border-b border-b-stone flex flex-row justify-between items-center px-8 shadow-header", children: jsx("div", { className: "flex flex-row items-center gap-4", children: jsx(LogoSmall, {}) }) }) }));
|
|
80
|
+
return (jsx(Fragment, { children: jsx("div", { className: "w-100 min-h-16 border-b border-b-stone flex flex-row justify-between items-center px-8 shadow-header dark:bg-dark-100 dark:border-b-dark-400", children: jsx("div", { className: "flex flex-row items-center gap-4", children: jsx(LogoSmall, {}) }) }) }));
|
|
253
81
|
}
|
|
254
82
|
|
|
255
83
|
function Breadcrumb({ items }) {
|
|
256
|
-
return (jsx("nav", { className: "w-100", children: jsx("ol", { className: "flex items-center gap-2", children: items?.map((item, index) => (jsxs("li", { className: "flex flex-row gap-2", "aria-label": "breadcrumb", children: [jsx(Link$1, { to: item.href, className: clsx('text-base text-primary hover:underline'), children: item.label }), index < items.length - 1 && (jsx("span", { className: "text-base text-primary", children: '>' }))] }, index))) }) }));
|
|
84
|
+
return (jsx("nav", { className: "w-100", children: jsx("ol", { className: "flex items-center gap-2", children: items?.map((item, index) => (jsxs("li", { className: "flex flex-row gap-2", "aria-label": "breadcrumb", children: [jsx(Link$1, { to: item.href, className: clsx('text-base text-primary hover:underline dark:text-light-500'), children: item.label }), index < items.length - 1 && (jsx("span", { className: "text-base text-primary dark:text-light-500", children: '>' }))] }, index))) }) }));
|
|
257
85
|
}
|
|
258
86
|
|
|
259
|
-
const variants$
|
|
87
|
+
const variants$4 = {
|
|
260
88
|
primary: 'bg-primary !text-background border-primary hover:bg-primaryActive disabled:bg-stoneDark disabled:border-stoneDark',
|
|
261
89
|
outline: 'bg-background !text-primary border-primary hover:bg-stone disabled:bg-stoneDark disabled:text-background disabled:border-stoneDark',
|
|
262
90
|
secondary: 'bg-stoneLight !text-grayDark border-stoneLight hover:bg-stone hover:border-stone disabled:bg-stone disabled:border-stone',
|
|
@@ -266,9 +94,21 @@ const variants$3 = {
|
|
|
266
94
|
tab: 'bg-background !text-primary border-background hover:bg-secondaryActive hover:border-grayDark disabled:bg-stoneDark disabled:text-background disabled:border-stoneDark',
|
|
267
95
|
};
|
|
268
96
|
function Button({ variant = 'primary', selected = false, rightIcon, className, width = 'w-100', ...props }) {
|
|
269
|
-
return (jsx(Button$1, { ...props, className: clsx('!py-2 !shadow-none font-roboto', variants$
|
|
97
|
+
return (jsx(Button$1, { ...props, className: clsx('!py-2 !shadow-none font-roboto', variants$4[variant], selected && variant === 'tab' && 'bg-secondary border-grayDark ', width, className), "aria-label": "Componente Bot\u00E3o Padr\u00E3o", children: rightIcon && jsx("span", { className: `pi pl-2 ${rightIcon}`, children: " " }) }));
|
|
270
98
|
}
|
|
271
99
|
|
|
100
|
+
const FloatingLabel = ({ value, label, disabled, error, }) => {
|
|
101
|
+
const [isFloating, setIsFloating] = useState(!!value);
|
|
102
|
+
useEffect(() => {
|
|
103
|
+
setIsFloating(!!value);
|
|
104
|
+
}, [value]);
|
|
105
|
+
return (jsx("label", { className: clsx('absolute left-4 text-gray transition-all bg-background px-1 z-20 font-roboto text-sm dark:bg-dark-100 dark:text-light-500', isFloating ? '-top-3 text-primary dark:text-light-500' : 'top-[9px]', disabled
|
|
106
|
+
? 'text-stoneDark'
|
|
107
|
+
: error
|
|
108
|
+
? 'text-redError dark:text-redError'
|
|
109
|
+
: 'text-gray'), children: isFloating ? label : value }));
|
|
110
|
+
};
|
|
111
|
+
|
|
272
112
|
addLocale('pt-BR', {
|
|
273
113
|
firstDayOfWeek: 0,
|
|
274
114
|
dayNames: [
|
|
@@ -365,30 +205,56 @@ function CalendarInput({ error, placeholder = 'Selecione uma data', label, disab
|
|
|
365
205
|
: 'border-gray focus:border-primary', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError p-invalid', !error && 'border-gray p-custom'), dateFormat: "dd/mm/yy", inputStyle: {
|
|
366
206
|
border: `0.3px solid ${error && !props.value ? '#EC4A54' : '#A0A4B3'}`,
|
|
367
207
|
boxShadow: 'none',
|
|
368
|
-
color: hasError ? '#EC4A54' : '#646981',
|
|
208
|
+
color: hasError ? '#EC4A54' : isDarkMode ? '#FFFFFF' : '#646981',
|
|
369
209
|
borderRadius: '6px',
|
|
370
210
|
fontSize: '16px',
|
|
371
211
|
height: '42px',
|
|
372
212
|
background: isDarkMode ? '#000000' : '#FFFFFF',
|
|
373
|
-
}, hideOnDateTimeSelect: true, hideOnRangeSelection: true, dateTemplate: dateTemplate, invalid: hasError, locale: "pt-BR"
|
|
213
|
+
}, hideOnDateTimeSelect: true, hideOnRangeSelection: true, dateTemplate: dateTemplate, invalid: hasError, locale: "pt-BR" }), jsx(InputIcon, { className: clsx(`pi pi-calendar text-gray cursor-pointer absolute right-3 top-1/2 transform -translate-y-1/2`, disabled && 'text-disabled', hasError && 'text-redError') })] }), hasError && (jsx("div", { className: "mb-4", children: jsx("span", { className: "absolute text-redError text-xs px-2", children: error }) }))] }) }));
|
|
374
214
|
}
|
|
375
215
|
|
|
376
216
|
function Card({ children, className, ariaLabel = 'Card de informação', }) {
|
|
377
|
-
return (jsx("div", { className: clsx('
|
|
217
|
+
return (jsx("div", { className: clsx('shadow-container rounded-md p-3 text-primary dark:text-white bg-background dark:bg-dark-100 dark:border dark:border-dark-500 dark:shadow-dark-400', className ? className : 'w-full h-full'), "aria-label": ariaLabel, children: children }));
|
|
378
218
|
}
|
|
379
219
|
|
|
380
|
-
function CardButton({ label, description, onClick
|
|
381
|
-
|
|
220
|
+
function CardButton({ label, description, onClick }) {
|
|
221
|
+
const [isDarkMode, setIsDarkMode] = useState(false);
|
|
222
|
+
useEffect(() => {
|
|
223
|
+
const htmlClassList = document.documentElement.classList;
|
|
224
|
+
setIsDarkMode(htmlClassList.contains('dark'));
|
|
225
|
+
const observer = new MutationObserver(() => {
|
|
226
|
+
setIsDarkMode(document.documentElement.classList.contains('dark'));
|
|
227
|
+
});
|
|
228
|
+
observer.observe(document.documentElement, {
|
|
229
|
+
attributes: true,
|
|
230
|
+
attributeFilter: ['class'],
|
|
231
|
+
});
|
|
232
|
+
return () => observer.disconnect();
|
|
233
|
+
}, []);
|
|
234
|
+
return (jsxs("div", { className: `cursor-pointer rounded-2xl p-4 h-[160px] w-full bg-gradient-to-br hover:shadow-md transition-shadow duration-200 border dark:bg-dark-100 dark:border dark:border-dark-500 dark:shadow-dark-400 ${isDarkMode ? 'border-dark-100 from-dark-100 to-dark-200' : 'border-[#f3f4f6] from-[#f3f4f6] to-white'}`, onClick: () => {
|
|
382
235
|
if (onClick)
|
|
383
236
|
onClick();
|
|
384
|
-
}, children: [jsx("h3", { className: `text-lg font-bold ${
|
|
237
|
+
}, children: [jsx("h3", { className: `text-lg font-bold ${isDarkMode ? 'text-light-500' : 'text-primary'}`, children: label }), description && (jsx("p", { className: `text-sm mt-2 line-clamp-3 ${isDarkMode ? 'text-light-500' : 'text-primary'}`, children: description }))] }));
|
|
385
238
|
}
|
|
386
239
|
|
|
387
|
-
function CardIconsButton({ label, leftIcon, onClick,
|
|
388
|
-
|
|
240
|
+
function CardIconsButton({ label, leftIcon, onClick, }) {
|
|
241
|
+
const [isDarkMode, setIsDarkMode] = useState(false);
|
|
242
|
+
useEffect(() => {
|
|
243
|
+
const htmlClassList = document.documentElement.classList;
|
|
244
|
+
setIsDarkMode(htmlClassList.contains('dark'));
|
|
245
|
+
const observer = new MutationObserver(() => {
|
|
246
|
+
setIsDarkMode(document.documentElement.classList.contains('dark'));
|
|
247
|
+
});
|
|
248
|
+
observer.observe(document.documentElement, {
|
|
249
|
+
attributes: true,
|
|
250
|
+
attributeFilter: ['class'],
|
|
251
|
+
});
|
|
252
|
+
return () => observer.disconnect();
|
|
253
|
+
}, []);
|
|
254
|
+
return (jsxs("div", { className: `cursor-pointer rounded-xl p-4 w-full min-h-[60px] bg-gradient-to-br hover:shadow-md transition-shadow duration-200 border flex items-center justify-between gap-4 dark:bg-dark-100 dark:border dark:border-dark-500 dark:shadow-dark-400 ${isDarkMode ? 'border-dark-100 from-dark-100 to-dark-200' : 'border-[#f3f4f6] from-[#f3f4f6] to-white'}`, onClick: () => {
|
|
389
255
|
if (onClick)
|
|
390
256
|
onClick();
|
|
391
|
-
}, "aria-label": `Botão de navegação para ${label}`, children: [jsxs("div", { className: "flex items-center gap-3 flex-grow overflow-hidden", children: [leftIcon && (jsx("div", { className: `text-xl flex-shrink-0 flex items-center ${
|
|
257
|
+
}, "aria-label": `Botão de navegação para ${label}`, children: [jsxs("div", { className: "flex items-center gap-3 flex-grow overflow-hidden", children: [leftIcon && (jsx("div", { className: `text-xl flex-shrink-0 flex items-center ${isDarkMode ? 'text-light-500' : 'text-primary'}`, children: leftIcon })), jsx("h3", { className: `text-base font-semibold break-words ${isDarkMode ? 'text-light-500' : 'text-primary'}`, children: label })] }), jsx("div", { className: "flex items-center justify-center h-full", children: jsx("i", { className: `pi pi-angle-right text-xl flex-shrink-0 ${isDarkMode ? 'text-light-500' : 'text-primary'}` }) })] }));
|
|
392
258
|
}
|
|
393
259
|
|
|
394
260
|
function Charts({ type, labels, datasets, title, stacked = false, horizontal = false, legendPosition = 'top', }) {
|
|
@@ -447,13 +313,26 @@ function Divider({ ...props }) {
|
|
|
447
313
|
return jsx(Divider$1, { className: "w-full h-px bg-secondary", ...props });
|
|
448
314
|
}
|
|
449
315
|
|
|
450
|
-
function EmptyContent({ message = 'Não há dados disponíveis.' }) {
|
|
451
|
-
return (jsx("div", { className: "p-6 text-justify text-primary bg-stoneBackground", children: jsxs("div", { className:
|
|
316
|
+
function EmptyContent({ message = 'Não há dados disponíveis.', }) {
|
|
317
|
+
return (jsx("div", { className: "p-6 text-justify text-primary bg-stoneBackground dark:bg-dark-200 dark:text-light-500", children: jsxs("div", { className: "py-2 px-4 rounded-lg font-semibold", children: [jsx("i", { className: "pi pi-database mr-2" }), message] }) }));
|
|
452
318
|
}
|
|
453
319
|
|
|
454
|
-
function ExpandablePanel({ title, children, defaultOpen = true,
|
|
320
|
+
function ExpandablePanel({ title, children, defaultOpen = true, }) {
|
|
455
321
|
const [isOpen, setIsOpen] = useState(defaultOpen);
|
|
456
|
-
|
|
322
|
+
const [isDarkMode, setIsDarkMode] = useState(false);
|
|
323
|
+
useEffect(() => {
|
|
324
|
+
const htmlClassList = document.documentElement.classList;
|
|
325
|
+
setIsDarkMode(htmlClassList.contains('dark'));
|
|
326
|
+
const observer = new MutationObserver(() => {
|
|
327
|
+
setIsDarkMode(document.documentElement.classList.contains('dark'));
|
|
328
|
+
});
|
|
329
|
+
observer.observe(document.documentElement, {
|
|
330
|
+
attributes: true,
|
|
331
|
+
attributeFilter: ['class'],
|
|
332
|
+
});
|
|
333
|
+
return () => observer.disconnect();
|
|
334
|
+
}, []);
|
|
335
|
+
return (jsx("div", { className: "relative p-[2px] rounded-lg mb-4", children: jsxs("div", { className: "bg-white rounded-lg overflow-hidden border border-stone dark:bg-dark-500 dark:border-dark-300 ", children: [jsxs("div", { className: `flex justify-between items-center px-4 py-2 cursor-pointer bg-gradient-to-r ${isDarkMode ? 'border-dark-100 from-dark-100 to-dark-200' : 'border-[#f3f4f6] from-[#f3f4f6] to-white'}`, onClick: () => setIsOpen(!isOpen), children: [jsx("div", { className: `text-xl font-bold ${isDarkMode ? 'text-light-500' : 'text-primary'}`, children: title }), jsx("button", { children: isOpen ? (jsx("i", { className: `pi pi-chevron-down ${isDarkMode ? 'text-light-500' : 'text-primary'}` })) : (jsx("i", { className: `pi pi-chevron-up ${isDarkMode ? 'text-light-500' : 'text-primary'}` })) })] }), isOpen && (jsx("div", { className: "p-4 text-primary dark:text-light-500 ", children: children }))] }) }));
|
|
457
336
|
}
|
|
458
337
|
|
|
459
338
|
function FileUpload({ label = 'Enviar arquivos', value = [], onChange, multiple = true, fileTypes, className, error, disabled = false, }) {
|
|
@@ -536,9 +415,9 @@ function FileUpload({ label = 'Enviar arquivos', value = [], onChange, multiple
|
|
|
536
415
|
};
|
|
537
416
|
const visibleFiles = uploadFiles.filter((file) => !file.isDeleted);
|
|
538
417
|
const isDisabled = !multiple && visibleFiles.length > 0;
|
|
539
|
-
return (jsxs("div", { className: clsx('space-y-3', className), children: [jsx("label", { htmlFor: "file-upload", className: "text-[18px] font-medium text-primary", children: label }), jsxs("div", { role: "button", "aria-label": "\u00C1rea de envio de arquivos", "aria-disabled": isDisabled || disabled, className: clsx('border-2 border-dashed rounded-lg p-2 text-center cursor-pointer transition-colors', isDragging && !error
|
|
418
|
+
return (jsxs("div", { className: clsx('space-y-3', className), children: [jsx("label", { htmlFor: "file-upload", className: "text-[18px] font-medium text-primary dark:text-light-500", children: label }), jsxs("div", { role: "button", "aria-label": "\u00C1rea de envio de arquivos", "aria-disabled": isDisabled || disabled, className: clsx('border-2 border-dashed rounded-lg p-2 text-center cursor-pointer transition-colors', isDragging && !error
|
|
540
419
|
? 'border-primary bg-primary/5'
|
|
541
|
-
: 'border-[#e6e6e6] hover:border-primary/50', isDisabled || (disabled && 'bg-gray-200 cursor-auto'), error && 'border-red-500 hover:border-red-500'), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => fileInputRef.current?.click(), children: [jsx("input", { id: "file-upload", ref: fileInputRef, type: "file", onChange: (e) => handleFileChange(e.target.files), className: "hidden", multiple: multiple, accept: getAcceptedMimeTypes(fileTypes), disabled: isDisabled || disabled }), jsxs("div", { className: "flex flex-col items-center justify-center space-y-3", children: [jsx("i", { className: "pi pi-upload text-xl text-[#a0a4b3]" }), jsx("p", { className: "text-lg font-semibold text-primary", children: isDisabled ? 'Limite atingido' : 'Arraste e solte arquivos aqui' }), jsx("p", { className: "text-sm text-[#a0a4b3]", children: isDisabled
|
|
420
|
+
: 'border-[#e6e6e6] hover:border-primary/50 dark:hover:border-light-500 dark:border-stoneDark', isDisabled || (disabled && 'bg-gray-200 cursor-auto'), error && 'border-red-500 hover:border-red-500'), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => fileInputRef.current?.click(), children: [jsx("input", { id: "file-upload", ref: fileInputRef, type: "file", onChange: (e) => handleFileChange(e.target.files), className: "hidden", multiple: multiple, accept: getAcceptedMimeTypes(fileTypes), disabled: isDisabled || disabled }), jsxs("div", { className: "flex flex-col items-center justify-center space-y-3", children: [jsx("i", { className: "pi pi-upload text-xl text-[#a0a4b3]" }), jsx("p", { className: "text-lg font-semibold text-primary dark:text-light-500", children: isDisabled ? 'Limite atingido' : 'Arraste e solte arquivos aqui' }), jsx("p", { className: "text-sm text-[#a0a4b3]", children: isDisabled
|
|
542
421
|
? 'Já possui um arquivo selecionado'
|
|
543
422
|
: 'ou clique para selecionar arquivos' }), jsx("p", { className: "text-xs text-[#a0a4b3]", children: getSupportedFileText(fileTypes) })] })] }), error && (jsx("span", { className: "text-redError text-xs", role: "alert", "aria-live": "assertive", children: error })), visibleFiles.length > 0 && (jsxs("div", { className: "space-y-4", children: [jsxs("p", { className: "text-base text-[#a0a4b3]", children: ["Arquivos selecionados (", visibleFiles.length, ")"] }), jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4", children: visibleFiles.map((file, index) => (jsxs("div", { className: "relative group overflow-hidden rounded border border-gray-200", children: [jsx("div", { className: "aspect-square bg-[#e6e6e6] flex items-center justify-center", children: file.type === 'image' && file.previewUrl ? (jsx("img", { src: file?.previewUrl, alt: file?.file?.name || file?.name, className: "object-cover w-full h-full transition-transform duration-300 ease-in-out group-hover:scale-105" })) : (jsxs("div", { className: "flex flex-col items-center justify-center p-4 transition-transform duration-300 ease-in-out group-hover:scale-105", children: [jsx("i", { className: "pi pi-file-pdf text-4xl text-primary" }), jsx("span", { className: "mt-2 text-xs text-center truncate max-w-full", children: file?.file?.name || file?.name })] })) }), jsx("button", { type: "button", className: "absolute top-1 right-1 w-6 h-6 flex items-center justify-center bg-primary hover:bg-primaryActive rounded-full transition-colors", onClick: (e) => {
|
|
544
423
|
e.stopPropagation();
|
|
@@ -546,7 +425,7 @@ function FileUpload({ label = 'Enviar arquivos', value = [], onChange, multiple
|
|
|
546
425
|
}, "aria-label": `Remover o arquivo ${file.file?.name || file.name}`, children: jsx("i", { className: "pi pi-times text-white text-xs hover:text-slate-200" }) })] }, index))) })] }))] }));
|
|
547
426
|
}
|
|
548
427
|
|
|
549
|
-
const variants$
|
|
428
|
+
const variants$3 = {
|
|
550
429
|
green: {
|
|
551
430
|
text: '!text-green',
|
|
552
431
|
button: 'bg-greenBackground hover:bg-greenBackgroundActive',
|
|
@@ -569,7 +448,7 @@ function FilterButton({ filterOptions, setOption, option, variant, icon, label,
|
|
|
569
448
|
setIsOpen(false);
|
|
570
449
|
setOption(selectedOption.value === option?.value ? null : selectedOption);
|
|
571
450
|
};
|
|
572
|
-
return (jsxs("div", { className: "relative flex flex-col items-end", children: [jsx(Button$1, { ...props, icon: icon, label: label, className: clsx('w-max shadow-none border-none !py-2 gap-2 items-center disabled:bg-stoneDark', props.disabled ? '!disabled:text-background' : variants$
|
|
451
|
+
return (jsxs("div", { className: "relative flex flex-col items-end", children: [jsx(Button$1, { ...props, icon: icon, label: label, className: clsx('w-max shadow-none border-none !py-2 gap-2 items-center disabled:bg-stoneDark', props.disabled ? '!disabled:text-background' : variants$3[variant].text, variants$3[variant].button), onClick: toggleDropdown }), isOpen && (jsx("div", { className: `absolute w-40 bg-background shadow-md border border-gray z-[9] rounded-md p-2 -bottom-1 translate-y-full`, children: jsx("ul", { children: filterOptions.map((filterOption) => (jsxs("li", { onClick: () => handleSelect(filterOption), className: "p-2 flex justify-between items-center cursor-pointer", children: [filterOption.label, jsx("input", { type: "radio", onChange: () => handleSelect(filterOption), checked: filterOption?.value === option?.value, className: "appearance-none w-2 h-2 rounded-full ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer" })] }, filterOption.value))) }) }))] }));
|
|
573
452
|
}
|
|
574
453
|
|
|
575
454
|
function Tooltip({ text, children }) {
|
|
@@ -624,15 +503,15 @@ function Tooltip({ text, children }) {
|
|
|
624
503
|
}
|
|
625
504
|
|
|
626
505
|
function Sidebar({ item, onClose, topItem }) {
|
|
627
|
-
return (jsxs("div", { className: "relative w-100", children: [jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-backgroundDark/20 z-50", onClick: onClose }), jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background z-50", children: [jsx("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-stone hover:bg-stoneBackground hover:font-bold", children: jsx(Link$1, { to: "/", className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: onClose, "aria-label": "Ir para o inicio", children: "In\u00EDcio" }, "home-id") }, 'home-div'), topItem &&
|
|
628
|
-
topItem.map((item) => (jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-stone hover:bg-stoneBackground hover:font-bold", children: [item?.isWindowOpen && (jsx("button", { className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: () => {
|
|
506
|
+
return (jsxs("div", { className: "relative w-100", children: [jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-backgroundDark/20 z-50", onClick: onClose }), jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background dark:bg-dark-100 z-50", children: [jsx("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-stone hover:bg-stoneBackground hover:font-bold dark:bg-dark-100 dark:hover:bg-dark-400", children: jsx(Link$1, { to: "/", className: "font-roboto text-base text-backgroundDark hover:font-bold dark:text-light-500 dark:hover:bg-dark-400", onClick: onClose, "aria-label": "Ir para o inicio", children: "In\u00EDcio" }, "home-id") }, 'home-div'), topItem &&
|
|
507
|
+
topItem.map((item) => (jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-stone hover:bg-stoneBackground hover:font-bold dark:bg-dark-100 dark:text-light-500 dark:hover:bg-dark-400", children: [item?.isWindowOpen && (jsx("button", { className: "font-roboto text-base text-backgroundDark hover:font-bold dark:text-light-500 dark:hover:bg-dark-400", onClick: () => {
|
|
629
508
|
if (onClose)
|
|
630
509
|
onClose();
|
|
631
510
|
if (typeof window !== 'undefined') {
|
|
632
511
|
window.open(item?.path, '_blank');
|
|
633
512
|
}
|
|
634
|
-
}, "aria-label": `Ir para ${item?.title}`, children: jsx(Tooltip, { text: item?.tooltipText, children: item?.title }) }, item?.id || item.title)), !item?.isWindowOpen && (jsx(Link$1, { to: item?.path || '', className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: onClose, "aria-label": `Ir para ${item?.title}`, children: jsx(Tooltip, { text: item?.tooltipText, children: item?.title }) }, item?.id || item.title))] }, `top-item-${item?.id ?? item.title}`))), jsxs("div", { className: "flex flex-row gap-3 items-center pl-6 pt-8 pb-4", children: [jsx("i", { className: "pi pi-star
|
|
635
|
-
item.map((item) => (jsx(Link$1, { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-stone hover:bg-stoneBackground hover:font-bold", to: item.path || '', onClick: onClose, "aria-label": `Ir para ${item.title}`, children: jsx("span", { className: "font-roboto text-base py-2 text-backgroundDark hover:font-bold", children: jsx(Tooltip, { text: item?.tooltipText, children: item.title }) }) }, item.id))) })] }, 'sidebar-div')] }));
|
|
513
|
+
}, "aria-label": `Ir para ${item?.title}`, children: jsx(Tooltip, { text: item?.tooltipText, children: item?.title }) }, item?.id || item.title)), !item?.isWindowOpen && (jsx(Link$1, { to: item?.path || '', className: "font-roboto text-base text-backgroundDark hover:font-bold dark:text-light-500 dark:hover:bg-dark-400", onClick: onClose, "aria-label": `Ir para ${item?.title}`, children: jsx(Tooltip, { text: item?.tooltipText, children: item?.title }) }, item?.id || item.title))] }, `top-item-${item?.id ?? item.title}`))), jsxs("div", { className: "flex flex-row gap-3 items-center pl-6 pt-8 pb-4", children: [jsx("i", { className: "pi pi-star text-backgroundDark !font-bold text-lg dark:text-light-500" }), jsx("p", { className: "text-backgroundDark font-bold text-lg dark:text-light-500", children: "Favoritos" })] }), jsx("div", { className: "overflow-y-auto overflow-x-hidden [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark dark:bg-dark-100", children: item &&
|
|
514
|
+
item.map((item) => (jsx(Link$1, { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-stone hover:bg-stoneBackground hover:font-bold dark:bg-dark-100 dark:text-light-500 dark:hover:bg-dark-400", to: item.path || '', onClick: onClose, "aria-label": `Ir para ${item.title}`, children: jsx("span", { className: "font-roboto text-base py-2 text-backgroundDark hover:font-bold dark:text-light-500 dark:hover:bg-dark-400", children: jsx(Tooltip, { text: item?.tooltipText, children: item.title }) }) }, item.id))) })] }, 'sidebar-div')] }));
|
|
636
515
|
}
|
|
637
516
|
|
|
638
517
|
function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, isRenderNotifications = false, rightActions, }) {
|
|
@@ -656,25 +535,162 @@ function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setO
|
|
|
656
535
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
657
536
|
};
|
|
658
537
|
}, [openUserConfig]);
|
|
659
|
-
return (jsxs(Fragment, { children: [jsxs("div", { className: "w-100 min-h-16 border-b border-b-stone flex flex-row justify-between items-center px-8 shadow-header", children: [jsxs("div", { className: "flex flex-row items-center gap-4", children: [jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenSidebar(!openSidebar), "aria-label": "Abrir menu lateral", children: jsx("i", { className: `${openSidebar ? 'pi pi-list' : 'pi pi-bars'} text-[#878787] cursor-pointer hover:text-backgroundDark text-xl mt-1 }` }) }), jsx(LogoSmall, {})] }), jsxs("div", { className: "relative flex flex-row gap-4 items-center", children: [isRenderNotifications && (jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenNotifications(true), "aria-label": "Abrir notifica\u00E7\u00E3o", children: jsx("i", { className: "pi pi-bell text-[#878787] cursor-pointer hover:text-backgroundDark" }) })), jsxs("div", { ref: userConfigRef, className: "relative", children: [jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenUserConfig(!openUserConfig), "aria-label": "Abrir menu de configura\u00E7\u00F5es do usu\u00E1rio", children: jsxs("p", { className: "text-[#878787] hover:text-backgroundDark font-roboto font-bold cursor-pointer transition-colors duration-200", children: ["Ol\u00E1, ", username] }) }), openUserConfig && (jsx("div", { className: `absolute w-100 bg-background shadow-md border border-stoneLight z-20 rounded-md p-2 -bottom-1 translate-y-full`, children: jsx("ul", { children: userConfigItems.map(({ id, title, onClick, path }) => (jsx("li", { className: "p-2 hover:bg-stoneBackground", children: jsx("a", { onClick: () => {
|
|
538
|
+
return (jsxs(Fragment, { children: [jsxs("div", { className: "w-100 min-h-16 border-b border-b-stone flex flex-row justify-between items-center px-8 shadow-header", children: [jsxs("div", { className: "flex flex-row items-center gap-4", children: [jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenSidebar(!openSidebar), "aria-label": "Abrir menu lateral", children: jsx("i", { className: `${openSidebar ? 'pi pi-list' : 'pi pi-bars'} text-[#878787] cursor-pointer hover:text-backgroundDark text-xl mt-1 }` }) }), jsx(LogoSmall, {})] }), jsxs("div", { className: "relative flex flex-row gap-4 items-center", children: [isRenderNotifications && (jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenNotifications(true), "aria-label": "Abrir notifica\u00E7\u00E3o", children: jsx("i", { className: "pi pi-bell text-[#878787] cursor-pointer hover:text-backgroundDark" }) })), jsxs("div", { ref: userConfigRef, className: "relative", children: [jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenUserConfig(!openUserConfig), "aria-label": "Abrir menu de configura\u00E7\u00F5es do usu\u00E1rio", children: jsxs("p", { className: "text-[#878787] hover:text-backgroundDark font-roboto font-bold cursor-pointer transition-colors duration-200", children: ["Ol\u00E1, ", username] }) }), openUserConfig && (jsx("div", { className: `absolute w-100 bg-background shadow-md border border-stoneLight z-20 rounded-md p-2 -bottom-1 translate-y-full dark:bg-dark-100`, children: jsx("ul", { children: userConfigItems.map(({ id, title, onClick, path }) => (jsx("li", { className: "p-2 hover:bg-stoneBackground dark:bg-dark-100 dark:text-light-500 dark:hover:bg-dark-400", children: jsx("a", { onClick: () => {
|
|
660
539
|
if (onClick)
|
|
661
540
|
onClick();
|
|
662
541
|
setOpenUserConfig(false);
|
|
663
|
-
}, href: path, className: "block w-full font-base font-roboto text-backgroundDark cursor-pointer hover:font-bold", "aria-label": "Op\u00E7\u00F5es de configura\u00E7\u00F5es do usu\u00E1rio", children: title }) }, id))) }) }))] }), rightActions && rightActions] })] }), openSidebar && (jsx(Sidebar, { topItem: sidebarTopItems, item: sidebarItems, onClose: () => {
|
|
542
|
+
}, href: path, className: "block w-full font-base font-roboto text-backgroundDark cursor-pointer hover:font-bold dark:text-light-500", "aria-label": "Op\u00E7\u00F5es de configura\u00E7\u00F5es do usu\u00E1rio", children: title }) }, id))) }) }))] }), rightActions && rightActions] })] }), openSidebar && (jsx(Sidebar, { topItem: sidebarTopItems, item: sidebarItems, onClose: () => {
|
|
664
543
|
setOpenSidebar(false);
|
|
665
544
|
} }))] }));
|
|
666
545
|
}
|
|
667
546
|
|
|
668
|
-
const variants$
|
|
547
|
+
const variants$2 = {
|
|
669
548
|
border: 'border-primary hover:border-primary shadow-none',
|
|
670
549
|
shadow: 'border-background hover:border-stone focus:shadow-md',
|
|
671
550
|
};
|
|
672
551
|
function IconButton({ variant, icon, ...props }) {
|
|
673
|
-
return (jsx(Button$1, { ...props, icon: `pi ${icon}`, rounded: true, text: variant === 'shadow', raised: variant === 'shadow', outlined: variant === 'border', className: clsx('bg-background text-primary hover:bg-stone disabled:bg-stoneDark disabled:border-stoneDark disabled:text-background', variants$
|
|
552
|
+
return (jsx(Button$1, { ...props, icon: `pi ${icon}`, rounded: true, text: variant === 'shadow', raised: variant === 'shadow', outlined: variant === 'border', className: clsx('bg-background text-primary hover:bg-stone disabled:bg-stoneDark disabled:border-stoneDark disabled:text-background', variants$2[variant]) }));
|
|
674
553
|
}
|
|
675
554
|
|
|
676
555
|
function InfoCard({ title, children, icon, className, titleClassName, }) {
|
|
677
|
-
return (jsxs("div", { className: clsx('bg-background rounded-lg p-4 border border-stone overflow-hidden', className), children: [jsxs("div", { className: "flex justify-between items-center mb-2", children: [jsx("span", { className: clsx('text-sm font-roboto text-primary', titleClassName), children: title }), icon] }), jsx("div", { className: "font-roboto text-primary break-words overflow-wrap break-all max-w-full text-2xl mt-10 font-bold", children: children })] }));
|
|
556
|
+
return (jsxs("div", { className: clsx('bg-background rounded-lg p-4 border border-stone overflow-hidden dark:bg-dark-100 dark:border-stoneDark', className), children: [jsxs("div", { className: "flex justify-between items-center mb-2", children: [jsx("span", { className: clsx('text-sm font-roboto text-primary dark:text-light-500', titleClassName), children: title }), icon] }), jsx("div", { className: "font-roboto text-primary break-words overflow-wrap break-all max-w-full text-2xl mt-10 font-bold dark:text-light-500", children: children })] }));
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
const maskCPF = (value) => {
|
|
560
|
+
value = value.replace(/\D/g, '');
|
|
561
|
+
value = value.slice(0, 11);
|
|
562
|
+
if (value.length <= 3) {
|
|
563
|
+
return value;
|
|
564
|
+
}
|
|
565
|
+
if (value.length <= 6) {
|
|
566
|
+
return value.replace(/(\d{3})(\d{1,})/, '$1.$2');
|
|
567
|
+
}
|
|
568
|
+
if (value.length <= 9) {
|
|
569
|
+
return value.replace(/(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3');
|
|
570
|
+
}
|
|
571
|
+
return value.replace(/(\d{3})(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3-$4');
|
|
572
|
+
};
|
|
573
|
+
const maskCNPJ = (value) => {
|
|
574
|
+
value = value.replace(/\D/g, '');
|
|
575
|
+
value = value.slice(0, 14);
|
|
576
|
+
if (value.length <= 2) {
|
|
577
|
+
return value;
|
|
578
|
+
}
|
|
579
|
+
if (value.length <= 5) {
|
|
580
|
+
return value.replace(/(\d{2})(\d{1,})/, '$1.$2');
|
|
581
|
+
}
|
|
582
|
+
if (value.length <= 8) {
|
|
583
|
+
return value.replace(/(\d{2})(\d{3})(\d{1,})/, '$1.$2.$3');
|
|
584
|
+
}
|
|
585
|
+
if (value.length <= 12) {
|
|
586
|
+
return value.replace(/(\d{2})(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3/$4');
|
|
587
|
+
}
|
|
588
|
+
return value.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{1,})/, '$1.$2.$3/$4-$5');
|
|
589
|
+
};
|
|
590
|
+
// export const maskNumber = (value: string) => {
|
|
591
|
+
// value = value.replace(/\D/g, '');
|
|
592
|
+
// value = value.slice(0, 12);
|
|
593
|
+
// return value.replace(/(\d)(\d{2})$/, '$1,$2');
|
|
594
|
+
// };
|
|
595
|
+
const maskOnlyNumbers = (value) => {
|
|
596
|
+
value = value.replace(/\D/g, '');
|
|
597
|
+
value = value.slice(0, 15);
|
|
598
|
+
return value;
|
|
599
|
+
};
|
|
600
|
+
const maskNumberWithDecimal = (value) => {
|
|
601
|
+
const regex = /^[0-9]+([.,][0-9]+)?$/;
|
|
602
|
+
value = value.slice(0, 20);
|
|
603
|
+
if (!regex.test(value)) {
|
|
604
|
+
return value.replace(/[^0-9.,]/g, '').replace(/([.,]).*\1/g, '$1');
|
|
605
|
+
}
|
|
606
|
+
return value;
|
|
607
|
+
};
|
|
608
|
+
const maskCellphone = (value) => {
|
|
609
|
+
value = value.replace(/\D/g, '');
|
|
610
|
+
value = value.slice(0, 11);
|
|
611
|
+
if (value.length <= 2) {
|
|
612
|
+
return value.replace(/(\d{2})/, '($1');
|
|
613
|
+
}
|
|
614
|
+
if (value.length <= 6) {
|
|
615
|
+
return value.replace(/(\d{2})(\d{4})/, '($1) $2');
|
|
616
|
+
}
|
|
617
|
+
return value.replace(/(\d{2})(\d{4})(\d{4})/, '($1) $2-$3');
|
|
618
|
+
};
|
|
619
|
+
const maskPhone = (value) => {
|
|
620
|
+
value = value.replace(/\D/g, '');
|
|
621
|
+
value = value.slice(0, 10);
|
|
622
|
+
if (value.length <= 2) {
|
|
623
|
+
return value.replace(/(\d{2})/, '($1');
|
|
624
|
+
}
|
|
625
|
+
if (value.length <= 6) {
|
|
626
|
+
return value.replace(/(\d{2})(\d{4})/, '($1) $2');
|
|
627
|
+
}
|
|
628
|
+
return value.replace(/(\d{2})(\d{4})(\d{4})/, '($1) $2-$3');
|
|
629
|
+
};
|
|
630
|
+
const maskCEP = (value) => {
|
|
631
|
+
value = value.replace(/\D/g, '');
|
|
632
|
+
value = value.slice(0, 8);
|
|
633
|
+
return value.replace(/(\d{5})(\d{1,})/, '$1-$2');
|
|
634
|
+
};
|
|
635
|
+
const maskMoneyBRL = (value) => {
|
|
636
|
+
value = value.replace(/\D/g, '');
|
|
637
|
+
if (!value)
|
|
638
|
+
return '';
|
|
639
|
+
value = value.slice(0, 13);
|
|
640
|
+
const numericValue = parseFloat(value) / 100;
|
|
641
|
+
return numericValue.toLocaleString('pt-BR', {
|
|
642
|
+
style: 'currency',
|
|
643
|
+
currency: 'BRL',
|
|
644
|
+
});
|
|
645
|
+
};
|
|
646
|
+
|
|
647
|
+
const variants$1 = {
|
|
648
|
+
green: 'text-green',
|
|
649
|
+
gray: 'text-gray',
|
|
650
|
+
};
|
|
651
|
+
function Input({ onChange, placeholder, disabled = false, error, icon, onClickIcon, iconColor = 'green', label, mask, ...props }) {
|
|
652
|
+
const inputId = useId();
|
|
653
|
+
const [inputValue, setInputValue] = useState('');
|
|
654
|
+
const applyMask = (value, mask) => {
|
|
655
|
+
switch (mask) {
|
|
656
|
+
case 'cpf':
|
|
657
|
+
return maskCPF(value);
|
|
658
|
+
case 'cnpj':
|
|
659
|
+
return maskCNPJ(value);
|
|
660
|
+
case 'numbers':
|
|
661
|
+
return maskOnlyNumbers(value);
|
|
662
|
+
case 'cellphone':
|
|
663
|
+
return maskCellphone(value);
|
|
664
|
+
case 'phone':
|
|
665
|
+
return maskPhone(value);
|
|
666
|
+
case 'decimal':
|
|
667
|
+
return maskNumberWithDecimal(value);
|
|
668
|
+
case 'cep':
|
|
669
|
+
return maskCEP(value);
|
|
670
|
+
case 'currency':
|
|
671
|
+
return maskMoneyBRL(value);
|
|
672
|
+
default:
|
|
673
|
+
return value;
|
|
674
|
+
}
|
|
675
|
+
};
|
|
676
|
+
useEffect(() => {
|
|
677
|
+
const formatted = applyMask(props?.value ?? '', mask);
|
|
678
|
+
setInputValue(formatted);
|
|
679
|
+
}, [props?.value, mask]);
|
|
680
|
+
const handleChange = (e) => {
|
|
681
|
+
const value = applyMask(e.target.value, mask);
|
|
682
|
+
setInputValue(value);
|
|
683
|
+
onChange(value);
|
|
684
|
+
};
|
|
685
|
+
const hasError = (props?.value && error && !disabled) ||
|
|
686
|
+
(!!error && !disabled && props?.value?.length === 0);
|
|
687
|
+
return (jsxs("div", { className: "relative flex flex-col w-100", children: [jsxs(IconField, { className: "w-100", children: [jsx(InputIcon, { className: clsx(`pi ${icon} px-2 cursor-pointer`, hasError
|
|
688
|
+
? 'text-redError'
|
|
689
|
+
: disabled
|
|
690
|
+
? 'text-stone'
|
|
691
|
+
: variants$1[iconColor]), onClick: onClickIcon }), jsx(InputText, { id: inputId, type: "text", placeholder: placeholder, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md text-grayDark dark:bg-dark-100 dark:text-light-500', hasError
|
|
692
|
+
? 'border-redError placeholder:text-redError'
|
|
693
|
+
: 'border-gray focus:border-primary dark:focus:border-light-500', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray'), onChange: handleChange, disabled: disabled, invalid: hasError, ...props, value: inputValue })] }), jsx(FloatingLabel, { value: props?.value ? props?.value?.toString() : '', label: label || '', disabled: disabled, error: error }), hasError && jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
|
|
678
694
|
}
|
|
679
695
|
|
|
680
696
|
function InputSwitch({ checked, onChange, disabled = false, error, ariaLabel = 'Switch', }) {
|
|
@@ -691,7 +707,7 @@ function InputTextArea({ onChange, placeholder, disabled = false, error, label,
|
|
|
691
707
|
};
|
|
692
708
|
const hasError = (props.value && error && !disabled) ||
|
|
693
709
|
(!!error && !disabled && props.value?.length === 0);
|
|
694
|
-
return (jsxs("div", { className: "relative flex flex-col w-full", children: [jsx(InputTextarea, { id: inputTextAreaId, rows: rows, placeholder: placeholder, onChange: handleChange, disabled: disabled, invalid: hasError, className: clsx('w-100 font-roboto border !p-2 rounded-md focus:shadow-none text-grayDark dark:bg-dark-100', hasError
|
|
710
|
+
return (jsxs("div", { className: "relative flex flex-col w-full", children: [jsx(InputTextarea, { id: inputTextAreaId, rows: rows, placeholder: placeholder, onChange: handleChange, disabled: disabled, invalid: hasError, className: clsx('w-100 font-roboto border !p-2 rounded-md focus:shadow-none text-grayDark dark:bg-dark-100 dark:text-light-500', hasError
|
|
695
711
|
? 'border-redError placeholder:text-redError'
|
|
696
712
|
: 'border-gray focus:border-primary dark:focus:border-light-500', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray'), ...props }), jsx(FloatingLabel, { value: props?.value ? props.value.toString() : '', label: label || '', disabled: disabled, error: error }), hasError && jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
|
|
697
713
|
}
|
|
@@ -716,23 +732,21 @@ function InternalMenu({ item, isFiltering }) {
|
|
|
716
732
|
setOpenItems(initialOpen);
|
|
717
733
|
}
|
|
718
734
|
}, [isFiltering, item]);
|
|
719
|
-
// w-72 overflow-x-hidden overflow-y-auto (ORIGINAL)
|
|
720
|
-
// w-72 max-h-full overflow-x-hidden overflow-y-auto (TESTE)
|
|
721
735
|
return (jsx("div", { className: "w-72 max-h-full overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark ", children: item.map((menuItem) => {
|
|
722
736
|
const isOpen = openItems.includes(menuItem);
|
|
723
|
-
return (jsxs("div", { children: [jsxs("div", { className: "cursor-pointer flex flex-row justify-between items-center border-b px-2 py-1 border-b-stone", onClick: () => toggleMenu(menuItem), children: [jsxs("div", { className: "flex flex-row items-center gap-2", children: [jsx(TextIcon, {}), jsx("span", { className: "font-roboto text-base text-primary", children: menuItem.title })] }), menuItem.subItem && (jsx("i", { className: `pi ${isOpen ? 'pi-angle-up' : 'pi-angle-down'} px-2 text-primary` }))] }), menuItem.subItem && isOpen && (jsx("div", { className: "flex flex-col", children: menuItem.subItem.map((subItem) => (jsx(Link$1, { className: clsx('cursor-pointer text-base text-primary pl-6 py-1 hover:font-bold hover:text-primary hover:bg-stoneBackground', subItem.isActive ? 'text-primary font-bold' : ''), to: subItem.path, children: jsx(Tooltip, { text: subItem?.tooltipText, children: jsx("span", { children: subItem.title }) }) }, subItem.id))) }))] }, menuItem.id));
|
|
737
|
+
return (jsxs("div", { children: [jsxs("div", { className: "cursor-pointer flex flex-row justify-between items-center border-b px-2 py-1 border-b-stone", onClick: () => toggleMenu(menuItem), children: [jsxs("div", { className: "flex flex-row items-center gap-2", children: [jsx(TextIcon, {}), jsx("span", { className: "font-roboto text-base text-primary dark:text-light-500", children: menuItem.title })] }), menuItem.subItem && (jsx("i", { className: `pi ${isOpen ? 'pi-angle-up' : 'pi-angle-down'} px-2 text-primary dark:text-light-500` }))] }), menuItem.subItem && isOpen && (jsx("div", { className: "flex flex-col", children: menuItem.subItem.map((subItem) => (jsx(Link$1, { className: clsx('cursor-pointer text-base text-primary pl-6 py-1 hover:font-bold hover:text-primary hover:bg-stoneBackground dark:text-light-500 dark:hover:bg-dark-400', subItem.isActive ? 'text-primary font-bold' : ''), to: subItem.path, children: jsx(Tooltip, { text: subItem?.tooltipText, children: jsx("span", { children: subItem.title }) }) }, subItem.id))) }))] }, menuItem.id));
|
|
724
738
|
}) }));
|
|
725
739
|
}
|
|
726
740
|
|
|
727
741
|
function Link({ href, children, className }) {
|
|
728
|
-
return (jsx("a", { href: href, className: `text-primary hover:underline font-bold font-roboto ${className}`, children: children }));
|
|
742
|
+
return (jsx("a", { href: href, className: `text-primary hover:underline font-bold font-roboto dark:text-light-500 ${className}`, children: children }));
|
|
729
743
|
}
|
|
730
744
|
|
|
731
745
|
function MegaMenu({ items }) {
|
|
732
746
|
return (jsx("div", { className: "w-100 flex items-center justify-between", children: items.map((item, index) => {
|
|
733
747
|
const isfirst = index === 0;
|
|
734
748
|
const isLast = index === items.length - 1;
|
|
735
|
-
return (jsx("a", { onClick: item.onClick, className: clsx('w-100 p-2 font-medium border border-stoneDark text-center cursor-pointer', item.active && 'bg-primary text-background', !item.active && 'text-primary', isfirst && 'rounded-l-full', !isfirst && 'border-l-0', isLast && 'rounded-r-full'), "aria-label": "Itens do menu", children: item.label }, index));
|
|
749
|
+
return (jsx("a", { onClick: item.onClick, className: clsx('w-100 p-2 font-medium border border-stoneDark text-center cursor-pointer', item.active && 'bg-primary text-background', !item.active && 'text-primary dark:text-light-500', isfirst && 'rounded-l-full', !isfirst && 'border-l-0', isLast && 'rounded-r-full'), "aria-label": "Itens do menu", children: item.label }, index));
|
|
736
750
|
}) }));
|
|
737
751
|
}
|
|
738
752
|
|
|
@@ -749,7 +763,7 @@ function Modal({ title, size = 'md', onClose, onConfirm, labelCloseButton = 'Fec
|
|
|
749
763
|
lg: 'w-2/3',
|
|
750
764
|
xl: 'w-[90%]',
|
|
751
765
|
}[size];
|
|
752
|
-
return (jsx("div", { className: "fixed inset-0 bg-
|
|
766
|
+
return (jsx("div", { className: "fixed inset-0 bg-opacity-50 z-20 flex justify-center items-center", children: jsxs(Card, { className: `flex flex-col ${modalSizeClass}`, "aria-label": ariaLabel, children: [jsxs("div", { className: `flex flex-row items-center justify-between px-4 pt-4 pb-6 border-b border-b-stone dark:bg-dark-100 dark:border-b-dark-400`, children: [title && (jsx("div", { className: "text-primary font-bold text-xl dark:text-light-500", children: title })), jsxs("div", { className: "flex items-center gap-6", children: [isExpanded && (jsx(Fragment, { children: isFullScreen ? (jsx(Fragment, { children: jsx("button", { onClick: toggleFullScreen, "aria-label": "Minimizar tela", style: {
|
|
753
767
|
color: '#606060',
|
|
754
768
|
width: '24px',
|
|
755
769
|
height: '24px',
|
|
@@ -764,7 +778,7 @@ function Modal({ title, size = 'md', onClose, onConfirm, labelCloseButton = 'Fec
|
|
|
764
778
|
width: '24px',
|
|
765
779
|
height: '24px',
|
|
766
780
|
cursor: 'pointer',
|
|
767
|
-
}, children: jsx("i", { className: "pi pi-times cursor-pointer" }) })] })] }), jsx("div", { className: `flex-1 overflow-y-auto text-primary ${isFullScreen ? 'h-full' : 'max-h-[70vh]'} p-6`, children: children }), jsxs("div", { className: "w-full flex flex-col sm:flex-row sm:justify-end pt-10 gap-4 px-6", children: [onClose && (jsx(Button, { label: labelCloseButton, variant: "outline", onClick: onClose, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Fechar modal" })), onConfirm && (jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onConfirm, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Confirmar modal", type: "button" }))] })] }) }));
|
|
781
|
+
}, children: jsx("i", { className: "pi pi-times cursor-pointer" }) })] })] }), jsx("div", { className: `flex-1 overflow-y-auto text-primary dark:text-light-500 dark:bg-dark-100 ${isFullScreen ? 'h-full' : 'max-h-[70vh]'} p-6`, children: children }), jsxs("div", { className: "w-full flex flex-col sm:flex-row sm:justify-end pt-10 gap-4 px-6 dark:bg-dark-100", children: [onClose && (jsx(Button, { label: labelCloseButton, variant: "outline", onClick: onClose, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Fechar modal" })), onConfirm && (jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onConfirm, className: "w-full sm:w-auto lg:min-w-[110px] md:min-w-[110px] px-4", "aria-label": "Confirmar modal", type: "button" }))] })] }) }));
|
|
768
782
|
}
|
|
769
783
|
|
|
770
784
|
function MultiSelect(props) {
|
|
@@ -908,9 +922,9 @@ function MultiSelect(props) {
|
|
|
908
922
|
setSearchText('');
|
|
909
923
|
setHighlightedIndex(-1);
|
|
910
924
|
}
|
|
911
|
-
}, onClick: toggleDropdown, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md text-grayDark dark:bg-dark-100', hasError
|
|
925
|
+
}, onClick: toggleDropdown, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md text-grayDark dark:bg-dark-100 dark:text-light-500', hasError
|
|
912
926
|
? 'border-redError placeholder:text-redError'
|
|
913
|
-
: 'border-gray focus:border-primary', isInputDisabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray', isLoading && 'text-gray', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled, "aria-label": ariaLabel }), jsx(InputIcon, { className: clsx(isLoading
|
|
927
|
+
: 'border-gray focus:border-primary dark:focus:border-light-500', isInputDisabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray', isLoading && 'text-gray', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled, "aria-label": ariaLabel }), jsx(InputIcon, { className: clsx(isLoading
|
|
914
928
|
? 'pi pi-spinner pi-spin'
|
|
915
929
|
: isOpen
|
|
916
930
|
? 'pi pi-angle-up'
|
|
@@ -4227,7 +4241,7 @@ function Paginator(props) {
|
|
|
4227
4241
|
});
|
|
4228
4242
|
},
|
|
4229
4243
|
};
|
|
4230
|
-
return jsx(Paginator$1, { ...props, template: template });
|
|
4244
|
+
return (jsx(Paginator$1, { ...props, template: template, className: "bg-background dark:bg-dark-100" }));
|
|
4231
4245
|
}
|
|
4232
4246
|
|
|
4233
4247
|
const variants = {
|
|
@@ -4366,9 +4380,9 @@ function Select(props) {
|
|
|
4366
4380
|
e.preventDefault();
|
|
4367
4381
|
handleClose();
|
|
4368
4382
|
}
|
|
4369
|
-
}, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md text-grayDark dark:bg-dark-100', hasError
|
|
4383
|
+
}, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md text-grayDark dark:bg-dark-100 dark:text-light-500', hasError
|
|
4370
4384
|
? 'border-redError placeholder:text-redError'
|
|
4371
|
-
: 'border-gray focus:border-primary', isInputDisabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray', isLoading && 'text-gray', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled, "aria-label": ariaLabel }), jsx(InputIcon, { className: clsx(isLoading
|
|
4385
|
+
: 'border-gray focus:border-primary dark:focus:border-light-500', isInputDisabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray', isLoading && 'text-gray', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled, "aria-label": ariaLabel }), jsx(InputIcon, { className: clsx(isLoading
|
|
4372
4386
|
? 'pi pi-spinner pi-spin'
|
|
4373
4387
|
: isOpen
|
|
4374
4388
|
? 'pi pi-angle-up'
|
|
@@ -4376,7 +4390,7 @@ function Select(props) {
|
|
|
4376
4390
|
}
|
|
4377
4391
|
|
|
4378
4392
|
function Skeleton({ shape = 'rectangle', width = '100%', height = '1rem', borderRadius, animation = 'wave', size, className, }) {
|
|
4379
|
-
return (jsx("div", { className: className, children: jsx(Skeleton$1, { shape: shape, width: width, height: height, borderRadius: borderRadius, animation: animation, size: size, "aria-label": "skeleton" }) }));
|
|
4393
|
+
return (jsx("div", { className: className, children: jsx(Skeleton$1, { shape: shape, width: width, height: height, borderRadius: borderRadius, animation: animation, size: size, "aria-label": "skeleton", className: "bg-light-300 dark:bg-dark-400" }) }));
|
|
4380
4394
|
}
|
|
4381
4395
|
|
|
4382
4396
|
const colorVariants = {
|
|
@@ -4532,7 +4546,7 @@ function Table({ columns, data, totalRecords, actions = [], isOrdered = true, ac
|
|
|
4532
4546
|
onFilterChange(newFilters);
|
|
4533
4547
|
}
|
|
4534
4548
|
};
|
|
4535
|
-
return (jsxs("div", { children: [jsxs("table", { className: "w-100", children: [jsx("thead", { children: jsxs("tr", { className: "bg-gray-100", children: [columns.map((column) => (jsxs("th", { scope: "col", className: "bg-primary first:rounded-ss-lg font-bold text-background text-sm uppercase p-3 text-left", children: [jsx("div", { children: openFilter === column.dataIndex && (jsxs("div", { ref: filterModalRef, className: "absolute mt-6 bg-background border rounded-md shadow-md p-4 z-10 w-[276px] normal-case", children: [jsxs("div", { className: "space-y-4 text-primary", children: [jsxs("h1", { className: "text-primary text-sm", children: ["Filtrar por ", column?.label?.toLowerCase()] }), jsxs("div", { className: "w-full", children: [column.filterType === 'text' && (jsx(Input, { placeholder: "Digite para filtrar", value: filters[column.dataIndex] || '', onChange: (e) => setFilters((prev) => ({
|
|
4549
|
+
return (jsxs("div", { children: [jsxs("table", { className: "w-100", children: [jsx("thead", { children: jsxs("tr", { className: "bg-gray-100", children: [columns.map((column) => (jsxs("th", { scope: "col", className: "bg-primary first:rounded-ss-lg font-bold text-background text-sm uppercase p-3 text-left", children: [jsx("div", { children: openFilter === column.dataIndex && (jsxs("div", { ref: filterModalRef, className: "absolute mt-6 bg-background border rounded-md shadow-md p-4 z-10 w-[276px] normal-case dark:bg-dark-100 dark:text-light-500", children: [jsxs("div", { className: "space-y-4 text-primary dark:text-light-500", children: [jsxs("h1", { className: "text-primary text-sm dark:text-light-500", children: ["Filtrar por ", column?.label?.toLowerCase()] }), jsxs("div", { className: "w-full", children: [column.filterType === 'text' && (jsx(Input, { placeholder: "Digite para filtrar", value: filters[column.dataIndex] || '', onChange: (e) => setFilters((prev) => ({
|
|
4536
4550
|
...prev,
|
|
4537
4551
|
[column.dataIndex]: e,
|
|
4538
4552
|
})), mask: column?.mask, "aria-label": `Filtrar por ${column.label}` })), column.filterType === 'select' && (jsx(Select, { options: column.filterOptions || [], value: column.filterOptions?.find((option) => option.value ===
|
|
@@ -4578,7 +4592,9 @@ function Table({ columns, data, totalRecords, actions = [], isOrdered = true, ac
|
|
|
4578
4592
|
? null
|
|
4579
4593
|
: column.dataIndex), "aria-label": `Filtrar por ${column.label}`, children: jsx("i", { className: clsx('pl-2 text-xs cursor-pointer', filterStatus[column.dataIndex] === 'applied'
|
|
4580
4594
|
? 'pi pi-filter-slash'
|
|
4581
|
-
: 'pi pi-filter') }) }) }))] }, String(column.dataIndex)))), actions.length > 0 && (jsx("th", { scope: "col", className: clsx('bg-primary rounded-se-lg font-bold text-background text-sm uppercase p-3 text-right pr-4', actionsHeaderClassName), children: "A\u00C7\u00D5ES" }))] }) }), jsx("tbody", { children: isLoading ? (jsx("tr", { children: jsx("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0), className: "p-6 text-center bg-gray-50", children: jsx("div", { className: "py-2 px-4 flex justify-center items-center gap-2", children: jsx(Spinner, { size: "lg" }) }) }) })) : sortedData.length > 0 ? (sortedData.map((row, index) => (jsxs("tr", { className: clsx(index % 2 === 0
|
|
4595
|
+
: 'pi pi-filter') }) }) }))] }, String(column.dataIndex)))), actions.length > 0 && (jsx("th", { scope: "col", className: clsx('bg-primary rounded-se-lg font-bold text-background text-sm uppercase p-3 text-right pr-4', actionsHeaderClassName), children: "A\u00C7\u00D5ES" }))] }) }), jsx("tbody", { children: isLoading ? (jsx("tr", { children: jsx("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0), className: "p-6 text-center bg-gray-50", children: jsx("div", { className: "py-2 px-4 flex justify-center items-center gap-2", children: jsx(Spinner, { size: "lg" }) }) }) })) : sortedData.length > 0 ? (sortedData.map((row, index) => (jsxs("tr", { className: clsx(index % 2 === 0
|
|
4596
|
+
? 'bg-stoneBackground dark:bg-dark-100'
|
|
4597
|
+
: 'bg-background dark:bg-dark-200', 'text-primary text-base dark:text-light-500'), children: [columns.map((column) => {
|
|
4582
4598
|
const value = getNestedValue(row, column.dataIndex);
|
|
4583
4599
|
return (jsx("td", { className: clsx('p-3 text-sm text-left', typeof column.style === 'function'
|
|
4584
4600
|
? column.style(getNestedValue(row, column.dataIndex), row)
|
|
@@ -4589,7 +4605,7 @@ function Table({ columns, data, totalRecords, actions = [], isOrdered = true, ac
|
|
|
4589
4605
|
'opacity-50 pointer-events-none cursor-not-allowed'), onClick: () => {
|
|
4590
4606
|
if (!action.disabled)
|
|
4591
4607
|
action.onClick(row);
|
|
4592
|
-
}, "aria-label": action?.ariaLabel || action.label, role: "button", children: jsx(Tooltip, { text: action?.label, children: action.icon }) }, idx))) }))] }, index)))) : (jsx("tr", { children: jsxs("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0), className: "p-6 text-center text-primary bg-stoneBackground", children: [jsx("i", { className: "pi pi-database mr-2" }), " N\u00E3o h\u00E1 dados dispon\u00EDveis."] }) })) })] }), sortedData.length > 0 && isPaginated && (jsx(Paginator, { first: (currentPage - 1) * rowsPerPage, rows: rowsPerPage, totalRecords: totalRecords, onPageChange: (event) => {
|
|
4608
|
+
}, "aria-label": action?.ariaLabel || action.label, role: "button", children: jsx(Tooltip, { text: action?.label, children: action.icon }) }, idx))) }))] }, index)))) : (jsx("tr", { children: jsxs("td", { colSpan: columns.length + (actions.length > 0 ? 1 : 0), className: "p-6 text-center text-primary bg-stoneBackground dark:text-light-500 dark:bg-dark-200", children: [jsx("i", { className: "pi pi-database mr-2" }), " N\u00E3o h\u00E1 dados dispon\u00EDveis."] }) })) })] }), sortedData.length > 0 && isPaginated && (jsx(Paginator, { first: (currentPage - 1) * rowsPerPage, rows: rowsPerPage, totalRecords: totalRecords, onPageChange: (event) => {
|
|
4593
4609
|
setCurrentPage(event.page + 1);
|
|
4594
4610
|
onPageChange(event.page + 1);
|
|
4595
4611
|
} }))] }));
|
|
@@ -4610,9 +4626,9 @@ function Tabs({ tabs, activeIndex = 0, onTabChange, className, }) {
|
|
|
4610
4626
|
};
|
|
4611
4627
|
return (jsxs("div", { className: clsx('w-full', className), children: [jsx("div", { className: "flex border-b border-gray-300", children: tabs.map((tab, index) => {
|
|
4612
4628
|
const isActive = index === currentIndex;
|
|
4613
|
-
return (jsx("button", { type: "button", onClick: () => setIndex(index), disabled: tab.disabled, className: clsx('px-4 py-2 -mb-[1px] border-b-2 text-md transition-all duration-200 hover:bg-stoneBackground cursor-pointer text-base text-primary', tab.disabled ? 'disabled:text-stoneDark' : '', isActive
|
|
4614
|
-
? 'border-primary font-semibold'
|
|
4615
|
-
: 'border-transparent hover:text-primary hover:border-grayDark font-normal', !isActive && !tab.disabled && 'hover:font-semibold'), children: tab.label }, index));
|
|
4629
|
+
return (jsx("button", { type: "button", onClick: () => setIndex(index), disabled: tab.disabled, className: clsx('px-4 py-2 -mb-[1px] border-b-2 text-md transition-all duration-200 hover:bg-stoneBackground cursor-pointer text-base text-primary dark:bg-dark-100 dark:text-light-500 dark:hover:bg-dark-400', tab.disabled ? 'disabled:text-stoneDark' : '', isActive
|
|
4630
|
+
? 'border-primary font-semibold dark:border-light-500'
|
|
4631
|
+
: 'border-transparent hover:text-primary hover:border-grayDark font-normal dark:hover:text-light-500 dark:border-dark-400', !isActive && !tab.disabled && 'hover:font-semibold'), children: tab.label }, index));
|
|
4616
4632
|
}) }), jsx("div", { className: "py-1 px-3", children: tabs.map((tab, index) => (jsx("div", { className: clsx(index !== currentIndex && 'hidden'), children: tab.content }, index))) })] }));
|
|
4617
4633
|
}
|
|
4618
4634
|
|
|
@@ -4658,7 +4674,7 @@ function SuccessIcon() {
|
|
|
4658
4674
|
}
|
|
4659
4675
|
|
|
4660
4676
|
function Toast({ messages }) {
|
|
4661
|
-
return (jsx("div", { className: "fixed top-5 right-5 flex flex-col gap-2 z-[999]", children: messages.map(({ id, severity, summary, detail }) => (jsxs("div", { className: clsx('p-2 rounded flex items-center gap-2 transition-opacity bg-white border border-l-4 rounded-r-lg shadow-[0_4px_12px_rgba(0,0,0,0.50)]', severity === 'success'
|
|
4677
|
+
return (jsx("div", { className: "fixed top-5 right-5 flex flex-col gap-2 z-[999]", children: messages.map(({ id, severity, summary, detail }) => (jsxs("div", { className: clsx('p-2 rounded flex items-center gap-2 transition-opacity bg-white border border-l-4 rounded-r-lg shadow-[0_4px_12px_rgba(0,0,0,0.50)] dark:bg-dark-200', severity === 'success'
|
|
4662
4678
|
? 'bg-[#E6F4EA] border-[#2E7D32] text-[#1B5E20]'
|
|
4663
4679
|
: '', severity === 'info'
|
|
4664
4680
|
? 'bg-[#E3F2FD] border-[#1565C0] text-[#0D47A1]'
|
|
@@ -4667,5 +4683,5 @@ function Toast({ messages }) {
|
|
|
4667
4683
|
: ''), "aria-label": "toast", children: [severity === 'success' && jsx(SuccessIcon, {}), severity === 'info' && jsx(InfoIcon, {}), severity === 'error' && jsx(ErrorIcon, {}), jsxs("div", { children: [jsx("strong", { children: summary }), jsx("p", { children: detail })] })] }, id))) }));
|
|
4668
4684
|
}
|
|
4669
4685
|
|
|
4670
|
-
export { Accordion,
|
|
4686
|
+
export { Accordion, BasicHeader, Breadcrumb, Button, CalendarInput, Card, CardButton, CardIconsButton, Charts, Divider, EmptyContent, ExpandablePanel, FileUpload, FilterButton, Header, IconButton, InfoCard, Input, InputSwitch, InputTextArea, InternalMenu, Link, MegaMenu, Modal, MultiSelect, Notification, Paginator, RadioButton, Select, Sidebar, Skeleton, Spinner, Table, Tabs, TagStatus, Toast, Tooltip };
|
|
4671
4687
|
//# sourceMappingURL=index.js.map
|