@epam/statgpt-ui-components 0.4.2 → 0.4.3

package/index.mjs

@@ -1,30 +1,30 @@
-import { jsx as s, jsxs as u, Fragment as q } from "react/jsx-runtime";
-import * as de from "react";
-import { useEffect as O, useState as j, useRef as W, useCallback as P, useMemo as U, useId as ue, createContext as Q, useContext as K } from "react";
-import p from "classnames";
-import { IconX as me, IconCalendarEvent as he, IconSquareCheckFilled as fe, IconChevronDown as pe, IconGripVertical as X, IconChevronRight as Z, IconDatabase as ge } from "@tabler/icons-react";
-import { extendTailwindMerge as xe } from "tailwind-merge";
-import be from "react-flatpickr";
+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 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 { CalendarResolution as A } from "@epam/statgpt-shared-toolkit";
-import { useFloating as J, useRole as Ne, useDismiss as ee, useInteractions as te, FloatingPortal as we, 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 { 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";
-const ne = ({
+const re = ({
   title: e,
   btnClassNames: t,
   iconWidth: n,
-  iconHeight: r,
-  onClick: a
-}) => /* @__PURE__ */ s(
+  iconHeight: s,
+  onClick: l
+}) => /* @__PURE__ */ r(
   "button",
   {
     type: "button",
     "aria-label": "button",
     className: t,
     title: e,
-    onClick: a,
-    children: /* @__PURE__ */ s(me, { height: r || 20, width: n || 20 })
+    onClick: l,
+    children: /* @__PURE__ */ r(he, { height: s || 20, width: n || 20 })
   }
 );
 var _ = /* @__PURE__ */ ((e) => (e.INFO = "info", e.ERROR = "error", e.SUCCESS = "success", e.IN_PROGRESS = "in_progress", e))(_ || {});
@@ -32,44 +32,44 @@ const ze = 3e4, bt = ({
   alertDetails: e,
   infoIcon: t,
   successIcon: n,
-  errorIcon: r,
-  onClose: a,
-  closeButtonTitle: l,
+  errorIcon: s,
+  onClose: l,
+  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 ? r : 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(() => {
-      a?.();
+    const v = setTimeout(() => {
+      l?.();
     }, ze);
-    return () => clearTimeout(C);
-  }, [e, m, a]), /* @__PURE__ */ s(
+    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__ */ s("div", { className: "alert-icon", children: f }),
-        /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 flex-col gap-2", children: [
-          /* @__PURE__ */ s("h3", { className: "alert-title truncate", children: e?.title }),
-          c ?? (g && /* @__PURE__ */ s(
+      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 ?? (f && /* @__PURE__ */ r(
             "div",
             {
               className: "alert-text whitespace-pre-line break-words",
-              title: g,
-              children: g
+              title: f,
+              children: f
             }
           ))
         ] }),
-        /* @__PURE__ */ s(ne, { title: l, onClick: a })
+        /* @__PURE__ */ r(re, { title: a, onClick: l })
       ] })
     }
   );
-}, He = () => /* @__PURE__ */ s("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ s("div", { className: "loader" }) }), $e = xe({
+}, He = () => /* @__PURE__ */ r("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ r("div", { className: "loader" }) }), $e = be({
   extend: {
     classGroups: {
       typography: [
@@ -87,43 +87,43 @@ const ze = 3e4, bt = ({
   }
 });
 function F(...e) {
-  return $e(p(...e));
+  return $e(g(...e));
 }
 const Ge = ({
   buttonClassName: e,
   textClassName: t,
   isLoading: n = !1,
-  title: r,
-  disabled: a,
-  iconAfter: l,
+  title: s,
+  disabled: l,
+  iconAfter: a,
   iconBefore: c,
   onClick: i,
-  isSmallButton: m
+  isSmallButton: h
 }) => {
-  const h = F([
-    m ? "font-semibold" : "",
-    l ? "mr-2" : "",
+  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: a || n,
+      disabled: l || n,
       "aria-label": "button",
-      onClick: (f) => i?.(f),
-      title: r,
+      onClick: (p) => i?.(p),
+      title: s,
       children: [
         c,
-        n && /* @__PURE__ */ s(He, {}),
-        r ? m ? /* @__PURE__ */ s("h4", { className: h, children: r }) : /* @__PURE__ */ s("h3", { className: h, children: r }) : null,
-        l
+        n && /* @__PURE__ */ r(He, {}),
+        s ? h ? /* @__PURE__ */ r("h4", { className: d, children: s }) : /* @__PURE__ */ r("h3", { className: d, children: s }) : null,
+        a
       ]
     }
   );
@@ -133,18 +133,18 @@ function Be(e = 719) {
     () => typeof window < "u" ? window.innerWidth < e : !1
   );
   return O(() => {
-    const r = window.matchMedia(`(max-width: ${e}px)`), a = (l) => {
-      n(l.matches);
+    const s = window.matchMedia(`(max-width: ${e}px)`), l = (a) => {
+      n(a.matches);
     };
-    return n(r.matches), r.addEventListener("change", a), () => r.removeEventListener("change", a);
+    return n(s.matches), s.addEventListener("change", l), () => s.removeEventListener("change", l);
   }, [e]), t;
 }
 function Nt(e, t) {
   const n = W(null);
   return P(
-    (...a) => {
+    (...l) => {
       n.current && clearTimeout(n.current), n.current = setTimeout(() => {
-        e(...a);
+        e(...l);
       }, t);
     },
     [e, t]
@@ -154,131 +154,131 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   label: e,
   onChange: t,
   value: n,
-  options: r,
-  calendarResolution: a = A.DAY,
-  id: l,
+  options: s,
+  calendarResolution: l = A.DAY,
+  id: a,
   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 = {
-    ...r,
+  const p = {
+    ...s,
     disableMobile: !0,
-    defaultDate: a === A.MONTH ? new Date(n.getFullYear(), n.getMonth()) : n
-  }, g = (N, v, b) => {
-    const d = `calendar__${a === A.MONTH ? "month" : "day"}`;
-    b.calendarContainer && b.calendarContainer.classList.add(d);
-  }, C = (N, v, b) => {
-    if (a === A.MONTH && N.length > 0) {
-      const d = r.minDate, o = r.maxDate, x = N[0].getFullYear(), w = b.calendarContainer, S = "flatpickr-disabled", y = w.querySelectorAll(
+    defaultDate: l === A.MONTH ? new Date(n.getFullYear(), n.getMonth()) : n
+  }, 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 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: [
-    /* @__PURE__ */ s("div", { className: "calendar-title mb-1", children: e }),
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ m("div", { className: "calendar relative", ref: h, children: [
+    /* @__PURE__ */ r("div", { className: "calendar-title mb-1", children: e }),
+    /* @__PURE__ */ r(
       "label",
       {
-        htmlFor: l,
+        htmlFor: a,
         className: "absolute right-[11px] top-[29px] cursor-pointer",
-        children: c || /* @__PURE__ */ s(he, {})
+        children: c || /* @__PURE__ */ r(fe, {})
       }
     ),
-    /* @__PURE__ */ s(
-      be,
+    /* @__PURE__ */ r(
+      Ne,
       {
-        defaultValue: (a === A.MONTH ? new Date(n.getFullYear(), n.getMonth()) : n)?.toDateString(),
-        options: f,
+        defaultValue: (l === A.MONTH ? new Date(n.getFullYear(), n.getMonth()) : n)?.toDateString(),
+        options: p,
         onChange: (N) => {
           t(N[0]);
         },
-        onOpen: [C],
-        onReady: [g],
-        id: l
+        onOpen: [v],
+        onReady: [f],
+        id: a
       }
     )
   ] });
-}, re = ({
+}, se = ({
   label: e,
   id: t,
   checked: n,
-  checkboxIcon: r,
-  onChange: a,
-  disabled: l = !1,
+  checkboxIcon: s,
+  onChange: l,
+  disabled: a = !1,
   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(), a?.(t, g.target.checked);
+  ), d = P(
+    (f) => {
+      i && f.stopPropagation(), l?.(t, f.target.checked);
     },
-    [a, t, i]
-  ), f = () => {
+    [l, t, i]
+  ), p = () => {
     if (n)
-      return r || /* @__PURE__ */ s(fe, { className: "absolute size-4" });
+      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",
-        l ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+        a ? "cursor-not-allowed opacity-50" : "cursor-pointer",
         c
       ),
       children: [
-        /* @__PURE__ */ s(
+        /* @__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__ */ s(
+        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,
             children: e
           }
         ) : null,
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ r(
           "input",
           {
             id: t,
             type: "checkbox",
             checked: n,
-            disabled: l,
-            onChange: h,
+            disabled: a,
+            onChange: d,
             className: "hidden"
           }
         )
@@ -289,49 +289,49 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   title: e,
   icon: t,
   children: n,
-  value: r
+  value: s
 }) => {
-  const [a, l] = j(!1);
-  return /* @__PURE__ */ u(
+  const [l, a] = j(!1);
+  return /* @__PURE__ */ m(
     "div",
     {
-      className: `collapsible-block flex flex-col border-t-2 border-neutrals-600 ${a ? "collapsible-block-open" : ""}`,
+      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: () => l(!a),
+            onClick: () => a(!l),
             children: [
-              /* @__PURE__ */ s("div", { className: `${a ? "rotate-180" : ""} transition-transform`, children: t || /* @__PURE__ */ s(pe, { className: "mr-3 size-5" }) }),
-              /* @__PURE__ */ u("div", { className: "flex flex-1 items-center justify-between", children: [
-                /* @__PURE__ */ s("span", { children: e }),
-                r && /* @__PURE__ */ s("p", { className: "body-1 text-neutrals-800", children: r })
+              /* @__PURE__ */ r("div", { className: `${l ? "rotate-180" : ""} transition-transform`, children: t || /* @__PURE__ */ r(ge, { className: "mr-3 size-5" }) }),
+              /* @__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 })
               ] })
             ]
           }
         ),
-        a && /* @__PURE__ */ s("div", { className: "collapsible-block-content pb-4", children: n })
+        l && /* @__PURE__ */ r("div", { className: "collapsible-block-content pb-4", children: n })
       ]
     }
   );
 }, Et = ({ text: e, highlightText: t }) => {
   const n = U(() => {
-    const r = [];
+    const s = [];
     if (!t)
       return [{ id: 0, text: e, highlight: !1 }];
-    const a = t?.toLowerCase() || "", l = e?.toLowerCase()?.split(a) || "";
-    for (let c = 0, i = 0; c < l?.length; c++) {
-      const m = l?.[c], h = m.length;
-      m !== "" && r.push({
-        id: r.length,
+    const l = t?.toLowerCase() || "", a = e?.toLowerCase()?.split(l) || "";
+    for (let c = 0, i = 0; c < a?.length; c++) {
+      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 !== l?.length - 1 && (r.push({
-        id: r.length,
+      }), i += d, c !== a?.length - 1 && (s.push({
+        id: s.length,
         highlight: !0,
         text: e?.substring(
           i,
@@ -339,34 +339,34 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
         )
       }), i += t.length);
     }
-    return r;
+    return s;
   }, [t, e]);
-  return /* @__PURE__ */ s(q, { children: n.map((r) => /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(q, { children: n.map((s) => /* @__PURE__ */ r(
     "span",
     {
-      className: p(r?.highlight && "bg-highlight"),
-      children: r?.text
+      className: g(s?.highlight && "bg-highlight"),
+      children: s?.text
     },
-    r?.id
+    s?.id
   )) });
 }, It = ({
   icon: e,
   onClick: t,
   buttonClassName: n,
-  disabled: r,
-  title: a,
-  isBaseIconStyles: l = !0
-}) => /* @__PURE__ */ s(
+  disabled: s,
+  title: l,
+  isBaseIconStyles: a = !0
+}) => /* @__PURE__ */ r(
   "button",
   {
     type: "button",
-    className: p(
-      l && "base-icon-button",
+    className: g(
+      a && "base-icon-button",
       n
     ),
     onClick: (c) => t?.(c),
-    disabled: r,
-    title: a,
+    disabled: s,
+    title: l,
     "aria-label": "button",
     children: e
   }
@@ -374,53 +374,53 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   value: e,
   inputId: t,
   placeholder: n = "",
-  cssClass: r = "",
-  type: a = "text",
-  disabled: l,
+  cssClass: s = "",
+  type: l = "text",
+  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",
-    r,
+    s,
     c ? "pointer-events-none" : ""
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "input",
     {
-      type: a,
+      type: l,
       autoComplete: "off",
       id: t,
       placeholder: n,
       value: e || "",
       title: e ? String(e) : "",
-      disabled: l,
-      className: g,
-      onKeyDown: m,
-      onFocus: h,
-      onBlur: f,
-      onChange: (C) => i?.(C.currentTarget.value)
+      disabled: a,
+      className: f,
+      onKeyDown: h,
+      onFocus: d,
+      onBlur: p,
+      onChange: (v) => i?.(v.currentTarget.value)
     }
   );
 }, St = ({
   iconBeforeInput: e,
   iconAfterInput: t,
   containerClasses: n,
-  cssClass: r,
-  ...a
-}) => /* @__PURE__ */ u("div", { className: p("input w-full flex flex-row", n), children: [
+  cssClass: s,
+  ...l
+}) => /* @__PURE__ */ m("div", { className: g("input w-full flex flex-row", n), children: [
   e,
-  /* @__PURE__ */ s(
+  /* @__PURE__ */ r(
     Ue,
     {
-      cssClass: p(
+      cssClass: g(
         "border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",
-        r
+        s
       ),
-      ...a
+      ...l
     }
   ),
   t
@@ -428,74 +428,74 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
   url: e,
   title: t,
   linkClassName: n = "",
-  iconBefore: r,
-  iconAfter: a
+  iconBefore: s,
+  iconAfter: l
 }) => {
-  const l = p(
-    a ? "mr-2" : "",
-    r ? "ml-2" : ""
+  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: [
-        r,
-        /* @__PURE__ */ s("span", { className: l, children: t }),
-        a
+        s,
+        /* @__PURE__ */ r("span", { className: a, children: t }),
+        l
       ]
     }
   );
-}, Dt = ({ title: e, text: t, disabled: n, onClick: r }) => /* @__PURE__ */ s(
+}, Dt = ({ title: e, text: t, disabled: n, onClick: s }) => /* @__PURE__ */ r(
   "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"
     ),
     disabled: n,
-    onClick: () => r?.(t || e),
+    onClick: () => s?.(t || e),
     "aria-label": "button",
-    children: /* @__PURE__ */ s("h4", { children: e })
+    children: /* @__PURE__ */ r("h4", { children: e })
   }
 ), Lt = ({
   label: e,
   id: t,
   checked: n,
-  radioIcon: r,
-  description: a,
-  onChange: l
+  radioIcon: s,
+  description: l,
+  onChange: a
 }) => {
   const c = P(
     (i) => {
-      i.stopPropagation(), l?.(t, i.target.checked);
+      i.stopPropagation(), a?.(t, i.target.checked);
     },
-    [l, t]
+    [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__ */ s(
+        /* @__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" : ""
               ),
-              children: n && r
+              children: n && s
             }
           ),
-          e && /* @__PURE__ */ s(
+          e && /* @__PURE__ */ r(
             "span",
             {
               className: "radio-title body-1 min-w-0 flex-1 truncate pr-2 text-neutrals-1000",
@@ -504,15 +504,15 @@ const wt = 24, vt = 24, V = 1e3, We = 24, Ct = ({
             }
           )
         ] }),
-        a && /* @__PURE__ */ s(
+        l && /* @__PURE__ */ r(
           "span",
           {
             className: "radio-description body-2 ml-6 flex w-auto items-center text-neutrals-800",
-            title: a,
-            children: a
+            title: l,
+            children: l
           }
         ),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ r(
           "input",
           {
             type: "radio",
@@ -531,91 +531,91 @@ const Ve = ({
   portalId: e,
   state: t = T.Opened,
   heading: n,
-  size: r,
-  onClose: a,
-  children: l,
+  size: s,
+  onClose: l,
+  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: a
-  }), C = Ne(g, { role: "dialog" }), N = ee(g, { outsidePress: !0 }), { getFloatingProps: v } = te([C, N]), b = P(
-    (d) => {
-      d?.preventDefault(), d?.stopPropagation(), a();
+    onOpenChange: l
+  }), v = we(f, { role: "dialog" }), N = ee(f, { outsidePress: !0 }), { getFloatingProps: C } = te([v, N]), b = P(
+    (u) => {
+      u?.preventDefault(), u?.stopPropagation(), l();
     },
-    [a]
+    [l]
   );
-  return /* @__PURE__ */ s(we, { id: e, children: t !== T.Closed && /* @__PURE__ */ s(
+  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__ */ s(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",
-            r === G.LG && "max-w-[65%]",
-            r === G.SM && "max-w-[30%]",
-            m && "divide-neutrals-400 divide-y",
+            s === G.LG && "max-w-[65%]",
+            s === G.SM && "max-w-[30%]",
+            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: [
-              n && (typeof n == "string" ? /* @__PURE__ */ s("h2", { className: "modal-heading-title sm:h3 mr-3 min-w-0 flex-1", children: n }) : n),
-              /* @__PURE__ */ s(
-                ne,
+            /* @__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"
                 }
               )
             ] }),
-            l.map((d) => d)
+            a.map((u) => u)
           ]
         }
       ) })
     }
   ) });
-}, Ot = (e) => e.state === T.Closed ? null : /* @__PURE__ */ s(Ve, { ...e }), H = "statgpt-dropdown-open", L = 8, qe = {
+}, Ot = (e) => e.state === T.Closed ? null : /* @__PURE__ */ r(Ve, { ...e }), H = "statgpt-dropdown-open", L = 8, qe = {
   name: "keepDropdownWithinViewport",
   fn({ y: e, rects: t }) {
     if (typeof window > "u")
       return {};
-    const n = document.documentElement.clientHeight || window.innerHeight, r = Math.min(
+    const n = document.documentElement.clientHeight || window.innerHeight, s = Math.min(
       t.floating.height,
       Math.max(0, n - L * 2)
-    ), a = L, l = n - r - L;
+    ), l = L, a = n - s - L;
     return {
-      y: Math.min(Math.max(e, a), Math.max(a, l))
+      y: Math.min(Math.max(e, l), Math.max(l, a))
     };
   }
 }, Ft = ({
   triggerButton: e,
   options: t,
   content: n,
-  selectedOption: r,
-  disabled: a,
-  containerClassName: l,
+  selectedOption: s,
+  disabled: l,
+  containerClassName: a,
   openedClassName: c,
   onOptionSelect: i
 }) => {
-  const m = ue(), [h, f] = j(!1), { refs: g, floatingStyles: C, context: N } = J({
-    open: h,
-    onOpenChange: a ? 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,64 +634,64 @@ 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(() => {
-    a && f(!1);
-  }, [a]), /* @__PURE__ */ u(q, { children: [
-    /* @__PURE__ */ s(
+  }, [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(l, h && c),
+        className: g(a, d && c),
         children: e
       }
     ),
-    h && /* @__PURE__ */ u(
+    d && /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ m(
       "div",
       {
-        ref: g.setFloating,
-        style: { ...C, overflowY: "auto" },
-        className: "dropdown-menu-shadow dropdown-container z-10 flex flex-col rounded bg-white",
+        ref: f.setFloating,
+        style: { ...v, overflowY: "auto" },
+        className: "dropdown-menu-shadow dropdown-container z-dropdown flex flex-col rounded bg-white",
         ...o(),
         children: [
           n && n,
-          t && t.map((x) => /* @__PURE__ */ s(
+          t && t.map((x) => /* @__PURE__ */ r(
             "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]",
-                r === x.key && "bg-hues-100"
+                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",
                   title: x.title,
                   children: [
                     x.icon ? x.icon : null,
-                    /* @__PURE__ */ s("p", { children: x?.title })
+                    /* @__PURE__ */ r("p", { children: x?.title })
                   ]
                 }
               )
@@ -700,17 +700,17 @@ 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__ */ s("div", { className: "flex gap-x-[4px]", children: /* @__PURE__ */ s("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__ */ s("span", { className: "body-3 text-neutrals-800", children: e?.excelFormatText })
+    /* @__PURE__ */ r("span", { className: "body-3 text-neutrals-800", children: e?.excelFormatText })
   ] }) }) }),
-  /* @__PURE__ */ s("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
   ] }) })
@@ -718,24 +718,24 @@ const Ve = ({
   limitMessages: e,
   isDownload: t,
   showAdvancedViewButton: n,
-  onAdvancedViewClick: r,
-  query: a
-}) => /* @__PURE__ */ u(
+  onAdvancedViewClick: s,
+  query: l
+}) => /* @__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__ */ s("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 items-center gap-x-2", children: [
+        /* @__PURE__ */ r("span", { children: e?.warningIcon }),
+        /* @__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
                 ),
@@ -746,10 +746,10 @@ const Ve = ({
                 ]
               }
             ),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ r(
               "span",
               {
-                className: p(
+                className: g(
                   "text-neutrals-800 body-3",
                   e?.limitMessageClassName
                 ),
@@ -757,10 +757,10 @@ const Ve = ({
               }
             )
           ] }),
-          t && /* @__PURE__ */ s(
+          t && /* @__PURE__ */ r(
             "span",
             {
-              className: p(
+              className: g(
                 "text-neutrals-800 body-3",
                 e?.limitMessageClassName
               ),
@@ -769,10 +769,10 @@ const Ve = ({
           )
         ] })
       ] }),
-      n && /* @__PURE__ */ u(
+      n && /* @__PURE__ */ m(
         "span",
         {
-          onClick: () => r?.(),
+          onClick: () => s?.(),
           className: "h4 flex cursor-pointer items-center gap-x-[4px] text-primary",
           children: [
             e?.editIcon,
@@ -780,22 +780,22 @@ const Ve = ({
           ]
         }
       ),
-      t && /* @__PURE__ */ s("a", { href: a || "", 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
       ] }) })
     ]
   }
-), se = Q(null);
+), le = Q(null);
 function At({
   value: e,
   children: t
 }) {
   const n = U(() => e ?? {}, [e]);
-  return /* @__PURE__ */ s(se.Provider, { value: n, children: t });
+  return /* @__PURE__ */ r(le.Provider, { value: n, children: t });
 }
 function Qe() {
-  return K(se);
+  return K(le);
 }
 var M = /* @__PURE__ */ ((e) => (e.Info = "info", e.Error = "error", e.Warning = "warning", e.Note = "note", e))(M || {});
 const Ke = {
@@ -808,81 +808,82 @@ function Mt({
   type: e,
   icon: t,
   children: n,
-  className: r,
-  contentClassName: a
+  className: s,
+  contentClassName: l
 }) {
-  const l = Qe(), c = t ?? l?.icons?.[e], i = l?.classes?.container ?? Je, m = l?.classes?.types?.[e] ?? Ke[e], h = F(i, m, r), f = F(Xe, l?.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,
-    l?.classes?.content,
-    a
+    a?.classes?.content,
+    l
   );
-  return /* @__PURE__ */ u("div", { "data-type": e, className: h, children: [
-    c ? /* @__PURE__ */ s("span", { className: f, children: c }) : null,
-    n ? /* @__PURE__ */ s("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: r,
+  hoverTooltip: s,
+  icon: l,
   copiedIcon: a,
-  className: l,
-  buttonTextClassName: c,
-  onClick: i
+  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__ */ s(
+  }, []), /* @__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",
-          l
+          c
         ]),
-        textClassName: F(["ml-1", c]),
-        onClick: g,
-        iconBefore: m ? a : r
+        textClassName: F(["ml-1", i]),
+        onClick: v,
+        iconBefore: d ? a : l
       }
     ),
-    n && m && /* @__PURE__ */ s("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({
   id: e,
   label: t,
   hasChildren: n,
-  showDragHandle: r,
-  showCheckbox: a,
-  isChecked: l,
+  showDragHandle: s,
+  showCheckbox: l,
+  isChecked: a,
   isExpanded: c
 }) {
-  return /* @__PURE__ */ u("div", { className: "relative cursor-grabbing rounded bg-neutrals-200 shadow", children: [
-    /* @__PURE__ */ s("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: [
-      r ? /* @__PURE__ */ s("div", { className: "flex w-6 items-center justify-center", children: /* @__PURE__ */ s("span", { "aria-hidden": !0, className: "rounded p-1", children: /* @__PURE__ */ s(X, { size: 16 }) }) }) : null,
-      /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 items-center gap-2 p-1", children: [
-        a ? /* @__PURE__ */ s(re, { id: e, checked: !!l, className: "p-0" }) : null,
-        /* @__PURE__ */ s("span", { className: "body-3 truncate", children: t })
+  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__ */ 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__ */ 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 })
       ] }),
-      n ? /* @__PURE__ */ s("div", { className: "flex w-8 items-center justify-center", children: /* @__PURE__ */ s(
+      n ? /* @__PURE__ */ r("div", { className: "flex w-8 items-center justify-center", children: /* @__PURE__ */ r(
         "span",
         {
           "aria-hidden": !0,
-          className: p(
+          className: g(
             "transition-transform",
             c ? "rotate-90" : "rotate-0"
           ),
-          children: /* @__PURE__ */ s(Z, { size: 16 })
+          children: /* @__PURE__ */ r(Z, { size: 16 })
         }
       ) }) : null
     ] })
@@ -900,83 +901,83 @@ function $(e) {
   } : null;
 }
 function tt(e, t, n) {
-  const r = ie(e, t);
-  return r ? r.find((a) => a.id === n) ?? null : null;
+  const s = oe(e, t);
+  return s ? s.find((l) => l.id === n) ?? null : null;
 }
-function le(e, t) {
+function ie(e, t) {
   if (t.length === 0) return e;
-  const [n, ...r] = t, a = e.find((l) => l.id === n);
-  return a?.items ? le(a.items, r) : null;
+  const [n, ...s] = t, l = e.find((a) => a.id === n);
+  return l?.items ? ie(l.items, s) : null;
 }
-function ie(e, t) {
-  const n = le(e, t);
+function oe(e, t) {
+  const n = ie(e, t);
   return n ? n.filter(
-    (r) => r.type === "item"
+    (s) => s.type === "item"
   ) : null;
 }
-function oe(e, t, n) {
+function ce(e, t, n) {
   if (t.length === 0)
     return n(e);
-  const [r, ...a] = t;
-  return e.map((l) => l.id !== r || !l.items ? l : {
-    ...l,
-    items: oe(l.items, a, n)
+  const [s, ...l] = t;
+  return e.map((a) => a.id !== s || !a.items ? a : {
+    ...a,
+    items: ce(a.items, l, n)
   });
 }
 function nt({
   parentPath: e,
   item: t,
   showDragHandle: n,
-  showCheckbox: r,
-  renderLabel: a,
-  onItemClick: l,
+  showCheckbox: s,
+  renderLabel: l,
+  onItemClick: a,
   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" : ""
       ]),
       children: [
-        n ? /* @__PURE__ */ s(
+        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__ */ s(
+            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 : {},
-                children: /* @__PURE__ */ s(
+                ...p ? C : {},
+                ...p ? N : {},
+                children: /* @__PURE__ */ r(
                   X,
                   {
                     size: 16,
@@ -987,32 +988,32 @@ function nt({
             )
           }
         ) : null,
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ m(
           "button",
           {
             type: "button",
             disabled: y,
             "aria-disabled": E,
             onClick: (k) => {
-              E || l?.({
+              E || a?.({
                 itemId: t.id,
                 path: D,
                 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",
               "focus:outline-none"
             ]),
             children: [
-              r ? /* @__PURE__ */ s(
-                re,
+              s ? /* @__PURE__ */ r(
+                se,
                 {
                   id: `draggable-list-${D.join("-")}`,
                   checked: !!t.isChecked,
-                  disabled: !g,
+                  disabled: !f,
                   className: "p-0",
                   stopPropagation: !0,
                   onChange: (k, I) => i?.({
@@ -1022,11 +1023,11 @@ function nt({
                   })
                 }
               ) : null,
-              /* @__PURE__ */ s("span", { className: "body-3 truncate text-neutrals-800", children: a ? a(t) : t.label })
+              /* @__PURE__ */ r("span", { className: "body-3 truncate text-neutrals-800", children: l ? l(t) : t.label })
             ]
           }
         ),
-        m ? /* @__PURE__ */ s(
+        h ? /* @__PURE__ */ r(
           "button",
           {
             type: "button",
@@ -1035,24 +1036,24 @@ 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"
             ]),
-            children: /* @__PURE__ */ s(
+            children: /* @__PURE__ */ r(
               "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__ */ s(Z, { size: 16 })
+                children: /* @__PURE__ */ r(Z, { size: 16 })
               }
             )
           }
@@ -1065,36 +1066,36 @@ function Pt({
   items: e,
   showDragHandle: t = !0,
   showCheckbox: n = !0,
-  onItemsChange: r,
-  onToggleExpanded: a,
-  onToggleChecked: l,
+  onItemsChange: s,
+  onToggleExpanded: l,
+  onToggleChecked: a,
   onItemClick: c,
   renderLabel: i
 }) {
-  const m = Le(
+  const h = Le(
     Oe(Fe, { activationConstraint: { distance: 6 } })
-  ), [h, f] = de.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 = ie(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 = oe(e, d.parentPath, (E) => {
+    const y = ce(e, u.parentPath, (E) => {
       const D = E.filter(
         (R) => R.type === "item"
       ), k = Ye(D, w, S);
@@ -1105,29 +1106,29 @@ function Pt({
         return I += 1, z;
       });
     });
-    r(y);
-  }, N = (v, b = []) => {
-    const d = v.filter((o) => o.type === "item").map((o) => ae(b, o.id));
-    return /* @__PURE__ */ s(
+    s(y);
+  }, 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__ */ s("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__ */ s(ge, { size: 12, className: "shrink-0" }),
+              /* @__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
               ] }),
-              /* @__PURE__ */ s("div", { className: "border-l border-neutrals-600 pl-2", children: N(o.items, [...b, o.id]) })
+              /* @__PURE__ */ r("div", { className: "border-l border-neutrals-600 pl-2", children: N(o.items, [...b, o.id]) })
             ]
           },
           o.id
-        ) : /* @__PURE__ */ u("li", { className: "m-0 flex flex-col gap-2 p-0", children: [
-          /* @__PURE__ */ s(
+        ) : /* @__PURE__ */ m("li", { className: "m-0 flex flex-col gap-2 p-0", children: [
+          /* @__PURE__ */ r(
             nt,
             {
               parentPath: b,
@@ -1136,34 +1137,34 @@ function Pt({
               showCheckbox: n,
               renderLabel: i,
               onItemClick: c,
-              onToggleExpanded: a,
-              onToggleChecked: l
+              onToggleExpanded: l,
+              onToggleChecked: a
             }
           ),
-          o.items?.length && o.isExpanded ? /* @__PURE__ */ s("div", { className: "pl-7", children: N(o.items, [...b, o.id]) }) : null
+          o.items?.length && o.isExpanded ? /* @__PURE__ */ r("div", { className: "pl-7", children: N(o.items, [...b, o.id]) }) : null
         ] }, o.id)) })
       }
     );
   };
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ m(
     Re,
     {
-      sensors: m,
+      sensors: h,
       collisionDetection: _e,
-      onDragStart: g,
-      onDragEnd: C,
+      onDragStart: f,
+      onDragEnd: v,
       children: [
-        /* @__PURE__ */ s("div", { className: "flex flex-col", children: N(e) }),
-        /* @__PURE__ */ s(Ae, { children: h ? /* @__PURE__ */ s(
+        /* @__PURE__ */ r("div", { className: "flex flex-col", children: N(e) }),
+        /* @__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 })
       ]
@@ -1172,50 +1173,50 @@ function Pt({
 }
 const rt = (e, t) => e.label.toLowerCase().includes(t);
 function Yt(e, t, n = {}) {
-  const r = at(t);
-  if (!r)
+  const s = lt(t);
+  if (!s)
     return e;
   const {
-    expandMatchedBranches: a = !0,
-    includeGroupDescendantsOnMatch: l = !0,
+    expandMatchedBranches: l = !0,
+    includeGroupDescendantsOnMatch: a = !0,
     includeItemDescendantsOnMatch: c = !1,
     match: i = rt
   } = n;
-  return B(e, r, {
-    expandMatchedBranches: a,
-    includeGroupDescendantsOnMatch: l,
+  return B(e, s, {
+    expandMatchedBranches: l,
+    includeGroupDescendantsOnMatch: a,
     includeItemDescendantsOnMatch: c,
     match: i
   }) ?? [];
 }
 function B(e, t, n) {
-  const r = [];
-  for (const a of e) {
-    const l = st(a, t, n);
-    l && r.push(l);
+  const s = [];
+  for (const l of e) {
+    const a = st(l, t, n);
+    a && s.push(a);
   }
-  return r.length ? r : null;
+  return s.length ? s : null;
 }
 function st(e, t, n) {
-  const r = n.match(e, t);
+  const s = n.match(e, t);
   if (e.type === "group") {
-    if (r && n.includeGroupDescendantsOnMatch)
+    if (s && n.includeGroupDescendantsOnMatch)
       return Y(e, n.expandMatchedBranches);
     const c = e.items?.length ? B(e.items, t, n) : null;
-    return !r && !c ? null : {
+    return !s && !c ? null : {
       ...e,
       items: c ?? []
     };
   }
-  const a = e.items?.length ? B(e.items, t, n) : null;
-  if (r && n.includeItemDescendantsOnMatch)
+  const l = e.items?.length ? B(e.items, t, n) : null;
+  if (s && n.includeItemDescendantsOnMatch)
     return Y(e, n.expandMatchedBranches);
-  if (!r && !a)
+  if (!s && !l)
     return null;
-  const l = {
+  const a = {
     ...e
   };
-  return a ? (l.items = a, n.expandMatchedBranches && (l.isExpanded = !0)) : delete l.items, l;
+  return l ? (a.items = l, n.expandMatchedBranches && (a.isExpanded = !0)) : delete a.items, a;
 }
 function Y(e, t) {
   return e.type === "group" ? {
@@ -1229,20 +1230,20 @@ function Y(e, t) {
     items: e.items?.map((n) => Y(n, t))
   };
 }
-function at(e) {
+function lt(e) {
   return e.trim().toLowerCase();
 }
-var lt = /* @__PURE__ */ ((e) => (e.Enter = "Enter", e))(lt || {});
-const ce = Q(null);
+var at = /* @__PURE__ */ ((e) => (e.Enter = "Enter", e))(at || {});
+const de = Q(null);
 function jt({
   children: e,
   isAgentAvailable: t
 }) {
   const n = U(() => ({ isAgentAvailable: t }), [t]);
-  return /* @__PURE__ */ s(ce.Provider, { value: n, children: e });
+  return /* @__PURE__ */ r(de.Provider, { value: n, children: e });
 }
 function zt() {
-  const e = K(ce);
+  const e = K(de);
   if (!e)
     throw new Error(
       "useAgentAvailability must be used within AgentAvailabilityProvider"
@@ -1256,8 +1257,8 @@ export {
   Ge as Button,
   We as CALENDAR_MOBILE_PADDING,
   Ct as Calendar,
-  re as Checkbox,
-  ne as CloseButton,
+  se as Checkbox,
+  re as CloseButton,
   yt as CollapsibleBlock,
   Tt as CopyButton,
   Rt as DownloadFormatMessage,
@@ -1270,7 +1271,7 @@ export {
   M as InlineAlertType,
   Ue as Input,
   St as InputWithIcon,
-  lt as KeyboardKey,
+  at as KeyboardKey,
   kt as Link,
   He as Loader,
   G as PopUpSize,