karsten-design-system 1.2.18 → 1.2.20
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/README.md +208 -208
- package/dist/index.js +91 -78
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -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:#0f1117;--color-dark-200:#000;--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:#f1f1f4;--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:#0f1117;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:#0f1117;color:#fff}html.dark .p-datepicker .p-datepicker-today>span{border-color:#0f1117;color:#0f1117}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}html.dark input:-webkit-autofill,html.dark select:-webkit-autofill,html.dark textarea:-webkit-autofill{-webkit-text-fill-color:var(--color-light-500)!important;box-shadow:0 0 0 1000px var(--color-dark-200) inset!important}.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}html.dark .p-inputswitch:not(.p-inputswitch-checked) .p-inputswitch-slider{background-color:#c2c2c2!important;border-color:#c2c2c2!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}.ml-auto{margin-left:auto}.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-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-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-light-500{background-color:var(--color-light-500)}.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-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)}.to-light-500{--tw-gradient-to:var(--color-light-500) 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{--tw-text-opacity:1!important;color:rgb(10 168 54/var(--tw-text-opacity,1))!important}.\\!text-light-500{color:var(--color-light-500)!important}.\\!text-primary{--tw-text-opacity:1!important;color:rgb(19 41 75/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))}.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-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\\:from-dark-300:is(.dark *){--tw-gradient-from:var(--color-dark-300) 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)}.dark\\:from-dark-400:is(.dark *){--tw-gradient-from:var(--color-dark-400) 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)}.dark\\:to-dark-100:is(.dark *){--tw-gradient-to:var(--color-dark-100) var(--tw-gradient-to-position)}.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\\: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)}.dark\\:disabled\\:text-light-600:disabled:is(.dark *){color:var(--color-light-600)}@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 #e5e7eb;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-error:#ec4a54;--color-error-opacity:#a80a0a14;--color-success:#0aa836;--color-info:#0045ba;--color-borderGrayInput:#c0c3d0;--color-dark-100:#0f1117;--color-dark-200:#000;--color-dark-300:#151821;--color-dark-400:#212734;--color-dark-500:#101012;--color-light-100:#c2c2c2;--color-light-200:#e6e6e6;--color-light-300:#fafafb;--color-light-400:#f1f1f4;--color-light-500:#fff;--color-light-600:#475569;--color-light-700:#a0a4b3;--color-light-800:#646981;--color-light-900:#424242;--color-light-950:#878787}.p-calendar.p-custom input::-moz-placeholder{color:var(--color-light-700)!important}.p-calendar.p-custom input::placeholder{color:var(--color-light-700)!important}html.dark .p-datepicker{background-color:#0f1117;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:#0f1117;color:#fff}html.dark .p-datepicker .p-datepicker-today>span{border-color:#0f1117;color:#0f1117}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-light-500) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}html.dark input:-webkit-autofill,html.dark select:-webkit-autofill,html.dark textarea:-webkit-autofill{-webkit-text-fill-color:var(--color-light-500)!important;box-shadow:0 0 0 1000px var(--color-dark-200) inset!important}.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}html.dark .p-inputswitch:not(.p-inputswitch-checked) .p-inputswitch-slider{background-color:#c2c2c2!important;border-color:#c2c2c2!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}.ml-auto{margin-left:auto}.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-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-light-100{border-color:var(--color-light-100)}.border-light-200{border-color:var(--color-light-200)}.border-light-400{border-color:var(--color-light-400)}.border-light-500{border-color:var(--color-light-500)}.border-light-600{border-color:var(--color-light-600)}.border-light-700{border-color:var(--color-light-700)}.border-light-800{border-color:var(--color-light-800)}.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-transparent{border-color:transparent}.border-b-light-200{border-bottom-color:var(--color-light-200)}.border-b-primary{--tw-border-opacity:1;border-bottom-color:rgb(19 41 75/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\\[\\#\\#e8ecf9\\]{background-color:##e8ecf9}.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-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-50{background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-50,.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-light-200{background-color:var(--color-light-200)}.bg-light-300{background-color:var(--color-light-300)}.bg-light-400{background-color:var(--color-light-400)}.bg-light-500{background-color:var(--color-light-500)}.bg-light-700{background-color:var(--color-light-700)}.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-transparent{background-color:transparent}.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)}.to-light-500{--tw-gradient-to:var(--color-light-500) 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-green{--tw-text-opacity:1!important;color:rgb(10 168 54/var(--tw-text-opacity,1))!important}.\\!text-light-100{color:var(--color-light-100)!important}.\\!text-light-500{color:var(--color-light-500)!important}.\\!text-light-800{color:var(--color-light-800)!important}.\\!text-light-900{color:var(--color-light-900)!important}.\\!text-primary{--tw-text-opacity:1!important;color:rgb(19 41 75/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-\\[\\#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-green{--tw-text-opacity:1;color:rgb(10 168 54/var(--tw-text-opacity,1))}.text-light-100{color:var(--color-light-100)}.text-light-200{color:var(--color-light-200)}.text-light-500{color:var(--color-light-500)}.text-light-700{color:var(--color-light-700)}.text-light-800{color:var(--color-light-800)}.text-light-900{color:var(--color-light-900)}.text-light-950{color:var(--color-light-950)}.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))}.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-light-200{--tw-ring-color:var(--color-light-200)}.ring-light-700{--tw-ring-color:var(--color-light-700)}.ring-redError{--tw-ring-opacity:1;--tw-ring-color:rgb(236 74 84/var(--tw-ring-opacity,1))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-light-500{--tw-ring-offset-color:var(--color-light-500)}.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-light-700::-moz-placeholder{color:var(--color-light-700)}.placeholder\\:text-light-700::placeholder{color:var(--color-light-700)}.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-light-200:hover{border-color:var(--color-light-200)}.hover\\:border-light-800:hover{border-color:var(--color-light-800)}.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\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\\:bg-greenBackgroundActive:hover{background-color:#0aa83633}.hover\\:bg-light-200:hover{background-color:var(--color-light-200)}.hover\\:bg-light-300:hover{background-color:var(--color-light-300)}.hover\\:bg-light-800:hover{background-color:var(--color-light-800)}.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\\:font-bold:hover{font-weight:700}.hover\\:font-semibold:hover{font-weight:600}.hover\\:text-light-900:hover{color:var(--color-light-900)}.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-light-100:disabled{border-color:var(--color-light-100)}.disabled\\:border-light-200:disabled{border-color:var(--color-light-200)}.disabled\\:bg-light-100:disabled{background-color:var(--color-light-100)}.disabled\\:bg-light-200:disabled{background-color:var(--color-light-200)}.disabled\\:text-light-100:disabled{color:var(--color-light-100)}.disabled\\:text-light-500:disabled{color:var(--color-light-500)}.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-400:is(.dark *){border-color:var(--color-dark-400)}.dark\\:border-dark-500:is(.dark *){border-color:var(--color-dark-500)}.dark\\:border-light-100:is(.dark *){border-color:var(--color-light-100)}.dark\\:border-light-500:is(.dark *){border-color:var(--color-light-500)}.dark\\:border-b-\\[\\#\\#f1f1f4\\]:is(.dark *){border-bottom-color:##f1f1f4}.dark\\:border-b-dark-400:is(.dark *){border-bottom-color:var(--color-dark-400)}.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\\:from-dark-300:is(.dark *){--tw-gradient-from:var(--color-dark-300) 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)}.dark\\:from-dark-400:is(.dark *){--tw-gradient-from:var(--color-dark-400) 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)}.dark\\:to-dark-100:is(.dark *){--tw-gradient-to:var(--color-dark-100) var(--tw-gradient-to-position)}.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\\: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)}.dark\\:disabled\\:text-light-600:disabled:is(.dark *){color:var(--color-light-600)}@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-light-100::-webkit-scrollbar-thumb{background-color:var(--color-light-100)}.\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:rounded-r-md::-webkit-scrollbar-track{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:bg-light-200::-webkit-scrollbar-track{background-color:var(--color-light-200)}.\\[\\&\\:\\:-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,7 +64,7 @@ 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 bg-light-500 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-light-500 dark:bg-dark-100 dark:text-light-500 dark:border-b-
|
|
67
|
+
return (jsx("div", { className: clsx('w-full flex flex-col text-primary bg-light-500 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-light-500 dark:bg-dark-100 dark:text-light-500 dark:border-b-[##f1f1f4]", 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();
|
|
@@ -77,7 +77,7 @@ function LogoSmall() {
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
function BasicHeader({ rightActions, redirect = '/', }) {
|
|
80
|
-
return (jsx(Fragment, { children: jsxs("div", { className: "w-100 min-h-16 border-b border-b-
|
|
80
|
+
return (jsx(Fragment, { children: jsxs("div", { className: "w-100 min-h-16 border-b border-b-light-200 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(Link$1, { className: "cursor-pointer", to: redirect, "aria-label": "Ir para p\u00E1gina inicial", children: jsx(LogoSmall, {}) }, "logo-link") }), rightActions && rightActions] }) }));
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
function Breadcrumb({ items }) {
|
|
@@ -85,16 +85,16 @@ function Breadcrumb({ items }) {
|
|
|
85
85
|
}
|
|
86
86
|
|
|
87
87
|
const variants$4 = {
|
|
88
|
-
primary: 'bg-primary !text-
|
|
89
|
-
outline: 'bg-
|
|
90
|
-
secondary: 'bg-
|
|
91
|
-
secondaryOutline: 'bg-transparent !text-
|
|
92
|
-
gray: 'bg-
|
|
93
|
-
grayOutline: 'bg-transparent !text-
|
|
94
|
-
tab: 'bg-
|
|
88
|
+
primary: 'bg-primary !text-light-500 border-primary hover:bg-primaryActive disabled:bg-light-100 disabled:border-light-100',
|
|
89
|
+
outline: 'bg-light-500 !text-primary border-primary hover:bg-light-200 disabled:bg-light-100 disabled:text-light-500 disabled:border-light-100',
|
|
90
|
+
secondary: 'bg-light-400 !text-light-800 border-light-400 hover:bg-light-200 hover:border-light-200 disabled:bg-light-200 disabled:border-light-200',
|
|
91
|
+
secondaryOutline: 'bg-transparent !text-light-900 border-light-100 hover:bg-light-200 disabled:text-light-100',
|
|
92
|
+
gray: 'bg-light-700 !text-light-500 border-light-700 hover:bg-light-800 hover:border-light-800 ',
|
|
93
|
+
grayOutline: 'bg-transparent !text-light-100 border-light-200 hover:bg-light-200 disabled:bg-light-200 disabled:text-light-100',
|
|
94
|
+
tab: 'bg-light-500 !text-primary border-light-500 hover:bg-secondaryActive hover:border-light-800 disabled:bg-light-100 disabled:text-light-500 disabled:border-light-100',
|
|
95
95
|
};
|
|
96
96
|
function Button({ variant = 'primary', selected = false, rightIcon, className, width = 'w-100', ...props }) {
|
|
97
|
-
return (jsx(Button$1, { ...props, className: clsx('!py-2 !shadow-none font-roboto', variants$4[variant], selected && variant === 'tab' && 'bg-secondary border-
|
|
97
|
+
return (jsx(Button$1, { ...props, className: clsx('!py-2 !shadow-none font-roboto', variants$4[variant], selected && variant === 'tab' && 'bg-secondary border-light-800 ', width, className), "aria-label": "Componente Bot\u00E3o Padr\u00E3o", children: rightIcon && jsx("span", { className: `pi pl-2 ${rightIcon}`, children: " " }) }));
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
const FloatingLabel = ({ value, label, disabled, error, }) => {
|
|
@@ -102,11 +102,11 @@ const FloatingLabel = ({ value, label, disabled, error, }) => {
|
|
|
102
102
|
useEffect(() => {
|
|
103
103
|
setIsFloating(!!value);
|
|
104
104
|
}, [value]);
|
|
105
|
-
return (jsx("label", { className: clsx('absolute left-4 text-
|
|
106
|
-
? 'text-
|
|
105
|
+
return (jsx("label", { className: clsx('absolute left-4 text-light-700 transition-all bg-light-500 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-light-100'
|
|
107
107
|
: error
|
|
108
108
|
? 'text-redError dark:text-redError'
|
|
109
|
-
: 'text-
|
|
109
|
+
: 'text-light-700'), children: isFloating ? label : value }));
|
|
110
110
|
};
|
|
111
111
|
|
|
112
112
|
addLocale('pt-BR', {
|
|
@@ -161,24 +161,24 @@ function CalendarInput({ error, placeholder = 'Selecione uma data', label, disab
|
|
|
161
161
|
const dateTemplate = (data) => {
|
|
162
162
|
const date = new Date(`${data.year}/${data.month + 1}/${data.day}`);
|
|
163
163
|
const dayComponent = (className) => {
|
|
164
|
-
return (jsx("div", { className: `w-full h-full flex justify-center items-center text-
|
|
164
|
+
return (jsx("div", { className: `w-full h-full flex justify-center items-center text-light-800 ${className}`, children: data.day }));
|
|
165
165
|
};
|
|
166
166
|
if (props.selectionMode === 'range') {
|
|
167
167
|
const [start, end] = Array.isArray(props.value)
|
|
168
168
|
? props.value
|
|
169
169
|
: [null, null];
|
|
170
170
|
if (start && date.getTime() === start.getTime()) {
|
|
171
|
-
return dayComponent('bg-
|
|
171
|
+
return dayComponent('bg-light-200');
|
|
172
172
|
}
|
|
173
173
|
if (start && end && date >= start && date <= end) {
|
|
174
|
-
return dayComponent('bg-
|
|
174
|
+
return dayComponent('bg-light-200');
|
|
175
175
|
}
|
|
176
176
|
return dayComponent();
|
|
177
177
|
}
|
|
178
178
|
if (props.selectionMode === 'single' || !props.selectionMode) {
|
|
179
179
|
const selectedDate = props.value;
|
|
180
180
|
if (selectedDate && date.getTime() === selectedDate.getTime()) {
|
|
181
|
-
return dayComponent('bg-
|
|
181
|
+
return dayComponent('bg-light-200');
|
|
182
182
|
}
|
|
183
183
|
}
|
|
184
184
|
return dayComponent();
|
|
@@ -202,7 +202,7 @@ function CalendarInput({ error, placeholder = 'Selecione uma data', label, disab
|
|
|
202
202
|
}, []);
|
|
203
203
|
return (jsx("div", { className: "relative flex flex-col w-full min-w-full", children: jsxs("div", { onClick: handleInputClick, children: [jsx(FloatingLabel, { value: props?.value ? props.value.toString() : '', label: label, disabled: disabled, error: error }), jsxs("div", { className: "relative w-full min-w-full", children: [jsx(Calendar, { ...props, disabled: disabled, placeholder: placeholder, ref: calendarRef, panelStyle: { width: '420px', height: '410px' }, className: clsx('w-full min-w-full focus:shadow-none border-none z-0 font-roboto border rounded-md', hasError
|
|
204
204
|
? 'border-redError placeholder:!text-redError p-invalid'
|
|
205
|
-
: 'border-
|
|
205
|
+
: 'border-light-700 focus:border-primary', disabled && 'border-light-100 text-disabled', error && 'border-redError text-redError p-invalid', !error && 'border-light-700 p-custom'), dateFormat: "dd/mm/yy", inputStyle: {
|
|
206
206
|
border: `0.3px solid ${error && !props.value ? '#EC4A54' : '#A0A4B3'}`,
|
|
207
207
|
boxShadow: 'none',
|
|
208
208
|
color: hasError ? '#EC4A54' : isDarkMode ? '#FFFFFF' : '#646981',
|
|
@@ -210,28 +210,29 @@ function CalendarInput({ error, placeholder = 'Selecione uma data', label, disab
|
|
|
210
210
|
fontSize: '16px',
|
|
211
211
|
height: '42px',
|
|
212
212
|
background: isDarkMode ? '#0f1117' : '#FFFFFF',
|
|
213
|
-
}, hideOnDateTimeSelect: true, hideOnRangeSelection: true, dateTemplate: dateTemplate, invalid: hasError, locale: "pt-BR" }), jsx(InputIcon, { className: clsx(`pi pi-calendar text-
|
|
213
|
+
}, hideOnDateTimeSelect: true, hideOnRangeSelection: true, dateTemplate: dateTemplate, invalid: hasError, locale: "pt-BR" }), jsx(InputIcon, { className: clsx(`pi pi-calendar text-light-700 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 }) }))] }) }));
|
|
214
214
|
}
|
|
215
215
|
|
|
216
216
|
function Card({ children, className, ariaLabel = 'Card de informação', }) {
|
|
217
|
-
return (jsx("div", { className: clsx('shadow-container rounded-md p-3 text-primary bg-
|
|
217
|
+
return (jsx("div", { className: clsx('shadow-container rounded-md p-3 text-primary bg-light-500 dark:text-light-500 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 }));
|
|
218
218
|
}
|
|
219
219
|
|
|
220
220
|
function CardButton({ label, description, onClick }) {
|
|
221
|
-
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 from-[#f3f4f6] to-light-500 border-[#f3f4f6]\n dark:from-dark-400 dark:to-dark-100 dark:border-dark-400 dark:bg-dark-100 dark:shadow-dark-400", onClick: () => {
|
|
221
|
+
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 from-[#f3f4f6] to-light-500 border-[#f3f4f6]\r\n dark:from-dark-400 dark:to-dark-100 dark:border-dark-400 dark:bg-dark-100 dark:shadow-dark-400", onClick: () => {
|
|
222
222
|
if (onClick)
|
|
223
223
|
onClick();
|
|
224
224
|
}, children: [jsx("h3", { className: "text-lg font-bold text-primary dark:text-light-500", children: label }), description && (jsx("p", { className: "text-sm mt-2 line-clamp-3 text-primary dark:text-light-500", children: description }))] }));
|
|
225
225
|
}
|
|
226
226
|
|
|
227
227
|
function CardIconsButton({ label, leftIcon, onClick, }) {
|
|
228
|
-
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 from-[#f3f4f6] to-light-500 border-[#f3f4f6]\n dark:from-dark-400 dark:to-dark-100 dark:border-dark-400 dark:bg-dark-100 dark:shadow-dark-400", onClick: () => {
|
|
228
|
+
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 from-[#f3f4f6] to-light-500 border-[#f3f4f6]\r\n dark:from-dark-400 dark:to-dark-100 dark:border-dark-400 dark:bg-dark-100 dark:shadow-dark-400", onClick: () => {
|
|
229
229
|
if (onClick)
|
|
230
230
|
onClick();
|
|
231
231
|
}, "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 dark:text-light-500 text-primary", children: leftIcon })), jsx("h3", { className: "text-base font-semibold break-words dark: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 dark:text-light-500 text-primary" }) })] }));
|
|
232
232
|
}
|
|
233
233
|
|
|
234
234
|
function Charts({ type, labels, datasets, title, stacked = false, horizontal = false, legendPosition = 'top', }) {
|
|
235
|
+
const [isDarkMode, setIsDarkMode] = useState(false);
|
|
235
236
|
const chartData = {
|
|
236
237
|
labels,
|
|
237
238
|
datasets: datasets.map((ds) => ({
|
|
@@ -254,7 +255,7 @@ function Charts({ type, labels, datasets, title, stacked = false, horizontal = f
|
|
|
254
255
|
legend: {
|
|
255
256
|
position: legendPosition,
|
|
256
257
|
labels: {
|
|
257
|
-
color: '#495057',
|
|
258
|
+
color: isDarkMode ? '#fff' : '#495057',
|
|
258
259
|
usePointStyle: true,
|
|
259
260
|
pointStyle: 'circle',
|
|
260
261
|
},
|
|
@@ -263,23 +264,35 @@ function Charts({ type, labels, datasets, title, stacked = false, horizontal = f
|
|
|
263
264
|
? {
|
|
264
265
|
display: true,
|
|
265
266
|
text: title,
|
|
266
|
-
color: '#
|
|
267
|
+
color: isDarkMode ? '#fff' : '#495057',
|
|
267
268
|
}
|
|
268
269
|
: undefined,
|
|
269
270
|
},
|
|
270
271
|
scales: {
|
|
271
272
|
x: {
|
|
272
273
|
stacked: stacked,
|
|
273
|
-
ticks: { color: '#495057' },
|
|
274
|
-
grid: { color: '#ebedef' },
|
|
274
|
+
ticks: { color: isDarkMode ? '#fff' : '#495057' },
|
|
275
|
+
grid: { color: isDarkMode ? '#fff' : '#ebedef' },
|
|
275
276
|
},
|
|
276
277
|
y: {
|
|
277
278
|
stacked: stacked,
|
|
278
|
-
ticks: { color: '#495057' },
|
|
279
|
-
grid: { color: '#ebedef' },
|
|
279
|
+
ticks: { color: isDarkMode ? '#fff' : '#495057' },
|
|
280
|
+
grid: { color: isDarkMode ? '#fff' : '#ebedef' },
|
|
280
281
|
},
|
|
281
282
|
},
|
|
282
283
|
};
|
|
284
|
+
useEffect(() => {
|
|
285
|
+
const htmlClassList = document.documentElement.classList;
|
|
286
|
+
setIsDarkMode(htmlClassList.contains('dark'));
|
|
287
|
+
const observer = new MutationObserver(() => {
|
|
288
|
+
setIsDarkMode(document.documentElement.classList.contains('dark'));
|
|
289
|
+
});
|
|
290
|
+
observer.observe(document.documentElement, {
|
|
291
|
+
attributes: true,
|
|
292
|
+
attributeFilter: ['class'],
|
|
293
|
+
});
|
|
294
|
+
return () => observer.disconnect();
|
|
295
|
+
}, []);
|
|
283
296
|
return (jsx(Chart, { type: chartType, data: chartData, options: chartOptions, className: "w-full h-full", "aria-label": "chart" }));
|
|
284
297
|
}
|
|
285
298
|
|
|
@@ -288,12 +301,12 @@ function Divider({ ...props }) {
|
|
|
288
301
|
}
|
|
289
302
|
|
|
290
303
|
function EmptyContent({ message = 'Não há dados disponíveis.', }) {
|
|
291
|
-
return (jsx("div", { className: "p-6 text-justify text-primary bg-
|
|
304
|
+
return (jsx("div", { className: "p-6 text-justify text-primary bg-light-300 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] }) }));
|
|
292
305
|
}
|
|
293
306
|
|
|
294
307
|
function ExpandablePanel({ title, children, defaultOpen = true, }) {
|
|
295
308
|
const [isOpen, setIsOpen] = useState(defaultOpen);
|
|
296
|
-
return (jsx("div", { className: "relative p-[2px] rounded-lg mb-4", children: jsxs("div", { className: "rounded-lg overflow-hidden border shadow-container\n bg-light-500 border-
|
|
309
|
+
return (jsx("div", { className: "relative p-[2px] rounded-lg mb-4", children: jsxs("div", { className: "rounded-lg overflow-hidden border shadow-container\n bg-light-500 border-light-600 text-primary\n dark:bg-dark-100 dark:border-dark-500 dark:shadow-dark-400 dark:text-light-500", children: [jsxs("div", { className: "flex justify-between items-center px-4 py-2 cursor-pointer\n bg-gradient-to-r from-[#f3f4f6] to-light-500\n dark:from-dark-300 dark:to-dark-100 dark:border-dark-400", onClick: () => setIsOpen(!isOpen), children: [jsx("div", { className: "text-xl font-bold", children: title }), jsx("button", { children: jsx("i", { className: `pi ${isOpen ? 'pi-chevron-down' : 'pi-chevron-up'} text-primary dark:text-light-500` }) })] }), isOpen && jsx("div", { className: "p-4", children: children })] }) }));
|
|
297
310
|
}
|
|
298
311
|
|
|
299
312
|
function FileUpload({ label = 'Enviar arquivos', value = [], onChange, multiple = true, fileTypes, className, error, disabled = false, }) {
|
|
@@ -378,7 +391,7 @@ function FileUpload({ label = 'Enviar arquivos', value = [], onChange, multiple
|
|
|
378
391
|
const isDisabled = !multiple && visibleFiles.length > 0;
|
|
379
392
|
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
|
|
380
393
|
? 'border-primary bg-primary/5'
|
|
381
|
-
: 'border-[#e6e6e6] hover:border-primary/50 dark:hover:border-light-500 dark:border-
|
|
394
|
+
: 'border-[#e6e6e6] hover:border-primary/50 dark:hover:border-light-500 dark:border-light-100', 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
|
|
382
395
|
? 'Já possui um arquivo selecionado'
|
|
383
396
|
: '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) => {
|
|
384
397
|
e.stopPropagation();
|
|
@@ -393,7 +406,7 @@ const variants$3 = {
|
|
|
393
406
|
},
|
|
394
407
|
main: {
|
|
395
408
|
text: '!text-light-500',
|
|
396
|
-
button: 'bg-
|
|
409
|
+
button: 'bg-light-700 hover:bg-light-800',
|
|
397
410
|
},
|
|
398
411
|
primary: {
|
|
399
412
|
text: '!text-light-500',
|
|
@@ -409,7 +422,7 @@ function FilterButton({ filterOptions, setOption, option, variant, icon, label,
|
|
|
409
422
|
setIsOpen(false);
|
|
410
423
|
setOption(selectedOption.value === option?.value ? null : selectedOption);
|
|
411
424
|
};
|
|
412
|
-
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-
|
|
425
|
+
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-light-100', props.disabled ? '!disabled:text-light-500' : variants$3[variant].text, variants$3[variant].button), onClick: toggleDropdown }), isOpen && (jsx("div", { className: `absolute w-40 bg-light-500 shadow-md border border-light-700 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-light-500 ring-light-700 checked:bg-primary cursor-pointer" })] }, filterOption.value))) }) }))] }));
|
|
413
426
|
}
|
|
414
427
|
|
|
415
428
|
function Tooltip({ text, children }) {
|
|
@@ -464,15 +477,15 @@ function Tooltip({ text, children }) {
|
|
|
464
477
|
}
|
|
465
478
|
|
|
466
479
|
function Sidebar({ item, onClose, topItem }) {
|
|
467
|
-
return (jsxs("div", { className: "relative w-100", children: [jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-
|
|
468
|
-
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-
|
|
480
|
+
return (jsxs("div", { className: "relative w-100", children: [jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-light-900/20 z-50", onClick: onClose }), jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-light-500 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-light-200 hover:bg-light-300 hover:font-bold dark:bg-dark-100 dark:hover:bg-dark-400", children: jsx(Link$1, { to: "/", className: "font-roboto text-base text-light-900 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 &&
|
|
481
|
+
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-light-200 hover:bg-light-300 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-light-900 hover:font-bold dark:text-light-500 dark:hover:bg-dark-400", onClick: () => {
|
|
469
482
|
if (onClose)
|
|
470
483
|
onClose();
|
|
471
484
|
if (typeof window !== 'undefined') {
|
|
472
485
|
window.open(item?.path, '_blank');
|
|
473
486
|
}
|
|
474
|
-
}, "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-
|
|
475
|
-
item.map((item) => (jsx(Link$1, { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-
|
|
487
|
+
}, "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-light-900 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-light-900 !font-bold text-lg dark:text-light-500" }), jsx("p", { className: "text-light-900 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-light-200 [&::-webkit-scrollbar-thumb]:bg-light-100 dark:bg-dark-100", children: item &&
|
|
488
|
+
item.map((item) => (jsx(Link$1, { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-light-200 hover:bg-light-300 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-light-900 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')] }));
|
|
476
489
|
}
|
|
477
490
|
|
|
478
491
|
function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, isRenderNotifications = false, rightActions, redirect = '/', }) {
|
|
@@ -496,25 +509,25 @@ function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setO
|
|
|
496
509
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
497
510
|
};
|
|
498
511
|
}, [openUserConfig]);
|
|
499
|
-
return (jsxs(Fragment, { children: [jsxs("div", { className: "w-100 min-h-16 border-b border-b-
|
|
512
|
+
return (jsxs(Fragment, { children: [jsxs("div", { className: "w-100 min-h-16 border-b border-b-light-200 flex flex-row justify-between items-center px-8 shadow-header dark:bg-dark-100 dark:border-b-dark-400", 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-light-950 cursor-pointer hover:text-light-900 text-xl mt-1 }` }) }), jsx(Link$1, { className: "cursor-pointer", to: redirect, "aria-label": "Ir para p\u00E1gina inicial", children: jsx(LogoSmall, {}) }, "logo-link")] }), 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-light-950 cursor-pointer hover:text-light-900" }) })), 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-light-950 hover:text-light-900 font-roboto font-bold cursor-pointer transition-colors duration-200", children: ["Ol\u00E1, ", username] }) }), openUserConfig && (jsx("div", { className: `absolute w-100 bg-light-500 shadow-md border border-light-400 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-light-300 dark:bg-dark-100 dark:text-light-500 dark:hover:bg-dark-400", children: jsx("a", { onClick: () => {
|
|
500
513
|
if (onClick)
|
|
501
514
|
onClick();
|
|
502
515
|
setOpenUserConfig(false);
|
|
503
|
-
}, href: path, className: "block w-full font-base font-roboto text-
|
|
516
|
+
}, href: path, className: "block w-full font-base font-roboto text-light-900 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: () => {
|
|
504
517
|
setOpenSidebar(false);
|
|
505
518
|
} }))] }));
|
|
506
519
|
}
|
|
507
520
|
|
|
508
521
|
const variants$2 = {
|
|
509
522
|
border: 'border-primary hover:border-primary shadow-none',
|
|
510
|
-
shadow: 'border-
|
|
523
|
+
shadow: 'border-light-500 hover:border-light-200 focus:shadow-md',
|
|
511
524
|
};
|
|
512
525
|
function IconButton({ variant, icon, ...props }) {
|
|
513
|
-
return (jsx(Button$1, { ...props, icon: `pi ${icon}`, rounded: true, text: variant === 'shadow', raised: variant === 'shadow', outlined: variant === 'border', className: clsx('bg-
|
|
526
|
+
return (jsx(Button$1, { ...props, icon: `pi ${icon}`, rounded: true, text: variant === 'shadow', raised: variant === 'shadow', outlined: variant === 'border', className: clsx('bg-light-500 text-primary hover:bg-light-200 disabled:bg-light-100 disabled:border-light-100 disabled:text-light-500', variants$2[variant]) }));
|
|
514
527
|
}
|
|
515
528
|
|
|
516
529
|
function InfoCard({ title, children, icon, className, titleClassName, }) {
|
|
517
|
-
return (jsxs("div", { className: clsx('shadow-container rounded-md p-3 text-primary bg-
|
|
530
|
+
return (jsxs("div", { className: clsx('shadow-container rounded-md p-3 text-primary bg-light-500 dark:text-light-500 dark:bg-dark-100 dark:border dark:border-dark-500 dark:shadow-dark-400', 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 })] }));
|
|
518
531
|
}
|
|
519
532
|
|
|
520
533
|
const maskCPF = (value) => {
|
|
@@ -607,7 +620,7 @@ const maskMoneyBRL = (value) => {
|
|
|
607
620
|
|
|
608
621
|
const variants$1 = {
|
|
609
622
|
green: 'text-green',
|
|
610
|
-
gray: 'text-
|
|
623
|
+
gray: 'text-light-700',
|
|
611
624
|
};
|
|
612
625
|
function Input({ onChange, placeholder, disabled = false, error, icon, onClickIcon, iconColor = 'green', label, mask, ...props }) {
|
|
613
626
|
const inputId = useId();
|
|
@@ -648,10 +661,10 @@ function Input({ onChange, placeholder, disabled = false, error, icon, onClickIc
|
|
|
648
661
|
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
|
|
649
662
|
? 'text-redError'
|
|
650
663
|
: disabled
|
|
651
|
-
? 'text-
|
|
652
|
-
: 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-
|
|
664
|
+
? 'text-light-200'
|
|
665
|
+
: 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-light-800 dark:bg-dark-100 dark:text-light-500', hasError
|
|
653
666
|
? 'border-redError placeholder:text-redError'
|
|
654
|
-
: 'border-
|
|
667
|
+
: 'border-light-700 focus:border-primary dark:focus:border-light-500', disabled && 'border-light-100 text-disabled', error && 'border-redError text-redError', !error && 'border-light-700 placeholder:text-light-700'), 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 })] }));
|
|
655
668
|
}
|
|
656
669
|
|
|
657
670
|
function InputSwitch({ checked, onChange, disabled = false, error, ariaLabel = 'Switch', }) {
|
|
@@ -668,9 +681,9 @@ function InputTextArea({ onChange, placeholder, disabled = false, error, label,
|
|
|
668
681
|
};
|
|
669
682
|
const hasError = (props.value && error && !disabled) ||
|
|
670
683
|
(!!error && !disabled && props.value?.length === 0);
|
|
671
|
-
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-
|
|
684
|
+
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-light-800 dark:bg-dark-100 dark:text-light-500', hasError
|
|
672
685
|
? 'border-redError placeholder:text-redError'
|
|
673
|
-
: 'border-
|
|
686
|
+
: 'border-light-700 focus:border-primary dark:focus:border-light-500', disabled && 'border-light-100 text-disabled', error && 'border-redError text-redError', !error && 'border-light-700 placeholder:text-light-700'), ...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 })] }));
|
|
674
687
|
}
|
|
675
688
|
|
|
676
689
|
function TextIcon() {
|
|
@@ -693,9 +706,9 @@ function InternalMenu({ item, isFiltering }) {
|
|
|
693
706
|
setOpenItems(initialOpen);
|
|
694
707
|
}
|
|
695
708
|
}, [isFiltering, item]);
|
|
696
|
-
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-
|
|
709
|
+
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-light-200 [&::-webkit-scrollbar-thumb]:bg-light-100 ", children: item.map((menuItem) => {
|
|
697
710
|
const isOpen = openItems.includes(menuItem);
|
|
698
|
-
return (jsxs("div", { children: [jsxs("div", { className: "cursor-pointer flex flex-row justify-between items-center border-b px-2 py-1 border-b-
|
|
711
|
+
return (jsxs("div", { children: [jsxs("div", { className: "cursor-pointer flex flex-row justify-between items-center border-b px-2 py-1 border-b-light-200", 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-light-300 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));
|
|
699
712
|
}) }));
|
|
700
713
|
}
|
|
701
714
|
|
|
@@ -707,7 +720,7 @@ function MegaMenu({ items }) {
|
|
|
707
720
|
return (jsx("div", { className: "w-100 flex items-center justify-between", children: items.map((item, index) => {
|
|
708
721
|
const isfirst = index === 0;
|
|
709
722
|
const isLast = index === items.length - 1;
|
|
710
|
-
return (jsx("a", { onClick: item.onClick, className: clsx('w-100 p-2 font-medium border border-
|
|
723
|
+
return (jsx("a", { onClick: item.onClick, className: clsx('w-100 p-2 font-medium border border-light-100 text-center cursor-pointer', item.active && 'bg-primary text-light-500', !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));
|
|
711
724
|
}) }));
|
|
712
725
|
}
|
|
713
726
|
|
|
@@ -724,22 +737,22 @@ function Modal({ title, size = 'md', onClose, onConfirm, labelCloseButton = 'Fec
|
|
|
724
737
|
lg: 'w-2/3',
|
|
725
738
|
xl: 'w-[90%]',
|
|
726
739
|
}[size];
|
|
727
|
-
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-
|
|
740
|
+
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-light-200 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: {
|
|
728
741
|
color: '#606060',
|
|
729
742
|
width: '24px',
|
|
730
743
|
height: '24px',
|
|
731
744
|
cursor: 'pointer',
|
|
732
|
-
}, children: jsx("i", { className: "pi pi-window-minimize" }) }) })) : (jsx(Fragment, { children: jsx("button", { onClick: toggleFullScreen, "aria-label": "Maximizar tela", style: {
|
|
745
|
+
}, children: jsx("i", { className: "pi pi-window-minimize dark:text-light-500" }) }) })) : (jsx(Fragment, { children: jsx("button", { onClick: toggleFullScreen, "aria-label": "Maximizar tela", style: {
|
|
733
746
|
color: '#606060',
|
|
734
747
|
width: '24px',
|
|
735
748
|
height: '24px',
|
|
736
749
|
cursor: 'pointer',
|
|
737
|
-
}, children: jsx("i", { className: "pi pi-window-maximize" }) }) })) })), jsx("button", { onClick: onClose, "aria-label": "Fechar modal", style: {
|
|
750
|
+
}, children: jsx("i", { className: "pi pi-window-maximize dark:text-light-500" }) }) })) })), jsx("button", { onClick: onClose, "aria-label": "Fechar modal", style: {
|
|
738
751
|
color: '#606060',
|
|
739
752
|
width: '24px',
|
|
740
753
|
height: '24px',
|
|
741
754
|
cursor: 'pointer',
|
|
742
|
-
}, 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" }))] })] }) }));
|
|
755
|
+
}, children: jsx("i", { className: "pi pi-times cursor-pointer dark:text-light-500" }) })] })] }), 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" }))] })] }) }));
|
|
743
756
|
}
|
|
744
757
|
|
|
745
758
|
function MultiSelect(props) {
|
|
@@ -883,14 +896,14 @@ function MultiSelect(props) {
|
|
|
883
896
|
setSearchText('');
|
|
884
897
|
setHighlightedIndex(-1);
|
|
885
898
|
}
|
|
886
|
-
}, onClick: toggleDropdown, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md text-
|
|
899
|
+
}, onClick: toggleDropdown, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md text-light-800 dark:bg-dark-100 dark:text-light-500', hasError
|
|
887
900
|
? 'border-redError placeholder:text-redError'
|
|
888
|
-
: 'border-
|
|
901
|
+
: 'border-light-700 focus:border-primary dark:focus:border-light-500', isInputDisabled && 'border-light-100 text-disabled', error && 'border-redError text-redError', !error && 'border-light-700 placeholder:text-light-700', isLoading && 'text-light-700', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled, "aria-label": ariaLabel }), jsx(InputIcon, { className: clsx(isLoading
|
|
889
902
|
? 'pi pi-spinner pi-spin'
|
|
890
903
|
: isOpen
|
|
891
904
|
? 'pi pi-angle-up'
|
|
892
|
-
: 'pi pi-angle-down', 'text-
|
|
893
|
-
props.value.some((v) => v.value === option.value), onChange: () => handleSelect(option), className: clsx('appearance-none w-2 h-2 ring-1 ring-offset-2 ring-offset-
|
|
905
|
+
: 'pi pi-angle-down', 'text-light-700 px-2 flex items-center cursor-pointer', isInputDisabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] })] }), isOpen && (jsx("div", { className: clsx('absolute w-full bg-light-500 border shadow-md z-40 rounded-md p-2 -bottom-1 translate-y-full dark:bg-dark-100', error ? 'border-redError' : 'border-light-700'), children: isLoadingOptions ? (jsxs("div", { className: "p-4 text-center text-light-700 flex items-center justify-center gap-2", children: ["Carregando", jsx("i", { className: "pi pi-spinner pi-spin" })] })) : props.onInputChange && searchText.length === 0 && !props.value ? (jsx("div", { className: "p-4 text-center text-light-700", children: "Digite para pesquisar" })) : filteredOptions.length > 0 ? (jsx("ul", { className: "max-h-60 overflow-y-auto", children: filteredOptions.map((option, index) => (jsxs("li", { onClick: () => handleSelect(option), className: clsx('p-2 flex justify-between items-center cursor-pointer', 'hover:bg-light-300 hover:font-bold dark:bg-dark-100 dark:text-light-500 dark:hover:bg-dark-400', index === highlightedIndex && 'bg-light-300 font-bold'), title: option.label, children: [jsx("span", { className: "truncate max-w-[calc(100%-20px)]", children: option.label }), jsx("input", { type: 'checkbox', checked: Array.isArray(props.value) &&
|
|
906
|
+
props.value.some((v) => v.value === option.value), onChange: () => handleSelect(option), className: clsx('appearance-none w-2 h-2 ring-1 ring-offset-2 ring-offset-light-500 ring-light-700 checked:bg-primary cursor-pointer rounded-md dark:bg-dark-100 dark:checked:bg-light-500 dark:checked:border-light-500 dark:ring-offset-dark-100 dark:ring-offset-2') })] }, option.value))) })) : (jsx("div", { className: "p-4 text-center text-light-700", children: "Nenhum resultado encontrado" })) })), hasError && jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
|
|
894
907
|
}
|
|
895
908
|
|
|
896
909
|
function FilterIcon({ color }) {
|
|
@@ -4176,11 +4189,11 @@ const formatDate = (date) => {
|
|
|
4176
4189
|
}).replace('.', '');
|
|
4177
4190
|
};
|
|
4178
4191
|
function NotificationItem({ notification, onDelete, onClick, }) {
|
|
4179
|
-
return (jsxs("div", { className: "flex flex-row items-start gap-2 px-4 hover:text-primary cursor-pointer rounded", children: [jsx("i", { className: "pi pi-circle-fill text-xs pt-1.5", style: { color: notification.active ? '#0AA836' : '#A0A4B3' } }), jsxs("div", { className: "flex-1 text-left", onClick: () => onClick(notification.id), children: [jsx("h2", { className: clsx('text-base font-bold', !notification.active && 'text-
|
|
4192
|
+
return (jsxs("div", { className: "flex flex-row items-start gap-2 px-4 hover:text-primary cursor-pointer rounded", children: [jsx("i", { className: "pi pi-circle-fill text-xs pt-1.5", style: { color: notification.active ? '#0AA836' : '#A0A4B3' } }), jsxs("div", { className: "flex-1 text-left", onClick: () => onClick(notification.id), children: [jsx("h2", { className: clsx('text-base font-bold', !notification.active && 'text-light-700'), children: notification.title }), jsx("p", { className: clsx('text-sm py-1 text-light-700'), children: notification.description }), jsx("p", { className: clsx('text-sm font-bold', !notification.active && 'text-light-700'), children: formatDate(notification.date) })] }), jsx("div", { className: "min-w-6 cursor-pointer", onClick: () => onDelete(notification.id), children: jsx("i", { className: "pi pi-trash text-light-950 hover:text-light-900" }) })] }, notification.id));
|
|
4180
4193
|
}
|
|
4181
4194
|
|
|
4182
4195
|
function Notification({ onClose, onReadAll, onDeleteNotificationbyId, onClickNotification, notifications, setFilter, filter, setInputValue, inputValue, filterOptions, }) {
|
|
4183
|
-
const customContent = (jsxs("div", { children: [jsxs("div", { className: "flex justify-between items-center px-4 py-3 border-b border-[#F1F1F4]", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("i", { className: "pi pi-bell text-
|
|
4196
|
+
const customContent = (jsxs("div", { children: [jsxs("div", { className: "flex justify-between items-center px-4 py-3 border-b border-[#F1F1F4]", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("i", { className: "pi pi-bell text-light-900" }), jsx("h2", { className: "font-roboto text-base text-light-900 font-bold", children: "Notifica\u00E7\u00F5es" })] }), jsx("div", { className: "flex items-center gap-2", children: jsx(Button, { label: "Marcar todas como lidas", variant: "secondaryOutline", onClick: onReadAll, className: "px-2 py-1 text-xs h-7" }) })] }), jsxs("div", { className: "px-4 py-2 flex flex-row gap-4", children: [jsx(Input, { value: inputValue, onChange: setInputValue, label: "Pesquisar", placeholder: "Pesquisar", icon: "pi-search", iconColor: "gray" }), jsx(FilterButton, { variant: "primary", label: "Filter", icon: jsx(FilterIcon, { color: "#FFFFFF" }), option: filter, setOption: (option) => setFilter(option), filterOptions: filterOptions })] }), jsx("div", { className: "text-center pt-4", children: notifications.length > 0 ? (jsx("div", { className: "w-100 h-[calc(100vh_-114.8px)] overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-light-200 [&::-webkit-scrollbar-thumb]:bg-light-100", children: notifications.map((notification) => (jsxs("div", { className: "w-100 hover:bg-light-300", children: [jsx(NotificationItem, { notification: notification, onDelete: onDeleteNotificationbyId, onClick: onClickNotification }), jsx(Divider$1, {})] }, notification.id))) })) : (jsx("p", { children: " Sem notifica\u00E7\u00F5es" })) })] }));
|
|
4184
4197
|
return (jsx(Sidebar$1, { visible: true, position: "right", onHide: onClose, className: "w-10/12 md:w-1/2 lg:w-1/3", content: customContent }));
|
|
4185
4198
|
}
|
|
4186
4199
|
|
|
@@ -4202,19 +4215,19 @@ function Paginator(props) {
|
|
|
4202
4215
|
});
|
|
4203
4216
|
},
|
|
4204
4217
|
};
|
|
4205
|
-
return (jsx(Paginator$1, { ...props, template: template, className: "bg-
|
|
4218
|
+
return (jsx(Paginator$1, { ...props, template: template, className: "bg-light-500 dark:bg-dark-100" }));
|
|
4206
4219
|
}
|
|
4207
4220
|
|
|
4208
4221
|
const variants = {
|
|
4209
|
-
white: 'ring-offset-
|
|
4222
|
+
white: 'ring-offset-light-500',
|
|
4210
4223
|
secondary: 'ring-offset-secondary',
|
|
4211
4224
|
};
|
|
4212
4225
|
function RadioButton({ label, value, checked, onChange, disabled = false, error = false, variant = 'secondary', ariaLabel = 'Radio button', }) {
|
|
4213
4226
|
return (jsxs("label", { className: clsx('flex items-center gap-2 cursor-pointer font-roboto text-primary dark:text-light-500', disabled && 'text-disabled', error && !checked && 'text-redError'), children: [jsx("input", { type: "radio", value: value, checked: checked, onChange: onChange, disabled: disabled, className: clsx('font-roboto appearance-none w-2 h-2 border-0 rounded-full shadow-none ring-1 ring-offset-2 checked:bg-primary transition-colors duration-200 dark:bg-dark-100 dark:checked:bg-light-500 dark:checked:border-light-500 dark:ring-offset-dark-100 dark:ring-offset-2', disabled
|
|
4214
|
-
? 'ring-
|
|
4227
|
+
? 'ring-light-200'
|
|
4215
4228
|
: error && !checked
|
|
4216
4229
|
? 'ring-redError'
|
|
4217
|
-
: 'ring-
|
|
4230
|
+
: 'ring-light-700', variants[variant]), "aria-label": ariaLabel }), label] }));
|
|
4218
4231
|
}
|
|
4219
4232
|
|
|
4220
4233
|
function Select(props) {
|
|
@@ -4341,17 +4354,17 @@ function Select(props) {
|
|
|
4341
4354
|
e.preventDefault();
|
|
4342
4355
|
handleClose();
|
|
4343
4356
|
}
|
|
4344
|
-
}, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md text-
|
|
4357
|
+
}, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md text-light-800 dark:bg-dark-100 dark:text-light-500', hasError
|
|
4345
4358
|
? 'border-redError placeholder:text-redError'
|
|
4346
|
-
: 'border-
|
|
4359
|
+
: 'border-light-700 focus:border-primary dark:focus:border-light-500', isInputDisabled && 'border-light-100 text-disabled', error && 'border-redError text-redError', !error && 'border-light-700 placeholder:text-light-700', isLoading && 'text-light-700', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled, "aria-label": ariaLabel }), jsx(InputIcon, { className: clsx(isLoading
|
|
4347
4360
|
? 'pi pi-spinner pi-spin'
|
|
4348
4361
|
: isOpen
|
|
4349
4362
|
? 'pi pi-angle-up'
|
|
4350
|
-
: 'pi pi-angle-down', 'text-
|
|
4363
|
+
: 'pi pi-angle-down', 'text-light-700 px-2 flex items-center cursor-pointer', isInputDisabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] })] }), isOpen && (jsx("div", { className: clsx('absolute w-full bg-light-500 border shadow-md z-40 rounded-md p-2 -bottom-1 translate-y-full dark:bg-dark-100', error ? 'border-redError' : 'border-light-700'), children: isLoadingOptions ? (jsxs("div", { className: "p-4 text-center text-light-700 flex items-center justify-center gap-2", children: ["Carregando", jsx("i", { className: "pi pi-spinner pi-spin" })] })) : props.onInputChange && searchText.length === 0 && !props.value ? (jsx("div", { className: "p-4 text-center text-light-700", children: "Digite para pesquisar" })) : filteredOptions.length > 0 ? (jsx("ul", { className: "max-h-60 overflow-y-auto", children: filteredOptions.map((option, index) => (jsxs("li", { onClick: () => handleSelect(option), className: clsx('p-2 flex justify-between items-center cursor-pointer', 'hover:bg-light-300 hover:font-bold dark:bg-dark-100 dark:text-light-500 dark:hover:bg-dark-400', index === highlightedIndex && 'bg-light-300 font-bold'), children: [jsx("span", { className: "truncate max-w-[calc(100%-20px)]", children: option.label }), jsx("input", { type: 'radio', checked: props.value?.value === option.value, onChange: () => handleSelect(option), className: clsx('appearance-none w-2 h-2 rounded-full ring-1 ring-offset-2 ring-offset-light-500 ring-light-700 checked:bg-primary cursor-pointer dark:bg-dark-100 dark:checked:bg-light-500 dark:checked:border-light-500 dark:ring-offset-dark-100 dark:ring-offset-2') })] }, option.value))) })) : (jsx("div", { className: "p-4 text-center text-light-700", children: "Nenhum resultado encontrado" })) })), hasError && jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
|
|
4351
4364
|
}
|
|
4352
4365
|
|
|
4353
4366
|
function Skeleton({ shape = 'rectangle', width = '100%', height = '1rem', borderRadius, animation = 'wave', size, className, }) {
|
|
4354
|
-
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-
|
|
4367
|
+
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-[##e8ecf9] dark:bg-dark-400" }) }));
|
|
4355
4368
|
}
|
|
4356
4369
|
|
|
4357
4370
|
const colorVariants = {
|
|
@@ -4507,7 +4520,7 @@ function Table({ columns, data, totalRecords, actions = [], isOrdered = true, ac
|
|
|
4507
4520
|
onFilterChange(newFilters);
|
|
4508
4521
|
}
|
|
4509
4522
|
};
|
|
4510
|
-
return (jsxs("div", { children: [jsxs("table", { className: "w-full", 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-
|
|
4523
|
+
return (jsxs("div", { children: [jsxs("table", { className: "w-full", 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-light-500 text-sm uppercase p-3 text-left", children: [jsx("div", { children: openFilter === column.dataIndex && (jsxs("div", { ref: filterModalRef, className: "absolute mt-6 bg-light-500 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) => ({
|
|
4511
4524
|
...prev,
|
|
4512
4525
|
[column.dataIndex]: e,
|
|
4513
4526
|
})), mask: column?.mask, "aria-label": `Filtrar por ${column.label}` })), column.filterType === 'select' && (jsx(Select, { options: column.filterOptions || [], value: column.filterOptions?.find((option) => option.value ===
|
|
@@ -4553,9 +4566,9 @@ function Table({ columns, data, totalRecords, actions = [], isOrdered = true, ac
|
|
|
4553
4566
|
? null
|
|
4554
4567
|
: column.dataIndex), "aria-label": `Filtrar por ${column.label}`, children: jsx("i", { className: clsx('pl-2 text-xs cursor-pointer', filterStatus[column.dataIndex] === 'applied'
|
|
4555
4568
|
? 'pi pi-filter-slash'
|
|
4556
|
-
: 'pi pi-filter') }) }) }))] }, String(column.dataIndex)))), actions.length > 0 && (jsx("th", { scope: "col", className: clsx('bg-primary rounded-se-lg font-bold text-
|
|
4557
|
-
? 'bg-
|
|
4558
|
-
: 'bg-
|
|
4569
|
+
: 'pi pi-filter') }) }) }))] }, String(column.dataIndex)))), actions.length > 0 && (jsx("th", { scope: "col", className: clsx('bg-primary rounded-se-lg font-bold text-light-500 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
|
|
4570
|
+
? 'bg-light-300 dark:bg-dark-500'
|
|
4571
|
+
: 'bg-light-500 dark:bg-dark-100', 'text-primary text-base dark:text-light-500'), children: [columns.map((column) => {
|
|
4559
4572
|
const value = getNestedValue(row, column.dataIndex);
|
|
4560
4573
|
return (jsx("td", { className: clsx('p-3 text-sm text-left', typeof column.style === 'function'
|
|
4561
4574
|
? column.style(getNestedValue(row, column.dataIndex), row)
|
|
@@ -4566,7 +4579,7 @@ function Table({ columns, data, totalRecords, actions = [], isOrdered = true, ac
|
|
|
4566
4579
|
'opacity-50 pointer-events-none cursor-not-allowed'), onClick: () => {
|
|
4567
4580
|
if (!action.disabled)
|
|
4568
4581
|
action.onClick(row);
|
|
4569
|
-
}, "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-
|
|
4582
|
+
}, "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-light-300 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) => {
|
|
4570
4583
|
setCurrentPage(event.page + 1);
|
|
4571
4584
|
onPageChange(event.page + 1);
|
|
4572
4585
|
} }))] }));
|
|
@@ -4587,11 +4600,11 @@ function Tabs({ tabs, activeIndex = 0, onTabChange, className, }) {
|
|
|
4587
4600
|
};
|
|
4588
4601
|
return (jsxs("div", { className: clsx('w-full', className), children: [jsx("div", { className: "flex border-b border-gray-300 dark:border-dark-400", children: tabs.map((tab, index) => {
|
|
4589
4602
|
const isActive = index === currentIndex;
|
|
4590
|
-
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-
|
|
4591
|
-
? 'disabled:text-
|
|
4603
|
+
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-light-300 cursor-pointer text-base text-primary dark:bg-dark-100 dark:text-light-500 dark:hover:bg-dark-400', tab.disabled
|
|
4604
|
+
? 'disabled:text-light-100 dark:disabled:text-light-600'
|
|
4592
4605
|
: '', isActive
|
|
4593
4606
|
? 'border-primary font-semibold dark:border-light-500'
|
|
4594
|
-
: 'border-transparent hover:text-primary hover:border-
|
|
4607
|
+
: 'border-transparent hover:text-primary hover:border-light-800 font-normal dark:hover:text-light-500 dark:border-dark-400', !isActive && !tab.disabled && 'hover:font-semibold'), children: tab.label }, index));
|
|
4595
4608
|
}) }), jsx("div", { className: "py-1 px-3", children: tabs.map((tab, index) => (jsx("div", { className: clsx(index !== currentIndex && 'hidden'), children: tab.content }, index))) })] }));
|
|
4596
4609
|
}
|
|
4597
4610
|
|