@epam/statgpt-ui-components 0.1.0-rc.2 → 0.1.0-rc.4

package/components/Calendar/Calendar.d.ts

@@ -1,6 +1,6 @@
 import { OptionsType } from 'react-flatpickr';
 import { FC, ReactNode } from 'react';
-import { CalendarResolution } from '../../../../shared-toolkit/src/types/calendar';
+import { CalendarResolution } from '../../../../shared-toolkit/src/index';
 interface Props {
     onChange: (date: Date) => void;
     value: Date;

package/index.js

@@ -1 +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;
+"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"),R=require("@epam/statgpt-shared-toolkit"),h=require("@floating-ui/react"),_=()=>s.jsx("div",{className:"flex items-center justify-center h-full",children:s.jsx("div",{className:"loader"})}),P=({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(P,{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]})},$=({label:e,onChange:t,value:r,options:n,calendarResolution:c=R.CalendarResolution.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===R.CalendarResolution.MONTH?new Date(r.getFullYear(),r.getMonth()):r},p=(f,N,w)=>{const g=`calendar__${c===R.CalendarResolution.MONTH?"month":"day"}`;w.calendarContainer&&w.calendarContainer.classList.add(g)},b=(f,N,w)=>{if(c===R.CalendarResolution.MONTH&&f.length>0){const g=n.minDate,u=n.maxDate,m=f[0].getFullYear(),C=w.calendarContainer,S="flatpickr-disabled",Y=C.querySelectorAll(".flatpickr-monthSelect-month"),q=C.querySelectorAll(".flatpickr-next-month")[0],I=C.querySelectorAll(".flatpickr-prev-month")[0];m===u.getFullYear()&&q.classList.add(S),m===g.getFullYear()&&I.classList.add(S),(m===g.getFullYear()||m===u.getFullYear())&&Y.forEach(k=>{k.classList.remove(S);const v=new Date(k.getAttribute("aria-label")),A=v.getFullYear()===g.getFullYear()&&v.getMonth()===g.getMonth(),T=v.getFullYear()===u.getFullYear()&&v.getMonth()===u.getMonth();A||T||(v<g||v>u)&&k.classList.add(S)})}};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===R.CalendarResolution.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}),M=({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(M,{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 E=(e=>(e.Closed="Closed",e.Opened="Opened",e))(E||{}),F=(e=>(e.LG="Large",e.SM="Small",e))(F||{});const J=({portalId:e,state:t=E.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!==E.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!==E.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===F.LG&&"max-w-[65%]",n===F.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(P,{title:p,onClick:g,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),o.map(u=>u)]})})})})},D=e=>e.state===E.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=P;exports.CollapsibleBlock=U;exports.Dropdown=ee;exports.HighlightText=z;exports.IconButton=K;exports.Input=M;exports.InputWithIcon=V;exports.KeyboardKey=L;exports.Link=Z;exports.Loader=_;exports.PopUpSize=F;exports.PopUpState=E;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

@@ -1,10 +1,11 @@
 import { jsx as c, jsxs as u, Fragment as P } from "react/jsx-runtime";
-import { useEffect as R, useRef as Y, useCallback as M, useState as _, useMemo as U } from "react";
+import { useEffect as O, useRef as L, useCallback as R, useState as _, useMemo as U } from "react";
 import m from "classnames";
 import { IconX as V, IconCalendarEvent as z, IconChevronDown as Q } from "@tabler/icons-react";
 import X from "react-flatpickr";
-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";
-const G = () => /* @__PURE__ */ c("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ c("div", { className: "loader" }) }), H = ({
+import { CalendarResolution as F } from "@epam/statgpt-shared-toolkit";
+import { useFloating as Y, useRole as Z, useDismiss as j, useInteractions as G, 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";
+const A = () => /* @__PURE__ */ c("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ c("div", { className: "loader" }) }), H = ({
   title: e,
   btnClassNames: r,
   iconWidth: t,
@@ -22,7 +23,7 @@ const G = () => /* @__PURE__ */ c("div", { className: "flex items-center justify
   }
 );
 var x = /* @__PURE__ */ ((e) => (e.ERROR = "error", e.SUCCESS = "success", e.IN_PROGRESS = "in_progress", e))(x || {});
-const he = ({
+const fe = ({
   alertDetails: e,
   successIcon: r,
   errorIcon: t,
@@ -30,7 +31,7 @@ const he = ({
   closeButtonTitle: s
 }) => {
   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";
-  return R(() => {
+  return O(() => {
     (e == null ? void 0 : e.type) !== x.IN_PROGRESS && setTimeout(() => {
       n == null || n();
     }, 5e3);
@@ -42,7 +43,7 @@ const he = ({
         o()
       ),
       children: /* @__PURE__ */ u("div", { className: "alert-content flex items-start", children: [
-        /* @__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 }),
+        /* @__PURE__ */ c("div", { className: "alert-icon", children: (e == null ? void 0 : e.type) === x.IN_PROGRESS ? /* @__PURE__ */ c(A, {}) : (e == null ? void 0 : e.type) === x.SUCCESS ? r : t }),
         /* @__PURE__ */ u("div", { className: "flex flex-col gap-2 max-w-[300px]", children: [
           /* @__PURE__ */ c("h3", { className: "truncate", children: e == null ? void 0 : e.title }),
           (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 })
@@ -51,18 +52,18 @@ const he = ({
       ] })
     }
   );
-}, fe = ({
+}, pe = ({
   buttonClassName: e,
   isLoading: r = !1,
   title: t,
   disabled: n,
   iconAfter: s,
   iconBefore: o,
-  onClick: l,
-  isSmallButton: a
+  onClick: a,
+  isSmallButton: l
 }) => {
   const i = m(
-    a ? "font-semibold" : "",
+    l ? "font-semibold" : "",
     s ? "mr-2" : "",
     o ? "ml-2" : ""
   );
@@ -73,74 +74,72 @@ const he = ({
       className: m(
         "base-button",
         e,
-        a ? "small-button" : ""
+        l ? "small-button" : ""
       ),
       disabled: n || r,
       "aria-label": "button",
-      onClick: (f) => l == null ? void 0 : l(f),
+      onClick: (f) => a == null ? void 0 : a(f),
       title: t,
       children: [
         o,
-        r && /* @__PURE__ */ c(G, {}),
-        t ? a ? /* @__PURE__ */ c("h4", { className: i, children: t }) : /* @__PURE__ */ c("h3", { className: i, children: t }) : null,
+        r && /* @__PURE__ */ c(A, {}),
+        t ? l ? /* @__PURE__ */ c("h4", { className: i, children: t }) : /* @__PURE__ */ c("h3", { className: i, children: t }) : null,
         s
       ]
     }
   );
-};
-var E = /* @__PURE__ */ ((e) => (e.MONTH = "month", e.DAY = "day", e))(E || {});
-const pe = ({
+}, be = ({
   label: e,
   onChange: r,
   value: t,
   options: n,
-  calendarResolution: s = E.DAY,
+  calendarResolution: s = F.DAY,
   id: o,
-  icon: l
+  icon: a
 }) => {
   var N;
-  const a = Y(null);
-  R(() => {
+  const l = L(null);
+  O(() => {
     var w;
-    const p = a == null ? void 0 : a.current;
+    const p = l == null ? void 0 : l.current;
     p && ((w = p.querySelector("input")) == null || w.setAttribute("aria-label", e));
   }, [e]);
   const i = {
     ...n,
-    defaultDate: s === E.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t
+    defaultDate: s === F.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t
   }, f = (p, w, y) => {
-    const g = `calendar__${s === E.MONTH ? "month" : "day"}`;
+    const g = `calendar__${s === F.MONTH ? "month" : "day"}`;
     y.calendarContainer && y.calendarContainer.classList.add(g);
   }, b = (p, w, y) => {
-    if (s === E.MONTH && p.length > 0) {
-      const g = n.minDate, d = n.maxDate, h = p[0].getFullYear(), F = y.calendarContainer, C = "flatpickr-disabled", q = F.querySelectorAll(
+    if (s === F.MONTH && p.length > 0) {
+      const g = n.minDate, d = n.maxDate, h = p[0].getFullYear(), E = y.calendarContainer, S = "flatpickr-disabled", q = E.querySelectorAll(
         ".flatpickr-monthSelect-month"
-      ), $ = F.querySelectorAll(
+      ), $ = E.querySelectorAll(
         ".flatpickr-next-month"
-      )[0], I = F.querySelectorAll(
+      )[0], I = E.querySelectorAll(
         ".flatpickr-prev-month"
       )[0];
-      h === d.getFullYear() && $.classList.add(C), h === g.getFullYear() && I.classList.add(C), (h === g.getFullYear() || h === d.getFullYear()) && q.forEach((O) => {
-        O.classList.remove(C);
-        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();
-        T || W || (v < g || v > d) && O.classList.add(C);
+      h === d.getFullYear() && $.classList.add(S), h === g.getFullYear() && I.classList.add(S), (h === g.getFullYear() || h === d.getFullYear()) && q.forEach((k) => {
+        k.classList.remove(S);
+        const v = new Date(k.getAttribute("aria-label")), W = v.getFullYear() === g.getFullYear() && v.getMonth() === g.getMonth(), T = v.getFullYear() === d.getFullYear() && v.getMonth() === d.getMonth();
+        W || T || (v < g || v > d) && k.classList.add(S);
       });
     }
   };
-  return /* @__PURE__ */ u("div", { className: "relative calendar", ref: a, children: [
+  return /* @__PURE__ */ u("div", { className: "relative calendar", ref: l, children: [
     /* @__PURE__ */ c("div", { className: "mb-1 calendar-title", children: e }),
     /* @__PURE__ */ c(
       "label",
       {
         htmlFor: o,
         className: "absolute cursor-pointer right-[11px] top-[29px]",
-        children: l || /* @__PURE__ */ c(z, {})
+        children: a || /* @__PURE__ */ c(z, {})
       }
     ),
     /* @__PURE__ */ c(
       X,
       {
-        defaultValue: (N = s === E.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t) == null ? void 0 : N.toDateString(),
+        defaultValue: (N = s === F.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t) == null ? void 0 : N.toDateString(),
         options: i,
         onChange: (p) => {
           r(p[0]);
@@ -151,16 +150,16 @@ const pe = ({
       }
     )
   ] });
-}, be = ({
+}, ge = ({
   label: e,
   id: r,
   checked: t,
   checkboxIcon: n,
   onChange: s
 }) => {
-  const o = M(
-    (l) => {
-      l.stopPropagation(), s == null || s(r, l.target.checked);
+  const o = R(
+    (a) => {
+      a.stopPropagation(), s == null || s(r, a.target.checked);
     },
     [s, r]
   );
@@ -204,7 +203,7 @@ const pe = ({
       ]
     }
   );
-}, ge = ({
+}, Ne = ({
   title: e,
   icon: r,
   children: t,
@@ -234,15 +233,15 @@ const pe = ({
       ]
     }
   );
-}, Ne = ({ text: e, highlightText: r }) => {
+}, we = ({ text: e, highlightText: r }) => {
   const t = U(() => {
-    var l;
+    var a;
     const n = [];
     if (!r)
       return [{ id: 0, text: e, highlight: !1 }];
-    const s = (r == null ? void 0 : r.toLowerCase()) || "", o = ((l = e == null ? void 0 : e.toLowerCase()) == null ? void 0 : l.split(s)) || "";
-    for (let a = 0, i = 0; a < (o == null ? void 0 : o.length); a++) {
-      const f = o == null ? void 0 : o[a], b = f.length;
+    const s = (r == null ? void 0 : r.toLowerCase()) || "", o = ((a = e == null ? void 0 : e.toLowerCase()) == null ? void 0 : a.split(s)) || "";
+    for (let l = 0, i = 0; l < (o == null ? void 0 : o.length); l++) {
+      const f = o == null ? void 0 : o[l], b = f.length;
       f !== "" && n.push({
         id: n.length,
         highlight: !1,
@@ -250,7 +249,7 @@ const pe = ({
           i,
           i + b
         )
-      }), i += b, a !== (o == null ? void 0 : o.length) - 1 && (n.push({
+      }), i += b, l !== (o == null ? void 0 : o.length) - 1 && (n.push({
         id: n.length,
         highlight: !0,
         text: e == null ? void 0 : e.substring(
@@ -269,7 +268,7 @@ const pe = ({
     },
     n == null ? void 0 : n.id
   )) });
-}, we = ({
+}, ye = ({
   icon: e,
   onClick: r,
   buttonClassName: t,
@@ -284,7 +283,7 @@ const pe = ({
       o && "base-icon-button",
       t
     ),
-    onClick: (l) => r == null ? void 0 : r(l),
+    onClick: (a) => r == null ? void 0 : r(a),
     disabled: n,
     title: s,
     "aria-label": "button",
@@ -297,14 +296,14 @@ const pe = ({
   cssClass: n = "",
   type: s = "text",
   disabled: o,
-  readonly: l,
-  onChange: a,
+  readonly: a,
+  onChange: l,
   onKeyDown: i
 }) => {
   const f = m(
     "truncate outline-none shadow-none body-1",
     n,
-    l ? "pointer-events-none" : ""
+    a ? "pointer-events-none" : ""
   );
   return /* @__PURE__ */ c(
     "input",
@@ -318,10 +317,10 @@ const pe = ({
       disabled: o,
       className: f,
       onKeyDown: i,
-      onChange: (b) => a == null ? void 0 : a(b.currentTarget.value)
+      onChange: (b) => l == null ? void 0 : l(b.currentTarget.value)
     }
   );
-}, ye = ({
+}, ve = ({
   iconBeforeInput: e,
   iconAfterInput: r,
   containerClasses: t,
@@ -340,7 +339,7 @@ const pe = ({
     }
   ),
   r
-] }), ve = ({
+] }), xe = ({
   url: e,
   title: r,
   linkClassName: t = "",
@@ -366,7 +365,7 @@ const pe = ({
       ]
     }
   );
-}, xe = ({ title: e, text: r, onClick: t }) => /* @__PURE__ */ c(
+}, Ee = ({ title: e, text: r, onClick: t }) => /* @__PURE__ */ c(
   "button",
   {
     type: "button",
@@ -375,7 +374,7 @@ const pe = ({
     "aria-label": "button",
     children: /* @__PURE__ */ c("h4", { children: e })
   }
-), Ee = ({
+), Fe = ({
   label: e,
   id: r,
   checked: t,
@@ -383,9 +382,9 @@ const pe = ({
   description: s,
   onChange: o
 }) => {
-  const l = M(
-    (a) => {
-      a.stopPropagation(), o == null || o(r, a.target.checked);
+  const a = R(
+    (l) => {
+      l.stopPropagation(), o == null || o(r, l.target.checked);
     },
     [o, r]
   );
@@ -428,7 +427,7 @@ const pe = ({
           "input",
           {
             type: "radio",
-            onChange: l,
+            onChange: a,
             id: r,
             checked: t,
             className: "hidden"
@@ -438,44 +437,44 @@ const pe = ({
     }
   );
 };
-var S = /* @__PURE__ */ ((e) => (e.Closed = "Closed", e.Opened = "Opened", e))(S || {}), k = /* @__PURE__ */ ((e) => (e.LG = "Large", e.SM = "Small", e))(k || {});
+var C = /* @__PURE__ */ ((e) => (e.Closed = "Closed", e.Opened = "Opened", e))(C || {}), M = /* @__PURE__ */ ((e) => (e.LG = "Large", e.SM = "Small", e))(M || {});
 const ce = ({
   portalId: e,
-  state: r = S.Opened,
+  state: r = C.Opened,
   heading: t,
   size: n,
   onClose: s,
   children: o,
-  overlayClassName: l,
-  containerClassName: a,
+  overlayClassName: a,
+  containerClassName: l,
   dividers: i = !0,
   closeButtonTitle: f
 }) => {
-  const { refs: b, context: N } = L({
-    open: r !== S.Closed && !!r,
+  const { refs: b, context: N } = Y({
+    open: r !== C.Closed && !!r,
     onOpenChange: s
-  }), p = Z(N, { role: "dialog" }), w = j(N, { outsidePress: !0 }), { getFloatingProps: y } = A([p, w]), g = M(
+  }), p = Z(N, { role: "dialog" }), w = j(N, { outsidePress: !0 }), { getFloatingProps: y } = G([p, w]), g = R(
     (d) => {
       d == null || d.preventDefault(), d == null || d.stopPropagation(), s();
     },
     [s]
   );
-  return /* @__PURE__ */ c(B, { id: e, children: r !== S.Closed && /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(B, { id: e, children: r !== C.Closed && /* @__PURE__ */ c(
     J,
     {
       className: m(
         "z-[52] flex items-center justify-center bg-blackout p-4",
-        l
+        a
       ),
       children: /* @__PURE__ */ c(K, { context: N, children: /* @__PURE__ */ u(
         "div",
         {
           className: m(
             "relative max-h-full modal rounded bg-white flex flex-col shadow w-full",
-            n === k.LG && "max-w-[65%]",
-            n === k.SM && "max-w-[30%]",
+            n === M.LG && "max-w-[65%]",
+            n === M.SM && "max-w-[30%]",
             i && "divide-neutrals-400 divide-y",
-            a,
+            l,
             "sm:w-full sm:max-w-full sm:px-4 sm:py-6"
           ),
           ref: b.setFloating,
@@ -502,23 +501,23 @@ const ce = ({
       ) })
     }
   ) });
-}, Fe = (e) => e.state === S.Closed ? null : /* @__PURE__ */ c(ce, { ...e }), Se = ({
+}, Ce = (e) => e.state === C.Closed ? null : /* @__PURE__ */ c(ce, { ...e }), Se = ({
   triggerButton: e,
   options: r,
   content: t,
   selectedOption: n,
   disabled: s,
   containerClassName: o,
-  openedClassName: l,
-  onOptionSelect: a
+  openedClassName: a,
+  onOptionSelect: l
 }) => {
-  const [i, f] = _(!1), { refs: b, floatingStyles: N, context: p } = L({
+  const [i, f] = _(!1), { refs: b, floatingStyles: N, context: p } = Y({
     open: i,
     onOpenChange: s ? void 0 : f,
     placement: "bottom-end",
     middleware: [ee(8), ne(), re()],
     whileElementsMounted: D
-  }), w = te(p), y = j(p, { outsidePress: !0 }), { getReferenceProps: g, getFloatingProps: d } = A([
+  }), w = te(p), y = j(p, { outsidePress: !0 }), { getReferenceProps: g, getFloatingProps: d } = G([
     w,
     y
   ]);
@@ -532,7 +531,7 @@ const ce = ({
             h.stopPropagation();
           }
         }),
-        className: m(o, i && l),
+        className: m(o, i && a),
         children: e
       }
     ),
@@ -548,8 +547,8 @@ const ce = ({
           r && r.map((h) => /* @__PURE__ */ c(
             "div",
             {
-              onClick: (F) => {
-                F.stopPropagation(), a == null || a(h.key), f(!1);
+              onClick: (E) => {
+                E.stopPropagation(), l == null || l(h.key), f(!1);
               },
               className: m(
                 "text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",
@@ -573,21 +572,21 @@ const ce = ({
       }
     )
   ] });
-}, Ce = 24, Me = 24;
-function Oe(e = 719) {
+}, Re = 24, ke = 24;
+function Me(e = 719) {
   const [r, t] = _(
     () => typeof window < "u" ? window.innerWidth < e : !1
   );
-  return R(() => {
+  return O(() => {
     const n = window.matchMedia(`(max-width: ${e}px)`), s = (o) => {
       t(o.matches);
     };
     return t(n.matches), n.addEventListener("change", s), () => n.removeEventListener("change", s);
   }, [e]), r;
 }
-function ke(e, r) {
-  const t = Y(null);
-  return M(
+function Oe(e, r) {
+  const t = L(null);
+  return R(
     (...s) => {
       t.current && clearTimeout(t.current), t.current = setTimeout(() => {
         e(...s);
@@ -598,28 +597,28 @@ function ke(e, r) {
 }
 var oe = /* @__PURE__ */ ((e) => (e.Enter = "Enter", e))(oe || {});
 export {
-  he as Alert,
+  fe as Alert,
   x as AlertType,
-  fe as Button,
-  pe as Calendar,
-  be as Checkbox,
+  pe as Button,
+  be as Calendar,
+  ge as Checkbox,
   H as CloseButton,
-  ge as CollapsibleBlock,
+  Ne as CollapsibleBlock,
   Se as Dropdown,
-  Ne as HighlightText,
-  we as IconButton,
+  we as HighlightText,
+  ye as IconButton,
   se as Input,
-  ye as InputWithIcon,
+  ve as InputWithIcon,
   oe as KeyboardKey,
-  ve as Link,
-  G as Loader,
-  k as PopUpSize,
-  S as PopUpState,
-  Fe as Popup,
-  Ee as Radio,
-  Ce as TREE_NODE_ARROW_SIZE,
-  Me as TREE_NODE_PADDING,
-  xe as Tag,
-  ke as useDebounce,
-  Oe as useIsMobile
+  xe as Link,
+  A as Loader,
+  M as PopUpSize,
+  C as PopUpState,
+  Ce as Popup,
+  Fe as Radio,
+  Re as TREE_NODE_ARROW_SIZE,
+  ke as TREE_NODE_PADDING,
+  Ee as Tag,
+  Oe as useDebounce,
+  Me as useIsMobile
 };

package/package.json

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