npm - @epam/statgpt-ui-components - Versions diffs - 0.2.0-rc.11 → 0.2.0-rc.12 - Mend

@epam/statgpt-ui-components 0.2.0-rc.11 → 0.2.0-rc.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/index.css CHANGED Viewed

	@@ -1 +1 @@
1	- ,: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: }/! tailwindcss v3.4.17 \| MIT License \| https://tailwindcss.com/,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;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{color:inherit;font-family:inherit;font-feature-settings: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}.\!container{width:100%!important}.container{width:100%}@media (min-width:429px){.\!container{max-width:429px!important}.container{max-width:429px}}@media (min-width:720px){.\!container{max-width:720px!important}.container{max-width:720px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em;margin-top:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] ))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] ))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] )){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] )){border-inline-start-color:var(--tw-prose-quote-borders);border-inline-start-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-inline-start:1em;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] )):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] )):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] )){display:block;margin-bottom:2em;margin-top:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] )){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding-inline-end:.375em;padding-bottom:.1875em;padding-top:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] )){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-top:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;width:100%}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] )){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] )){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] )){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] )){text-align:start}.prose :where(figure>):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.75em;margin-top:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.75em;margin-top:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em;margin-top:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h2+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h3+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h4+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-top:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.bottom-\[88px\]{bottom:88px}.left-0{left:0}.left-\[-4px\]{left:-4px}.right-10{right:2.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-\[-6px\]{right:-6px}.right-\[11px\]{right:11px}.top-3{top:.75rem}.top-4{top:1rem}.top-\[26px\]{top:26px}.top-\[29px\]{top:29px}.z-10{z-index:10}.z-\[4\]{z-index:4}.order-2{order:2}.order-3{order:3}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-\[-8px\]{margin-left:-8px;margin-right:-8px}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\!h-5{height:1.25rem!important}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[20px\]{height:20px}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[4px\]{height:4px}.h-\[80\%\]{height:80%}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:24rem}.max-h-\[32px\]{max-height:32px}.max-h-\[400px\]{max-height:400px}.max-h-\[48px\]{max-height:48px}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[100px\]{min-height:100px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.\!w-5{width:1.25rem!important}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-\[100\%\]{width:100%}.w-\[176px\]{width:176px}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-\[300px\]{width:300px}.w-\[362px\]{width:362px}.w-\[363px\]{width:363px}.w-\[40px\]{width:40px}.w-\[422px\]{width:422px}.w-\[44px\]{width:44px}.w-\[64px\]{width:64px}.w-\[fit-content\]{width:-moz-fit-content;width:fit-content}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.max-w-\[130px\]{max-width:130px}.max-w-\[30\%\]{max-width:30%}.max-w-\[300px\]{max-width:300px}.max-w-\[350px\]{max-width:350px}.max-w-\[500px\]{max-width:500px}.max-w-\[65\%\]{max-width:65%}.max-w-\[784px\]{max-width:784px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{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))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-\[180deg\]{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))}.rotate-\[180deg\]{--tw-rotate:180deg}.rotate-\[90deg\]{--tw-rotate:90deg}.rotate-\[90deg\],.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))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.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-5{gap:1.25rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-x-\[4px\]{-moz-column-gap:4px;column-gap:4px}.gap-y-1{row-gap:.25rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75remvar(--tw-space-y-reverse));margin-top:calc(.75rem(1 - var(--tw-space-y-reverse)))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1pxvar(--tw-divide-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1pxvar(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-neutrals-400>:not([hidden])~:not([hidden]){border-color:var(--neutrals-400,#e9eef6)}.divide-neutrals-500>:not([hidden])~:not([hidden]){border-color:var(--neutrals-500,#dddfe8)}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[100px\]{border-radius:100px}.rounded-\[20px\]{border-radius:20px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-\[1px\]{border-width:1px}.border-\[2px\]{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t-2{border-top-width:2px}.\!border-none{border-style:none!important}.border-none{border-style:none}.border-accent-700{border-color:var(--accent-700,#0094ff)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-hues-200{border-color:var(--hues-200,#cbd0ff)}.border-neutrals-200{border-color:var(--neutrals-200,#f3f5ff)}.border-neutrals-400{border-color:var(--neutrals-400,#e9eef6)}.border-neutrals-600{border-color:var(--neutrals-600,#cfcfcf)}.border-neutrals-800{border-color:var(--neutrals-800,#757575)}.border-primary{border-color:var(--primary,#414fff)}.border-transparent{border-color:transparent}.border-b-transparent{border-bottom-color:transparent}.bg-accent-300{background-color:var(--accent-300,#90a1ff)}.bg-blackout{background-color:var(--blackout,#090d13b3)}.bg-highlight{background-color:var(--highlight,#bedaff)}.bg-hues-100{background-color:var(--hues-100,#dfe6ff)}.bg-hues-900{background-color:var(--hues-900,#0d2282)}.bg-neutral-300{--tw-bg-opacity:1;background-color:rgb(212 212 212/var(--tw-bg-opacity,1))}.bg-neutrals-100{background-color:var(--neutrals-100,#f3f6fb)}.bg-neutrals-200{background-color:var(--neutrals-200,#f3f5ff)}.bg-neutrals-300{background-color:var(--neutrals-300,#f0f4f8)}.bg-neutrals-700{background-color:var(--neutrals-700,#89898b)}.bg-primary{background-color:var(--primary,#414fff)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--white,#fff)}.fill-primary{fill:var(--primary,#414fff)}.\!p-0{padding:0!important}.\!p-1{padding:.25rem!important}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[10px\]{padding:10px}.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-\[16px\]{padding-left:16px;padding-right:16px}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-\[14px\]{padding-bottom:14px;padding-top:14px}.py-\[6px\]{padding-bottom:6px;padding-top:6px}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[14px\]{padding-bottom:14px}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-\[15\%\]{padding-left:15%}.pr-0\.5{padding-right:.125rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-\[8\%\]{padding-right:8%}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[20px\]{padding-top:20px}.pt-\[8px\]{padding-top:8px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-end{text-align:end}.align-top{vertical-align:top}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.\!text-neutrals-1000{color:var(--neutrals-1000,#2b2b2d)!important}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-hues-800{color:var(--hues-800,#354487)}.text-hues-900{color:var(--hues-900,#0d2282)}.text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}.text-neutrals-1000{color:var(--neutrals-1000,#2b2b2d)}.text-neutrals-400{color:var(--neutrals-400,#e9eef6)}.text-neutrals-500{color:var(--neutrals-500,#dddfe8)}.text-neutrals-600{color:var(--neutrals-600,#cfcfcf)}.text-neutrals-700{color:var(--neutrals-700,#89898b)}.text-neutrals-800{color:var(--neutrals-800,#757575)}.text-neutrals-900{color:var(--neutrals-900,#3f404a)}.text-primary{color:var(--primary,#414fff)}.text-semantic-error{color:var(--semantic-error,#d6323e)}.text-semantic-success{color:var(--semantic-success,#00cc6f)}.text-white{color:var(--white,#fff)}.opacity-\[0\.7\]{opacity:.7}.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-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-none{outline:2px solid transparent;outline-offset:2px}.\!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)!important}.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-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-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}body,html{color:var(--neutrals-1000,#2b2b2d);height:100%;overflow:hidden;width:100%}.base-icon-button{align-items:center;border-style:solid;border-width:1px;display:flex;flex-direction:row;justify-content:center;&:disabled{pointer-events:none}}.base-button{align-items:center;border-style:solid;border-width:1px;display:flex;flex-direction:row;justify-content:center;&:disabled{pointer-events:none}}.text-button-primary{background-color:var(--primary,#414fff);border-color:var(--primary,#414fff);color:var(--white,#fff);&:hover{color:var(--primary,#414fff)}}.text-button-secondary{border-color:var(--primary,#414fff)}.text-button-secondary,.text-button-tertiary{background-color:transparent;color:var(--primary,#414fff)}.text-button-tertiary{border-color:transparent}.loader{animation:spin 1s linear infinite;@keyframes spin{to{transform:rotate(1turn)}}&:before{content:"";display:block}}.two-lines{display:block;text-overflow:ellipsis}.two-lines:first-line{overflow:hidden}.two-lines{-webkit-box-orient:vertical;-webkit-line-clamp:2}.base-link{color:var(--primary,#414fff);&:hover{text-decoration-line:underline}}input{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}.padding-0{padding:0!important}.flatpickr-input{border-bottom:2px var(--primary,#414fff);border-style:solid;color:var(--neutrals-1000,#2b2b2d);height:40px;padding:8px 6px;width:100%;&:focus-visible{outline:2px solid transparent;outline-offset:2px}&:active,&:hover{border-color:var(--neutrals-1000,#2b2b2d)}}.last\:mb-0:last-child{margin-bottom:0}.last\:mb-8:last-child{margin-bottom:2rem}.last\:mr-4:last-child{margin-right:1rem}.last\:pb-0:last-child{padding-bottom:0}.hover\:border-hues-600:hover{border-color:var(--hues-600,#9da4ff)}.hover\:bg-hues-100:hover{background-color:var(--hues-100,#dfe6ff)}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:opacity-100{opacity:1}@media (max-width:719px){.sm\:top-4{top:1rem}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-3{height:.75rem}.sm\:h-\[24px\]{height:24px}.sm\:w-\[24px\]{width:24px}.sm\:w-\[calc$100\%-30px$\]{width:calc(100% - 30px)}.sm\:w-full{width:100%}.sm\:max-w-full{max-width:100%}.sm\:flex-col{flex-direction:column}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:gap-y-4{row-gap:1rem}.sm\:border-0{border-width:0}.sm\:p-0{padding:0}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\:pb-2{padding-bottom:.5rem}.sm\:pt-10{padding-top:2.5rem}.sm\:text-center{text-align:center}.sm\:hover\:bg-white:hover{background-color:var(--white,#fff)}}@media (max-width:1279px){.lg\:right-6{right:1.5rem}}@media (min-width:720px){.sm-min\:px-4{padding-left:1rem;padding-right:1rem}}.\[\&\>svg\]\:h-\[16px\]>svg{height:16px}.\[\&\>svg\]\:w-\[16px\]>svg{width:16px}
1	+ ,: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: }/! tailwindcss v3.4.17 \| MIT License \| https://tailwindcss.com/,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;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{color:inherit;font-family:inherit;font-feature-settings: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}.\!container{width:100%!important}.container{width:100%}@media (min-width:429px){.\!container{max-width:429px!important}.container{max-width:429px}}@media (min-width:720px){.\!container{max-width:720px!important}.container{max-width:720px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em;margin-top:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] )){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] ))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] ))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] )){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] )){border-inline-start-color:var(--tw-prose-quote-borders);border-inline-start-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-inline-start:1em;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] )):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] )):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] )){display:block;margin-bottom:2em;margin-top:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] )){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding-inline-end:.375em;padding-bottom:.1875em;padding-top:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] )):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] )){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] )){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-top:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] )):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] )){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;width:100%}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-headings);font-weight:600;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] )){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] )){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] )){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] )){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] )){text-align:start}.prose :where(figure>):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] )){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0;margin-top:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.75em;margin-top:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:.75em;margin-top:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:1.25em;margin-top:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h2+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h3+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(h4+):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-top:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] )){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:2em;margin-top:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] )){margin-bottom:0}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.bottom-\[88px\]{bottom:88px}.left-0{left:0}.left-\[-4px\]{left:-4px}.right-10{right:2.5rem}.right-3{right:.75rem}.right-\[-6px\]{right:-6px}.right-\[11px\]{right:11px}.top-3{top:.75rem}.top-\[26px\]{top:26px}.top-\[29px\]{top:29px}.z-10{z-index:10}.z-\[4\]{z-index:4}.order-2{order:2}.order-3{order:3}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-\[-8px\]{margin-left:-8px;margin-right:-8px}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-12{margin-left:3rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-4{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\!h-5{height:1.25rem!important}.h-0{height:0}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-9{height:2.25rem}.h-\[20px\]{height:20px}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[4px\]{height:4px}.h-\[80\%\]{height:80%}.h-\[80px\]{height:80px}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:24rem}.max-h-\[32px\]{max-height:32px}.max-h-\[400px\]{max-height:400px}.max-h-\[48px\]{max-height:48px}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[100px\]{min-height:100px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.\!w-5{width:1.25rem!important}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-\[100\%\]{width:100%}.w-\[176px\]{width:176px}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-\[300px\]{width:300px}.w-\[362px\]{width:362px}.w-\[363px\]{width:363px}.w-\[40px\]{width:40px}.w-\[422px\]{width:422px}.w-\[44px\]{width:44px}.w-\[64px\]{width:64px}.w-\[fit-content\]{width:-moz-fit-content;width:fit-content}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[200px\]{min-width:200px}.min-w-\[320px\]{min-width:320px}.max-w-\[130px\]{max-width:130px}.max-w-\[30\%\]{max-width:30%}.max-w-\[300px\]{max-width:300px}.max-w-\[350px\]{max-width:350px}.max-w-\[500px\]{max-width:500px}.max-w-\[65\%\]{max-width:65%}.max-w-\[784px\]{max-width:784px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{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))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-\[180deg\]{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))}.rotate-\[180deg\]{--tw-rotate:180deg}.rotate-\[90deg\]{--tw-rotate:90deg}.rotate-\[90deg\],.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))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.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-5{gap:1.25rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-x-\[4px\]{-moz-column-gap:4px;column-gap:4px}.gap-y-1{row-gap:.25rem}.gap-y-3{row-gap:.75rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75remvar(--tw-space-y-reverse));margin-top:calc(.75rem(1 - var(--tw-space-y-reverse)))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1pxvar(--tw-divide-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1pxvar(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-neutrals-400>:not([hidden])~:not([hidden]){border-color:var(--neutrals-400,#e9eef6)}.divide-neutrals-500>:not([hidden])~:not([hidden]){border-color:var(--neutrals-500,#dddfe8)}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[100px\]{border-radius:100px}.rounded-\[20px\]{border-radius:20px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-\[1px\]{border-width:1px}.border-\[2px\]{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.\!border-none{border-style:none!important}.border-none{border-style:none}.border-accent-700{border-color:var(--accent-700,#0094ff)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-hues-200{border-color:var(--hues-200,#cbd0ff)}.border-neutrals-200{border-color:var(--neutrals-200,#f3f5ff)}.border-neutrals-400{border-color:var(--neutrals-400,#e9eef6)}.border-neutrals-500{border-color:var(--neutrals-500,#dddfe8)}.border-neutrals-600{border-color:var(--neutrals-600,#cfcfcf)}.border-neutrals-800{border-color:var(--neutrals-800,#757575)}.border-primary{border-color:var(--primary,#414fff)}.border-transparent{border-color:transparent}.border-b-transparent{border-bottom-color:transparent}.bg-accent-300{background-color:var(--accent-300,#90a1ff)}.bg-blackout{background-color:var(--blackout,#090d13b3)}.bg-highlight{background-color:var(--highlight,#bedaff)}.bg-hues-100{background-color:var(--hues-100,#dfe6ff)}.bg-hues-800{background-color:var(--hues-800,#354487)}.bg-neutral-300{--tw-bg-opacity:1;background-color:rgb(212 212 212/var(--tw-bg-opacity,1))}.bg-neutrals-100{background-color:var(--neutrals-100,#f3f6fb)}.bg-neutrals-200{background-color:var(--neutrals-200,#f3f5ff)}.bg-neutrals-300{background-color:var(--neutrals-300,#f0f4f8)}.bg-neutrals-700{background-color:var(--neutrals-700,#89898b)}.bg-primary{background-color:var(--primary,#414fff)}.bg-transparent{background-color:transparent}.bg-white{background-color:var(--white,#fff)}.fill-primary{fill:var(--primary,#414fff)}.\!p-0{padding:0!important}.\!p-1{padding:.25rem!important}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[10px\]{padding:10px}.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-\[16px\]{padding-left:16px;padding-right:16px}.py-0{padding-bottom:0;padding-top:0}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-\[14px\]{padding-bottom:14px;padding-top:14px}.py-\[6px\]{padding-bottom:6px;padding-top:6px}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-\[104px\]{padding-bottom:104px}.pb-\[14px\]{padding-bottom:14px}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-\[15\%\]{padding-left:15%}.pr-0\.5{padding-right:.125rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-\[8\%\]{padding-right:8%}.pt-0{padding-top:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[20px\]{padding-top:20px}.pt-\[8px\]{padding-top:8px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.text-end{text-align:end}.align-top{vertical-align:top}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.\!text-neutrals-1000{color:var(--neutrals-1000,#2b2b2d)!important}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-hues-800{color:var(--hues-800,#354487)}.text-hues-900{color:var(--hues-900,#0d2282)}.text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity,1))}.text-neutrals-1000{color:var(--neutrals-1000,#2b2b2d)}.text-neutrals-400{color:var(--neutrals-400,#e9eef6)}.text-neutrals-500{color:var(--neutrals-500,#dddfe8)}.text-neutrals-600{color:var(--neutrals-600,#cfcfcf)}.text-neutrals-700{color:var(--neutrals-700,#89898b)}.text-neutrals-800{color:var(--neutrals-800,#757575)}.text-neutrals-900{color:var(--neutrals-900,#3f404a)}.text-primary{color:var(--primary,#414fff)}.text-semantic-error{color:var(--semantic-error,#d6323e)}.text-semantic-success{color:var(--semantic-success,#00cc6f)}.text-white{color:var(--white,#fff)}.opacity-\[0\.7\]{opacity:.7}.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-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-none{outline:2px solid transparent;outline-offset:2px}.\!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)!important}.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-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-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}body,html{color:var(--neutrals-1000,#2b2b2d);height:100%;overflow:hidden;width:100%}.base-icon-button{align-items:center;border-style:solid;border-width:1px;display:flex;flex-direction:row;justify-content:center;&:disabled{pointer-events:none}}.base-button{align-items:center;border-style:solid;border-width:1px;display:flex;flex-direction:row;justify-content:center;&:disabled{pointer-events:none}}.text-button-primary{background-color:var(--primary,#414fff);border-color:var(--primary,#414fff);color:var(--white,#fff);&:hover{color:var(--primary,#414fff)}}.text-button-secondary{border-color:var(--primary,#414fff)}.text-button-secondary,.text-button-tertiary{background-color:transparent;color:var(--primary,#414fff)}.text-button-tertiary{border-color:transparent}.loader{animation:spin 1s linear infinite;@keyframes spin{to{transform:rotate(1turn)}}&:before{content:"";display:block}}.two-lines{display:block;text-overflow:ellipsis}.two-lines:first-line{overflow:hidden}.two-lines{-webkit-box-orient:vertical;-webkit-line-clamp:2}.base-link{color:var(--primary,#414fff);&:hover{text-decoration-line:underline}}input{-moz-appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}.padding-0{padding:0!important}.flatpickr-input{border-bottom:2px var(--primary,#414fff);border-style:solid;color:var(--neutrals-1000,#2b2b2d);height:40px;padding:8px 6px;width:100%;&:focus-visible{outline:2px solid transparent;outline-offset:2px}&:active,&:hover{border-color:var(--neutrals-1000,#2b2b2d)}}.last\:mb-0:last-child{margin-bottom:0}.last\:mb-8:last-child{margin-bottom:2rem}.last\:mr-4:last-child{margin-right:1rem}.last\:pb-0:last-child{padding-bottom:0}.hover\:border-hues-600:hover{border-color:var(--hues-600,#9da4ff)}.hover\:bg-hues-100:hover{background-color:var(--hues-100,#dfe6ff)}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:opacity-100{opacity:1}@media (max-width:719px){.sm\:top-4{top:1rem}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-3{height:.75rem}.sm\:h-\[24px\]{height:24px}.sm\:h-\[32px\]{height:32px}.sm\:h-\[48px\]{height:48px}.sm\:w-\[24px\]{width:24px}.sm\:w-\[32px\]{width:32px}.sm\:w-\[calc$100\%-30px$\]{width:calc(100% - 30px)}.sm\:w-full{width:100%}.sm\:max-w-full{max-width:100%}.sm\:flex-col{flex-direction:column}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:justify-center{justify-content:center}.sm\:gap-y-4{row-gap:1rem}.sm\:border-0{border-width:0}.sm\:p-0{padding:0}.sm\:p-4{padding:1rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\:pb-2{padding-bottom:.5rem}.sm\:pb-\[60px\]{padding-bottom:60px}.sm\:pt-0{padding-top:0}.sm\:pt-10{padding-top:2.5rem}.sm\:text-center{text-align:center}.sm\:hover\:bg-white:hover{background-color:var(--white,#fff)}}@media (max-width:1279px){.lg\:right-6{right:1.5rem}}@media (min-width:720px){.sm-min\:px-4{padding-left:1rem;padding-right:1rem}}.\[\&\>svg\]\:h-\[16px\]>svg{height:16px}.\[\&\>svg\]\:w-\[16px\]>svg{width:16px}

package/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("react"),x=require("classnames"),L=require("@tabler/icons-react"),W=require("react-flatpickr"),C=require("@epam/statgpt-shared-toolkit"),h=require("@floating-ui/react"),O=()=>n.jsx("div",{className:"flex items-center justify-center h-full",children:n.jsx("div",{className:"loader"})}),I=({title:e,btnClassNames:r,iconWidth:t,iconHeight:c,onClick:o})=>n.jsx("button",{type:"button","aria-label":"button",className:r,title:e,onClick:o,children:n.jsx(L.IconX,{height:c\|\|20,width:t\|\|20})});var v=(e=>(e.ERROR="error",e.SUCCESS="success",e.IN_PROGRESS="in_progress",e))(v\|\|{});const $=({alertDetails:e,successIcon:r,errorIcon:t,onClose:c,closeButtonTitle:o})=>{const s=()=>(e==null?void 0:e.type)===v.IN_PROGRESS?"alert-in-progress":(e==null?void 0:e.type)===v.SUCCESS?"alert-success":"alert-error";return b.useEffect(()=>{(e==null?void 0:e.type)!==v.IN_PROGRESS&&setTimeout(()=>{c==null\|\|c()},5e3)},[e==null?void 0:e.type,c]),n.jsx("div",{className:x("alert alert-shadow fixed bottom-3 right-3 z-10",s()),children:n.jsxs("div",{className:"alert-content flex items-start",children:[n.jsx("div",{className:"alert-icon",children:(e==null?void 0:e.type)===v.IN_PROGRESS?n.jsx(O,{}):(e==null?void 0:e.type)===v.SUCCESS?r:t}),n.jsxs("div",{className:"flex flex-col gap-2 max-w-[300px]",children:[n.jsx("h3",{className:"truncate",children:e==null?void 0:e.title}),(e==null?void 0:e.text)&&n.jsx("div",{className:"alert-text truncate",title:e==null?void 0:e.text,children:e==null?void 0:e.text})]}),n.jsx(I,{title:o,onClick:c})]})})},B=({buttonClassName:e,isLoading:r=!1,title:t,disabled:c,iconAfter:o,iconBefore:s,onClick:l,isSmallButton:a})=>{const d=x(a?"font-semibold":"",o?"mr-2":"",s?"ml-2":"");return n.jsxs("button",{type:"button",className:x("base-button",e,a?"small-button":""),disabled:c\|\|r,"aria-label":"button",onClick:f=>l==null?void 0:l(f),title:t,children:[s,r&&n.jsx(O,{}),t?a?n.jsx("h4",{className:d,children:t}):n.jsx("h3",{className:d,children:t}):null,o]})},U=({label:e,onChange:r,value:t,options:c,calendarResolution:o=C.CalendarResolution.DAY,id:s,icon:l})=>{var N;const a=b.useRef(null);b.useEffect(()=>{var y;const i=a==null?void 0:a.current;i&&((y=i.querySelector("input"))==null\|\|y.setAttribute("aria-label",e))},[e]);const d={...c,defaultDate:o===C.CalendarResolution.MONTH?new Date(t.getFullYear(),t.getMonth()):t},f=(i,y,w)=>{const j=`calendar__${o===C.CalendarResolution.MONTH?"month":"day"}`;w.calendarContainer&&w.calendarContainer.classList.add(j)},m=(i,y,w)=>{if(o===C.CalendarResolution.MONTH&&i.length>0){const j=c.minDate,u=c.maxDate,p=i[0].getFullYear(),S=w.calendarContainer,F="flatpickr-disabled",q=S.querySelectorAll(".flatpickr-monthSelect-month"),T=S.querySelectorAll(".flatpickr-next-month")[0],G=S.querySelectorAll(".flatpickr-prev-month")[0];p===u.getFullYear()&&T.classList.add(F),p===j.getFullYear()&&G.classList.add(F),(p===j.getFullYear()\|\|p===u.getFullYear())&&q.forEach(g=>{g.classList.remove(F);const E=new Date(g.getAttribute("aria-label")),A=E.getFullYear()===j.getFullYear()&&E.getMonth()===j.getMonth(),H=E.getFullYear()===u.getFullYear()&&E.getMonth()===u.getMonth();A\|\|H\|\|(E<j\|\|E>u)&&g.classList.add(F)})}};return n.jsxs("div",{className:"relative calendar",ref:a,children:[n.jsx("div",{className:"mb-1 calendar-title",children:e}),n.jsx("label",{htmlFor:s,className:"absolute cursor-pointer right-[11px] top-[29px]",children:l\|\|n.jsx(L.IconCalendarEvent,{})}),n.jsx(W,{defaultValue:(N=o===C.CalendarResolution.MONTH?new Date(t.getFullYear(),t.getMonth()):t)==null?void 0:N.toDateString(),options:d,onChange:i=>{r(i[0])},onOpen:[m],onReady:[f],id:s})]})},z=({label:e,id:r,checked:t,checkboxIcon:c,onChange:o})=>{const s=b.useCallback(l=>{l.stopPropagation(),o==null\|\|o(r,l.target.checked)},[o,r]);return n.jsxs("label",{className:"flex items-center cursor-pointer min-w-0 py-1",htmlFor:r,children:[n.jsx("span",{className:x("flex justify-center items-center w-4 h-4 mr-2 relative","checkbox-button"),children:t&&c}),e&&n.jsx("p",{className:x("text-neutrals-1000 flex-1 min-w-0 truncate pr-2","checkbox-button-text"),title:e,children:e}),n.jsx("input",{type:"checkbox",onChange:s,id:r,checked:t,className:"hidden"})]})},K=({title:e,icon:r,children:t,value:c})=>{const[o,s]=b.useState(!1);return n.jsxs("div",{className:`collapsible-block flex flex-col border-t-2 border-neutrals-600 ${o?"collapsible-block-open":""}`,children:[n.jsxs("div",{className:"collapsible-block-title flex cursor-pointer items-center py-4",onClick:()=>s(!o),children:[n.jsx("div",{className:`${o?"rotate-180":""} transition-transform`,children:r\|\|n.jsx(L.IconChevronDown,{className:"w-5 h-5 mr-3"})}),n.jsxs("div",{className:"flex flex-1 items-center justify-between",children:[n.jsx("span",{children:e}),c&&n.jsx("p",{className:"body-1 text-neutrals-800",children:c})]})]}),o&&n.jsx("div",{className:"collapsible-block-content pb-4",children:t})]})},Q=({text:e,highlightText:r})=>{const t=b.useMemo(()=>{var l;const c=[];if(!r)return[{id:0,text:e,highlight:!1}];const o=(r==null?void 0:r.toLowerCase())\|\|"",s=((l=e==null?void 0:e.toLowerCase())==null?void 0:l.split(o))\|\|"";for(let a=0,d=0;a<(s==null?void 0:s.length);a++){const f=s==null?void 0:s[a],m=f.length;f!==""&&c.push({id:c.length,highlight:!1,text:e==null?void 0:e.substring(d,d+m)}),d+=m,a!==(s==null?void 0:s.length)-1&&(c.push({id:c.length,highlight:!0,text:e==null?void 0:e.substring(d,d+r.length)}),d+=r.length)}return c},[r,e]);return n.jsx(n.Fragment,{children:t.map(c=>n.jsx("span",{className:x((c==null?void 0:c.highlight)&&"bg-highlight"),children:c==null?void 0:c.text},c==null?void 0:c.id))})},Z=({icon:e,onClick:r,buttonClassName:t,disabled:c,title:o,isBaseIconStyles:s=!0})=>n.jsx("button",{type:"button",className:x(s&&"base-icon-button",t),onClick:l=>r==null?void 0:r(l),disabled:c,title:o,"aria-label":"button",children:e}),P=({value:e,inputId:r,placeholder:t="",cssClass:c="",type:o="text",disabled:s,readonly:l,onChange:a,onKeyDown:d})=>{const f=x("truncate outline-none shadow-none body-1",c,l?"pointer-events-none":"");return n.jsx("input",{type:o,autoComplete:"off",id:r,placeholder:t,value:e\|\|"",title:e?String(e):"",disabled:s,className:f,onKeyDown:d,onChange:m=>a==null?void 0:a(m.currentTarget.value)})},X=({iconBeforeInput:e,iconAfterInput:r,containerClasses:t,cssClass:c,...o})=>n.jsxs("div",{className:x("input w-full flex flex-row",t),children:[e,n.jsx(P,{cssClass:x("border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",c),...o}),r]}),J=({url:e,title:r,linkClassName:t="",iconBefore:c,iconAfter:o})=>{const s=x(o?"mr-2":"",c?"ml-2":"");return n.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:x("base-link",t),title:r,children:[c,n.jsx("span",{className:s,children:r}),o]})},V=({title:e,text:r,onClick:t})=>n.jsx("button",{type:"button",className:"tag flex items-center justify-center",onClick:()=>t==null?void 0:t(r\|\|e),"aria-label":"button",children:n.jsx("h4",{children:e})}),D=({label:e,id:r,checked:t,radioIcon:c,description:o,onChange:s})=>{const l=b.useCallback(a=>{a.stopPropagation(),s==null\|\|s(r,a.target.checked)},[s,r]);return n.jsxs("label",{className:"flex flex-col cursor-pointer min-w-0 py-[6px]",htmlFor:r,children:[n.jsxs("p",{className:"radio-label flex items-center min-w-0",children:[n.jsx("span",{className:x("flex justify-center items-center w-4 h-4 mr-2 relative","radio-button",t?"radio-button-active":""),children:t&&c}),e&&n.jsx("span",{className:"radio-title body-1 text-neutrals-1000 flex-1 min-w-0 truncate pr-2",title:e,children:e})]}),o&&n.jsx("span",{className:"radio-description ml-6 text-neutrals-800 body-2 w-auto flex items-center",title:o,children:o}),n.jsx("input",{type:"radio",onChange:l,id:r,checked:t,className:"hidden"})]})};var R=(e=>(e.Closed="Closed",e.Opened="Opened",e))(R\|\|{}),_=(e=>(e.LG="Large",e.SM="Small",e))(_\|\|{});const M=({portalId:e,state:r=R.Opened,heading:t,size:c,onClose:o,children:s,overlayClassName:l,containerClassName:a,dividers:d=!0,closeButtonTitle:f})=>{const{refs:m,context:N}=h.useFloating({open:r!==R.Closed&&!!r,onOpenChange:o}),i=h.useRole(N,{role:"dialog"}),y=h.useDismiss(N,{outsidePress:!0}),{getFloatingProps:w}=h.useInteractions([i,y]),j=b.useCallback(u=>{u==null\|\|u.preventDefault(),u==null\|\|u.stopPropagation(),o()},[o]);return n.jsx(h.FloatingPortal,{id:e,children:r!==R.Closed&&n.jsx(h.FloatingOverlay,{className:x("z-modal flex items-center justify-center bg-blackout p-4",l),children:n.jsx(h.FloatingFocusManager,{context:N,children:n.jsxs("div",{className:x("relative max-h-full modal rounded bg-white flex flex-col shadow w-full",c===_.LG&&"max-w-[65%]",c===_.SM&&"max-w-[30%]",d&&"divide-neutrals-400 divide-y",a,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:m.setFloating,...w({onClick(u){u.stopPropagation()}}),children:[n.jsxs("div",{className:"flex flex-row justify-between py-3 px-6 items-center mb-2 modal-heading sm:p-0 sm:pb-2",children:[t&&(typeof t=="string"?n.jsx("h2",{className:"flex-1 min-w-0 mr-3 modal-heading-title sm:h3",children:t}):t),n.jsx(I,{title:f,onClick:j,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),s.map(u=>u)]})})})})},ee=e=>e.state===R.Closed?null:n.jsx(M,{...e}),ne=({triggerButton:e,options:r,content:t,selectedOption:c,disabled:o,containerClassName:s,openedClassName:l,onOptionSelect:a})=>{const[d,f]=b.useState(!1),{refs:m,floatingStyles:N,context:i}=h.useFloating({open:d,onOpenChange:o?void 0:f,placement:"bottom-end",middleware:[h.offset(8),h.flip(),h.shift()],whileElementsMounted:h.autoUpdate}),y=h.useClick(i),w=h.useDismiss(i,{outsidePress:!0}),{getReferenceProps:j,getFloatingProps:u}=h.useInteractions([y,w]);return n.jsxs(n.Fragment,{children:[n.jsx("div",{ref:m.setReference,...j({onClick(p){p.stopPropagation()}}),className:x(s,d&&l),children:e}),d&&n.jsxs("div",{ref:m.setFloating,style:N,className:"flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",...u(),children:[t&&t,r&&r.map(p=>n.jsx("div",{onClick:S=>{S.stopPropagation(),a==null\|\|a(p.key),f(!1)},className:x("text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",c===p.key&&"bg-hues-100"),children:n.jsxs("div",{className:"p-2 hover:bg-hues-100 h-full dropdown-item-text flex items-center gap-x-2",title:p.title,children:[p.icon?p.icon:null,n.jsx("p",{children:p==null?void 0:p.title})]})},p.key))]})]})},re=({limitMessages:e,query:r})=>n.jsxs("div",{className:"bg-hues-100 px-2 py-1 flex justify-between flex-wrap items-center",children:[n.jsx("div",{className:"flex gap-x-[4px]",children:n.jsx("div",{className:"flex flex-col",children:n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsxs("span",{className:"text-primary h5",children:[e==null?void 0:e.excelFormatTitle," "]}),n.jsx("span",{className:"text-neutrals-800 body-3",children:e==null?void 0:e.excelFormatText})]})})}),n.jsx("a",{href:r,target:"_blank",children:n.jsxs("span",{className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.dataExplorerIcon,e==null?void 0:e.dataExplorer]})})]}),k=1e3,ce=({limitMessages:e,isDownload:r,showAdvancedViewButton:t,onAdvancedViewClick:c,query:o})=>{var s,l;return n.jsxs("div",{className:"bg-accent-300 px-2 py-1 flex justify-between flex-wrap items-center",children:[n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsx("span",{children:e==null?void 0:e.warningIcon}),n.jsxs("div",{className:"flex flex-col",children:[n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsxs("span",{className:"text-primary h5",children:[e==null?void 0:e.largeQuery,":"," "]}),n.jsx("span",{className:"text-neutrals-800 body-3",children:r?(s=e==null?void 0:e.downloadMessage)==null?void 0:s.call(e,k):(l=e==null?void 0:e.showingLimit)==null?void 0:l.call(e,k)})]}),r&&n.jsx("span",{className:"text-neutrals-800 body-3",children:e==null?void 0:e.fullLimitMessage})]})]}),t&&n.jsxs("span",{onClick:()=>c==null?void 0:c(),className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.editIcon,e==null?void 0:e.refineInAdvancedView]}),r&&n.jsx("a",{href:o\|\|"",target:"_blank",children:n.jsxs("span",{className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.dataExplorerIcon,e==null?void 0:e.dataExplorer]})})]})},te=24,oe=24;function se(e=719){const[r,t]=b.useState(()=>typeof window<"u"?window.innerWidth<e:!1);return b.useEffect(()=>{const c=window.matchMedia(`(max-width: ${e}px)`),o=s=>{t(s.matches)};return t(c.matches),c.addEventListener("change",o),()=>c.removeEventListener("change",o)},[e]),r}function ae(e,r){const t=b.useRef(null);return b.useCallback((...o)=>{t.current&&clearTimeout(t.current),t.current=setTimeout(()=>{e(...o)},r)},[e,r])}var Y=(e=>(e.Enter="Enter",e))(Y\|\|{});exports.Alert=$;exports.AlertType=v;exports.Button=B;exports.Calendar=U;exports.Checkbox=z;exports.CloseButton=I;exports.CollapsibleBlock=K;exports.DownloadFormatMessage=re;exports.Dropdown=ne;exports.HighlightText=Q;exports.IconButton=Z;exports.Input=P;exports.InputWithIcon=X;exports.KeyboardKey=Y;exports.Link=J;exports.Loader=O;exports.PopUpSize=_;exports.PopUpState=R;exports.Popup=ee;exports.Radio=D;exports.RequestLimitMessage=ce;exports.SERIES_LIMIT=k;exports.TREE_NODE_ARROW_SIZE=te;exports.TREE_NODE_PADDING=oe;exports.Tag=V;exports.useDebounce=ae;exports.useIsMobile=se;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),h=require("classnames"),L=require("@tabler/icons-react"),A=require("react-flatpickr"),C=require("@epam/statgpt-shared-toolkit"),f=require("@floating-ui/react"),O=()=>n.jsx("div",{className:"flex items-center justify-center h-full",children:n.jsx("div",{className:"loader"})}),I=({title:e,btnClassNames:r,iconWidth:c,iconHeight:t,onClick:o})=>n.jsx("button",{type:"button","aria-label":"button",className:r,title:e,onClick:o,children:n.jsx(L.IconX,{height:t\|\|20,width:c\|\|20})});var v=(e=>(e.ERROR="error",e.SUCCESS="success",e.IN_PROGRESS="in_progress",e))(v\|\|{});const B=({alertDetails:e,successIcon:r,errorIcon:c,onClose:t,closeButtonTitle:o})=>{const s=()=>(e==null?void 0:e.type)===v.IN_PROGRESS?"alert-in-progress":(e==null?void 0:e.type)===v.SUCCESS?"alert-success":"alert-error";return m.useEffect(()=>{(e==null?void 0:e.type)!==v.IN_PROGRESS&&setTimeout(()=>{t==null\|\|t()},5e3)},[e==null?void 0:e.type,t]),n.jsx("div",{className:h("alert alert-shadow fixed bottom-3 right-3 z-10",s()),children:n.jsxs("div",{className:"alert-content flex items-start",children:[n.jsx("div",{className:"alert-icon",children:(e==null?void 0:e.type)===v.IN_PROGRESS?n.jsx(O,{}):(e==null?void 0:e.type)===v.SUCCESS?r:c}),n.jsxs("div",{className:"flex flex-col gap-2 max-w-[300px]",children:[n.jsx("h3",{className:"truncate",children:e==null?void 0:e.title}),(e==null?void 0:e.text)&&n.jsx("div",{className:"alert-text truncate",title:e==null?void 0:e.text,children:e==null?void 0:e.text})]}),n.jsx(I,{title:o,onClick:t})]})})},W=({buttonClassName:e,isLoading:r=!1,title:c,disabled:t,iconAfter:o,iconBefore:s,onClick:l,isSmallButton:a})=>{const u=h(a?"font-semibold":"",o?"mr-2":"",s?"ml-2":"");return n.jsxs("button",{type:"button",className:h("base-button",e,a?"small-button":""),disabled:t\|\|r,"aria-label":"button",onClick:i=>l==null?void 0:l(i),title:c,children:[s,r&&n.jsx(O,{}),c?a?n.jsx("h4",{className:u,children:c}):n.jsx("h3",{className:u,children:c}):null,o]})},U=({label:e,onChange:r,value:c,options:t,calendarResolution:o=C.CalendarResolution.DAY,id:s,icon:l})=>{var y;const a=m.useRef(null);m.useEffect(()=>{var w;const b=a==null?void 0:a.current;b&&((w=b.querySelector("input"))==null\|\|w.setAttribute("aria-label",e))},[e]);const u={...t,disableMobile:!0,defaultDate:o===C.CalendarResolution.MONTH?new Date(c.getFullYear(),c.getMonth()):c},i=(b,w,N)=>{const p=`calendar__${o===C.CalendarResolution.MONTH?"month":"day"}`;N.calendarContainer&&N.calendarContainer.classList.add(p)},j=(b,w,N)=>{if(o===C.CalendarResolution.MONTH&&b.length>0){const p=t.minDate,d=t.maxDate,x=b[0].getFullYear(),S=N.calendarContainer,F="flatpickr-disabled",T=S.querySelectorAll(".flatpickr-monthSelect-month"),q=S.querySelectorAll(".flatpickr-next-month")[0],G=S.querySelectorAll(".flatpickr-prev-month")[0];x===d.getFullYear()&&q.classList.add(F),x===p.getFullYear()&&G.classList.add(F),(x===p.getFullYear()\|\|x===d.getFullYear())&&T.forEach(_=>{_.classList.remove(F);const E=new Date(_.getAttribute("aria-label")),H=E.getFullYear()===p.getFullYear()&&E.getMonth()===p.getMonth(),$=E.getFullYear()===d.getFullYear()&&E.getMonth()===d.getMonth();H\|\|$\|\|(E<p\|\|E>d)&&_.classList.add(F)})}setTimeout(()=>{var x;const p=N.calendarContainer,d=(x=N._input)==null?void 0:x.getBoundingClientRect();p&&(p.style.left=`${d.left}px`,p.style.top=`${d.top-p.offsetHeight-8}px`,p.style.width=`${d.width}px`)},0)};return n.jsxs("div",{className:"relative calendar",ref:a,children:[n.jsx("div",{className:"mb-1 calendar-title",children:e}),n.jsx("label",{htmlFor:s,className:"absolute cursor-pointer right-[11px] top-[29px]",children:l\|\|n.jsx(L.IconCalendarEvent,{})}),n.jsx(A,{defaultValue:(y=o===C.CalendarResolution.MONTH?new Date(c.getFullYear(),c.getMonth()):c)==null?void 0:y.toDateString(),options:u,onChange:b=>{r(b[0])},onOpen:[j],onReady:[i],id:s})]})},z=({label:e,id:r,checked:c,checkboxIcon:t,onChange:o})=>{const s=m.useCallback(l=>{l.stopPropagation(),o==null\|\|o(r,l.target.checked)},[o,r]);return n.jsxs("label",{className:"flex items-center cursor-pointer min-w-0 py-1",htmlFor:r,children:[n.jsx("span",{className:h("flex justify-center items-center w-4 h-4 mr-2 relative","checkbox-button"),children:c&&t}),e&&n.jsx("p",{className:h("text-neutrals-1000 flex-1 min-w-0 truncate pr-2","checkbox-button-text"),title:e,children:e}),n.jsx("input",{type:"checkbox",onChange:s,id:r,checked:c,className:"hidden"})]})},K=({title:e,icon:r,children:c,value:t})=>{const[o,s]=m.useState(!1);return n.jsxs("div",{className:`collapsible-block flex flex-col border-t-2 border-neutrals-600 ${o?"collapsible-block-open":""}`,children:[n.jsxs("div",{className:"collapsible-block-title flex cursor-pointer items-center py-4",onClick:()=>s(!o),children:[n.jsx("div",{className:`${o?"rotate-180":""} transition-transform`,children:r\|\|n.jsx(L.IconChevronDown,{className:"w-5 h-5 mr-3"})}),n.jsxs("div",{className:"flex flex-1 items-center justify-between",children:[n.jsx("span",{children:e}),t&&n.jsx("p",{className:"body-1 text-neutrals-800",children:t})]})]}),o&&n.jsx("div",{className:"collapsible-block-content pb-4",children:c})]})},Q=({text:e,highlightText:r})=>{const c=m.useMemo(()=>{var l;const t=[];if(!r)return[{id:0,text:e,highlight:!1}];const o=(r==null?void 0:r.toLowerCase())\|\|"",s=((l=e==null?void 0:e.toLowerCase())==null?void 0:l.split(o))\|\|"";for(let a=0,u=0;a<(s==null?void 0:s.length);a++){const i=s==null?void 0:s[a],j=i.length;i!==""&&t.push({id:t.length,highlight:!1,text:e==null?void 0:e.substring(u,u+j)}),u+=j,a!==(s==null?void 0:s.length)-1&&(t.push({id:t.length,highlight:!0,text:e==null?void 0:e.substring(u,u+r.length)}),u+=r.length)}return t},[r,e]);return n.jsx(n.Fragment,{children:c.map(t=>n.jsx("span",{className:h((t==null?void 0:t.highlight)&&"bg-highlight"),children:t==null?void 0:t.text},t==null?void 0:t.id))})},Z=({icon:e,onClick:r,buttonClassName:c,disabled:t,title:o,isBaseIconStyles:s=!0})=>n.jsx("button",{type:"button",className:h(s&&"base-icon-button",c),onClick:l=>r==null?void 0:r(l),disabled:t,title:o,"aria-label":"button",children:e}),P=({value:e,inputId:r,placeholder:c="",cssClass:t="",type:o="text",disabled:s,readonly:l,onChange:a,onKeyDown:u})=>{const i=h("truncate outline-none shadow-none body-1",t,l?"pointer-events-none":"");return n.jsx("input",{type:o,autoComplete:"off",id:r,placeholder:c,value:e\|\|"",title:e?String(e):"",disabled:s,className:i,onKeyDown:u,onChange:j=>a==null?void 0:a(j.currentTarget.value)})},X=({iconBeforeInput:e,iconAfterInput:r,containerClasses:c,cssClass:t,...o})=>n.jsxs("div",{className:h("input w-full flex flex-row",c),children:[e,n.jsx(P,{cssClass:h("border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",t),...o}),r]}),J=({url:e,title:r,linkClassName:c="",iconBefore:t,iconAfter:o})=>{const s=h(o?"mr-2":"",t?"ml-2":"");return n.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:h("base-link",c),title:r,children:[t,n.jsx("span",{className:s,children:r}),o]})},V=({title:e,text:r,onClick:c})=>n.jsx("button",{type:"button",className:"tag flex items-center justify-center",onClick:()=>c==null?void 0:c(r\|\|e),"aria-label":"button",children:n.jsx("h4",{children:e})}),D=({label:e,id:r,checked:c,radioIcon:t,description:o,onChange:s})=>{const l=m.useCallback(a=>{a.stopPropagation(),s==null\|\|s(r,a.target.checked)},[s,r]);return n.jsxs("label",{className:"flex flex-col cursor-pointer min-w-0 py-[6px]",htmlFor:r,children:[n.jsxs("p",{className:"radio-label flex items-center min-w-0",children:[n.jsx("span",{className:h("flex justify-center items-center w-4 h-4 mr-2 relative","radio-button",c?"radio-button-active":""),children:c&&t}),e&&n.jsx("span",{className:"radio-title body-1 text-neutrals-1000 flex-1 min-w-0 truncate pr-2",title:e,children:e})]}),o&&n.jsx("span",{className:"radio-description ml-6 text-neutrals-800 body-2 w-auto flex items-center",title:o,children:o}),n.jsx("input",{type:"radio",onChange:l,id:r,checked:c,className:"hidden"})]})};var R=(e=>(e.Closed="Closed",e.Opened="Opened",e))(R\|\|{}),g=(e=>(e.LG="Large",e.SM="Small",e))(g\|\|{});const M=({portalId:e,state:r=R.Opened,heading:c,size:t,onClose:o,children:s,overlayClassName:l,containerClassName:a,dividers:u=!0,closeButtonTitle:i})=>{const{refs:j,context:y}=f.useFloating({open:r!==R.Closed&&!!r,onOpenChange:o}),b=f.useRole(y,{role:"dialog"}),w=f.useDismiss(y,{outsidePress:!0}),{getFloatingProps:N}=f.useInteractions([b,w]),p=m.useCallback(d=>{d==null\|\|d.preventDefault(),d==null\|\|d.stopPropagation(),o()},[o]);return n.jsx(f.FloatingPortal,{id:e,children:r!==R.Closed&&n.jsx(f.FloatingOverlay,{className:h("z-modal flex items-center justify-center bg-blackout p-4",l),children:n.jsx(f.FloatingFocusManager,{context:y,children:n.jsxs("div",{className:h("relative max-h-full modal rounded bg-white flex flex-col shadow w-full",t===g.LG&&"max-w-[65%]",t===g.SM&&"max-w-[30%]",u&&"divide-neutrals-400 divide-y",a,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:j.setFloating,...N({onClick(d){d.stopPropagation()}}),children:[n.jsxs("div",{className:"flex flex-row justify-between py-3 px-6 items-center mb-2 modal-heading sm:p-0 sm:pb-2",children:[c&&(typeof c=="string"?n.jsx("h2",{className:"flex-1 min-w-0 mr-3 modal-heading-title sm:h3",children:c}):c),n.jsx(I,{title:i,onClick:p,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),s.map(d=>d)]})})})})},ee=e=>e.state===R.Closed?null:n.jsx(M,{...e}),ne=({triggerButton:e,options:r,content:c,selectedOption:t,disabled:o,containerClassName:s,openedClassName:l,onOptionSelect:a})=>{const[u,i]=m.useState(!1),{refs:j,floatingStyles:y,context:b}=f.useFloating({open:u,onOpenChange:o?void 0:i,placement:"bottom-end",middleware:[f.offset(8),f.flip(),f.shift()],whileElementsMounted:f.autoUpdate}),w=f.useClick(b),N=f.useDismiss(b,{outsidePress:!0}),{getReferenceProps:p,getFloatingProps:d}=f.useInteractions([w,N]);return n.jsxs(n.Fragment,{children:[n.jsx("div",{ref:j.setReference,...p({onClick(x){x.stopPropagation()}}),className:h(s,u&&l),children:e}),u&&n.jsxs("div",{ref:j.setFloating,style:y,className:"flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",...d(),children:[c&&c,r&&r.map(x=>n.jsx("div",{onClick:S=>{S.stopPropagation(),a==null\|\|a(x.key),i(!1)},className:h("text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",t===x.key&&"bg-hues-100"),children:n.jsxs("div",{className:"p-2 hover:bg-hues-100 h-full dropdown-item-text flex items-center gap-x-2",title:x.title,children:[x.icon?x.icon:null,n.jsx("p",{children:x==null?void 0:x.title})]})},x.key))]})]})},re=({limitMessages:e,query:r})=>n.jsxs("div",{className:"bg-hues-100 px-2 py-1 flex justify-between flex-wrap items-center",children:[n.jsx("div",{className:"flex gap-x-[4px]",children:n.jsx("div",{className:"flex flex-col",children:n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsxs("span",{className:"text-primary h5",children:[e==null?void 0:e.excelFormatTitle," "]}),n.jsx("span",{className:"text-neutrals-800 body-3",children:e==null?void 0:e.excelFormatText})]})})}),n.jsx("a",{href:r,target:"_blank",children:n.jsxs("span",{className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.dataExplorerIcon,e==null?void 0:e.dataExplorer]})})]}),k=1e3,te=({limitMessages:e,isDownload:r,showAdvancedViewButton:c,onAdvancedViewClick:t,query:o})=>{var s,l;return n.jsxs("div",{className:"bg-accent-300 px-2 py-1 flex justify-between flex-wrap items-center",children:[n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsx("span",{children:e==null?void 0:e.warningIcon}),n.jsxs("div",{className:"flex flex-col",children:[n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsxs("span",{className:"text-primary h5",children:[e==null?void 0:e.largeQuery,":"," "]}),n.jsx("span",{className:"text-neutrals-800 body-3",children:r?(s=e==null?void 0:e.downloadMessage)==null?void 0:s.call(e,k):(l=e==null?void 0:e.showingLimit)==null?void 0:l.call(e,k)})]}),r&&n.jsx("span",{className:"text-neutrals-800 body-3",children:e==null?void 0:e.fullLimitMessage})]})]}),c&&n.jsxs("span",{onClick:()=>t==null?void 0:t(),className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.editIcon,e==null?void 0:e.refineInAdvancedView]}),r&&n.jsx("a",{href:o\|\|"",target:"_blank",children:n.jsxs("span",{className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.dataExplorerIcon,e==null?void 0:e.dataExplorer]})})]})},ce=24,oe=24;function se(e=719){const[r,c]=m.useState(()=>typeof window<"u"?window.innerWidth<e:!1);return m.useEffect(()=>{const t=window.matchMedia(`(max-width: ${e}px)`),o=s=>{c(s.matches)};return c(t.matches),t.addEventListener("change",o),()=>t.removeEventListener("change",o)},[e]),r}function ae(e,r){const c=m.useRef(null);return m.useCallback((...o)=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{e(...o)},r)},[e,r])}var Y=(e=>(e.Enter="Enter",e))(Y\|\|{});exports.Alert=B;exports.AlertType=v;exports.Button=W;exports.Calendar=U;exports.Checkbox=z;exports.CloseButton=I;exports.CollapsibleBlock=K;exports.DownloadFormatMessage=re;exports.Dropdown=ne;exports.HighlightText=Q;exports.IconButton=Z;exports.Input=P;exports.InputWithIcon=X;exports.KeyboardKey=Y;exports.Link=J;exports.Loader=O;exports.PopUpSize=g;exports.PopUpState=R;exports.Popup=ee;exports.Radio=D;exports.RequestLimitMessage=te;exports.SERIES_LIMIT=k;exports.TREE_NODE_ARROW_SIZE=ce;exports.TREE_NODE_PADDING=oe;exports.Tag=V;exports.useDebounce=ae;exports.useIsMobile=se;

package/index.mjs CHANGED Viewed

@@ -1,11 +1,11 @@
 import { jsx as t, jsxs as l, Fragment as Y } from "react/jsx-runtime";
-import { useEffect as k, useRef as j, useCallback as C, useState as P, useMemo as z } from "react";
-import h from "classnames";
-import { IconX as X, IconCalendarEvent as Z, IconChevronDown as B } from "@tabler/icons-react";
+import { useEffect as O, useRef as j, useCallback as _, useState as k, useMemo as z } from "react";
+import m from "classnames";
+import { IconX as B, IconCalendarEvent as X, IconChevronDown as Z } from "@tabler/icons-react";
 import J from "react-flatpickr";
-import { CalendarResolution as S } from "@epam/statgpt-shared-toolkit";
+import { CalendarResolution as R } from "@epam/statgpt-shared-toolkit";
 import { useFloating as I, useRole as K, useDismiss as G, useInteractions as H, FloatingPortal as V, FloatingOverlay as D, FloatingFocusManager as M, autoUpdate as nn, offset as en, flip as rn, shift as cn, useClick as tn } from "@floating-ui/react";
-const q = () => /* @__PURE__ */ t("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ t("div", { className: "loader" }) }), T = ({
+const $ = () => /* @__PURE__ */ t("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ t("div", { className: "loader" }) }), T = ({
   title: n,
   btnClassNames: e,
   iconWidth: c,
@@ -19,7 +19,7 @@ const q = () => /* @__PURE__ */ t("div", { className: "flex items-center justify
     className: e,
     title: n,
     onClick: o,
-    children: /* @__PURE__ */ t(X, { height: r || 20, width: c || 20 })
+    children: /* @__PURE__ */ t(B, { height: r || 20, width: c || 20 })
   }
 );
 var E = /* @__PURE__ */ ((n) => (n.ERROR = "error", n.SUCCESS = "success", n.IN_PROGRESS = "in_progress", n))(E || {});
@@ -31,19 +31,19 @@ const bn = ({
   closeButtonTitle: o
 }) => {
   const a = () => (n == null ? void 0 : n.type) === E.IN_PROGRESS ? "alert-in-progress" : (n == null ? void 0 : n.type) === E.SUCCESS ? "alert-success" : "alert-error";
-  return k(() => {
+  return O(() => {
     (n == null ? void 0 : n.type) !== E.IN_PROGRESS && setTimeout(() => {
       r == null || r();
     }, 5e3);
   }, [n == null ? void 0 : n.type, r]), /* @__PURE__ */ t(
     "div",
     {
-      className: h(
+      className: m(
         "alert alert-shadow fixed bottom-3 right-3 z-10",
         a()
       ),
       children: /* @__PURE__ */ l("div", { className: "alert-content flex items-start", children: [
-        /* @__PURE__ */ t("div", { className: "alert-icon", children: (n == null ? void 0 : n.type) === E.IN_PROGRESS ? /* @__PURE__ */ t(q, {}) : (n == null ? void 0 : n.type) === E.SUCCESS ? e : c }),
+        /* @__PURE__ */ t("div", { className: "alert-icon", children: (n == null ? void 0 : n.type) === E.IN_PROGRESS ? /* @__PURE__ */ t($, {}) : (n == null ? void 0 : n.type) === E.SUCCESS ? e : c }),
         /* @__PURE__ */ l("div", { className: "flex flex-col gap-2 max-w-[300px]", children: [
           /* @__PURE__ */ t("h3", { className: "truncate", children: n == null ? void 0 : n.title }),
           (n == null ? void 0 : n.text) && /* @__PURE__ */ t("div", { className: "alert-text truncate", title: n == null ? void 0 : n.text, children: n == null ? void 0 : n.text })
@@ -62,7 +62,7 @@ const bn = ({
   onClick: u,
   isSmallButton: d
 }) => {
-  const s = h(
+  const p = m(
     d ? "font-semibold" : "",
     o ? "mr-2" : "",
     a ? "ml-2" : ""
@@ -71,19 +71,19 @@ const bn = ({
     "button",
     {
       type: "button",
-      className: h(
+      className: m(
         "base-button",
         n,
         d ? "small-button" : ""
       ),
       disabled: r || e,
       "aria-label": "button",
-      onClick: (m) => u == null ? void 0 : u(m),
+      onClick: (i) => u == null ? void 0 : u(i),
       title: c,
       children: [
         a,
-        e && /* @__PURE__ */ t(q, {}),
-        c ? d ? /* @__PURE__ */ t("h4", { className: s, children: c }) : /* @__PURE__ */ t("h3", { className: s, children: c }) : null,
+        e && /* @__PURE__ */ t($, {}),
+        c ? d ? /* @__PURE__ */ t("h4", { className: p, children: c }) : /* @__PURE__ */ t("h3", { className: p, children: c }) : null,
         o
       ]
     }
@@ -93,38 +93,44 @@ const bn = ({
   onChange: e,
   value: c,
   options: r,
-  calendarResolution: o = S.DAY,
+  calendarResolution: o = R.DAY,
   id: a,
   icon: u
 }) => {
-  var N;
+  var w;
   const d = j(null);
-  k(() => {
-    var w;
+  O(() => {
+    var y;
     const b = d == null ? void 0 : d.current;
-    b && ((w = b.querySelector("input")) == null || w.setAttribute("aria-label", n));
+    b && ((y = b.querySelector("input")) == null || y.setAttribute("aria-label", n));
   }, [n]);
-  const s = {
+  const p = {
     ...r,
-    defaultDate: o === S.MONTH ? new Date(c.getFullYear(), c.getMonth()) : c
-  }, m = (b, w, y) => {
-    const x = `calendar__${o === S.MONTH ? "month" : "day"}`;
-    y.calendarContainer && y.calendarContainer.classList.add(x);
-  }, i = (b, w, y) => {
-    if (o === S.MONTH && b.length > 0) {
-      const x = r.minDate, p = r.maxDate, f = b[0].getFullYear(), F = y.calendarContainer, _ = "flatpickr-disabled", $ = F.querySelectorAll(
+    disableMobile: !0,
+    defaultDate: o === R.MONTH ? new Date(c.getFullYear(), c.getMonth()) : c
+  }, i = (b, y, N) => {
+    const f = `calendar__${o === R.MONTH ? "month" : "day"}`;
+    N.calendarContainer && N.calendarContainer.classList.add(f);
+  }, x = (b, y, N) => {
+    if (o === R.MONTH && b.length > 0) {
+      const f = r.minDate, s = r.maxDate, h = b[0].getFullYear(), F = N.calendarContainer, C = "flatpickr-disabled", q = F.querySelectorAll(
         ".flatpickr-monthSelect-month"
       ), A = F.querySelectorAll(
         ".flatpickr-next-month"
       )[0], W = F.querySelectorAll(
         ".flatpickr-prev-month"
       )[0];
-      f === p.getFullYear() && A.classList.add(_), f === x.getFullYear() && W.classList.add(_), (f === x.getFullYear() || f === p.getFullYear()) && $.forEach((L) => {
-        L.classList.remove(_);
-        const v = new Date(L.getAttribute("aria-label")), Q = v.getFullYear() === x.getFullYear() && v.getMonth() === x.getMonth(), U = v.getFullYear() === p.getFullYear() && v.getMonth() === p.getMonth();
-        Q || U || (v < x || v > p) && L.classList.add(_);
+      h === s.getFullYear() && A.classList.add(C), h === f.getFullYear() && W.classList.add(C), (h === f.getFullYear() || h === s.getFullYear()) && q.forEach((g) => {
+        g.classList.remove(C);
+        const v = new Date(g.getAttribute("aria-label")), Q = v.getFullYear() === f.getFullYear() && v.getMonth() === f.getMonth(), U = v.getFullYear() === s.getFullYear() && v.getMonth() === s.getMonth();
+        Q || U || (v < f || v > s) && g.classList.add(C);
       });
     }
+    setTimeout(() => {
+      var h;
+      const f = N.calendarContainer, s = (h = N._input) == null ? void 0 : h.getBoundingClientRect();
+      f && (f.style.left = `${s.left}px`, f.style.top = `${s.top - f.offsetHeight - 8}px`, f.style.width = `${s.width}px`);
+    }, 0);
   };
   return /* @__PURE__ */ l("div", { className: "relative calendar", ref: d, children: [
     /* @__PURE__ */ t("div", { className: "mb-1 calendar-title", children: n }),
@@ -133,19 +139,19 @@ const bn = ({
       {
         htmlFor: a,
         className: "absolute cursor-pointer right-[11px] top-[29px]",
-        children: u || /* @__PURE__ */ t(Z, {})
+        children: u || /* @__PURE__ */ t(X, {})
       }
     ),
     /* @__PURE__ */ t(
       J,
       {
-        defaultValue: (N = o === S.MONTH ? new Date(c.getFullYear(), c.getMonth()) : c) == null ? void 0 : N.toDateString(),
-        options: s,
+        defaultValue: (w = o === R.MONTH ? new Date(c.getFullYear(), c.getMonth()) : c) == null ? void 0 : w.toDateString(),
+        options: p,
         onChange: (b) => {
           e(b[0]);
         },
-        onOpen: [i],
-        onReady: [m],
+        onOpen: [x],
+        onReady: [i],
         id: a
       }
     )
@@ -157,7 +163,7 @@ const bn = ({
   checkboxIcon: r,
   onChange: o
 }) => {
-  const a = C(
+  const a = _(
     (u) => {
       u.stopPropagation(), o == null || o(e, u.target.checked);
     },
@@ -172,7 +178,7 @@ const bn = ({
         /* @__PURE__ */ t(
           "span",
           {
-            className: h(
+            className: m(
               "flex justify-center items-center w-4 h-4 mr-2 relative",
               "checkbox-button"
             ),
@@ -182,7 +188,7 @@ const bn = ({
         n && /* @__PURE__ */ t(
           "p",
           {
-            className: h(
+            className: m(
               "text-neutrals-1000 flex-1 min-w-0 truncate pr-2",
               "checkbox-button-text"
             ),
@@ -209,7 +215,7 @@ const bn = ({
   children: c,
   value: r
 }) => {
-  const [o, a] = P(!1);
+  const [o, a] = k(!1);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -221,7 +227,7 @@ const bn = ({
             className: "collapsible-block-title flex cursor-pointer items-center py-4",
             onClick: () => a(!o),
             children: [
-              /* @__PURE__ */ t("div", { className: `${o ? "rotate-180" : ""} transition-transform`, children: e || /* @__PURE__ */ t(B, { className: "w-5 h-5 mr-3" }) }),
+              /* @__PURE__ */ t("div", { className: `${o ? "rotate-180" : ""} transition-transform`, children: e || /* @__PURE__ */ t(Z, { className: "w-5 h-5 mr-3" }) }),
               /* @__PURE__ */ l("div", { className: "flex flex-1 items-center justify-between", children: [
                 /* @__PURE__ */ t("span", { children: n }),
                 r && /* @__PURE__ */ t("p", { className: "body-1 text-neutrals-800", children: r })
@@ -240,30 +246,30 @@ const bn = ({
     if (!e)
       return [{ id: 0, text: n, highlight: !1 }];
     const o = (e == null ? void 0 : e.toLowerCase()) || "", a = ((u = n == null ? void 0 : n.toLowerCase()) == null ? void 0 : u.split(o)) || "";
-    for (let d = 0, s = 0; d < (a == null ? void 0 : a.length); d++) {
-      const m = a == null ? void 0 : a[d], i = m.length;
-      m !== "" && r.push({
+    for (let d = 0, p = 0; d < (a == null ? void 0 : a.length); d++) {
+      const i = a == null ? void 0 : a[d], x = i.length;
+      i !== "" && r.push({
         id: r.length,
         highlight: !1,
         text: n == null ? void 0 : n.substring(
-          s,
-          s + i
+          p,
+          p + x
         )
-      }), s += i, d !== (a == null ? void 0 : a.length) - 1 && (r.push({
+      }), p += x, d !== (a == null ? void 0 : a.length) - 1 && (r.push({
         id: r.length,
         highlight: !0,
         text: n == null ? void 0 : n.substring(
-          s,
-          s + e.length
+          p,
+          p + e.length
         )
-      }), s += e.length);
+      }), p += e.length);
     }
     return r;
   }, [e, n]);
   return /* @__PURE__ */ t(Y, { children: c.map((r) => /* @__PURE__ */ t(
     "span",
     {
-      className: h((r == null ? void 0 : r.highlight) && "bg-highlight"),
+      className: m((r == null ? void 0 : r.highlight) && "bg-highlight"),
       children: r == null ? void 0 : r.text
     },
     r == null ? void 0 : r.id
@@ -279,7 +285,7 @@ const bn = ({
   "button",
   {
     type: "button",
-    className: h(
+    className: m(
       a && "base-icon-button",
       c
     ),
@@ -298,9 +304,9 @@ const bn = ({
   disabled: a,
   readonly: u,
   onChange: d,
-  onKeyDown: s
+  onKeyDown: p
 }) => {
-  const m = h(
+  const i = m(
     "truncate outline-none shadow-none body-1",
     r,
     u ? "pointer-events-none" : ""
@@ -315,9 +321,9 @@ const bn = ({
       value: n || "",
       title: n ? String(n) : "",
       disabled: a,
-      className: m,
-      onKeyDown: s,
-      onChange: (i) => d == null ? void 0 : d(i.currentTarget.value)
+      className: i,
+      onKeyDown: p,
+      onChange: (x) => d == null ? void 0 : d(x.currentTarget.value)
     }
   );
 }, Fn = ({
@@ -326,12 +332,12 @@ const bn = ({
   containerClasses: c,
   cssClass: r,
   ...o
-}) => /* @__PURE__ */ l("div", { className: h("input w-full flex flex-row", c), children: [
+}) => /* @__PURE__ */ l("div", { className: m("input w-full flex flex-row", c), children: [
   n,
   /* @__PURE__ */ t(
     on,
     {
-      cssClass: h(
+      cssClass: m(
         "border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",
         r
       ),
@@ -339,14 +345,14 @@ const bn = ({
     }
   ),
   e
-] }), Sn = ({
+] }), Rn = ({
   url: n,
   title: e,
   linkClassName: c = "",
   iconBefore: r,
   iconAfter: o
 }) => {
-  const a = h(
+  const a = m(
     o ? "mr-2" : "",
     r ? "ml-2" : ""
   );
@@ -356,7 +362,7 @@ const bn = ({
       href: n,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: h("base-link", c),
+      className: m("base-link", c),
       title: e,
       children: [
         r,
@@ -365,7 +371,7 @@ const bn = ({
       ]
     }
   );
-}, Rn = ({ title: n, text: e, onClick: c }) => /* @__PURE__ */ t(
+}, Sn = ({ title: n, text: e, onClick: c }) => /* @__PURE__ */ t(
   "button",
   {
     type: "button",
@@ -374,7 +380,7 @@ const bn = ({
     "aria-label": "button",
     children: /* @__PURE__ */ t("h4", { children: n })
   }
-), _n = ({
+), Cn = ({
   label: n,
   id: e,
   checked: c,
@@ -382,7 +388,7 @@ const bn = ({
   description: o,
   onChange: a
 }) => {
-  const u = C(
+  const u = _(
     (d) => {
       d.stopPropagation(), a == null || a(e, d.target.checked);
     },
@@ -398,7 +404,7 @@ const bn = ({
           /* @__PURE__ */ t(
             "span",
             {
-              className: h(
+              className: m(
                 "flex justify-center items-center w-4 h-4 mr-2 relative",
                 "radio-button",
                 c ? "radio-button-active" : ""
@@ -437,50 +443,50 @@ const bn = ({
     }
   );
 };
-var R = /* @__PURE__ */ ((n) => (n.Closed = "Closed", n.Opened = "Opened", n))(R || {}), O = /* @__PURE__ */ ((n) => (n.LG = "Large", n.SM = "Small", n))(O || {});
+var S = /* @__PURE__ */ ((n) => (n.Closed = "Closed", n.Opened = "Opened", n))(S || {}), L = /* @__PURE__ */ ((n) => (n.LG = "Large", n.SM = "Small", n))(L || {});
 const an = ({
   portalId: n,
-  state: e = R.Opened,
+  state: e = S.Opened,
   heading: c,
   size: r,
   onClose: o,
   children: a,
   overlayClassName: u,
   containerClassName: d,
-  dividers: s = !0,
-  closeButtonTitle: m
+  dividers: p = !0,
+  closeButtonTitle: i
 }) => {
-  const { refs: i, context: N } = I({
-    open: e !== R.Closed && !!e,
+  const { refs: x, context: w } = I({
+    open: e !== S.Closed && !!e,
     onOpenChange: o
-  }), b = K(N, { role: "dialog" }), w = G(N, { outsidePress: !0 }), { getFloatingProps: y } = H([b, w]), x = C(
-    (p) => {
-      p == null || p.preventDefault(), p == null || p.stopPropagation(), o();
+  }), b = K(w, { role: "dialog" }), y = G(w, { outsidePress: !0 }), { getFloatingProps: N } = H([b, y]), f = _(
+    (s) => {
+      s == null || s.preventDefault(), s == null || s.stopPropagation(), o();
     },
     [o]
   );
-  return /* @__PURE__ */ t(V, { id: n, children: e !== R.Closed && /* @__PURE__ */ t(
+  return /* @__PURE__ */ t(V, { id: n, children: e !== S.Closed && /* @__PURE__ */ t(
     D,
     {
-      className: h(
+      className: m(
         "z-modal flex items-center justify-center bg-blackout p-4",
         u
       ),
-      children: /* @__PURE__ */ t(M, { context: N, children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ t(M, { context: w, children: /* @__PURE__ */ l(
         "div",
         {
-          className: h(
+          className: m(
             "relative max-h-full modal rounded bg-white flex flex-col shadow w-full",
-            r === O.LG && "max-w-[65%]",
-            r === O.SM && "max-w-[30%]",
-            s && "divide-neutrals-400 divide-y",
+            r === L.LG && "max-w-[65%]",
+            r === L.SM && "max-w-[30%]",
+            p && "divide-neutrals-400 divide-y",
             d,
             "sm:w-full sm:max-w-full sm:px-4 sm:py-6"
           ),
-          ref: i.setFloating,
-          ...y({
-            onClick(p) {
-              p.stopPropagation();
+          ref: x.setFloating,
+          ...N({
+            onClick(s) {
+              s.stopPropagation();
             }
           }),
           children: [
@@ -489,19 +495,19 @@ const an = ({
               /* @__PURE__ */ t(
                 T,
                 {
-                  title: m,
-                  onClick: x,
+                  title: i,
+                  onClick: f,
                   btnClassNames: "sm:h-[24px] sm:w-[24px] sm:top-4"
                 }
               )
             ] }),
-            a.map((p) => p)
+            a.map((s) => s)
           ]
         }
       ) })
     }
   ) });
-}, Cn = (n) => n.state === R.Closed ? null : /* @__PURE__ */ t(an, { ...n }), Ln = ({
+}, _n = (n) => n.state === S.Closed ? null : /* @__PURE__ */ t(an, { ...n }), gn = ({
   triggerButton: n,
   options: e,
   content: c,
@@ -511,68 +517,68 @@ const an = ({
   openedClassName: u,
   onOptionSelect: d
 }) => {
-  const [s, m] = P(!1), { refs: i, floatingStyles: N, context: b } = I({
-    open: s,
-    onOpenChange: o ? void 0 : m,
+  const [p, i] = k(!1), { refs: x, floatingStyles: w, context: b } = I({
+    open: p,
+    onOpenChange: o ? void 0 : i,
     placement: "bottom-end",
     middleware: [en(8), rn(), cn()],
     whileElementsMounted: nn
-  }), w = tn(b), y = G(b, { outsidePress: !0 }), { getReferenceProps: x, getFloatingProps: p } = H([
-    w,
-    y
+  }), y = tn(b), N = G(b, { outsidePress: !0 }), { getReferenceProps: f, getFloatingProps: s } = H([
+    y,
+    N
   ]);
   return /* @__PURE__ */ l(Y, { children: [
     /* @__PURE__ */ t(
       "div",
       {
-        ref: i.setReference,
-        ...x({
-          onClick(f) {
-            f.stopPropagation();
+        ref: x.setReference,
+        ...f({
+          onClick(h) {
+            h.stopPropagation();
           }
         }),
-        className: h(a, s && u),
+        className: m(a, p && u),
         children: n
       }
     ),
-    s && /* @__PURE__ */ l(
+    p && /* @__PURE__ */ l(
       "div",
       {
-        ref: i.setFloating,
-        style: N,
+        ref: x.setFloating,
+        style: w,
         className: "flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",
-        ...p(),
+        ...s(),
         children: [
           c && c,
-          e && e.map((f) => /* @__PURE__ */ t(
+          e && e.map((h) => /* @__PURE__ */ t(
             "div",
             {
               onClick: (F) => {
-                F.stopPropagation(), d == null || d(f.key), m(!1);
+                F.stopPropagation(), d == null || d(h.key), i(!1);
               },
-              className: h(
+              className: m(
                 "text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",
-                r === f.key && "bg-hues-100"
+                r === h.key && "bg-hues-100"
               ),
               children: /* @__PURE__ */ l(
                 "div",
                 {
                   className: "p-2 hover:bg-hues-100 h-full dropdown-item-text flex items-center gap-x-2",
-                  title: f.title,
+                  title: h.title,
                   children: [
-                    f.icon ? f.icon : null,
-                    /* @__PURE__ */ t("p", { children: f == null ? void 0 : f.title })
+                    h.icon ? h.icon : null,
+                    /* @__PURE__ */ t("p", { children: h == null ? void 0 : h.title })
                   ]
                 }
               )
             },
-            f.key
+            h.key
           ))
         ]
       }
     )
   ] });
-}, On = ({ limitMessages: n, query: e }) => /* @__PURE__ */ l("div", { className: "bg-hues-100 px-2 py-1 flex justify-between flex-wrap items-center", children: [
+}, Ln = ({ limitMessages: n, query: e }) => /* @__PURE__ */ l("div", { className: "bg-hues-100 px-2 py-1 flex justify-between flex-wrap items-center", children: [
   /* @__PURE__ */ t("div", { className: "flex gap-x-[4px]", children: /* @__PURE__ */ t("div", { className: "flex flex-col", children: /* @__PURE__ */ l("div", { className: "flex gap-x-[4px]", children: [
     /* @__PURE__ */ l("span", { className: "text-primary h5", children: [
       n == null ? void 0 : n.excelFormatTitle,
@@ -584,7 +590,7 @@ const an = ({
     n == null ? void 0 : n.dataExplorerIcon,
     n == null ? void 0 : n.dataExplorer
   ] }) })
-] }), g = 1e3, kn = ({
+] }), P = 1e3, On = ({
   limitMessages: n,
   isDownload: e,
   showAdvancedViewButton: c,
@@ -602,7 +608,7 @@ const an = ({
             ":",
             " "
           ] }),
-          /* @__PURE__ */ t("span", { className: "text-neutrals-800 body-3", children: e ? (a = n == null ? void 0 : n.downloadMessage) == null ? void 0 : a.call(n, g) : (u = n == null ? void 0 : n.showingLimit) == null ? void 0 : u.call(n, g) })
+          /* @__PURE__ */ t("span", { className: "text-neutrals-800 body-3", children: e ? (a = n == null ? void 0 : n.downloadMessage) == null ? void 0 : a.call(n, P) : (u = n == null ? void 0 : n.showingLimit) == null ? void 0 : u.call(n, P) })
         ] }),
         e && /* @__PURE__ */ t("span", { className: "text-neutrals-800 body-3", children: n == null ? void 0 : n.fullLimitMessage })
       ] })
@@ -623,12 +629,12 @@ const an = ({
       n == null ? void 0 : n.dataExplorer
     ] }) })
   ] });
-}, Pn = 24, gn = 24;
+}, kn = 24, Pn = 24;
 function Yn(n = 719) {
-  const [e, c] = P(
+  const [e, c] = k(
     () => typeof window < "u" ? window.innerWidth < n : !1
   );
-  return k(() => {
+  return O(() => {
     const r = window.matchMedia(`(max-width: ${n}px)`), o = (a) => {
       c(a.matches);
     };
@@ -637,7 +643,7 @@ function Yn(n = 719) {
 }
 function jn(n, e) {
   const c = j(null);
-  return C(
+  return _(
     (...o) => {
       c.current && clearTimeout(c.current), c.current = setTimeout(() => {
         n(...o);
@@ -655,24 +661,24 @@ export {
   wn as Checkbox,
   T as CloseButton,
   yn as CollapsibleBlock,
-  On as DownloadFormatMessage,
-  Ln as Dropdown,
+  Ln as DownloadFormatMessage,
+  gn as Dropdown,
   vn as HighlightText,
   En as IconButton,
   on as Input,
   Fn as InputWithIcon,
   ln as KeyboardKey,
-  Sn as Link,
-  q as Loader,
-  O as PopUpSize,
-  R as PopUpState,
-  Cn as Popup,
-  _n as Radio,
-  kn as RequestLimitMessage,
-  g as SERIES_LIMIT,
-  Pn as TREE_NODE_ARROW_SIZE,
-  gn as TREE_NODE_PADDING,
-  Rn as Tag,
+  Rn as Link,
+  $ as Loader,
+  L as PopUpSize,
+  S as PopUpState,
+  _n as Popup,
+  Cn as Radio,
+  On as RequestLimitMessage,
+  P as SERIES_LIMIT,
+  kn as TREE_NODE_ARROW_SIZE,
+  Pn as TREE_NODE_PADDING,
+  Sn as Tag,
   jn as useDebounce,
   Yn as useIsMobile
 };

package/package.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
   "name": "@epam/statgpt-ui-components",
-  "version": "0.2.0-rc.11",
+  "version": "0.2.0-rc.12",
   "license": "MIT",
   "dependencies": {
     "react-flatpickr": "^4.0.11",
-    "react": "19.1.0",
+    "react": "^19.2.1",
     "classnames": "^2.5.1",
-    "@epam/statgpt-shared-toolkit": "0.2.0-rc.11",
+    "@epam/statgpt-shared-toolkit": "0.2.0-rc.12",
     "@tabler/icons-react": "^3.34.1",
     "@floating-ui/react": "^0.27.14"
   },