karsten-design-system 1.1.59 → 1.1.60

package/dist/index.js

@@ -1,39 +1,1823 @@
-import './.storybook/index.css.js';
-export { Accordion } from './stories/components/accordion.js';
-export { AutoComplete } from './stories/components/autoComplete.js';
-export { BasicHeader } from './stories/components/basicHeader.js';
-export { Breadcrumb } from './stories/components/breadcrumb.js';
-export { Button } from './stories/components/button.js';
-export { CalendarInput } from './stories/components/calendarInput.js';
-export { Card } from './stories/components/card.js';
-export { CardButton } from './stories/components/cardButton.js';
-export { CardIconsButton } from './stories/components/cardIconsButton.js';
-export { Chart } from './stories/components/chart.js';
-export { Dialog } from './stories/components/dialog.js';
-export { Divider } from './stories/components/divider.js';
-export { EmptyContent } from './stories/components/emptyContent.js';
-export { ExpandablePanel } from './stories/components/expandablePanel.js';
-export { FileUpload } from './stories/components/fileUpload.js';
-export { FilterButton } from './stories/components/filterButton.js';
-export { Header } from './stories/components/header.js';
-export { IconButton } from './stories/components/iconButton.js';
-export { InfoCard } from './stories/components/infoCard.js';
-export { Input } from './stories/components/input.js';
-export { InputSwitch } from './stories/components/inputSwitch.js';
-export { InputTextArea } from './stories/components/inputTextArea.js';
-export { InternalMenu } from './stories/components/internalMenu.js';
-export { Link } from './stories/components/link.js';
-export { MegaMenu } from './stories/components/megaMenu.js';
-export { Modal } from './stories/components/modal.js';
-export { MultiSelect } from './stories/components/multiselect.js';
-export { Notification } from './stories/components/notification.js';
-export { Paginator } from './stories/components/paginator.js';
-export { RadioButton } from './stories/components/radioButton.js';
-export { Select } from './stories/components/select.js';
-export { Sidebar } from './stories/components/sidebar.js';
-export { Skeleton } from './stories/components/skeleton.js';
-export { Spinner } from './stories/components/spinner.js';
-export { Table } from './stories/components/table.js';
-export { TagStatus } from './stories/components/tagStatus.js';
-export { Toast } from './stories/components/toast.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import React, { useState, useEffect, useId, useRef } from 'react';
+import { IconField } from 'primereact/iconfield';
+import { InputIcon } from 'primereact/inputicon';
+import { InputText } from 'primereact/inputtext';
+import { Link as Link$1 } from 'react-router-dom';
+import { Button as Button$1 } from 'primereact/button';
+import { addLocale } from 'primereact/api';
+import { Calendar } from 'primereact/calendar';
+import { Chart as Chart$1 } from 'primereact/chart';
+import { Divider as Divider$1 } from 'primereact/divider';
+import { InputSwitch as InputSwitch$1 } from 'primereact/inputswitch';
+import { InputTextarea } from 'primereact/inputtextarea';
+import { Sidebar as Sidebar$1 } from 'primereact/sidebar';
+import { format } from 'date-fns';
+import { Paginator as Paginator$1 } from 'primereact/paginator';
+import { classNames } from 'primereact/utils';
+import { Skeleton as Skeleton$1 } from 'primereact/skeleton';
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "@layer tailwind-base, primereact, tailwind-utilities;@import \"primereact/resources/themes/lara-light-blue/theme.css\";@import \"primeicons/primeicons.css\";@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\");@layer tailwind-base{*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }\r\n  /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}*{font-family:Roboto,sans-serif}}@layer tailwind-utilities{.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.p-calendar.p-invalid input::-moz-placeholder{color:#ec4a54!important}.p-calendar.p-invalid input::placeholder{color:#ec4a54!important}.p-calendar.p-custom input::-moz-placeholder{color:#a0a4b3!important}.p-calendar.p-custom input::placeholder{color:#a0a4b3!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-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-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}.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-\\[400px\\]{height:400px}.h-\\[calc\\(100vh_-114\\.8px\\)\\]{height:calc(100vh - 114.8px)}.h-\\[calc\\(100vh_-_125px\\)\\]{height:calc(100vh - 125px)}.h-\\[calc\\(100vh_-_64px\\)\\]{height:calc(100vh - 64px)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-\\[70vh\\]{max-height:70vh}.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-72{min-width:18rem}.min-w-\\[305px\\]{min-width:305px}.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-start{justify-content:flex-start}.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-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;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-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-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-\\[\\#1d6ee731\\]{background-color:#1d6ee731}.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-\\[\\#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-redErrorOpacity{background-color:#a80a0a14}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(232 236 249/var(--tw-bg-opacity,1))}.bg-stone{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.bg-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-4{padding-left:1rem}.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-6{padding-top:1.5rem}.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-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-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-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{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-gray{--tw-ring-opacity:1;--tw-ring-color:rgb(160 164 179/var(--tw-ring-opacity,1))}.ring-redError{--tw-ring-opacity:1;--tw-ring-color:rgb(236 74 84/var(--tw-ring-opacity,1))}.ring-stone{--tw-ring-opacity:1;--tw-ring-color:rgb(230 230 230/var(--tw-ring-opacity,1))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-background{--tw-ring-offset-color:#fff}.ring-offset-secondary{--tw-ring-offset-color:#e8ecf9}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.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\\: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))}@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}";
+styleInject(css_248z,{"insertAt":"top"});
+
+function Accordion({ tabsChildren, headers, multiple = false, activeIndex, className, onClickFavorite, showFavorite = false, }) {
+    const [openIndexes, setOpenIndexes] = useState(activeIndex
+        ? Array.isArray(activeIndex)
+            ? activeIndex
+            : [activeIndex]
+        : []);
+    const toggleTab = (index) => {
+        if (multiple) {
+            setOpenIndexes((prev) => prev.includes(index)
+                ? prev.filter((i) => i !== index)
+                : [...prev, index]);
+        }
+        else {
+            setOpenIndexes((prev) => (prev.includes(index) ? [] : [index]));
+        }
+    };
+    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
+                                            ? 'pi pi-star-fill text-primary'
+                                            : 'pi pi-star'), onClick: (e) => {
+                                            e.stopPropagation();
+                                            onClickFavorite?.(index);
+                                        } })), 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))) }));
+}
+
+const FloatingLabel = ({ value, label, disabled, error, }) => {
+    const [isFloating, setIsFloating] = useState(!!value);
+    useEffect(() => {
+        setIsFloating(!!value);
+    }, [value]);
+    return (jsx("label", { className: clsx('absolute left-4 text-gray transition-all bg-background px-1 z-20 font-roboto text-sm', isFloating ? '-top-3 text-primary' : 'top-[9px]', disabled ? 'text-stoneDark' : error ? 'text-redError' : 'text-gray'), children: isFloating ? label : value }));
+};
+
+const maskCPF = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 11);
+    if (value.length <= 3) {
+        return value;
+    }
+    if (value.length <= 6) {
+        return value.replace(/(\d{3})(\d{1,})/, '$1.$2');
+    }
+    if (value.length <= 9) {
+        return value.replace(/(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3');
+    }
+    return value.replace(/(\d{3})(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3-$4');
+};
+const maskCNPJ = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 14);
+    if (value.length <= 2) {
+        return value;
+    }
+    if (value.length <= 5) {
+        return value.replace(/(\d{2})(\d{1,})/, '$1.$2');
+    }
+    if (value.length <= 8) {
+        return value.replace(/(\d{2})(\d{3})(\d{1,})/, '$1.$2.$3');
+    }
+    if (value.length <= 12) {
+        return value.replace(/(\d{2})(\d{3})(\d{3})(\d{1,})/, '$1.$2.$3/$4');
+    }
+    return value.replace(/(\d{2})(\d{3})(\d{3})(\d{4})(\d{1,})/, '$1.$2.$3/$4-$5');
+};
+// export const maskNumber = (value: string) => {
+//   value = value.replace(/\D/g, '');
+//   value = value.slice(0, 12);
+//   return value.replace(/(\d)(\d{2})$/, '$1,$2');
+// };
+const maskOnlyNumbers = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 15);
+    return value;
+};
+const maskNumberWithDecimal = (value) => {
+    const regex = /^[0-9]+([.,][0-9]+)?$/;
+    value = value.slice(0, 20);
+    if (!regex.test(value)) {
+        return value.replace(/[^0-9.,]/g, '').replace(/([.,]).*\1/g, '$1');
+    }
+    return value;
+};
+const maskCellphone = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 11);
+    if (value.length <= 2) {
+        return value.replace(/(\d{2})/, '($1');
+    }
+    if (value.length <= 6) {
+        return value.replace(/(\d{2})(\d{4})/, '($1) $2');
+    }
+    return value.replace(/(\d{2})(\d{4})(\d{4})/, '($1) $2-$3');
+};
+const maskPhone = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 10);
+    if (value.length <= 2) {
+        return value.replace(/(\d{2})/, '($1');
+    }
+    if (value.length <= 6) {
+        return value.replace(/(\d{2})(\d{4})/, '($1) $2');
+    }
+    return value.replace(/(\d{2})(\d{4})(\d{4})/, '($1) $2-$3');
+};
+const maskCEP = (value) => {
+    value = value.replace(/\D/g, '');
+    value = value.slice(0, 8);
+    return value.replace(/(\d{5})(\d{1,})/, '$1-$2');
+};
+const maskMoneyBRL = (value) => {
+    value = value.replace(/\D/g, '');
+    if (!value)
+        return '';
+    value = value.slice(0, 13);
+    const numericValue = parseFloat(value) / 100;
+    return numericValue.toLocaleString('pt-BR', {
+        style: 'currency',
+        currency: 'BRL',
+    });
+};
+
+const variants$4 = {
+    green: 'text-green',
+    gray: 'text-gray',
+};
+function Input({ onChange, placeholder, disabled = false, error, icon, onClickIcon, iconColor = 'green', label, mask, ...props }) {
+    const inputId = useId();
+    const [inputValue, setInputValue] = useState('');
+    const applyMask = (value, mask) => {
+        switch (mask) {
+            case 'cpf':
+                return maskCPF(value);
+            case 'cnpj':
+                return maskCNPJ(value);
+            case 'numbers':
+                return maskOnlyNumbers(value);
+            case 'cellphone':
+                return maskCellphone(value);
+            case 'phone':
+                return maskPhone(value);
+            case 'decimal':
+                return maskNumberWithDecimal(value);
+            case 'cep':
+                return maskCEP(value);
+            case 'currency':
+                return maskMoneyBRL(value);
+            default:
+                return value;
+        }
+    };
+    useEffect(() => {
+        const formatted = applyMask(props?.value ?? '', mask);
+        setInputValue(formatted);
+    }, [props?.value, mask]);
+    const handleChange = (e) => {
+        const value = applyMask(e.target.value, mask);
+        setInputValue(value);
+        onChange(value);
+    };
+    const hasError = (props?.value && error && !disabled) ||
+        (!!error && !disabled && props?.value?.length === 0);
+    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
+                            ? 'text-redError'
+                            : disabled
+                                ? 'text-stone'
+                                : 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', hasError
+                            ? 'border-redError placeholder:text-redError'
+                            : 'border-gray focus:border-primary', 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 })] }));
+}
+
+function AutoComplete({ items, onChange, error, ...props }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [filteredItems, setFilteredItems] = useState(items);
+    const handleInputChange = (value) => {
+        onChange(value);
+        setIsOpen(!!value);
+        const filtered = items.filter((item) => item.toLowerCase().includes(value.toLowerCase()));
+        setFilteredItems(filtered);
+    };
+    const handleSelect = (selectedValue) => {
+        onChange(selectedValue);
+        setIsOpen(false);
+    };
+    const handleIconClick = () => {
+        if (isOpen) {
+            onChange('');
+            setFilteredItems(items);
+        }
+        setIsOpen(!isOpen);
+    };
+    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))) }) }))] }));
+}
+
+function LogoSmall() {
+    return (jsxs("svg", { width: "92", height: "19", viewBox: "0 0 92 19", fill: "none", children: [jsxs("g", { clipPath: "url(#clip0_297_2300)", children: [jsx("path", { d: "M91.7394 11.8865C91.7803 10.4995 91.7909 9.58382 91.7705 9.14601C91.7156 7.98967 91.4236 7.04721 90.8966 6.31195C90.3697 5.5767 89.4247 4.87486 88.0886 4.78128C85.8182 4.62755 84.8462 4.99183 83.2655 6.19498C82.5381 6.74642 81.8208 7.64544 81.1852 8.34393L81.3415 5.3862H77.1061C77.1809 7.94956 77.1775 10.5229 77.0959 13.1031L77.0109 15.2888C76.9701 16.141 76.9225 16.9932 76.8647 17.8488H81.1274C81.1172 17.0066 81.1443 15.8736 81.2123 14.4499C81.2803 13.0295 81.3619 11.9968 81.4639 11.3451C81.6236 10.4126 82.0046 9.63732 82.6027 9.02573C83.2008 8.41077 83.9454 7.66883 84.8699 7.66883C86.5865 7.70893 87.484 9.38328 87.6403 11.8331C87.7082 13.2066 87.6943 15.2152 87.6059 17.8488H91.8179C91.7328 16.1644 91.7091 14.1759 91.7394 11.8865Z", fill: "#878787" }), jsx("path", { d: "M70.8993 16.094C69.6314 16.1241 68.5607 15.586 67.7176 15.0079C66.8747 14.4297 66.4192 13.4137 66.3477 11.9532H76.0593V10.9806C75.8622 6.92673 73.6051 4.90479 69.2337 4.90479C68.1051 4.90479 67.0854 5.0886 66.1778 5.45622C65.2702 5.82385 64.5054 6.33853 63.8697 7.00695C63.2409 7.66868 62.7718 8.44069 62.4727 9.31301C62.1701 10.1919 62.0409 11.1311 62.0919 12.1337C62.1667 13.6777 62.595 14.9009 63.3734 15.7966C64.1553 16.6956 65.1274 17.3206 66.2933 17.6648C67.4593 18.0091 68.7204 18.263 70.0665 18.1828C72.361 18.0491 74.5875 16.9563 76.0593 16.0172V14.0988C74.4414 15.195 72.0211 16.0673 70.8993 16.094ZM66.2253 10.5261C66.1778 9.55028 66.4089 8.70469 66.9222 7.98617C67.4389 7.26428 68.2411 6.88329 69.3323 6.8365C69.9033 6.8365 70.386 6.96684 70.7803 7.22084C71.178 7.47483 71.4738 7.80904 71.6709 8.22012C71.8681 8.62785 71.9803 9.06567 72.0041 9.52688C72.0109 9.6672 71.9973 9.84769 71.9667 10.0783C71.9361 10.3022 71.9157 10.4493 71.9123 10.5261H66.2253Z", fill: "#878787" }), jsx("path", { d: "M62.0138 5.39624H57.9823L58.1285 1.92383L54.1003 2.76603C53.876 6.74309 53.8114 10.7335 53.7095 14.7239C53.7026 15.0214 53.6823 15.3924 53.7061 15.8368C53.7367 16.4451 53.9372 16.9364 54.148 17.3107C54.3587 17.6817 54.6918 17.9657 55.1337 18.1563C55.5756 18.3468 56.3643 18.5372 57.1087 18.4938C58.8321 18.3902 59.7363 18.0827 60.4705 17.8288L60.909 15.5394C60.4909 15.6864 60.0116 15.8101 59.6717 15.8368C58.9612 15.887 58.5262 15.8435 57.9517 15.252C57.6016 14.8877 57.7851 12.7588 57.8021 12.0871L57.9075 7.95292H61.4631C61.5549 7.09736 61.7827 6.3153 62.0138 5.39624Z", fill: "#878787" }), jsx("path", { d: "M51.4557 7.79912L51.6257 5.51983C49.8478 5.15554 47.9443 4.94165 46.6764 5.01851C45.1841 5.10541 43.9808 5.33935 43.0766 5.89414C42.1758 6.45226 41.7475 7.27107 41.8018 8.34387C41.8291 8.94547 41.9922 9.4534 42.2811 9.86453C42.5701 10.2789 43.046 10.7535 43.7122 11.2916C43.8822 11.4319 44.2221 11.6826 44.7286 12.0469C45.2351 12.4145 45.643 12.7253 45.9523 12.986C46.2651 13.2467 46.5234 13.5307 46.7444 13.8382C46.9585 14.1457 47.0775 14.4632 47.0945 14.784C47.0673 15.2619 46.826 15.5961 46.3738 15.7866C45.9252 15.9738 45.3982 16.0708 44.8068 16.0708C44.2255 16.0373 43.6 15.9371 42.9169 15.7666C42.237 15.5928 41.6659 15.3722 41.207 15.1115L41.5164 17.9189C42.9882 18.2664 44.7116 18.4402 46.69 18.4402C47.5092 18.4402 48.3012 18.2932 49.0694 18.0058C49.8376 17.7117 50.4563 17.3039 50.9254 16.7826C51.3945 16.2545 51.6121 15.663 51.5815 15.0046C51.5509 14.3964 51.3265 13.8215 50.905 13.2901C50.4869 12.762 49.8717 12.204 49.0661 11.6224C48.8485 11.4787 48.5799 11.3016 48.2604 11.0911C47.9409 10.8738 47.635 10.6365 47.3427 10.3658C47.0537 10.0917 46.8123 9.79769 46.6186 9.4768C46.4283 9.15599 46.2855 8.81513 46.3059 8.4575C46.35 7.73895 47.0469 7.33791 48.2672 7.29112C49.0729 7.2577 49.943 7.37801 51.4557 7.79912Z", fill: "#878787" }), jsx("path", { d: "M40.459 8.32386L40.7479 4.92163C39.9151 4.92163 38.5826 5.22577 37.7396 5.69365C36.917 6.15151 36.4139 6.68624 35.6593 7.43153L35.7375 5.41292C34.3132 5.41292 32.9739 5.36947 31.5496 5.36947C31.7161 9.63397 31.7569 13.7113 31.5088 17.9658H35.8497C35.8258 17.4812 35.7443 17.0634 35.7238 16.7024C35.6593 15.6129 35.6083 14.6337 35.6253 13.7614C35.6422 12.8891 35.7273 12.0402 35.87 11.2315C36.0162 10.416 36.2099 9.66065 36.5396 9.27635C37.2399 8.46088 38.2767 8.21357 39.3882 8.21357C39.7553 8.21357 40.1122 8.24699 40.459 8.32386Z", fill: "#878787" }), jsx("path", { d: "M24.2312 5.07852C22.1339 5.10192 20.0467 5.36928 17.9086 5.77368L17.6435 7.81233C18.8842 7.41128 20.1793 7.11384 21.539 6.84982C24.7445 6.22485 27.1749 9.11574 23.2692 10.0983C20.0196 10.9104 16.9365 11.6825 16.2362 13.0794C14.8595 15.8233 16.9501 17.5946 19.7646 18.2095C21.5798 18.6072 23.3779 18.5036 25.1523 17.9622C26.5427 17.9555 27.7018 17.9488 29.092 17.9388C29.1091 14.5867 29.3164 11.2346 29.2892 7.87918C29.2756 5.90401 27.1409 5.04845 24.2312 5.07852ZM25.3088 15.9135C24.068 16.368 22.936 16.6354 21.4812 16.2744C19.9584 15.8968 19.5641 13.9685 21.1651 13.1062C22.552 12.3542 24.4793 11.8997 25.5365 11.2346L25.3088 15.9135Z", fill: "#878787" }), jsx("path", { d: "M16.6135 0.5C14.8935 0.5 13.1735 0.5 11.4535 0.5C8.955 2.37156 5.90933 5.30589 4.76379 8.58446C4.77399 7.47824 4.79439 6.12804 4.82838 4.53054C4.85897 2.8194 4.87937 1.47589 4.89297 0.5H0.249625C0.259823 2.42503 0.27342 3.87549 0.27342 4.85805C0.280218 5.84062 0.283618 7.12732 0.283618 8.73148C0.287018 10.3357 0.280219 11.95 0.259824 13.5808C0.242828 15.2118 0.219032 16.6389 0.181641 17.8587H4.99154C4.98135 17.6615 4.96435 17.3741 4.93716 16.9931C4.90996 16.6121 4.88956 16.3247 4.88277 16.1375C4.82158 14.8709 4.78419 13.6209 4.77059 12.3944C4.757 11.2514 4.7536 10.5596 4.76379 9.48347C6.27985 11.1612 7.39819 12.4981 8.22761 13.6978C9.09099 14.9478 9.80141 16.3314 10.6784 17.8587H16.1478L8.80209 8.67804C9.04001 6.5057 13.9791 1.58617 16.6135 0.5Z", fill: "#878787" })] }), jsx("defs", { children: jsx("clipPath", { id: "clip0_297_2300", children: jsx("rect", { width: "91.6364", height: "18", fill: "white", transform: "translate(0.181641 0.5)" }) }) })] }));
+}
+
+function BasicHeader() {
+    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, {}) }) }) }));
+}
+
+function Breadcrumb({ items }) {
+    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))) }) }));
+}
+
+const variants$3 = {
+    primary: 'bg-primary !text-background border-primary hover:bg-primaryActive disabled:bg-stoneDark disabled:border-stoneDark',
+    outline: 'bg-background !text-primary border-primary hover:bg-stone disabled:bg-stoneDark disabled:text-background disabled:border-stoneDark',
+    secondary: 'bg-stoneLight !text-grayDark border-stoneLight hover:bg-stone hover:border-stone disabled:bg-stone disabled:border-stone',
+    secondaryOutline: 'bg-transparent !text-backgroundDark border-stoneDark hover:bg-stone disabled:text-stoneDark',
+    gray: 'bg-gray !text-background border-gray hover:bg-grayDark hover:border-grayDark ',
+    grayOutline: 'bg-transparent !text-gray100 border-gray50 hover:bg-stone disabled:bg-stone disabled:text-stoneDark',
+    tab: 'bg-background !text-primary border-background hover:bg-secondaryActive hover:border-grayDark disabled:bg-stoneDark disabled:text-background disabled:border-stoneDark',
+};
+function Button({ variant = 'primary', selected = false, rightIcon, className, width = 'w-100', ...props }) {
+    return (jsx(Button$1, { ...props, className: clsx('!py-2 !shadow-none font-roboto', variants$3[variant], selected && variant === 'tab' && 'bg-secondary border-grayDark ', width, className), "aria-label": "componente de bot\u00E3o", children: rightIcon && jsx("span", { className: `pi pl-2 ${rightIcon}`, children: " " }) }));
+}
+
+addLocale('pt-BR', {
+    firstDayOfWeek: 0,
+    dayNames: [
+        'domingo',
+        'segunda-feira',
+        'terça-feira',
+        'quarta-feira',
+        'quinta-feira',
+        'sexta-feira',
+        'sábado',
+    ],
+    dayNamesShort: ['dom', 'seg', 'ter', 'qua', 'qui', 'sex', 'sáb'],
+    dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S'],
+    monthNames: [
+        'janeiro',
+        'fevereiro',
+        'março',
+        'abril',
+        'maio',
+        'junho',
+        'julho',
+        'agosto',
+        'setembro',
+        'outubro',
+        'novembro',
+        'dezembro',
+    ],
+    monthNamesShort: [
+        'jan',
+        'fev',
+        'mar',
+        'abr',
+        'mai',
+        'jun',
+        'jul',
+        'ago',
+        'set',
+        'out',
+        'nov',
+        'dez',
+    ],
+    today: 'Hoje',
+    clear: 'Limpar',
+    dateFormat: 'dd/mm/yy',
+});
+function CalendarInput({ error, placeholder = 'Selecione uma data', label, disabled = false, ...props }) {
+    const calendarRef = useRef(null);
+    const hasError = (error && !disabled) || (!!error && !disabled);
+    const dateTemplate = (data) => {
+        const date = new Date(`${data.year}/${data.month + 1}/${data.day}`);
+        const dayComponent = (className) => {
+            return (jsx("div", { className: `w-full h-full flex justify-center items-center text-grayDark ${className}`, children: data.day }));
+        };
+        if (props.selectionMode === 'range') {
+            const [start, end] = Array.isArray(props.value)
+                ? props.value
+                : [null, null];
+            if (start && date.getTime() === start.getTime()) {
+                return dayComponent('bg-stone');
+            }
+            if (start && end && date >= start && date <= end) {
+                return dayComponent('bg-stone');
+            }
+            return dayComponent();
+        }
+        if (props.selectionMode === 'single' || !props.selectionMode) {
+            const selectedDate = props.value;
+            if (selectedDate && date.getTime() === selectedDate.getTime()) {
+                return dayComponent('bg-stone');
+            }
+        }
+        return dayComponent();
+    };
+    const handleInputClick = () => {
+        if (!disabled) {
+            calendarRef.current?.show();
+        }
+    };
+    return (jsx("div", { className: "relative flex flex-col w-full min-w-full", children: jsxs("div", { onClick: handleInputClick, children: [jsx(FloatingLabel, { value: props?.value ? props.value.toString() : '', label: label, disabled: disabled, error: error }), jsxs("div", { className: "relative w-full min-w-full", children: [jsx(Calendar, { ...props, disabled: disabled, placeholder: placeholder, ref: calendarRef, panelStyle: { width: '530px', height: '500px' }, className: clsx('w-full min-w-full focus:shadow-none border-none z-0 font-roboto border rounded-md', hasError
+                                ? 'border-redError placeholder:!text-redError p-invalid'
+                                : 'border-gray focus:border-primary', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError p-invalid', !error && 'border-gray p-custom'), dateFormat: "dd/mm/yy", inputStyle: {
+                                border: `1px solid ${error && !props.value ? '#EC4A54' : '#a0a4b3'}`,
+                                boxShadow: 'none',
+                                color: hasError ? '#EC4A54' : '',
+                                height: '42px',
+                                fontSize: '16px',
+                            }, hideOnDateTimeSelect: true, hideOnRangeSelection: true, todayButtonClassName: "bg-primary text-background", 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 }) }))] }) }));
+}
+
+function Card({ children, className, ariaLabel = 'Card de informação', }) {
+    return (jsx("div", { className: clsx('bg-background shadow-container rounded-md p-3', className ? className : 'w-full h-full'), "aria-label": ariaLabel, children: children }));
+}
+
+function CardButton({ label, description, onClick, isLight = true, }) {
+    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 ${isLight ? 'border-[#f3f4f6] from-[#f3f4f6] to-white' : 'border-[#13294B] from-[#13294B] to-[#0C1C34]'}`, onClick: () => {
+            if (onClick)
+                onClick();
+        }, children: [jsx("h3", { className: `text-lg font-bold ${isLight ? 'text-[#13294B]' : 'text-white'}`, children: label }), description && (jsx("p", { className: `text-sm mt-2 line-clamp-3 ${isLight ? 'text-[#13294B]' : 'text-white'}`, children: description }))] }));
+}
+
+function CardIconsButton({ label, leftIcon, onClick, isLight = true, }) {
+    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 ${isLight ? 'border-[#f3f4f6] from-[#f3f4f6] to-white' : 'border-[#13294B] from-[#13294B] to-[#0C1C34]'}`, onClick: () => {
+            if (onClick)
+                onClick();
+        }, "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 ${isLight ? 'text-[#13294B]' : 'text-white'}`, children: leftIcon })), jsx("h3", { className: `text-base font-semibold break-words ${isLight ? 'text-[#646981]' : 'text-white'}`, 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 ${isLight ? 'text-[#646981]' : 'text-white'}` }) })] }));
+}
+
+function Chart(props) {
+    return jsx(Chart$1, { ...props });
+}
+
+function Dialog({ title, description, labelConfirmButton, onClose, onClick, }) {
+    return (jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-20 flex justify-center items-center", children: jsxs(Card, { className: "flex flex-col", children: [jsxs("div", { className: "flex flex-row items-center justify-between px-4 pt-4 pb-6 border-b border-b-stone", children: [jsx("h2", { className: "text-primary font-semibold", children: title }), jsx("i", { className: "pi pi-times", style: { color: '#606060', cursor: 'pointer' }, onClick: onClose })] }), jsxs("div", { className: "flex flex-col items-center p-6", children: [jsx("span", { className: "text-primary", children: description }), jsxs("div", { className: "w-100 flex flex-row justify-end pt-10 gap-4", children: [jsx("div", { className: "w-1/3", children: jsx(Button, { label: "Cancelar", variant: "outline", onClick: onClose }) }), jsx("div", { className: "w-1/3", children: jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onClick }) })] })] })] }) }));
+}
+
+function Divider({ ...props }) {
+    return jsx(Divider$1, { ...props });
+}
+
+function EmptyContent({ message = 'Não há dados disponíveis.' }) {
+    return (jsx("div", { className: "p-6 text-justify text-primary bg-stoneBackground", children: jsxs("div", { className: 'py-2 px-4 rounded-lg font-semibold', children: [jsx("i", { className: 'pi pi-database mr-2' }), message] }) }));
+}
+
+function ExpandablePanel({ title, children, defaultOpen = true, isLight = true, }) {
+    const [isOpen, setIsOpen] = useState(defaultOpen);
+    return (jsx("div", { className: "relative p-[2px] rounded-lg bg-gradient-to-r from-[#FAFAFB] via-[#FAFAFB] to-[#FAFAFB] mb-4", children: jsxs("div", { className: "bg-white rounded-lg overflow-hidden", children: [jsxs("div", { className: `flex justify-between items-center px-4 py-2 cursor-pointer bg-gradient-to-r ${isLight ? 'from-[#FFFFFF] via-[#FAFAFB] to-[#FFFFFF]' : 'from-[#13294B] to-[#0C1C34]'}`, onClick: () => setIsOpen(!isOpen), children: [jsx("div", { className: `text-xl font-bold ${isLight ? 'text-primary' : 'text-white'}`, children: title }), jsx("button", { children: isOpen ? (jsx("i", { className: `pi pi-chevron-down ${isLight ? 'text-primary' : 'text-white'}` })) : (jsx("i", { className: `pi pi-chevron-up ${isLight ? 'text-primary' : 'text-white'}` })) })] }), isOpen && jsx("div", { className: "p-4 text-primary", children: children })] }) }));
+}
+
+function FileUpload({ label = 'Enviar arquivos', value = [], onChange, multiple = true, fileTypes, className, error, disabled = false, }) {
+    const [isDragging, setIsDragging] = useState(false);
+    const fileInputRef = useRef(null);
+    const [uploadFiles, setUploadFiles] = useState(value);
+    useEffect(() => {
+        setUploadFiles(value);
+    }, [value]);
+    const updateFiles = (newFiles) => {
+        setUploadFiles(newFiles);
+        onChange?.(newFiles);
+    };
+    const generateFileWithPreview = (files, allowedTypes = ['image', 'pdf']) => {
+        const allowedMimeTypes = getAcceptedMimeTypes(allowedTypes).split(',');
+        return Array.from(files)
+            .filter((file) => allowedMimeTypes.some((mime) => {
+            if (mime === 'image/*')
+                return file.type.startsWith('image/');
+            return file.type === mime;
+        }))
+            .map((file) => {
+            const type = file.type.startsWith('image/') ? 'image' : 'pdf';
+            const previewUrl = type === 'image' ? URL.createObjectURL(file) : undefined;
+            return { file, type, previewUrl };
+        });
+    };
+    const getAcceptedMimeTypes = (types = ['image', 'pdf']) => {
+        const mimeMap = {
+            image: 'image/*',
+            pdf: 'application/pdf',
+        };
+        return types.map((type) => mimeMap[type]).join(',');
+    };
+    const handleFileChange = (selectedFiles) => {
+        if (!selectedFiles)
+            return;
+        const newFiles = generateFileWithPreview(selectedFiles, fileTypes);
+        updateFiles([...(uploadFiles || []), ...newFiles]);
+    };
+    const handleRemoveFile = (fileToRemove) => {
+        const updated = uploadFiles
+            .map((file) => {
+            if (file.id && file.id === fileToRemove.id) {
+                return { ...file, isDeleted: true };
+            }
+            if (!file.id && file.file === fileToRemove.file) {
+                return null;
+            }
+            return file;
+        })
+            .filter(Boolean);
+        updateFiles(updated);
+    };
+    const getSupportedFileText = (types = ['image', 'pdf']) => {
+        const includesImage = types.includes('image');
+        const includesPdf = types.includes('pdf');
+        if (includesImage && includesPdf)
+            return 'Suporta imagens e PDFs';
+        if (includesImage)
+            return 'Suporta apenas imagens';
+        if (includesPdf)
+            return 'Suporta apenas PDFs';
+        return '';
+    };
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        setIsDragging(true);
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        setIsDragging(false);
+        if (isDisabled || disabled)
+            return;
+        handleFileChange(e.dataTransfer.files);
+    };
+    const visibleFiles = uploadFiles.filter((file) => !file.isDeleted);
+    const isDisabled = !multiple && visibleFiles.length > 0;
+    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
+                    ? 'border-primary bg-primary/5'
+                    : '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
+                                    ? 'Já possui um arquivo selecionado'
+                                    : '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) => {
+                                        e.stopPropagation();
+                                        handleRemoveFile(file);
+                                    }, "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))) })] }))] }));
+}
+
+const variants$2 = {
+    green: {
+        text: '!text-green',
+        button: 'bg-greenBackground hover:bg-greenBackgroundActive',
+    },
+    main: {
+        text: '!text-white',
+        button: 'bg-gray hover:bg-grayDark',
+    },
+    primary: {
+        text: '!text-white',
+        button: 'bg-primary hover:bg-primaryActive',
+    },
+};
+function FilterButton({ filterOptions, setOption, option, variant, icon, label, ...props }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const toggleDropdown = () => {
+        setIsOpen(!isOpen);
+    };
+    const handleSelect = (selectedOption) => {
+        setIsOpen(false);
+        setOption(selectedOption.value === option?.value ? null : selectedOption);
+    };
+    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$2[variant].text, variants$2[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))) }) }))] }));
+}
+
+function Sidebar({ item, onClose, topItem }) {
+    return (jsxs("div", { className: "relative w-100", children: [jsx("div", { className: "fixed bottom-0 w-100 h-[calc(100vh_-_64px)] bg-backgroundDark/20 z-50", onClick: onClose }), jsxs("div", { className: "fixed h-[calc(100vh_-_64px)] bottom-0 w-72 bg-background z-50", children: [jsx("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-stone hover:bg-stoneBackground hover:font-bold", children: jsx(Link$1, { to: "/", className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: onClose, "aria-label": "Ir para o inicio", children: "In\u00EDcio" }, "home-id") }, 'home-div'), topItem &&
+                        topItem.map((item) => (jsxs("div", { className: "cursor-pointer flex flex-row gap-3 items-center border-b pl-6 px-2 py-2 border-b-stone hover:bg-stoneBackground hover:font-bold", children: [item?.isWindowOpen && (jsx("button", { className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: () => {
+                                        if (onClose)
+                                            onClose();
+                                        if (typeof window !== 'undefined') {
+                                            window.open(item?.path, '_blank');
+                                        }
+                                    }, "aria-label": `Ir para ${item?.title}`, children: item?.title }, item?.id || item.title)), !item?.isWindowOpen && (jsx(Link$1, { to: item?.path || '', className: "font-roboto text-base text-backgroundDark hover:font-bold", onClick: onClose, "aria-label": `Ir para ${item?.title}`, children: item?.title }, item?.id || item.title))] }, `top-item-${item?.id ?? item.title}`))), jsxs("div", { className: "flex flex-row gap-3 items-center pl-6 pt-8 pb-4", children: [jsx("i", { className: "pi pi-star !text-backgroundDark !font-bold text-lg" }), jsx("p", { className: "text-backgroundDark font-bold text-lg", children: "Favoritos" })] }), jsx("div", { className: "overflow-y-auto overflow-x-hidden [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark", children: item &&
+                            item.map((item) => (jsx(Link$1, { className: "flex flex-row items-center pl-6 gap-2 border-b border-b-stone hover:bg-stoneBackground hover:font-bold", to: item.path || '', onClick: onClose, "aria-label": `Ir para ${item.title}`, children: jsx("span", { className: "font-roboto text-base py-2 text-backgroundDark hover:font-bold", children: item.title }) }, item.id))) })] }, 'sidebar-div')] }));
+}
+
+function Header({ sidebarItems, sidebarTopItems, username, userConfigItems, setOpenNotifications, }) {
+    const [openSidebar, setOpenSidebar] = useState(false);
+    const [openUserConfig, setOpenUserConfig] = useState(false);
+    const userConfigRef = useRef(null);
+    useEffect(() => {
+        function handleClickOutside(event) {
+            if (userConfigRef.current &&
+                !userConfigRef.current.contains(event.target)) {
+                setOpenUserConfig(false);
+            }
+        }
+        if (openUserConfig) {
+            document.addEventListener('mousedown', handleClickOutside);
+        }
+        else {
+            document.removeEventListener('mousedown', handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, [openUserConfig]);
+    return (jsxs(Fragment, { children: [jsxs("div", { className: "w-100 min-h-16  border-b border-b-stone flex flex-row justify-between items-center px-8 shadow-header", children: [jsxs("div", { className: "flex flex-row items-center gap-4", children: [jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenSidebar(!openSidebar), "aria-label": "Abrir menu lateral", children: jsx("i", { className: `${openSidebar ? 'pi pi-list' : 'pi pi-bars'} text-[#878787] cursor-pointer hover:text-backgroundDark text-xl mt-1 }` }) }), jsx(LogoSmall, {})] }), jsxs("div", { className: "relative flex flex-row gap-4 items-center", children: [jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenNotifications(true), "aria-label": "Abrir notifica\u00E7\u00E3o", children: jsx("i", { className: "pi pi-bell text-[#878787] cursor-pointer hover:text-backgroundDark" }) }), jsxs("div", { ref: userConfigRef, className: "relative", children: [jsx("button", { className: "bg-transparent border-none", onClick: () => setOpenUserConfig(!openUserConfig), "aria-label": "Abrir menu de configura\u00E7\u00F5es do usu\u00E1rio", children: jsxs("p", { className: "text-[#878787] hover:text-backgroundDark font-roboto font-bold cursor-pointer transition-colors duration-200", children: ["Ol\u00E1, ", username] }) }), openUserConfig && (jsx("div", { className: `absolute w-100 bg-background shadow-md border border-stoneLight z-20 rounded-md p-2 -bottom-1 translate-y-full`, children: jsx("ul", { children: userConfigItems.map(({ id, title, onClick, path }) => (jsx("li", { className: "p-2 hover:bg-stoneBackground", children: jsx("a", { onClick: () => {
+                                                        if (onClick)
+                                                            onClick();
+                                                        setOpenUserConfig(false);
+                                                    }, href: path, className: "block w-full font-base font-roboto text-backgroundDark cursor-pointer hover:font-bold", "aria-label": "Op\u00E7\u00F5es de configura\u00E7\u00F5es do usu\u00E1rio", children: title }) }, id))) }) }))] })] })] }), openSidebar && (jsx(Sidebar, { topItem: sidebarTopItems, item: sidebarItems, onClose: () => {
+                    setOpenSidebar(false);
+                } }))] }));
+}
+
+const variants$1 = {
+    border: 'border-primary hover:border-primary shadow-none',
+    shadow: 'border-background hover:border-stone focus:shadow-md',
+};
+function IconButton({ variant, icon, ...props }) {
+    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$1[variant]) }));
+}
+
+function InfoCard({ title, children, icon, className, titleClassName, }) {
+    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", children: children })] }));
+}
+
+function InputSwitch({ checked, onChange, disabled = false, error, ariaLabel = 'Switch', }) {
+    const inputId = useId();
+    return (jsxs("div", { className: "flex flex-col gap-1", children: [jsx(InputSwitch$1, { id: inputId, checked: checked, onChange: (e) => onChange(e.value), disabled: disabled, className: clsx('transition-all border-2 rounded-full p-inputswitch', disabled
+                    ? 'opacity-50 cursor-not-allowed border-none'
+                    : 'border-none', error ? 'p-inputswitch-error' : '', checked ? 'p-inputswitch-checked' : ''), "aria-label": ariaLabel }), error && jsx("span", { className: "text-redError text-xs", children: error })] }));
+}
+
+function InputTextArea({ onChange, placeholder, disabled = false, error, label, rows = 2, ...props }) {
+    const inputTextAreaId = useId();
+    const handleChange = (e) => {
+        onChange(e.target.value);
+    };
+    const hasError = (props.value && error && !disabled) ||
+        (!!error && !disabled && props.value?.length === 0);
+    return (jsxs("div", { className: "relative flex flex-col w-full", children: [jsx(InputTextarea, { id: inputTextAreaId, rows: rows, placeholder: placeholder, onChange: handleChange, disabled: disabled, invalid: hasError, className: clsx('w-100 font-roboto border !p-2 rounded-md focus:shadow-none', hasError
+                    ? 'border-redError placeholder:text-redError'
+                    : 'border-gray focus:border-primary', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray'), ...props }), jsx(FloatingLabel, { value: props?.value ? props.value.toString() : '', label: label || '', disabled: disabled, error: error }), hasError && jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
+}
+
+function TextIcon() {
+    return (jsxs("svg", { width: "16", height: "10", viewBox: "0 0 16 10", fill: "none", children: [jsx("path", { d: "M1 1H14.5", stroke: "#666666", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M1 5H14.5", stroke: "#666666", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M1 9H10", stroke: "#666666", strokeWidth: "2", strokeLinecap: "round" })] }));
+}
+
+function InternalMenu({ item, isFiltering }) {
+    const [openItems, setOpenItems] = useState([]);
+    const toggleMenu = (menuItem) => {
+        setOpenItems((prev) => prev.includes(menuItem)
+            ? prev.filter((item) => item !== menuItem)
+            : [...prev, menuItem]);
+    };
+    useEffect(() => {
+        if (isFiltering) {
+            setOpenItems(item);
+        }
+        else {
+            const initialOpen = item.filter((menuItem) => menuItem.isActive);
+            setOpenItems(initialOpen);
+        }
+    }, [isFiltering, item]);
+    return (jsx("div", { className: "w-72 overflow-x-hidden overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark ", children: item.map((menuItem) => {
+            const isOpen = openItems.includes(menuItem);
+            return (jsxs("div", { children: [jsxs("div", { className: "cursor-pointer flex flex-row justify-between items-center border-b px-2 py-1 border-b-stone", onClick: () => toggleMenu(menuItem), children: [jsxs("div", { className: "flex flex-row items-center gap-2", children: [jsx(TextIcon, {}), jsx("span", { className: "font-roboto text-base text-primary", children: menuItem.title })] }), menuItem.subItem && (jsx("i", { className: `pi ${isOpen ? 'pi-angle-up' : 'pi-angle-down'} px-2 text-primary` }))] }), menuItem.subItem && isOpen && (jsx("div", { className: "flex flex-col", children: menuItem.subItem.map((subItem) => (jsx(Link$1, { className: clsx('cursor-pointer text-base text-primary pl-6 py-1 hover:font-bold hover:text-primary hover:bg-stoneBackground', subItem.isActive ? 'text-primary font-bold' : ''), to: subItem.path, children: jsx("span", { children: subItem.title }) }, subItem.id))) }))] }, menuItem.id));
+        }) }));
+}
+
+function Link({ href, children, className }) {
+    return (jsx("a", { href: href, className: `text-primary hover:underline font-bold font-roboto ${className}`, children: children }));
+}
+
+function MegaMenu({ items }) {
+    return (jsx("div", { className: "w-100 flex items-center justify-between", children: items.map((item, index) => {
+            const isfirst = index === 0;
+            const isLast = index === items.length - 1;
+            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));
+        }) }));
+}
+
+function Modal({ title, size = 'md', onClose, onConfirm, labelCloseButton = 'Fechar', labelConfirmButton = 'Confirmar', isExpanded = false, ariaLabel = 'Modal de informçoes', children, }) {
+    const [isFullScreen, setIsFullScreen] = useState(false);
+    const toggleFullScreen = () => {
+        setIsFullScreen(!isFullScreen);
+    };
+    const modalSizeClass = isFullScreen
+        ? 'w-screen h-screen'
+        : {
+            sm: 'w-1/3',
+            md: 'w-1/2',
+            lg: 'w-2/3',
+            xl: 'w-[90%]',
+        }[size];
+    return (jsx("div", { className: "fixed inset-0 bg-black 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`, children: [title && (jsx("div", { className: "text-primary font-bold text-xl", 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: {
+                                                color: '#606060',
+                                                width: '24px',
+                                                height: '24px',
+                                                cursor: 'pointer',
+                                            }, children: jsx("i", { className: "pi pi-window-minimize" }) }) })) : (jsx(Fragment, { children: jsx("button", { onClick: toggleFullScreen, "aria-label": "Maximizar tela", style: {
+                                                color: '#606060',
+                                                width: '24px',
+                                                height: '24px',
+                                                cursor: 'pointer',
+                                            }, children: jsx("i", { className: "pi pi-window-maximize" }) }) })) })), jsx("button", { onClick: onClose, "aria-label": "Fechar modal", style: {
+                                        color: '#606060',
+                                        width: '24px',
+                                        height: '24px',
+                                        cursor: 'pointer',
+                                    }, 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" }))] })] }) }));
+}
+
+function MultiSelect(props) {
+    const { options, placeholder = 'Selecione uma opção', label = 'Opção', disabled = false, error, isLoading = false, isReadOnly = true, ariaLabel = 'Selecione uma ou mais opções', } = props;
+    const [isOpen, setIsOpen] = useState(false);
+    const [visibleText, setVisibleText] = useState('');
+    const [searchText, setSearchText] = useState('');
+    const [highlightedIndex, setHighlightedIndex] = useState(-1);
+    const containerRef = useRef(null);
+    const normalize = (str) => str
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '')
+        .toLowerCase();
+    const filteredOptions = options.filter((option) => normalize(option.label).includes(normalize(searchText)));
+    const toggleDropdown = () => {
+        if (!disabled && !isLoading) {
+            const newState = !isOpen;
+            setIsOpen(newState);
+            if (!newState) {
+                setSearchText('');
+                setHighlightedIndex(-1);
+            }
+        }
+    };
+    const handleSelect = (option) => {
+        const currentValues = Array.isArray(props.value) ? props.value : [];
+        const alreadySelected = currentValues.some((v) => v.value === option.value);
+        const newValues = alreadySelected
+            ? currentValues.filter((v) => v.value !== option.value)
+            : [...currentValues, option];
+        props.onChange(newValues.length > 0 ? newValues : null);
+        setSearchText('');
+        const newFiltered = options.filter((opt) => normalize(opt.label).includes(normalize('')));
+        const newIndex = newFiltered.findIndex((o) => o.value === option.value);
+        setHighlightedIndex(newIndex);
+    };
+    const hasError = !!error && !disabled;
+    const isInputDisabled = disabled || isLoading;
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (containerRef.current &&
+                !containerRef.current.contains(event.target)) {
+                setIsOpen(false);
+                setSearchText('');
+                setHighlightedIndex(-1);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    const selectedText = () => {
+        const selected = Array.isArray(props.value) ? props.value : [];
+        if (selected.length === 0)
+            return '';
+        if (selected.length === 1)
+            return selected[0].label;
+        return `${selected.length} itens selecionados`;
+    };
+    useEffect(() => {
+        const selected = Array.isArray(props.value) ? props.value : [];
+        if (selected.length === 0) {
+            setVisibleText('');
+        }
+        else if (selected.length === 1) {
+            setVisibleText(selected[0].label);
+        }
+        else {
+            const count = selected.length;
+            setVisibleText(`${count} itens selecionados`);
+        }
+    }, [props.value]);
+    return (jsx(Fragment, { children: jsxs("div", { ref: containerRef, className: "relative flex flex-col w-100", children: [jsxs("div", { className: "relative w-full cursor-pointer", onClick: toggleDropdown, children: [jsx(FloatingLabel, { value: selectedText(), label: label, disabled: isInputDisabled, error: error }), jsxs(IconField, { className: "w-full", children: [jsx(InputText, { placeholder: placeholder, type: "text", value: isLoading
+                                        ? 'Carregando...'
+                                        : isOpen && !isReadOnly
+                                            ? searchText
+                                            : visibleText, onChange: (e) => {
+                                        setSearchText(e.target.value);
+                                        if (!isOpen)
+                                            setIsOpen(true);
+                                        setHighlightedIndex(-1);
+                                    }, onKeyDown: (e) => {
+                                        if (!isOpen)
+                                            return;
+                                        if (e.key === 'ArrowDown') {
+                                            e.preventDefault();
+                                            setHighlightedIndex((prev) => prev < filteredOptions.length - 1 ? prev + 1 : 0);
+                                        }
+                                        if (e.key === 'ArrowUp') {
+                                            e.preventDefault();
+                                            setHighlightedIndex((prev) => prev > 0 ? prev - 1 : filteredOptions.length - 1);
+                                        }
+                                        if (e.key === 'Enter') {
+                                            e.preventDefault();
+                                            if (highlightedIndex >= 0 &&
+                                                highlightedIndex < filteredOptions.length) {
+                                                handleSelect(filteredOptions[highlightedIndex]);
+                                            }
+                                        }
+                                        if (e.key === 'Escape') {
+                                            e.preventDefault();
+                                            setIsOpen(false);
+                                            setSearchText('');
+                                            setHighlightedIndex(-1);
+                                        }
+                                    }, onClick: toggleDropdown, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md', hasError
+                                        ? 'border-redError placeholder:text-redError'
+                                        : 'border-gray focus:border-primary', isInputDisabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray', isLoading && 'text-gray', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled, "aria-label": ariaLabel }), jsx(InputIcon, { className: clsx(isLoading
+                                        ? 'pi pi-spinner pi-spin'
+                                        : isOpen
+                                            ? 'pi pi-angle-up'
+                                            : 'pi pi-angle-down', 'text-gray px-2 flex items-center cursor-pointer', isInputDisabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] })] }), isOpen && !isLoading && (jsx("div", { className: clsx('absolute w-full bg-background border shadow-md z-40 rounded-md -bottom-1 translate-y-full', error ? 'border-redError' : 'border-gray'), children: jsx("div", { children: jsx("ul", { className: "max-h-60 overflow-y-auto", children: filteredOptions.map((option, index) => (jsxs("li", { onClick: () => handleSelect(option), className: clsx('p-2 flex justify-between items-center cursor-pointer', 'hover:bg-stoneBackground hover:font-bold', index === highlightedIndex &&
+                                    'bg-stoneBackground font-bold'), title: option.label, children: [jsx("span", { className: "truncate max-w-[calc(100%-20px)]", children: option.label }), jsx("input", { type: 'checkbox', checked: Array.isArray(props.value) &&
+                                            props.value.some((v) => v.value === option.value), onChange: () => handleSelect(option), className: clsx('appearance-none w-2 h-2 ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer rounded-md') })] }, option.value))) }) }) })), hasError && (jsx("span", { className: "text-redError text-xs px-2", children: error }))] }) }));
+}
+
+function FilterIcon({ color }) {
+    return (jsx("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", children: jsx("path", { d: "M14.3164 0.75C14.918 0.75 15.2188 1.46094 14.7812 1.87109L9.75 6.92969V14.0938C9.75 14.6406 9.14844 14.9414 8.71094 14.6406L6.52344 13.1094C6.33203 13 6.25 12.7812 6.25 12.5625V6.92969L1.19141 1.87109C0.753906 1.46094 1.05469 0.75 1.65625 0.75H14.3164Z", fill: color }) }));
+}
+
+function buildFormatLongFn(args) {
+  return (options = {}) => {
+    // TODO: Remove String()
+    const width = options.width ? String(options.width) : args.defaultWidth;
+    const format = args.formats[width] || args.formats[args.defaultWidth];
+    return format;
+  };
+}
+
+/**
+ * The localize function argument callback which allows to convert raw value to
+ * the actual type.
+ *
+ * @param value - The value to convert
+ *
+ * @returns The converted value
+ */
+
+/**
+ * The map of localized values for each width.
+ */
+
+/**
+ * The index type of the locale unit value. It types conversion of units of
+ * values that don't start at 0 (i.e. quarters).
+ */
+
+/**
+ * Converts the unit value to the tuple of values.
+ */
+
+/**
+ * The tuple of localized era values. The first element represents BC,
+ * the second element represents AD.
+ */
+
+/**
+ * The tuple of localized quarter values. The first element represents Q1.
+ */
+
+/**
+ * The tuple of localized day values. The first element represents Sunday.
+ */
+
+/**
+ * The tuple of localized month values. The first element represents January.
+ */
+
+function buildLocalizeFn(args) {
+  return (value, options) => {
+    const context = options?.context ? String(options.context) : "standalone";
+
+    let valuesArray;
+    if (context === "formatting" && args.formattingValues) {
+      const defaultWidth = args.defaultFormattingWidth || args.defaultWidth;
+      const width = options?.width ? String(options.width) : defaultWidth;
+
+      valuesArray =
+        args.formattingValues[width] || args.formattingValues[defaultWidth];
+    } else {
+      const defaultWidth = args.defaultWidth;
+      const width = options?.width ? String(options.width) : args.defaultWidth;
+
+      valuesArray = args.values[width] || args.values[defaultWidth];
+    }
+    const index = args.argumentCallback ? args.argumentCallback(value) : value;
+
+    // @ts-expect-error - For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!
+    return valuesArray[index];
+  };
+}
+
+function buildMatchFn(args) {
+  return (string, options = {}) => {
+    const width = options.width;
+
+    const matchPattern =
+      (width && args.matchPatterns[width]) ||
+      args.matchPatterns[args.defaultMatchWidth];
+    const matchResult = string.match(matchPattern);
+
+    if (!matchResult) {
+      return null;
+    }
+    const matchedString = matchResult[0];
+
+    const parsePatterns =
+      (width && args.parsePatterns[width]) ||
+      args.parsePatterns[args.defaultParseWidth];
+
+    const key = Array.isArray(parsePatterns)
+      ? findIndex(parsePatterns, (pattern) => pattern.test(matchedString))
+      : // [TODO] -- I challenge you to fix the type
+        findKey(parsePatterns, (pattern) => pattern.test(matchedString));
+
+    let value;
+
+    value = args.valueCallback ? args.valueCallback(key) : key;
+    value = options.valueCallback
+      ? // [TODO] -- I challenge you to fix the type
+        options.valueCallback(value)
+      : value;
+
+    const rest = string.slice(matchedString.length);
+
+    return { value, rest };
+  };
+}
+
+function findKey(object, predicate) {
+  for (const key in object) {
+    if (
+      Object.prototype.hasOwnProperty.call(object, key) &&
+      predicate(object[key])
+    ) {
+      return key;
+    }
+  }
+  return undefined;
+}
+
+function findIndex(array, predicate) {
+  for (let key = 0; key < array.length; key++) {
+    if (predicate(array[key])) {
+      return key;
+    }
+  }
+  return undefined;
+}
+
+function buildMatchPatternFn(args) {
+  return (string, options = {}) => {
+    const matchResult = string.match(args.matchPattern);
+    if (!matchResult) return null;
+    const matchedString = matchResult[0];
+
+    const parseResult = string.match(args.parsePattern);
+    if (!parseResult) return null;
+    let value = args.valueCallback
+      ? args.valueCallback(parseResult[0])
+      : parseResult[0];
+
+    // [TODO] I challenge you to fix the type
+    value = options.valueCallback ? options.valueCallback(value) : value;
+
+    const rest = string.slice(matchedString.length);
+
+    return { value, rest };
+  };
+}
+
+const formatDistanceLocale = {
+  lessThanXSeconds: {
+    one: "menos de um segundo",
+    other: "menos de {{count}} segundos",
+  },
+
+  xSeconds: {
+    one: "1 segundo",
+    other: "{{count}} segundos",
+  },
+
+  halfAMinute: "meio minuto",
+
+  lessThanXMinutes: {
+    one: "menos de um minuto",
+    other: "menos de {{count}} minutos",
+  },
+
+  xMinutes: {
+    one: "1 minuto",
+    other: "{{count}} minutos",
+  },
+
+  aboutXHours: {
+    one: "cerca de 1 hora",
+    other: "cerca de {{count}} horas",
+  },
+
+  xHours: {
+    one: "1 hora",
+    other: "{{count}} horas",
+  },
+
+  xDays: {
+    one: "1 dia",
+    other: "{{count}} dias",
+  },
+
+  aboutXWeeks: {
+    one: "cerca de 1 semana",
+    other: "cerca de {{count}} semanas",
+  },
+
+  xWeeks: {
+    one: "1 semana",
+    other: "{{count}} semanas",
+  },
+
+  aboutXMonths: {
+    one: "cerca de 1 mês",
+    other: "cerca de {{count}} meses",
+  },
+
+  xMonths: {
+    one: "1 mês",
+    other: "{{count}} meses",
+  },
+
+  aboutXYears: {
+    one: "cerca de 1 ano",
+    other: "cerca de {{count}} anos",
+  },
+
+  xYears: {
+    one: "1 ano",
+    other: "{{count}} anos",
+  },
+
+  overXYears: {
+    one: "mais de 1 ano",
+    other: "mais de {{count}} anos",
+  },
+
+  almostXYears: {
+    one: "quase 1 ano",
+    other: "quase {{count}} anos",
+  },
+};
+
+const formatDistance = (token, count, options) => {
+  let result;
+
+  const tokenValue = formatDistanceLocale[token];
+  if (typeof tokenValue === "string") {
+    result = tokenValue;
+  } else if (count === 1) {
+    result = tokenValue.one;
+  } else {
+    result = tokenValue.other.replace("{{count}}", String(count));
+  }
+
+  if (options?.addSuffix) {
+    if (options.comparison && options.comparison > 0) {
+      return "em " + result;
+    } else {
+      return "há " + result;
+    }
+  }
+
+  return result;
+};
+
+const dateFormats = {
+  full: "EEEE, d 'de' MMMM 'de' y",
+  long: "d 'de' MMMM 'de' y",
+  medium: "d MMM y",
+  short: "dd/MM/yyyy",
+};
+
+const timeFormats = {
+  full: "HH:mm:ss zzzz",
+  long: "HH:mm:ss z",
+  medium: "HH:mm:ss",
+  short: "HH:mm",
+};
+
+const dateTimeFormats = {
+  full: "{{date}} 'às' {{time}}",
+  long: "{{date}} 'às' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}",
+};
+
+const formatLong = {
+  date: buildFormatLongFn({
+    formats: dateFormats,
+    defaultWidth: "full",
+  }),
+
+  time: buildFormatLongFn({
+    formats: timeFormats,
+    defaultWidth: "full",
+  }),
+
+  dateTime: buildFormatLongFn({
+    formats: dateTimeFormats,
+    defaultWidth: "full",
+  }),
+};
+
+const formatRelativeLocale = {
+  lastWeek: (date) => {
+    const weekday = date.getDay();
+    const last = weekday === 0 || weekday === 6 ? "último" : "última";
+    return "'" + last + "' eeee 'às' p";
+  },
+  yesterday: "'ontem às' p",
+  today: "'hoje às' p",
+  tomorrow: "'amanhã às' p",
+  nextWeek: "eeee 'às' p",
+  other: "P",
+};
+
+const formatRelative = (token, date, _baseDate, _options) => {
+  const format = formatRelativeLocale[token];
+
+  if (typeof format === "function") {
+    return format(date);
+  }
+
+  return format;
+};
+
+const eraValues = {
+  narrow: ["AC", "DC"],
+  abbreviated: ["AC", "DC"],
+  wide: ["antes de cristo", "depois de cristo"],
+};
+
+const quarterValues = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["T1", "T2", "T3", "T4"],
+  wide: ["1º trimestre", "2º trimestre", "3º trimestre", "4º trimestre"],
+};
+
+const monthValues = {
+  narrow: ["j", "f", "m", "a", "m", "j", "j", "a", "s", "o", "n", "d"],
+  abbreviated: [
+    "jan",
+    "fev",
+    "mar",
+    "abr",
+    "mai",
+    "jun",
+    "jul",
+    "ago",
+    "set",
+    "out",
+    "nov",
+    "dez",
+  ],
+
+  wide: [
+    "janeiro",
+    "fevereiro",
+    "março",
+    "abril",
+    "maio",
+    "junho",
+    "julho",
+    "agosto",
+    "setembro",
+    "outubro",
+    "novembro",
+    "dezembro",
+  ],
+};
+
+const dayValues = {
+  narrow: ["D", "S", "T", "Q", "Q", "S", "S"],
+  short: ["dom", "seg", "ter", "qua", "qui", "sex", "sab"],
+  abbreviated: [
+    "domingo",
+    "segunda",
+    "terça",
+    "quarta",
+    "quinta",
+    "sexta",
+    "sábado",
+  ],
+
+  wide: [
+    "domingo",
+    "segunda-feira",
+    "terça-feira",
+    "quarta-feira",
+    "quinta-feira",
+    "sexta-feira",
+    "sábado",
+  ],
+};
+
+const dayPeriodValues = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mn",
+    noon: "md",
+    morning: "manhã",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noite",
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "manhã",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noite",
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "manhã",
+    afternoon: "tarde",
+    evening: "tarde",
+    night: "noite",
+  },
+};
+
+const formattingDayPeriodValues = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mn",
+    noon: "md",
+    morning: "da manhã",
+    afternoon: "da tarde",
+    evening: "da tarde",
+    night: "da noite",
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "da manhã",
+    afternoon: "da tarde",
+    evening: "da tarde",
+    night: "da noite",
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "meia-noite",
+    noon: "meio-dia",
+    morning: "da manhã",
+    afternoon: "da tarde",
+    evening: "da tarde",
+    night: "da noite",
+  },
+};
+
+const ordinalNumber = (dirtyNumber, options) => {
+  const number = Number(dirtyNumber);
+
+  if (options?.unit === "week") {
+    return number + "ª";
+  }
+  return number + "º";
+};
+
+const localize = {
+  ordinalNumber,
+
+  era: buildLocalizeFn({
+    values: eraValues,
+    defaultWidth: "wide",
+  }),
+
+  quarter: buildLocalizeFn({
+    values: quarterValues,
+    defaultWidth: "wide",
+    argumentCallback: (quarter) => quarter - 1,
+  }),
+
+  month: buildLocalizeFn({
+    values: monthValues,
+    defaultWidth: "wide",
+  }),
+
+  day: buildLocalizeFn({
+    values: dayValues,
+    defaultWidth: "wide",
+  }),
+
+  dayPeriod: buildLocalizeFn({
+    values: dayPeriodValues,
+    defaultWidth: "wide",
+    formattingValues: formattingDayPeriodValues,
+    defaultFormattingWidth: "wide",
+  }),
+};
+
+const matchOrdinalNumberPattern = /^(\d+)[ºªo]?/i;
+const parseOrdinalNumberPattern = /\d+/i;
+
+const matchEraPatterns = {
+  narrow: /^(ac|dc|a|d)/i,
+  abbreviated: /^(a\.?\s?c\.?|d\.?\s?c\.?)/i,
+  wide: /^(antes de cristo|depois de cristo)/i,
+};
+const parseEraPatterns = {
+  any: [/^ac/i, /^dc/i],
+  wide: [/^antes de cristo/i, /^depois de cristo/i],
+};
+
+const matchQuarterPatterns = {
+  narrow: /^[1234]/i,
+  abbreviated: /^T[1234]/i,
+  wide: /^[1234](º)? trimestre/i,
+};
+const parseQuarterPatterns = {
+  any: [/1/i, /2/i, /3/i, /4/i],
+};
+
+const matchMonthPatterns = {
+  narrow: /^[jfmajsond]/i,
+  abbreviated: /^(jan|fev|mar|abr|mai|jun|jul|ago|set|out|nov|dez)/i,
+  wide: /^(janeiro|fevereiro|março|abril|maio|junho|julho|agosto|setembro|outubro|novembro|dezembro)/i,
+};
+const parseMonthPatterns = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i,
+  ],
+
+  any: [
+    /^ja/i,
+    /^fev/i,
+    /^mar/i,
+    /^abr/i,
+    /^mai/i,
+    /^jun/i,
+    /^jul/i,
+    /^ago/i,
+    /^set/i,
+    /^out/i,
+    /^nov/i,
+    /^dez/i,
+  ],
+};
+
+const matchDayPatterns = {
+  narrow: /^(dom|[23456]ª?|s[aá]b)/i,
+  short: /^(dom|[23456]ª?|s[aá]b)/i,
+  abbreviated: /^(dom|seg|ter|qua|qui|sex|s[aá]b)/i,
+  wide: /^(domingo|(segunda|ter[cç]a|quarta|quinta|sexta)([- ]feira)?|s[aá]bado)/i,
+};
+const parseDayPatterns = {
+  short: [/^d/i, /^2/i, /^3/i, /^4/i, /^5/i, /^6/i, /^s[aá]/i],
+  narrow: [/^d/i, /^2/i, /^3/i, /^4/i, /^5/i, /^6/i, /^s[aá]/i],
+  any: [/^d/i, /^seg/i, /^t/i, /^qua/i, /^qui/i, /^sex/i, /^s[aá]b/i],
+};
+
+const matchDayPeriodPatterns = {
+  narrow: /^(a|p|mn|md|(da) (manhã|tarde|noite))/i,
+  any: /^([ap]\.?\s?m\.?|meia[-\s]noite|meio[-\s]dia|(da) (manhã|tarde|noite))/i,
+};
+const parseDayPeriodPatterns = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mn|^meia[-\s]noite/i,
+    noon: /^md|^meio[-\s]dia/i,
+    morning: /manhã/i,
+    afternoon: /tarde/i,
+    evening: /tarde/i,
+    night: /noite/i,
+  },
+};
+
+const match = {
+  ordinalNumber: buildMatchPatternFn({
+    matchPattern: matchOrdinalNumberPattern,
+    parsePattern: parseOrdinalNumberPattern,
+    valueCallback: (value) => parseInt(value, 10),
+  }),
+
+  era: buildMatchFn({
+    matchPatterns: matchEraPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseEraPatterns,
+    defaultParseWidth: "any",
+  }),
+
+  quarter: buildMatchFn({
+    matchPatterns: matchQuarterPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseQuarterPatterns,
+    defaultParseWidth: "any",
+    valueCallback: (index) => index + 1,
+  }),
+
+  month: buildMatchFn({
+    matchPatterns: matchMonthPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseMonthPatterns,
+    defaultParseWidth: "any",
+  }),
+
+  day: buildMatchFn({
+    matchPatterns: matchDayPatterns,
+    defaultMatchWidth: "wide",
+    parsePatterns: parseDayPatterns,
+    defaultParseWidth: "any",
+  }),
+
+  dayPeriod: buildMatchFn({
+    matchPatterns: matchDayPeriodPatterns,
+    defaultMatchWidth: "any",
+    parsePatterns: parseDayPeriodPatterns,
+    defaultParseWidth: "any",
+  }),
+};
+
+/**
+ * @category Locales
+ * @summary Portuguese locale (Brazil).
+ * @language Portuguese
+ * @iso-639-2 por
+ * @author Lucas Duailibe [@duailibe](https://github.com/duailibe)
+ * @author Yago Carballo [@yagocarballo](https://github.com/YagoCarballo)
+ */
+const ptBR = {
+  code: "pt-BR",
+  formatDistance: formatDistance,
+  formatLong: formatLong,
+  formatRelative: formatRelative,
+  localize: localize,
+  match: match,
+  options: {
+    weekStartsOn: 0 /* Sunday */,
+    firstWeekContainsDate: 1,
+  },
+};
+
+const formatDate = (date) => {
+    return format(date, "EEEE',' dd 'de' MMM '-' HH:mm", {
+        locale: ptBR,
+    }).replace('.', '');
+};
+function NotificationItem({ notification, onDelete, onClick, }) {
+    return (jsxs("div", { className: "flex flex-row items-start gap-2 px-4 hover:text-primary cursor-pointer rounded", children: [jsx("i", { className: "pi pi-circle-fill text-xs pt-1.5", style: { color: notification.active ? '#0AA836' : '#A0A4B3' } }), jsxs("div", { className: "flex-1 text-left", onClick: () => onClick(notification.id), children: [jsx("h2", { className: clsx('text-base font-bold', !notification.active && 'text-gray'), children: notification.title }), jsx("p", { className: clsx('text-sm py-1 text-gray'), children: notification.description }), jsx("p", { className: clsx('text-sm font-bold', !notification.active && 'text-gray'), children: formatDate(notification.date) })] }), jsx("div", { className: "min-w-6 cursor-pointer", onClick: () => onDelete(notification.id), children: jsx("i", { className: "pi pi-trash text-[#878787] hover:text-backgroundDark" }) })] }, notification.id));
+}
+
+function Notification({ onClose, onReadAll, onDeleteNotificationbyId, onClickNotification, notifications, setFilter, filter, setInputValue, inputValue, filterOptions, }) {
+    const customContent = (jsxs("div", { children: [jsxs("div", { className: "flex justify-between items-center px-4 py-3 border-b border-[#F1F1F4]", children: [jsxs("div", { className: "flex items-center gap-2", children: [jsx("i", { className: "pi pi-bell text-backgroundDark" }), jsx("h2", { className: "font-roboto text-base text-backgroundDark font-bold", children: "Notifica\u00E7\u00F5es" })] }), jsx("div", { className: "flex items-center gap-2", children: jsx(Button, { label: "Marcar todas como lidas", variant: "secondaryOutline", onClick: onReadAll, className: "px-2 py-1 text-xs h-7" }) })] }), jsxs("div", { className: "px-4 py-2 flex flex-row gap-4", children: [jsx(Input, { value: inputValue, onChange: setInputValue, label: "Pesquisar", placeholder: "Pesquisar", icon: "pi-search", iconColor: "gray" }), jsx(FilterButton, { variant: "primary", label: "Filter", icon: jsx(FilterIcon, { color: "#FFFFFF" }), option: filter, setOption: (option) => setFilter(option), filterOptions: filterOptions })] }), jsx("div", { className: "text-center pt-4", children: notifications.length > 0 ? (jsx("div", { className: "w-100 h-[calc(100vh_-114.8px)] overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:rounded-r-md [&::-webkit-scrollbar-thumb]:rounded-md [&::-webkit-scrollbar-track]:bg-stone [&::-webkit-scrollbar-thumb]:bg-stoneDark", children: notifications.map((notification) => (jsxs("div", { className: "w-100 hover:bg-stoneBackground", children: [jsx(NotificationItem, { notification: notification, onDelete: onDeleteNotificationbyId, onClick: onClickNotification }), jsx(Divider$1, {})] }, notification.id))) })) : (jsx("p", { children: " Sem notifica\u00E7\u00F5es" })) })] }));
+    return (jsx(Sidebar$1, { visible: true, position: "right", onHide: onClose, className: "w-10/12 md:w-1/2 lg:w-1/3", content: customContent }));
+}
+
+function Paginator(props) {
+    const template = {
+        layout: 'PrevPageLink PageLinks NextPageLink',
+        PrevPageLink: (options) => {
+            return (jsx("button", { className: classNames(options.className, '!w-8 !h-8 min-w-0 mr-2 font-roboto'), onClick: options.onClick, disabled: options.disabled, "aria-label": "Pr\u00F3xima p\u00E1gina", children: jsx("span", { className: "pi pi-angle-left" }) }));
+        },
+        NextPageLink: (options) => {
+            return (jsx("button", { className: classNames(options.className, '!w-8 !h-8 min-w-0 ml-2 font-roboto'), onClick: options.onClick, disabled: options.disabled, "aria-label": "P\u00E1gina anterior", children: jsx("span", { className: "pi pi-angle-right" }) }));
+        },
+        PageLinks: (options) => {
+            return React.cloneElement(options.element, {
+                className: classNames(options.element.props.className, '!rounded-full !w-8 !h-8 min-w-0 font-roboto', {
+                    'bg-primary text-white': options.page === options.currentPage,
+                    'hover:bg-gray-100': options.page !== options.currentPage,
+                }),
+            });
+        },
+    };
+    return jsx(Paginator$1, { ...props, template: template });
+}
+
+const variants = {
+    white: 'ring-offset-background',
+    secondary: 'ring-offset-secondary',
+};
+function RadioButton({ label, value, checked, onChange, disabled = false, error = false, variant = 'secondary', ariaLabel = 'Radio button', }) {
+    return (jsxs("label", { className: clsx('flex items-center gap-2 cursor-pointer font-roboto text-primary', disabled && 'text-disabled', error && !checked && 'text-redError'), children: [jsx("input", { type: "radio", value: value, checked: checked, onChange: onChange, disabled: disabled, className: clsx('font-roboto appearance-none w-2 h-2 border-0 rounded-full shadow-none ring-1 ring-offset-2 checked:bg-primary transition-colors duration-200', disabled
+                    ? 'ring-stone'
+                    : error && !checked
+                        ? 'ring-redError'
+                        : 'ring-gray', variants[variant]), "aria-label": ariaLabel }), label] }));
+}
+
+function Select(props) {
+    const { options, placeholder = 'Selecione uma opção', label = 'Opção', disabled = false, error, isLoading = false, isReadOnly = true, ariaLabel = 'Selecione uma opção', } = props;
+    const [isOpen, setIsOpen] = useState(false);
+    const [searchText, setSearchText] = useState('');
+    const [highlightedIndex, setHighlightedIndex] = useState(-1);
+    const containerRef = useRef(null);
+    const normalize = (str) => str
+        .normalize('NFD')
+        .replace(/[\u0300-\u036f]/g, '')
+        .toLowerCase();
+    const filteredOptions = options.filter((option) => normalize(option.label).includes(normalize(searchText)));
+    const toggleDropdown = () => {
+        if (!disabled && !isLoading) {
+            const newState = !isOpen;
+            setIsOpen(newState);
+            setSearchText('');
+            setHighlightedIndex(-1);
+        }
+    };
+    const handleSelect = (option) => {
+        if (props.value?.value === option.value) {
+            props.onChange(null);
+        }
+        else {
+            props.onChange(option);
+        }
+        setSearchText('');
+        setIsOpen(false);
+        setHighlightedIndex(-1);
+    };
+    const hasError = !!error && !disabled;
+    const isInputDisabled = disabled || isLoading;
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (containerRef.current &&
+                !containerRef.current.contains(event.target)) {
+                setIsOpen(false);
+                setSearchText('');
+                setHighlightedIndex(-1);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    return (jsxs("div", { ref: containerRef, className: "relative flex flex-col w-100", children: [jsxs("div", { className: "relative w-full cursor-pointer", onClick: toggleDropdown, children: [jsx(FloatingLabel, { value: props.value ? props.value.label : '', label: label, disabled: isInputDisabled, error: error }), jsxs(IconField, { className: "w-full", children: [jsx(InputText, { placeholder: placeholder, type: "text", value: isLoading
+                                    ? 'Carregando...'
+                                    : isOpen
+                                        ? searchText
+                                        : (props.value?.label ?? ''), onClick: toggleDropdown, onChange: (e) => {
+                                    if (isOpen) {
+                                        setSearchText(e.target.value);
+                                        setHighlightedIndex(0);
+                                    }
+                                }, onKeyDown: (e) => {
+                                    if (!isOpen)
+                                        return;
+                                    if (e.key === 'ArrowDown') {
+                                        e.preventDefault();
+                                        setHighlightedIndex((prev) => prev < filteredOptions.length - 1 ? prev + 1 : 0);
+                                    }
+                                    if (e.key === 'ArrowUp') {
+                                        e.preventDefault();
+                                        setHighlightedIndex((prev) => prev > 0 ? prev - 1 : filteredOptions.length - 1);
+                                    }
+                                    if (e.key === 'Enter') {
+                                        e.preventDefault();
+                                        if (highlightedIndex >= 0 &&
+                                            highlightedIndex < filteredOptions.length) {
+                                            handleSelect(filteredOptions[highlightedIndex]);
+                                        }
+                                    }
+                                    if (e.key === 'Escape') {
+                                        e.preventDefault();
+                                        setIsOpen(false);
+                                        setSearchText('');
+                                        setHighlightedIndex(-1);
+                                    }
+                                }, className: clsx('focus:shadow-none text-base w-100 font-roboto border !p-2 rounded-md', hasError
+                                    ? 'border-redError placeholder:text-redError'
+                                    : 'border-gray focus:border-primary', isInputDisabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray placeholder:text-gray', isLoading && 'text-gray', 'truncate'), invalid: hasError, readOnly: !isOpen || isReadOnly, style: { height: '42px', fontSize: '16px' }, disabled: isInputDisabled, "aria-label": ariaLabel }), jsx(InputIcon, { className: clsx(isLoading
+                                    ? 'pi pi-spinner pi-spin'
+                                    : isOpen
+                                        ? 'pi pi-angle-up'
+                                        : 'pi pi-angle-down', 'text-gray px-2 flex items-center cursor-pointer', isInputDisabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] })] }), isOpen && !isLoading && (jsx("div", { className: clsx('absolute w-full bg-background border shadow-md z-40 rounded-md p-2 -bottom-1 translate-y-full', error ? 'border-redError' : 'border-gray'), children: jsx("ul", { className: "max-h-60 overflow-y-auto", children: filteredOptions.map((option, index) => (jsxs("li", { onClick: () => handleSelect(option), className: clsx('p-2 flex justify-between items-center cursor-pointer', 'hover:bg-stoneBackground hover:font-bold', index === highlightedIndex && 'bg-stoneBackground font-bold'), children: [jsx("span", { className: "truncate max-w-[calc(100%-20px)]", children: option.label }), jsx("input", { type: 'radio', checked: props.value?.value === option.value, onChange: () => handleSelect(option), className: clsx('appearance-none w-2 h-2 rounded-full ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer') })] }, option.value))) }) })), hasError && jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
+}
+
+function Skeleton({ shape = 'rectangle', width = '100%', height = '1rem', borderRadius, animation = 'wave', size, className, }) {
+    return (jsx("div", { className: className, children: jsx(Skeleton$1, { shape: shape, width: width, height: height, borderRadius: borderRadius, animation: animation, size: size, "aria-label": "skeleton" }) }));
+}
+
+const colorVariants = {
+    primary: 'border-primary',
+    secondary: 'border-secondary',
+};
+const sizeVariants = {
+    sm: 'w-4 h-4',
+    md: 'w-6 h-6',
+    lg: 'w-8 h-8',
+};
+function Spinner({ size = 'md', color = 'primary' }) {
+    return (jsx("div", { className: clsx('border-2 border-t-transparent animate-spin rounded-full', colorVariants[color], sizeVariants[size]), "aria-label": "loading", role: "status" }));
+}
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+function getNestedValue(obj, path) {
+    if (!obj || !path)
+        return undefined;
+    return path.split('.').reduce((acc, part) => acc?.[part], obj);
+}
+
+// import { SortDirection } from '../types'
+// export function sortData<T>(
+//   data: T[],
+//   column: keyof T,
+//   direction: SortDirection
+// ): T[] {
+//   return [...data].sort((a, b) => {
+//     const aValue = a[column]
+//     const bValue = b[column]
+//     if (typeof aValue === 'number' && typeof bValue === 'number') {
+//       return direction === 'ASC' ? aValue - bValue : bValue - aValue
+//     }
+//     if (aValue instanceof Date && bValue instanceof Date) {
+//       return direction === 'ASC'
+//         ? aValue.getTime() - bValue.getTime()
+//         : bValue.getTime() - aValue.getTime()
+//     }
+//     const aString = String(aValue).toLowerCase()
+//     const bString = String(bValue).toLowerCase()
+//     return direction === 'ASC'
+//       ? aString.localeCompare(bString)
+//       : bString.localeCompare(aString)
+//   })
+// }
+function sortData(data, columnPath, direction) {
+    return [...data].sort((a, b) => {
+        const aValue = getNestedValue(a, columnPath);
+        const bValue = getNestedValue(b, columnPath);
+        if (typeof aValue === 'number' && typeof bValue === 'number') {
+            return direction === 'ASC' ? aValue - bValue : bValue - aValue;
+        }
+        if (aValue instanceof Date && bValue instanceof Date) {
+            return direction === 'ASC'
+                ? aValue.getTime() - bValue.getTime()
+                : bValue.getTime() - aValue.getTime();
+        }
+        const aString = String(aValue || '').toLowerCase();
+        const bString = String(bValue || '').toLowerCase();
+        return direction === 'ASC'
+            ? aString.localeCompare(bString)
+            : bString.localeCompare(aString);
+    });
+}
+
+function parseDateRange(value) {
+    try {
+        const parsed = JSON.parse(value);
+        const start = parsed[0] ? new Date(parsed[0]) : null;
+        const end = parsed[1] ? new Date(parsed[1]) : null;
+        return [start, end];
+    }
+    catch {
+        return [null, null];
+    }
+}
+function Table({ columns, data, totalRecords, actions = [], isOrdered = true, actionsHeaderClassName = '', actionsColumnsClassName = '', rowsPerPage = 10, onPageChange, isPaginated = true, isLoading = false, onFilterChange, onSortChange, }) {
+    const [sortDirection, setSortDirection] = useState({});
+    const [sortedData, setSortedData] = useState(data);
+    const [currentPage, setCurrentPage] = useState(1);
+    const [filters, setFilters] = useState({});
+    const [openFilter, setOpenFilter] = useState(null);
+    const filterModalRef = useRef(null);
+    const [filterStatus, setFilterStatus] = useState({});
+    const handleSort = (dataIndex) => {
+        setSortDirection((prev) => {
+            const current = prev[dataIndex];
+            let nextDirection;
+            if (current === 'ASC')
+                nextDirection = 'DESC';
+            else if (current === 'DESC')
+                nextDirection = null;
+            else
+                nextDirection = 'ASC';
+            const newSortDirection = { [dataIndex]: nextDirection };
+            if (nextDirection === null) {
+                setSortedData(data);
+            }
+            else {
+                const sorted = sortData(data, dataIndex, nextDirection);
+                setSortedData(sorted);
+            }
+            if (onSortChange) {
+                onSortChange(dataIndex, nextDirection);
+            }
+            return newSortDirection;
+        });
+    };
+    useEffect(() => {
+        setSortedData(data);
+    }, [data]);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            const target = event.target;
+            const isClickInsideFilter = filterModalRef.current && filterModalRef.current.contains(target);
+            const isClickInsideCalendar = (target instanceof HTMLElement && target.closest('.p-datepicker')) !==
+                null;
+            if (!isClickInsideFilter && !isClickInsideCalendar) {
+                setOpenFilter(null);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+        };
+    }, []);
+    const handleFilter = (column) => {
+        setOpenFilter(null);
+        if (onFilterChange) {
+            onFilterChange(filters);
+        }
+        setFilterStatus((prev) => ({
+            ...prev,
+            [column.dataIndex]: filters[column.dataIndex]
+                ? 'applied'
+                : 'default',
+        }));
+    };
+    const handleClearFilter = (column) => {
+        const dataIndex = column.dataIndex;
+        const newFilters = {
+            ...filters,
+            [dataIndex]: '',
+        };
+        setFilters(newFilters);
+        setFilterStatus((prev) => ({
+            ...prev,
+            [dataIndex]: 'default',
+        }));
+        setOpenFilter(null);
+        if (onFilterChange) {
+            onFilterChange(newFilters);
+        }
+    };
+    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) => ({
+                                                                            ...prev,
+                                                                            [column.dataIndex]: e,
+                                                                        })), mask: column?.mask, "aria-label": `Filtrar por ${column.label}` })), column.filterType === 'select' && (jsx(Select, { options: column.filterOptions || [], value: column.filterOptions?.find((option) => option.value ===
+                                                                            filters[column.dataIndex]) || null, onChange: (selected) => setFilters((prev) => ({
+                                                                            ...prev,
+                                                                            [column.dataIndex]: selected?.value ?? null,
+                                                                        })), placeholder: "Selecione uma op\u00E7\u00E3o", label: "", "aria-label": `Filtrar por ${column.label}` })), column.filterType === 'multiSelect' && (jsx(MultiSelect, { options: column.filterOptions || [], value: (filters[column.dataIndex]
+                                                                            ? JSON.parse(filters[column.dataIndex])
+                                                                            : []), onChange: (selected) => setFilters((prev) => ({
+                                                                            ...prev,
+                                                                            [column.dataIndex]: selected
+                                                                                ? JSON.stringify(selected)
+                                                                                : '',
+                                                                        })), placeholder: "Selecione uma ou mais op\u00E7\u00F5es", label: "", "aria-label": `Filtrar por ${column.label}` })), column.filterType === 'singleDate' && (jsx(CalendarInput, { label: "", selectionMode: "single", placeholder: "Selecione uma data", value: filters[column.dataIndex]
+                                                                            ? new Date(filters[column.dataIndex])
+                                                                            : null, onChange: (e) => {
+                                                                            const value = e?.value;
+                                                                            setFilters((prev) => ({
+                                                                                ...prev,
+                                                                                [column.dataIndex]: value instanceof Date
+                                                                                    ? value.toISOString()
+                                                                                    : '',
+                                                                            }));
+                                                                        }, ariaLabel: `Filtrar por ${column.label}` })), column.filterType === 'rangeDate' && (jsx(CalendarInput, { label: "", selectionMode: "range", placeholder: "Selecione as datas", value: filters[column.dataIndex]
+                                                                            ? parseDateRange(filters[column.dataIndex])
+                                                                            : null, onChange: (e) => {
+                                                                            const range = e?.value;
+                                                                            setFilters((prev) => ({
+                                                                                ...prev,
+                                                                                [column.dataIndex]: range
+                                                                                    ? JSON.stringify(range)
+                                                                                    : '',
+                                                                            }));
+                                                                        }, ariaLabel: `Filtrar por ${column.label}` }))] })] }), jsxs("div", { className: "flex justify-between mt-4", children: [jsx(Button, { variant: "outline", onClick: () => {
+                                                                    setFilters((prev) => ({
+                                                                        ...prev,
+                                                                        [column.dataIndex]: '',
+                                                                    }));
+                                                                    setOpenFilter(null);
+                                                                }, label: "Fechar", width: "10", size: "small", "aria-label": "Fechar filtro" }), jsx(Button, { variant: "secondary", onClick: () => handleClearFilter(column), label: "Limpar", width: "10", size: "small", "aria-label": "Limpar filtro" }), jsx(Button, { variant: "primary", onClick: () => handleFilter(column), label: "Aplicar", width: "10", size: "small", "aria-label": "Aplicar filtro" })] })] })) }), column.label, isOrdered && (jsx("button", { onClick: () => handleSort(column.dataIndex), "aria-label": `Ordenar por ${column.label}`, children: jsx("i", { className: clsx('pl-2 text-xs cursor-pointer pi', sortDirection[column.dataIndex] === 'ASC' &&
+                                                    'pi-sort-amount-up-alt', sortDirection[column.dataIndex] === 'DESC' &&
+                                                    'pi-sort-amount-down', !sortDirection[column.dataIndex] && 'pi-sort-alt') }) })), column.filterable && (jsx(Fragment, { children: jsx("button", { onClick: () => setOpenFilter((prev) => prev === column.dataIndex
+                                                    ? null
+                                                    : column.dataIndex), "aria-label": `Filtrar por ${column.label}`, children: jsx("i", { className: clsx('pl-2 text-xs cursor-pointer', filterStatus[column.dataIndex] === 'applied'
+                                                        ? 'pi pi-filter-slash'
+                                                        : '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 ? 'bg-stoneBackground' : 'bg-background', 'text-primary text-base'), children: [columns.map((column) => {
+                                    const value = getNestedValue(row, column.dataIndex);
+                                    return (jsx("td", { className: clsx('p-3 text-sm text-left', typeof column.style === 'function'
+                                            ? column.style(getNestedValue(row, column.dataIndex), row)
+                                            : column.style), children: column.render
+                                            ? column.render(value, row)
+                                            : String(value) }, String(column.dataIndex)));
+                                }), actions.length > 0 && (jsx("td", { className: clsx('text-sm text-right flex flex-row justify-end p-3 gap-2', actionsColumnsClassName), children: actions.map((action, idx) => (jsx("span", { className: clsx('cursor-pointer', action.disabled &&
+                                            'opacity-50 pointer-events-none cursor-not-allowed'), onClick: () => {
+                                            if (!action.disabled)
+                                                action.onClick(row);
+                                        }, "aria-label": action?.ariaLabel || action.label, role: "button", 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) => {
+                    setCurrentPage(event.page + 1);
+                    onPageChange(event.page + 1);
+                } }))] }));
+}
+
+const colorMap = {
+    blue: 'bg-[#DBEAFE] text-[#1E40AF] border-[#BFDBFE]',
+    red: 'bg-[#FEE2E2] text-[#991B1B] border-[#FCA5A5]',
+    green: 'bg-[#D1FAE5] text-[#065F46] border-[#6EE7B7]',
+    gray: 'bg-[#F3F4F6] text-[#374151] border-[#D1D5DB]',
+    purple: 'bg-[#EDE9FE] text-[#6B21A8] border-[#C4B5FD]',
+    yellow: 'bg-[#FEF9C3] text-[#92400E] border-[#FCD34D]',
+    orange: 'bg-[#FFEDD5] text-[#9A3412] border-[#FDBA74]',
+    pink: 'bg-[#FCE7F3] text-[#9D174D] border-[#F9A8D4]',
+    emerald: 'bg-[#D1FAE5] text-[#065F46] border-[#6EE7B7]',
+    teal: 'bg-[#CCFBF1] text-[#134E4A] border-[#5EEAD4]',
+    cyan: 'bg-[#CFFAFE] text-[#155E75] border-[#67E8F9]',
+    sky: 'bg-[#E0F2FE] text-[#0369A1] border-[#7DD3FC]',
+    indigo: 'bg-[#E0E7FF] text-[#3730A3] border-[#A5B4FC]',
+    violet: 'bg-[#EDE9FE] text-[#6D28D9] border-[#C4B5FD]',
+    fuchsia: 'bg-[#FAE8FF] text-[#A21CAF] border-[#F0ABFC]',
+    rose: 'bg-[#FFE4E6] text-[#BE123C] border-[#FDA4AF]',
+    stone: 'bg-[#E7E5E4] text-[#44403C] border-[#D6D3D1]',
+    amber: 'bg-[#FEF3C7] text-[#92400E] border-[#FCD34D]',
+    lime: 'bg-[#ECFCCB] text-[#365314] border-[#BEF264]',
+    slate: 'bg-[#F1F5F9] text-[#334155] border-[#CBD5E1]',
+    zinc: 'bg-[#F4F4F5] text-[#3F3F46] border-[#D4D4D8]',
+    neutral: 'bg-[#F5F5F5] text-[#404040] border-[#D4D4D4]',
+};
+function TagStatus({ value, color = 'gray' }) {
+    const colorClass = colorMap[color];
+    return (jsx("span", { className: `text-sm px-2 py-1 rounded-xl font-medium border ${colorClass}`, children: value }));
+}
+
+function ErrorIcon() {
+    return (jsxs("svg", { width: "27", height: "27", viewBox: "0 0 27 27", fill: "none", className: "min-w-7", children: [jsx("circle", { cx: "13.5", cy: "13.5", r: "12.5", stroke: "#B71C1C", strokeWidth: "2" }), jsx("path", { d: "M8 8L19 19", stroke: "#B71C1C", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M19 8L8 19", stroke: "#B71C1C", strokeWidth: "2", strokeLinecap: "round" })] }));
+}
+
+function InfoIcon() {
+    return (jsxs("svg", { width: "27", height: "27", viewBox: "0 0 27 27", fill: "none", children: [jsx("circle", { cx: "13.5", cy: "13.5", r: "12.5", stroke: "#0045ba", strokeWidth: "2" }), jsx("path", { d: "M14.6294 8L14.3877 15.4048H12.6299L12.3809 8H14.6294ZM12.3223 17.6973C12.3223 17.3848 12.4297 17.126 12.6445 16.9209C12.8643 16.7109 13.1523 16.606 13.5088 16.606C13.8701 16.606 14.1582 16.7109 14.373 16.9209C14.5879 17.126 14.6953 17.3848 14.6953 17.6973C14.6953 18 14.5879 18.2563 14.373 18.4663C14.1582 18.6763 13.8701 18.7812 13.5088 18.7812C13.1523 18.7812 12.8643 18.6763 12.6445 18.4663C12.4297 18.2563 12.3223 18 12.3223 17.6973Z", fill: "#0045ba" })] }));
+}
+
+function SuccessIcon() {
+    return (jsxs("svg", { width: "27", height: "27", viewBox: "0 0 27 27", fill: "none", className: "min-w-7", children: [jsx("circle", { cx: "13.5", cy: "13.5", r: "12.5", stroke: '#1B5E20', strokeWidth: "2" }), jsx("path", { d: "M7 12.5L12 17.5L19.5 10", stroke: '#1B5E20', strokeWidth: "2", strokeLinecap: "round" })] }));
+}
+
+function Toast({ messages }) {
+    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'
+                ? 'bg-[#E6F4EA] border-[#2E7D32] text-[#1B5E20]'
+                : '', severity === 'info'
+                ? 'bg-[#E3F2FD] border-[#1565C0] text-[#0D47A1]'
+                : '', severity === 'error'
+                ? 'bg-[#FFEBEE] border-[#C62828] text-[#B71C1C]'
+                : ''), "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))) }));
+}
+
+export { Accordion, AutoComplete, BasicHeader, Breadcrumb, Button, CalendarInput, Card, CardButton, CardIconsButton, Chart, Dialog, Divider, EmptyContent, ExpandablePanel, FileUpload, FilterButton, Header, IconButton, InfoCard, Input, InputSwitch, InputTextArea, InternalMenu, Link, MegaMenu, Modal, MultiSelect, Notification, Paginator, RadioButton, Select, Sidebar, Skeleton, Spinner, Table, TagStatus, Toast };
 //# sourceMappingURL=index.js.map