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