@epam/statgpt-ui-components 0.2.0-rc.19 → 0.2.0-rc.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/RequestLimit/RequestLimit.d.ts +3 -0
- package/index.css +1 -1
- package/index.js +1 -1
- package/index.mjs +336 -300
- package/package.json +2 -2
|
@@ -14,6 +14,9 @@ export interface LimitMessages {
|
|
|
14
14
|
dataExplorerIcon?: ReactNode;
|
|
15
15
|
excelFormatTitle?: string;
|
|
16
16
|
excelFormatText?: string;
|
|
17
|
+
containerClassName?: string;
|
|
18
|
+
largeQueryClassName?: string;
|
|
19
|
+
limitMessageClassName?: string;
|
|
17
20
|
}
|
|
18
21
|
interface Props {
|
|
19
22
|
limitMessages?: LimitMessages;
|
package/index.css
CHANGED
|
@@ -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}.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(.75rem*var(--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(1px*var(--tw-divide-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--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}
|
|
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}.size-4{height:1rem;width:1rem}.\!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(.75rem*var(--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(1px*var(--tw-divide-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--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-l-\[2px\]{border-left-width:2px}.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-semantic-warning{border-color:var(--semantic-warning,#d4c000)}.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-semantic-warning-light{background-color:var(--semantic-warning-light,#fbf9e5)}.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}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.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-semantic-warning{color:var(--semantic-warning,#d4c000)}.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
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("react"),p=require("classnames"),O=require("@tabler/icons-react"),z=require("react-flatpickr"),_=require("@epam/statgpt-shared-toolkit"),h=require("@floating-ui/react"),P=()=>n.jsx("div",{className:"flex items-center justify-center h-full",children:n.jsx("div",{className:"loader"})}),Y=({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(O.IconX,{height:t||20,width:c||20})});var E=(e=>(e.ERROR="error",e.SUCCESS="success",e.IN_PROGRESS="in_progress",e))(E||{});const K=({alertDetails:e,successIcon:r,errorIcon:c,onClose:t,closeButtonTitle:o})=>{const s=()=>(e==null?void 0:e.type)===E.IN_PROGRESS?"alert-in-progress":(e==null?void 0:e.type)===E.SUCCESS?"alert-success":"alert-error";return f.useEffect(()=>{(e==null?void 0:e.type)!==E.IN_PROGRESS&&setTimeout(()=>{t==null||t()},5e3)},[e==null?void 0:e.type,t]),n.jsx("div",{className:p("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)===E.IN_PROGRESS?n.jsx(P,{}):(e==null?void 0:e.type)===E.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(Y,{title:o,onClick:t})]})})},Q=({buttonClassName:e,isLoading:r=!1,title:c,disabled:t,iconAfter:o,iconBefore:s,onClick:l,isSmallButton:d})=>{const u=p(d?"font-semibold":"",o?"mr-2":"",s?"ml-2":"");return n.jsxs("button",{type:"button",className:p("base-button",e,d?"small-button":""),disabled:t||r,"aria-label":"button",onClick:i=>l==null?void 0:l(i),title:c,children:[s,r&&n.jsx(P,{}),c?d?n.jsx("h4",{className:u,children:c}):n.jsx("h3",{className:u,children:c}):null,o]})};function T(e=719){const[r,c]=f.useState(()=>typeof window<"u"?window.innerWidth<e:!1);return f.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 Z(e,r){const c=f.useRef(null);return f.useCallback((...o)=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{e(...o)},r)},[e,r])}const X=24,J=24,k=1e3,q=24,V=({label:e,onChange:r,value:c,options:t,calendarResolution:o=_.CalendarResolution.DAY,id:s,icon:l,isEndDate:d})=>{var R;const u=f.useRef(null),i=T();f.useEffect(()=>{var N;const b=u==null?void 0:u.current;b&&((N=b.querySelector("input"))==null||N.setAttribute("aria-label",e))},[e]);const m={...t,disableMobile:!0,defaultDate:o===_.CalendarResolution.MONTH?new Date(c.getFullYear(),c.getMonth()):c},y=(b,N,x)=>{const a=`calendar__${o===_.CalendarResolution.MONTH?"month":"day"}`;x.calendarContainer&&x.calendarContainer.classList.add(a)},v=(b,N,x)=>{if(o===_.CalendarResolution.MONTH&&b.length>0){const a=t.minDate,j=t.maxDate,w=b[0].getFullYear(),L=x.calendarContainer,g="flatpickr-disabled",$=L.querySelectorAll(".flatpickr-monthSelect-month"),H=L.querySelectorAll(".flatpickr-next-month")[0],B=L.querySelectorAll(".flatpickr-prev-month")[0];w===j.getFullYear()&&H.classList.add(g),w===a.getFullYear()&&B.classList.add(g),(w===a.getFullYear()||w===j.getFullYear())&&$.forEach(I=>{I.classList.remove(g);const C=new Date(I.getAttribute("aria-label")),W=C.getFullYear()===a.getFullYear()&&C.getMonth()===a.getMonth(),U=C.getFullYear()===j.getFullYear()&&C.getMonth()===j.getMonth();W||U||(C<a||C>j)&&I.classList.add(g)})}setTimeout(()=>{var w;const a=x.calendarContainer,j=(w=x._input)==null?void 0:w.getBoundingClientRect();a&&(a.style.top=`${j.top-a.offsetHeight-8}px`,a.style.width=`${a.style.width}px`,d?(a.style.right=`${window.innerWidth-j.right-(i?q:0)}px`,a.style.left="auto"):a.style.left=`${j.left}px`)},0)};return n.jsxs("div",{className:"relative calendar",ref:u,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(O.IconCalendarEvent,{})}),n.jsx(z,{defaultValue:(R=o===_.CalendarResolution.MONTH?new Date(c.getFullYear(),c.getMonth()):c)==null?void 0:R.toDateString(),options:m,onChange:b=>{r(b[0])},onOpen:[v],onReady:[y],id:s})]})},D=({label:e,id:r,checked:c,checkboxIcon:t,onChange:o})=>{const s=f.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:p("flex justify-center items-center w-4 h-4 mr-2 relative","checkbox-button"),children:c&&t}),e&&n.jsx("p",{className:p("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"})]})},M=({title:e,icon:r,children:c,value:t})=>{const[o,s]=f.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(O.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})]})},ee=({text:e,highlightText:r})=>{const c=f.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 d=0,u=0;d<(s==null?void 0:s.length);d++){const i=s==null?void 0:s[d],m=i.length;i!==""&&t.push({id:t.length,highlight:!1,text:e==null?void 0:e.substring(u,u+m)}),u+=m,d!==(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:p((t==null?void 0:t.highlight)&&"bg-highlight"),children:t==null?void 0:t.text},t==null?void 0:t.id))})},ne=({icon:e,onClick:r,buttonClassName:c,disabled:t,title:o,isBaseIconStyles:s=!0})=>n.jsx("button",{type:"button",className:p(s&&"base-icon-button",c),onClick:l=>r==null?void 0:r(l),disabled:t,title:o,"aria-label":"button",children:e}),A=({value:e,inputId:r,placeholder:c="",cssClass:t="",type:o="text",disabled:s,readonly:l,onChange:d,onKeyDown:u})=>{const i=p("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:m=>d==null?void 0:d(m.currentTarget.value)})},re=({iconBeforeInput:e,iconAfterInput:r,containerClasses:c,cssClass:t,...o})=>n.jsxs("div",{className:p("input w-full flex flex-row",c),children:[e,n.jsx(A,{cssClass:p("border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",t),...o}),r]}),te=({url:e,title:r,linkClassName:c="",iconBefore:t,iconAfter:o})=>{const s=p(o?"mr-2":"",t?"ml-2":"");return n.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:p("base-link",c),title:r,children:[t,n.jsx("span",{className:s,children:r}),o]})},ce=({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})}),oe=({label:e,id:r,checked:c,radioIcon:t,description:o,onChange:s})=>{const l=f.useCallback(d=>{d.stopPropagation(),s==null||s(r,d.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:p("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 S=(e=>(e.Closed="Closed",e.Opened="Opened",e))(S||{}),F=(e=>(e.LG="Large",e.SM="Small",e))(F||{});const se=({portalId:e,state:r=S.Opened,heading:c,size:t,onClose:o,children:s,overlayClassName:l,containerClassName:d,dividers:u=!0,closeButtonTitle:i})=>{const{refs:m,context:y}=h.useFloating({open:r!==S.Closed&&!!r,onOpenChange:o}),v=h.useRole(y,{role:"dialog"}),R=h.useDismiss(y,{outsidePress:!0}),{getFloatingProps:b}=h.useInteractions([v,R]),N=f.useCallback(x=>{x==null||x.preventDefault(),x==null||x.stopPropagation(),o()},[o]);return n.jsx(h.FloatingPortal,{id:e,children:r!==S.Closed&&n.jsx(h.FloatingOverlay,{className:p("z-modal flex items-center justify-center bg-blackout p-4",l),children:n.jsx(h.FloatingFocusManager,{context:y,children:n.jsxs("div",{className:p("relative max-h-full modal rounded bg-white flex flex-col shadow w-full",t===F.LG&&"max-w-[65%]",t===F.SM&&"max-w-[30%]",u&&"divide-neutrals-400 divide-y",d,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:m.setFloating,...b({onClick(x){x.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(Y,{title:i,onClick:N,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),s.map(x=>x)]})})})})},ae=e=>e.state===S.Closed?null:n.jsx(se,{...e}),le=({triggerButton:e,options:r,content:c,selectedOption:t,disabled:o,containerClassName:s,openedClassName:l,onOptionSelect:d})=>{const[u,i]=f.useState(!1),{refs:m,floatingStyles:y,context:v}=h.useFloating({open:u,onOpenChange:o?void 0:i,placement:"bottom-end",middleware:[h.offset(8),h.flip(),h.shift()],whileElementsMounted:h.autoUpdate}),R=h.useClick(v),b=h.useDismiss(v,{outsidePress:!0}),{getReferenceProps:N,getFloatingProps:x}=h.useInteractions([R,b]);return n.jsxs(n.Fragment,{children:[n.jsx("div",{ref:m.setReference,...N({onClick(a){a.stopPropagation()}}),className:p(s,u&&l),children:e}),u&&n.jsxs("div",{ref:m.setFloating,style:y,className:"flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",...x(),children:[c&&c,r&&r.map(a=>n.jsx("div",{onClick:j=>{j.stopPropagation(),d==null||d(a.key),i(!1)},className:p("text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",t===a.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:a.title,children:[a.icon?a.icon:null,n.jsx("p",{children:a==null?void 0:a.title})]})},a.key))]})]})},de=({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]})})]}),ue=({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]})})]})};var G=(e=>(e.Enter="Enter",e))(G||{});exports.Alert=K;exports.AlertType=E;exports.Button=Q;exports.CALENDAR_MOBILE_PADDING=q;exports.Calendar=V;exports.Checkbox=D;exports.CloseButton=Y;exports.CollapsibleBlock=M;exports.DownloadFormatMessage=de;exports.Dropdown=le;exports.HighlightText=ee;exports.IconButton=ne;exports.Input=A;exports.InputWithIcon=re;exports.KeyboardKey=G;exports.Link=te;exports.Loader=P;exports.PopUpSize=F;exports.PopUpState=S;exports.Popup=ae;exports.Radio=oe;exports.RequestLimitMessage=ue;exports.SERIES_LIMIT=k;exports.TREE_NODE_ARROW_SIZE=X;exports.TREE_NODE_PADDING=J;exports.Tag=ce;exports.useDebounce=Z;exports.useIsMobile=T;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),x=require("classnames"),P=require("@tabler/icons-react"),Q=require("react-flatpickr"),_=require("@epam/statgpt-shared-toolkit"),h=require("@floating-ui/react"),g=()=>e.jsx("div",{className:"flex items-center justify-center h-full",children:e.jsx("div",{className:"loader"})}),Y=({title:n,btnClassNames:r,iconWidth:c,iconHeight:t,onClick:o})=>e.jsx("button",{type:"button","aria-label":"button",className:r,title:n,onClick:o,children:e.jsx(P.IconX,{height:t||20,width:c||20})});var E=(n=>(n.ERROR="error",n.SUCCESS="success",n.IN_PROGRESS="in_progress",n))(E||{});const z=({alertDetails:n,successIcon:r,errorIcon:c,onClose:t,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 b.useEffect(()=>{(n==null?void 0:n.type)!==E.IN_PROGRESS&&setTimeout(()=>{t==null||t()},5e3)},[n==null?void 0:n.type,t]),e.jsx("div",{className:x("alert alert-shadow fixed bottom-3 right-3 z-10",a()),children:e.jsxs("div",{className:"alert-content flex items-start",children:[e.jsx("div",{className:"alert-icon",children:(n==null?void 0:n.type)===E.IN_PROGRESS?e.jsx(g,{}):(n==null?void 0:n.type)===E.SUCCESS?r:c}),e.jsxs("div",{className:"flex flex-col gap-2 max-w-[300px]",children:[e.jsx("h3",{className:"truncate",children:n==null?void 0:n.title}),(n==null?void 0:n.text)&&e.jsx("div",{className:"alert-text truncate",title:n==null?void 0:n.text,children:n==null?void 0:n.text})]}),e.jsx(Y,{title:o,onClick:t})]})})},K=({buttonClassName:n,isLoading:r=!1,title:c,disabled:t,iconAfter:o,iconBefore:a,onClick:l,isSmallButton:d})=>{const u=x(d?"font-semibold":"",o?"mr-2":"",a?"ml-2":"");return e.jsxs("button",{type:"button",className:x("base-button",n,d?"small-button":""),disabled:t||r,"aria-label":"button",onClick:f=>l==null?void 0:l(f),title:c,children:[a,r&&e.jsx(g,{}),c?d?e.jsx("h4",{className:u,children:c}):e.jsx("h3",{className:u,children:c}):null,o]})};function T(n=719){const[r,c]=b.useState(()=>typeof window<"u"?window.innerWidth<n:!1);return b.useEffect(()=>{const t=window.matchMedia(`(max-width: ${n}px)`),o=a=>{c(a.matches)};return c(t.matches),t.addEventListener("change",o),()=>t.removeEventListener("change",o)},[n]),r}function Z(n,r){const c=b.useRef(null);return b.useCallback((...o)=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{n(...o)},r)},[n,r])}const X=24,J=24,O=1e3,q=24,V=({label:n,onChange:r,value:c,options:t,calendarResolution:o=_.CalendarResolution.DAY,id:a,icon:l,isEndDate:d})=>{var R;const u=b.useRef(null),f=T();b.useEffect(()=>{var N;const i=u==null?void 0:u.current;i&&((N=i.querySelector("input"))==null||N.setAttribute("aria-label",n))},[n]);const j={...t,disableMobile:!0,defaultDate:o===_.CalendarResolution.MONTH?new Date(c.getFullYear(),c.getMonth()):c},y=(i,N,p)=>{const s=`calendar__${o===_.CalendarResolution.MONTH?"month":"day"}`;p.calendarContainer&&p.calendarContainer.classList.add(s)},v=(i,N,p)=>{if(o===_.CalendarResolution.MONTH&&i.length>0){const s=t.minDate,m=t.maxDate,w=i[0].getFullYear(),I=p.calendarContainer,F="flatpickr-disabled",$=I.querySelectorAll(".flatpickr-monthSelect-month"),H=I.querySelectorAll(".flatpickr-next-month")[0],B=I.querySelectorAll(".flatpickr-prev-month")[0];w===m.getFullYear()&&H.classList.add(F),w===s.getFullYear()&&B.classList.add(F),(w===s.getFullYear()||w===m.getFullYear())&&$.forEach(k=>{k.classList.remove(F);const C=new Date(k.getAttribute("aria-label")),W=C.getFullYear()===s.getFullYear()&&C.getMonth()===s.getMonth(),U=C.getFullYear()===m.getFullYear()&&C.getMonth()===m.getMonth();W||U||(C<s||C>m)&&k.classList.add(F)})}setTimeout(()=>{var w;const s=p.calendarContainer,m=(w=p._input)==null?void 0:w.getBoundingClientRect();s&&(s.style.top=`${m.top-s.offsetHeight-8}px`,s.style.width=`${s.style.width}px`,d?(s.style.right=`${window.innerWidth-m.right-(f?q:0)}px`,s.style.left="auto"):s.style.left=`${m.left}px`)},0)};return e.jsxs("div",{className:"relative calendar",ref:u,children:[e.jsx("div",{className:"mb-1 calendar-title",children:n}),e.jsx("label",{htmlFor:a,className:"absolute cursor-pointer right-[11px] top-[29px]",children:l||e.jsx(P.IconCalendarEvent,{})}),e.jsx(Q,{defaultValue:(R=o===_.CalendarResolution.MONTH?new Date(c.getFullYear(),c.getMonth()):c)==null?void 0:R.toDateString(),options:j,onChange:i=>{r(i[0])},onOpen:[v],onReady:[y],id:a})]})},D=({label:n,id:r,checked:c,checkboxIcon:t,onChange:o})=>{const a=b.useCallback(l=>{l.stopPropagation(),o==null||o(r,l.target.checked)},[o,r]);return e.jsxs("label",{className:"flex items-center cursor-pointer min-w-0 py-1",htmlFor:r,children:[e.jsx("span",{className:x("flex justify-center items-center w-4 h-4 mr-2 relative","checkbox-button"),children:c&&t}),n&&e.jsx("p",{className:x("text-neutrals-1000 flex-1 min-w-0 truncate pr-2","checkbox-button-text"),title:n,children:n}),e.jsx("input",{type:"checkbox",onChange:a,id:r,checked:c,className:"hidden"})]})},M=({title:n,icon:r,children:c,value:t})=>{const[o,a]=b.useState(!1);return e.jsxs("div",{className:`collapsible-block flex flex-col border-t-2 border-neutrals-600 ${o?"collapsible-block-open":""}`,children:[e.jsxs("div",{className:"collapsible-block-title flex cursor-pointer items-center py-4",onClick:()=>a(!o),children:[e.jsx("div",{className:`${o?"rotate-180":""} transition-transform`,children:r||e.jsx(P.IconChevronDown,{className:"w-5 h-5 mr-3"})}),e.jsxs("div",{className:"flex flex-1 items-center justify-between",children:[e.jsx("span",{children:n}),t&&e.jsx("p",{className:"body-1 text-neutrals-800",children:t})]})]}),o&&e.jsx("div",{className:"collapsible-block-content pb-4",children:c})]})},nn=({text:n,highlightText:r})=>{const c=b.useMemo(()=>{var l;const t=[];if(!r)return[{id:0,text:n,highlight:!1}];const o=(r==null?void 0:r.toLowerCase())||"",a=((l=n==null?void 0:n.toLowerCase())==null?void 0:l.split(o))||"";for(let d=0,u=0;d<(a==null?void 0:a.length);d++){const f=a==null?void 0:a[d],j=f.length;f!==""&&t.push({id:t.length,highlight:!1,text:n==null?void 0:n.substring(u,u+j)}),u+=j,d!==(a==null?void 0:a.length)-1&&(t.push({id:t.length,highlight:!0,text:n==null?void 0:n.substring(u,u+r.length)}),u+=r.length)}return t},[r,n]);return e.jsx(e.Fragment,{children:c.map(t=>e.jsx("span",{className:x((t==null?void 0:t.highlight)&&"bg-highlight"),children:t==null?void 0:t.text},t==null?void 0:t.id))})},en=({icon:n,onClick:r,buttonClassName:c,disabled:t,title:o,isBaseIconStyles:a=!0})=>e.jsx("button",{type:"button",className:x(a&&"base-icon-button",c),onClick:l=>r==null?void 0:r(l),disabled:t,title:o,"aria-label":"button",children:n}),A=({value:n,inputId:r,placeholder:c="",cssClass:t="",type:o="text",disabled:a,readonly:l,onChange:d,onKeyDown:u})=>{const f=x("truncate outline-none shadow-none body-1",t,l?"pointer-events-none":"");return e.jsx("input",{type:o,autoComplete:"off",id:r,placeholder:c,value:n||"",title:n?String(n):"",disabled:a,className:f,onKeyDown:u,onChange:j=>d==null?void 0:d(j.currentTarget.value)})},rn=({iconBeforeInput:n,iconAfterInput:r,containerClasses:c,cssClass:t,...o})=>e.jsxs("div",{className:x("input w-full flex flex-row",c),children:[n,e.jsx(A,{cssClass:x("border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",t),...o}),r]}),tn=({url:n,title:r,linkClassName:c="",iconBefore:t,iconAfter:o})=>{const a=x(o?"mr-2":"",t?"ml-2":"");return e.jsxs("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:x("base-link",c),title:r,children:[t,e.jsx("span",{className:a,children:r}),o]})},cn=({title:n,text:r,onClick:c})=>e.jsx("button",{type:"button",className:"tag flex items-center justify-center",onClick:()=>c==null?void 0:c(r||n),"aria-label":"button",children:e.jsx("h4",{children:n})}),on=({label:n,id:r,checked:c,radioIcon:t,description:o,onChange:a})=>{const l=b.useCallback(d=>{d.stopPropagation(),a==null||a(r,d.target.checked)},[a,r]);return e.jsxs("label",{className:"flex flex-col cursor-pointer min-w-0 py-[6px]",htmlFor:r,children:[e.jsxs("p",{className:"radio-label flex items-center min-w-0",children:[e.jsx("span",{className:x("flex justify-center items-center w-4 h-4 mr-2 relative","radio-button",c?"radio-button-active":""),children:c&&t}),n&&e.jsx("span",{className:"radio-title body-1 text-neutrals-1000 flex-1 min-w-0 truncate pr-2",title:n,children:n})]}),o&&e.jsx("span",{className:"radio-description ml-6 text-neutrals-800 body-2 w-auto flex items-center",title:o,children:o}),e.jsx("input",{type:"radio",onChange:l,id:r,checked:c,className:"hidden"})]})};var S=(n=>(n.Closed="Closed",n.Opened="Opened",n))(S||{}),L=(n=>(n.LG="Large",n.SM="Small",n))(L||{});const an=({portalId:n,state:r=S.Opened,heading:c,size:t,onClose:o,children:a,overlayClassName:l,containerClassName:d,dividers:u=!0,closeButtonTitle:f})=>{const{refs:j,context:y}=h.useFloating({open:r!==S.Closed&&!!r,onOpenChange:o}),v=h.useRole(y,{role:"dialog"}),R=h.useDismiss(y,{outsidePress:!0}),{getFloatingProps:i}=h.useInteractions([v,R]),N=b.useCallback(p=>{p==null||p.preventDefault(),p==null||p.stopPropagation(),o()},[o]);return e.jsx(h.FloatingPortal,{id:n,children:r!==S.Closed&&e.jsx(h.FloatingOverlay,{className:x("z-modal flex items-center justify-center bg-blackout p-4",l),children:e.jsx(h.FloatingFocusManager,{context:y,children:e.jsxs("div",{className:x("relative max-h-full modal rounded bg-white flex flex-col shadow w-full",t===L.LG&&"max-w-[65%]",t===L.SM&&"max-w-[30%]",u&&"divide-neutrals-400 divide-y",d,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:j.setFloating,...i({onClick(p){p.stopPropagation()}}),children:[e.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"?e.jsx("h2",{className:"flex-1 min-w-0 mr-3 modal-heading-title sm:h3",children:c}):c),e.jsx(Y,{title:f,onClick:N,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),a.map(p=>p)]})})})})},sn=n=>n.state===S.Closed?null:e.jsx(an,{...n}),ln=({triggerButton:n,options:r,content:c,selectedOption:t,disabled:o,containerClassName:a,openedClassName:l,onOptionSelect:d})=>{const[u,f]=b.useState(!1),{refs:j,floatingStyles:y,context:v}=h.useFloating({open:u,onOpenChange:o?void 0:f,placement:"bottom-end",middleware:[h.offset(8),h.flip(),h.shift()],whileElementsMounted:h.autoUpdate}),R=h.useClick(v),i=h.useDismiss(v,{outsidePress:!0}),{getReferenceProps:N,getFloatingProps:p}=h.useInteractions([R,i]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:j.setReference,...N({onClick(s){s.stopPropagation()}}),className:x(a,u&&l),children:n}),u&&e.jsxs("div",{ref:j.setFloating,style:y,className:"flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",...p(),children:[c&&c,r&&r.map(s=>e.jsx("div",{onClick:m=>{m.stopPropagation(),d==null||d(s.key),f(!1)},className:x("text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",t===s.key&&"bg-hues-100"),children:e.jsxs("div",{className:"p-2 hover:bg-hues-100 h-full dropdown-item-text flex items-center gap-x-2",title:s.title,children:[s.icon?s.icon:null,e.jsx("p",{children:s==null?void 0:s.title})]})},s.key))]})]})},dn=({limitMessages:n,query:r})=>e.jsxs("div",{className:"bg-hues-100 px-2 py-1 flex justify-between flex-wrap items-center",children:[e.jsx("div",{className:"flex gap-x-[4px]",children:e.jsx("div",{className:"flex flex-col",children:e.jsxs("div",{className:"flex gap-x-[4px]",children:[e.jsxs("span",{className:"text-primary h5",children:[n==null?void 0:n.excelFormatTitle," "]}),e.jsx("span",{className:"text-neutrals-800 body-3",children:n==null?void 0:n.excelFormatText})]})})}),e.jsx("a",{href:r,target:"_blank",children:e.jsxs("span",{className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[n==null?void 0:n.dataExplorerIcon,n==null?void 0:n.dataExplorer]})})]}),un=({limitMessages:n,isDownload:r,showAdvancedViewButton:c,onAdvancedViewClick:t,query:o})=>{var a,l;return e.jsxs("div",{className:x("bg-semantic-warning-light px-2 py-1 flex justify-between flex-wrap items-center",n==null?void 0:n.containerClassName),children:[e.jsxs("div",{className:"flex gap-x-2 items-center",children:[e.jsx("span",{children:n==null?void 0:n.warningIcon}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsxs("div",{className:"flex gap-x-[4px]",children:[e.jsxs("span",{className:x("text-primary h5",n==null?void 0:n.largeQueryClassName),children:[n==null?void 0:n.largeQuery,":"," "]}),e.jsx("span",{className:x("text-neutrals-800 body-3",n==null?void 0:n.limitMessageClassName),children:r?(a=n==null?void 0:n.downloadMessage)==null?void 0:a.call(n,O):(l=n==null?void 0:n.showingLimit)==null?void 0:l.call(n,O)})]}),r&&e.jsx("span",{className:x("text-neutrals-800 body-3",n==null?void 0:n.limitMessageClassName),children:n==null?void 0:n.fullLimitMessage})]})]}),c&&e.jsxs("span",{onClick:()=>t==null?void 0:t(),className:"flex gap-x-[4px] h4 cursor-pointer items-center text-primary",children:[n==null?void 0:n.editIcon,n==null?void 0:n.refineInAdvancedView]}),r&&e.jsx("a",{href:o||"",target:"_blank",children:e.jsxs("span",{className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[n==null?void 0:n.dataExplorerIcon,n==null?void 0:n.dataExplorer]})})]})};var G=(n=>(n.Enter="Enter",n))(G||{});exports.Alert=z;exports.AlertType=E;exports.Button=K;exports.CALENDAR_MOBILE_PADDING=q;exports.Calendar=V;exports.Checkbox=D;exports.CloseButton=Y;exports.CollapsibleBlock=M;exports.DownloadFormatMessage=dn;exports.Dropdown=ln;exports.HighlightText=nn;exports.IconButton=en;exports.Input=A;exports.InputWithIcon=rn;exports.KeyboardKey=G;exports.Link=tn;exports.Loader=g;exports.PopUpSize=L;exports.PopUpState=S;exports.Popup=sn;exports.Radio=on;exports.RequestLimitMessage=un;exports.SERIES_LIMIT=O;exports.TREE_NODE_ARROW_SIZE=X;exports.TREE_NODE_PADDING=J;exports.Tag=cn;exports.useDebounce=Z;exports.useIsMobile=T;
|
package/index.mjs
CHANGED
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useEffect as
|
|
1
|
+
import { jsx as t, jsxs as d, Fragment as G } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect as Y, useState as I, useRef as $, useCallback as L, useMemo as X } from "react";
|
|
3
3
|
import f from "classnames";
|
|
4
4
|
import { IconX as Z, IconCalendarEvent as J, IconChevronDown as K } from "@tabler/icons-react";
|
|
5
5
|
import V from "react-flatpickr";
|
|
6
|
-
import { CalendarResolution as
|
|
7
|
-
import { useFloating as
|
|
8
|
-
const T = () => /* @__PURE__ */
|
|
6
|
+
import { CalendarResolution as R } from "@epam/statgpt-shared-toolkit";
|
|
7
|
+
import { useFloating as g, useRole as D, useDismiss as H, useInteractions as A, FloatingPortal as M, FloatingOverlay as nn, FloatingFocusManager as rn, autoUpdate as en, offset as cn, flip as tn, shift as on, useClick as an } from "@floating-ui/react";
|
|
8
|
+
const T = () => /* @__PURE__ */ t("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ t("div", { className: "loader" }) }), q = ({
|
|
9
9
|
title: n,
|
|
10
|
-
btnClassNames:
|
|
11
|
-
iconWidth:
|
|
12
|
-
iconHeight:
|
|
10
|
+
btnClassNames: r,
|
|
11
|
+
iconWidth: c,
|
|
12
|
+
iconHeight: e,
|
|
13
13
|
onClick: o
|
|
14
|
-
}) => /* @__PURE__ */
|
|
14
|
+
}) => /* @__PURE__ */ t(
|
|
15
15
|
"button",
|
|
16
16
|
{
|
|
17
17
|
type: "button",
|
|
18
18
|
"aria-label": "button",
|
|
19
|
-
className:
|
|
19
|
+
className: r,
|
|
20
20
|
title: n,
|
|
21
21
|
onClick: o,
|
|
22
|
-
children: /* @__PURE__ */
|
|
22
|
+
children: /* @__PURE__ */ t(Z, { height: e || 20, width: c || 20 })
|
|
23
23
|
}
|
|
24
24
|
);
|
|
25
|
-
var
|
|
25
|
+
var C = /* @__PURE__ */ ((n) => (n.ERROR = "error", n.SUCCESS = "success", n.IN_PROGRESS = "in_progress", n))(C || {});
|
|
26
26
|
const wn = ({
|
|
27
27
|
alertDetails: n,
|
|
28
|
-
successIcon:
|
|
29
|
-
errorIcon:
|
|
30
|
-
onClose:
|
|
28
|
+
successIcon: r,
|
|
29
|
+
errorIcon: c,
|
|
30
|
+
onClose: e,
|
|
31
31
|
closeButtonTitle: o
|
|
32
32
|
}) => {
|
|
33
|
-
const a = () => (n == null ? void 0 : n.type) ===
|
|
34
|
-
return
|
|
35
|
-
(n == null ? void 0 : n.type) !==
|
|
36
|
-
|
|
33
|
+
const a = () => (n == null ? void 0 : n.type) === C.IN_PROGRESS ? "alert-in-progress" : (n == null ? void 0 : n.type) === C.SUCCESS ? "alert-success" : "alert-error";
|
|
34
|
+
return Y(() => {
|
|
35
|
+
(n == null ? void 0 : n.type) !== C.IN_PROGRESS && setTimeout(() => {
|
|
36
|
+
e == null || e();
|
|
37
37
|
}, 5e3);
|
|
38
|
-
}, [n == null ? void 0 : n.type,
|
|
38
|
+
}, [n == null ? void 0 : n.type, e]), /* @__PURE__ */ t(
|
|
39
39
|
"div",
|
|
40
40
|
{
|
|
41
41
|
className: f(
|
|
@@ -43,27 +43,27 @@ const wn = ({
|
|
|
43
43
|
a()
|
|
44
44
|
),
|
|
45
45
|
children: /* @__PURE__ */ d("div", { className: "alert-content flex items-start", children: [
|
|
46
|
-
/* @__PURE__ */
|
|
46
|
+
/* @__PURE__ */ t("div", { className: "alert-icon", children: (n == null ? void 0 : n.type) === C.IN_PROGRESS ? /* @__PURE__ */ t(T, {}) : (n == null ? void 0 : n.type) === C.SUCCESS ? r : c }),
|
|
47
47
|
/* @__PURE__ */ d("div", { className: "flex flex-col gap-2 max-w-[300px]", children: [
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
(n == null ? void 0 : n.text) && /* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ t("h3", { className: "truncate", children: n == null ? void 0 : n.title }),
|
|
49
|
+
(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 })
|
|
50
50
|
] }),
|
|
51
|
-
/* @__PURE__ */
|
|
51
|
+
/* @__PURE__ */ t(q, { title: o, onClick: e })
|
|
52
52
|
] })
|
|
53
53
|
}
|
|
54
54
|
);
|
|
55
55
|
}, vn = ({
|
|
56
56
|
buttonClassName: n,
|
|
57
|
-
isLoading:
|
|
58
|
-
title:
|
|
59
|
-
disabled:
|
|
57
|
+
isLoading: r = !1,
|
|
58
|
+
title: c,
|
|
59
|
+
disabled: e,
|
|
60
60
|
iconAfter: o,
|
|
61
61
|
iconBefore: a,
|
|
62
62
|
onClick: u,
|
|
63
|
-
isSmallButton:
|
|
63
|
+
isSmallButton: p
|
|
64
64
|
}) => {
|
|
65
|
-
const
|
|
66
|
-
|
|
65
|
+
const h = f(
|
|
66
|
+
p ? "font-semibold" : "",
|
|
67
67
|
o ? "mr-2" : "",
|
|
68
68
|
a ? "ml-2" : ""
|
|
69
69
|
);
|
|
@@ -74,105 +74,105 @@ const wn = ({
|
|
|
74
74
|
className: f(
|
|
75
75
|
"base-button",
|
|
76
76
|
n,
|
|
77
|
-
|
|
77
|
+
p ? "small-button" : ""
|
|
78
78
|
),
|
|
79
|
-
disabled:
|
|
79
|
+
disabled: e || r,
|
|
80
80
|
"aria-label": "button",
|
|
81
|
-
onClick: (
|
|
82
|
-
title:
|
|
81
|
+
onClick: (m) => u == null ? void 0 : u(m),
|
|
82
|
+
title: c,
|
|
83
83
|
children: [
|
|
84
84
|
a,
|
|
85
|
-
|
|
86
|
-
|
|
85
|
+
r && /* @__PURE__ */ t(T, {}),
|
|
86
|
+
c ? p ? /* @__PURE__ */ t("h4", { className: h, children: c }) : /* @__PURE__ */ t("h3", { className: h, children: c }) : null,
|
|
87
87
|
o
|
|
88
88
|
]
|
|
89
89
|
}
|
|
90
90
|
);
|
|
91
91
|
};
|
|
92
92
|
function ln(n = 719) {
|
|
93
|
-
const [
|
|
93
|
+
const [r, c] = I(
|
|
94
94
|
() => typeof window < "u" ? window.innerWidth < n : !1
|
|
95
95
|
);
|
|
96
|
-
return
|
|
97
|
-
const
|
|
98
|
-
|
|
96
|
+
return Y(() => {
|
|
97
|
+
const e = window.matchMedia(`(max-width: ${n}px)`), o = (a) => {
|
|
98
|
+
c(a.matches);
|
|
99
99
|
};
|
|
100
|
-
return
|
|
101
|
-
}, [n]),
|
|
100
|
+
return c(e.matches), e.addEventListener("change", o), () => e.removeEventListener("change", o);
|
|
101
|
+
}, [n]), r;
|
|
102
102
|
}
|
|
103
|
-
function En(n,
|
|
104
|
-
const
|
|
105
|
-
return
|
|
103
|
+
function En(n, r) {
|
|
104
|
+
const c = $(null);
|
|
105
|
+
return L(
|
|
106
106
|
(...o) => {
|
|
107
|
-
|
|
107
|
+
c.current && clearTimeout(c.current), c.current = setTimeout(() => {
|
|
108
108
|
n(...o);
|
|
109
|
-
},
|
|
109
|
+
}, r);
|
|
110
110
|
},
|
|
111
|
-
[n,
|
|
111
|
+
[n, r]
|
|
112
112
|
);
|
|
113
113
|
}
|
|
114
|
-
const Fn = 24,
|
|
114
|
+
const Fn = 24, Cn = 24, j = 1e3, dn = 24, Rn = ({
|
|
115
115
|
label: n,
|
|
116
|
-
onChange:
|
|
117
|
-
value:
|
|
118
|
-
options:
|
|
119
|
-
calendarResolution: o =
|
|
116
|
+
onChange: r,
|
|
117
|
+
value: c,
|
|
118
|
+
options: e,
|
|
119
|
+
calendarResolution: o = R.DAY,
|
|
120
120
|
id: a,
|
|
121
121
|
icon: u,
|
|
122
|
-
isEndDate:
|
|
122
|
+
isEndDate: p
|
|
123
123
|
}) => {
|
|
124
124
|
var E;
|
|
125
|
-
const
|
|
126
|
-
|
|
127
|
-
var
|
|
128
|
-
const
|
|
129
|
-
|
|
125
|
+
const h = $(null), m = ln();
|
|
126
|
+
Y(() => {
|
|
127
|
+
var i;
|
|
128
|
+
const b = h == null ? void 0 : h.current;
|
|
129
|
+
b && ((i = b.querySelector("input")) == null || i.setAttribute("aria-label", n));
|
|
130
130
|
}, [n]);
|
|
131
|
-
const
|
|
132
|
-
...
|
|
131
|
+
const x = {
|
|
132
|
+
...e,
|
|
133
133
|
disableMobile: !0,
|
|
134
|
-
defaultDate: o ===
|
|
135
|
-
}, y = (
|
|
136
|
-
const l = `calendar__${o ===
|
|
137
|
-
|
|
138
|
-
}, v = (
|
|
139
|
-
if (o ===
|
|
140
|
-
const l =
|
|
134
|
+
defaultDate: o === R.MONTH ? new Date(c.getFullYear(), c.getMonth()) : c
|
|
135
|
+
}, y = (b, i, s) => {
|
|
136
|
+
const l = `calendar__${o === R.MONTH ? "month" : "day"}`;
|
|
137
|
+
s.calendarContainer && s.calendarContainer.classList.add(l);
|
|
138
|
+
}, v = (b, i, s) => {
|
|
139
|
+
if (o === R.MONTH && b.length > 0) {
|
|
140
|
+
const l = e.minDate, N = e.maxDate, w = b[0].getFullYear(), O = s.calendarContainer, _ = "flatpickr-disabled", W = O.querySelectorAll(
|
|
141
141
|
".flatpickr-monthSelect-month"
|
|
142
|
-
),
|
|
142
|
+
), Q = O.querySelectorAll(
|
|
143
143
|
".flatpickr-next-month"
|
|
144
|
-
)[0],
|
|
144
|
+
)[0], B = O.querySelectorAll(
|
|
145
145
|
".flatpickr-prev-month"
|
|
146
146
|
)[0];
|
|
147
|
-
w ===
|
|
148
|
-
|
|
149
|
-
const F = new Date(
|
|
150
|
-
U || z || (F < l || F >
|
|
147
|
+
w === N.getFullYear() && Q.classList.add(_), w === l.getFullYear() && B.classList.add(_), (w === l.getFullYear() || w === N.getFullYear()) && W.forEach((k) => {
|
|
148
|
+
k.classList.remove(_);
|
|
149
|
+
const F = new Date(k.getAttribute("aria-label")), U = F.getFullYear() === l.getFullYear() && F.getMonth() === l.getMonth(), z = F.getFullYear() === N.getFullYear() && F.getMonth() === N.getMonth();
|
|
150
|
+
U || z || (F < l || F > N) && k.classList.add(_);
|
|
151
151
|
});
|
|
152
152
|
}
|
|
153
153
|
setTimeout(() => {
|
|
154
154
|
var w;
|
|
155
|
-
const l =
|
|
156
|
-
l && (l.style.top = `${
|
|
155
|
+
const l = s.calendarContainer, N = (w = s._input) == null ? void 0 : w.getBoundingClientRect();
|
|
156
|
+
l && (l.style.top = `${N.top - l.offsetHeight - 8}px`, l.style.width = `${l.style.width}px`, p ? (l.style.right = `${window.innerWidth - N.right - (m ? dn : 0)}px`, l.style.left = "auto") : l.style.left = `${N.left}px`);
|
|
157
157
|
}, 0);
|
|
158
158
|
};
|
|
159
|
-
return /* @__PURE__ */ d("div", { className: "relative calendar", ref:
|
|
160
|
-
/* @__PURE__ */
|
|
161
|
-
/* @__PURE__ */
|
|
159
|
+
return /* @__PURE__ */ d("div", { className: "relative calendar", ref: h, children: [
|
|
160
|
+
/* @__PURE__ */ t("div", { className: "mb-1 calendar-title", children: n }),
|
|
161
|
+
/* @__PURE__ */ t(
|
|
162
162
|
"label",
|
|
163
163
|
{
|
|
164
164
|
htmlFor: a,
|
|
165
165
|
className: "absolute cursor-pointer right-[11px] top-[29px]",
|
|
166
|
-
children: u || /* @__PURE__ */
|
|
166
|
+
children: u || /* @__PURE__ */ t(J, {})
|
|
167
167
|
}
|
|
168
168
|
),
|
|
169
|
-
/* @__PURE__ */
|
|
169
|
+
/* @__PURE__ */ t(
|
|
170
170
|
V,
|
|
171
171
|
{
|
|
172
|
-
defaultValue: (E = o ===
|
|
173
|
-
options:
|
|
174
|
-
onChange: (
|
|
175
|
-
|
|
172
|
+
defaultValue: (E = o === R.MONTH ? new Date(c.getFullYear(), c.getMonth()) : c) == null ? void 0 : E.toDateString(),
|
|
173
|
+
options: x,
|
|
174
|
+
onChange: (b) => {
|
|
175
|
+
r(b[0]);
|
|
176
176
|
},
|
|
177
177
|
onOpen: [v],
|
|
178
178
|
onReady: [y],
|
|
@@ -180,36 +180,36 @@ const Fn = 24, Rn = 24, I = 1e3, dn = 24, Sn = ({
|
|
|
180
180
|
}
|
|
181
181
|
)
|
|
182
182
|
] });
|
|
183
|
-
},
|
|
183
|
+
}, Sn = ({
|
|
184
184
|
label: n,
|
|
185
|
-
id:
|
|
186
|
-
checked:
|
|
187
|
-
checkboxIcon:
|
|
185
|
+
id: r,
|
|
186
|
+
checked: c,
|
|
187
|
+
checkboxIcon: e,
|
|
188
188
|
onChange: o
|
|
189
189
|
}) => {
|
|
190
|
-
const a =
|
|
190
|
+
const a = L(
|
|
191
191
|
(u) => {
|
|
192
|
-
u.stopPropagation(), o == null || o(
|
|
192
|
+
u.stopPropagation(), o == null || o(r, u.target.checked);
|
|
193
193
|
},
|
|
194
|
-
[o,
|
|
194
|
+
[o, r]
|
|
195
195
|
);
|
|
196
196
|
return /* @__PURE__ */ d(
|
|
197
197
|
"label",
|
|
198
198
|
{
|
|
199
199
|
className: "flex items-center cursor-pointer min-w-0 py-1",
|
|
200
|
-
htmlFor:
|
|
200
|
+
htmlFor: r,
|
|
201
201
|
children: [
|
|
202
|
-
/* @__PURE__ */
|
|
202
|
+
/* @__PURE__ */ t(
|
|
203
203
|
"span",
|
|
204
204
|
{
|
|
205
205
|
className: f(
|
|
206
206
|
"flex justify-center items-center w-4 h-4 mr-2 relative",
|
|
207
207
|
"checkbox-button"
|
|
208
208
|
),
|
|
209
|
-
children:
|
|
209
|
+
children: c && e
|
|
210
210
|
}
|
|
211
211
|
),
|
|
212
|
-
n && /* @__PURE__ */
|
|
212
|
+
n && /* @__PURE__ */ t(
|
|
213
213
|
"p",
|
|
214
214
|
{
|
|
215
215
|
className: f(
|
|
@@ -220,26 +220,26 @@ const Fn = 24, Rn = 24, I = 1e3, dn = 24, Sn = ({
|
|
|
220
220
|
children: n
|
|
221
221
|
}
|
|
222
222
|
),
|
|
223
|
-
/* @__PURE__ */
|
|
223
|
+
/* @__PURE__ */ t(
|
|
224
224
|
"input",
|
|
225
225
|
{
|
|
226
226
|
type: "checkbox",
|
|
227
227
|
onChange: a,
|
|
228
|
-
id:
|
|
229
|
-
checked:
|
|
228
|
+
id: r,
|
|
229
|
+
checked: c,
|
|
230
230
|
className: "hidden"
|
|
231
231
|
}
|
|
232
232
|
)
|
|
233
233
|
]
|
|
234
234
|
}
|
|
235
235
|
);
|
|
236
|
-
},
|
|
236
|
+
}, _n = ({
|
|
237
237
|
title: n,
|
|
238
|
-
icon:
|
|
239
|
-
children:
|
|
240
|
-
value:
|
|
238
|
+
icon: r,
|
|
239
|
+
children: c,
|
|
240
|
+
value: e
|
|
241
241
|
}) => {
|
|
242
|
-
const [o, a] =
|
|
242
|
+
const [o, a] = I(!1);
|
|
243
243
|
return /* @__PURE__ */ d(
|
|
244
244
|
"div",
|
|
245
245
|
{
|
|
@@ -251,134 +251,134 @@ const Fn = 24, Rn = 24, I = 1e3, dn = 24, Sn = ({
|
|
|
251
251
|
className: "collapsible-block-title flex cursor-pointer items-center py-4",
|
|
252
252
|
onClick: () => a(!o),
|
|
253
253
|
children: [
|
|
254
|
-
/* @__PURE__ */
|
|
254
|
+
/* @__PURE__ */ t("div", { className: `${o ? "rotate-180" : ""} transition-transform`, children: r || /* @__PURE__ */ t(K, { className: "w-5 h-5 mr-3" }) }),
|
|
255
255
|
/* @__PURE__ */ d("div", { className: "flex flex-1 items-center justify-between", children: [
|
|
256
|
-
/* @__PURE__ */
|
|
257
|
-
|
|
256
|
+
/* @__PURE__ */ t("span", { children: n }),
|
|
257
|
+
e && /* @__PURE__ */ t("p", { className: "body-1 text-neutrals-800", children: e })
|
|
258
258
|
] })
|
|
259
259
|
]
|
|
260
260
|
}
|
|
261
261
|
),
|
|
262
|
-
o && /* @__PURE__ */
|
|
262
|
+
o && /* @__PURE__ */ t("div", { className: "collapsible-block-content pb-4", children: c })
|
|
263
263
|
]
|
|
264
264
|
}
|
|
265
265
|
);
|
|
266
|
-
},
|
|
267
|
-
const
|
|
266
|
+
}, Ln = ({ text: n, highlightText: r }) => {
|
|
267
|
+
const c = X(() => {
|
|
268
268
|
var u;
|
|
269
|
-
const
|
|
270
|
-
if (!
|
|
269
|
+
const e = [];
|
|
270
|
+
if (!r)
|
|
271
271
|
return [{ id: 0, text: n, highlight: !1 }];
|
|
272
|
-
const o = (
|
|
273
|
-
for (let
|
|
274
|
-
const
|
|
275
|
-
|
|
276
|
-
id:
|
|
272
|
+
const o = (r == null ? void 0 : r.toLowerCase()) || "", a = ((u = n == null ? void 0 : n.toLowerCase()) == null ? void 0 : u.split(o)) || "";
|
|
273
|
+
for (let p = 0, h = 0; p < (a == null ? void 0 : a.length); p++) {
|
|
274
|
+
const m = a == null ? void 0 : a[p], x = m.length;
|
|
275
|
+
m !== "" && e.push({
|
|
276
|
+
id: e.length,
|
|
277
277
|
highlight: !1,
|
|
278
278
|
text: n == null ? void 0 : n.substring(
|
|
279
|
-
|
|
280
|
-
|
|
279
|
+
h,
|
|
280
|
+
h + x
|
|
281
281
|
)
|
|
282
|
-
}),
|
|
283
|
-
id:
|
|
282
|
+
}), h += x, p !== (a == null ? void 0 : a.length) - 1 && (e.push({
|
|
283
|
+
id: e.length,
|
|
284
284
|
highlight: !0,
|
|
285
285
|
text: n == null ? void 0 : n.substring(
|
|
286
|
-
|
|
287
|
-
|
|
286
|
+
h,
|
|
287
|
+
h + r.length
|
|
288
288
|
)
|
|
289
|
-
}),
|
|
289
|
+
}), h += r.length);
|
|
290
290
|
}
|
|
291
|
-
return
|
|
292
|
-
}, [
|
|
293
|
-
return /* @__PURE__ */
|
|
291
|
+
return e;
|
|
292
|
+
}, [r, n]);
|
|
293
|
+
return /* @__PURE__ */ t(G, { children: c.map((e) => /* @__PURE__ */ t(
|
|
294
294
|
"span",
|
|
295
295
|
{
|
|
296
|
-
className: f((
|
|
297
|
-
children:
|
|
296
|
+
className: f((e == null ? void 0 : e.highlight) && "bg-highlight"),
|
|
297
|
+
children: e == null ? void 0 : e.text
|
|
298
298
|
},
|
|
299
|
-
|
|
299
|
+
e == null ? void 0 : e.id
|
|
300
300
|
)) });
|
|
301
|
-
},
|
|
301
|
+
}, On = ({
|
|
302
302
|
icon: n,
|
|
303
|
-
onClick:
|
|
304
|
-
buttonClassName:
|
|
305
|
-
disabled:
|
|
303
|
+
onClick: r,
|
|
304
|
+
buttonClassName: c,
|
|
305
|
+
disabled: e,
|
|
306
306
|
title: o,
|
|
307
307
|
isBaseIconStyles: a = !0
|
|
308
|
-
}) => /* @__PURE__ */
|
|
308
|
+
}) => /* @__PURE__ */ t(
|
|
309
309
|
"button",
|
|
310
310
|
{
|
|
311
311
|
type: "button",
|
|
312
312
|
className: f(
|
|
313
313
|
a && "base-icon-button",
|
|
314
|
-
|
|
314
|
+
c
|
|
315
315
|
),
|
|
316
|
-
onClick: (u) =>
|
|
317
|
-
disabled:
|
|
316
|
+
onClick: (u) => r == null ? void 0 : r(u),
|
|
317
|
+
disabled: e,
|
|
318
318
|
title: o,
|
|
319
319
|
"aria-label": "button",
|
|
320
320
|
children: n
|
|
321
321
|
}
|
|
322
322
|
), un = ({
|
|
323
323
|
value: n,
|
|
324
|
-
inputId:
|
|
325
|
-
placeholder:
|
|
326
|
-
cssClass:
|
|
324
|
+
inputId: r,
|
|
325
|
+
placeholder: c = "",
|
|
326
|
+
cssClass: e = "",
|
|
327
327
|
type: o = "text",
|
|
328
328
|
disabled: a,
|
|
329
329
|
readonly: u,
|
|
330
|
-
onChange:
|
|
331
|
-
onKeyDown:
|
|
330
|
+
onChange: p,
|
|
331
|
+
onKeyDown: h
|
|
332
332
|
}) => {
|
|
333
|
-
const
|
|
333
|
+
const m = f(
|
|
334
334
|
"truncate outline-none shadow-none body-1",
|
|
335
|
-
|
|
335
|
+
e,
|
|
336
336
|
u ? "pointer-events-none" : ""
|
|
337
337
|
);
|
|
338
|
-
return /* @__PURE__ */
|
|
338
|
+
return /* @__PURE__ */ t(
|
|
339
339
|
"input",
|
|
340
340
|
{
|
|
341
341
|
type: o,
|
|
342
342
|
autoComplete: "off",
|
|
343
|
-
id:
|
|
344
|
-
placeholder:
|
|
343
|
+
id: r,
|
|
344
|
+
placeholder: c,
|
|
345
345
|
value: n || "",
|
|
346
346
|
title: n ? String(n) : "",
|
|
347
347
|
disabled: a,
|
|
348
|
-
className:
|
|
349
|
-
onKeyDown:
|
|
350
|
-
onChange: (
|
|
348
|
+
className: m,
|
|
349
|
+
onKeyDown: h,
|
|
350
|
+
onChange: (x) => p == null ? void 0 : p(x.currentTarget.value)
|
|
351
351
|
}
|
|
352
352
|
);
|
|
353
|
-
},
|
|
353
|
+
}, kn = ({
|
|
354
354
|
iconBeforeInput: n,
|
|
355
|
-
iconAfterInput:
|
|
356
|
-
containerClasses:
|
|
357
|
-
cssClass:
|
|
355
|
+
iconAfterInput: r,
|
|
356
|
+
containerClasses: c,
|
|
357
|
+
cssClass: e,
|
|
358
358
|
...o
|
|
359
|
-
}) => /* @__PURE__ */ d("div", { className: f("input w-full flex flex-row",
|
|
359
|
+
}) => /* @__PURE__ */ d("div", { className: f("input w-full flex flex-row", c), children: [
|
|
360
360
|
n,
|
|
361
|
-
/* @__PURE__ */
|
|
361
|
+
/* @__PURE__ */ t(
|
|
362
362
|
un,
|
|
363
363
|
{
|
|
364
364
|
cssClass: f(
|
|
365
365
|
"border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",
|
|
366
|
-
|
|
366
|
+
e
|
|
367
367
|
),
|
|
368
368
|
...o
|
|
369
369
|
}
|
|
370
370
|
),
|
|
371
|
-
|
|
372
|
-
] }),
|
|
371
|
+
r
|
|
372
|
+
] }), Pn = ({
|
|
373
373
|
url: n,
|
|
374
|
-
title:
|
|
375
|
-
linkClassName:
|
|
376
|
-
iconBefore:
|
|
374
|
+
title: r,
|
|
375
|
+
linkClassName: c = "",
|
|
376
|
+
iconBefore: e,
|
|
377
377
|
iconAfter: o
|
|
378
378
|
}) => {
|
|
379
379
|
const a = f(
|
|
380
380
|
o ? "mr-2" : "",
|
|
381
|
-
|
|
381
|
+
e ? "ml-2" : ""
|
|
382
382
|
);
|
|
383
383
|
return /* @__PURE__ */ d(
|
|
384
384
|
"a",
|
|
@@ -386,57 +386,57 @@ const Fn = 24, Rn = 24, I = 1e3, dn = 24, Sn = ({
|
|
|
386
386
|
href: n,
|
|
387
387
|
target: "_blank",
|
|
388
388
|
rel: "noopener noreferrer",
|
|
389
|
-
className: f("base-link",
|
|
390
|
-
title:
|
|
389
|
+
className: f("base-link", c),
|
|
390
|
+
title: r,
|
|
391
391
|
children: [
|
|
392
|
-
|
|
393
|
-
/* @__PURE__ */
|
|
392
|
+
e,
|
|
393
|
+
/* @__PURE__ */ t("span", { className: a, children: r }),
|
|
394
394
|
o
|
|
395
395
|
]
|
|
396
396
|
}
|
|
397
397
|
);
|
|
398
|
-
},
|
|
398
|
+
}, Yn = ({ title: n, text: r, onClick: c }) => /* @__PURE__ */ t(
|
|
399
399
|
"button",
|
|
400
400
|
{
|
|
401
401
|
type: "button",
|
|
402
402
|
className: "tag flex items-center justify-center",
|
|
403
|
-
onClick: () =>
|
|
403
|
+
onClick: () => c == null ? void 0 : c(r || n),
|
|
404
404
|
"aria-label": "button",
|
|
405
|
-
children: /* @__PURE__ */
|
|
405
|
+
children: /* @__PURE__ */ t("h4", { children: n })
|
|
406
406
|
}
|
|
407
|
-
),
|
|
407
|
+
), In = ({
|
|
408
408
|
label: n,
|
|
409
|
-
id:
|
|
410
|
-
checked:
|
|
411
|
-
radioIcon:
|
|
409
|
+
id: r,
|
|
410
|
+
checked: c,
|
|
411
|
+
radioIcon: e,
|
|
412
412
|
description: o,
|
|
413
413
|
onChange: a
|
|
414
414
|
}) => {
|
|
415
|
-
const u =
|
|
416
|
-
(
|
|
417
|
-
|
|
415
|
+
const u = L(
|
|
416
|
+
(p) => {
|
|
417
|
+
p.stopPropagation(), a == null || a(r, p.target.checked);
|
|
418
418
|
},
|
|
419
|
-
[a,
|
|
419
|
+
[a, r]
|
|
420
420
|
);
|
|
421
421
|
return /* @__PURE__ */ d(
|
|
422
422
|
"label",
|
|
423
423
|
{
|
|
424
424
|
className: "flex flex-col cursor-pointer min-w-0 py-[6px]",
|
|
425
|
-
htmlFor:
|
|
425
|
+
htmlFor: r,
|
|
426
426
|
children: [
|
|
427
427
|
/* @__PURE__ */ d("p", { className: "radio-label flex items-center min-w-0", children: [
|
|
428
|
-
/* @__PURE__ */
|
|
428
|
+
/* @__PURE__ */ t(
|
|
429
429
|
"span",
|
|
430
430
|
{
|
|
431
431
|
className: f(
|
|
432
432
|
"flex justify-center items-center w-4 h-4 mr-2 relative",
|
|
433
433
|
"radio-button",
|
|
434
|
-
|
|
434
|
+
c ? "radio-button-active" : ""
|
|
435
435
|
),
|
|
436
|
-
children:
|
|
436
|
+
children: c && e
|
|
437
437
|
}
|
|
438
438
|
),
|
|
439
|
-
n && /* @__PURE__ */
|
|
439
|
+
n && /* @__PURE__ */ t(
|
|
440
440
|
"span",
|
|
441
441
|
{
|
|
442
442
|
className: "radio-title body-1 text-neutrals-1000 flex-1 min-w-0 truncate pr-2",
|
|
@@ -445,7 +445,7 @@ const Fn = 24, Rn = 24, I = 1e3, dn = 24, Sn = ({
|
|
|
445
445
|
}
|
|
446
446
|
)
|
|
447
447
|
] }),
|
|
448
|
-
o && /* @__PURE__ */
|
|
448
|
+
o && /* @__PURE__ */ t(
|
|
449
449
|
"span",
|
|
450
450
|
{
|
|
451
451
|
className: "radio-description ml-6 text-neutrals-800 body-2 w-auto flex items-center",
|
|
@@ -453,13 +453,13 @@ const Fn = 24, Rn = 24, I = 1e3, dn = 24, Sn = ({
|
|
|
453
453
|
children: o
|
|
454
454
|
}
|
|
455
455
|
),
|
|
456
|
-
/* @__PURE__ */
|
|
456
|
+
/* @__PURE__ */ t(
|
|
457
457
|
"input",
|
|
458
458
|
{
|
|
459
459
|
type: "radio",
|
|
460
460
|
onChange: u,
|
|
461
|
-
id:
|
|
462
|
-
checked:
|
|
461
|
+
id: r,
|
|
462
|
+
checked: c,
|
|
463
463
|
className: "hidden"
|
|
464
464
|
}
|
|
465
465
|
)
|
|
@@ -467,122 +467,122 @@ const Fn = 24, Rn = 24, I = 1e3, dn = 24, Sn = ({
|
|
|
467
467
|
}
|
|
468
468
|
);
|
|
469
469
|
};
|
|
470
|
-
var
|
|
471
|
-
const
|
|
470
|
+
var S = /* @__PURE__ */ ((n) => (n.Closed = "Closed", n.Opened = "Opened", n))(S || {}), P = /* @__PURE__ */ ((n) => (n.LG = "Large", n.SM = "Small", n))(P || {});
|
|
471
|
+
const pn = ({
|
|
472
472
|
portalId: n,
|
|
473
|
-
state:
|
|
474
|
-
heading:
|
|
475
|
-
size:
|
|
473
|
+
state: r = S.Opened,
|
|
474
|
+
heading: c,
|
|
475
|
+
size: e,
|
|
476
476
|
onClose: o,
|
|
477
477
|
children: a,
|
|
478
478
|
overlayClassName: u,
|
|
479
|
-
containerClassName:
|
|
480
|
-
dividers:
|
|
481
|
-
closeButtonTitle:
|
|
479
|
+
containerClassName: p,
|
|
480
|
+
dividers: h = !0,
|
|
481
|
+
closeButtonTitle: m
|
|
482
482
|
}) => {
|
|
483
|
-
const { refs:
|
|
484
|
-
open:
|
|
483
|
+
const { refs: x, context: y } = g({
|
|
484
|
+
open: r !== S.Closed && !!r,
|
|
485
485
|
onOpenChange: o
|
|
486
|
-
}), v = D(y, { role: "dialog" }), E = H(y, { outsidePress: !0 }), { getFloatingProps:
|
|
487
|
-
(
|
|
488
|
-
|
|
486
|
+
}), v = D(y, { role: "dialog" }), E = H(y, { outsidePress: !0 }), { getFloatingProps: b } = A([v, E]), i = L(
|
|
487
|
+
(s) => {
|
|
488
|
+
s == null || s.preventDefault(), s == null || s.stopPropagation(), o();
|
|
489
489
|
},
|
|
490
490
|
[o]
|
|
491
491
|
);
|
|
492
|
-
return /* @__PURE__ */
|
|
492
|
+
return /* @__PURE__ */ t(M, { id: n, children: r !== S.Closed && /* @__PURE__ */ t(
|
|
493
493
|
nn,
|
|
494
494
|
{
|
|
495
495
|
className: f(
|
|
496
496
|
"z-modal flex items-center justify-center bg-blackout p-4",
|
|
497
497
|
u
|
|
498
498
|
),
|
|
499
|
-
children: /* @__PURE__ */
|
|
499
|
+
children: /* @__PURE__ */ t(rn, { context: y, children: /* @__PURE__ */ d(
|
|
500
500
|
"div",
|
|
501
501
|
{
|
|
502
502
|
className: f(
|
|
503
503
|
"relative max-h-full modal rounded bg-white flex flex-col shadow w-full",
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
504
|
+
e === P.LG && "max-w-[65%]",
|
|
505
|
+
e === P.SM && "max-w-[30%]",
|
|
506
|
+
h && "divide-neutrals-400 divide-y",
|
|
507
|
+
p,
|
|
508
508
|
"sm:w-full sm:max-w-full sm:px-4 sm:py-6"
|
|
509
509
|
),
|
|
510
|
-
ref:
|
|
511
|
-
...
|
|
512
|
-
onClick(
|
|
513
|
-
|
|
510
|
+
ref: x.setFloating,
|
|
511
|
+
...b({
|
|
512
|
+
onClick(s) {
|
|
513
|
+
s.stopPropagation();
|
|
514
514
|
}
|
|
515
515
|
}),
|
|
516
516
|
children: [
|
|
517
517
|
/* @__PURE__ */ d("div", { className: "flex flex-row justify-between py-3 px-6 items-center mb-2 modal-heading sm:p-0 sm:pb-2", children: [
|
|
518
|
-
|
|
519
|
-
/* @__PURE__ */
|
|
518
|
+
c && (typeof c == "string" ? /* @__PURE__ */ t("h2", { className: "flex-1 min-w-0 mr-3 modal-heading-title sm:h3", children: c }) : c),
|
|
519
|
+
/* @__PURE__ */ t(
|
|
520
520
|
q,
|
|
521
521
|
{
|
|
522
|
-
title:
|
|
523
|
-
onClick:
|
|
522
|
+
title: m,
|
|
523
|
+
onClick: i,
|
|
524
524
|
btnClassNames: "sm:h-[24px] sm:w-[24px] sm:top-4"
|
|
525
525
|
}
|
|
526
526
|
)
|
|
527
527
|
] }),
|
|
528
|
-
a.map((
|
|
528
|
+
a.map((s) => s)
|
|
529
529
|
]
|
|
530
530
|
}
|
|
531
531
|
) })
|
|
532
532
|
}
|
|
533
533
|
) });
|
|
534
|
-
},
|
|
534
|
+
}, jn = (n) => n.state === S.Closed ? null : /* @__PURE__ */ t(pn, { ...n }), Gn = ({
|
|
535
535
|
triggerButton: n,
|
|
536
|
-
options:
|
|
537
|
-
content:
|
|
538
|
-
selectedOption:
|
|
536
|
+
options: r,
|
|
537
|
+
content: c,
|
|
538
|
+
selectedOption: e,
|
|
539
539
|
disabled: o,
|
|
540
540
|
containerClassName: a,
|
|
541
541
|
openedClassName: u,
|
|
542
|
-
onOptionSelect:
|
|
542
|
+
onOptionSelect: p
|
|
543
543
|
}) => {
|
|
544
|
-
const [
|
|
545
|
-
open:
|
|
546
|
-
onOpenChange: o ? void 0 :
|
|
544
|
+
const [h, m] = I(!1), { refs: x, floatingStyles: y, context: v } = g({
|
|
545
|
+
open: h,
|
|
546
|
+
onOpenChange: o ? void 0 : m,
|
|
547
547
|
placement: "bottom-end",
|
|
548
|
-
middleware: [
|
|
549
|
-
whileElementsMounted:
|
|
550
|
-
}), E = an(v),
|
|
548
|
+
middleware: [cn(8), tn(), on()],
|
|
549
|
+
whileElementsMounted: en
|
|
550
|
+
}), E = an(v), b = H(v, { outsidePress: !0 }), { getReferenceProps: i, getFloatingProps: s } = A([
|
|
551
551
|
E,
|
|
552
|
-
|
|
552
|
+
b
|
|
553
553
|
]);
|
|
554
|
-
return /* @__PURE__ */ d(
|
|
555
|
-
/* @__PURE__ */
|
|
554
|
+
return /* @__PURE__ */ d(G, { children: [
|
|
555
|
+
/* @__PURE__ */ t(
|
|
556
556
|
"div",
|
|
557
557
|
{
|
|
558
|
-
ref:
|
|
559
|
-
...
|
|
558
|
+
ref: x.setReference,
|
|
559
|
+
...i({
|
|
560
560
|
onClick(l) {
|
|
561
561
|
l.stopPropagation();
|
|
562
562
|
}
|
|
563
563
|
}),
|
|
564
|
-
className: f(a,
|
|
564
|
+
className: f(a, h && u),
|
|
565
565
|
children: n
|
|
566
566
|
}
|
|
567
567
|
),
|
|
568
|
-
|
|
568
|
+
h && /* @__PURE__ */ d(
|
|
569
569
|
"div",
|
|
570
570
|
{
|
|
571
|
-
ref:
|
|
571
|
+
ref: x.setFloating,
|
|
572
572
|
style: y,
|
|
573
573
|
className: "flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",
|
|
574
|
-
...
|
|
574
|
+
...s(),
|
|
575
575
|
children: [
|
|
576
|
-
|
|
577
|
-
|
|
576
|
+
c && c,
|
|
577
|
+
r && r.map((l) => /* @__PURE__ */ t(
|
|
578
578
|
"div",
|
|
579
579
|
{
|
|
580
|
-
onClick: (
|
|
581
|
-
|
|
580
|
+
onClick: (N) => {
|
|
581
|
+
N.stopPropagation(), p == null || p(l.key), m(!1);
|
|
582
582
|
},
|
|
583
583
|
className: f(
|
|
584
584
|
"text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",
|
|
585
|
-
|
|
585
|
+
e === l.key && "bg-hues-100"
|
|
586
586
|
),
|
|
587
587
|
children: /* @__PURE__ */ d(
|
|
588
588
|
"div",
|
|
@@ -591,7 +591,7 @@ const sn = ({
|
|
|
591
591
|
title: l.title,
|
|
592
592
|
children: [
|
|
593
593
|
l.icon ? l.icon : null,
|
|
594
|
-
/* @__PURE__ */
|
|
594
|
+
/* @__PURE__ */ t("p", { children: l == null ? void 0 : l.title })
|
|
595
595
|
]
|
|
596
596
|
}
|
|
597
597
|
)
|
|
@@ -602,86 +602,122 @@ const sn = ({
|
|
|
602
602
|
}
|
|
603
603
|
)
|
|
604
604
|
] });
|
|
605
|
-
},
|
|
606
|
-
/* @__PURE__ */
|
|
605
|
+
}, $n = ({ limitMessages: n, query: r }) => /* @__PURE__ */ d("div", { className: "bg-hues-100 px-2 py-1 flex justify-between flex-wrap items-center", children: [
|
|
606
|
+
/* @__PURE__ */ t("div", { className: "flex gap-x-[4px]", children: /* @__PURE__ */ t("div", { className: "flex flex-col", children: /* @__PURE__ */ d("div", { className: "flex gap-x-[4px]", children: [
|
|
607
607
|
/* @__PURE__ */ d("span", { className: "text-primary h5", children: [
|
|
608
608
|
n == null ? void 0 : n.excelFormatTitle,
|
|
609
609
|
" "
|
|
610
610
|
] }),
|
|
611
|
-
/* @__PURE__ */
|
|
611
|
+
/* @__PURE__ */ t("span", { className: "text-neutrals-800 body-3", children: n == null ? void 0 : n.excelFormatText })
|
|
612
612
|
] }) }) }),
|
|
613
|
-
/* @__PURE__ */
|
|
613
|
+
/* @__PURE__ */ t("a", { href: r, target: "_blank", children: /* @__PURE__ */ d("span", { className: "flex gap-x-[4px] body-3 cursor-pointer items-center", children: [
|
|
614
614
|
n == null ? void 0 : n.dataExplorerIcon,
|
|
615
615
|
n == null ? void 0 : n.dataExplorer
|
|
616
616
|
] }) })
|
|
617
|
-
] }),
|
|
617
|
+
] }), gn = ({
|
|
618
618
|
limitMessages: n,
|
|
619
|
-
isDownload:
|
|
620
|
-
showAdvancedViewButton:
|
|
621
|
-
onAdvancedViewClick:
|
|
619
|
+
isDownload: r,
|
|
620
|
+
showAdvancedViewButton: c,
|
|
621
|
+
onAdvancedViewClick: e,
|
|
622
622
|
query: o
|
|
623
623
|
}) => {
|
|
624
624
|
var a, u;
|
|
625
|
-
return /* @__PURE__ */ d(
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
/* @__PURE__ */
|
|
625
|
+
return /* @__PURE__ */ d(
|
|
626
|
+
"div",
|
|
627
|
+
{
|
|
628
|
+
className: f(
|
|
629
|
+
"bg-semantic-warning-light px-2 py-1 flex justify-between flex-wrap items-center",
|
|
630
|
+
n == null ? void 0 : n.containerClassName
|
|
631
|
+
),
|
|
632
|
+
children: [
|
|
633
|
+
/* @__PURE__ */ d("div", { className: "flex gap-x-2 items-center", children: [
|
|
634
|
+
/* @__PURE__ */ t("span", { children: n == null ? void 0 : n.warningIcon }),
|
|
635
|
+
/* @__PURE__ */ d("div", { className: "flex flex-col gap-1", children: [
|
|
636
|
+
/* @__PURE__ */ d("div", { className: "flex gap-x-[4px]", children: [
|
|
637
|
+
/* @__PURE__ */ d(
|
|
638
|
+
"span",
|
|
639
|
+
{
|
|
640
|
+
className: f(
|
|
641
|
+
"text-primary h5",
|
|
642
|
+
n == null ? void 0 : n.largeQueryClassName
|
|
643
|
+
),
|
|
644
|
+
children: [
|
|
645
|
+
n == null ? void 0 : n.largeQuery,
|
|
646
|
+
":",
|
|
647
|
+
" "
|
|
648
|
+
]
|
|
649
|
+
}
|
|
650
|
+
),
|
|
651
|
+
/* @__PURE__ */ t(
|
|
652
|
+
"span",
|
|
653
|
+
{
|
|
654
|
+
className: f(
|
|
655
|
+
"text-neutrals-800 body-3",
|
|
656
|
+
n == null ? void 0 : n.limitMessageClassName
|
|
657
|
+
),
|
|
658
|
+
children: r ? (a = n == null ? void 0 : n.downloadMessage) == null ? void 0 : a.call(n, j) : (u = n == null ? void 0 : n.showingLimit) == null ? void 0 : u.call(n, j)
|
|
659
|
+
}
|
|
660
|
+
)
|
|
661
|
+
] }),
|
|
662
|
+
r && /* @__PURE__ */ t(
|
|
663
|
+
"span",
|
|
664
|
+
{
|
|
665
|
+
className: f(
|
|
666
|
+
"text-neutrals-800 body-3",
|
|
667
|
+
n == null ? void 0 : n.limitMessageClassName
|
|
668
|
+
),
|
|
669
|
+
children: n == null ? void 0 : n.fullLimitMessage
|
|
670
|
+
}
|
|
671
|
+
)
|
|
672
|
+
] })
|
|
636
673
|
] }),
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
]
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
] });
|
|
674
|
+
c && /* @__PURE__ */ d(
|
|
675
|
+
"span",
|
|
676
|
+
{
|
|
677
|
+
onClick: () => e == null ? void 0 : e(),
|
|
678
|
+
className: "flex gap-x-[4px] h4 cursor-pointer items-center text-primary",
|
|
679
|
+
children: [
|
|
680
|
+
n == null ? void 0 : n.editIcon,
|
|
681
|
+
n == null ? void 0 : n.refineInAdvancedView
|
|
682
|
+
]
|
|
683
|
+
}
|
|
684
|
+
),
|
|
685
|
+
r && /* @__PURE__ */ t("a", { href: o || "", target: "_blank", children: /* @__PURE__ */ d("span", { className: "flex gap-x-[4px] body-3 cursor-pointer items-center", children: [
|
|
686
|
+
n == null ? void 0 : n.dataExplorerIcon,
|
|
687
|
+
n == null ? void 0 : n.dataExplorer
|
|
688
|
+
] }) })
|
|
689
|
+
]
|
|
690
|
+
}
|
|
691
|
+
);
|
|
656
692
|
};
|
|
657
|
-
var
|
|
693
|
+
var hn = /* @__PURE__ */ ((n) => (n.Enter = "Enter", n))(hn || {});
|
|
658
694
|
export {
|
|
659
695
|
wn as Alert,
|
|
660
|
-
|
|
696
|
+
C as AlertType,
|
|
661
697
|
vn as Button,
|
|
662
698
|
dn as CALENDAR_MOBILE_PADDING,
|
|
663
|
-
|
|
664
|
-
|
|
699
|
+
Rn as Calendar,
|
|
700
|
+
Sn as Checkbox,
|
|
665
701
|
q as CloseButton,
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
669
|
-
|
|
670
|
-
|
|
702
|
+
_n as CollapsibleBlock,
|
|
703
|
+
$n as DownloadFormatMessage,
|
|
704
|
+
Gn as Dropdown,
|
|
705
|
+
Ln as HighlightText,
|
|
706
|
+
On as IconButton,
|
|
671
707
|
un as Input,
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
708
|
+
kn as InputWithIcon,
|
|
709
|
+
hn as KeyboardKey,
|
|
710
|
+
Pn as Link,
|
|
675
711
|
T as Loader,
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
|
|
712
|
+
P as PopUpSize,
|
|
713
|
+
S as PopUpState,
|
|
714
|
+
jn as Popup,
|
|
715
|
+
In as Radio,
|
|
716
|
+
gn as RequestLimitMessage,
|
|
717
|
+
j as SERIES_LIMIT,
|
|
682
718
|
Fn as TREE_NODE_ARROW_SIZE,
|
|
683
|
-
|
|
684
|
-
|
|
719
|
+
Cn as TREE_NODE_PADDING,
|
|
720
|
+
Yn as Tag,
|
|
685
721
|
En as useDebounce,
|
|
686
722
|
ln as useIsMobile
|
|
687
723
|
};
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@epam/statgpt-ui-components",
|
|
3
|
-
"version": "0.2.0-rc.
|
|
3
|
+
"version": "0.2.0-rc.20",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"dependencies": {
|
|
6
6
|
"react-flatpickr": "^4.0.11",
|
|
7
7
|
"react": "^19.2.1",
|
|
8
8
|
"classnames": "^2.5.1",
|
|
9
|
-
"@epam/statgpt-shared-toolkit": "0.2.0-rc.
|
|
9
|
+
"@epam/statgpt-shared-toolkit": "0.2.0-rc.20",
|
|
10
10
|
"@tabler/icons-react": "^3.34.1",
|
|
11
11
|
"@floating-ui/react": "^0.27.14"
|
|
12
12
|
},
|