@epam/statgpt-ui-components 0.1.0-rc.0 → 0.1.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -22,7 +22,6 @@ user interface across the application.
22
22
  - [License](#license)
23
23
 
24
24
  ## Features
25
- -
26
25
  - Consistent, accessible, and customizable UI components
27
26
  - Components for forms, buttons, inputs, modals, loaders, and more
28
27
  - Built with TypeScript and Tailwind CSS
@@ -2,7 +2,8 @@ import { FC, ReactNode } from 'react';
2
2
  import { DropdownItem } from '../../models/dropdown-item';
3
3
  interface Props {
4
4
  triggerButton: ReactNode;
5
- options: DropdownItem[];
5
+ options?: DropdownItem[];
6
+ content?: ReactNode;
6
7
  selectedOption?: string;
7
8
  disabled?: boolean;
8
9
  containerClassName?: string;
@@ -2,6 +2,7 @@ import { FC, MouseEvent, ReactNode } from 'react';
2
2
  interface Props {
3
3
  title?: string;
4
4
  buttonClassName: string;
5
+ isBaseIconStyles?: boolean;
5
6
  icon?: ReactNode;
6
7
  disabled?: boolean;
7
8
  onClick?: (e: MouseEvent<HTMLButtonElement>) => void;
@@ -0,0 +1,2 @@
1
+ export declare function useDebounce<T extends (...args: any[]) => void>(callback: T, delay: number): (...args: Parameters<T>) => void;
2
+ export default useDebounce;
package/hooks/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { useIsMobile } from './isMobile';
2
+ export { useDebounce } from './debounce';
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}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-3{bottom:.75rem}.left-0{left:0}.right-3{right:.75rem}.right-\[11px\]{right:11px}.top-\[26px\]{top:26px}.top-\[29px\]{top:29px}.z-10{z-index:10}.z-\[4\]{z-index:4}.z-\[52\]{z-index:52}.order-2{order:2}.order-3{order:3}.mx-\[-8px\]{margin-left:-8px;margin-right:-8px}.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-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}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.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}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\!h-5{height:1.25rem!important}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[20px\]{height:20px}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[4px\]{height:4px}.h-\[80\%\]{height:80%}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:24rem}.max-h-\[32px\]{max-height:32px}.max-h-\[400px\]{max-height:400px}.max-h-\[48px\]{max-height:48px}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[100px\]{min-height:100px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[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-\[176px\]{width:176px}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-\[300px\]{width:300px}.w-\[363px\]{width:363px}.w-\[44px\]{width:44px}.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}.max-w-\[130px\]{max-width:130px}.max-w-\[250px\]{max-width:250px}.max-w-\[30\%\]{max-width:30%}.max-w-\[300px\]{max-width:300px}.max-w-\[500px\]{max-width:500px}.max-w-\[65\%\]{max-width:65%}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-0{--tw-rotate:0deg;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,.rotate-\[180deg\]{--tw-rotate:180deg}.rotate-180,.rotate-\[180deg\],.rotate-\[90deg\]{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-\[90deg\]{--tw-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}.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-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;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-\[20px\]{border-radius:20px}.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-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t-2{border-top-width:2px}.\!border-none{border-style:none!important}.border-none{border-style:none}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-neutrals-200{border-color:var(--neutrals-200,#f3f5ff)}.border-neutrals-400{border-color:var(--neutrals-400,#e9eef6)}.border-neutrals-600{border-color:var(--neutrals-600,#cfcfcf)}.border-neutrals-800{border-color:var(--neutrals-800,#757575)}.border-transparent{border-color:transparent}.border-b-transparent{border-bottom-color:transparent}.bg-blackout{background-color:var(--blackout,#090d13b3)}.bg-highlight{background-color:var(--highlight,#bedaff)}.bg-hues-100{background-color:var(--hues-100,#dfe6ff)}.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-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)}.\!p-0{padding:0!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}.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-\[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}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pr-0\.5{padding-right:.125rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.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-\[20px\]{padding-top:20px}.pt-\[8px\]{padding-top:8px}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.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-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-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-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\:opacity-100{opacity:1}@media (max-width:719px){.sm\:top-4{top:1rem}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-3{height:.75rem}.sm\:h-\[24px\]{height:24px}.sm\:w-\[24px\]{width:24px}.sm\:w-\[calc\(100\%-30px\)\]{width:calc(100% - 30px)}.sm\:w-full{width:100%}.sm\:max-w-full{max-width:100%}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:gap-y-5{row-gap:1.25rem}.sm\:border-0{border-width:0}.sm\:p-0{padding:0}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\:pb-2{padding-bottom:.5rem}.sm\:pt-10{padding-top:2.5rem}.sm\:hover\:bg-white:hover{background-color:var(--white,#fff)}}@media (min-width:720px){.sm-min\:px-4{padding-left:1rem;padding-right:1rem}}
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}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-3{bottom:.75rem}.bottom-\[88px\]{bottom:88px}.left-0{left:0}.left-\[-8px\]{left:-8px}.right-10{right:2.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-\[-8px\]{right:-8px}.right-\[11px\]{right:11px}.top-3{top:.75rem}.top-4{top:1rem}.top-\[26px\]{top:26px}.top-\[29px\]{top:29px}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\[4\]{z-index:4}.z-\[52\]{z-index:52}.order-2{order:2}.order-3{order:3}.mx-\[-8px\]{margin-left:-8px;margin-right:-8px}.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}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\!h-5{height:1.25rem!important}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[20px\]{height:20px}.h-\[40px\]{height:40px}.h-\[44px\]{height:44px}.h-\[4px\]{height:4px}.h-\[80\%\]{height:80%}.h-auto{height:auto}.h-full{height:100%}.max-h-96{max-height:24rem}.max-h-\[32px\]{max-height:32px}.max-h-\[400px\]{max-height:400px}.max-h-\[48px\]{max-height:48px}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-\[100px\]{min-height:100px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-\[400px\]{min-height:400px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.\!w-5{width:1.25rem!important}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-\[100\%\]{width:100%}.w-\[176px\]{width:176px}.w-\[20px\]{width:20px}.w-\[24px\]{width:24px}.w-\[300px\]{width:300px}.w-\[363px\]{width:363px}.w-\[40px\]{width:40px}.w-\[44px\]{width:44px}.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-full{max-width:100%}.max-w-none{max-width:none}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.rotate-\[180deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[180deg\]{--tw-rotate:180deg}.rotate-\[90deg\]{--tw-rotate:90deg}.rotate-\[90deg\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.resize{resize:both}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-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;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-\[100px\]{border-radius:100px}.rounded-\[20px\]{border-radius:20px}.rounded-\[50\%\]{border-radius:50%}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-\[1px\]{border-width:1px}.border-\[2px\]{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t-2{border-top-width:2px}.\!border-none{border-style:none!important}.border-none{border-style:none}.border-accent-700{border-color:var(--accent-700,#0094ff)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-hues-200{border-color:var(--hues-200,#cbd0ff)}.border-neutrals-200{border-color:var(--neutrals-200,#f3f5ff)}.border-neutrals-400{border-color:var(--neutrals-400,#e9eef6)}.border-neutrals-600{border-color:var(--neutrals-600,#cfcfcf)}.border-neutrals-800{border-color:var(--neutrals-800,#757575)}.border-primary{border-color:var(--primary,#414fff)}.border-transparent{border-color:transparent}.border-b-transparent{border-bottom-color:transparent}.bg-accent-300{background-color:var(--accent-300,#90a1ff)}.bg-blackout{background-color:var(--blackout,#090d13b3)}.bg-highlight{background-color:var(--highlight,#bedaff)}.bg-hues-100{background-color:var(--hues-100,#dfe6ff)}.bg-hues-900{background-color:var(--hues-900,#0d2282)}.bg-neutral-300{--tw-bg-opacity:1;background-color:rgb(212 212 212/var(--tw-bg-opacity,1))}.bg-neutrals-100{background-color:var(--neutrals-100,#f3f6fb)}.bg-neutrals-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-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-\[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}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pr-0\.5{padding-right:.125rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.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-\[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-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-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-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\:opacity-100{opacity:1}@media (max-width:719px){.sm\:top-4{top:1rem}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-3{height:.75rem}.sm\:h-\[24px\]{height:24px}.sm\:w-\[24px\]{width:24px}.sm\:w-\[calc\(100\%-30px\)\]{width:calc(100% - 30px)}.sm\:w-full{width:100%}.sm\:max-w-full{max-width:100%}.sm\:flex-col-reverse{flex-direction:column-reverse}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:gap-y-4{row-gap:1rem}.sm\:border-0{border-width:0}.sm\:p-0{padding:0}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\:pb-2{padding-bottom:.5rem}.sm\:pt-10{padding-top:2.5rem}.sm\: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}}
package/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),f=require("react"),d=require("classnames"),k=require("@tabler/icons-react"),H=require("react-flatpickr"),m=require("@floating-ui/react"),_=()=>s.jsx("div",{className:"flex items-center justify-center h-full",children:s.jsx("div",{className:"loader"})}),M=({title:e,btnClassNames:t,iconWidth:r,iconHeight:n,onClick:c})=>s.jsx("button",{type:"button","aria-label":"button",className:t,title:e,onClick:c,children:s.jsx(k.IconX,{height:n||20,width:r||20})});var w=(e=>(e.ERROR="error",e.SUCCESS="success",e.IN_PROGRESS="in_progress",e))(w||{});const T=({alertDetails:e,successIcon:t,errorIcon:r,onClose:n,closeButtonTitle:c})=>{const o=()=>(e==null?void 0:e.type)===w.IN_PROGRESS?"alert-in-progress":(e==null?void 0:e.type)===w.SUCCESS?"alert-success":"alert-error";return f.useEffect(()=>{(e==null?void 0:e.type)!==w.IN_PROGRESS&&setTimeout(()=>{n==null||n()},5e3)},[e==null?void 0:e.type,n]),s.jsx("div",{className:d("alert alert-shadow fixed bottom-3 right-3 z-10",o()),children:s.jsxs("div",{className:"alert-content flex items-start",children:[s.jsx("div",{className:"alert-icon",children:(e==null?void 0:e.type)===w.IN_PROGRESS?s.jsx(_,{}):(e==null?void 0:e.type)===w.SUCCESS?t:r}),s.jsxs("div",{className:"flex flex-col gap-2 max-w-[300px]",children:[s.jsx("h3",{className:"truncate",children:e==null?void 0:e.title}),(e==null?void 0:e.text)&&s.jsx("div",{className:"alert-text truncate",title:e==null?void 0:e.text,children:e==null?void 0:e.text})]}),s.jsx(M,{title:c,onClick:n})]})})},W=({buttonClassName:e,isLoading:t=!1,title:r,disabled:n,iconAfter:c,iconBefore:o,onClick:i,isSmallButton:l})=>{const u=d(l?"font-semibold":"",c?"mr-2":"",o?"ml-2":"");return s.jsxs("button",{type:"button",className:d("base-button",e,l?"small-button":""),disabled:n||t,"aria-label":"button",onClick:h=>i==null?void 0:i(h),title:r,children:[o,t&&s.jsx(_,{}),r?l?s.jsx("h4",{className:u,children:r}):s.jsx("h3",{className:u,children:r}):null,c]})};var E=(e=>(e.MONTH="month",e.DAY="day",e))(E||{});const $=({label:e,onChange:t,value:r,options:n,calendarResolution:c=E.DAY,id:o,icon:i})=>{var g;const l=f.useRef(null);f.useEffect(()=>{var j;const p=l==null?void 0:l.current;p&&((j=p.querySelector("input"))==null||j.setAttribute("aria-label",e))},[e]);const u={...n,defaultDate:c===E.MONTH?new Date(r.getFullYear(),r.getMonth()):r},h=(p,j,N)=>{const x=`calendar__${c===E.MONTH?"month":"day"}`;N.calendarContainer&&N.calendarContainer.classList.add(x)},b=(p,j,N)=>{if(c===E.MONTH&&p.length>0){const x=n.minDate,a=n.maxDate,y=p[0].getFullYear(),R=N.calendarContainer,F="flatpickr-disabled",Y=R.querySelectorAll(".flatpickr-monthSelect-month"),A=R.querySelectorAll(".flatpickr-next-month")[0],I=R.querySelectorAll(".flatpickr-prev-month")[0];y===a.getFullYear()&&A.classList.add(F),y===x.getFullYear()&&I.classList.add(F),(y===x.getFullYear()||y===a.getFullYear())&&Y.forEach(O=>{O.classList.remove(F);const v=new Date(O.getAttribute("aria-label")),q=v.getFullYear()===x.getFullYear()&&v.getMonth()===x.getMonth(),G=v.getFullYear()===a.getFullYear()&&v.getMonth()===a.getMonth();q||G||(v<x||v>a)&&O.classList.add(F)})}};return s.jsxs("div",{className:"relative calendar",ref:l,children:[s.jsx("div",{className:"mb-1 calendar-title",children:e}),s.jsx("label",{htmlFor:o,className:"absolute cursor-pointer right-[11px] top-[29px]",children:i||s.jsx(k.IconCalendarEvent,{})}),s.jsx(H,{defaultValue:(g=c===E.MONTH?new Date(r.getFullYear(),r.getMonth()):r)==null?void 0:g.toDateString(),options:u,onChange:p=>{t(p[0])},onOpen:[b],onReady:[h],id:o})]})},B=({label:e,id:t,checked:r,checkboxIcon:n,onChange:c})=>{const o=f.useCallback(i=>{i.stopPropagation(),c==null||c(t,i.target.checked)},[c,t]);return s.jsxs("label",{className:"flex items-center cursor-pointer min-w-0 py-1",htmlFor:t,children:[s.jsx("span",{className:d("flex justify-center items-center w-4 h-4 mr-2 relative","checkbox-button"),children:r&&n}),e&&s.jsx("p",{className:d("text-neutrals-1000 flex-1 min-w-0 truncate pr-2","checkbox-button-text"),title:e,children:e}),s.jsx("input",{type:"checkbox",onChange:o,id:t,checked:r,className:"hidden"})]})},U=({title:e,icon:t,children:r,value:n})=>{const[c,o]=f.useState(!1);return s.jsxs("div",{className:`collapsible-block flex flex-col border-t-2 border-neutrals-600 ${c?"collapsible-block-open":""}`,children:[s.jsxs("div",{className:"collapsible-block-title flex cursor-pointer items-center py-4",onClick:()=>o(!c),children:[s.jsx("div",{className:`${c?"rotate-180":""} transition-transform`,children:t||s.jsx(k.IconChevronDown,{className:"w-5 h-5 mr-3"})}),s.jsxs("div",{className:"flex flex-1 items-center justify-between",children:[s.jsx("span",{children:e}),n&&s.jsx("p",{className:"body-1 text-neutrals-800",children:n})]})]}),c&&s.jsx("div",{className:"collapsible-block-content pb-4",children:r})]})},z=({text:e,highlightText:t})=>{const r=f.useMemo(()=>{var i;const n=[];if(!t)return[{id:0,text:e,highlight:!1}];const c=(t==null?void 0:t.toLowerCase())||"",o=((i=e==null?void 0:e.toLowerCase())==null?void 0:i.split(c))||"";for(let l=0,u=0;l<(o==null?void 0:o.length);l++){const h=o==null?void 0:o[l],b=h.length;h!==""&&n.push({id:n.length,highlight:!1,text:e==null?void 0:e.substring(u,u+b)}),u+=b,l!==(o==null?void 0:o.length)-1&&(n.push({id:n.length,highlight:!0,text:e==null?void 0:e.substring(u,u+t.length)}),u+=t.length)}return n},[t,e]);return s.jsx(s.Fragment,{children:r.map(n=>s.jsx("span",{className:d((n==null?void 0:n.highlight)&&"bg-highlight"),children:n==null?void 0:n.text},n==null?void 0:n.id))})},K=({icon:e,onClick:t,buttonClassName:r,disabled:n,title:c})=>s.jsx("button",{type:"button",className:d(r,"base-icon-button"),onClick:o=>t==null?void 0:t(o),disabled:n,title:c,"aria-label":"button",children:e}),P=({value:e,inputId:t,placeholder:r="",cssClass:n="",type:c="text",disabled:o,readonly:i,onChange:l,onKeyDown:u})=>{const h=d("truncate outline-none shadow-none body-1",n,i?"pointer-events-none":"");return s.jsx("input",{type:c,autoComplete:"off",id:t,placeholder:r,value:e||"",title:e?String(e):"",disabled:o,className:h,onKeyDown:u,onChange:b=>l==null?void 0:l(b.currentTarget.value)})},V=({iconBeforeInput:e,iconAfterInput:t,containerClasses:r,cssClass:n,...c})=>s.jsxs("div",{className:d("input w-full flex flex-row",r),children:[e,s.jsx(P,{cssClass:d("border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",n),...c}),t]}),Z=({url:e,title:t,linkClassName:r="",iconBefore:n,iconAfter:c})=>{const o=d(c?"mr-2":"",n?"ml-2":"");return s.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:d("base-link",r),title:t,children:[n,s.jsx("span",{className:o,children:t}),c]})},Q=({title:e,text:t,onClick:r})=>s.jsx("button",{type:"button",className:"tag flex items-center justify-center",onClick:()=>r==null?void 0:r(t||e),"aria-label":"button",children:s.jsx("h4",{children:e})}),X=({label:e,id:t,checked:r,radioIcon:n,description:c,onChange:o})=>{const i=f.useCallback(l=>{l.stopPropagation(),o==null||o(t,l.target.checked)},[o,t]);return s.jsxs("label",{className:"flex flex-col cursor-pointer min-w-0 py-[6px]",htmlFor:t,children:[s.jsxs("p",{className:"radio-label flex items-center min-w-0",children:[s.jsx("span",{className:d("flex justify-center items-center w-4 h-4 mr-2 relative","radio-button",r?"radio-button-active":""),children:r&&n}),e&&s.jsx("span",{className:"radio-title body-1 text-neutrals-1000 flex-1 min-w-0 truncate pr-2",title:e,children:e})]}),c&&s.jsx("span",{className:"radio-description ml-6 text-neutrals-800 body-2 w-auto flex items-center",title:c,children:c}),s.jsx("input",{type:"radio",onChange:i,id:t,checked:r,className:"hidden"})]})};var S=(e=>(e.Closed="Closed",e.Opened="Opened",e))(S||{}),C=(e=>(e.LG="Large",e.SM="Small",e))(C||{});const J=({portalId:e,state:t=S.Opened,heading:r,size:n,onClose:c,children:o,overlayClassName:i,containerClassName:l,dividers:u=!0,closeButtonTitle:h})=>{const{refs:b,context:g}=m.useFloating({open:t!==S.Closed&&!!t,onOpenChange:c}),p=m.useRole(g,{role:"dialog"}),j=m.useDismiss(g,{outsidePress:!0}),{getFloatingProps:N}=m.useInteractions([p,j]),x=f.useCallback(a=>{a==null||a.preventDefault(),a==null||a.stopPropagation(),c()},[c]);return s.jsx(m.FloatingPortal,{id:e,children:t!==S.Closed&&s.jsx(m.FloatingOverlay,{className:d("z-[52] flex items-center justify-center bg-blackout p-4",i),children:s.jsx(m.FloatingFocusManager,{context:g,children:s.jsxs("div",{className:d("relative max-h-full modal rounded bg-white flex flex-col shadow w-full",n===C.LG&&"max-w-[65%]",n===C.SM&&"max-w-[30%]",u&&"divide-neutrals-400 divide-y",l,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:b.setFloating,...N({onClick(a){a.stopPropagation()}}),children:[s.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:[r&&(typeof r=="string"?s.jsx("h2",{className:"flex-1 min-w-0 mr-3 modal-heading-title sm:h3",children:r}):r),s.jsx(M,{title:h,onClick:x,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),o.map(a=>a)]})})})})},D=e=>e.state===S.Closed?null:s.jsx(J,{...e}),ee=({triggerButton:e,options:t,selectedOption:r,disabled:n,containerClassName:c,openedClassName:o,onOptionSelect:i})=>{const[l,u]=f.useState(!1),{refs:h,floatingStyles:b,context:g}=m.useFloating({open:l,onOpenChange:n?void 0:u,placement:"bottom-end",middleware:[m.offset(8),m.flip(),m.shift()],whileElementsMounted:m.autoUpdate}),p=m.useClick(g),j=m.useDismiss(g,{outsidePress:!0}),{getReferenceProps:N,getFloatingProps:x}=m.useInteractions([p,j]);return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:h.setReference,...N({onClick(a){a.stopPropagation()}}),className:d(c,l&&o),children:e}),l&&s.jsx("div",{ref:h.setFloating,style:b,className:"flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",...x(),children:t.map(a=>s.jsx("div",{onClick:y=>{y.stopPropagation(),i==null||i(a.key),u(!1)},className:d("text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",r===a.key&&"bg-hues-100"),children:s.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,s.jsx("p",{children:a==null?void 0:a.title})]})},a.key))})]})},se=24,ne=24;function te(e=719){const[t,r]=f.useState(()=>typeof window<"u"?window.innerWidth<e:!1);return f.useEffect(()=>{const n=window.matchMedia(`(max-width: ${e}px)`),c=o=>{r(o.matches)};return r(n.matches),n.addEventListener("change",c),()=>n.removeEventListener("change",c)},[e]),t}var L=(e=>(e.Enter="Enter",e))(L||{});exports.Alert=T;exports.AlertType=w;exports.Button=W;exports.Calendar=$;exports.Checkbox=B;exports.CloseButton=M;exports.CollapsibleBlock=U;exports.Dropdown=ee;exports.HighlightText=z;exports.IconButton=K;exports.Input=P;exports.InputWithIcon=V;exports.KeyboardKey=L;exports.Link=Z;exports.Loader=_;exports.PopUpSize=C;exports.PopUpState=S;exports.Popup=D;exports.Radio=X;exports.TREE_NODE_ARROW_SIZE=se;exports.TREE_NODE_PADDING=ne;exports.Tag=Q;exports.useIsMobile=te;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),x=require("react"),d=require("classnames"),O=require("@tabler/icons-react"),G=require("react-flatpickr"),h=require("@floating-ui/react"),_=()=>s.jsx("div",{className:"flex items-center justify-center h-full",children:s.jsx("div",{className:"loader"})}),M=({title:e,btnClassNames:t,iconWidth:r,iconHeight:n,onClick:c})=>s.jsx("button",{type:"button","aria-label":"button",className:t,title:e,onClick:c,children:s.jsx(O.IconX,{height:n||20,width:r||20})});var y=(e=>(e.ERROR="error",e.SUCCESS="success",e.IN_PROGRESS="in_progress",e))(y||{});const H=({alertDetails:e,successIcon:t,errorIcon:r,onClose:n,closeButtonTitle:c})=>{const o=()=>(e==null?void 0:e.type)===y.IN_PROGRESS?"alert-in-progress":(e==null?void 0:e.type)===y.SUCCESS?"alert-success":"alert-error";return x.useEffect(()=>{(e==null?void 0:e.type)!==y.IN_PROGRESS&&setTimeout(()=>{n==null||n()},5e3)},[e==null?void 0:e.type,n]),s.jsx("div",{className:d("alert alert-shadow fixed bottom-3 right-3 z-10",o()),children:s.jsxs("div",{className:"alert-content flex items-start",children:[s.jsx("div",{className:"alert-icon",children:(e==null?void 0:e.type)===y.IN_PROGRESS?s.jsx(_,{}):(e==null?void 0:e.type)===y.SUCCESS?t:r}),s.jsxs("div",{className:"flex flex-col gap-2 max-w-[300px]",children:[s.jsx("h3",{className:"truncate",children:e==null?void 0:e.title}),(e==null?void 0:e.text)&&s.jsx("div",{className:"alert-text truncate",title:e==null?void 0:e.text,children:e==null?void 0:e.text})]}),s.jsx(M,{title:c,onClick:n})]})})},W=({buttonClassName:e,isLoading:t=!1,title:r,disabled:n,iconAfter:c,iconBefore:o,onClick:l,isSmallButton:a})=>{const i=d(a?"font-semibold":"",c?"mr-2":"",o?"ml-2":"");return s.jsxs("button",{type:"button",className:d("base-button",e,a?"small-button":""),disabled:n||t,"aria-label":"button",onClick:p=>l==null?void 0:l(p),title:r,children:[o,t&&s.jsx(_,{}),r?a?s.jsx("h4",{className:i,children:r}):s.jsx("h3",{className:i,children:r}):null,c]})};var E=(e=>(e.MONTH="month",e.DAY="day",e))(E||{});const $=({label:e,onChange:t,value:r,options:n,calendarResolution:c=E.DAY,id:o,icon:l})=>{var j;const a=x.useRef(null);x.useEffect(()=>{var N;const f=a==null?void 0:a.current;f&&((N=f.querySelector("input"))==null||N.setAttribute("aria-label",e))},[e]);const i={...n,defaultDate:c===E.MONTH?new Date(r.getFullYear(),r.getMonth()):r},p=(f,N,w)=>{const g=`calendar__${c===E.MONTH?"month":"day"}`;w.calendarContainer&&w.calendarContainer.classList.add(g)},b=(f,N,w)=>{if(c===E.MONTH&&f.length>0){const g=n.minDate,u=n.maxDate,m=f[0].getFullYear(),C=w.calendarContainer,F="flatpickr-disabled",Y=C.querySelectorAll(".flatpickr-monthSelect-month"),A=C.querySelectorAll(".flatpickr-next-month")[0],I=C.querySelectorAll(".flatpickr-prev-month")[0];m===u.getFullYear()&&A.classList.add(F),m===g.getFullYear()&&I.classList.add(F),(m===g.getFullYear()||m===u.getFullYear())&&Y.forEach(k=>{k.classList.remove(F);const v=new Date(k.getAttribute("aria-label")),q=v.getFullYear()===g.getFullYear()&&v.getMonth()===g.getMonth(),T=v.getFullYear()===u.getFullYear()&&v.getMonth()===u.getMonth();q||T||(v<g||v>u)&&k.classList.add(F)})}};return s.jsxs("div",{className:"relative calendar",ref:a,children:[s.jsx("div",{className:"mb-1 calendar-title",children:e}),s.jsx("label",{htmlFor:o,className:"absolute cursor-pointer right-[11px] top-[29px]",children:l||s.jsx(O.IconCalendarEvent,{})}),s.jsx(G,{defaultValue:(j=c===E.MONTH?new Date(r.getFullYear(),r.getMonth()):r)==null?void 0:j.toDateString(),options:i,onChange:f=>{t(f[0])},onOpen:[b],onReady:[p],id:o})]})},B=({label:e,id:t,checked:r,checkboxIcon:n,onChange:c})=>{const o=x.useCallback(l=>{l.stopPropagation(),c==null||c(t,l.target.checked)},[c,t]);return s.jsxs("label",{className:"flex items-center cursor-pointer min-w-0 py-1",htmlFor:t,children:[s.jsx("span",{className:d("flex justify-center items-center w-4 h-4 mr-2 relative","checkbox-button"),children:r&&n}),e&&s.jsx("p",{className:d("text-neutrals-1000 flex-1 min-w-0 truncate pr-2","checkbox-button-text"),title:e,children:e}),s.jsx("input",{type:"checkbox",onChange:o,id:t,checked:r,className:"hidden"})]})},U=({title:e,icon:t,children:r,value:n})=>{const[c,o]=x.useState(!1);return s.jsxs("div",{className:`collapsible-block flex flex-col border-t-2 border-neutrals-600 ${c?"collapsible-block-open":""}`,children:[s.jsxs("div",{className:"collapsible-block-title flex cursor-pointer items-center py-4",onClick:()=>o(!c),children:[s.jsx("div",{className:`${c?"rotate-180":""} transition-transform`,children:t||s.jsx(O.IconChevronDown,{className:"w-5 h-5 mr-3"})}),s.jsxs("div",{className:"flex flex-1 items-center justify-between",children:[s.jsx("span",{children:e}),n&&s.jsx("p",{className:"body-1 text-neutrals-800",children:n})]})]}),c&&s.jsx("div",{className:"collapsible-block-content pb-4",children:r})]})},z=({text:e,highlightText:t})=>{const r=x.useMemo(()=>{var l;const n=[];if(!t)return[{id:0,text:e,highlight:!1}];const c=(t==null?void 0:t.toLowerCase())||"",o=((l=e==null?void 0:e.toLowerCase())==null?void 0:l.split(c))||"";for(let a=0,i=0;a<(o==null?void 0:o.length);a++){const p=o==null?void 0:o[a],b=p.length;p!==""&&n.push({id:n.length,highlight:!1,text:e==null?void 0:e.substring(i,i+b)}),i+=b,a!==(o==null?void 0:o.length)-1&&(n.push({id:n.length,highlight:!0,text:e==null?void 0:e.substring(i,i+t.length)}),i+=t.length)}return n},[t,e]);return s.jsx(s.Fragment,{children:r.map(n=>s.jsx("span",{className:d((n==null?void 0:n.highlight)&&"bg-highlight"),children:n==null?void 0:n.text},n==null?void 0:n.id))})},K=({icon:e,onClick:t,buttonClassName:r,disabled:n,title:c,isBaseIconStyles:o=!0})=>s.jsx("button",{type:"button",className:d(o&&"base-icon-button",r),onClick:l=>t==null?void 0:t(l),disabled:n,title:c,"aria-label":"button",children:e}),P=({value:e,inputId:t,placeholder:r="",cssClass:n="",type:c="text",disabled:o,readonly:l,onChange:a,onKeyDown:i})=>{const p=d("truncate outline-none shadow-none body-1",n,l?"pointer-events-none":"");return s.jsx("input",{type:c,autoComplete:"off",id:t,placeholder:r,value:e||"",title:e?String(e):"",disabled:o,className:p,onKeyDown:i,onChange:b=>a==null?void 0:a(b.currentTarget.value)})},V=({iconBeforeInput:e,iconAfterInput:t,containerClasses:r,cssClass:n,...c})=>s.jsxs("div",{className:d("input w-full flex flex-row",r),children:[e,s.jsx(P,{cssClass:d("border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",n),...c}),t]}),Z=({url:e,title:t,linkClassName:r="",iconBefore:n,iconAfter:c})=>{const o=d(c?"mr-2":"",n?"ml-2":"");return s.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:d("base-link",r),title:t,children:[n,s.jsx("span",{className:o,children:t}),c]})},Q=({title:e,text:t,onClick:r})=>s.jsx("button",{type:"button",className:"tag flex items-center justify-center",onClick:()=>r==null?void 0:r(t||e),"aria-label":"button",children:s.jsx("h4",{children:e})}),X=({label:e,id:t,checked:r,radioIcon:n,description:c,onChange:o})=>{const l=x.useCallback(a=>{a.stopPropagation(),o==null||o(t,a.target.checked)},[o,t]);return s.jsxs("label",{className:"flex flex-col cursor-pointer min-w-0 py-[6px]",htmlFor:t,children:[s.jsxs("p",{className:"radio-label flex items-center min-w-0",children:[s.jsx("span",{className:d("flex justify-center items-center w-4 h-4 mr-2 relative","radio-button",r?"radio-button-active":""),children:r&&n}),e&&s.jsx("span",{className:"radio-title body-1 text-neutrals-1000 flex-1 min-w-0 truncate pr-2",title:e,children:e})]}),c&&s.jsx("span",{className:"radio-description ml-6 text-neutrals-800 body-2 w-auto flex items-center",title:c,children:c}),s.jsx("input",{type:"radio",onChange:l,id:t,checked:r,className:"hidden"})]})};var S=(e=>(e.Closed="Closed",e.Opened="Opened",e))(S||{}),R=(e=>(e.LG="Large",e.SM="Small",e))(R||{});const J=({portalId:e,state:t=S.Opened,heading:r,size:n,onClose:c,children:o,overlayClassName:l,containerClassName:a,dividers:i=!0,closeButtonTitle:p})=>{const{refs:b,context:j}=h.useFloating({open:t!==S.Closed&&!!t,onOpenChange:c}),f=h.useRole(j,{role:"dialog"}),N=h.useDismiss(j,{outsidePress:!0}),{getFloatingProps:w}=h.useInteractions([f,N]),g=x.useCallback(u=>{u==null||u.preventDefault(),u==null||u.stopPropagation(),c()},[c]);return s.jsx(h.FloatingPortal,{id:e,children:t!==S.Closed&&s.jsx(h.FloatingOverlay,{className:d("z-[52] flex items-center justify-center bg-blackout p-4",l),children:s.jsx(h.FloatingFocusManager,{context:j,children:s.jsxs("div",{className:d("relative max-h-full modal rounded bg-white flex flex-col shadow w-full",n===R.LG&&"max-w-[65%]",n===R.SM&&"max-w-[30%]",i&&"divide-neutrals-400 divide-y",a,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:b.setFloating,...w({onClick(u){u.stopPropagation()}}),children:[s.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:[r&&(typeof r=="string"?s.jsx("h2",{className:"flex-1 min-w-0 mr-3 modal-heading-title sm:h3",children:r}):r),s.jsx(M,{title:p,onClick:g,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),o.map(u=>u)]})})})})},D=e=>e.state===S.Closed?null:s.jsx(J,{...e}),ee=({triggerButton:e,options:t,content:r,selectedOption:n,disabled:c,containerClassName:o,openedClassName:l,onOptionSelect:a})=>{const[i,p]=x.useState(!1),{refs:b,floatingStyles:j,context:f}=h.useFloating({open:i,onOpenChange:c?void 0:p,placement:"bottom-end",middleware:[h.offset(8),h.flip(),h.shift()],whileElementsMounted:h.autoUpdate}),N=h.useClick(f),w=h.useDismiss(f,{outsidePress:!0}),{getReferenceProps:g,getFloatingProps:u}=h.useInteractions([N,w]);return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:b.setReference,...g({onClick(m){m.stopPropagation()}}),className:d(o,i&&l),children:e}),i&&s.jsxs("div",{ref:b.setFloating,style:j,className:"flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",...u(),children:[r&&r,t&&t.map(m=>s.jsx("div",{onClick:C=>{C.stopPropagation(),a==null||a(m.key),p(!1)},className:d("text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",n===m.key&&"bg-hues-100"),children:s.jsxs("div",{className:"p-2 hover:bg-hues-100 h-full dropdown-item-text flex items-center gap-x-2",title:m.title,children:[m.icon?m.icon:null,s.jsx("p",{children:m==null?void 0:m.title})]})},m.key))]})]})},se=24,ne=24;function te(e=719){const[t,r]=x.useState(()=>typeof window<"u"?window.innerWidth<e:!1);return x.useEffect(()=>{const n=window.matchMedia(`(max-width: ${e}px)`),c=o=>{r(o.matches)};return r(n.matches),n.addEventListener("change",c),()=>n.removeEventListener("change",c)},[e]),t}function re(e,t){const r=x.useRef(null);return x.useCallback((...c)=>{r.current&&clearTimeout(r.current),r.current=setTimeout(()=>{e(...c)},t)},[e,t])}var L=(e=>(e.Enter="Enter",e))(L||{});exports.Alert=H;exports.AlertType=y;exports.Button=W;exports.Calendar=$;exports.Checkbox=B;exports.CloseButton=M;exports.CollapsibleBlock=U;exports.Dropdown=ee;exports.HighlightText=z;exports.IconButton=K;exports.Input=P;exports.InputWithIcon=V;exports.KeyboardKey=L;exports.Link=Z;exports.Loader=_;exports.PopUpSize=R;exports.PopUpState=S;exports.Popup=D;exports.Radio=X;exports.TREE_NODE_ARROW_SIZE=se;exports.TREE_NODE_PADDING=ne;exports.Tag=Q;exports.useDebounce=re;exports.useIsMobile=te;
package/index.mjs CHANGED
@@ -1,24 +1,24 @@
1
- import { jsx as s, jsxs as m, Fragment as P } from "react/jsx-runtime";
2
- import { useEffect as k, useRef as U, useCallback as R, useState as _, useMemo as V } from "react";
3
- import u from "classnames";
4
- import { IconX as z, IconCalendarEvent as Q, IconChevronDown as T } from "@tabler/icons-react";
1
+ import { jsx as c, jsxs as u, Fragment as P } from "react/jsx-runtime";
2
+ import { useEffect as R, useRef as Y, useCallback as M, useState as _, useMemo as U } from "react";
3
+ import m from "classnames";
4
+ import { IconX as V, IconCalendarEvent as z, IconChevronDown as Q } from "@tabler/icons-react";
5
5
  import X from "react-flatpickr";
6
- import { useFloating as Y, useRole as Z, useDismiss as L, useInteractions as j, FloatingPortal as B, FloatingOverlay as J, FloatingFocusManager as K, autoUpdate as D, offset as ee, flip as ne, shift as re, useClick as te } from "@floating-ui/react";
7
- const A = () => /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ s("div", { className: "loader" }) }), G = ({
6
+ import { useFloating as L, useRole as Z, useDismiss as j, useInteractions as A, FloatingPortal as B, FloatingOverlay as J, FloatingFocusManager as K, autoUpdate as D, offset as ee, flip as ne, shift as re, useClick as te } from "@floating-ui/react";
7
+ const G = () => /* @__PURE__ */ c("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ c("div", { className: "loader" }) }), H = ({
8
8
  title: e,
9
9
  btnClassNames: r,
10
10
  iconWidth: t,
11
11
  iconHeight: n,
12
- onClick: c
13
- }) => /* @__PURE__ */ s(
12
+ onClick: s
13
+ }) => /* @__PURE__ */ c(
14
14
  "button",
15
15
  {
16
16
  type: "button",
17
17
  "aria-label": "button",
18
18
  className: r,
19
19
  title: e,
20
- onClick: c,
21
- children: /* @__PURE__ */ s(z, { height: n || 20, width: t || 20 })
20
+ onClick: s,
21
+ children: /* @__PURE__ */ c(V, { height: n || 20, width: t || 20 })
22
22
  }
23
23
  );
24
24
  var x = /* @__PURE__ */ ((e) => (e.ERROR = "error", e.SUCCESS = "success", e.IN_PROGRESS = "in_progress", e))(x || {});
@@ -27,126 +27,126 @@ const he = ({
27
27
  successIcon: r,
28
28
  errorIcon: t,
29
29
  onClose: n,
30
- closeButtonTitle: c
30
+ closeButtonTitle: s
31
31
  }) => {
32
32
  const o = () => (e == null ? void 0 : e.type) === x.IN_PROGRESS ? "alert-in-progress" : (e == null ? void 0 : e.type) === x.SUCCESS ? "alert-success" : "alert-error";
33
- return k(() => {
33
+ return R(() => {
34
34
  (e == null ? void 0 : e.type) !== x.IN_PROGRESS && setTimeout(() => {
35
35
  n == null || n();
36
36
  }, 5e3);
37
- }, [e == null ? void 0 : e.type, n]), /* @__PURE__ */ s(
37
+ }, [e == null ? void 0 : e.type, n]), /* @__PURE__ */ c(
38
38
  "div",
39
39
  {
40
- className: u(
40
+ className: m(
41
41
  "alert alert-shadow fixed bottom-3 right-3 z-10",
42
42
  o()
43
43
  ),
44
- children: /* @__PURE__ */ m("div", { className: "alert-content flex items-start", children: [
45
- /* @__PURE__ */ s("div", { className: "alert-icon", children: (e == null ? void 0 : e.type) === x.IN_PROGRESS ? /* @__PURE__ */ s(A, {}) : (e == null ? void 0 : e.type) === x.SUCCESS ? r : t }),
46
- /* @__PURE__ */ m("div", { className: "flex flex-col gap-2 max-w-[300px]", children: [
47
- /* @__PURE__ */ s("h3", { className: "truncate", children: e == null ? void 0 : e.title }),
48
- (e == null ? void 0 : e.text) && /* @__PURE__ */ s("div", { className: "alert-text truncate", title: e == null ? void 0 : e.text, children: e == null ? void 0 : e.text })
44
+ children: /* @__PURE__ */ u("div", { className: "alert-content flex items-start", children: [
45
+ /* @__PURE__ */ c("div", { className: "alert-icon", children: (e == null ? void 0 : e.type) === x.IN_PROGRESS ? /* @__PURE__ */ c(G, {}) : (e == null ? void 0 : e.type) === x.SUCCESS ? r : t }),
46
+ /* @__PURE__ */ u("div", { className: "flex flex-col gap-2 max-w-[300px]", children: [
47
+ /* @__PURE__ */ c("h3", { className: "truncate", children: e == null ? void 0 : e.title }),
48
+ (e == null ? void 0 : e.text) && /* @__PURE__ */ c("div", { className: "alert-text truncate", title: e == null ? void 0 : e.text, children: e == null ? void 0 : e.text })
49
49
  ] }),
50
- /* @__PURE__ */ s(G, { title: c, onClick: n })
50
+ /* @__PURE__ */ c(H, { title: s, onClick: n })
51
51
  ] })
52
52
  }
53
53
  );
54
- }, pe = ({
54
+ }, fe = ({
55
55
  buttonClassName: e,
56
56
  isLoading: r = !1,
57
57
  title: t,
58
58
  disabled: n,
59
- iconAfter: c,
59
+ iconAfter: s,
60
60
  iconBefore: o,
61
- onClick: i,
62
- isSmallButton: l
61
+ onClick: l,
62
+ isSmallButton: a
63
63
  }) => {
64
- const d = u(
65
- l ? "font-semibold" : "",
66
- c ? "mr-2" : "",
64
+ const i = m(
65
+ a ? "font-semibold" : "",
66
+ s ? "mr-2" : "",
67
67
  o ? "ml-2" : ""
68
68
  );
69
- return /* @__PURE__ */ m(
69
+ return /* @__PURE__ */ u(
70
70
  "button",
71
71
  {
72
72
  type: "button",
73
- className: u(
73
+ className: m(
74
74
  "base-button",
75
75
  e,
76
- l ? "small-button" : ""
76
+ a ? "small-button" : ""
77
77
  ),
78
78
  disabled: n || r,
79
79
  "aria-label": "button",
80
- onClick: (h) => i == null ? void 0 : i(h),
80
+ onClick: (f) => l == null ? void 0 : l(f),
81
81
  title: t,
82
82
  children: [
83
83
  o,
84
- r && /* @__PURE__ */ s(A, {}),
85
- t ? l ? /* @__PURE__ */ s("h4", { className: d, children: t }) : /* @__PURE__ */ s("h3", { className: d, children: t }) : null,
86
- c
84
+ r && /* @__PURE__ */ c(G, {}),
85
+ t ? a ? /* @__PURE__ */ c("h4", { className: i, children: t }) : /* @__PURE__ */ c("h3", { className: i, children: t }) : null,
86
+ s
87
87
  ]
88
88
  }
89
89
  );
90
90
  };
91
91
  var E = /* @__PURE__ */ ((e) => (e.MONTH = "month", e.DAY = "day", e))(E || {});
92
- const fe = ({
92
+ const pe = ({
93
93
  label: e,
94
94
  onChange: r,
95
95
  value: t,
96
96
  options: n,
97
- calendarResolution: c = E.DAY,
97
+ calendarResolution: s = E.DAY,
98
98
  id: o,
99
- icon: i
99
+ icon: l
100
100
  }) => {
101
- var g;
102
- const l = U(null);
103
- k(() => {
104
- var N;
105
- const p = l == null ? void 0 : l.current;
106
- p && ((N = p.querySelector("input")) == null || N.setAttribute("aria-label", e));
101
+ var N;
102
+ const a = Y(null);
103
+ R(() => {
104
+ var w;
105
+ const p = a == null ? void 0 : a.current;
106
+ p && ((w = p.querySelector("input")) == null || w.setAttribute("aria-label", e));
107
107
  }, [e]);
108
- const d = {
108
+ const i = {
109
109
  ...n,
110
- defaultDate: c === E.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t
111
- }, h = (p, N, w) => {
112
- const f = `calendar__${c === E.MONTH ? "month" : "day"}`;
113
- w.calendarContainer && w.calendarContainer.classList.add(f);
114
- }, b = (p, N, w) => {
115
- if (c === E.MONTH && p.length > 0) {
116
- const f = n.minDate, a = n.maxDate, y = p[0].getFullYear(), M = w.calendarContainer, S = "flatpickr-disabled", H = M.querySelectorAll(
110
+ defaultDate: s === E.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t
111
+ }, f = (p, w, y) => {
112
+ const g = `calendar__${s === E.MONTH ? "month" : "day"}`;
113
+ y.calendarContainer && y.calendarContainer.classList.add(g);
114
+ }, b = (p, w, y) => {
115
+ if (s === E.MONTH && p.length > 0) {
116
+ const g = n.minDate, d = n.maxDate, h = p[0].getFullYear(), F = y.calendarContainer, C = "flatpickr-disabled", q = F.querySelectorAll(
117
117
  ".flatpickr-monthSelect-month"
118
- ), q = M.querySelectorAll(
118
+ ), $ = F.querySelectorAll(
119
119
  ".flatpickr-next-month"
120
- )[0], $ = M.querySelectorAll(
120
+ )[0], I = F.querySelectorAll(
121
121
  ".flatpickr-prev-month"
122
122
  )[0];
123
- y === a.getFullYear() && q.classList.add(S), y === f.getFullYear() && $.classList.add(S), (y === f.getFullYear() || y === a.getFullYear()) && H.forEach((O) => {
124
- O.classList.remove(S);
125
- const v = new Date(O.getAttribute("aria-label")), I = v.getFullYear() === f.getFullYear() && v.getMonth() === f.getMonth(), W = v.getFullYear() === a.getFullYear() && v.getMonth() === a.getMonth();
126
- I || W || (v < f || v > a) && O.classList.add(S);
123
+ h === d.getFullYear() && $.classList.add(C), h === g.getFullYear() && I.classList.add(C), (h === g.getFullYear() || h === d.getFullYear()) && q.forEach((O) => {
124
+ O.classList.remove(C);
125
+ const v = new Date(O.getAttribute("aria-label")), T = v.getFullYear() === g.getFullYear() && v.getMonth() === g.getMonth(), W = v.getFullYear() === d.getFullYear() && v.getMonth() === d.getMonth();
126
+ T || W || (v < g || v > d) && O.classList.add(C);
127
127
  });
128
128
  }
129
129
  };
130
- return /* @__PURE__ */ m("div", { className: "relative calendar", ref: l, children: [
131
- /* @__PURE__ */ s("div", { className: "mb-1 calendar-title", children: e }),
132
- /* @__PURE__ */ s(
130
+ return /* @__PURE__ */ u("div", { className: "relative calendar", ref: a, children: [
131
+ /* @__PURE__ */ c("div", { className: "mb-1 calendar-title", children: e }),
132
+ /* @__PURE__ */ c(
133
133
  "label",
134
134
  {
135
135
  htmlFor: o,
136
136
  className: "absolute cursor-pointer right-[11px] top-[29px]",
137
- children: i || /* @__PURE__ */ s(Q, {})
137
+ children: l || /* @__PURE__ */ c(z, {})
138
138
  }
139
139
  ),
140
- /* @__PURE__ */ s(
140
+ /* @__PURE__ */ c(
141
141
  X,
142
142
  {
143
- defaultValue: (g = c === E.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t) == null ? void 0 : g.toDateString(),
144
- options: d,
143
+ defaultValue: (N = s === E.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t) == null ? void 0 : N.toDateString(),
144
+ options: i,
145
145
  onChange: (p) => {
146
146
  r(p[0]);
147
147
  },
148
148
  onOpen: [b],
149
- onReady: [h],
149
+ onReady: [f],
150
150
  id: o
151
151
  }
152
152
  )
@@ -156,34 +156,34 @@ const fe = ({
156
156
  id: r,
157
157
  checked: t,
158
158
  checkboxIcon: n,
159
- onChange: c
159
+ onChange: s
160
160
  }) => {
161
- const o = R(
162
- (i) => {
163
- i.stopPropagation(), c == null || c(r, i.target.checked);
161
+ const o = M(
162
+ (l) => {
163
+ l.stopPropagation(), s == null || s(r, l.target.checked);
164
164
  },
165
- [c, r]
165
+ [s, r]
166
166
  );
167
- return /* @__PURE__ */ m(
167
+ return /* @__PURE__ */ u(
168
168
  "label",
169
169
  {
170
170
  className: "flex items-center cursor-pointer min-w-0 py-1",
171
171
  htmlFor: r,
172
172
  children: [
173
- /* @__PURE__ */ s(
173
+ /* @__PURE__ */ c(
174
174
  "span",
175
175
  {
176
- className: u(
176
+ className: m(
177
177
  "flex justify-center items-center w-4 h-4 mr-2 relative",
178
178
  "checkbox-button"
179
179
  ),
180
180
  children: t && n
181
181
  }
182
182
  ),
183
- e && /* @__PURE__ */ s(
183
+ e && /* @__PURE__ */ c(
184
184
  "p",
185
185
  {
186
- className: u(
186
+ className: m(
187
187
  "text-neutrals-1000 flex-1 min-w-0 truncate pr-2",
188
188
  "checkbox-button-text"
189
189
  ),
@@ -191,7 +191,7 @@ const fe = ({
191
191
  children: e
192
192
  }
193
193
  ),
194
- /* @__PURE__ */ s(
194
+ /* @__PURE__ */ c(
195
195
  "input",
196
196
  {
197
197
  type: "checkbox",
@@ -210,61 +210,61 @@ const fe = ({
210
210
  children: t,
211
211
  value: n
212
212
  }) => {
213
- const [c, o] = _(!1);
214
- return /* @__PURE__ */ m(
213
+ const [s, o] = _(!1);
214
+ return /* @__PURE__ */ u(
215
215
  "div",
216
216
  {
217
- className: `collapsible-block flex flex-col border-t-2 border-neutrals-600 ${c ? "collapsible-block-open" : ""}`,
217
+ className: `collapsible-block flex flex-col border-t-2 border-neutrals-600 ${s ? "collapsible-block-open" : ""}`,
218
218
  children: [
219
- /* @__PURE__ */ m(
219
+ /* @__PURE__ */ u(
220
220
  "div",
221
221
  {
222
222
  className: "collapsible-block-title flex cursor-pointer items-center py-4",
223
- onClick: () => o(!c),
223
+ onClick: () => o(!s),
224
224
  children: [
225
- /* @__PURE__ */ s("div", { className: `${c ? "rotate-180" : ""} transition-transform`, children: r || /* @__PURE__ */ s(T, { className: "w-5 h-5 mr-3" }) }),
226
- /* @__PURE__ */ m("div", { className: "flex flex-1 items-center justify-between", children: [
227
- /* @__PURE__ */ s("span", { children: e }),
228
- n && /* @__PURE__ */ s("p", { className: "body-1 text-neutrals-800", children: n })
225
+ /* @__PURE__ */ c("div", { className: `${s ? "rotate-180" : ""} transition-transform`, children: r || /* @__PURE__ */ c(Q, { className: "w-5 h-5 mr-3" }) }),
226
+ /* @__PURE__ */ u("div", { className: "flex flex-1 items-center justify-between", children: [
227
+ /* @__PURE__ */ c("span", { children: e }),
228
+ n && /* @__PURE__ */ c("p", { className: "body-1 text-neutrals-800", children: n })
229
229
  ] })
230
230
  ]
231
231
  }
232
232
  ),
233
- c && /* @__PURE__ */ s("div", { className: "collapsible-block-content pb-4", children: t })
233
+ s && /* @__PURE__ */ c("div", { className: "collapsible-block-content pb-4", children: t })
234
234
  ]
235
235
  }
236
236
  );
237
237
  }, Ne = ({ text: e, highlightText: r }) => {
238
- const t = V(() => {
239
- var i;
238
+ const t = U(() => {
239
+ var l;
240
240
  const n = [];
241
241
  if (!r)
242
242
  return [{ id: 0, text: e, highlight: !1 }];
243
- const c = (r == null ? void 0 : r.toLowerCase()) || "", o = ((i = e == null ? void 0 : e.toLowerCase()) == null ? void 0 : i.split(c)) || "";
244
- for (let l = 0, d = 0; l < (o == null ? void 0 : o.length); l++) {
245
- const h = o == null ? void 0 : o[l], b = h.length;
246
- h !== "" && n.push({
243
+ const s = (r == null ? void 0 : r.toLowerCase()) || "", o = ((l = e == null ? void 0 : e.toLowerCase()) == null ? void 0 : l.split(s)) || "";
244
+ for (let a = 0, i = 0; a < (o == null ? void 0 : o.length); a++) {
245
+ const f = o == null ? void 0 : o[a], b = f.length;
246
+ f !== "" && n.push({
247
247
  id: n.length,
248
248
  highlight: !1,
249
249
  text: e == null ? void 0 : e.substring(
250
- d,
251
- d + b
250
+ i,
251
+ i + b
252
252
  )
253
- }), d += b, l !== (o == null ? void 0 : o.length) - 1 && (n.push({
253
+ }), i += b, a !== (o == null ? void 0 : o.length) - 1 && (n.push({
254
254
  id: n.length,
255
255
  highlight: !0,
256
256
  text: e == null ? void 0 : e.substring(
257
- d,
258
- d + r.length
257
+ i,
258
+ i + r.length
259
259
  )
260
- }), d += r.length);
260
+ }), i += r.length);
261
261
  }
262
262
  return n;
263
263
  }, [r, e]);
264
- return /* @__PURE__ */ s(P, { children: t.map((n) => /* @__PURE__ */ s(
264
+ return /* @__PURE__ */ c(P, { children: t.map((n) => /* @__PURE__ */ c(
265
265
  "span",
266
266
  {
267
- className: u((n == null ? void 0 : n.highlight) && "bg-highlight"),
267
+ className: m((n == null ? void 0 : n.highlight) && "bg-highlight"),
268
268
  children: n == null ? void 0 : n.text
269
269
  },
270
270
  n == null ? void 0 : n.id
@@ -274,15 +274,19 @@ const fe = ({
274
274
  onClick: r,
275
275
  buttonClassName: t,
276
276
  disabled: n,
277
- title: c
278
- }) => /* @__PURE__ */ s(
277
+ title: s,
278
+ isBaseIconStyles: o = !0
279
+ }) => /* @__PURE__ */ c(
279
280
  "button",
280
281
  {
281
282
  type: "button",
282
- className: u(t, "base-icon-button"),
283
- onClick: (o) => r == null ? void 0 : r(o),
283
+ className: m(
284
+ o && "base-icon-button",
285
+ t
286
+ ),
287
+ onClick: (l) => r == null ? void 0 : r(l),
284
288
  disabled: n,
285
- title: c,
289
+ title: s,
286
290
  "aria-label": "button",
287
291
  children: e
288
292
  }
@@ -291,30 +295,30 @@ const fe = ({
291
295
  inputId: r,
292
296
  placeholder: t = "",
293
297
  cssClass: n = "",
294
- type: c = "text",
298
+ type: s = "text",
295
299
  disabled: o,
296
- readonly: i,
297
- onChange: l,
298
- onKeyDown: d
300
+ readonly: l,
301
+ onChange: a,
302
+ onKeyDown: i
299
303
  }) => {
300
- const h = u(
304
+ const f = m(
301
305
  "truncate outline-none shadow-none body-1",
302
306
  n,
303
- i ? "pointer-events-none" : ""
307
+ l ? "pointer-events-none" : ""
304
308
  );
305
- return /* @__PURE__ */ s(
309
+ return /* @__PURE__ */ c(
306
310
  "input",
307
311
  {
308
- type: c,
312
+ type: s,
309
313
  autoComplete: "off",
310
314
  id: r,
311
315
  placeholder: t,
312
316
  value: e || "",
313
317
  title: e ? String(e) : "",
314
318
  disabled: o,
315
- className: h,
316
- onKeyDown: d,
317
- onChange: (b) => l == null ? void 0 : l(b.currentTarget.value)
319
+ className: f,
320
+ onKeyDown: i,
321
+ onChange: (b) => a == null ? void 0 : a(b.currentTarget.value)
318
322
  }
319
323
  );
320
324
  }, ye = ({
@@ -322,17 +326,17 @@ const fe = ({
322
326
  iconAfterInput: r,
323
327
  containerClasses: t,
324
328
  cssClass: n,
325
- ...c
326
- }) => /* @__PURE__ */ m("div", { className: u("input w-full flex flex-row", t), children: [
329
+ ...s
330
+ }) => /* @__PURE__ */ u("div", { className: m("input w-full flex flex-row", t), children: [
327
331
  e,
328
- /* @__PURE__ */ s(
332
+ /* @__PURE__ */ c(
329
333
  se,
330
334
  {
331
- cssClass: u(
335
+ cssClass: m(
332
336
  "border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",
333
337
  n
334
338
  ),
335
- ...c
339
+ ...s
336
340
  }
337
341
  ),
338
342
  r
@@ -341,61 +345,61 @@ const fe = ({
341
345
  title: r,
342
346
  linkClassName: t = "",
343
347
  iconBefore: n,
344
- iconAfter: c
348
+ iconAfter: s
345
349
  }) => {
346
- const o = u(
347
- c ? "mr-2" : "",
350
+ const o = m(
351
+ s ? "mr-2" : "",
348
352
  n ? "ml-2" : ""
349
353
  );
350
- return /* @__PURE__ */ m(
354
+ return /* @__PURE__ */ u(
351
355
  "a",
352
356
  {
353
357
  href: e,
354
358
  target: "_blank",
355
359
  rel: "noopener noreferrer",
356
- className: u("base-link", t),
360
+ className: m("base-link", t),
357
361
  title: r,
358
362
  children: [
359
363
  n,
360
- /* @__PURE__ */ s("span", { className: o, children: r }),
361
- c
364
+ /* @__PURE__ */ c("span", { className: o, children: r }),
365
+ s
362
366
  ]
363
367
  }
364
368
  );
365
- }, xe = ({ title: e, text: r, onClick: t }) => /* @__PURE__ */ s(
369
+ }, xe = ({ title: e, text: r, onClick: t }) => /* @__PURE__ */ c(
366
370
  "button",
367
371
  {
368
372
  type: "button",
369
373
  className: "tag flex items-center justify-center",
370
374
  onClick: () => t == null ? void 0 : t(r || e),
371
375
  "aria-label": "button",
372
- children: /* @__PURE__ */ s("h4", { children: e })
376
+ children: /* @__PURE__ */ c("h4", { children: e })
373
377
  }
374
378
  ), Ee = ({
375
379
  label: e,
376
380
  id: r,
377
381
  checked: t,
378
382
  radioIcon: n,
379
- description: c,
383
+ description: s,
380
384
  onChange: o
381
385
  }) => {
382
- const i = R(
383
- (l) => {
384
- l.stopPropagation(), o == null || o(r, l.target.checked);
386
+ const l = M(
387
+ (a) => {
388
+ a.stopPropagation(), o == null || o(r, a.target.checked);
385
389
  },
386
390
  [o, r]
387
391
  );
388
- return /* @__PURE__ */ m(
392
+ return /* @__PURE__ */ u(
389
393
  "label",
390
394
  {
391
395
  className: "flex flex-col cursor-pointer min-w-0 py-[6px]",
392
396
  htmlFor: r,
393
397
  children: [
394
- /* @__PURE__ */ m("p", { className: "radio-label flex items-center min-w-0", children: [
395
- /* @__PURE__ */ s(
398
+ /* @__PURE__ */ u("p", { className: "radio-label flex items-center min-w-0", children: [
399
+ /* @__PURE__ */ c(
396
400
  "span",
397
401
  {
398
- className: u(
402
+ className: m(
399
403
  "flex justify-center items-center w-4 h-4 mr-2 relative",
400
404
  "radio-button",
401
405
  t ? "radio-button-active" : ""
@@ -403,7 +407,7 @@ const fe = ({
403
407
  children: t && n
404
408
  }
405
409
  ),
406
- e && /* @__PURE__ */ s(
410
+ e && /* @__PURE__ */ c(
407
411
  "span",
408
412
  {
409
413
  className: "radio-title body-1 text-neutrals-1000 flex-1 min-w-0 truncate pr-2",
@@ -412,19 +416,19 @@ const fe = ({
412
416
  }
413
417
  )
414
418
  ] }),
415
- c && /* @__PURE__ */ s(
419
+ s && /* @__PURE__ */ c(
416
420
  "span",
417
421
  {
418
422
  className: "radio-description ml-6 text-neutrals-800 body-2 w-auto flex items-center",
419
- title: c,
420
- children: c
423
+ title: s,
424
+ children: s
421
425
  }
422
426
  ),
423
- /* @__PURE__ */ s(
427
+ /* @__PURE__ */ c(
424
428
  "input",
425
429
  {
426
430
  type: "radio",
427
- onChange: i,
431
+ onChange: l,
428
432
  id: r,
429
433
  checked: t,
430
434
  className: "hidden"
@@ -434,157 +438,172 @@ const fe = ({
434
438
  }
435
439
  );
436
440
  };
437
- var F = /* @__PURE__ */ ((e) => (e.Closed = "Closed", e.Opened = "Opened", e))(F || {}), C = /* @__PURE__ */ ((e) => (e.LG = "Large", e.SM = "Small", e))(C || {});
441
+ var S = /* @__PURE__ */ ((e) => (e.Closed = "Closed", e.Opened = "Opened", e))(S || {}), k = /* @__PURE__ */ ((e) => (e.LG = "Large", e.SM = "Small", e))(k || {});
438
442
  const ce = ({
439
443
  portalId: e,
440
- state: r = F.Opened,
444
+ state: r = S.Opened,
441
445
  heading: t,
442
446
  size: n,
443
- onClose: c,
447
+ onClose: s,
444
448
  children: o,
445
- overlayClassName: i,
446
- containerClassName: l,
447
- dividers: d = !0,
448
- closeButtonTitle: h
449
+ overlayClassName: l,
450
+ containerClassName: a,
451
+ dividers: i = !0,
452
+ closeButtonTitle: f
449
453
  }) => {
450
- const { refs: b, context: g } = Y({
451
- open: r !== F.Closed && !!r,
452
- onOpenChange: c
453
- }), p = Z(g, { role: "dialog" }), N = L(g, { outsidePress: !0 }), { getFloatingProps: w } = j([p, N]), f = R(
454
- (a) => {
455
- a == null || a.preventDefault(), a == null || a.stopPropagation(), c();
454
+ const { refs: b, context: N } = L({
455
+ open: r !== S.Closed && !!r,
456
+ onOpenChange: s
457
+ }), p = Z(N, { role: "dialog" }), w = j(N, { outsidePress: !0 }), { getFloatingProps: y } = A([p, w]), g = M(
458
+ (d) => {
459
+ d == null || d.preventDefault(), d == null || d.stopPropagation(), s();
456
460
  },
457
- [c]
461
+ [s]
458
462
  );
459
- return /* @__PURE__ */ s(B, { id: e, children: r !== F.Closed && /* @__PURE__ */ s(
463
+ return /* @__PURE__ */ c(B, { id: e, children: r !== S.Closed && /* @__PURE__ */ c(
460
464
  J,
461
465
  {
462
- className: u(
466
+ className: m(
463
467
  "z-[52] flex items-center justify-center bg-blackout p-4",
464
- i
468
+ l
465
469
  ),
466
- children: /* @__PURE__ */ s(K, { context: g, children: /* @__PURE__ */ m(
470
+ children: /* @__PURE__ */ c(K, { context: N, children: /* @__PURE__ */ u(
467
471
  "div",
468
472
  {
469
- className: u(
473
+ className: m(
470
474
  "relative max-h-full modal rounded bg-white flex flex-col shadow w-full",
471
- n === C.LG && "max-w-[65%]",
472
- n === C.SM && "max-w-[30%]",
473
- d && "divide-neutrals-400 divide-y",
474
- l,
475
+ n === k.LG && "max-w-[65%]",
476
+ n === k.SM && "max-w-[30%]",
477
+ i && "divide-neutrals-400 divide-y",
478
+ a,
475
479
  "sm:w-full sm:max-w-full sm:px-4 sm:py-6"
476
480
  ),
477
481
  ref: b.setFloating,
478
- ...w({
479
- onClick(a) {
480
- a.stopPropagation();
482
+ ...y({
483
+ onClick(d) {
484
+ d.stopPropagation();
481
485
  }
482
486
  }),
483
487
  children: [
484
- /* @__PURE__ */ m("div", { className: "flex flex-row justify-between py-3 px-6 items-center mb-2 modal-heading sm:p-0 sm:pb-2", children: [
485
- t && (typeof t == "string" ? /* @__PURE__ */ s("h2", { className: "flex-1 min-w-0 mr-3 modal-heading-title sm:h3", children: t }) : t),
486
- /* @__PURE__ */ s(
487
- G,
488
+ /* @__PURE__ */ u("div", { className: "flex flex-row justify-between py-3 px-6 items-center mb-2 modal-heading sm:p-0 sm:pb-2", children: [
489
+ t && (typeof t == "string" ? /* @__PURE__ */ c("h2", { className: "flex-1 min-w-0 mr-3 modal-heading-title sm:h3", children: t }) : t),
490
+ /* @__PURE__ */ c(
491
+ H,
488
492
  {
489
- title: h,
490
- onClick: f,
493
+ title: f,
494
+ onClick: g,
491
495
  btnClassNames: "sm:h-[24px] sm:w-[24px] sm:top-4"
492
496
  }
493
497
  )
494
498
  ] }),
495
- o.map((a) => a)
499
+ o.map((d) => d)
496
500
  ]
497
501
  }
498
502
  ) })
499
503
  }
500
504
  ) });
501
- }, Fe = (e) => e.state === F.Closed ? null : /* @__PURE__ */ s(ce, { ...e }), Se = ({
505
+ }, Fe = (e) => e.state === S.Closed ? null : /* @__PURE__ */ c(ce, { ...e }), Se = ({
502
506
  triggerButton: e,
503
507
  options: r,
504
- selectedOption: t,
505
- disabled: n,
506
- containerClassName: c,
507
- openedClassName: o,
508
- onOptionSelect: i
508
+ content: t,
509
+ selectedOption: n,
510
+ disabled: s,
511
+ containerClassName: o,
512
+ openedClassName: l,
513
+ onOptionSelect: a
509
514
  }) => {
510
- const [l, d] = _(!1), { refs: h, floatingStyles: b, context: g } = Y({
511
- open: l,
512
- onOpenChange: n ? void 0 : d,
515
+ const [i, f] = _(!1), { refs: b, floatingStyles: N, context: p } = L({
516
+ open: i,
517
+ onOpenChange: s ? void 0 : f,
513
518
  placement: "bottom-end",
514
519
  middleware: [ee(8), ne(), re()],
515
520
  whileElementsMounted: D
516
- }), p = te(g), N = L(g, { outsidePress: !0 }), { getReferenceProps: w, getFloatingProps: f } = j([
517
- p,
518
- N
521
+ }), w = te(p), y = j(p, { outsidePress: !0 }), { getReferenceProps: g, getFloatingProps: d } = A([
522
+ w,
523
+ y
519
524
  ]);
520
- return /* @__PURE__ */ m(P, { children: [
521
- /* @__PURE__ */ s(
525
+ return /* @__PURE__ */ u(P, { children: [
526
+ /* @__PURE__ */ c(
522
527
  "div",
523
528
  {
524
- ref: h.setReference,
525
- ...w({
526
- onClick(a) {
527
- a.stopPropagation();
529
+ ref: b.setReference,
530
+ ...g({
531
+ onClick(h) {
532
+ h.stopPropagation();
528
533
  }
529
534
  }),
530
- className: u(c, l && o),
535
+ className: m(o, i && l),
531
536
  children: e
532
537
  }
533
538
  ),
534
- l && /* @__PURE__ */ s(
539
+ i && /* @__PURE__ */ u(
535
540
  "div",
536
541
  {
537
- ref: h.setFloating,
538
- style: b,
542
+ ref: b.setFloating,
543
+ style: N,
539
544
  className: "flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",
540
- ...f(),
541
- children: r.map((a) => /* @__PURE__ */ s(
542
- "div",
543
- {
544
- onClick: (y) => {
545
- y.stopPropagation(), i == null || i(a.key), d(!1);
545
+ ...d(),
546
+ children: [
547
+ t && t,
548
+ r && r.map((h) => /* @__PURE__ */ c(
549
+ "div",
550
+ {
551
+ onClick: (F) => {
552
+ F.stopPropagation(), a == null || a(h.key), f(!1);
553
+ },
554
+ className: m(
555
+ "text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",
556
+ n === h.key && "bg-hues-100"
557
+ ),
558
+ children: /* @__PURE__ */ u(
559
+ "div",
560
+ {
561
+ className: "p-2 hover:bg-hues-100 h-full dropdown-item-text flex items-center gap-x-2",
562
+ title: h.title,
563
+ children: [
564
+ h.icon ? h.icon : null,
565
+ /* @__PURE__ */ c("p", { children: h == null ? void 0 : h.title })
566
+ ]
567
+ }
568
+ )
546
569
  },
547
- className: u(
548
- "text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",
549
- t === a.key && "bg-hues-100"
550
- ),
551
- children: /* @__PURE__ */ m(
552
- "div",
553
- {
554
- className: "p-2 hover:bg-hues-100 h-full dropdown-item-text flex items-center gap-x-2",
555
- title: a.title,
556
- children: [
557
- a.icon ? a.icon : null,
558
- /* @__PURE__ */ s("p", { children: a == null ? void 0 : a.title })
559
- ]
560
- }
561
- )
562
- },
563
- a.key
564
- ))
570
+ h.key
571
+ ))
572
+ ]
565
573
  }
566
574
  )
567
575
  ] });
568
- }, Me = 24, Oe = 24;
569
- function Ce(e = 719) {
576
+ }, Ce = 24, Me = 24;
577
+ function Oe(e = 719) {
570
578
  const [r, t] = _(
571
579
  () => typeof window < "u" ? window.innerWidth < e : !1
572
580
  );
573
- return k(() => {
574
- const n = window.matchMedia(`(max-width: ${e}px)`), c = (o) => {
581
+ return R(() => {
582
+ const n = window.matchMedia(`(max-width: ${e}px)`), s = (o) => {
575
583
  t(o.matches);
576
584
  };
577
- return t(n.matches), n.addEventListener("change", c), () => n.removeEventListener("change", c);
585
+ return t(n.matches), n.addEventListener("change", s), () => n.removeEventListener("change", s);
578
586
  }, [e]), r;
579
587
  }
588
+ function ke(e, r) {
589
+ const t = Y(null);
590
+ return M(
591
+ (...s) => {
592
+ t.current && clearTimeout(t.current), t.current = setTimeout(() => {
593
+ e(...s);
594
+ }, r);
595
+ },
596
+ [e, r]
597
+ );
598
+ }
580
599
  var oe = /* @__PURE__ */ ((e) => (e.Enter = "Enter", e))(oe || {});
581
600
  export {
582
601
  he as Alert,
583
602
  x as AlertType,
584
- pe as Button,
585
- fe as Calendar,
603
+ fe as Button,
604
+ pe as Calendar,
586
605
  be as Checkbox,
587
- G as CloseButton,
606
+ H as CloseButton,
588
607
  ge as CollapsibleBlock,
589
608
  Se as Dropdown,
590
609
  Ne as HighlightText,
@@ -593,13 +612,14 @@ export {
593
612
  ye as InputWithIcon,
594
613
  oe as KeyboardKey,
595
614
  ve as Link,
596
- A as Loader,
597
- C as PopUpSize,
598
- F as PopUpState,
615
+ G as Loader,
616
+ k as PopUpSize,
617
+ S as PopUpState,
599
618
  Fe as Popup,
600
619
  Ee as Radio,
601
- Me as TREE_NODE_ARROW_SIZE,
602
- Oe as TREE_NODE_PADDING,
620
+ Ce as TREE_NODE_ARROW_SIZE,
621
+ Me as TREE_NODE_PADDING,
603
622
  xe as Tag,
604
- Ce as useIsMobile
623
+ ke as useDebounce,
624
+ Oe as useIsMobile
605
625
  };
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@epam/statgpt-ui-components",
3
- "version": "0.1.0-rc.0",
3
+ "version": "0.1.0-rc.1",
4
4
  "license": "MIT",
5
5
  "dependencies": {
6
6
  "react-flatpickr": "^4.0.11",
7
7
  "react": "19.1.0",
8
8
  "classnames": "^2.5.1",
9
- "@epam/statgpt-shared-toolkit": "0.1.0-rc.0",
9
+ "@epam/statgpt-shared-toolkit": "0.1.0-rc.1",
10
10
  "@tabler/icons-react": "^3.34.1",
11
11
  "@floating-ui/react": "^0.27.14"
12
12
  },