@epam/statgpt-ui-components 0.7.0-dev.3 → 0.7.0-dev.30

package/index.mjs

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