@epam/statgpt-ui-components 0.5.0-rc.30 → 0.5.0-rc.32

package/components/CopyButton/CopyButton.d.ts

@@ -4,6 +4,7 @@ interface CopyButtonProps {
     title?: string;
     copiedTitle?: string;
     tooltip?: string;
+    hoverTooltip?: string;
     icon?: ReactNode;
     copiedIcon?: ReactNode;
     className?: string;
@@ -34,10 +35,11 @@ interface CopyButtonProps {
  * @param title - Title shown in the default state.
  * @param copiedTitle - Title shown while in the copied state.
  * @param tooltip - Optional tooltip displayed during the copied state.
+ * @param hoverTooltip - Optional native browser tooltip shown on hover (via the HTML `title` attribute).
  * @param icon - Icon shown in the default state.
  * @param copiedIcon - Icon shown in the copied state.
  * @param className - Additional classes applied to the button.
  * @param buttonTextClassName - Additional classes for the button text.
  */
-export declare const CopyButton: ({ title, copiedTitle, tooltip, icon, copiedIcon, className, buttonTextClassName, onClick, }: CopyButtonProps) => import("react").JSX.Element;
+export declare const CopyButton: ({ title, copiedTitle, tooltip, hoverTooltip, icon, copiedIcon, className, buttonTextClassName, onClick, }: CopyButtonProps) => import("react").JSX.Element;
 export {};

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("classnames"),D=require("@tabler/icons-react"),ie=require("tailwind-merge"),oe=require("react-flatpickr"),P=require("@epam/statgpt-shared-toolkit"),N=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:a})=>t.jsx("button",{type:"button","aria-label":"button",className:n,title:e,onClick:a,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:a,closeButtonTitle:l,children:c})=>{const i=e?.type,u=i===O.IN_PROGRESS||i===O.INFO,x=()=>u?"alert-in-progress":i===O.SUCCESS?"alert-success":"alert-error",m=u?n:i===O.SUCCESS?s:i===O.ERROR?r:null,f=e?.text;return p.useEffect(()=>{if(!e||u)return;const v=setTimeout(()=>{a?.()},xe);return()=>clearTimeout(v)},[e,u,a]),t.jsx("div",{className:h("alert alert-shadow fixed bottom-3 right-3 z-10 w-[min(380px,calc(100vw-24px))] max-w-[calc(100vw-24px)]",x()),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}),c??(f&&t.jsx("div",{className:"alert-text whitespace-pre-line break-words",title:f,children:f}))]}),t.jsx(U,{title:l,onClick:a})]})})},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(h(...e))}const Q=({buttonClassName:e,textClassName:n,isLoading:s=!1,title:r,disabled:a,iconAfter:l,iconBefore:c,onClick:i,isSmallButton:u})=>{const x=L([u?"font-semibold":"",l?"mr-2":"",c?"ml-2":"",n]);return t.jsxs("button",{type:"button",className:h("base-button",e,u?"small-button":""),disabled:a||s,"aria-label":"button",onClick:m=>i?.(m),title:r,children:[c,s&&t.jsx(K,{}),r?u?t.jsx("h4",{className:x,children:r}):t.jsx("h3",{className:x,children:r}):null,l]})};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)`),a=l=>{s(l.matches)};return s(r.matches),r.addEventListener("change",a),()=>r.removeEventListener("change",a)},[e]),n}function fe(e,n){const s=p.useRef(null);return p.useCallback((...a)=>{s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{e(...a)},n)},[e,n])}const pe=24,ge=24,W=1e3,X=24,be=({label:e,onChange:n,value:s,options:r,calendarResolution:a=P.CalendarResolution.DAY,id:l,icon:c,isEndDate:i})=>{const u=p.useRef(null),x=Z();p.useEffect(()=>{const j=u?.current;j&&j.querySelector("input")?.setAttribute("aria-label",e)},[e]);const m={...r,disableMobile:!0,defaultDate:a===P.CalendarResolution.MONTH?new Date(s.getFullYear(),s.getMonth()):s},f=(j,C,b)=>{const d=`calendar__${a===P.CalendarResolution.MONTH?"month":"day"}`;b.calendarContainer&&b.calendarContainer.classList.add(d)},v=(j,C,b)=>{if(a===P.CalendarResolution.MONTH&&j.length>0){const d=r.minDate,o=r.maxDate,g=j[0].getFullYear(),w=b.calendarContainer,S="flatpickr-disabled",y=w.querySelectorAll(".flatpickr-monthSelect-month"),E=w.querySelectorAll(".flatpickr-next-month")[0],R=w.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`,i?(d.style.right=`${window.innerWidth-o.right-(x?X:0)}px`,d.style.left="auto"):d.style.left=`${o.left}px`)},0)};return t.jsxs("div",{className:"calendar relative",ref:u,children:[t.jsx("div",{className:"calendar-title mb-1",children:e}),t.jsx("label",{htmlFor:l,className:"absolute right-[11px] top-[29px] cursor-pointer",children:c||t.jsx(D.IconCalendarEvent,{})}),t.jsx(oe,{defaultValue:(a===P.CalendarResolution.MONTH?new Date(s.getFullYear(),s.getMonth()):s)?.toDateString(),options:m,onChange:j=>{n(j[0])},onOpen:[v],onReady:[f],id:l})]})},V=({label:e,id:n,checked:s,checkboxIcon:r,onChange:a,disabled:l=!1,className:c,stopPropagation:i=!0})=>{const u=p.useCallback(f=>{i&&f.stopPropagation()},[i]),x=p.useCallback(f=>{i&&f.stopPropagation(),a?.(n,f.target.checked)},[a,n,i]),m=()=>{if(s)return r||t.jsx(D.IconSquareCheckFilled,{className:"absolute size-4"})};return t.jsxs("label",{htmlFor:n,onClick:u,className:L("flex min-w-0 items-center py-1 shrink-0",l?"cursor-not-allowed opacity-50":"cursor-pointer",c),children:[t.jsx("span",{className:h("checkbox-button relative flex size-[14px] items-center justify-center"),"aria-hidden":!0,children:m()}),e?t.jsx("p",{className:h("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:l,onChange:x,className:"hidden"})]})},je=({title:e,icon:n,children:s,value:r})=>{const[a,l]=p.useState(!1);return t.jsxs("div",{className:`collapsible-block flex flex-col border-t-2 border-neutrals-600 ${a?"collapsible-block-open":""}`,children:[t.jsxs("div",{className:"collapsible-block-title flex cursor-pointer items-center py-4",onClick:()=>l(!a),children:[t.jsx("div",{className:`${a?"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})]})]}),a&&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 a=n?.toLowerCase()||"",l=e?.toLowerCase()?.split(a)||"";for(let c=0,i=0;c<l?.length;c++){const u=l?.[c],x=u.length;u!==""&&r.push({id:r.length,highlight:!1,text:e?.substring(i,i+x)}),i+=x,c!==l?.length-1&&(r.push({id:r.length,highlight:!0,text:e?.substring(i,i+n.length)}),i+=n.length)}return r},[n,e]);return t.jsx(t.Fragment,{children:s.map(r=>t.jsx("span",{className:h(r?.highlight&&"bg-highlight"),children:r?.text},r?.id))})},we=({icon:e,onClick:n,buttonClassName:s,disabled:r,title:a,isBaseIconStyles:l=!0})=>t.jsx("button",{type:"button",className:h(l&&"base-icon-button",s),onClick:c=>n?.(c),disabled:r,title:a,"aria-label":"button",children:e}),J=({value:e,inputId:n,placeholder:s="",cssClass:r="",type:a="text",disabled:l,readonly:c,onChange:i,onKeyDown:u,onFocus:x,onBlur:m})=>{const f=h("truncate outline-none shadow-none body-1",r,c?"pointer-events-none":"");return t.jsx("input",{type:a,autoComplete:"off",id:n,placeholder:s,value:e||"",title:e?String(e):"",disabled:l,className:f,onKeyDown:u,onFocus:x,onBlur:m,onChange:v=>i?.(v.currentTarget.value)})},Ce=({iconBeforeInput:e,iconAfterInput:n,containerClasses:s,cssClass:r,...a})=>t.jsxs("div",{className:h("input w-full flex flex-row",s),children:[e,t.jsx(J,{cssClass:h("border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",r),...a}),n]}),ve=({url:e,title:n,linkClassName:s="",iconBefore:r,iconAfter:a})=>{const l=h(a?"mr-2":"",r?"ml-2":"");return t.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:h("base-link",s),title:n,children:[r,t.jsx("span",{className:l,children:n}),a]})},ye=({title:e,text:n,disabled:s,onClick:r})=>t.jsx("button",{type:"button",className:h("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:a,onChange:l})=>{const c=p.useCallback(i=>{i.stopPropagation(),l?.(n,i.target.checked)},[l,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:h("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})]}),a&&t.jsx("span",{className:"radio-description body-2 ml-6 flex w-auto items-center text-neutrals-800",title:a,children:a}),t.jsx("input",{type:"radio",onChange:c,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:a,children:l,overlayClassName:c,containerClassName:i,dividers:u=!0,closeButtonTitle:x})=>{const{refs:m,context:f}=N.useFloating({open:n!==F.Closed&&!!n,onOpenChange:a}),v=N.useRole(f,{role:"dialog"}),j=N.useDismiss(f,{outsidePress:!0}),{getFloatingProps:C}=N.useInteractions([v,j]),b=p.useCallback(d=>{d?.preventDefault(),d?.stopPropagation(),a()},[a]);return t.jsx(N.FloatingPortal,{id:e,children:n!==F.Closed&&t.jsx(N.FloatingOverlay,{className:h("z-modal flex items-center justify-center bg-blackout p-4",c),children:t.jsx(N.FloatingFocusManager,{context:f,children:t.jsxs("div",{className:h("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%]",u&&"divide-neutrals-400 divide-y",i,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:m.setFloating,...C({onClick(d){d.stopPropagation()}}),children:[t.jsxs("div",{className:"modal-heading mb-2 flex flex-row items-center justify-between px-6 py-3 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:x,onClick:b,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),l.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)),a=A,l=s-r-A;return{y:Math.min(Math.max(e,a),Math.max(a,l))}}},De=({triggerButton:e,options:n,content:s,selectedOption:r,disabled:a,containerClassName:l,openedClassName:c,onOptionSelect:i})=>{const u=p.useId(),[x,m]=p.useState(!1),{refs:f,floatingStyles:v,context:j}=N.useFloating({open:x,onOpenChange:a?void 0:m,placement:"bottom-end",strategy:"fixed",middleware:[N.offset(A),N.flip({padding:A}),N.size({padding:A,apply({availableHeight:g,elements:w}){w.floating.style.maxHeight=`${Math.max(0,g)}px`}}),N.shift({padding:A}),ke],whileElementsMounted:N.autoUpdate}),C=N.useClick(j),b=N.useDismiss(j,{outsidePress:!0}),{getReferenceProps:d,getFloatingProps:o}=N.useInteractions([C,b]);return p.useEffect(()=>{x&&window.dispatchEvent(new CustomEvent(G,{detail:u}))},[u,x]),p.useEffect(()=>{const g=w=>{w instanceof CustomEvent&&w.detail!==u&&m(!1)};return window.addEventListener(G,g),()=>{window.removeEventListener(G,g)}},[u]),p.useEffect(()=>{a&&m(!1)},[a]),t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:f.setReference,...d({onClick(g){g.stopPropagation()}}),className:h(l,x&&c),children:e}),x&&t.jsx(N.FloatingPortal,{children:t.jsxs("div",{ref:f.setFloating,style:{...v,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:w=>{w.stopPropagation(),i?.(g.key),m(!1)},className:h("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:a})=>t.jsxs("div",{className:h("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:h("text-primary h5",e?.largeQueryClassName),children:[e?.largeQuery,":"," "]}),t.jsx("span",{className:h("text-neutrals-800 body-3",e?.limitMessageClassName),children:n?e?.downloadMessage?.(W):e?.showingLimit?.(W)})]}),n&&t.jsx("span",{className:h("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:a||"",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:a}){const l=Le(),c=n??l?.icons?.[e],i=l?.classes?.container??Fe,u=l?.classes?.types?.[e]??_e[e],x=L(i,u,r),m=L(Me,l?.classes?.icon),f=L(Te,l?.classes?.content,a);return t.jsxs("div",{"data-type":e,className:x,children:[c?t.jsx("span",{className:m,children:c}):null,s?t.jsx("div",{className:f,children:s}):null]})}const Ye=({title:e,copiedTitle:n,tooltip:s,icon:r,copiedIcon:a,className:l,buttonTextClassName:c,onClick:i})=>{const[u,x]=p.useState(!1),m=p.useRef(null),f=()=>{i(),x(!0),m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{x(!1)},1e3)};return p.useEffect(()=>()=>{m.current&&clearTimeout(m.current)},[]),t.jsxs("div",{className:"relative w-fit",children:[t.jsx(Q,{title:u?n:e,isSmallButton:!0,disabled:u,buttonClassName:L(["text-button-tertiary small-icon-button !h-6 !p-0",l]),textClassName:L(["ml-1",c]),onClick:f,iconBefore:u?a:r}),s&&u&&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:a,isChecked:l,isExpanded:c}){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:[a?t.jsx(V,{id:e,checked:!!l,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:h("transition-transform",c?"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(a=>a.id===s)??null:null}function ne(e,n){if(n.length===0)return e;const[s,...r]=n,a=e.find(l=>l.id===s);return a?.items?ne(a.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,...a]=n;return e.map(l=>l.id!==r||!l.items?l:{...l,items:re(l.items,a,s)})}function ze({parentPath:e,item:n,showDragHandle:s,showCheckbox:r,renderLabel:a,onItemClick:l,onToggleExpanded:c,onToggleChecked:i}){const u=!!n.items?.length,x=!!n.isExpanded,m=n.isDisabled?!1:n.draggable??!0,f=n.isDisabled?!1:n.checkable??!0,v=te(e,n.id),{attributes:j,listeners:C,setNodeRef:b,setActivatorNodeRef:d,transform:o,transition:g,isDragging:w}=Y.useSortable({id:v,disabled:!m}),S={transform:ce.CSS.Transform.toString(o),transition:g,opacity:w?.6:void 0},y=!!n.isDisabled,E=y||!f,R=[...e,n.id];return t.jsxs("div",{ref:b,style:S,className:h(["group flex items-stretch overflow-hidden rounded bg-white","select-none",y?"opacity-50":""]),children:[s?t.jsx("div",{className:h(["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:h(["rounded p-1",m?"cursor-grab":"cursor-default","transition-opacity"]),...m?C:{},...m?j:{},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||l?.({itemId:n.id,path:R,nativeEvent:k})},className:h(["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:!f,className:"p-0",stopPropagation:!0,onChange:(k,I)=>i?.({itemId:n.id,path:R,nextChecked:!!I})}):null,t.jsx("span",{className:"body-3 truncate text-neutrals-800",children:a?a(n):n.label})]}),u?t.jsx("button",{type:"button",disabled:y,onClick:k=>{k.stopPropagation(),c?.({itemId:n.id,path:R,nextExpanded:!x})},"aria-label":x?"Collapse":"Expand",className:h(["flex w-8 items-center justify-center rounded",y?"":"hover:bg-neutrals-100","focus:outline-none"]),children:t.jsx("span",{"aria-hidden":!0,className:h("transition-transform duration-150 ease-out",x?"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:a,onToggleChecked:l,onItemClick:c,renderLabel:i}){const u=M.useSensors(M.useSensor(M.PointerSensor,{activationConstraint:{distance:6}})),[x,m]=ue.useState(null),f=C=>{const b=String(C.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})},v=C=>{m(null);const b=C.over;if(!b)return;const d=H(String(C.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 w=g.findIndex(E=>E.id===d.itemId),S=g.findIndex(E=>E.id===o.itemId);if(w===-1||S===-1||w===S)return;const y=re(e,d.parentPath,E=>{const R=E.filter(_=>_.type==="item"),k=Y.arrayMove(R,w,S);let I=0;return E.map(_=>{if(_.type!=="item")return _;const z=k[I];return I+=1,z})});r(y)},j=(C,b=[])=>{const d=C.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:C.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:j(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:i,onItemClick:c,onToggleExpanded:a,onToggleChecked:l}),o.items?.length&&o.isExpanded?t.jsx("div",{className:"pl-7",children:j(o.items,[...b,o.id])}):null]},o.id))})})};return t.jsxs(M.DndContext,{sensors:u,collisionDetection:M.closestCenter,onDragStart:f,onDragEnd:v,children:[t.jsx("div",{className:"flex flex-col",children:j(e)}),t.jsx(M.DragOverlay,{children:x?t.jsx(qe,{id:x.id,label:x.label,hasChildren:x.hasChildren,showDragHandle:n,showCheckbox:s,isChecked:x.isChecked,isExpanded:x.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:a=!0,includeGroupDescendantsOnMatch:l=!0,includeItemDescendantsOnMatch:c=!1,match:i=He}=s;return $(e,r,{expandMatchedBranches:a,includeGroupDescendantsOnMatch:l,includeItemDescendantsOnMatch:c,match:i})??[]}function $(e,n,s){const r=[];for(const a of e){const l=$e(a,n,s);l&&r.push(l)}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 c=e.items?.length?$(e.items,n,s):null;return!r&&!c?null:{...e,items:c??[]}}const a=e.items?.length?$(e.items,n,s):null;if(r&&s.includeItemDescendantsOnMatch)return B(e,s.expandMatchedBranches);if(!r&&!a)return null;const l={...e};return a?(l.items=a,s.expandMatchedBranches&&(l.isExpanded=!0)):delete l.items,l}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 ae=(e=>(e.Enter="Enter",e))(ae||{});const le=p.createContext(null);function Ve({children:e,isAgentAvailable:n}){const s=p.useMemo(()=>({isAgentAvailable:n}),[n]);return t.jsx(le.Provider,{value:s,children:e})}function Ke(){const e=p.useContext(le);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=ae;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"),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"),N=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:a})=>t.jsx("button",{type:"button","aria-label":"button",className:n,title:e,onClick:a,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:a,closeButtonTitle:l,children:c})=>{const i=e?.type,x=i===O.IN_PROGRESS||i===O.INFO,d=()=>x?"alert-in-progress":i===O.SUCCESS?"alert-success":"alert-error",h=x?n:i===O.SUCCESS?s:i===O.ERROR?r:null,m=e?.text;return p.useEffect(()=>{if(!e||x)return;const C=setTimeout(()=>{a?.()},xe);return()=>clearTimeout(C)},[e,x,a]),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)]",d()),children:t.jsxs("div",{className:"alert-content flex items-start",children:[h&&t.jsx("div",{className:"alert-icon",children:h}),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}),c??(m&&t.jsx("div",{className:"alert-text whitespace-pre-line break-words",title:m,children:m}))]}),t.jsx(U,{title:l,onClick:a})]})})},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:a,iconAfter:l,iconBefore:c,onClick:i,isSmallButton:x})=>{const d=L([x?"font-semibold":"",l?"mr-2":"",c?"ml-2":"",n]);return t.jsxs("button",{type:"button",className:f("base-button",e,x?"small-button":""),disabled:a||s,"aria-label":"button",onClick:h=>i?.(h),title:r,children:[c,s&&t.jsx(K,{}),r?x?t.jsx("h4",{className:d,children:r}):t.jsx("h3",{className:d,children:r}):null,l]})};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)`),a=l=>{s(l.matches)};return s(r.matches),r.addEventListener("change",a),()=>r.removeEventListener("change",a)},[e]),n}function fe(e,n){const s=p.useRef(null);return p.useCallback((...a)=>{s.current&&clearTimeout(s.current),s.current=setTimeout(()=>{e(...a)},n)},[e,n])}const pe=24,ge=24,W=1e3,X=24,be=({label:e,onChange:n,value:s,options:r,calendarResolution:a=P.CalendarResolution.DAY,id:l,icon:c,isEndDate:i})=>{const x=p.useRef(null),d=Z();p.useEffect(()=>{const j=x?.current;j&&j.querySelector("input")?.setAttribute("aria-label",e)},[e]);const h={...r,disableMobile:!0,defaultDate:a===P.CalendarResolution.MONTH?new Date(s.getFullYear(),s.getMonth()):s},m=(j,v,b)=>{const u=`calendar__${a===P.CalendarResolution.MONTH?"month":"day"}`;b.calendarContainer&&b.calendarContainer.classList.add(u)},C=(j,v,b)=>{if(a===P.CalendarResolution.MONTH&&j.length>0){const u=r.minDate,o=r.maxDate,g=j[0].getFullYear(),w=b.calendarContainer,S="flatpickr-disabled",y=w.querySelectorAll(".flatpickr-monthSelect-month"),E=w.querySelectorAll(".flatpickr-next-month")[0],R=w.querySelectorAll(".flatpickr-prev-month")[0];g===o.getFullYear()&&E.classList.add(S),g===u.getFullYear()&&R.classList.add(S),(g===u.getFullYear()||g===o.getFullYear())&&y.forEach(k=>{k.classList.remove(S);const I=new Date(k.getAttribute("aria-label")),_=I.getFullYear()===u.getFullYear()&&I.getMonth()===u.getMonth(),z=I.getFullYear()===o.getFullYear()&&I.getMonth()===o.getMonth();_||z||(I<u||I>o)&&k.classList.add(S)})}setTimeout(()=>{const u=b.calendarContainer,o=b._input?.getBoundingClientRect();u&&(u.style.top=`${o.top-u.offsetHeight-8}px`,u.style.width=`${u.style.width}px`,i?(u.style.right=`${window.innerWidth-o.right-(d?X:0)}px`,u.style.left="auto"):u.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:l,className:"absolute right-[11px] top-[29px] cursor-pointer",children:c||t.jsx(D.IconCalendarEvent,{})}),t.jsx(oe,{defaultValue:(a===P.CalendarResolution.MONTH?new Date(s.getFullYear(),s.getMonth()):s)?.toDateString(),options:h,onChange:j=>{n(j[0])},onOpen:[C],onReady:[m],id:l})]})},V=({label:e,id:n,checked:s,checkboxIcon:r,onChange:a,disabled:l=!1,className:c,stopPropagation:i=!0})=>{const x=p.useCallback(m=>{i&&m.stopPropagation()},[i]),d=p.useCallback(m=>{i&&m.stopPropagation(),a?.(n,m.target.checked)},[a,n,i]),h=()=>{if(s)return r||t.jsx(D.IconSquareCheckFilled,{className:"absolute size-4"})};return t.jsxs("label",{htmlFor:n,onClick:x,className:L("flex min-w-0 items-center py-1 shrink-0",l?"cursor-not-allowed opacity-50":"cursor-pointer",c),children:[t.jsx("span",{className:f("checkbox-button relative flex size-[14px] items-center justify-center"),"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:l,onChange:d,className:"hidden"})]})},je=({title:e,icon:n,children:s,value:r})=>{const[a,l]=p.useState(!1);return t.jsxs("div",{className:`collapsible-block flex flex-col border-t-2 border-neutrals-600 ${a?"collapsible-block-open":""}`,children:[t.jsxs("div",{className:"collapsible-block-title flex cursor-pointer items-center py-4",onClick:()=>l(!a),children:[t.jsx("div",{className:`${a?"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})]})]}),a&&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 a=n?.toLowerCase()||"",l=e?.toLowerCase()?.split(a)||"";for(let c=0,i=0;c<l?.length;c++){const x=l?.[c],d=x.length;x!==""&&r.push({id:r.length,highlight:!1,text:e?.substring(i,i+d)}),i+=d,c!==l?.length-1&&(r.push({id:r.length,highlight:!0,text:e?.substring(i,i+n.length)}),i+=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:a,isBaseIconStyles:l=!0})=>t.jsx("button",{type:"button",className:f(l&&"base-icon-button",s),onClick:c=>n?.(c),disabled:r,title:a,"aria-label":"button",children:e}),J=({value:e,inputId:n,placeholder:s="",cssClass:r="",type:a="text",disabled:l,readonly:c,onChange:i,onKeyDown:x,onFocus:d,onBlur:h})=>{const m=f("truncate outline-none shadow-none body-1",r,c?"pointer-events-none":"");return t.jsx("input",{type:a,autoComplete:"off",id:n,placeholder:s,value:e||"",title:e?String(e):"",disabled:l,className:m,onKeyDown:x,onFocus:d,onBlur:h,onChange:C=>i?.(C.currentTarget.value)})},Ce=({iconBeforeInput:e,iconAfterInput:n,containerClasses:s,cssClass:r,...a})=>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),...a}),n]}),ve=({url:e,title:n,linkClassName:s="",iconBefore:r,iconAfter:a})=>{const l=f(a?"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:l,children:n}),a]})},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:a,onChange:l})=>{const c=p.useCallback(i=>{i.stopPropagation(),l?.(n,i.target.checked)},[l,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})]}),a&&t.jsx("span",{className:"radio-description body-2 ml-6 flex w-auto items-center text-neutrals-800",title:a,children:a}),t.jsx("input",{type:"radio",onChange:c,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:a,children:l,overlayClassName:c,containerClassName:i,dividers:x=!0,closeButtonTitle:d})=>{const{refs:h,context:m}=N.useFloating({open:n!==F.Closed&&!!n,onOpenChange:a}),C=N.useRole(m,{role:"dialog"}),j=N.useDismiss(m,{outsidePress:!0}),{getFloatingProps:v}=N.useInteractions([C,j]),b=p.useCallback(u=>{u?.preventDefault(),u?.stopPropagation(),a()},[a]);return t.jsx(N.FloatingPortal,{id:e,children:n!==F.Closed&&t.jsx(N.FloatingOverlay,{className:f("z-modal flex items-center justify-center bg-blackout p-4",c),children:t.jsx(N.FloatingFocusManager,{context:m,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",i,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:h.setFloating,...v({onClick(u){u.stopPropagation()}}),children:[t.jsxs("div",{className:"modal-heading mb-2 flex flex-row items-center justify-between px-6 py-3 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:d,onClick:b,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),l.map(u=>u)]})})})})},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)),a=A,l=s-r-A;return{y:Math.min(Math.max(e,a),Math.max(a,l))}}},De=({triggerButton:e,options:n,content:s,selectedOption:r,disabled:a,containerClassName:l,openedClassName:c,onOptionSelect:i})=>{const x=p.useId(),[d,h]=p.useState(!1),{refs:m,floatingStyles:C,context:j}=N.useFloating({open:d,onOpenChange:a?void 0:h,placement:"bottom-end",strategy:"fixed",middleware:[N.offset(A),N.flip({padding:A}),N.size({padding:A,apply({availableHeight:g,elements:w}){w.floating.style.maxHeight=`${Math.max(0,g)}px`}}),N.shift({padding:A}),ke],whileElementsMounted:N.autoUpdate}),v=N.useClick(j),b=N.useDismiss(j,{outsidePress:!0}),{getReferenceProps:u,getFloatingProps:o}=N.useInteractions([v,b]);return p.useEffect(()=>{d&&window.dispatchEvent(new CustomEvent(G,{detail:x}))},[x,d]),p.useEffect(()=>{const g=w=>{w instanceof CustomEvent&&w.detail!==x&&h(!1)};return window.addEventListener(G,g),()=>{window.removeEventListener(G,g)}},[x]),p.useEffect(()=>{a&&h(!1)},[a]),t.jsxs(t.Fragment,{children:[t.jsx("div",{ref:m.setReference,...u({onClick(g){g.stopPropagation()}}),className:f(l,d&&c),children:e}),d&&t.jsx(N.FloatingPortal,{children:t.jsxs("div",{ref:m.setFloating,style:{...C,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:w=>{w.stopPropagation(),i?.(g.key),h(!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:a})=>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:a||"",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:a}){const l=Le(),c=n??l?.icons?.[e],i=l?.classes?.container??Fe,x=l?.classes?.types?.[e]??_e[e],d=L(i,x,r),h=L(Me,l?.classes?.icon),m=L(Te,l?.classes?.content,a);return t.jsxs("div",{"data-type":e,className:d,children:[c?t.jsx("span",{className:h,children:c}):null,s?t.jsx("div",{className:m,children:s}):null]})}const Ye=({title:e,copiedTitle:n,tooltip:s,hoverTooltip:r,icon:a,copiedIcon:l,className:c,buttonTextClassName:i,onClick:x})=>{const[d,h]=p.useState(!1),m=p.useRef(null),C=()=>{x(),h(!0),m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{h(!1)},1e3)};return p.useEffect(()=>()=>{m.current&&clearTimeout(m.current)},[]),t.jsxs("div",{className:"relative w-fit",title:r,children:[t.jsx(Q,{title:d?n:e,isSmallButton:!0,disabled:d,buttonClassName:L(["text-button-tertiary small-icon-button !h-6 !p-0",c]),textClassName:L(["ml-1",i]),onClick:C,iconBefore:d?l:a}),s&&d&&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:a,isChecked:l,isExpanded:c}){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:[a?t.jsx(V,{id:e,checked:!!l,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",c?"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(a=>a.id===s)??null:null}function ne(e,n){if(n.length===0)return e;const[s,...r]=n,a=e.find(l=>l.id===s);return a?.items?ne(a.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,...a]=n;return e.map(l=>l.id!==r||!l.items?l:{...l,items:re(l.items,a,s)})}function ze({parentPath:e,item:n,showDragHandle:s,showCheckbox:r,renderLabel:a,onItemClick:l,onToggleExpanded:c,onToggleChecked:i}){const x=!!n.items?.length,d=!!n.isExpanded,h=n.isDisabled?!1:n.draggable??!0,m=n.isDisabled?!1:n.checkable??!0,C=te(e,n.id),{attributes:j,listeners:v,setNodeRef:b,setActivatorNodeRef:u,transform:o,transition:g,isDragging:w}=Y.useSortable({id:C,disabled:!h}),S={transform:ce.CSS.Transform.toString(o),transition:g,opacity:w?.6:void 0},y=!!n.isDisabled,E=y||!m,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:u,"aria-hidden":!0,className:f(["rounded p-1",h?"cursor-grab":"cursor-default","transition-opacity"]),...h?v:{},...h?j:{},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||l?.({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:!m,className:"p-0",stopPropagation:!0,onChange:(k,I)=>i?.({itemId:n.id,path:R,nextChecked:!!I})}):null,t.jsx("span",{className:"body-3 truncate text-neutrals-800",children:a?a(n):n.label})]}),x?t.jsx("button",{type:"button",disabled:y,onClick:k=>{k.stopPropagation(),c?.({itemId:n.id,path:R,nextExpanded:!d})},"aria-label":d?"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",d?"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:a,onToggleChecked:l,onItemClick:c,renderLabel:i}){const x=M.useSensors(M.useSensor(M.PointerSensor,{activationConstraint:{distance:6}})),[d,h]=ue.useState(null),m=v=>{const b=String(v.active.id),u=H(b);if(!u)return;const o=Be(e,u.parentPath,u.itemId);!o||o.type!=="item"||h({id:b,label:o.label,hasChildren:!!o.items?.length,isChecked:o.isChecked,isExpanded:o.isExpanded})},C=v=>{h(null);const b=v.over;if(!b)return;const u=H(String(v.active.id)),o=H(String(b.id));if(!u||!o||u.parentPath.join("/")!==o.parentPath.join("/"))return;const g=se(e,u.parentPath);if(!g)return;const w=g.findIndex(E=>E.id===u.itemId),S=g.findIndex(E=>E.id===o.itemId);if(w===-1||S===-1||w===S)return;const y=re(e,u.parentPath,E=>{const R=E.filter(_=>_.type==="item"),k=Y.arrayMove(R,w,S);let I=0;return E.map(_=>{if(_.type!=="item")return _;const z=k[I];return I+=1,z})});r(y)},j=(v,b=[])=>{const u=v.filter(o=>o.type==="item").map(o=>te(b,o.id));return t.jsx(Y.SortableContext,{items:u,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:j(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:i,onItemClick:c,onToggleExpanded:a,onToggleChecked:l}),o.items?.length&&o.isExpanded?t.jsx("div",{className:"pl-7",children:j(o.items,[...b,o.id])}):null]},o.id))})})};return t.jsxs(M.DndContext,{sensors:x,collisionDetection:M.closestCenter,onDragStart:m,onDragEnd:C,children:[t.jsx("div",{className:"flex flex-col",children:j(e)}),t.jsx(M.DragOverlay,{children:d?t.jsx(qe,{id:d.id,label:d.label,hasChildren:d.hasChildren,showDragHandle:n,showCheckbox:s,isChecked:d.isChecked,isExpanded:d.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:a=!0,includeGroupDescendantsOnMatch:l=!0,includeItemDescendantsOnMatch:c=!1,match:i=He}=s;return $(e,r,{expandMatchedBranches:a,includeGroupDescendantsOnMatch:l,includeItemDescendantsOnMatch:c,match:i})??[]}function $(e,n,s){const r=[];for(const a of e){const l=$e(a,n,s);l&&r.push(l)}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 c=e.items?.length?$(e.items,n,s):null;return!r&&!c?null:{...e,items:c??[]}}const a=e.items?.length?$(e.items,n,s):null;if(r&&s.includeItemDescendantsOnMatch)return B(e,s.expandMatchedBranches);if(!r&&!a)return null;const l={...e};return a?(l.items=a,s.expandMatchedBranches&&(l.isExpanded=!0)):delete l.items,l}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 ae=(e=>(e.Enter="Enter",e))(ae||{});const le=p.createContext(null);function Ve({children:e,isAgentAvailable:n}){const s=p.useMemo(()=>({isAgentAvailable:n}),[n]);return t.jsx(le.Provider,{value:s,children:e})}function Ke(){const e=p.useContext(le);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=ae;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;

package/index.mjs

@@ -1,7 +1,7 @@
-import { jsx as r, jsxs as u, Fragment as q } from "react/jsx-runtime";
+import { jsx as r, jsxs as m, Fragment as q } 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 p from "classnames";
+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";
@@ -37,31 +37,31 @@ const ze = 3e4, bt = ({
   closeButtonTitle: a,
   children: c
 }) => {
-  const i = e?.type, m = i === _.IN_PROGRESS || i === _.INFO, h = () => m ? "alert-in-progress" : i === _.SUCCESS ? "alert-success" : "alert-error", f = m ? t : i === _.SUCCESS ? n : i === _.ERROR ? s : null, g = e?.text;
+  const i = e?.type, h = i === _.IN_PROGRESS || i === _.INFO, d = () => h ? "alert-in-progress" : i === _.SUCCESS ? "alert-success" : "alert-error", p = h ? t : i === _.SUCCESS ? n : i === _.ERROR ? s : null, f = e?.text;
   return O(() => {
-    if (!e || m)
+    if (!e || h)
       return;
-    const C = setTimeout(() => {
+    const v = setTimeout(() => {
       l?.();
     }, ze);
-    return () => clearTimeout(C);
-  }, [e, m, l]), /* @__PURE__ */ r(
+    return () => clearTimeout(v);
+  }, [e, h, l]), /* @__PURE__ */ r(
     "div",
     {
-      className: p(
+      className: g(
         "alert alert-shadow fixed bottom-3 right-3 z-10 w-[min(380px,calc(100vw-24px))] max-w-[calc(100vw-24px)]",
-        h()
+        d()
       ),
-      children: /* @__PURE__ */ u("div", { className: "alert-content flex items-start", children: [
-        f && /* @__PURE__ */ r("div", { className: "alert-icon", children: f }),
-        /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
+      children: /* @__PURE__ */ m("div", { className: "alert-content flex items-start", children: [
+        p && /* @__PURE__ */ r("div", { className: "alert-icon", children: p }),
+        /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
           /* @__PURE__ */ r("h3", { className: "alert-title truncate", children: e?.title }),
-          c ?? (g && /* @__PURE__ */ r(
+          c ?? (f && /* @__PURE__ */ r(
             "div",
             {
               className: "alert-text whitespace-pre-line break-words",
-              title: g,
-              children: g
+              title: f,
+              children: f
             }
           ))
         ] }),
@@ -87,7 +87,7 @@ const ze = 3e4, bt = ({
   }
 });
 function F(...e) {
-  return $e(p(...e));
+  return $e(g(...e));
 }
 const Ge = ({
   buttonClassName: e,
@@ -98,31 +98,31 @@ const Ge = ({
   iconAfter: a,
   iconBefore: c,
   onClick: i,
-  isSmallButton: m
+  isSmallButton: h
 }) => {
-  const h = F([
-    m ? "font-semibold" : "",
+  const d = F([
+    h ? "font-semibold" : "",
     a ? "mr-2" : "",
     c ? "ml-2" : "",
     t
   ]);
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(
     "button",
     {
       type: "button",
-      className: p(
+      className: g(
         "base-button",
         e,
-        m ? "small-button" : ""
+        h ? "small-button" : ""
       ),
       disabled: l || n,
       "aria-label": "button",
-      onClick: (f) => i?.(f),
+      onClick: (p) => i?.(p),
       title: s,
       children: [
         c,
         n && /* @__PURE__ */ r(He, {}),
-        s ? m ? /* @__PURE__ */ r("h4", { className: h, children: s }) : /* @__PURE__ */ r("h3", { className: h, children: s }) : null,
+        s ? h ? /* @__PURE__ */ r("h4", { className: d, children: s }) : /* @__PURE__ */ r("h3", { className: d, children: s }) : null,
         a
       ]
     }
@@ -160,39 +160,39 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   icon: c,
   isEndDate: i
 }) => {
-  const m = W(null), h = Be();
+  const h = W(null), d = Be();
   O(() => {
-    const N = m?.current;
+    const N = h?.current;
     N && N.querySelector("input")?.setAttribute("aria-label", e);
   }, [e]);
-  const f = {
+  const p = {
     ...s,
     disableMobile: !0,
     defaultDate: l === A.MONTH ? new Date(n.getFullYear(), n.getMonth()) : n
-  }, g = (N, v, b) => {
-    const d = `calendar__${l === A.MONTH ? "month" : "day"}`;
-    b.calendarContainer && b.calendarContainer.classList.add(d);
-  }, C = (N, v, b) => {
+  }, f = (N, C, b) => {
+    const u = `calendar__${l === A.MONTH ? "month" : "day"}`;
+    b.calendarContainer && b.calendarContainer.classList.add(u);
+  }, v = (N, C, b) => {
     if (l === A.MONTH && N.length > 0) {
-      const d = s.minDate, o = s.maxDate, x = N[0].getFullYear(), w = b.calendarContainer, S = "flatpickr-disabled", y = w.querySelectorAll(
+      const u = s.minDate, o = s.maxDate, x = N[0].getFullYear(), w = b.calendarContainer, S = "flatpickr-disabled", y = w.querySelectorAll(
         ".flatpickr-monthSelect-month"
       ), E = w.querySelectorAll(
         ".flatpickr-next-month"
       )[0], D = w.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 === o.getFullYear() && E.classList.add(S), x === u.getFullYear() && D.classList.add(S), (x === u.getFullYear() || x === o.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() === u.getFullYear() && I.getMonth() === u.getMonth(), z = I.getFullYear() === o.getFullYear() && I.getMonth() === o.getMonth();
+        R || z || (I < u || 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`, i ? (d.style.right = `${window.innerWidth - o.right - (h ? We : 0)}px`, d.style.left = "auto") : d.style.left = `${o.left}px`);
+      const u = b.calendarContainer, o = b._input?.getBoundingClientRect();
+      u && (u.style.top = `${o.top - u.offsetHeight - 8}px`, u.style.width = `${u.style.width}px`, i ? (u.style.right = `${window.innerWidth - o.right - (d ? We : 0)}px`, u.style.left = "auto") : u.style.left = `${o.left}px`);
     }, 0);
   };
-  return /* @__PURE__ */ u("div", { className: "calendar relative", ref: m, children: [
+  return /* @__PURE__ */ m("div", { className: "calendar relative", ref: h, children: [
     /* @__PURE__ */ r("div", { className: "calendar-title mb-1", children: e }),
     /* @__PURE__ */ r(
       "label",
@@ -206,12 +206,12 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
       Ne,
       {
         defaultValue: (l === A.MONTH ? new Date(n.getFullYear(), n.getMonth()) : n)?.toDateString(),
-        options: f,
+        options: p,
         onChange: (N) => {
           t(N[0]);
         },
-        onOpen: [C],
-        onReady: [g],
+        onOpen: [v],
+        onReady: [f],
         id: a
       }
     )
@@ -226,25 +226,25 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   className: c,
   stopPropagation: i = !0
 }) => {
-  const m = P(
-    (g) => {
-      i && g.stopPropagation();
+  const h = P(
+    (f) => {
+      i && f.stopPropagation();
     },
     [i]
-  ), h = P(
-    (g) => {
-      i && g.stopPropagation(), l?.(t, g.target.checked);
+  ), d = P(
+    (f) => {
+      i && f.stopPropagation(), l?.(t, f.target.checked);
     },
     [l, t, i]
-  ), f = () => {
+  ), p = () => {
     if (n)
       return s || /* @__PURE__ */ r(pe, { className: "absolute size-4" });
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(
     "label",
     {
       htmlFor: t,
-      onClick: m,
+      onClick: h,
       className: F(
         "flex min-w-0 items-center py-1 shrink-0",
         a ? "cursor-not-allowed opacity-50" : "cursor-pointer",
@@ -254,17 +254,17 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
         /* @__PURE__ */ r(
           "span",
           {
-            className: p(
+            className: g(
               "checkbox-button relative flex size-[14px] items-center justify-center"
             ),
             "aria-hidden": !0,
-            children: f()
+            children: p()
           }
         ),
         e ? /* @__PURE__ */ r(
           "p",
           {
-            className: p(
+            className: g(
               "checkbox-button-text text-neutrals-1000 min-w-0 ml-2 flex-1 truncate pr-2"
             ),
             title: e,
@@ -278,7 +278,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
             type: "checkbox",
             checked: n,
             disabled: a,
-            onChange: h,
+            onChange: d,
             className: "hidden"
           }
         )
@@ -292,19 +292,19 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   value: s
 }) => {
   const [l, a] = j(!1);
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(
     "div",
     {
       className: `collapsible-block flex flex-col border-t-2 border-neutrals-600 ${l ? "collapsible-block-open" : ""}`,
       children: [
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ m(
           "div",
           {
             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__ */ u("div", { className: "flex flex-1 items-center justify-between", children: [
+              /* @__PURE__ */ m("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 })
               ] })
@@ -322,15 +322,15 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
       return [{ id: 0, text: e, highlight: !1 }];
     const l = t?.toLowerCase() || "", a = e?.toLowerCase()?.split(l) || "";
     for (let c = 0, i = 0; c < a?.length; c++) {
-      const m = a?.[c], h = m.length;
-      m !== "" && s.push({
+      const h = a?.[c], d = h.length;
+      h !== "" && s.push({
         id: s.length,
         highlight: !1,
         text: e?.substring(
           i,
-          i + h
+          i + d
         )
-      }), i += h, c !== a?.length - 1 && (s.push({
+      }), i += d, c !== a?.length - 1 && (s.push({
         id: s.length,
         highlight: !0,
         text: e?.substring(
@@ -344,7 +344,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   return /* @__PURE__ */ r(q, { children: n.map((s) => /* @__PURE__ */ r(
     "span",
     {
-      className: p(s?.highlight && "bg-highlight"),
+      className: g(s?.highlight && "bg-highlight"),
       children: s?.text
     },
     s?.id
@@ -360,7 +360,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   "button",
   {
     type: "button",
-    className: p(
+    className: g(
       a && "base-icon-button",
       n
     ),
@@ -379,11 +379,11 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   disabled: a,
   readonly: c,
   onChange: i,
-  onKeyDown: m,
-  onFocus: h,
-  onBlur: f
+  onKeyDown: h,
+  onFocus: d,
+  onBlur: p
 }) => {
-  const g = p(
+  const f = g(
     "truncate outline-none shadow-none body-1",
     s,
     c ? "pointer-events-none" : ""
@@ -398,11 +398,11 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
       value: e || "",
       title: e ? String(e) : "",
       disabled: a,
-      className: g,
-      onKeyDown: m,
-      onFocus: h,
-      onBlur: f,
-      onChange: (C) => i?.(C.currentTarget.value)
+      className: f,
+      onKeyDown: h,
+      onFocus: d,
+      onBlur: p,
+      onChange: (v) => i?.(v.currentTarget.value)
     }
   );
 }, St = ({
@@ -411,12 +411,12 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   containerClasses: n,
   cssClass: s,
   ...l
-}) => /* @__PURE__ */ u("div", { className: p("input w-full flex flex-row", n), children: [
+}) => /* @__PURE__ */ m("div", { className: g("input w-full flex flex-row", n), children: [
   e,
   /* @__PURE__ */ r(
     Ue,
     {
-      cssClass: p(
+      cssClass: g(
         "border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",
         s
       ),
@@ -431,17 +431,17 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   iconBefore: s,
   iconAfter: l
 }) => {
-  const a = p(
+  const a = g(
     l ? "mr-2" : "",
     s ? "ml-2" : ""
   );
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(
     "a",
     {
       href: e,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: p("base-link", n),
+      className: g("base-link", n),
       title: t,
       children: [
         s,
@@ -454,7 +454,7 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   "button",
   {
     type: "button",
-    className: p(
+    className: g(
       "tag flex items-center justify-center",
       "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-neutrals-100"
     ),
@@ -477,17 +477,17 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
     },
     [a, t]
   );
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(
     "label",
     {
       className: "flex min-w-0 cursor-pointer flex-col py-[6px]",
       htmlFor: t,
       children: [
-        /* @__PURE__ */ u("p", { className: "radio-label flex min-w-0 items-center", children: [
+        /* @__PURE__ */ m("p", { className: "radio-label flex min-w-0 items-center", children: [
           /* @__PURE__ */ r(
             "span",
             {
-              className: p(
+              className: g(
                 "flex justify-center items-center w-4 h-4 mr-2 relative",
                 "radio-button",
                 n ? "radio-button-active" : ""
@@ -536,55 +536,55 @@ const Ve = ({
   children: a,
   overlayClassName: c,
   containerClassName: i,
-  dividers: m = !0,
-  closeButtonTitle: h
+  dividers: h = !0,
+  closeButtonTitle: d
 }) => {
-  const { refs: f, context: g } = J({
+  const { refs: p, context: f } = J({
     open: t !== T.Closed && !!t,
     onOpenChange: l
-  }), C = we(g, { role: "dialog" }), N = ee(g, { outsidePress: !0 }), { getFloatingProps: v } = te([C, N]), b = P(
-    (d) => {
-      d?.preventDefault(), d?.stopPropagation(), l();
+  }), v = we(f, { role: "dialog" }), N = ee(f, { outsidePress: !0 }), { getFloatingProps: C } = te([v, N]), b = P(
+    (u) => {
+      u?.preventDefault(), u?.stopPropagation(), l();
     },
     [l]
   );
   return /* @__PURE__ */ r(ne, { id: e, children: t !== T.Closed && /* @__PURE__ */ r(
     ve,
     {
-      className: p(
+      className: g(
         "z-modal flex items-center justify-center bg-blackout p-4",
         c
       ),
-      children: /* @__PURE__ */ r(Ce, { context: g, children: /* @__PURE__ */ u(
+      children: /* @__PURE__ */ r(Ce, { context: f, children: /* @__PURE__ */ m(
         "div",
         {
-          className: p(
+          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%]",
-            m && "divide-neutrals-400 divide-y",
+            h && "divide-neutrals-400 divide-y",
             i,
             "sm:w-full sm:max-w-full sm:px-4 sm:py-6"
           ),
-          ref: f.setFloating,
-          ...v({
-            onClick(d) {
-              d.stopPropagation();
+          ref: p.setFloating,
+          ...C({
+            onClick(u) {
+              u.stopPropagation();
             }
           }),
           children: [
-            /* @__PURE__ */ u("div", { className: "modal-heading mb-2 flex flex-row items-center justify-between px-6 py-3 sm:p-0 sm:pb-2", children: [
+            /* @__PURE__ */ m("div", { className: "modal-heading mb-2 flex flex-row items-center justify-between px-6 py-3 sm:p-0 sm:pb-2", children: [
               n && (typeof n == "string" ? /* @__PURE__ */ r("h2", { className: "modal-heading-title sm:h3 mr-3 min-w-0 flex-1", children: n }) : n),
               /* @__PURE__ */ r(
                 re,
                 {
-                  title: h,
+                  title: d,
                   onClick: b,
                   btnClassNames: "sm:h-[24px] sm:w-[24px] sm:top-4"
                 }
               )
             ] }),
-            a.map((d) => d)
+            a.map((u) => u)
           ]
         }
       ) })
@@ -613,9 +613,9 @@ const Ve = ({
   openedClassName: c,
   onOptionSelect: i
 }) => {
-  const m = me(), [h, f] = j(!1), { refs: g, floatingStyles: C, context: N } = J({
-    open: h,
-    onOpenChange: l ? void 0 : f,
+  const h = me(), [d, p] = j(!1), { refs: f, floatingStyles: v, context: N } = J({
+    open: d,
+    onOpenChange: l ? void 0 : p,
     placement: "bottom-end",
     strategy: "fixed",
     middleware: [
@@ -634,42 +634,42 @@ const Ve = ({
       qe
     ],
     whileElementsMounted: ye
-  }), v = De(N), b = ee(N, { outsidePress: !0 }), { getReferenceProps: d, getFloatingProps: o } = te([
-    v,
+  }), C = De(N), b = ee(N, { outsidePress: !0 }), { getReferenceProps: u, getFloatingProps: o } = te([
+    C,
     b
   ]);
   return O(() => {
-    h && window.dispatchEvent(
-      new CustomEvent(H, { detail: m })
+    d && window.dispatchEvent(
+      new CustomEvent(H, { detail: h })
     );
-  }, [m, h]), O(() => {
+  }, [h, d]), O(() => {
     const x = (w) => {
-      w instanceof CustomEvent && w.detail !== m && f(!1);
+      w instanceof CustomEvent && w.detail !== h && p(!1);
     };
     return window.addEventListener(H, x), () => {
       window.removeEventListener(H, x);
     };
-  }, [m]), O(() => {
-    l && f(!1);
-  }, [l]), /* @__PURE__ */ u(q, { children: [
+  }, [h]), O(() => {
+    l && p(!1);
+  }, [l]), /* @__PURE__ */ m(q, { children: [
     /* @__PURE__ */ r(
       "div",
       {
-        ref: g.setReference,
-        ...d({
+        ref: f.setReference,
+        ...u({
           onClick(x) {
             x.stopPropagation();
           }
         }),
-        className: p(a, h && c),
+        className: g(a, d && c),
         children: e
       }
     ),
-    h && /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ u(
+    d && /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ m(
       "div",
       {
-        ref: g.setFloating,
-        style: { ...C, overflowY: "auto" },
+        ref: f.setFloating,
+        style: { ...v, overflowY: "auto" },
         className: "dropdown-menu-shadow dropdown-container z-dropdown flex flex-col rounded bg-white",
         ...o(),
         children: [
@@ -678,13 +678,13 @@ const Ve = ({
             "div",
             {
               onClick: (w) => {
-                w.stopPropagation(), i?.(x.key), f(!1);
+                w.stopPropagation(), i?.(x.key), p(!1);
               },
-              className: p(
+              className: g(
                 "text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",
                 s === x.key && "bg-hues-100"
               ),
-              children: /* @__PURE__ */ u(
+              children: /* @__PURE__ */ m(
                 "div",
                 {
                   className: "dropdown-item-text flex h-full items-center gap-x-2 p-2 hover:bg-hues-100",
@@ -702,15 +702,15 @@ 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: [
-  /* @__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: [
+}, Rt = ({ limitMessages: e, query: t }) => /* @__PURE__ */ m("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__ */ m("div", { className: "flex gap-x-[4px]", children: [
+    /* @__PURE__ */ m("span", { className: "h5 text-primary", children: [
       e?.excelFormatTitle,
       " "
     ] }),
     /* @__PURE__ */ r("span", { className: "body-3 text-neutrals-800", children: e?.excelFormatText })
   ] }) }) }),
-  /* @__PURE__ */ r("a", { href: t, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ u("span", { className: "body-3 flex cursor-pointer items-center gap-x-[4px]", children: [
+  /* @__PURE__ */ r("a", { href: t, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ m("span", { className: "body-3 flex cursor-pointer items-center gap-x-[4px]", children: [
     e?.dataExplorerIcon,
     e?.dataExplorer
   ] }) })
@@ -720,22 +720,22 @@ const Ve = ({
   showAdvancedViewButton: n,
   onAdvancedViewClick: s,
   query: l
-}) => /* @__PURE__ */ u(
+}) => /* @__PURE__ */ m(
   "div",
   {
-    className: p(
+    className: g(
       "bg-semantic-warning-light px-2 py-1 flex justify-between flex-wrap items-center",
       e?.containerClassName
     ),
     children: [
-      /* @__PURE__ */ u("div", { className: "flex items-center gap-x-2", children: [
+      /* @__PURE__ */ m("div", { className: "flex items-center gap-x-2", children: [
         /* @__PURE__ */ r("span", { children: e?.warningIcon }),
-        /* @__PURE__ */ u("div", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ u("div", { className: "flex gap-x-[4px]", children: [
-            /* @__PURE__ */ u(
+        /* @__PURE__ */ m("div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ m("div", { className: "flex gap-x-[4px]", children: [
+            /* @__PURE__ */ m(
               "span",
               {
-                className: p(
+                className: g(
                   "text-primary h5",
                   e?.largeQueryClassName
                 ),
@@ -749,7 +749,7 @@ const Ve = ({
             /* @__PURE__ */ r(
               "span",
               {
-                className: p(
+                className: g(
                   "text-neutrals-800 body-3",
                   e?.limitMessageClassName
                 ),
@@ -760,7 +760,7 @@ const Ve = ({
           t && /* @__PURE__ */ r(
             "span",
             {
-              className: p(
+              className: g(
                 "text-neutrals-800 body-3",
                 e?.limitMessageClassName
               ),
@@ -769,7 +769,7 @@ const Ve = ({
           )
         ] })
       ] }),
-      n && /* @__PURE__ */ u(
+      n && /* @__PURE__ */ m(
         "span",
         {
           onClick: () => s?.(),
@@ -780,7 +780,7 @@ const Ve = ({
           ]
         }
       ),
-      t && /* @__PURE__ */ r("a", { href: l || "", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ u("span", { className: "body-3 flex cursor-pointer items-center gap-x-[4px]", children: [
+      t && /* @__PURE__ */ r("a", { href: l || "", target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ m("span", { className: "body-3 flex cursor-pointer items-center gap-x-[4px]", children: [
         e?.dataExplorerIcon,
         e?.dataExplorer
       ] }) })
@@ -811,50 +811,51 @@ function Mt({
   className: s,
   contentClassName: l
 }) {
-  const a = Qe(), c = t ?? a?.icons?.[e], i = a?.classes?.container ?? Je, m = a?.classes?.types?.[e] ?? Ke[e], h = F(i, m, s), f = F(Xe, a?.classes?.icon), g = F(
+  const a = Qe(), c = t ?? a?.icons?.[e], i = a?.classes?.container ?? Je, h = a?.classes?.types?.[e] ?? Ke[e], d = F(i, h, s), p = F(Xe, a?.classes?.icon), f = F(
     Ze,
     a?.classes?.content,
     l
   );
-  return /* @__PURE__ */ u("div", { "data-type": e, className: h, children: [
-    c ? /* @__PURE__ */ r("span", { className: f, children: c }) : null,
-    n ? /* @__PURE__ */ r("div", { className: g, children: n }) : null
+  return /* @__PURE__ */ m("div", { "data-type": e, className: d, children: [
+    c ? /* @__PURE__ */ r("span", { className: p, children: c }) : null,
+    n ? /* @__PURE__ */ r("div", { className: f, children: n }) : null
   ] });
 }
 const Tt = ({
   title: e,
   copiedTitle: t,
   tooltip: n,
-  icon: s,
-  copiedIcon: l,
-  className: a,
-  buttonTextClassName: c,
-  onClick: i
+  hoverTooltip: s,
+  icon: l,
+  copiedIcon: a,
+  className: c,
+  buttonTextClassName: i,
+  onClick: h
 }) => {
-  const [m, h] = j(!1), f = W(null), g = () => {
-    i(), h(!0), f.current && clearTimeout(f.current), f.current = setTimeout(() => {
-      h(!1);
+  const [d, p] = j(!1), f = W(null), v = () => {
+    h(), p(!0), f.current && clearTimeout(f.current), f.current = setTimeout(() => {
+      p(!1);
     }, 1e3);
   };
   return O(() => () => {
     f.current && clearTimeout(f.current);
-  }, []), /* @__PURE__ */ u("div", { className: "relative w-fit", children: [
+  }, []), /* @__PURE__ */ m("div", { className: "relative w-fit", title: s, children: [
     /* @__PURE__ */ r(
       Ge,
       {
-        title: m ? t : e,
+        title: d ? t : e,
         isSmallButton: !0,
-        disabled: m,
+        disabled: d,
         buttonClassName: F([
           "text-button-tertiary small-icon-button !h-6 !p-0",
-          a
+          c
         ]),
-        textClassName: F(["ml-1", c]),
-        onClick: g,
-        iconBefore: m ? l : s
+        textClassName: F(["ml-1", i]),
+        onClick: v,
+        iconBefore: d ? a : l
       }
     ),
-    n && m && /* @__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 && d && /* @__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({
@@ -866,11 +867,11 @@ function et({
   isChecked: a,
   isExpanded: c
 }) {
-  return /* @__PURE__ */ u("div", { className: "relative cursor-grabbing rounded bg-neutrals-200 shadow", children: [
+  return /* @__PURE__ */ m("div", { className: "relative cursor-grabbing rounded bg-neutrals-200 shadow", children: [
     /* @__PURE__ */ r("div", { className: "absolute -left-[0.5px] top-0.5 h-5 w-0.5 rounded-full bg-gradients-light" }),
-    /* @__PURE__ */ u("div", { className: "flex items-stretch overflow-hidden rounded", children: [
+    /* @__PURE__ */ m("div", { className: "flex items-stretch overflow-hidden rounded", children: [
       s ? /* @__PURE__ */ r("div", { className: "flex w-6 items-center justify-center", children: /* @__PURE__ */ r("span", { "aria-hidden": !0, className: "rounded p-1", children: /* @__PURE__ */ r(X, { size: 16 }) }) }) : null,
-      /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 items-center gap-2 p-1", children: [
+      /* @__PURE__ */ m("div", { className: "flex min-w-0 flex-1 items-center gap-2 p-1", children: [
         l ? /* @__PURE__ */ r(se, { id: e, checked: !!a, className: "p-0" }) : null,
         /* @__PURE__ */ r("span", { className: "body-3 truncate", children: t })
       ] }),
@@ -878,7 +879,7 @@ function et({
         "span",
         {
           "aria-hidden": !0,
-          className: p(
+          className: g(
             "transition-transform",
             c ? "rotate-90" : "rotate-0"
           ),
@@ -933,25 +934,25 @@ function nt({
   onToggleExpanded: c,
   onToggleChecked: i
 }) {
-  const m = !!t.items?.length, h = !!t.isExpanded, f = t.isDisabled ? !1 : t.draggable ?? !0, g = t.isDisabled ? !1 : t.checkable ?? !0, C = ae(e, t.id), {
+  const h = !!t.items?.length, d = !!t.isExpanded, p = t.isDisabled ? !1 : t.draggable ?? !0, f = t.isDisabled ? !1 : t.checkable ?? !0, v = ae(e, t.id), {
     attributes: N,
-    listeners: v,
+    listeners: C,
     setNodeRef: b,
-    setActivatorNodeRef: d,
+    setActivatorNodeRef: u,
     transform: o,
     transition: x,
     isDragging: w
-  } = Me({ id: C, disabled: !f }), S = {
+  } = Me({ id: v, disabled: !p }), S = {
     transform: je.Transform.toString(o),
     transition: x,
     opacity: w ? 0.6 : void 0
-  }, y = !!t.isDisabled, E = y || !g, D = [...e, t.id];
-  return /* @__PURE__ */ u(
+  }, y = !!t.isDisabled, E = y || !f, D = [...e, t.id];
+  return /* @__PURE__ */ m(
     "div",
     {
       ref: b,
       style: S,
-      className: p([
+      className: g([
         "group flex items-stretch overflow-hidden rounded bg-white",
         "select-none",
         y ? "opacity-50" : ""
@@ -960,22 +961,22 @@ function nt({
         n ? /* @__PURE__ */ r(
           "div",
           {
-            className: p([
+            className: g([
               "group/drag-handle flex w-6 items-center justify-center rounded",
               y ? "" : "hover:bg-neutrals-100 cursor-grab"
             ]),
             children: /* @__PURE__ */ r(
               "span",
               {
-                ref: d,
+                ref: u,
                 "aria-hidden": !0,
-                className: p([
+                className: g([
                   "rounded p-1",
-                  f ? "cursor-grab" : "cursor-default",
+                  p ? "cursor-grab" : "cursor-default",
                   "transition-opacity"
                 ]),
-                ...f ? v : {},
-                ...f ? N : {},
+                ...p ? C : {},
+                ...p ? N : {},
                 children: /* @__PURE__ */ r(
                   X,
                   {
@@ -987,7 +988,7 @@ function nt({
             )
           }
         ) : null,
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ m(
           "button",
           {
             type: "button",
@@ -1000,7 +1001,7 @@ function nt({
                 nativeEvent: k
               });
             },
-            className: p([
+            className: g([
               "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",
@@ -1012,7 +1013,7 @@ function nt({
                 {
                   id: `draggable-list-${D.join("-")}`,
                   checked: !!t.isChecked,
-                  disabled: !g,
+                  disabled: !f,
                   className: "p-0",
                   stopPropagation: !0,
                   onChange: (k, I) => i?.({
@@ -1026,7 +1027,7 @@ function nt({
             ]
           }
         ),
-        m ? /* @__PURE__ */ r(
+        h ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
@@ -1035,11 +1036,11 @@ function nt({
               k.stopPropagation(), c?.({
                 itemId: t.id,
                 path: D,
-                nextExpanded: !h
+                nextExpanded: !d
               });
             },
-            "aria-label": h ? "Collapse" : "Expand",
-            className: p([
+            "aria-label": d ? "Collapse" : "Expand",
+            className: g([
               "flex w-8 items-center justify-center rounded",
               y ? "" : "hover:bg-neutrals-100",
               "focus:outline-none"
@@ -1048,9 +1049,9 @@ function nt({
               "span",
               {
                 "aria-hidden": !0,
-                className: p(
+                className: g(
                   "transition-transform duration-150 ease-out",
-                  h ? "rotate-90" : "rotate-0"
+                  d ? "rotate-90" : "rotate-0"
                 ),
                 children: /* @__PURE__ */ r(Z, { size: 16 })
               }
@@ -1071,30 +1072,30 @@ function Pt({
   onItemClick: c,
   renderLabel: i
 }) {
-  const m = Le(
+  const h = Le(
     Oe(Fe, { activationConstraint: { distance: 6 } })
-  ), [h, f] = ue.useState(null), g = (v) => {
-    const b = String(v.active.id), d = $(b);
-    if (!d) return;
-    const o = tt(e, d.parentPath, d.itemId);
-    !o || o.type !== "item" || f({
+  ), [d, p] = ue.useState(null), f = (C) => {
+    const b = String(C.active.id), u = $(b);
+    if (!u) return;
+    const o = tt(e, u.parentPath, u.itemId);
+    !o || o.type !== "item" || p({
       id: b,
       label: o.label,
       hasChildren: !!o.items?.length,
       isChecked: o.isChecked,
       isExpanded: o.isExpanded
     });
-  }, C = (v) => {
-    f(null);
-    const b = v.over;
+  }, v = (C) => {
+    p(null);
+    const b = C.over;
     if (!b) return;
-    const d = $(String(v.active.id)), o = $(String(b.id));
-    if (!d || !o || d.parentPath.join("/") !== o.parentPath.join("/")) return;
-    const x = oe(e, d.parentPath);
+    const u = $(String(C.active.id)), o = $(String(b.id));
+    if (!u || !o || u.parentPath.join("/") !== o.parentPath.join("/")) return;
+    const x = oe(e, u.parentPath);
     if (!x) return;
-    const w = x.findIndex((E) => E.id === d.itemId), S = x.findIndex((E) => E.id === o.itemId);
+    const w = x.findIndex((E) => E.id === u.itemId), S = x.findIndex((E) => E.id === o.itemId);
     if (w === -1 || S === -1 || w === S) return;
-    const y = ce(e, d.parentPath, (E) => {
+    const y = ce(e, u.parentPath, (E) => {
       const D = E.filter(
         (R) => R.type === "item"
       ), k = Ye(D, w, S);
@@ -1106,19 +1107,19 @@ function Pt({
       });
     });
     s(y);
-  }, N = (v, b = []) => {
-    const d = v.filter((o) => o.type === "item").map((o) => ae(b, o.id));
+  }, N = (C, b = []) => {
+    const u = C.filter((o) => o.type === "item").map((o) => ae(b, o.id));
     return /* @__PURE__ */ r(
       Te,
       {
-        items: d,
+        items: u,
         strategy: Pe,
-        children: /* @__PURE__ */ r("ul", { className: "m-0 flex list-none flex-col gap-2 p-0", children: v.map((o) => o.type === "group" ? /* @__PURE__ */ u(
+        children: /* @__PURE__ */ r("ul", { className: "m-0 flex list-none flex-col gap-2 p-0", children: C.map((o) => o.type === "group" ? /* @__PURE__ */ m(
           "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__ */ m("div", { className: "h5 flex items-center gap-2 py-1 text-neutrals-1000", children: [
                 /* @__PURE__ */ r(xe, { size: 12, className: "shrink-0" }),
                 o.label
               ] }),
@@ -1126,7 +1127,7 @@ function Pt({
             ]
           },
           o.id
-        ) : /* @__PURE__ */ u("li", { className: "m-0 flex flex-col gap-2 p-0", children: [
+        ) : /* @__PURE__ */ m("li", { className: "m-0 flex flex-col gap-2 p-0", children: [
           /* @__PURE__ */ r(
             nt,
             {
@@ -1145,25 +1146,25 @@ function Pt({
       }
     );
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(
     Re,
     {
-      sensors: m,
+      sensors: h,
       collisionDetection: _e,
-      onDragStart: g,
-      onDragEnd: C,
+      onDragStart: f,
+      onDragEnd: v,
       children: [
         /* @__PURE__ */ r("div", { className: "flex flex-col", children: N(e) }),
-        /* @__PURE__ */ r(Ae, { children: h ? /* @__PURE__ */ r(
+        /* @__PURE__ */ r(Ae, { children: d ? /* @__PURE__ */ r(
           et,
           {
-            id: h.id,
-            label: h.label,
-            hasChildren: h.hasChildren,
+            id: d.id,
+            label: d.label,
+            hasChildren: d.hasChildren,
             showDragHandle: t,
             showCheckbox: n,
-            isChecked: h.isChecked,
-            isExpanded: h.isExpanded
+            isChecked: d.isChecked,
+            isExpanded: d.isExpanded
           }
         ) : null })
       ]

package/package.json

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