konsolpro-custom-ui 0.0.327

package/dist/chunks/scroll-area-TRRhxrjX.js

@@ -0,0 +1,629 @@
+var me = Object.defineProperty, Se = Object.defineProperties;
+var pe = Object.getOwnPropertyDescriptors;
+var Y = Object.getOwnPropertySymbols;
+var Q = Object.prototype.hasOwnProperty, Z = Object.prototype.propertyIsEnumerable;
+var K = (e, o, r) => o in e ? me(e, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[o] = r, S = (e, o) => {
+  for (var r in o || (o = {}))
+    Q.call(o, r) && K(e, r, o[r]);
+  if (Y)
+    for (var r of Y(o))
+      Z.call(o, r) && K(e, r, o[r]);
+  return e;
+}, v = (e, o) => Se(e, pe(o));
+var g = (e, o) => {
+  var r = {};
+  for (var n in e)
+    Q.call(e, n) && o.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && Y)
+    for (var n of Y(e))
+      o.indexOf(n) < 0 && Z.call(e, n) && (r[n] = e[n]);
+  return r;
+};
+import { jsx as m, jsxs as re, Fragment as ve } from "react/jsx-runtime";
+import * as c from "react";
+import { P as W } from "./index-BJD1rYeT.js";
+import { P as B } from "./index-PsqJG3fE.js";
+import { c as we } from "./index-E4d_Gd-w.js";
+import { u as _ } from "./index-DLcqcWxM.js";
+import { u as A } from "./index-DwYXX2sM.js";
+import { u as ge } from "./index-ByaXH_ih.js";
+import { u as Pe } from "./index-DuekHEmj.js";
+import { c as T } from "./index-DLeNytVF.js";
+import { c as j } from "./utils-TbLXCoKm.js";
+function Ce(e, [o, r]) {
+  return Math.min(r, Math.max(o, e));
+}
+function Re(e, o) {
+  return c.useReducer((r, n) => {
+    const t = o[r][n];
+    return t != null ? t : r;
+  }, e);
+}
+var q = "ScrollArea", [oe, Je] = we(q), [Ee, P] = oe(q), te = c.forwardRef(
+  (e, o) => {
+    const C = e, {
+      __scopeScrollArea: r,
+      type: n = "hover",
+      dir: t,
+      scrollHideDelay: l = 600
+    } = C, a = g(C, [
+      "__scopeScrollArea",
+      "type",
+      "dir",
+      "scrollHideDelay"
+    ]), [i, s] = c.useState(null), [f, h] = c.useState(null), [d, b] = c.useState(null), [u, p] = c.useState(null), [y, D] = c.useState(null), [E, H] = c.useState(0), [$, z] = c.useState(0), [O, N] = c.useState(!1), [I, M] = c.useState(!1), X = _(o, (x) => s(x)), w = ge(t);
+    return /* @__PURE__ */ m(
+      Ee,
+      {
+        scope: r,
+        type: n,
+        dir: w,
+        scrollHideDelay: l,
+        scrollArea: i,
+        viewport: f,
+        onViewportChange: h,
+        content: d,
+        onContentChange: b,
+        scrollbarX: u,
+        onScrollbarXChange: p,
+        scrollbarXEnabled: O,
+        onScrollbarXEnabledChange: N,
+        scrollbarY: y,
+        onScrollbarYChange: D,
+        scrollbarYEnabled: I,
+        onScrollbarYEnabledChange: M,
+        onCornerWidthChange: H,
+        onCornerHeightChange: z,
+        children: /* @__PURE__ */ m(
+          W.div,
+          v(S({
+            dir: w
+          }, a), {
+            ref: X,
+            style: S({
+              position: "relative",
+              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
+              "--radix-scroll-area-corner-width": E + "px",
+              "--radix-scroll-area-corner-height": $ + "px"
+            }, e.style)
+          })
+        )
+      }
+    );
+  }
+);
+te.displayName = q;
+var ne = "ScrollAreaViewport", le = c.forwardRef(
+  (e, o) => {
+    const f = e, { __scopeScrollArea: r, children: n, nonce: t } = f, l = g(f, ["__scopeScrollArea", "children", "nonce"]), a = P(ne, r), i = c.useRef(null), s = _(o, i, a.onViewportChange);
+    return /* @__PURE__ */ re(ve, { children: [
+      /* @__PURE__ */ m(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
+          },
+          nonce: t
+        }
+      ),
+      /* @__PURE__ */ m(
+        W.div,
+        v(S({
+          "data-radix-scroll-area-viewport": ""
+        }, l), {
+          ref: s,
+          style: S({
+            /**
+             * We don't support `visible` because the intention is to have at least one scrollbar
+             * if this component is used and `visible` will behave like `auto` in that case
+             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description
+             *
+             * We don't handle `auto` because the intention is for the native implementation
+             * to be hidden if using this component. We just want to ensure the node is scrollable
+             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
+             * the browser from having to work out whether to render native scrollbars or not,
+             * we tell it to with the intention of hiding them in CSS.
+             */
+            overflowX: a.scrollbarXEnabled ? "scroll" : "hidden",
+            overflowY: a.scrollbarYEnabled ? "scroll" : "hidden"
+          }, e.style),
+          children: /* @__PURE__ */ m("div", { ref: a.onContentChange, style: { minWidth: "100%", display: "table" }, children: n })
+        })
+      )
+    ] });
+  }
+);
+le.displayName = ne;
+var R = "ScrollAreaScrollbar", ce = c.forwardRef(
+  (e, o) => {
+    const s = e, { forceMount: r } = s, n = g(s, ["forceMount"]), t = P(R, e.__scopeScrollArea), { onScrollbarXEnabledChange: l, onScrollbarYEnabledChange: a } = t, i = e.orientation === "horizontal";
+    return c.useEffect(() => (i ? l(!0) : a(!0), () => {
+      i ? l(!1) : a(!1);
+    }), [i, l, a]), t.type === "hover" ? /* @__PURE__ */ m(Ae, v(S({}, n), { ref: o, forceMount: r })) : t.type === "scroll" ? /* @__PURE__ */ m(Te, v(S({}, n), { ref: o, forceMount: r })) : t.type === "auto" ? /* @__PURE__ */ m(ae, v(S({}, n), { ref: o, forceMount: r })) : t.type === "always" ? /* @__PURE__ */ m(G, v(S({}, n), { ref: o })) : null;
+  }
+);
+ce.displayName = R;
+var Ae = c.forwardRef((e, o) => {
+  const i = e, { forceMount: r } = i, n = g(i, ["forceMount"]), t = P(R, e.__scopeScrollArea), [l, a] = c.useState(!1);
+  return c.useEffect(() => {
+    const s = t.scrollArea;
+    let f = 0;
+    if (s) {
+      const h = () => {
+        window.clearTimeout(f), a(!0);
+      }, d = () => {
+        f = window.setTimeout(() => a(!1), t.scrollHideDelay);
+      };
+      return s.addEventListener("pointerenter", h), s.addEventListener("pointerleave", d), () => {
+        window.clearTimeout(f), s.removeEventListener("pointerenter", h), s.removeEventListener("pointerleave", d);
+      };
+    }
+  }, [t.scrollArea, t.scrollHideDelay]), /* @__PURE__ */ m(B, { present: r || l, children: /* @__PURE__ */ m(
+    ae,
+    v(S({
+      "data-state": l ? "visible" : "hidden"
+    }, n), {
+      ref: o
+    })
+  ) });
+}), Te = c.forwardRef((e, o) => {
+  const f = e, { forceMount: r } = f, n = g(f, ["forceMount"]), t = P(R, e.__scopeScrollArea), l = e.orientation === "horizontal", a = F(() => s("SCROLL_END"), 100), [i, s] = Re("hidden", {
+    hidden: {
+      SCROLL: "scrolling"
+    },
+    scrolling: {
+      SCROLL_END: "idle",
+      POINTER_ENTER: "interacting"
+    },
+    interacting: {
+      SCROLL: "interacting",
+      POINTER_LEAVE: "idle"
+    },
+    idle: {
+      HIDE: "hidden",
+      SCROLL: "scrolling",
+      POINTER_ENTER: "interacting"
+    }
+  });
+  return c.useEffect(() => {
+    if (i === "idle") {
+      const h = window.setTimeout(() => s("HIDE"), t.scrollHideDelay);
+      return () => window.clearTimeout(h);
+    }
+  }, [i, t.scrollHideDelay, s]), c.useEffect(() => {
+    const h = t.viewport, d = l ? "scrollLeft" : "scrollTop";
+    if (h) {
+      let b = h[d];
+      const u = () => {
+        const p = h[d];
+        b !== p && (s("SCROLL"), a()), b = p;
+      };
+      return h.addEventListener("scroll", u), () => h.removeEventListener("scroll", u);
+    }
+  }, [t.viewport, l, s, a]), /* @__PURE__ */ m(B, { present: r || i !== "hidden", children: /* @__PURE__ */ m(
+    G,
+    v(S({
+      "data-state": i === "hidden" ? "hidden" : "visible"
+    }, n), {
+      ref: o,
+      onPointerEnter: T(e.onPointerEnter, () => s("POINTER_ENTER")),
+      onPointerLeave: T(e.onPointerLeave, () => s("POINTER_LEAVE"))
+    })
+  ) });
+}), ae = c.forwardRef((e, o) => {
+  const r = P(R, e.__scopeScrollArea), f = e, { forceMount: n } = f, t = g(f, ["forceMount"]), [l, a] = c.useState(!1), i = e.orientation === "horizontal", s = F(() => {
+    if (r.viewport) {
+      const h = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
+      a(i ? h : d);
+    }
+  }, 10);
+  return L(r.viewport, s), L(r.content, s), /* @__PURE__ */ m(B, { present: n || l, children: /* @__PURE__ */ m(
+    G,
+    v(S({
+      "data-state": l ? "visible" : "hidden"
+    }, t), {
+      ref: o
+    })
+  ) });
+}), G = c.forwardRef((e, o) => {
+  const b = e, { orientation: r = "vertical" } = b, n = g(b, ["orientation"]), t = P(R, e.__scopeScrollArea), l = c.useRef(null), a = c.useRef(0), [i, s] = c.useState({
+    content: 0,
+    viewport: 0,
+    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
+  }), f = fe(i.viewport, i.content), h = v(S({}, n), {
+    sizes: i,
+    onSizesChange: s,
+    hasThumb: f > 0 && f < 1,
+    onThumbChange: (u) => l.current = u,
+    onThumbPointerUp: () => a.current = 0,
+    onThumbPointerDown: (u) => a.current = u
+  });
+  function d(u, p) {
+    return Ne(u, a.current, i, p);
+  }
+  return r === "horizontal" ? /* @__PURE__ */ m(
+    ye,
+    v(S({}, h), {
+      ref: o,
+      onThumbPositionChange: () => {
+        if (t.viewport && l.current) {
+          const u = t.viewport.scrollLeft, p = ee(u, i, t.dir);
+          l.current.style.transform = `translate3d(${p}px, 0, 0)`;
+        }
+      },
+      onWheelScroll: (u) => {
+        t.viewport && (t.viewport.scrollLeft = u);
+      },
+      onDragScroll: (u) => {
+        t.viewport && (t.viewport.scrollLeft = d(u, t.dir));
+      }
+    })
+  ) : r === "vertical" ? /* @__PURE__ */ m(
+    xe,
+    v(S({}, h), {
+      ref: o,
+      onThumbPositionChange: () => {
+        if (t.viewport && l.current) {
+          const u = t.viewport.scrollTop, p = ee(u, i);
+          l.current.style.transform = `translate3d(0, ${p}px, 0)`;
+        }
+      },
+      onWheelScroll: (u) => {
+        t.viewport && (t.viewport.scrollTop = u);
+      },
+      onDragScroll: (u) => {
+        t.viewport && (t.viewport.scrollTop = d(u));
+      }
+    })
+  ) : null;
+}), ye = c.forwardRef((e, o) => {
+  const h = e, { sizes: r, onSizesChange: n } = h, t = g(h, ["sizes", "onSizesChange"]), l = P(R, e.__scopeScrollArea), [a, i] = c.useState(), s = c.useRef(null), f = _(o, s, l.onScrollbarXChange);
+  return c.useEffect(() => {
+    s.current && i(getComputedStyle(s.current));
+  }, [s]), /* @__PURE__ */ m(
+    ie,
+    v(S({
+      "data-orientation": "horizontal"
+    }, t), {
+      ref: f,
+      sizes: r,
+      style: S({
+        bottom: 0,
+        left: l.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+        right: l.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+        "--radix-scroll-area-thumb-width": k(r) + "px"
+      }, e.style),
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
+      onDragScroll: (d) => e.onDragScroll(d.x),
+      onWheelScroll: (d, b) => {
+        if (l.viewport) {
+          const u = l.viewport.scrollLeft + d.deltaX;
+          e.onWheelScroll(u), be(u, b) && d.preventDefault();
+        }
+      },
+      onResize: () => {
+        s.current && l.viewport && a && n({
+          content: l.viewport.scrollWidth,
+          viewport: l.viewport.offsetWidth,
+          scrollbar: {
+            size: s.current.clientWidth,
+            paddingStart: V(a.paddingLeft),
+            paddingEnd: V(a.paddingRight)
+          }
+        });
+      }
+    })
+  );
+}), xe = c.forwardRef((e, o) => {
+  const h = e, { sizes: r, onSizesChange: n } = h, t = g(h, ["sizes", "onSizesChange"]), l = P(R, e.__scopeScrollArea), [a, i] = c.useState(), s = c.useRef(null), f = _(o, s, l.onScrollbarYChange);
+  return c.useEffect(() => {
+    s.current && i(getComputedStyle(s.current));
+  }, [s]), /* @__PURE__ */ m(
+    ie,
+    v(S({
+      "data-orientation": "vertical"
+    }, t), {
+      ref: f,
+      sizes: r,
+      style: S({
+        top: 0,
+        right: l.dir === "ltr" ? 0 : void 0,
+        left: l.dir === "rtl" ? 0 : void 0,
+        bottom: "var(--radix-scroll-area-corner-height)",
+        "--radix-scroll-area-thumb-height": k(r) + "px"
+      }, e.style),
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
+      onDragScroll: (d) => e.onDragScroll(d.y),
+      onWheelScroll: (d, b) => {
+        if (l.viewport) {
+          const u = l.viewport.scrollTop + d.deltaY;
+          e.onWheelScroll(u), be(u, b) && d.preventDefault();
+        }
+      },
+      onResize: () => {
+        s.current && l.viewport && a && n({
+          content: l.viewport.scrollHeight,
+          viewport: l.viewport.offsetHeight,
+          scrollbar: {
+            size: s.current.clientHeight,
+            paddingStart: V(a.paddingTop),
+            paddingEnd: V(a.paddingBottom)
+          }
+        });
+      }
+    })
+  );
+}), [Le, se] = oe(R), ie = c.forwardRef((e, o) => {
+  const X = e, {
+    __scopeScrollArea: r,
+    sizes: n,
+    hasThumb: t,
+    onThumbChange: l,
+    onThumbPointerUp: a,
+    onThumbPointerDown: i,
+    onThumbPositionChange: s,
+    onDragScroll: f,
+    onWheelScroll: h,
+    onResize: d
+  } = X, b = g(X, [
+    "__scopeScrollArea",
+    "sizes",
+    "hasThumb",
+    "onThumbChange",
+    "onThumbPointerUp",
+    "onThumbPointerDown",
+    "onThumbPositionChange",
+    "onDragScroll",
+    "onWheelScroll",
+    "onResize"
+  ]), u = P(R, r), [p, y] = c.useState(null), D = _(o, (w) => y(w)), E = c.useRef(null), H = c.useRef(""), $ = u.viewport, z = n.content - n.viewport, O = A(h), N = A(s), I = F(d, 10);
+  function M(w) {
+    if (E.current) {
+      const C = w.clientX - E.current.left, x = w.clientY - E.current.top;
+      f({ x: C, y: x });
+    }
+  }
+  return c.useEffect(() => {
+    const w = (C) => {
+      const x = C.target;
+      (p == null ? void 0 : p.contains(x)) && O(C, z);
+    };
+    return document.addEventListener("wheel", w, { passive: !1 }), () => document.removeEventListener("wheel", w, { passive: !1 });
+  }, [$, p, z, O]), c.useEffect(N, [n, N]), L(p, I), L(u.content, I), /* @__PURE__ */ m(
+    Le,
+    {
+      scope: r,
+      scrollbar: p,
+      hasThumb: t,
+      onThumbChange: A(l),
+      onThumbPointerUp: A(a),
+      onThumbPositionChange: N,
+      onThumbPointerDown: A(i),
+      children: /* @__PURE__ */ m(
+        W.div,
+        v(S({}, b), {
+          ref: D,
+          style: S({ position: "absolute" }, b.style),
+          onPointerDown: T(e.onPointerDown, (w) => {
+            w.button === 0 && (w.target.setPointerCapture(w.pointerId), E.current = p.getBoundingClientRect(), H.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", u.viewport && (u.viewport.style.scrollBehavior = "auto"), M(w));
+          }),
+          onPointerMove: T(e.onPointerMove, M),
+          onPointerUp: T(e.onPointerUp, (w) => {
+            const C = w.target;
+            C.hasPointerCapture(w.pointerId) && C.releasePointerCapture(w.pointerId), document.body.style.webkitUserSelect = H.current, u.viewport && (u.viewport.style.scrollBehavior = ""), E.current = null;
+          })
+        })
+      )
+    }
+  );
+}), U = "ScrollAreaThumb", de = c.forwardRef(
+  (e, o) => {
+    const l = e, { forceMount: r } = l, n = g(l, ["forceMount"]), t = se(U, e.__scopeScrollArea);
+    return /* @__PURE__ */ m(B, { present: r || t.hasThumb, children: /* @__PURE__ */ m(_e, S({ ref: o }, n)) });
+  }
+), _e = c.forwardRef(
+  (e, o) => {
+    const d = e, { __scopeScrollArea: r, style: n } = d, t = g(d, ["__scopeScrollArea", "style"]), l = P(U, r), a = se(U, r), { onThumbPositionChange: i } = a, s = _(
+      o,
+      (b) => a.onThumbChange(b)
+    ), f = c.useRef(void 0), h = F(() => {
+      f.current && (f.current(), f.current = void 0);
+    }, 100);
+    return c.useEffect(() => {
+      const b = l.viewport;
+      if (b) {
+        const u = () => {
+          if (h(), !f.current) {
+            const p = We(b, i);
+            f.current = p, i();
+          }
+        };
+        return i(), b.addEventListener("scroll", u), () => b.removeEventListener("scroll", u);
+      }
+    }, [l.viewport, h, i]), /* @__PURE__ */ m(
+      W.div,
+      v(S({
+        "data-state": a.hasThumb ? "visible" : "hidden"
+      }, t), {
+        ref: s,
+        style: S({
+          width: "var(--radix-scroll-area-thumb-width)",
+          height: "var(--radix-scroll-area-thumb-height)"
+        }, n),
+        onPointerDownCapture: T(e.onPointerDownCapture, (b) => {
+          const p = b.target.getBoundingClientRect(), y = b.clientX - p.left, D = b.clientY - p.top;
+          a.onThumbPointerDown({ x: y, y: D });
+        }),
+        onPointerUp: T(e.onPointerUp, a.onThumbPointerUp)
+      })
+    );
+  }
+);
+de.displayName = U;
+var J = "ScrollAreaCorner", ue = c.forwardRef(
+  (e, o) => {
+    const r = P(J, e.__scopeScrollArea), n = !!(r.scrollbarX && r.scrollbarY);
+    return r.type !== "scroll" && n ? /* @__PURE__ */ m(De, v(S({}, e), { ref: o })) : null;
+  }
+);
+ue.displayName = J;
+var De = c.forwardRef((e, o) => {
+  const h = e, { __scopeScrollArea: r } = h, n = g(h, ["__scopeScrollArea"]), t = P(J, r), [l, a] = c.useState(0), [i, s] = c.useState(0), f = !!(l && i);
+  return L(t.scrollbarX, () => {
+    var b;
+    const d = ((b = t.scrollbarX) == null ? void 0 : b.offsetHeight) || 0;
+    t.onCornerHeightChange(d), s(d);
+  }), L(t.scrollbarY, () => {
+    var b;
+    const d = ((b = t.scrollbarY) == null ? void 0 : b.offsetWidth) || 0;
+    t.onCornerWidthChange(d), a(d);
+  }), f ? /* @__PURE__ */ m(
+    W.div,
+    v(S({}, n), {
+      ref: o,
+      style: S({
+        width: l,
+        height: i,
+        position: "absolute",
+        right: t.dir === "ltr" ? 0 : void 0,
+        left: t.dir === "rtl" ? 0 : void 0,
+        bottom: 0
+      }, e.style)
+    })
+  ) : null;
+});
+function V(e) {
+  return e ? parseInt(e, 10) : 0;
+}
+function fe(e, o) {
+  const r = e / o;
+  return isNaN(r) ? 0 : r;
+}
+function k(e) {
+  const o = fe(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, n = (e.scrollbar.size - r) * o;
+  return Math.max(n, 18);
+}
+function Ne(e, o, r, n = "ltr") {
+  const t = k(r), l = t / 2, a = o || l, i = t - a, s = r.scrollbar.paddingStart + a, f = r.scrollbar.size - r.scrollbar.paddingEnd - i, h = r.content - r.viewport, d = n === "ltr" ? [0, h] : [h * -1, 0];
+  return he([s, f], d)(e);
+}
+function ee(e, o, r = "ltr") {
+  const n = k(o), t = o.scrollbar.paddingStart + o.scrollbar.paddingEnd, l = o.scrollbar.size - t, a = o.content - o.viewport, i = l - n, s = r === "ltr" ? [0, a] : [a * -1, 0], f = Ce(e, s);
+  return he([0, a], [0, i])(f);
+}
+function he(e, o) {
+  return (r) => {
+    if (e[0] === e[1] || o[0] === o[1]) return o[0];
+    const n = (o[1] - o[0]) / (e[1] - e[0]);
+    return o[0] + n * (r - e[0]);
+  };
+}
+function be(e, o) {
+  return e > 0 && e < o;
+}
+var We = (e, o = () => {
+}) => {
+  let r = { left: e.scrollLeft, top: e.scrollTop }, n = 0;
+  return function t() {
+    const l = { left: e.scrollLeft, top: e.scrollTop }, a = r.left !== l.left, i = r.top !== l.top;
+    (a || i) && o(), r = l, n = window.requestAnimationFrame(t);
+  }(), () => window.cancelAnimationFrame(n);
+};
+function F(e, o) {
+  const r = A(e), n = c.useRef(0);
+  return c.useEffect(() => () => window.clearTimeout(n.current), []), c.useCallback(() => {
+    window.clearTimeout(n.current), n.current = window.setTimeout(r, o);
+  }, [r, o]);
+}
+function L(e, o) {
+  const r = A(o);
+  Pe(() => {
+    let n = 0;
+    if (e) {
+      const t = new ResizeObserver(() => {
+        cancelAnimationFrame(n), n = window.requestAnimationFrame(r);
+      });
+      return t.observe(e), () => {
+        window.cancelAnimationFrame(n), t.unobserve(e);
+      };
+    }
+  }, [e, r]);
+}
+var He = te, ze = le, Oe = ue;
+function Ke(a) {
+  var i = a, {
+    className: e,
+    children: o,
+    viewPortClassName: r,
+    relative: n = !0,
+    asChild: t = !1
+  } = i, l = g(i, [
+    "className",
+    "children",
+    "viewPortClassName",
+    "relative",
+    "asChild"
+  ]);
+  return /* @__PURE__ */ re(
+    He,
+    v(S({
+      "data-slot": "scroll-area",
+      className: j(
+        n && "relative",
+        e
+      )
+    }, l), {
+      children: [
+        /* @__PURE__ */ m(
+          ze,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: j(
+              "focus:border-primary/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus:border-[3px] focus:outline-1",
+              r
+            ),
+            asChild: t,
+            children: o
+          }
+        ),
+        /* @__PURE__ */ m(Ie, {}),
+        /* @__PURE__ */ m(Oe, {})
+      ]
+    })
+  );
+}
+function Ie(n) {
+  var t = n, {
+    className: e,
+    orientation: o = "vertical"
+  } = t, r = g(t, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ m(
+    ce,
+    v(S({
+      "data-slot": "scroll-area-scrollbar",
+      orientation: o,
+      className: j(
+        "flex touch-none p-px transition-colors select-none",
+        o === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        o === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        e
+      )
+    }, r), {
+      children: /* @__PURE__ */ m(
+        de,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    })
+  );
+}
+export {
+  Ke as S,
+  Ie as a,
+  Ce as c
+};

package/dist/chunks/search-icon-CortrXrC.js

@@ -0,0 +1,17 @@
+var m = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var r = (t, C, e) => C in t ? m(t, C, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[C] = e, n = (t, C) => {
+  for (var e in C || (C = {}))
+    c.call(C, e) && r(t, e, C[e]);
+  if (o)
+    for (var e of o(C))
+      l.call(C, e) && r(t, e, C[e]);
+  return t;
+};
+import * as a from "react";
+import { forwardRef as w } from "react";
+const f = (t, C) => /* @__PURE__ */ a.createElement("svg", n({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: C }, t), /* @__PURE__ */ a.createElement("path", { d: "M9.5 16C7.68333 16 6.14583 15.3708 4.8875 14.1125C3.62917 12.8542 3 11.3167 3 9.5C3 7.68333 3.62917 6.14583 4.8875 4.8875C6.14583 3.62917 7.68333 3 9.5 3C11.3167 3 12.8542 3.62917 14.1125 4.8875C15.3708 6.14583 16 7.68333 16 9.5C16 10.2333 15.8833 10.925 15.65 11.575C15.4167 12.225 15.1 12.8 14.7 13.3L20.3 18.9C20.4833 19.0833 20.575 19.3167 20.575 19.6C20.575 19.8833 20.4833 20.1167 20.3 20.3C20.1167 20.4833 19.8833 20.575 19.6 20.575C19.3167 20.575 19.0833 20.4833 18.9 20.3L13.3 14.7C12.8 15.1 12.225 15.4167 11.575 15.65C10.925 15.8833 10.2333 16 9.5 16ZM9.5 14C10.75 14 11.8125 13.5625 12.6875 12.6875C13.5625 11.8125 14 10.75 14 9.5C14 8.25 13.5625 7.1875 12.6875 6.3125C11.8125 5.4375 10.75 5 9.5 5C8.25 5 7.1875 5.4375 6.3125 6.3125C5.4375 7.1875 5 8.25 5 9.5C5 10.75 5.4375 11.8125 6.3125 12.6875C7.1875 13.5625 8.25 14 9.5 14Z", fill: "currentColor" })), h = w(f);
+export {
+  h as ReactComponent
+};

package/dist/chunks/segment-icon-Bzm7cziF.js

@@ -0,0 +1,17 @@
+var a = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var r = (t, C, e) => C in t ? a(t, C, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[C] = e, n = (t, C) => {
+  for (var e in C || (C = {}))
+    c.call(C, e) && r(t, e, C[e]);
+  if (o)
+    for (var e of o(C))
+      l.call(C, e) && r(t, e, C[e]);
+  return t;
+};
+import * as m from "react";
+import { forwardRef as w } from "react";
+const f = (t, C) => /* @__PURE__ */ m.createElement("svg", n({ width: "1em", height: "1em", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: C }, t), /* @__PURE__ */ m.createElement("path", { d: "M12.9375 11.0625H19.825C19.6 9.2375 18.8521 7.68958 17.5813 6.41875C16.3104 5.14792 14.7625 4.4 12.9375 4.175V11.0625ZM11.0625 19.825V4.175C9.07083 4.41667 7.41667 5.27917 6.1 6.7625C4.78333 8.24583 4.125 9.99167 4.125 12C4.125 14.0083 4.78333 15.7542 6.1 17.2375C7.41667 18.7208 9.07083 19.5833 11.0625 19.825ZM12.9375 19.825C14.7458 19.6083 16.2917 18.8583 17.575 17.575C18.8583 16.2917 19.6083 14.7458 19.825 12.9375H12.9375V19.825ZM11.998 21.75C10.6493 21.75 9.38333 21.4937 8.2 20.9813C7.01667 20.4688 5.9855 19.7738 5.1065 18.8962C4.22767 18.0187 3.53183 16.9868 3.019 15.8005C2.50633 14.6143 2.25 13.3468 2.25 11.998C2.25 10.6493 2.50625 9.38333 3.01875 8.2C3.53125 7.01667 4.22625 5.9855 5.10375 5.1065C5.98125 4.22767 7.01317 3.53183 8.1995 3.019C9.38567 2.50633 10.6532 2.25 12.002 2.25C13.3507 2.25 14.6139 2.50592 15.7917 3.01775C16.9696 3.52958 18.0012 4.22833 18.8867 5.114C19.7721 5.99967 20.4706 7.03158 20.9823 8.20975C21.4941 9.38792 21.75 10.6513 21.75 12C21.75 13.3417 21.4937 14.6042 20.9813 15.7875C20.4688 16.9708 19.7738 18.0048 18.8962 18.8892C18.0187 19.7739 16.9869 20.4718 15.8008 20.983C14.6144 21.4943 13.3468 21.75 11.998 21.75Z", fill: "currentColor" })), g = w(f);
+export {
+  g as ReactComponent
+};

package/dist/chunks/send-icon-BTztERTu.js

@@ -0,0 +1,17 @@
+var a = Object.defineProperty;
+var o = Object.getOwnPropertySymbols;
+var c = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
+var r = (C, e, t) => e in C ? a(C, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : C[e] = t, n = (C, e) => {
+  for (var t in e || (e = {}))
+    c.call(e, t) && r(C, t, e[t]);
+  if (o)
+    for (var t of o(e))
+      l.call(e, t) && r(C, t, e[t]);
+  return C;
+};
+import * as m from "react";
+import { forwardRef as w } from "react";
+const f = (C, e) => /* @__PURE__ */ m.createElement("svg", n({ width: "1em", height: "1em", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ref: e }, C), /* @__PURE__ */ m.createElement("path", { d: "M7.33341 5.21686L4.06674 8.48353C3.93341 8.61686 3.77785 8.68075 3.60007 8.67519C3.4223 8.66964 3.26674 8.60019 3.13341 8.46686C3.01118 8.33353 2.9473 8.17797 2.94174 8.0002C2.93618 7.82242 3.00007 7.66686 3.13341 7.53353L7.53341 3.13353C7.60007 3.06686 7.6723 3.01964 7.75007 2.99186C7.82785 2.96408 7.91118 2.9502 8.00007 2.9502C8.08896 2.9502 8.1723 2.96408 8.25007 2.99186C8.32785 3.01964 8.40007 3.06686 8.46674 3.13353L12.8667 7.53353C12.989 7.65575 13.0501 7.80853 13.0501 7.99186C13.0501 8.1752 12.989 8.33353 12.8667 8.46686C12.7334 8.60019 12.5751 8.66686 12.3917 8.66686C12.2084 8.66686 12.0501 8.60019 11.9167 8.46686L8.66674 5.21686V12.6669C8.66674 12.8558 8.60285 13.0141 8.47507 13.1419C8.3473 13.2696 8.18896 13.3335 8.00007 13.3335C7.81118 13.3335 7.65285 13.2696 7.52507 13.1419C7.39729 13.0141 7.33341 12.8558 7.33341 12.6669V5.21686Z", fill: "currentColor" })), p = w(f);
+export {
+  p as ReactComponent
+};