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

package/components/Checkbox/Checkbox.d.ts

@@ -3,6 +3,7 @@ interface Props {
     id: string;
     label?: string;
     checked: boolean;
+    indeterminate?: boolean;
     checkboxIcon?: ReactNode;
     onChange?: (id: string, isChecked?: boolean) => void;
     disabled?: boolean;

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),f=require("classnames"),D=require("@tabler/icons-react"),ie=require("tailwind-merge"),oe=require("react-flatpickr"),P=require("@epam/statgpt-shared-toolkit"),w=require("@floating-ui/react"),M=require("@dnd-kit/core"),Y=require("@dnd-kit/sortable"),ce=require("@dnd-kit/utilities");function de(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(n,s,r.get?r:{enumerable:!0,get:()=>e[s]})}}return n.default=e,Object.freeze(n)}const ue=de(p),U=({title:e,btnClassNames:n,iconWidth:s,iconHeight:r,onClick:l})=>t.jsx("button",{type:"button","aria-label":"button",className:n,title:e,onClick:l,children:t.jsx(D.IconX,{height:r||20,width:s||20})});var O=(e=>(e.INFO="info",e.ERROR="error",e.SUCCESS="success",e.IN_PROGRESS="in_progress",e))(O||{});const xe=3e4,me=({alertDetails:e,infoIcon:n,successIcon:s,errorIcon:r,onClose:l,closeButtonTitle:a,children:i})=>{const u=e?.type,x=u===O.IN_PROGRESS||u===O.INFO,c=()=>x?"alert-in-progress":u===O.SUCCESS?"alert-success":"alert-error",m=x?n:u===O.SUCCESS?s:u===O.ERROR?r:null,h=e?.text;return p.useEffect(()=>{if(!e||x)return;const j=setTimeout(()=>{l?.()},xe);return()=>clearTimeout(j)},[e,x,l]),t.jsx("div",{className:f("alert alert-shadow fixed bottom-3 right-3 z-10 w-[min(380px,calc(100vw-24px))] max-w-[calc(100vw-24px)]",c()),children:t.jsxs("div",{className:"alert-content flex items-start",children:[m&&t.jsx("div",{className:"alert-icon",children:m}),t.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[t.jsx("h3",{className:"alert-title truncate",children:e?.title}),i??(h&&t.jsx("div",{className:"alert-text whitespace-pre-line break-words",title:h,children:h}))]}),t.jsx(U,{title:a,onClick:l})]})})},K=()=>t.jsx("div",{className:"flex h-full items-center justify-center",children:t.jsx("div",{className:"loader"})}),he=ie.extendTailwindMerge({extend:{classGroups:{typography:["h1","h2","h3","h4","h5","body-1","body-2","body-3","caption"]}}});function L(...e){return he(f(...e))}const Q=({buttonClassName:e,textClassName:n,isLoading:s=!1,title:r,disabled:l,iconAfter:a,iconBefore:i,onClick:u,isSmallButton:x})=>{const c=L([x?"font-semibold":"",a?"mr-2":"",i?"ml-2":"",n]);return t.jsxs("button",{type:"button",className:f("base-button",e,x?"small-button":""),disabled:l||s,"aria-label":"button",onClick:m=>u?.(m),title:r,children:[i,s&&t.jsx(K,{}),r?x?t.jsx("h4",{className:c,children:r}):t.jsx("h3",{className:c,children:r}):null,a]})};function Z(e=719){const[n,s]=p.useState(()=>typeof window<"u"?window.innerWidth<e:!1);return p.useEffect(()=>{const r=window.matchMedia(`(max-width: ${e}px)`),l=a=>{s(a.matches)};return s(r.matches),r.addEventListener("change",l),()=>r.removeEventListener("change",l)},[e]),n}function fe(e,n){const s=p.useRef(null);return p.useCallback((...l)=>{s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{e(...l)},n)},[e,n])}const pe=24,ge=24,W=1e3,X=24,be=({label:e,onChange:n,value:s,options:r,calendarResolution:l=P.CalendarResolution.DAY,id:a,icon:i,isEndDate:u})=>{const x=p.useRef(null),c=Z();p.useEffect(()=>{const N=x?.current;N&&N.querySelector("input")?.setAttribute("aria-label",e)},[e]);const m={...r,disableMobile:!0,defaultDate:l===P.CalendarResolution.MONTH?new Date(s.getFullYear(),s.getMonth()):s},h=(N,v,b)=>{const d=`calendar__${l===P.CalendarResolution.MONTH?"month":"day"}`;b.calendarContainer&&b.calendarContainer.classList.add(d)},j=(N,v,b)=>{if(l===P.CalendarResolution.MONTH&&N.length>0){const d=r.minDate,o=r.maxDate,g=N[0].getFullYear(),C=b.calendarContainer,S="flatpickr-disabled",y=C.querySelectorAll(".flatpickr-monthSelect-month"),E=C.querySelectorAll(".flatpickr-next-month")[0],R=C.querySelectorAll(".flatpickr-prev-month")[0];g===o.getFullYear()&&E.classList.add(S),g===d.getFullYear()&&R.classList.add(S),(g===d.getFullYear()||g===o.getFullYear())&&y.forEach(k=>{k.classList.remove(S);const I=new Date(k.getAttribute("aria-label")),_=I.getFullYear()===d.getFullYear()&&I.getMonth()===d.getMonth(),z=I.getFullYear()===o.getFullYear()&&I.getMonth()===o.getMonth();_||z||(I<d||I>o)&&k.classList.add(S)})}setTimeout(()=>{const d=b.calendarContainer,o=b._input?.getBoundingClientRect();d&&(d.style.top=`${o.top-d.offsetHeight-8}px`,d.style.width=`${d.style.width}px`,u?(d.style.right=`${window.innerWidth-o.right-(c?X:0)}px`,d.style.left="auto"):d.style.left=`${o.left}px`)},0)};return t.jsxs("div",{className:"calendar relative",ref:x,children:[t.jsx("div",{className:"calendar-title mb-1",children:e}),t.jsx("label",{htmlFor:a,className:"absolute right-[11px] top-[29px] cursor-pointer",children:i||t.jsx(D.IconCalendarEvent,{})}),t.jsx(oe,{defaultValue:(l===P.CalendarResolution.MONTH?new Date(s.getFullYear(),s.getMonth()):s)?.toDateString(),options:m,onChange:N=>{n(N[0])},onOpen:[j],onReady:[h],id:a})]})},V=({label:e,id:n,checked:s,checkboxIcon:r,onChange:l,disabled:a=!1,disabledScope:i="full",className:u,stopPropagation:x=!0})=>{const c=p.useCallback(j=>{x&&j.stopPropagation()},[x]),m=p.useCallback(j=>{x&&j.stopPropagation(),l?.(n,j.target.checked)},[l,n,x]),h=()=>{if(s)return r||t.jsx(D.IconSquareCheckFilled,{className:"absolute size-4"})};return t.jsxs("label",{htmlFor:n,onClick:c,className:L("flex min-w-0 items-center py-1 shrink-0",a?"cursor-not-allowed":"cursor-pointer",a&&i==="full"&&"opacity-50",u),children:[t.jsx("span",{className:f("checkbox-button relative flex size-[14px] items-center justify-center",a&&i==="icon"&&"opacity-50"),"aria-hidden":!0,children:h()}),e?t.jsx("p",{className:f("checkbox-button-text text-neutrals-1000 min-w-0 ml-2 flex-1 truncate pr-2"),title:e,children:e}):null,t.jsx("input",{id:n,type:"checkbox",checked:s,disabled:a,onChange:m,className:"hidden"})]})},je=({title:e,icon:n,children:s,value:r})=>{const[l,a]=p.useState(!1);return t.jsxs("div",{className:`collapsible-block flex flex-col border-t-2 border-neutrals-600 ${l?"collapsible-block-open":""}`,children:[t.jsxs("div",{className:"collapsible-block-title flex cursor-pointer items-center py-4",onClick:()=>a(!l),children:[t.jsx("div",{className:`${l?"rotate-180":""} transition-transform`,children:n||t.jsx(D.IconChevronDown,{className:"mr-3 size-5"})}),t.jsxs("div",{className:"flex flex-1 items-center justify-between",children:[t.jsx("span",{children:e}),r&&t.jsx("p",{className:"body-1 text-neutrals-800",children:r})]})]}),l&&t.jsx("div",{className:"collapsible-block-content pb-4",children:s})]})},Ne=({text:e,highlightText:n})=>{const s=p.useMemo(()=>{const r=[];if(!n)return[{id:0,text:e,highlight:!1}];const l=n?.toLowerCase()||"",a=e?.toLowerCase()?.split(l)||"";for(let i=0,u=0;i<a?.length;i++){const x=a?.[i],c=x.length;x!==""&&r.push({id:r.length,highlight:!1,text:e?.substring(u,u+c)}),u+=c,i!==a?.length-1&&(r.push({id:r.length,highlight:!0,text:e?.substring(u,u+n.length)}),u+=n.length)}return r},[n,e]);return t.jsx(t.Fragment,{children:s.map(r=>t.jsx("span",{className:f(r?.highlight&&"bg-highlight"),children:r?.text},r?.id))})},we=({icon:e,onClick:n,buttonClassName:s,disabled:r,title:l,isBaseIconStyles:a=!0})=>t.jsx("button",{type:"button",className:f(a&&"base-icon-button",s),onClick:i=>n?.(i),disabled:r,title:l,"aria-label":"button",children:e}),J=({value:e,inputId:n,placeholder:s="",cssClass:r="",type:l="text",disabled:a,readonly:i,onChange:u,onKeyDown:x,onFocus:c,onBlur:m})=>{const h=f("truncate outline-none shadow-none body-1",r,i?"pointer-events-none":"");return t.jsx("input",{type:l,autoComplete:"off",id:n,placeholder:s,value:e||"",title:e?String(e):"",disabled:a,className:h,onKeyDown:x,onFocus:c,onBlur:m,onChange:j=>u?.(j.currentTarget.value)})},Ce=({iconBeforeInput:e,iconAfterInput:n,containerClasses:s,cssClass:r,...l})=>t.jsxs("div",{className:f("input w-full flex flex-row",s),children:[e,t.jsx(J,{cssClass:f("border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",r),...l}),n]}),ve=({url:e,title:n,linkClassName:s="",iconBefore:r,iconAfter:l})=>{const a=f(l?"mr-2":"",r?"ml-2":"");return t.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:f("base-link",s),title:n,children:[r,t.jsx("span",{className:a,children:n}),l]})},ye=({title:e,text:n,disabled:s,onClick:r})=>t.jsx("button",{type:"button",className:f("tag flex items-center justify-center","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-neutrals-100"),disabled:s,onClick:()=>r?.(n||e),"aria-label":"button",children:t.jsx("h4",{children:e})}),Ee=({label:e,id:n,checked:s,radioIcon:r,description:l,onChange:a})=>{const i=p.useCallback(u=>{u.stopPropagation(),a?.(n,u.target.checked)},[a,n]);return t.jsxs("label",{className:"flex min-w-0 cursor-pointer flex-col py-[6px]",htmlFor:n,children:[t.jsxs("p",{className:"radio-label flex min-w-0 items-center",children:[t.jsx("span",{className:f("flex justify-center items-center w-4 h-4 mr-2 relative","radio-button",s?"radio-button-active":""),children:s&&r}),e&&t.jsx("span",{className:"radio-title body-1 min-w-0 flex-1 truncate pr-2 text-neutrals-1000",title:e,children:e})]}),l&&t.jsx("span",{className:"radio-description body-2 ml-6 flex w-auto items-center text-neutrals-800",title:l,children:l}),t.jsx("input",{type:"radio",onChange:i,id:n,checked:s,className:"hidden"})]})};var F=(e=>(e.Closed="Closed",e.Opened="Opened",e))(F||{}),q=(e=>(e.LG="Large",e.SM="Small",e))(q||{});const Ie=({portalId:e,state:n=F.Opened,heading:s,size:r,onClose:l,children:a,overlayClassName:i,containerClassName:u,dividers:x=!0,closeButtonTitle:c})=>{const{refs:m,context:h}=w.useFloating({open:n!==F.Closed&&!!n,onOpenChange:l}),j=w.useRole(h,{role:"dialog"}),N=w.useDismiss(h,{outsidePress:!0}),{getFloatingProps:v}=w.useInteractions([j,N]),b=p.useCallback(d=>{d?.preventDefault(),d?.stopPropagation(),l()},[l]);return t.jsx(w.FloatingPortal,{id:e,children:n!==F.Closed&&t.jsx(w.FloatingOverlay,{className:f("z-modal flex items-center justify-center bg-blackout p-4",i),children:t.jsx(w.FloatingFocusManager,{context:h,children:t.jsxs("div",{className:f("relative max-h-full modal rounded bg-white flex flex-col shadow w-full",r===q.LG&&"max-w-[65%]",r===q.SM&&"max-w-[30%]",x&&"divide-neutrals-400 divide-y",u,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:m.setFloating,...v({onClick(d){d.stopPropagation()}}),children:[t.jsxs("div",{className:"modal-heading flex flex-row items-center justify-between px-6 py-5 sm:p-0 sm:pb-2",children:[s&&(typeof s=="string"?t.jsx("h2",{className:"modal-heading-title sm:h3 mr-3 min-w-0 flex-1",children:s}):s),t.jsx(U,{title:c,onClick:b,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),a.map(d=>d)]})})})})},Se=e=>e.state===F.Closed?null:t.jsx(Ie,{...e}),G="statgpt-dropdown-open",A=8,ke={name:"keepDropdownWithinViewport",fn({y:e,rects:n}){if(typeof window>"u")return{};const s=document.documentElement.clientHeight||window.innerHeight,r=Math.min(n.floating.height,Math.max(0,s-A*2)),l=A,a=s-r-A;return{y:Math.min(Math.max(e,l),Math.max(l,a))}}},De=({triggerButton:e,options:n,content:s,selectedOption:r,disabled:l,containerClassName:a,openedClassName:i,onOptionSelect:u})=>{const x=p.useId(),[c,m]=p.useState(!1),{refs:h,floatingStyles:j,context:N}=w.useFloating({open:c,onOpenChange:l?void 0:m,placement:"bottom-end",strategy:"fixed",middleware:[w.offset(A),w.flip({padding:A}),w.size({padding:A,apply({availableHeight:g,elements:C}){C.floating.style.maxHeight=`${Math.max(0,g)}px`}}),w.shift({padding:A}),ke],whileElementsMounted:w.autoUpdate}),v=w.useClick(N),b=w.useDismiss(N,{outsidePress:!0}),{getReferenceProps:d,getFloatingProps:o}=w.useInteractions([v,b]);return p.useEffect(()=>{c&&window.dispatchEvent(new CustomEvent(G,{detail:x}))},[x,c]),p.useEffect(()=>{const g=C=>{C instanceof CustomEvent&&C.detail!==x&&m(!1)};return window.addEventListener(G,g),()=>{window.removeEventListener(G,g)}},[x]),p.useEffect(()=>{l&&m(!1)},[l]),t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:h.setReference,...d({onClick(g){g.stopPropagation()}}),className:f(a,c&&i),children:e}),c&&t.jsx(w.FloatingPortal,{children:t.jsxs("div",{ref:h.setFloating,style:{...j,overflowY:"auto"},className:"dropdown-menu-shadow dropdown-container z-dropdown flex flex-col rounded bg-white",...o(),children:[s&&s,n&&n.map(g=>t.jsx("div",{onClick:C=>{C.stopPropagation(),u?.(g.key),m(!1)},className:f("text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",r===g.key&&"bg-hues-100"),children:t.jsxs("div",{className:"dropdown-item-text flex h-full items-center gap-x-2 p-2 hover:bg-hues-100",title:g.title,children:[g.icon?g.icon:null,t.jsx("p",{children:g?.title})]})},g.key))]})})]})},Re=({limitMessages:e,query:n})=>t.jsxs("div",{className:"flex flex-wrap items-center justify-between bg-hues-100 px-2 py-1",children:[t.jsx("div",{className:"flex gap-x-[4px]",children:t.jsx("div",{className:"flex flex-col",children:t.jsxs("div",{className:"flex gap-x-[4px]",children:[t.jsxs("span",{className:"h5 text-primary",children:[e?.excelFormatTitle," "]}),t.jsx("span",{className:"body-3 text-neutrals-800",children:e?.excelFormatText})]})})}),t.jsx("a",{href:n,target:"_blank",rel:"noreferrer",children:t.jsxs("span",{className:"body-3 flex cursor-pointer items-center gap-x-[4px]",children:[e?.dataExplorerIcon,e?.dataExplorer]})})]}),Oe=({limitMessages:e,isDownload:n,showAdvancedViewButton:s,onAdvancedViewClick:r,query:l})=>t.jsxs("div",{className:f("bg-semantic-warning-light px-2 py-1 flex justify-between flex-wrap items-center",e?.containerClassName),children:[t.jsxs("div",{className:"flex items-center gap-x-2",children:[t.jsx("span",{children:e?.warningIcon}),t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsxs("div",{className:"flex gap-x-[4px]",children:[t.jsxs("span",{className:f("text-primary h5",e?.largeQueryClassName),children:[e?.largeQuery,":"," "]}),t.jsx("span",{className:f("text-neutrals-800 body-3",e?.limitMessageClassName),children:n?e?.downloadMessage?.(W):e?.showingLimit?.(W)})]}),n&&t.jsx("span",{className:f("text-neutrals-800 body-3",e?.limitMessageClassName),children:e?.fullLimitMessage})]})]}),s&&t.jsxs("span",{onClick:()=>r?.(),className:"h4 flex cursor-pointer items-center gap-x-[4px] text-primary",children:[e?.editIcon,e?.refineInAdvancedView]}),n&&t.jsx("a",{href:l||"",target:"_blank",rel:"noreferrer",children:t.jsxs("span",{className:"body-3 flex cursor-pointer items-center gap-x-[4px]",children:[e?.dataExplorerIcon,e?.dataExplorer]})})]}),ee=p.createContext(null);function Ae({value:e,children:n}){const s=p.useMemo(()=>e??{},[e]);return t.jsx(ee.Provider,{value:s,children:n})}function Le(){return p.useContext(ee)}var T=(e=>(e.Info="info",e.Error="error",e.Warning="warning",e.Note="note",e))(T||{});const _e={[T.Info]:"border-neutrals-800 bg-neutrals-300 text-neutrals-1000",[T.Error]:"border-semantic-error bg-semantic-error-light text-neutrals-1000",[T.Warning]:"border-semantic-warning bg-semantic-warning-light text-neutrals-1000",[T.Note]:"border-hues-900 bg-neutrals-200 text-neutrals-1000"},Me="shrink-0",Te="min-w-0 body-2",Fe="flex items-start gap-2 min-w-0 border-l-2 rounded py-2 px-4 items-center";function Pe({type:e,icon:n,children:s,className:r,contentClassName:l}){const a=Le(),i=n??a?.icons?.[e],u=a?.classes?.container??Fe,x=a?.classes?.types?.[e]??_e[e],c=L(u,x,r),m=L(Me,a?.classes?.icon),h=L(Te,a?.classes?.content,l);return t.jsxs("div",{"data-type":e,className:c,children:[i?t.jsx("span",{className:m,children:i}):null,s?t.jsx("div",{className:h,children:s}):null]})}const Ye=({title:e,copiedTitle:n,tooltip:s,hoverTooltip:r,icon:l,copiedIcon:a,className:i,buttonTextClassName:u,onClick:x})=>{const[c,m]=p.useState(!1),h=p.useRef(null),j=()=>{x(),m(!0),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{m(!1)},1e3)};return p.useEffect(()=>()=>{h.current&&clearTimeout(h.current)},[]),t.jsxs("div",{className:"relative w-fit",title:r,children:[t.jsx(Q,{title:c?n:e,isSmallButton:!0,disabled:c,buttonClassName:L(["text-button-tertiary small-icon-button !h-6 !p-0",i]),textClassName:L(["ml-1",u]),onClick:j,iconBefore:c?a:l}),s&&c&&t.jsx("div",{className:"h4 absolute left-1/2 top-full z-50 mt-1 -translate-x-1/2 whitespace-nowrap rounded border border-neutrals-400 bg-white px-3 py-4 text-neutrals-900 shadow",children:s})]})};function qe({id:e,label:n,hasChildren:s,showDragHandle:r,showCheckbox:l,isChecked:a,isExpanded:i}){return t.jsxs("div",{className:"relative cursor-grabbing rounded bg-neutrals-200 shadow",children:[t.jsx("div",{className:"absolute -left-[0.5px] top-0.5 h-5 w-0.5 rounded-full bg-gradients-light"}),t.jsxs("div",{className:"flex items-stretch overflow-hidden rounded",children:[r?t.jsx("div",{className:"flex w-6 items-center justify-center",children:t.jsx("span",{"aria-hidden":!0,className:"rounded p-1",children:t.jsx(D.IconGripVertical,{size:16})})}):null,t.jsxs("div",{className:"flex min-w-0 flex-1 items-center gap-2 p-1",children:[l?t.jsx(V,{id:e,checked:!!a,className:"p-0"}):null,t.jsx("span",{className:"body-3 truncate",children:n})]}),s?t.jsx("div",{className:"flex w-8 items-center justify-center",children:t.jsx("span",{"aria-hidden":!0,className:f("transition-transform",i?"rotate-90":"rotate-0"),children:t.jsx(D.IconChevronRight,{size:16})})}):null]})]})}function te(e,n){return`i:${[...e,n].join("/")}`}function H(e){if(!e.startsWith("i:"))return null;const s=e.slice(2).split("/").filter(Boolean);return s.length?{parentPath:s.slice(0,-1),itemId:s[s.length-1]}:null}function Be(e,n,s){const r=se(e,n);return r?r.find(l=>l.id===s)??null:null}function ne(e,n){if(n.length===0)return e;const[s,...r]=n,l=e.find(a=>a.id===s);return l?.items?ne(l.items,r):null}function se(e,n){const s=ne(e,n);return s?s.filter(r=>r.type==="item"):null}function re(e,n,s){if(n.length===0)return s(e);const[r,...l]=n;return e.map(a=>a.id!==r||!a.items?a:{...a,items:re(a.items,l,s)})}function ze({parentPath:e,item:n,showDragHandle:s,showCheckbox:r,renderLabel:l,onItemClick:a,onToggleExpanded:i,onToggleChecked:u}){const x=!!n.items?.length,c=!!n.isExpanded,m=n.isDisabled?!1:n.draggable??!0,h=n.isDisabled?!1:n.checkable??!0,j=te(e,n.id),{attributes:N,listeners:v,setNodeRef:b,setActivatorNodeRef:d,transform:o,transition:g,isDragging:C}=Y.useSortable({id:j,disabled:!m}),S={transform:ce.CSS.Transform.toString(o),transition:g,opacity:C?.6:void 0},y=!!n.isDisabled,E=y||!h,R=[...e,n.id];return t.jsxs("div",{ref:b,style:S,className:f(["group flex items-stretch overflow-hidden rounded bg-white","select-none",y?"opacity-50":""]),children:[s?t.jsx("div",{className:f(["group/drag-handle flex w-6 items-center justify-center rounded",y?"":"hover:bg-neutrals-100 cursor-grab"]),children:t.jsx("span",{ref:d,"aria-hidden":!0,className:f(["rounded p-1",m?"cursor-grab":"cursor-default","transition-opacity"]),...m?v:{},...m?N:{},children:t.jsx(D.IconGripVertical,{size:16,className:"text-neutrals-800 group-hover/drag-handle:text-primary"})})}):null,t.jsxs("button",{type:"button",disabled:y,"aria-disabled":E,onClick:k=>{E||a?.({itemId:n.id,path:R,nativeEvent:k})},className:f(["flex min-w-0 flex-1 items-center gap-2 p-1 text-left rounded",y?"":"hover:bg-neutrals-100",y?"":"hover:text-blue-700","focus:outline-none"]),children:[r?t.jsx(V,{id:`draggable-list-${R.join("-")}`,checked:!!n.isChecked,disabled:!h,className:"p-0",stopPropagation:!0,onChange:(k,I)=>u?.({itemId:n.id,path:R,nextChecked:!!I})}):null,t.jsx("span",{className:"body-3 w-full truncate text-neutrals-800",children:l?l(n):n.label})]}),x?t.jsx("button",{type:"button",disabled:y,onClick:k=>{k.stopPropagation(),i?.({itemId:n.id,path:R,nextExpanded:!c})},"aria-label":c?"Collapse":"Expand",className:f(["flex w-8 items-center justify-center rounded",y?"":"hover:bg-neutrals-100","focus:outline-none"]),children:t.jsx("span",{"aria-hidden":!0,className:f("transition-transform duration-150 ease-out",c?"rotate-90":"rotate-0"),children:t.jsx(D.IconChevronRight,{size:16})})}):null]})}function Ge({items:e,showDragHandle:n=!0,showCheckbox:s=!0,onItemsChange:r,onToggleExpanded:l,onToggleChecked:a,onItemClick:i,renderLabel:u}){const x=M.useSensors(M.useSensor(M.PointerSensor,{activationConstraint:{distance:6}})),[c,m]=ue.useState(null),h=v=>{const b=String(v.active.id),d=H(b);if(!d)return;const o=Be(e,d.parentPath,d.itemId);!o||o.type!=="item"||m({id:b,label:o.label,hasChildren:!!o.items?.length,isChecked:o.isChecked,isExpanded:o.isExpanded})},j=v=>{m(null);const b=v.over;if(!b)return;const d=H(String(v.active.id)),o=H(String(b.id));if(!d||!o||d.parentPath.join("/")!==o.parentPath.join("/"))return;const g=se(e,d.parentPath);if(!g)return;const C=g.findIndex(E=>E.id===d.itemId),S=g.findIndex(E=>E.id===o.itemId);if(C===-1||S===-1||C===S)return;const y=re(e,d.parentPath,E=>{const R=E.filter(_=>_.type==="item"),k=Y.arrayMove(R,C,S);let I=0;return E.map(_=>{if(_.type!=="item")return _;const z=k[I];return I+=1,z})});r(y)},N=(v,b=[])=>{const d=v.filter(o=>o.type==="item").map(o=>te(b,o.id));return t.jsx(Y.SortableContext,{items:d,strategy:Y.verticalListSortingStrategy,children:t.jsx("ul",{className:"m-0 flex list-none flex-col gap-2 p-0",children:v.map(o=>o.type==="group"?t.jsxs("li",{className:"m-0 mt-2 flex flex-col gap-2 p-0 first:mt-0",children:[t.jsxs("div",{className:"h5 flex items-center gap-2 py-1 text-neutrals-1000",children:[t.jsx(D.IconDatabase,{size:12,className:"shrink-0"}),o.label]}),t.jsx("div",{className:"border-l border-neutrals-600 pl-2",children:N(o.items,[...b,o.id])})]},o.id):t.jsxs("li",{className:"m-0 flex flex-col gap-2 p-0",children:[t.jsx(ze,{parentPath:b,item:o,showDragHandle:n,showCheckbox:s,renderLabel:u,onItemClick:i,onToggleExpanded:l,onToggleChecked:a}),o.items?.length&&o.isExpanded?t.jsx("div",{className:"pl-7",children:N(o.items,[...b,o.id])}):null]},o.id))})})};return t.jsxs(M.DndContext,{sensors:x,collisionDetection:M.closestCenter,onDragStart:h,onDragEnd:j,children:[t.jsx("div",{className:"flex flex-col",children:N(e)}),t.jsx(M.DragOverlay,{children:c?t.jsx(qe,{id:c.id,label:c.label,hasChildren:c.hasChildren,showDragHandle:n,showCheckbox:s,isChecked:c.isChecked,isExpanded:c.isExpanded}):null})]})}const He=(e,n)=>e.label.toLowerCase().includes(n);function We(e,n,s={}){const r=Ue(n);if(!r)return e;const{expandMatchedBranches:l=!0,includeGroupDescendantsOnMatch:a=!0,includeItemDescendantsOnMatch:i=!1,match:u=He}=s;return $(e,r,{expandMatchedBranches:l,includeGroupDescendantsOnMatch:a,includeItemDescendantsOnMatch:i,match:u})??[]}function $(e,n,s){const r=[];for(const l of e){const a=$e(l,n,s);a&&r.push(a)}return r.length?r:null}function $e(e,n,s){const r=s.match(e,n);if(e.type==="group"){if(r&&s.includeGroupDescendantsOnMatch)return B(e,s.expandMatchedBranches);const i=e.items?.length?$(e.items,n,s):null;return!r&&!i?null:{...e,items:i??[]}}const l=e.items?.length?$(e.items,n,s):null;if(r&&s.includeItemDescendantsOnMatch)return B(e,s.expandMatchedBranches);if(!r&&!l)return null;const a={...e};return l?(a.items=l,s.expandMatchedBranches&&(a.isExpanded=!0)):delete a.items,a}function B(e,n){return e.type==="group"?{...e,items:e.items.map(s=>B(s,n))}:{...e,isExpanded:n&&e.items?.length?!0:e.isExpanded,items:e.items?.map(s=>B(s,n))}}function Ue(e){return e.trim().toLowerCase()}var le=(e=>(e.Enter="Enter",e))(le||{});const ae=p.createContext(null);function Ve({children:e,isAgentAvailable:n}){const s=p.useMemo(()=>({isAgentAvailable:n}),[n]);return t.jsx(ae.Provider,{value:s,children:e})}function Ke(){const e=p.useContext(ae);if(!e)throw new Error("useAgentAvailability must be used within AgentAvailabilityProvider");return e}exports.AgentAvailabilityProvider=Ve;exports.Alert=me;exports.AlertType=O;exports.Button=Q;exports.CALENDAR_MOBILE_PADDING=X;exports.Calendar=be;exports.Checkbox=V;exports.CloseButton=U;exports.CollapsibleBlock=je;exports.CopyButton=Ye;exports.DownloadFormatMessage=Re;exports.DraggableList=Ge;exports.Dropdown=De;exports.HighlightText=Ne;exports.IconButton=we;exports.InlineAlert=Pe;exports.InlineAlertProvider=Ae;exports.InlineAlertType=T;exports.Input=J;exports.InputWithIcon=Ce;exports.KeyboardKey=le;exports.Link=ve;exports.Loader=K;exports.PopUpSize=q;exports.PopUpState=F;exports.Popup=Se;exports.Radio=Ee;exports.RequestLimitMessage=Oe;exports.SERIES_LIMIT=W;exports.TREE_NODE_ARROW_SIZE=pe;exports.TREE_NODE_PADDING=ge;exports.Tag=ye;exports.filterDraggableListNodes=We;exports.useAgentAvailability=Ke;exports.useDebounce=fe;exports.useIsMobile=Z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("react"),p=require("classnames"),k=require("@tabler/icons-react"),ie=require("tailwind-merge"),oe=require("react-flatpickr"),P=require("@epam/statgpt-shared-toolkit"),C=require("@floating-ui/react"),M=require("@dnd-kit/core"),Y=require("@dnd-kit/sortable"),ce=require("@dnd-kit/utilities");function de(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(n,s,r.get?r:{enumerable:!0,get:()=>e[s]})}}return n.default=e,Object.freeze(n)}const ue=de(m),U=({title:e,btnClassNames:n,iconWidth:s,iconHeight:r,onClick:l})=>t.jsx("button",{type:"button","aria-label":"button",className:n,title:e,onClick:l,children:t.jsx(k.IconX,{height:r||20,width:s||20})});var O=(e=>(e.INFO="info",e.ERROR="error",e.SUCCESS="success",e.IN_PROGRESS="in_progress",e))(O||{});const xe=3e4,fe=({alertDetails:e,infoIcon:n,successIcon:s,errorIcon:r,onClose:l,closeButtonTitle:a,children:i})=>{const u=e?.type,x=u===O.IN_PROGRESS||u===O.INFO,o=()=>x?"alert-in-progress":u===O.SUCCESS?"alert-success":"alert-error",f=x?n:u===O.SUCCESS?s:u===O.ERROR?r:null,h=e?.text;return m.useEffect(()=>{if(!e||x)return;const w=setTimeout(()=>{l?.()},xe);return()=>clearTimeout(w)},[e,x,l]),t.jsx("div",{className:p("alert alert-shadow fixed bottom-3 right-3 z-10 w-[min(380px,calc(100vw-24px))] max-w-[calc(100vw-24px)]",o()),children:t.jsxs("div",{className:"alert-content flex items-start",children:[f&&t.jsx("div",{className:"alert-icon",children:f}),t.jsxs("div",{className:"flex min-w-0 flex-1 flex-col gap-2",children:[t.jsx("h3",{className:"alert-title truncate",children:e?.title}),i??(h&&t.jsx("div",{className:"alert-text whitespace-pre-line break-words",title:h,children:h}))]}),t.jsx(U,{title:a,onClick:l})]})})},K=()=>t.jsx("div",{className:"flex h-full items-center justify-center",children:t.jsx("div",{className:"loader"})}),me=ie.extendTailwindMerge({extend:{classGroups:{typography:["h1","h2","h3","h4","h5","body-1","body-2","body-3","caption"]}}});function L(...e){return me(p(...e))}const Q=({buttonClassName:e,textClassName:n,isLoading:s=!1,title:r,disabled:l,iconAfter:a,iconBefore:i,onClick:u,isSmallButton:x})=>{const o=L([x?"font-semibold":"",a?"mr-2":"",i?"ml-2":"",n]);return t.jsxs("button",{type:"button",className:p("base-button",e,x?"small-button":""),disabled:l||s,"aria-label":"button",onClick:f=>u?.(f),title:r,children:[i,s&&t.jsx(K,{}),r?x?t.jsx("h4",{className:o,children:r}):t.jsx("h3",{className:o,children:r}):null,a]})};function Z(e=719){const[n,s]=m.useState(()=>typeof window<"u"?window.innerWidth<e:!1);return m.useEffect(()=>{const r=window.matchMedia(`(max-width: ${e}px)`),l=a=>{s(a.matches)};return s(r.matches),r.addEventListener("change",l),()=>r.removeEventListener("change",l)},[e]),n}function he(e,n){const s=m.useRef(null);return m.useCallback((...l)=>{s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{e(...l)},n)},[e,n])}const pe=24,ge=24,W=1e3,X=24,be=({label:e,onChange:n,value:s,options:r,calendarResolution:l=P.CalendarResolution.DAY,id:a,icon:i,isEndDate:u})=>{const x=m.useRef(null),o=Z();m.useEffect(()=>{const j=x?.current;j&&j.querySelector("input")?.setAttribute("aria-label",e)},[e]);const f={...r,disableMobile:!0,defaultDate:l===P.CalendarResolution.MONTH?new Date(s.getFullYear(),s.getMonth()):s},h=(j,N,b)=>{const d=`calendar__${l===P.CalendarResolution.MONTH?"month":"day"}`;b.calendarContainer&&b.calendarContainer.classList.add(d)},w=(j,N,b)=>{if(l===P.CalendarResolution.MONTH&&j.length>0){const d=r.minDate,c=r.maxDate,g=j[0].getFullYear(),v=b.calendarContainer,S="flatpickr-disabled",y=v.querySelectorAll(".flatpickr-monthSelect-month"),E=v.querySelectorAll(".flatpickr-next-month")[0],R=v.querySelectorAll(".flatpickr-prev-month")[0];g===c.getFullYear()&&E.classList.add(S),g===d.getFullYear()&&R.classList.add(S),(g===d.getFullYear()||g===c.getFullYear())&&y.forEach(D=>{D.classList.remove(S);const I=new Date(D.getAttribute("aria-label")),_=I.getFullYear()===d.getFullYear()&&I.getMonth()===d.getMonth(),z=I.getFullYear()===c.getFullYear()&&I.getMonth()===c.getMonth();_||z||(I<d||I>c)&&D.classList.add(S)})}setTimeout(()=>{const d=b.calendarContainer,c=b._input?.getBoundingClientRect();d&&(d.style.top=`${c.top-d.offsetHeight-8}px`,d.style.width=`${d.style.width}px`,u?(d.style.right=`${window.innerWidth-c.right-(o?X:0)}px`,d.style.left="auto"):d.style.left=`${c.left}px`)},0)};return t.jsxs("div",{className:"calendar relative",ref:x,children:[t.jsx("div",{className:"calendar-title mb-1",children:e}),t.jsx("label",{htmlFor:a,className:"absolute right-[11px] top-[29px] cursor-pointer",children:i||t.jsx(k.IconCalendarEvent,{})}),t.jsx(oe,{defaultValue:(l===P.CalendarResolution.MONTH?new Date(s.getFullYear(),s.getMonth()):s)?.toDateString(),options:f,onChange:j=>{n(j[0])},onOpen:[w],onReady:[h],id:a})]})},V=({label:e,id:n,checked:s,indeterminate:r=!1,checkboxIcon:l,onChange:a,disabled:i=!1,disabledScope:u="full",className:x,stopPropagation:o=!0})=>{const f=m.useRef(null);m.useEffect(()=>{f.current&&(f.current.indeterminate=!s&&r)},[s,r]);const h=m.useCallback(N=>{o&&N.stopPropagation()},[o]),w=m.useCallback(N=>{o&&N.stopPropagation(),a?.(n,N.target.checked)},[a,n,o]),j=()=>{if(s)return l||t.jsx(k.IconSquareCheckFilled,{className:"absolute size-4"});if(r)return t.jsx(k.IconSquareMinusFilled,{className:"absolute size-4"})};return t.jsxs("label",{htmlFor:n,onClick:h,className:L("flex min-w-0 items-center py-1 shrink-0",i?"cursor-not-allowed":"cursor-pointer",i&&u==="full"&&"opacity-50",x),children:[t.jsx("span",{className:p("checkbox-button relative flex size-[14px] items-center justify-center",i&&u==="icon"&&"opacity-50"),"aria-hidden":!0,children:j()}),e?t.jsx("p",{className:p("checkbox-button-text text-neutrals-1000 min-w-0 ml-2 flex-1 truncate pr-2"),title:e,children:e}):null,t.jsx("input",{ref:f,id:n,type:"checkbox",checked:s,disabled:i,onChange:w,className:"hidden"})]})},je=({title:e,icon:n,children:s,value:r})=>{const[l,a]=m.useState(!1);return t.jsxs("div",{className:`collapsible-block flex flex-col border-t-2 border-neutrals-600 ${l?"collapsible-block-open":""}`,children:[t.jsxs("div",{className:"collapsible-block-title flex cursor-pointer items-center py-4",onClick:()=>a(!l),children:[t.jsx("div",{className:`${l?"rotate-180":""} transition-transform`,children:n||t.jsx(k.IconChevronDown,{className:"mr-3 size-5"})}),t.jsxs("div",{className:"flex flex-1 items-center justify-between",children:[t.jsx("span",{children:e}),r&&t.jsx("p",{className:"body-1 text-neutrals-800",children:r})]})]}),l&&t.jsx("div",{className:"collapsible-block-content pb-4",children:s})]})},Ne=({text:e,highlightText:n})=>{const s=m.useMemo(()=>{const r=[];if(!n)return[{id:0,text:e,highlight:!1}];const l=n?.toLowerCase()||"",a=e?.toLowerCase()?.split(l)||"";for(let i=0,u=0;i<a?.length;i++){const x=a?.[i],o=x.length;x!==""&&r.push({id:r.length,highlight:!1,text:e?.substring(u,u+o)}),u+=o,i!==a?.length-1&&(r.push({id:r.length,highlight:!0,text:e?.substring(u,u+n.length)}),u+=n.length)}return r},[n,e]);return t.jsx(t.Fragment,{children:s.map(r=>t.jsx("span",{className:p(r?.highlight&&"bg-highlight"),children:r?.text},r?.id))})},we=({icon:e,onClick:n,buttonClassName:s,disabled:r,title:l,isBaseIconStyles:a=!0})=>t.jsx("button",{type:"button",className:p(a&&"base-icon-button",s),onClick:i=>n?.(i),disabled:r,title:l,"aria-label":"button",children:e}),J=({value:e,inputId:n,placeholder:s="",cssClass:r="",type:l="text",disabled:a,readonly:i,onChange:u,onKeyDown:x,onFocus:o,onBlur:f})=>{const h=p("truncate outline-none shadow-none body-1",r,i?"pointer-events-none":"");return t.jsx("input",{type:l,autoComplete:"off",id:n,placeholder:s,value:e||"",title:e?String(e):"",disabled:a,className:h,onKeyDown:x,onFocus:o,onBlur:f,onChange:w=>u?.(w.currentTarget.value)})},Ce=({iconBeforeInput:e,iconAfterInput:n,containerClasses:s,cssClass:r,...l})=>t.jsxs("div",{className:p("input w-full flex flex-row",s),children:[e,t.jsx(J,{cssClass:p("border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",r),...l}),n]}),ve=({url:e,title:n,linkClassName:s="",iconBefore:r,iconAfter:l})=>{const a=p(l?"mr-2":"",r?"ml-2":"");return t.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:p("base-link",s),title:n,children:[r,t.jsx("span",{className:a,children:n}),l]})},ye=({title:e,text:n,disabled:s,onClick:r})=>t.jsx("button",{type:"button",className:p("tag flex items-center justify-center","disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-neutrals-100"),disabled:s,onClick:()=>r?.(n||e),"aria-label":"button",children:t.jsx("h4",{children:e})}),Ee=({label:e,id:n,checked:s,radioIcon:r,description:l,onChange:a})=>{const i=m.useCallback(u=>{u.stopPropagation(),a?.(n,u.target.checked)},[a,n]);return t.jsxs("label",{className:"flex min-w-0 cursor-pointer flex-col py-[6px]",htmlFor:n,children:[t.jsxs("p",{className:"radio-label flex min-w-0 items-center",children:[t.jsx("span",{className:p("flex justify-center items-center w-4 h-4 mr-2 relative","radio-button",s?"radio-button-active":""),children:s&&r}),e&&t.jsx("span",{className:"radio-title body-1 min-w-0 flex-1 truncate pr-2 text-neutrals-1000",title:e,children:e})]}),l&&t.jsx("span",{className:"radio-description body-2 ml-6 flex w-auto items-center text-neutrals-800",title:l,children:l}),t.jsx("input",{type:"radio",onChange:i,id:n,checked:s,className:"hidden"})]})};var F=(e=>(e.Closed="Closed",e.Opened="Opened",e))(F||{}),q=(e=>(e.LG="Large",e.SM="Small",e))(q||{});const Ie=({portalId:e,state:n=F.Opened,heading:s,size:r,onClose:l,children:a,overlayClassName:i,containerClassName:u,dividers:x=!0,closeButtonTitle:o})=>{const{refs:f,context:h}=C.useFloating({open:n!==F.Closed&&!!n,onOpenChange:l}),w=C.useRole(h,{role:"dialog"}),j=C.useDismiss(h,{outsidePress:!0}),{getFloatingProps:N}=C.useInteractions([w,j]),b=m.useCallback(d=>{d?.preventDefault(),d?.stopPropagation(),l()},[l]);return t.jsx(C.FloatingPortal,{id:e,children:n!==F.Closed&&t.jsx(C.FloatingOverlay,{className:p("z-modal flex items-center justify-center bg-blackout p-4",i),children:t.jsx(C.FloatingFocusManager,{context:h,children:t.jsxs("div",{className:p("relative max-h-full modal rounded bg-white flex flex-col shadow w-full",r===q.LG&&"max-w-[65%]",r===q.SM&&"max-w-[30%]",x&&"divide-neutrals-400 divide-y",u,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:f.setFloating,...N({onClick(d){d.stopPropagation()}}),children:[t.jsxs("div",{className:"modal-heading flex flex-row items-center justify-between px-6 py-5 sm:p-0 sm:pb-2",children:[s&&(typeof s=="string"?t.jsx("h2",{className:"modal-heading-title sm:h3 mr-3 min-w-0 flex-1",children:s}):s),t.jsx(U,{title:o,onClick:b,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),a.map(d=>d)]})})})})},Se=e=>e.state===F.Closed?null:t.jsx(Ie,{...e}),G="statgpt-dropdown-open",A=8,De={name:"keepDropdownWithinViewport",fn({y:e,rects:n}){if(typeof window>"u")return{};const s=document.documentElement.clientHeight||window.innerHeight,r=Math.min(n.floating.height,Math.max(0,s-A*2)),l=A,a=s-r-A;return{y:Math.min(Math.max(e,l),Math.max(l,a))}}},ke=({triggerButton:e,options:n,content:s,selectedOption:r,disabled:l,containerClassName:a,openedClassName:i,onOptionSelect:u})=>{const x=m.useId(),[o,f]=m.useState(!1),{refs:h,floatingStyles:w,context:j}=C.useFloating({open:o,onOpenChange:l?void 0:f,placement:"bottom-end",strategy:"fixed",middleware:[C.offset(A),C.flip({padding:A}),C.size({padding:A,apply({availableHeight:g,elements:v}){v.floating.style.maxHeight=`${Math.max(0,g)}px`}}),C.shift({padding:A}),De],whileElementsMounted:C.autoUpdate}),N=C.useClick(j),b=C.useDismiss(j,{outsidePress:!0}),{getReferenceProps:d,getFloatingProps:c}=C.useInteractions([N,b]);return m.useEffect(()=>{o&&window.dispatchEvent(new CustomEvent(G,{detail:x}))},[x,o]),m.useEffect(()=>{const g=v=>{v instanceof CustomEvent&&v.detail!==x&&f(!1)};return window.addEventListener(G,g),()=>{window.removeEventListener(G,g)}},[x]),m.useEffect(()=>{l&&f(!1)},[l]),t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:h.setReference,...d({onClick(g){g.stopPropagation()}}),className:p(a,o&&i),children:e}),o&&t.jsx(C.FloatingPortal,{children:t.jsxs("div",{ref:h.setFloating,style:{...w,overflowY:"auto"},className:"dropdown-menu-shadow dropdown-container z-dropdown flex flex-col rounded bg-white",...c(),children:[s&&s,n&&n.map(g=>t.jsx("div",{onClick:v=>{v.stopPropagation(),u?.(g.key),f(!1)},className:p("text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",r===g.key&&"bg-hues-100"),children:t.jsxs("div",{className:"dropdown-item-text flex h-full items-center gap-x-2 p-2 hover:bg-hues-100",title:g.title,children:[g.icon?g.icon:null,t.jsx("p",{children:g?.title})]})},g.key))]})})]})},Re=({limitMessages:e,query:n})=>t.jsxs("div",{className:"flex flex-wrap items-center justify-between bg-hues-100 px-2 py-1",children:[t.jsx("div",{className:"flex gap-x-[4px]",children:t.jsx("div",{className:"flex flex-col",children:t.jsxs("div",{className:"flex gap-x-[4px]",children:[t.jsxs("span",{className:"h5 text-primary",children:[e?.excelFormatTitle," "]}),t.jsx("span",{className:"body-3 text-neutrals-800",children:e?.excelFormatText})]})})}),t.jsx("a",{href:n,target:"_blank",rel:"noreferrer",children:t.jsxs("span",{className:"body-3 flex cursor-pointer items-center gap-x-[4px]",children:[e?.dataExplorerIcon,e?.dataExplorer]})})]}),Oe=({limitMessages:e,isDownload:n,showAdvancedViewButton:s,onAdvancedViewClick:r,query:l})=>t.jsxs("div",{className:p("bg-semantic-warning-light px-2 py-1 flex justify-between flex-wrap items-center",e?.containerClassName),children:[t.jsxs("div",{className:"flex items-center gap-x-2",children:[t.jsx("span",{children:e?.warningIcon}),t.jsxs("div",{className:"flex flex-col gap-1",children:[t.jsxs("div",{className:"flex gap-x-[4px]",children:[t.jsxs("span",{className:p("text-primary h5",e?.largeQueryClassName),children:[e?.largeQuery,":"," "]}),t.jsx("span",{className:p("text-neutrals-800 body-3",e?.limitMessageClassName),children:n?e?.downloadMessage?.(W):e?.showingLimit?.(W)})]}),n&&t.jsx("span",{className:p("text-neutrals-800 body-3",e?.limitMessageClassName),children:e?.fullLimitMessage})]})]}),s&&t.jsxs("span",{onClick:()=>r?.(),className:"h4 flex cursor-pointer items-center gap-x-[4px] text-primary",children:[e?.editIcon,e?.refineInAdvancedView]}),n&&t.jsx("a",{href:l||"",target:"_blank",rel:"noreferrer",children:t.jsxs("span",{className:"body-3 flex cursor-pointer items-center gap-x-[4px]",children:[e?.dataExplorerIcon,e?.dataExplorer]})})]}),ee=m.createContext(null);function Ae({value:e,children:n}){const s=m.useMemo(()=>e??{},[e]);return t.jsx(ee.Provider,{value:s,children:n})}function Le(){return m.useContext(ee)}var T=(e=>(e.Info="info",e.Error="error",e.Warning="warning",e.Note="note",e))(T||{});const _e={[T.Info]:"border-neutrals-800 bg-neutrals-300 text-neutrals-1000",[T.Error]:"border-semantic-error bg-semantic-error-light text-neutrals-1000",[T.Warning]:"border-semantic-warning bg-semantic-warning-light text-neutrals-1000",[T.Note]:"border-hues-900 bg-neutrals-200 text-neutrals-1000"},Me="shrink-0",Te="min-w-0 body-2",Fe="flex items-start gap-2 min-w-0 border-l-2 rounded py-2 px-4 items-center";function Pe({type:e,icon:n,children:s,className:r,contentClassName:l}){const a=Le(),i=n??a?.icons?.[e],u=a?.classes?.container??Fe,x=a?.classes?.types?.[e]??_e[e],o=L(u,x,r),f=L(Me,a?.classes?.icon),h=L(Te,a?.classes?.content,l);return t.jsxs("div",{"data-type":e,className:o,children:[i?t.jsx("span",{className:f,children:i}):null,s?t.jsx("div",{className:h,children:s}):null]})}const Ye=({title:e,copiedTitle:n,tooltip:s,hoverTooltip:r,icon:l,copiedIcon:a,className:i,buttonTextClassName:u,onClick:x})=>{const[o,f]=m.useState(!1),h=m.useRef(null),w=()=>{x(),f(!0),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>{f(!1)},1e3)};return m.useEffect(()=>()=>{h.current&&clearTimeout(h.current)},[]),t.jsxs("div",{className:"relative w-fit",title:r,children:[t.jsx(Q,{title:o?n:e,isSmallButton:!0,disabled:o,buttonClassName:L(["text-button-tertiary small-icon-button !h-6 !p-0",i]),textClassName:L(["ml-1",u]),onClick:w,iconBefore:o?a:l}),s&&o&&t.jsx("div",{className:"h4 absolute left-1/2 top-full z-50 mt-1 -translate-x-1/2 whitespace-nowrap rounded border border-neutrals-400 bg-white px-3 py-4 text-neutrals-900 shadow",children:s})]})};function qe({id:e,label:n,hasChildren:s,showDragHandle:r,showCheckbox:l,isChecked:a,isExpanded:i}){return t.jsxs("div",{className:"relative cursor-grabbing rounded bg-neutrals-200 shadow",children:[t.jsx("div",{className:"absolute -left-[0.5px] top-0.5 h-5 w-0.5 rounded-full bg-gradients-light"}),t.jsxs("div",{className:"flex items-stretch overflow-hidden rounded",children:[r?t.jsx("div",{className:"flex w-6 items-center justify-center",children:t.jsx("span",{"aria-hidden":!0,className:"rounded p-1",children:t.jsx(k.IconGripVertical,{size:16})})}):null,t.jsxs("div",{className:"flex min-w-0 flex-1 items-center gap-2 p-1",children:[l?t.jsx(V,{id:e,checked:!!a,className:"p-0"}):null,t.jsx("span",{className:"body-3 truncate",children:n})]}),s?t.jsx("div",{className:"flex w-8 items-center justify-center",children:t.jsx("span",{"aria-hidden":!0,className:p("transition-transform",i?"rotate-90":"rotate-0"),children:t.jsx(k.IconChevronRight,{size:16})})}):null]})]})}function te(e,n){return`i:${[...e,n].join("/")}`}function H(e){if(!e.startsWith("i:"))return null;const s=e.slice(2).split("/").filter(Boolean);return s.length?{parentPath:s.slice(0,-1),itemId:s[s.length-1]}:null}function Be(e,n,s){const r=se(e,n);return r?r.find(l=>l.id===s)??null:null}function ne(e,n){if(n.length===0)return e;const[s,...r]=n,l=e.find(a=>a.id===s);return l?.items?ne(l.items,r):null}function se(e,n){const s=ne(e,n);return s?s.filter(r=>r.type==="item"):null}function re(e,n,s){if(n.length===0)return s(e);const[r,...l]=n;return e.map(a=>a.id!==r||!a.items?a:{...a,items:re(a.items,l,s)})}function ze({parentPath:e,item:n,showDragHandle:s,showCheckbox:r,renderLabel:l,onItemClick:a,onToggleExpanded:i,onToggleChecked:u}){const x=!!n.items?.length,o=!!n.isExpanded,f=n.isDisabled?!1:n.draggable??!0,h=n.isDisabled?!1:n.checkable??!0,w=te(e,n.id),{attributes:j,listeners:N,setNodeRef:b,setActivatorNodeRef:d,transform:c,transition:g,isDragging:v}=Y.useSortable({id:w,disabled:!f}),S={transform:ce.CSS.Transform.toString(c),transition:g,opacity:v?.6:void 0},y=!!n.isDisabled,E=y||!h,R=[...e,n.id];return t.jsxs("div",{ref:b,style:S,className:p(["group flex items-stretch overflow-hidden rounded bg-white","select-none",y?"opacity-50":""]),children:[s?t.jsx("div",{className:p(["group/drag-handle flex w-6 items-center justify-center rounded",y?"":"hover:bg-neutrals-100 cursor-grab"]),children:t.jsx("span",{ref:d,"aria-hidden":!0,className:p(["rounded p-1",f?"cursor-grab":"cursor-default","transition-opacity"]),...f?N:{},...f?j:{},children:t.jsx(k.IconGripVertical,{size:16,className:"text-neutrals-800 group-hover/drag-handle:text-primary"})})}):null,t.jsxs("button",{type:"button",disabled:y,"aria-disabled":E,onClick:D=>{E||a?.({itemId:n.id,path:R,nativeEvent:D})},className:p(["flex min-w-0 flex-1 items-center gap-2 p-1 text-left rounded",y?"":"hover:bg-neutrals-100",y?"":"hover:text-blue-700","focus:outline-none"]),children:[r?t.jsx(V,{id:`draggable-list-${R.join("-")}`,checked:!!n.isChecked,disabled:!h,className:"p-0",stopPropagation:!0,onChange:(D,I)=>u?.({itemId:n.id,path:R,nextChecked:!!I})}):null,t.jsx("span",{className:"body-3 w-full truncate text-neutrals-800",children:l?l(n):n.label})]}),x?t.jsx("button",{type:"button",disabled:y,onClick:D=>{D.stopPropagation(),i?.({itemId:n.id,path:R,nextExpanded:!o})},"aria-label":o?"Collapse":"Expand",className:p(["flex w-8 items-center justify-center rounded",y?"":"hover:bg-neutrals-100","focus:outline-none"]),children:t.jsx("span",{"aria-hidden":!0,className:p("transition-transform duration-150 ease-out",o?"rotate-90":"rotate-0"),children:t.jsx(k.IconChevronRight,{size:16})})}):null]})}function Ge({items:e,showDragHandle:n=!0,showCheckbox:s=!0,onItemsChange:r,onToggleExpanded:l,onToggleChecked:a,onItemClick:i,renderLabel:u}){const x=M.useSensors(M.useSensor(M.PointerSensor,{activationConstraint:{distance:6}})),[o,f]=ue.useState(null),h=N=>{const b=String(N.active.id),d=H(b);if(!d)return;const c=Be(e,d.parentPath,d.itemId);!c||c.type!=="item"||f({id:b,label:c.label,hasChildren:!!c.items?.length,isChecked:c.isChecked,isExpanded:c.isExpanded})},w=N=>{f(null);const b=N.over;if(!b)return;const d=H(String(N.active.id)),c=H(String(b.id));if(!d||!c||d.parentPath.join("/")!==c.parentPath.join("/"))return;const g=se(e,d.parentPath);if(!g)return;const v=g.findIndex(E=>E.id===d.itemId),S=g.findIndex(E=>E.id===c.itemId);if(v===-1||S===-1||v===S)return;const y=re(e,d.parentPath,E=>{const R=E.filter(_=>_.type==="item"),D=Y.arrayMove(R,v,S);let I=0;return E.map(_=>{if(_.type!=="item")return _;const z=D[I];return I+=1,z})});r(y)},j=(N,b=[])=>{const d=N.filter(c=>c.type==="item").map(c=>te(b,c.id));return t.jsx(Y.SortableContext,{items:d,strategy:Y.verticalListSortingStrategy,children:t.jsx("ul",{className:"m-0 flex list-none flex-col gap-2 p-0",children:N.map(c=>c.type==="group"?t.jsxs("li",{className:"m-0 mt-2 flex flex-col gap-2 p-0 first:mt-0",children:[t.jsxs("div",{className:"h5 flex items-center gap-2 py-1 text-neutrals-1000",children:[t.jsx(k.IconDatabase,{size:12,className:"shrink-0"}),c.label]}),t.jsx("div",{className:"border-l border-neutrals-600 pl-2",children:j(c.items,[...b,c.id])})]},c.id):t.jsxs("li",{className:"m-0 flex flex-col gap-2 p-0",children:[t.jsx(ze,{parentPath:b,item:c,showDragHandle:n,showCheckbox:s,renderLabel:u,onItemClick:i,onToggleExpanded:l,onToggleChecked:a}),c.items?.length&&c.isExpanded?t.jsx("div",{className:"pl-7",children:j(c.items,[...b,c.id])}):null]},c.id))})})};return t.jsxs(M.DndContext,{sensors:x,collisionDetection:M.closestCenter,onDragStart:h,onDragEnd:w,children:[t.jsx("div",{className:"flex flex-col",children:j(e)}),t.jsx(M.DragOverlay,{children:o?t.jsx(qe,{id:o.id,label:o.label,hasChildren:o.hasChildren,showDragHandle:n,showCheckbox:s,isChecked:o.isChecked,isExpanded:o.isExpanded}):null})]})}const He=(e,n)=>e.label.toLowerCase().includes(n);function We(e,n,s={}){const r=Ue(n);if(!r)return e;const{expandMatchedBranches:l=!0,includeGroupDescendantsOnMatch:a=!0,includeItemDescendantsOnMatch:i=!1,match:u=He}=s;return $(e,r,{expandMatchedBranches:l,includeGroupDescendantsOnMatch:a,includeItemDescendantsOnMatch:i,match:u})??[]}function $(e,n,s){const r=[];for(const l of e){const a=$e(l,n,s);a&&r.push(a)}return r.length?r:null}function $e(e,n,s){const r=s.match(e,n);if(e.type==="group"){if(r&&s.includeGroupDescendantsOnMatch)return B(e,s.expandMatchedBranches);const i=e.items?.length?$(e.items,n,s):null;return!r&&!i?null:{...e,items:i??[]}}const l=e.items?.length?$(e.items,n,s):null;if(r&&s.includeItemDescendantsOnMatch)return B(e,s.expandMatchedBranches);if(!r&&!l)return null;const a={...e};return l?(a.items=l,s.expandMatchedBranches&&(a.isExpanded=!0)):delete a.items,a}function B(e,n){return e.type==="group"?{...e,items:e.items.map(s=>B(s,n))}:{...e,isExpanded:n&&e.items?.length?!0:e.isExpanded,items:e.items?.map(s=>B(s,n))}}function Ue(e){return e.trim().toLowerCase()}var le=(e=>(e.Enter="Enter",e))(le||{});const ae=m.createContext(null);function Ve({children:e,isAgentAvailable:n}){const s=m.useMemo(()=>({isAgentAvailable:n}),[n]);return t.jsx(ae.Provider,{value:s,children:e})}function Ke(){const e=m.useContext(ae);if(!e)throw new Error("useAgentAvailability must be used within AgentAvailabilityProvider");return e}exports.AgentAvailabilityProvider=Ve;exports.Alert=fe;exports.AlertType=O;exports.Button=Q;exports.CALENDAR_MOBILE_PADDING=X;exports.Calendar=be;exports.Checkbox=V;exports.CloseButton=U;exports.CollapsibleBlock=je;exports.CopyButton=Ye;exports.DownloadFormatMessage=Re;exports.DraggableList=Ge;exports.Dropdown=ke;exports.HighlightText=Ne;exports.IconButton=we;exports.InlineAlert=Pe;exports.InlineAlertProvider=Ae;exports.InlineAlertType=T;exports.Input=J;exports.InputWithIcon=Ce;exports.KeyboardKey=le;exports.Link=ve;exports.Loader=K;exports.PopUpSize=q;exports.PopUpState=F;exports.Popup=Se;exports.Radio=Ee;exports.RequestLimitMessage=Oe;exports.SERIES_LIMIT=W;exports.TREE_NODE_ARROW_SIZE=pe;exports.TREE_NODE_PADDING=ge;exports.Tag=ye;exports.filterDraggableListNodes=We;exports.useAgentAvailability=Ke;exports.useDebounce=he;exports.useIsMobile=Z;

package/index.mjs

@@ -1,15 +1,15 @@
-import { jsx as r, jsxs as u, Fragment as q } from "react/jsx-runtime";
+import { jsx as r, jsxs as u, Fragment as V } from "react/jsx-runtime";
 import * as ue from "react";
-import { useEffect as O, useState as j, useRef as W, useCallback as P, useMemo as U, useId as me, createContext as Q, useContext as K } from "react";
+import { useEffect as L, useState as j, useRef as z, useCallback as P, useMemo as q, useId as me, createContext as Q, useContext as K } from "react";
 import g from "classnames";
-import { IconX as he, IconCalendarEvent as fe, IconSquareCheckFilled as pe, IconChevronDown as ge, IconGripVertical as X, IconChevronRight as Z, IconDatabase as xe } from "@tabler/icons-react";
-import { extendTailwindMerge as be } from "tailwind-merge";
-import Ne from "react-flatpickr";
+import { IconX as he, IconCalendarEvent as fe, IconSquareCheckFilled as pe, IconSquareMinusFilled as ge, IconChevronDown as xe, IconGripVertical as X, IconChevronRight as Z, IconDatabase as be } from "@tabler/icons-react";
+import { extendTailwindMerge as Ne } from "tailwind-merge";
+import we from "react-flatpickr";
 import { CalendarResolution as A } from "@epam/statgpt-shared-toolkit";
-import { useFloating as J, useRole as we, useDismiss as ee, useInteractions as te, FloatingPortal as ne, FloatingOverlay as ve, FloatingFocusManager as Ce, autoUpdate as ye, offset as Ee, flip as Ie, size as Se, shift as ke, useClick as De } from "@floating-ui/react";
-import { useSensors as Le, useSensor as Oe, PointerSensor as Fe, DndContext as Re, closestCenter as _e, DragOverlay as Ae } from "@dnd-kit/core";
-import { useSortable as Me, SortableContext as Te, verticalListSortingStrategy as Pe, arrayMove as Ye } from "@dnd-kit/sortable";
-import { CSS as je } from "@dnd-kit/utilities";
+import { useFloating as J, useRole as ve, useDismiss as ee, useInteractions as te, FloatingPortal as ne, FloatingOverlay as Ce, FloatingFocusManager as ye, autoUpdate as Ee, offset as Ie, flip as Se, size as ke, shift as De, useClick as Le } from "@floating-ui/react";
+import { useSensors as Oe, useSensor as Fe, PointerSensor as Re, DndContext as _e, closestCenter as Ae, DragOverlay as Me } from "@dnd-kit/core";
+import { useSortable as Te, SortableContext as Pe, verticalListSortingStrategy as Ye, arrayMove as je } from "@dnd-kit/sortable";
+import { CSS as ze } from "@dnd-kit/utilities";
 const re = ({
   title: e,
   btnClassNames: t,
@@ -28,7 +28,7 @@ const re = ({
   }
 );
 var _ = /* @__PURE__ */ ((e) => (e.INFO = "info", e.ERROR = "error", e.SUCCESS = "success", e.IN_PROGRESS = "in_progress", e))(_ || {});
-const ze = 3e4, bt = ({
+const He = 3e4, Nt = ({
   alertDetails: e,
   infoIcon: t,
   successIcon: n,
@@ -37,20 +37,20 @@ const ze = 3e4, bt = ({
   closeButtonTitle: a,
   children: i
 }) => {
-  const m = e?.type, h = m === _.IN_PROGRESS || m === _.INFO, c = () => h ? "alert-in-progress" : m === _.SUCCESS ? "alert-success" : "alert-error", f = h ? t : m === _.SUCCESS ? n : m === _.ERROR ? s : null, p = e?.text;
-  return O(() => {
+  const m = e?.type, h = m === _.IN_PROGRESS || m === _.INFO, o = () => h ? "alert-in-progress" : m === _.SUCCESS ? "alert-success" : "alert-error", f = h ? t : m === _.SUCCESS ? n : m === _.ERROR ? s : null, p = e?.text;
+  return L(() => {
     if (!e || h)
       return;
-    const N = setTimeout(() => {
+    const v = setTimeout(() => {
       l?.();
-    }, ze);
-    return () => clearTimeout(N);
+    }, He);
+    return () => clearTimeout(v);
   }, [e, h, l]), /* @__PURE__ */ r(
     "div",
     {
       className: g(
         "alert alert-shadow fixed bottom-3 right-3 z-10 w-[min(380px,calc(100vw-24px))] max-w-[calc(100vw-24px)]",
-        c()
+        o()
       ),
       children: /* @__PURE__ */ u("div", { className: "alert-content flex items-start", children: [
         f && /* @__PURE__ */ r("div", { className: "alert-icon", children: f }),
@@ -69,7 +69,7 @@ const ze = 3e4, bt = ({
       ] })
     }
   );
-}, He = () => /* @__PURE__ */ r("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ r("div", { className: "loader" }) }), $e = be({
+}, $e = () => /* @__PURE__ */ r("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ r("div", { className: "loader" }) }), Ge = Ne({
   extend: {
     classGroups: {
       typography: [
@@ -87,9 +87,9 @@ const ze = 3e4, bt = ({
   }
 });
 function F(...e) {
-  return $e(g(...e));
+  return Ge(g(...e));
 }
-const Ge = ({
+const Be = ({
   buttonClassName: e,
   textClassName: t,
   isLoading: n = !1,
@@ -100,7 +100,7 @@ const Ge = ({
   onClick: m,
   isSmallButton: h
 }) => {
-  const c = F([
+  const o = F([
     h ? "font-semibold" : "",
     a ? "mr-2" : "",
     i ? "ml-2" : "",
@@ -121,26 +121,26 @@ const Ge = ({
       title: s,
       children: [
         i,
-        n && /* @__PURE__ */ r(He, {}),
-        s ? h ? /* @__PURE__ */ r("h4", { className: c, children: s }) : /* @__PURE__ */ r("h3", { className: c, children: s }) : null,
+        n && /* @__PURE__ */ r($e, {}),
+        s ? h ? /* @__PURE__ */ r("h4", { className: o, children: s }) : /* @__PURE__ */ r("h3", { className: o, children: s }) : null,
         a
       ]
     }
   );
 };
-function Be(e = 719) {
+function We(e = 719) {
   const [t, n] = j(
     () => typeof window < "u" ? window.innerWidth < e : !1
   );
-  return O(() => {
+  return L(() => {
     const s = window.matchMedia(`(max-width: ${e}px)`), l = (a) => {
       n(a.matches);
     };
     return n(s.matches), s.addEventListener("change", l), () => s.removeEventListener("change", l);
   }, [e]), t;
 }
-function Nt(e, t) {
-  const n = W(null);
+function wt(e, t) {
+  const n = z(null);
   return P(
     (...l) => {
       n.current && clearTimeout(n.current), n.current = setTimeout(() => {
@@ -150,7 +150,7 @@ function Nt(e, t) {
     [e, t]
   );
 }
-const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
+const vt = 24, Ct = 24, U = 1e3, qe = 24, yt = ({
   label: e,
   onChange: t,
   value: n,
@@ -160,36 +160,36 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   icon: i,
   isEndDate: m
 }) => {
-  const h = W(null), c = Be();
-  O(() => {
-    const w = h?.current;
-    w && w.querySelector("input")?.setAttribute("aria-label", e);
+  const h = z(null), o = We();
+  L(() => {
+    const N = h?.current;
+    N && N.querySelector("input")?.setAttribute("aria-label", e);
   }, [e]);
   const f = {
     ...s,
     disableMobile: !0,
     defaultDate: l === A.MONTH ? new Date(n.getFullYear(), n.getMonth()) : n
-  }, p = (w, C, b) => {
+  }, p = (N, w, b) => {
     const d = `calendar__${l === A.MONTH ? "month" : "day"}`;
     b.calendarContainer && b.calendarContainer.classList.add(d);
-  }, N = (w, C, b) => {
-    if (l === A.MONTH && w.length > 0) {
-      const d = s.minDate, o = s.maxDate, x = w[0].getFullYear(), v = b.calendarContainer, S = "flatpickr-disabled", y = v.querySelectorAll(
+  }, v = (N, w, b) => {
+    if (l === A.MONTH && N.length > 0) {
+      const d = s.minDate, c = s.maxDate, x = N[0].getFullYear(), C = b.calendarContainer, S = "flatpickr-disabled", y = C.querySelectorAll(
         ".flatpickr-monthSelect-month"
-      ), E = v.querySelectorAll(
+      ), E = C.querySelectorAll(
         ".flatpickr-next-month"
-      )[0], D = v.querySelectorAll(
+      )[0], D = C.querySelectorAll(
         ".flatpickr-prev-month"
       )[0];
-      x === o.getFullYear() && E.classList.add(S), x === d.getFullYear() && D.classList.add(S), (x === d.getFullYear() || x === o.getFullYear()) && y.forEach((k) => {
+      x === c.getFullYear() && E.classList.add(S), x === d.getFullYear() && D.classList.add(S), (x === d.getFullYear() || x === c.getFullYear()) && y.forEach((k) => {
         k.classList.remove(S);
-        const I = new Date(k.getAttribute("aria-label")), R = I.getFullYear() === d.getFullYear() && I.getMonth() === d.getMonth(), z = I.getFullYear() === o.getFullYear() && I.getMonth() === o.getMonth();
-        R || z || (I < d || I > o) && k.classList.add(S);
+        const I = new Date(k.getAttribute("aria-label")), R = I.getFullYear() === d.getFullYear() && I.getMonth() === d.getMonth(), H = I.getFullYear() === c.getFullYear() && I.getMonth() === c.getMonth();
+        R || H || (I < d || I > c) && k.classList.add(S);
       });
     }
     setTimeout(() => {
-      const d = b.calendarContainer, o = b._input?.getBoundingClientRect();
-      d && (d.style.top = `${o.top - d.offsetHeight - 8}px`, d.style.width = `${d.style.width}px`, m ? (d.style.right = `${window.innerWidth - o.right - (c ? We : 0)}px`, d.style.left = "auto") : d.style.left = `${o.left}px`);
+      const d = b.calendarContainer, c = b._input?.getBoundingClientRect();
+      d && (d.style.top = `${c.top - d.offsetHeight - 8}px`, d.style.width = `${d.style.width}px`, m ? (d.style.right = `${window.innerWidth - c.right - (o ? qe : 0)}px`, d.style.left = "auto") : d.style.left = `${c.left}px`);
     }, 0);
   };
   return /* @__PURE__ */ u("div", { className: "calendar relative", ref: h, children: [
@@ -203,14 +203,14 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
       }
     ),
     /* @__PURE__ */ r(
-      Ne,
+      we,
       {
         defaultValue: (l === A.MONTH ? new Date(n.getFullYear(), n.getMonth()) : n)?.toDateString(),
         options: f,
-        onChange: (w) => {
-          t(w[0]);
+        onChange: (N) => {
+          t(N[0]);
         },
-        onOpen: [N],
+        onOpen: [v],
         onReady: [p],
         id: a
       }
@@ -220,37 +220,44 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   label: e,
   id: t,
   checked: n,
-  checkboxIcon: s,
-  onChange: l,
-  disabled: a = !1,
-  disabledScope: i = "full",
-  className: m,
-  stopPropagation: h = !0
+  indeterminate: s = !1,
+  checkboxIcon: l,
+  onChange: a,
+  disabled: i = !1,
+  disabledScope: m = "full",
+  className: h,
+  stopPropagation: o = !0
 }) => {
-  const c = P(
-    (N) => {
-      h && N.stopPropagation();
+  const f = z(null);
+  L(() => {
+    f.current && (f.current.indeterminate = !n && s);
+  }, [n, s]);
+  const p = P(
+    (w) => {
+      o && w.stopPropagation();
     },
-    [h]
-  ), f = P(
-    (N) => {
-      h && N.stopPropagation(), l?.(t, N.target.checked);
+    [o]
+  ), v = P(
+    (w) => {
+      o && w.stopPropagation(), a?.(t, w.target.checked);
     },
-    [l, t, h]
-  ), p = () => {
+    [a, t, o]
+  ), N = () => {
     if (n)
-      return s || /* @__PURE__ */ r(pe, { className: "absolute size-4" });
+      return l || /* @__PURE__ */ r(pe, { className: "absolute size-4" });
+    if (s)
+      return /* @__PURE__ */ r(ge, { className: "absolute size-4" });
   };
   return /* @__PURE__ */ u(
     "label",
     {
       htmlFor: t,
-      onClick: c,
+      onClick: p,
       className: F(
         "flex min-w-0 items-center py-1 shrink-0",
-        a ? "cursor-not-allowed" : "cursor-pointer",
-        a && i === "full" && "opacity-50",
-        m
+        i ? "cursor-not-allowed" : "cursor-pointer",
+        i && m === "full" && "opacity-50",
+        h
       ),
       children: [
         /* @__PURE__ */ r(
@@ -258,10 +265,10 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
           {
             className: g(
               "checkbox-button relative flex size-[14px] items-center justify-center",
-              a && i === "icon" && "opacity-50"
+              i && m === "icon" && "opacity-50"
             ),
             "aria-hidden": !0,
-            children: p()
+            children: N()
           }
         ),
         e ? /* @__PURE__ */ r(
@@ -277,18 +284,19 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
         /* @__PURE__ */ r(
           "input",
           {
+            ref: f,
             id: t,
             type: "checkbox",
             checked: n,
-            disabled: a,
-            onChange: f,
+            disabled: i,
+            onChange: v,
             className: "hidden"
           }
         )
       ]
     }
   );
-}, yt = ({
+}, Et = ({
   title: e,
   icon: t,
   children: n,
@@ -306,7 +314,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
             className: "collapsible-block-title flex cursor-pointer items-center py-4",
             onClick: () => a(!l),
             children: [
-              /* @__PURE__ */ r("div", { className: `${l ? "rotate-180" : ""} transition-transform`, children: t || /* @__PURE__ */ r(ge, { className: "mr-3 size-5" }) }),
+              /* @__PURE__ */ r("div", { className: `${l ? "rotate-180" : ""} transition-transform`, children: t || /* @__PURE__ */ r(xe, { className: "mr-3 size-5" }) }),
               /* @__PURE__ */ u("div", { className: "flex flex-1 items-center justify-between", children: [
                 /* @__PURE__ */ r("span", { children: e }),
                 s && /* @__PURE__ */ r("p", { className: "body-1 text-neutrals-800", children: s })
@@ -318,22 +326,22 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
       ]
     }
   );
-}, Et = ({ text: e, highlightText: t }) => {
-  const n = U(() => {
+}, It = ({ text: e, highlightText: t }) => {
+  const n = q(() => {
     const s = [];
     if (!t)
       return [{ id: 0, text: e, highlight: !1 }];
     const l = t?.toLowerCase() || "", a = e?.toLowerCase()?.split(l) || "";
     for (let i = 0, m = 0; i < a?.length; i++) {
-      const h = a?.[i], c = h.length;
+      const h = a?.[i], o = h.length;
       h !== "" && s.push({
         id: s.length,
         highlight: !1,
         text: e?.substring(
           m,
-          m + c
+          m + o
         )
-      }), m += c, i !== a?.length - 1 && (s.push({
+      }), m += o, i !== a?.length - 1 && (s.push({
         id: s.length,
         highlight: !0,
         text: e?.substring(
@@ -344,7 +352,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
     }
     return s;
   }, [t, e]);
-  return /* @__PURE__ */ r(q, { children: n.map((s) => /* @__PURE__ */ r(
+  return /* @__PURE__ */ r(V, { children: n.map((s) => /* @__PURE__ */ r(
     "span",
     {
       className: g(s?.highlight && "bg-highlight"),
@@ -352,7 +360,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
     },
     s?.id
   )) });
-}, It = ({
+}, St = ({
   icon: e,
   onClick: t,
   buttonClassName: n,
@@ -383,7 +391,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   readonly: i,
   onChange: m,
   onKeyDown: h,
-  onFocus: c,
+  onFocus: o,
   onBlur: f
 }) => {
   const p = g(
@@ -403,12 +411,12 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
       disabled: a,
       className: p,
       onKeyDown: h,
-      onFocus: c,
+      onFocus: o,
       onBlur: f,
-      onChange: (N) => m?.(N.currentTarget.value)
+      onChange: (v) => m?.(v.currentTarget.value)
     }
   );
-}, St = ({
+}, kt = ({
   iconBeforeInput: e,
   iconAfterInput: t,
   containerClasses: n,
@@ -427,7 +435,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
     }
   ),
   t
-] }), kt = ({
+] }), Dt = ({
   url: e,
   title: t,
   linkClassName: n = "",
@@ -453,7 +461,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
       ]
     }
   );
-}, Dt = ({ title: e, text: t, disabled: n, onClick: s }) => /* @__PURE__ */ r(
+}, Lt = ({ title: e, text: t, disabled: n, onClick: s }) => /* @__PURE__ */ r(
   "button",
   {
     type: "button",
@@ -466,7 +474,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
     "aria-label": "button",
     children: /* @__PURE__ */ r("h4", { children: e })
   }
-), Lt = ({
+), Ot = ({
   label: e,
   id: t,
   checked: n,
@@ -529,7 +537,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
     }
   );
 };
-var T = /* @__PURE__ */ ((e) => (e.Closed = "Closed", e.Opened = "Opened", e))(T || {}), G = /* @__PURE__ */ ((e) => (e.LG = "Large", e.SM = "Small", e))(G || {});
+var T = /* @__PURE__ */ ((e) => (e.Closed = "Closed", e.Opened = "Opened", e))(T || {}), B = /* @__PURE__ */ ((e) => (e.LG = "Large", e.SM = "Small", e))(B || {});
 const Ve = ({
   portalId: e,
   state: t = T.Opened,
@@ -540,37 +548,37 @@ const Ve = ({
   overlayClassName: i,
   containerClassName: m,
   dividers: h = !0,
-  closeButtonTitle: c
+  closeButtonTitle: o
 }) => {
   const { refs: f, context: p } = J({
     open: t !== T.Closed && !!t,
     onOpenChange: l
-  }), N = we(p, { role: "dialog" }), w = ee(p, { outsidePress: !0 }), { getFloatingProps: C } = te([N, w]), b = P(
+  }), v = ve(p, { role: "dialog" }), N = ee(p, { outsidePress: !0 }), { getFloatingProps: w } = te([v, N]), b = P(
     (d) => {
       d?.preventDefault(), d?.stopPropagation(), l();
     },
     [l]
   );
   return /* @__PURE__ */ r(ne, { id: e, children: t !== T.Closed && /* @__PURE__ */ r(
-    ve,
+    Ce,
     {
       className: g(
         "z-modal flex items-center justify-center bg-blackout p-4",
         i
       ),
-      children: /* @__PURE__ */ r(Ce, { context: p, children: /* @__PURE__ */ u(
+      children: /* @__PURE__ */ r(ye, { context: p, children: /* @__PURE__ */ u(
         "div",
         {
           className: g(
             "relative max-h-full modal rounded bg-white flex flex-col shadow w-full",
-            s === G.LG && "max-w-[65%]",
-            s === G.SM && "max-w-[30%]",
+            s === B.LG && "max-w-[65%]",
+            s === B.SM && "max-w-[30%]",
             h && "divide-neutrals-400 divide-y",
             m,
             "sm:w-full sm:max-w-full sm:px-4 sm:py-6"
           ),
           ref: f.setFloating,
-          ...C({
+          ...w({
             onClick(d) {
               d.stopPropagation();
             }
@@ -581,7 +589,7 @@ const Ve = ({
               /* @__PURE__ */ r(
                 re,
                 {
-                  title: c,
+                  title: o,
                   onClick: b,
                   btnClassNames: "sm:h-[24px] sm:w-[24px] sm:top-4"
                 }
@@ -593,20 +601,20 @@ const Ve = ({
       ) })
     }
   ) });
-}, Ot = (e) => e.state === T.Closed ? null : /* @__PURE__ */ r(Ve, { ...e }), H = "statgpt-dropdown-open", L = 8, qe = {
+}, Ft = (e) => e.state === T.Closed ? null : /* @__PURE__ */ r(Ve, { ...e }), $ = "statgpt-dropdown-open", O = 8, Qe = {
   name: "keepDropdownWithinViewport",
   fn({ y: e, rects: t }) {
     if (typeof window > "u")
       return {};
     const n = document.documentElement.clientHeight || window.innerHeight, s = Math.min(
       t.floating.height,
-      Math.max(0, n - L * 2)
-    ), l = L, a = n - s - L;
+      Math.max(0, n - O * 2)
+    ), l = O, a = n - s - O;
     return {
       y: Math.min(Math.max(e, l), Math.max(l, a))
     };
   }
-}, Ft = ({
+}, Rt = ({
   triggerButton: e,
   options: t,
   content: n,
@@ -616,45 +624,45 @@ const Ve = ({
   openedClassName: i,
   onOptionSelect: m
 }) => {
-  const h = me(), [c, f] = j(!1), { refs: p, floatingStyles: N, context: w } = J({
-    open: c,
+  const h = me(), [o, f] = j(!1), { refs: p, floatingStyles: v, context: N } = J({
+    open: o,
     onOpenChange: l ? void 0 : f,
     placement: "bottom-end",
     strategy: "fixed",
     middleware: [
-      Ee(L),
-      Ie({ padding: L }),
-      Se({
-        padding: L,
-        apply({ availableHeight: x, elements: v }) {
-          v.floating.style.maxHeight = `${Math.max(
+      Ie(O),
+      Se({ padding: O }),
+      ke({
+        padding: O,
+        apply({ availableHeight: x, elements: C }) {
+          C.floating.style.maxHeight = `${Math.max(
             0,
             x
           )}px`;
         }
       }),
-      ke({ padding: L }),
-      qe
+      De({ padding: O }),
+      Qe
     ],
-    whileElementsMounted: ye
-  }), C = De(w), b = ee(w, { outsidePress: !0 }), { getReferenceProps: d, getFloatingProps: o } = te([
-    C,
+    whileElementsMounted: Ee
+  }), w = Le(N), b = ee(N, { outsidePress: !0 }), { getReferenceProps: d, getFloatingProps: c } = te([
+    w,
     b
   ]);
-  return O(() => {
-    c && window.dispatchEvent(
-      new CustomEvent(H, { detail: h })
+  return L(() => {
+    o && window.dispatchEvent(
+      new CustomEvent($, { detail: h })
     );
-  }, [h, c]), O(() => {
-    const x = (v) => {
-      v instanceof CustomEvent && v.detail !== h && f(!1);
+  }, [h, o]), L(() => {
+    const x = (C) => {
+      C instanceof CustomEvent && C.detail !== h && f(!1);
     };
-    return window.addEventListener(H, x), () => {
-      window.removeEventListener(H, x);
+    return window.addEventListener($, x), () => {
+      window.removeEventListener($, x);
     };
-  }, [h]), O(() => {
+  }, [h]), L(() => {
     l && f(!1);
-  }, [l]), /* @__PURE__ */ u(q, { children: [
+  }, [l]), /* @__PURE__ */ u(V, { children: [
     /* @__PURE__ */ r(
       "div",
       {
@@ -664,24 +672,24 @@ const Ve = ({
             x.stopPropagation();
           }
         }),
-        className: g(a, c && i),
+        className: g(a, o && i),
         children: e
       }
     ),
-    c && /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ u(
+    o && /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ u(
       "div",
       {
         ref: p.setFloating,
-        style: { ...N, overflowY: "auto" },
+        style: { ...v, overflowY: "auto" },
         className: "dropdown-menu-shadow dropdown-container z-dropdown flex flex-col rounded bg-white",
-        ...o(),
+        ...c(),
         children: [
           n && n,
           t && t.map((x) => /* @__PURE__ */ r(
             "div",
             {
-              onClick: (v) => {
-                v.stopPropagation(), m?.(x.key), f(!1);
+              onClick: (C) => {
+                C.stopPropagation(), m?.(x.key), f(!1);
               },
               className: g(
                 "text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",
@@ -705,7 +713,7 @@ const Ve = ({
       }
     ) })
   ] });
-}, Rt = ({ limitMessages: e, query: t }) => /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center justify-between bg-hues-100 px-2 py-1", children: [
+}, _t = ({ limitMessages: e, query: t }) => /* @__PURE__ */ u("div", { className: "flex flex-wrap items-center justify-between bg-hues-100 px-2 py-1", children: [
   /* @__PURE__ */ r("div", { className: "flex gap-x-[4px]", children: /* @__PURE__ */ r("div", { className: "flex flex-col", children: /* @__PURE__ */ u("div", { className: "flex gap-x-[4px]", children: [
     /* @__PURE__ */ u("span", { className: "h5 text-primary", children: [
       e?.excelFormatTitle,
@@ -717,7 +725,7 @@ const Ve = ({
     e?.dataExplorerIcon,
     e?.dataExplorer
   ] }) })
-] }), _t = ({
+] }), At = ({
   limitMessages: e,
   isDownload: t,
   showAdvancedViewButton: n,
@@ -756,7 +764,7 @@ const Ve = ({
                   "text-neutrals-800 body-3",
                   e?.limitMessageClassName
                 ),
-                children: t ? e?.downloadMessage?.(V) : e?.showingLimit?.(V)
+                children: t ? e?.downloadMessage?.(U) : e?.showingLimit?.(U)
               }
             )
           ] }),
@@ -790,41 +798,41 @@ const Ve = ({
     ]
   }
 ), le = Q(null);
-function At({
+function Mt({
   value: e,
   children: t
 }) {
-  const n = U(() => e ?? {}, [e]);
+  const n = q(() => e ?? {}, [e]);
   return /* @__PURE__ */ r(le.Provider, { value: n, children: t });
 }
-function Qe() {
+function Ke() {
   return K(le);
 }
 var M = /* @__PURE__ */ ((e) => (e.Info = "info", e.Error = "error", e.Warning = "warning", e.Note = "note", e))(M || {});
-const Ke = {
+const Xe = {
   [M.Info]: "border-neutrals-800 bg-neutrals-300 text-neutrals-1000",
   [M.Error]: "border-semantic-error bg-semantic-error-light text-neutrals-1000",
   [M.Warning]: "border-semantic-warning bg-semantic-warning-light text-neutrals-1000",
   [M.Note]: "border-hues-900 bg-neutrals-200 text-neutrals-1000"
-}, Xe = "shrink-0", Ze = "min-w-0 body-2", Je = "flex items-start gap-2 min-w-0 border-l-2 rounded py-2 px-4 items-center";
-function Mt({
+}, Ze = "shrink-0", Je = "min-w-0 body-2", et = "flex items-start gap-2 min-w-0 border-l-2 rounded py-2 px-4 items-center";
+function Tt({
   type: e,
   icon: t,
   children: n,
   className: s,
   contentClassName: l
 }) {
-  const a = Qe(), i = t ?? a?.icons?.[e], m = a?.classes?.container ?? Je, h = a?.classes?.types?.[e] ?? Ke[e], c = F(m, h, s), f = F(Xe, a?.classes?.icon), p = F(
-    Ze,
+  const a = Ke(), i = t ?? a?.icons?.[e], m = a?.classes?.container ?? et, h = a?.classes?.types?.[e] ?? Xe[e], o = F(m, h, s), f = F(Ze, a?.classes?.icon), p = F(
+    Je,
     a?.classes?.content,
     l
   );
-  return /* @__PURE__ */ u("div", { "data-type": e, className: c, children: [
+  return /* @__PURE__ */ u("div", { "data-type": e, className: o, children: [
     i ? /* @__PURE__ */ r("span", { className: f, children: i }) : null,
     n ? /* @__PURE__ */ r("div", { className: p, children: n }) : null
   ] });
 }
-const Tt = ({
+const Pt = ({
   title: e,
   copiedTitle: t,
   tooltip: n,
@@ -835,33 +843,33 @@ const Tt = ({
   buttonTextClassName: m,
   onClick: h
 }) => {
-  const [c, f] = j(!1), p = W(null), N = () => {
+  const [o, f] = j(!1), p = z(null), v = () => {
     h(), f(!0), p.current && clearTimeout(p.current), p.current = setTimeout(() => {
       f(!1);
     }, 1e3);
   };
-  return O(() => () => {
+  return L(() => () => {
     p.current && clearTimeout(p.current);
   }, []), /* @__PURE__ */ u("div", { className: "relative w-fit", title: s, children: [
     /* @__PURE__ */ r(
-      Ge,
+      Be,
       {
-        title: c ? t : e,
+        title: o ? t : e,
         isSmallButton: !0,
-        disabled: c,
+        disabled: o,
         buttonClassName: F([
           "text-button-tertiary small-icon-button !h-6 !p-0",
           i
         ]),
         textClassName: F(["ml-1", m]),
-        onClick: N,
-        iconBefore: c ? a : l
+        onClick: v,
+        iconBefore: o ? a : l
       }
     ),
-    n && c && /* @__PURE__ */ r("div", { className: "h4 absolute left-1/2 top-full z-50 mt-1 -translate-x-1/2 whitespace-nowrap rounded border border-neutrals-400 bg-white px-3 py-4 text-neutrals-900 shadow", children: n })
+    n && o && /* @__PURE__ */ r("div", { className: "h4 absolute left-1/2 top-full z-50 mt-1 -translate-x-1/2 whitespace-nowrap rounded border border-neutrals-400 bg-white px-3 py-4 text-neutrals-900 shadow", children: n })
   ] });
 };
-function et({
+function tt({
   id: e,
   label: t,
   hasChildren: n,
@@ -895,7 +903,7 @@ function et({
 function ae(e, t) {
   return `i:${[...e, t].join("/")}`;
 }
-function $(e) {
+function G(e) {
   if (!e.startsWith("i:")) return null;
   const n = e.slice(2).split("/").filter(Boolean);
   return n.length ? {
@@ -903,7 +911,7 @@ function $(e) {
     itemId: n[n.length - 1]
   } : null;
 }
-function tt(e, t, n) {
+function nt(e, t, n) {
   const s = oe(e, t);
   return s ? s.find((l) => l.id === n) ?? null : null;
 }
@@ -927,7 +935,7 @@ function ce(e, t, n) {
     items: ce(a.items, l, n)
   });
 }
-function nt({
+function rt({
   parentPath: e,
   item: t,
   showDragHandle: n,
@@ -937,18 +945,18 @@ function nt({
   onToggleExpanded: i,
   onToggleChecked: m
 }) {
-  const h = !!t.items?.length, c = !!t.isExpanded, f = t.isDisabled ? !1 : t.draggable ?? !0, p = t.isDisabled ? !1 : t.checkable ?? !0, N = ae(e, t.id), {
-    attributes: w,
-    listeners: C,
+  const h = !!t.items?.length, o = !!t.isExpanded, f = t.isDisabled ? !1 : t.draggable ?? !0, p = t.isDisabled ? !1 : t.checkable ?? !0, v = ae(e, t.id), {
+    attributes: N,
+    listeners: w,
     setNodeRef: b,
     setActivatorNodeRef: d,
-    transform: o,
+    transform: c,
     transition: x,
-    isDragging: v
-  } = Me({ id: N, disabled: !f }), S = {
-    transform: je.Transform.toString(o),
+    isDragging: C
+  } = Te({ id: v, disabled: !f }), S = {
+    transform: ze.Transform.toString(c),
     transition: x,
-    opacity: v ? 0.6 : void 0
+    opacity: C ? 0.6 : void 0
   }, y = !!t.isDisabled, E = y || !p, D = [...e, t.id];
   return /* @__PURE__ */ u(
     "div",
@@ -978,8 +986,8 @@ function nt({
                   f ? "cursor-grab" : "cursor-default",
                   "transition-opacity"
                 ]),
-                ...f ? C : {},
                 ...f ? w : {},
+                ...f ? N : {},
                 children: /* @__PURE__ */ r(
                   X,
                   {
@@ -1039,10 +1047,10 @@ function nt({
               k.stopPropagation(), i?.({
                 itemId: t.id,
                 path: D,
-                nextExpanded: !c
+                nextExpanded: !o
               });
             },
-            "aria-label": c ? "Collapse" : "Expand",
+            "aria-label": o ? "Collapse" : "Expand",
             className: g([
               "flex w-8 items-center justify-center rounded",
               y ? "" : "hover:bg-neutrals-100",
@@ -1054,7 +1062,7 @@ function nt({
                 "aria-hidden": !0,
                 className: g(
                   "transition-transform duration-150 ease-out",
-                  c ? "rotate-90" : "rotate-0"
+                  o ? "rotate-90" : "rotate-0"
                 ),
                 children: /* @__PURE__ */ r(Z, { size: 16 })
               }
@@ -1065,7 +1073,7 @@ function nt({
     }
   );
 }
-function Pt({
+function Yt({
   items: e,
   showDragHandle: t = !0,
   showCheckbox: n = !0,
@@ -1075,67 +1083,67 @@ function Pt({
   onItemClick: i,
   renderLabel: m
 }) {
-  const h = Le(
-    Oe(Fe, { activationConstraint: { distance: 6 } })
-  ), [c, f] = ue.useState(null), p = (C) => {
-    const b = String(C.active.id), d = $(b);
+  const h = Oe(
+    Fe(Re, { activationConstraint: { distance: 6 } })
+  ), [o, f] = ue.useState(null), p = (w) => {
+    const b = String(w.active.id), d = G(b);
     if (!d) return;
-    const o = tt(e, d.parentPath, d.itemId);
-    !o || o.type !== "item" || f({
+    const c = nt(e, d.parentPath, d.itemId);
+    !c || c.type !== "item" || f({
       id: b,
-      label: o.label,
-      hasChildren: !!o.items?.length,
-      isChecked: o.isChecked,
-      isExpanded: o.isExpanded
+      label: c.label,
+      hasChildren: !!c.items?.length,
+      isChecked: c.isChecked,
+      isExpanded: c.isExpanded
     });
-  }, N = (C) => {
+  }, v = (w) => {
     f(null);
-    const b = C.over;
+    const b = w.over;
     if (!b) return;
-    const d = $(String(C.active.id)), o = $(String(b.id));
-    if (!d || !o || d.parentPath.join("/") !== o.parentPath.join("/")) return;
+    const d = G(String(w.active.id)), c = G(String(b.id));
+    if (!d || !c || d.parentPath.join("/") !== c.parentPath.join("/")) return;
     const x = oe(e, d.parentPath);
     if (!x) return;
-    const v = x.findIndex((E) => E.id === d.itemId), S = x.findIndex((E) => E.id === o.itemId);
-    if (v === -1 || S === -1 || v === S) return;
+    const C = x.findIndex((E) => E.id === d.itemId), S = x.findIndex((E) => E.id === c.itemId);
+    if (C === -1 || S === -1 || C === S) return;
     const y = ce(e, d.parentPath, (E) => {
       const D = E.filter(
         (R) => R.type === "item"
-      ), k = Ye(D, v, S);
+      ), k = je(D, C, S);
       let I = 0;
       return E.map((R) => {
         if (R.type !== "item") return R;
-        const z = k[I];
-        return I += 1, z;
+        const H = k[I];
+        return I += 1, H;
       });
     });
     s(y);
-  }, w = (C, b = []) => {
-    const d = C.filter((o) => o.type === "item").map((o) => ae(b, o.id));
+  }, N = (w, b = []) => {
+    const d = w.filter((c) => c.type === "item").map((c) => ae(b, c.id));
     return /* @__PURE__ */ r(
-      Te,
+      Pe,
       {
         items: d,
-        strategy: Pe,
-        children: /* @__PURE__ */ r("ul", { className: "m-0 flex list-none flex-col gap-2 p-0", children: C.map((o) => o.type === "group" ? /* @__PURE__ */ u(
+        strategy: Ye,
+        children: /* @__PURE__ */ r("ul", { className: "m-0 flex list-none flex-col gap-2 p-0", children: w.map((c) => c.type === "group" ? /* @__PURE__ */ u(
           "li",
           {
             className: "m-0 mt-2 flex flex-col gap-2 p-0 first:mt-0",
             children: [
               /* @__PURE__ */ u("div", { className: "h5 flex items-center gap-2 py-1 text-neutrals-1000", children: [
-                /* @__PURE__ */ r(xe, { size: 12, className: "shrink-0" }),
-                o.label
+                /* @__PURE__ */ r(be, { size: 12, className: "shrink-0" }),
+                c.label
               ] }),
-              /* @__PURE__ */ r("div", { className: "border-l border-neutrals-600 pl-2", children: w(o.items, [...b, o.id]) })
+              /* @__PURE__ */ r("div", { className: "border-l border-neutrals-600 pl-2", children: N(c.items, [...b, c.id]) })
             ]
           },
-          o.id
+          c.id
         ) : /* @__PURE__ */ u("li", { className: "m-0 flex flex-col gap-2 p-0", children: [
           /* @__PURE__ */ r(
-            nt,
+            rt,
             {
               parentPath: b,
-              item: o,
+              item: c,
               showDragHandle: t,
               showCheckbox: n,
               renderLabel: m,
@@ -1144,74 +1152,74 @@ function Pt({
               onToggleChecked: a
             }
           ),
-          o.items?.length && o.isExpanded ? /* @__PURE__ */ r("div", { className: "pl-7", children: w(o.items, [...b, o.id]) }) : null
-        ] }, o.id)) })
+          c.items?.length && c.isExpanded ? /* @__PURE__ */ r("div", { className: "pl-7", children: N(c.items, [...b, c.id]) }) : null
+        ] }, c.id)) })
       }
     );
   };
   return /* @__PURE__ */ u(
-    Re,
+    _e,
     {
       sensors: h,
-      collisionDetection: _e,
+      collisionDetection: Ae,
       onDragStart: p,
-      onDragEnd: N,
+      onDragEnd: v,
       children: [
-        /* @__PURE__ */ r("div", { className: "flex flex-col", children: w(e) }),
-        /* @__PURE__ */ r(Ae, { children: c ? /* @__PURE__ */ r(
-          et,
+        /* @__PURE__ */ r("div", { className: "flex flex-col", children: N(e) }),
+        /* @__PURE__ */ r(Me, { children: o ? /* @__PURE__ */ r(
+          tt,
           {
-            id: c.id,
-            label: c.label,
-            hasChildren: c.hasChildren,
+            id: o.id,
+            label: o.label,
+            hasChildren: o.hasChildren,
             showDragHandle: t,
             showCheckbox: n,
-            isChecked: c.isChecked,
-            isExpanded: c.isExpanded
+            isChecked: o.isChecked,
+            isExpanded: o.isExpanded
           }
         ) : null })
       ]
     }
   );
 }
-const rt = (e, t) => e.label.toLowerCase().includes(t);
-function Yt(e, t, n = {}) {
-  const s = lt(t);
+const st = (e, t) => e.label.toLowerCase().includes(t);
+function jt(e, t, n = {}) {
+  const s = at(t);
   if (!s)
     return e;
   const {
     expandMatchedBranches: l = !0,
     includeGroupDescendantsOnMatch: a = !0,
     includeItemDescendantsOnMatch: i = !1,
-    match: m = rt
+    match: m = st
   } = n;
-  return B(e, s, {
+  return W(e, s, {
     expandMatchedBranches: l,
     includeGroupDescendantsOnMatch: a,
     includeItemDescendantsOnMatch: i,
     match: m
   }) ?? [];
 }
-function B(e, t, n) {
+function W(e, t, n) {
   const s = [];
   for (const l of e) {
-    const a = st(l, t, n);
+    const a = lt(l, t, n);
     a && s.push(a);
   }
   return s.length ? s : null;
 }
-function st(e, t, n) {
+function lt(e, t, n) {
   const s = n.match(e, t);
   if (e.type === "group") {
     if (s && n.includeGroupDescendantsOnMatch)
       return Y(e, n.expandMatchedBranches);
-    const i = e.items?.length ? B(e.items, t, n) : null;
+    const i = e.items?.length ? W(e.items, t, n) : null;
     return !s && !i ? null : {
       ...e,
       items: i ?? []
     };
   }
-  const l = e.items?.length ? B(e.items, t, n) : null;
+  const l = e.items?.length ? W(e.items, t, n) : null;
   if (s && n.includeItemDescendantsOnMatch)
     return Y(e, n.expandMatchedBranches);
   if (!s && !l)
@@ -1233,19 +1241,19 @@ function Y(e, t) {
     items: e.items?.map((n) => Y(n, t))
   };
 }
-function lt(e) {
+function at(e) {
   return e.trim().toLowerCase();
 }
-var at = /* @__PURE__ */ ((e) => (e.Enter = "Enter", e))(at || {});
+var it = /* @__PURE__ */ ((e) => (e.Enter = "Enter", e))(it || {});
 const de = Q(null);
-function jt({
+function zt({
   children: e,
   isAgentAvailable: t
 }) {
-  const n = U(() => ({ isAgentAvailable: t }), [t]);
+  const n = q(() => ({ isAgentAvailable: t }), [t]);
   return /* @__PURE__ */ r(de.Provider, { value: n, children: e });
 }
-function zt() {
+function Ht() {
   const e = K(de);
   if (!e)
     throw new Error(
@@ -1254,40 +1262,40 @@ function zt() {
   return e;
 }
 export {
-  jt as AgentAvailabilityProvider,
-  bt as Alert,
+  zt as AgentAvailabilityProvider,
+  Nt as Alert,
   _ as AlertType,
-  Ge as Button,
-  We as CALENDAR_MOBILE_PADDING,
-  Ct as Calendar,
+  Be as Button,
+  qe as CALENDAR_MOBILE_PADDING,
+  yt as Calendar,
   se as Checkbox,
   re as CloseButton,
-  yt as CollapsibleBlock,
-  Tt as CopyButton,
-  Rt as DownloadFormatMessage,
-  Pt as DraggableList,
-  Ft as Dropdown,
-  Et as HighlightText,
-  It as IconButton,
-  Mt as InlineAlert,
-  At as InlineAlertProvider,
+  Et as CollapsibleBlock,
+  Pt as CopyButton,
+  _t as DownloadFormatMessage,
+  Yt as DraggableList,
+  Rt as Dropdown,
+  It as HighlightText,
+  St as IconButton,
+  Tt as InlineAlert,
+  Mt as InlineAlertProvider,
   M as InlineAlertType,
   Ue as Input,
-  St as InputWithIcon,
-  at as KeyboardKey,
-  kt as Link,
-  He as Loader,
-  G as PopUpSize,
+  kt as InputWithIcon,
+  it as KeyboardKey,
+  Dt as Link,
+  $e as Loader,
+  B as PopUpSize,
   T as PopUpState,
-  Ot as Popup,
-  Lt as Radio,
-  _t as RequestLimitMessage,
-  V as SERIES_LIMIT,
-  wt as TREE_NODE_ARROW_SIZE,
-  vt as TREE_NODE_PADDING,
-  Dt as Tag,
-  Yt as filterDraggableListNodes,
-  zt as useAgentAvailability,
-  Nt as useDebounce,
-  Be as useIsMobile
+  Ft as Popup,
+  Ot as Radio,
+  At as RequestLimitMessage,
+  U as SERIES_LIMIT,
+  vt as TREE_NODE_ARROW_SIZE,
+  Ct as TREE_NODE_PADDING,
+  Lt as Tag,
+  jt as filterDraggableListNodes,
+  Ht as useAgentAvailability,
+  wt as useDebounce,
+  We as useIsMobile
 };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@epam/statgpt-ui-components",
-  "version": "0.6.0-rc.2",
+  "version": "0.6.0-rc.4",
   "license": "MIT",
   "dependencies": {
     "react-flatpickr": "^4.0.11",
     "classnames": "^2.5.1",
-    "@epam/statgpt-shared-toolkit": "0.6.0-rc.2",
+    "@epam/statgpt-shared-toolkit": "0.6.0-rc.4",
     "@tabler/icons-react": "^3.34.1",
     "@floating-ui/react": "^0.27.14",
     "tailwind-merge": "^3.4.0",