teodor-new-chat-ui 4.3.385 → 4.3.387

package/dist/index.esm.js

@@ -16146,934 +16146,934 @@ function Li({
     ] })
   ] });
 }
-function da(e, [t, n]) {
-  return Math.min(n, Math.max(t, e));
+var fu = 1, uk = 0.9, dk = 0.8, fk = 0.17, $i = 0.1, Fi = 0.999, hk = 0.9999, pk = 0.99, mk = /[\\\/_+.#"@\[\(\{&]/, gk = /[\\\/_+.#"@\[\(\{&]/g, xk = /[\s-]/, ap = /[\s-]/g;
+function da(e, t, n, r, o, s, i) {
+  if (s === t.length) return o === e.length ? fu : pk;
+  var a = `${o},${s}`;
+  if (i[a] !== void 0) return i[a];
+  for (var l = r.charAt(s), u = n.indexOf(l, o), d = 0, f, h, p, y; u >= 0; ) f = da(e, t, n, r, u + 1, s + 1, i), f > d && (u === o ? f *= fu : mk.test(e.charAt(u - 1)) ? (f *= dk, p = e.slice(o, u - 1).match(gk), p && o > 0 && (f *= Math.pow(Fi, p.length))) : xk.test(e.charAt(u - 1)) ? (f *= uk, y = e.slice(o, u - 1).match(ap), y && o > 0 && (f *= Math.pow(Fi, y.length))) : (f *= fk, o > 0 && (f *= Math.pow(Fi, u - o))), e.charAt(u) !== t.charAt(s) && (f *= hk)), (f < $i && n.charAt(u - 1) === r.charAt(s + 1) || r.charAt(s + 1) === r.charAt(s) && n.charAt(u - 1) !== r.charAt(s)) && (h = da(e, t, n, r, u + 1, s + 2, i), h * $i > f && (f = h * $i)), f > d && (d = f), u = n.indexOf(l, u + 1);
+  return i[a] = d, d;
 }
-function uk(e, t) {
-  return m.useReducer((n, r) => t[n][r] ?? n, e);
+function hu(e) {
+  return e.toLowerCase().replace(ap, " ");
 }
-var Sl = "ScrollArea", [ap, jE] = An(Sl), [dk, ln] = ap(Sl), lp = m.forwardRef(
-  (e, t) => {
-    const {
-      __scopeScrollArea: n,
-      type: r = "hover",
-      dir: o,
-      scrollHideDelay: s = 600,
-      ...i
-    } = e, [a, l] = m.useState(null), [u, d] = m.useState(null), [f, h] = m.useState(null), [p, y] = m.useState(null), [g, v] = m.useState(null), [x, w] = m.useState(0), [C, T] = m.useState(0), [b, S] = m.useState(!1), [k, R] = m.useState(!1), _ = qe(t, (F) => l(F)), O = Ms(o);
-    return /* @__PURE__ */ c.jsx(
-      dk,
-      {
-        scope: n,
-        type: r,
-        dir: O,
-        scrollHideDelay: s,
-        scrollArea: a,
-        viewport: u,
-        onViewportChange: d,
-        content: f,
-        onContentChange: h,
-        scrollbarX: p,
-        onScrollbarXChange: y,
-        scrollbarXEnabled: b,
-        onScrollbarXEnabledChange: S,
-        scrollbarY: g,
-        onScrollbarYChange: v,
-        scrollbarYEnabled: k,
-        onScrollbarYEnabledChange: R,
-        onCornerWidthChange: w,
-        onCornerHeightChange: T,
-        children: /* @__PURE__ */ c.jsx(
-          Ce.div,
-          {
-            dir: O,
-            ...i,
-            ref: _,
-            style: {
-              position: "relative",
-              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-              "--radix-scroll-area-corner-width": x + "px",
-              "--radix-scroll-area-corner-height": C + "px",
-              ...e.style
-            }
-          }
-        )
-      }
-    );
-  }
-);
-lp.displayName = Sl;
-var cp = "ScrollAreaViewport", up = m.forwardRef(
-  (e, t) => {
-    const { __scopeScrollArea: n, children: r, nonce: o, ...s } = e, i = ln(cp, n), a = m.useRef(null), l = qe(t, a, i.onViewportChange);
-    return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-      /* @__PURE__ */ c.jsx(
-        "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: o
+function yk(e, t, n) {
+  return e = n && n.length > 0 ? `${e + " " + n.join(" ")}` : e, da(e, t, hu(e), hu(t), 0, 0, {});
+}
+var zr = '[cmdk-group=""]', Bi = '[cmdk-group-items=""]', vk = '[cmdk-group-heading=""]', lp = '[cmdk-item=""]', pu = `${lp}:not([aria-disabled="true"])`, fa = "cmdk-item-select", gr = "data-value", wk = (e, t, n) => yk(e, t, n), cp = m.createContext(void 0), To = () => m.useContext(cp), up = m.createContext(void 0), Sl = () => m.useContext(up), dp = m.createContext(void 0), fp = m.forwardRef((e, t) => {
+  let n = xr(() => {
+    var N, X;
+    return { search: "", value: (X = (N = e.value) != null ? N : e.defaultValue) != null ? X : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), r = xr(() => /* @__PURE__ */ new Set()), o = xr(() => /* @__PURE__ */ new Map()), s = xr(() => /* @__PURE__ */ new Map()), i = xr(() => /* @__PURE__ */ new Set()), a = hp(e), { label: l, children: u, value: d, onValueChange: f, filter: h, shouldFilter: p, loop: y, disablePointerSelection: g = !1, vimBindings: v = !0, ...x } = e, w = Ut(), C = Ut(), T = Ut(), b = m.useRef(null), S = jk();
+  sr(() => {
+    if (d !== void 0) {
+      let N = d.trim();
+      n.current.value = N, k.emit();
+    }
+  }, [d]), sr(() => {
+    S(6, q);
+  }, []);
+  let k = m.useMemo(() => ({ subscribe: (N) => (i.current.add(N), () => i.current.delete(N)), snapshot: () => n.current, setState: (N, X, W) => {
+    var U, Q, H, P;
+    if (!Object.is(n.current[N], X)) {
+      if (n.current[N] = X, N === "search") Y(), O(), S(1, F);
+      else if (N === "value") {
+        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+          let V = document.getElementById(T);
+          V ? V.focus() : (U = document.getElementById(w)) == null || U.focus();
         }
-      ),
-      /* @__PURE__ */ c.jsx(
-        Ce.div,
-        {
-          "data-radix-scroll-area-viewport": "",
-          ...s,
-          ref: l,
-          style: {
-            /**
-             * 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: i.scrollbarXEnabled ? "scroll" : "hidden",
-            overflowY: i.scrollbarYEnabled ? "scroll" : "hidden",
-            ...e.style
-          },
-          children: /* @__PURE__ */ c.jsx("div", { ref: i.onContentChange, style: { minWidth: "100%", display: "table" }, children: r })
+        if (S(7, () => {
+          var V;
+          n.current.selectedItemId = (V = j()) == null ? void 0 : V.id, k.emit();
+        }), W || S(5, q), ((Q = a.current) == null ? void 0 : Q.value) !== void 0) {
+          let V = X ?? "";
+          (P = (H = a.current).onValueChange) == null || P.call(H, V);
+          return;
         }
-      )
-    ] });
+      }
+      k.emit();
+    }
+  }, emit: () => {
+    i.current.forEach((N) => N());
+  } }), []), R = m.useMemo(() => ({ value: (N, X, W) => {
+    var U;
+    X !== ((U = s.current.get(N)) == null ? void 0 : U.value) && (s.current.set(N, { value: X, keywords: W }), n.current.filtered.items.set(N, _(X, W)), S(2, () => {
+      O(), k.emit();
+    }));
+  }, item: (N, X) => (r.current.add(N), X && (o.current.has(X) ? o.current.get(X).add(N) : o.current.set(X, /* @__PURE__ */ new Set([N]))), S(3, () => {
+    Y(), O(), n.current.value || F(), k.emit();
+  }), () => {
+    s.current.delete(N), r.current.delete(N), n.current.filtered.items.delete(N);
+    let W = j();
+    S(4, () => {
+      Y(), (W == null ? void 0 : W.getAttribute("id")) === N && F(), k.emit();
+    });
+  }), group: (N) => (o.current.has(N) || o.current.set(N, /* @__PURE__ */ new Set()), () => {
+    s.current.delete(N), o.current.delete(N);
+  }), filter: () => a.current.shouldFilter, label: l || e["aria-label"], getDisablePointerSelection: () => a.current.disablePointerSelection, listId: w, inputId: T, labelId: C, listInnerRef: b }), []);
+  function _(N, X) {
+    var W, U;
+    let Q = (U = (W = a.current) == null ? void 0 : W.filter) != null ? U : wk;
+    return N ? Q(N, n.current.search, X) : 0;
   }
-);
-up.displayName = cp;
-var kn = "ScrollAreaScrollbar", Cl = m.forwardRef(
-  (e, t) => {
-    const { forceMount: n, ...r } = e, o = ln(kn, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: i } = o, a = e.orientation === "horizontal";
-    return m.useEffect(() => (a ? s(!0) : i(!0), () => {
-      a ? s(!1) : i(!1);
-    }), [a, s, i]), o.type === "hover" ? /* @__PURE__ */ c.jsx(fk, { ...r, ref: t, forceMount: n }) : o.type === "scroll" ? /* @__PURE__ */ c.jsx(hk, { ...r, ref: t, forceMount: n }) : o.type === "auto" ? /* @__PURE__ */ c.jsx(dp, { ...r, ref: t, forceMount: n }) : o.type === "always" ? /* @__PURE__ */ c.jsx(Tl, { ...r, ref: t }) : null;
+  function O() {
+    if (!n.current.search || a.current.shouldFilter === !1) return;
+    let N = n.current.filtered.items, X = [];
+    n.current.filtered.groups.forEach((U) => {
+      let Q = o.current.get(U), H = 0;
+      Q.forEach((P) => {
+        let V = N.get(P);
+        H = Math.max(V, H);
+      }), X.push([U, H]);
+    });
+    let W = b.current;
+    z().sort((U, Q) => {
+      var H, P;
+      let V = U.getAttribute("id"), B = Q.getAttribute("id");
+      return ((H = N.get(B)) != null ? H : 0) - ((P = N.get(V)) != null ? P : 0);
+    }).forEach((U) => {
+      let Q = U.closest(Bi);
+      Q ? Q.appendChild(U.parentElement === Q ? U : U.closest(`${Bi} > *`)) : W.appendChild(U.parentElement === W ? U : U.closest(`${Bi} > *`));
+    }), X.sort((U, Q) => Q[1] - U[1]).forEach((U) => {
+      var Q;
+      let H = (Q = b.current) == null ? void 0 : Q.querySelector(`${zr}[${gr}="${encodeURIComponent(U[0])}"]`);
+      H == null || H.parentElement.appendChild(H);
+    });
   }
-);
-Cl.displayName = kn;
-var fk = m.forwardRef((e, t) => {
-  const { forceMount: n, ...r } = e, o = ln(kn, e.__scopeScrollArea), [s, i] = m.useState(!1);
-  return m.useEffect(() => {
-    const a = o.scrollArea;
-    let l = 0;
-    if (a) {
-      const u = () => {
-        window.clearTimeout(l), i(!0);
-      }, d = () => {
-        l = window.setTimeout(() => i(!1), o.scrollHideDelay);
-      };
-      return a.addEventListener("pointerenter", u), a.addEventListener("pointerleave", d), () => {
-        window.clearTimeout(l), a.removeEventListener("pointerenter", u), a.removeEventListener("pointerleave", d);
-      };
-    }
-  }, [o.scrollArea, o.scrollHideDelay]), /* @__PURE__ */ c.jsx(an, { present: n || s, children: /* @__PURE__ */ c.jsx(
-    dp,
-    {
-      "data-state": s ? "visible" : "hidden",
-      ...r,
-      ref: t
-    }
-  ) });
-}), hk = m.forwardRef((e, t) => {
-  const { forceMount: n, ...r } = e, o = ln(kn, e.__scopeScrollArea), s = e.orientation === "horizontal", i = ni(() => l("SCROLL_END"), 100), [a, l] = uk("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 m.useEffect(() => {
-    if (a === "idle") {
-      const u = window.setTimeout(() => l("HIDE"), o.scrollHideDelay);
-      return () => window.clearTimeout(u);
-    }
-  }, [a, o.scrollHideDelay, l]), m.useEffect(() => {
-    const u = o.viewport, d = s ? "scrollLeft" : "scrollTop";
-    if (u) {
-      let f = u[d];
-      const h = () => {
-        const p = u[d];
-        f !== p && (l("SCROLL"), i()), f = p;
-      };
-      return u.addEventListener("scroll", h), () => u.removeEventListener("scroll", h);
-    }
-  }, [o.viewport, s, l, i]), /* @__PURE__ */ c.jsx(an, { present: n || a !== "hidden", children: /* @__PURE__ */ c.jsx(
-    Tl,
-    {
-      "data-state": a === "hidden" ? "hidden" : "visible",
-      ...r,
-      ref: t,
-      onPointerEnter: pe(e.onPointerEnter, () => l("POINTER_ENTER")),
-      onPointerLeave: pe(e.onPointerLeave, () => l("POINTER_LEAVE"))
+  function F() {
+    let N = z().find((W) => W.getAttribute("aria-disabled") !== "true"), X = N == null ? void 0 : N.getAttribute(gr);
+    k.setState("value", X || void 0);
+  }
+  function Y() {
+    var N, X, W, U;
+    if (!n.current.search || a.current.shouldFilter === !1) {
+      n.current.filtered.count = r.current.size;
+      return;
     }
-  ) });
-}), dp = m.forwardRef((e, t) => {
-  const n = ln(kn, e.__scopeScrollArea), { forceMount: r, ...o } = e, [s, i] = m.useState(!1), a = e.orientation === "horizontal", l = ni(() => {
-    if (n.viewport) {
-      const u = n.viewport.offsetWidth < n.viewport.scrollWidth, d = n.viewport.offsetHeight < n.viewport.scrollHeight;
-      i(a ? u : d);
+    n.current.filtered.groups = /* @__PURE__ */ new Set();
+    let Q = 0;
+    for (let H of r.current) {
+      let P = (X = (N = s.current.get(H)) == null ? void 0 : N.value) != null ? X : "", V = (U = (W = s.current.get(H)) == null ? void 0 : W.keywords) != null ? U : [], B = _(P, V);
+      n.current.filtered.items.set(H, B), B > 0 && Q++;
     }
-  }, 10);
-  return Nr(n.viewport, l), Nr(n.content, l), /* @__PURE__ */ c.jsx(an, { present: r || s, children: /* @__PURE__ */ c.jsx(
-    Tl,
-    {
-      "data-state": s ? "visible" : "hidden",
-      ...o,
-      ref: t
+    for (let [H, P] of o.current) for (let V of P) if (n.current.filtered.items.get(V) > 0) {
+      n.current.filtered.groups.add(H);
+      break;
     }
-  ) });
-}), Tl = m.forwardRef((e, t) => {
-  const { orientation: n = "vertical", ...r } = e, o = ln(kn, e.__scopeScrollArea), s = m.useRef(null), i = m.useRef(0), [a, l] = m.useState({
-    content: 0,
-    viewport: 0,
-    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), u = gp(a.viewport, a.content), d = {
-    ...r,
-    sizes: a,
-    onSizesChange: l,
-    hasThumb: u > 0 && u < 1,
-    onThumbChange: (h) => s.current = h,
-    onThumbPointerUp: () => i.current = 0,
-    onThumbPointerDown: (h) => i.current = h
-  };
-  function f(h, p) {
-    return vk(h, i.current, a, p);
+    n.current.filtered.count = Q;
   }
-  return n === "horizontal" ? /* @__PURE__ */ c.jsx(
-    pk,
-    {
-      ...d,
-      ref: t,
-      onThumbPositionChange: () => {
-        if (o.viewport && s.current) {
-          const h = o.viewport.scrollLeft, p = fu(h, a, o.dir);
-          s.current.style.transform = `translate3d(${p}px, 0, 0)`;
-        }
-      },
-      onWheelScroll: (h) => {
-        o.viewport && (o.viewport.scrollLeft = h);
-      },
-      onDragScroll: (h) => {
-        o.viewport && (o.viewport.scrollLeft = f(h, o.dir));
+  function q() {
+    var N, X, W;
+    let U = j();
+    U && (((N = U.parentElement) == null ? void 0 : N.firstChild) === U && ((W = (X = U.closest(zr)) == null ? void 0 : X.querySelector(vk)) == null || W.scrollIntoView({ block: "nearest" })), U.scrollIntoView({ block: "nearest" }));
+  }
+  function j() {
+    var N;
+    return (N = b.current) == null ? void 0 : N.querySelector(`${lp}[aria-selected="true"]`);
+  }
+  function z() {
+    var N;
+    return Array.from(((N = b.current) == null ? void 0 : N.querySelectorAll(pu)) || []);
+  }
+  function I(N) {
+    let X = z()[N];
+    X && k.setState("value", X.getAttribute(gr));
+  }
+  function M(N) {
+    var X;
+    let W = j(), U = z(), Q = U.findIndex((P) => P === W), H = U[Q + N];
+    (X = a.current) != null && X.loop && (H = Q + N < 0 ? U[U.length - 1] : Q + N === U.length ? U[0] : U[Q + N]), H && k.setState("value", H.getAttribute(gr));
+  }
+  function D(N) {
+    let X = j(), W = X == null ? void 0 : X.closest(zr), U;
+    for (; W && !U; ) W = N > 0 ? Nk(W, zr) : Ak(W, zr), U = W == null ? void 0 : W.querySelector(pu);
+    U ? k.setState("value", U.getAttribute(gr)) : M(N);
+  }
+  let A = () => I(z().length - 1), K = (N) => {
+    N.preventDefault(), N.metaKey ? A() : N.altKey ? D(1) : M(1);
+  }, G = (N) => {
+    N.preventDefault(), N.metaKey ? I(0) : N.altKey ? D(-1) : M(-1);
+  };
+  return m.createElement(Ce.div, { ref: t, tabIndex: -1, ...x, "cmdk-root": "", onKeyDown: (N) => {
+    var X;
+    (X = x.onKeyDown) == null || X.call(x, N);
+    let W = N.nativeEvent.isComposing || N.keyCode === 229;
+    if (!(N.defaultPrevented || W)) switch (N.key) {
+      case "n":
+      case "j": {
+        v && N.ctrlKey && K(N);
+        break;
       }
-    }
-  ) : n === "vertical" ? /* @__PURE__ */ c.jsx(
-    mk,
-    {
-      ...d,
-      ref: t,
-      onThumbPositionChange: () => {
-        if (o.viewport && s.current) {
-          const h = o.viewport.scrollTop, p = fu(h, a);
-          s.current.style.transform = `translate3d(0, ${p}px, 0)`;
-        }
-      },
-      onWheelScroll: (h) => {
-        o.viewport && (o.viewport.scrollTop = h);
-      },
-      onDragScroll: (h) => {
-        o.viewport && (o.viewport.scrollTop = f(h));
+      case "ArrowDown": {
+        K(N);
+        break;
       }
-    }
-  ) : null;
-}), pk = m.forwardRef((e, t) => {
-  const { sizes: n, onSizesChange: r, ...o } = e, s = ln(kn, e.__scopeScrollArea), [i, a] = m.useState(), l = m.useRef(null), u = qe(t, l, s.onScrollbarXChange);
-  return m.useEffect(() => {
-    l.current && a(getComputedStyle(l.current));
-  }, [l]), /* @__PURE__ */ c.jsx(
-    hp,
-    {
-      "data-orientation": "horizontal",
-      ...o,
-      ref: u,
-      sizes: n,
-      style: {
-        bottom: 0,
-        left: s.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
-        right: s.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
-        "--radix-scroll-area-thumb-width": ti(n) + "px",
-        ...e.style
-      },
-      onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
-      onDragScroll: (d) => e.onDragScroll(d.x),
-      onWheelScroll: (d, f) => {
-        if (s.viewport) {
-          const h = s.viewport.scrollLeft + d.deltaX;
-          e.onWheelScroll(h), yp(h, f) && d.preventDefault();
-        }
-      },
-      onResize: () => {
-        l.current && s.viewport && i && r({
-          content: s.viewport.scrollWidth,
-          viewport: s.viewport.offsetWidth,
-          scrollbar: {
-            size: l.current.clientWidth,
-            paddingStart: ws(i.paddingLeft),
-            paddingEnd: ws(i.paddingRight)
-          }
-        });
+      case "p":
+      case "k": {
+        v && N.ctrlKey && G(N);
+        break;
       }
-    }
-  );
-}), mk = m.forwardRef((e, t) => {
-  const { sizes: n, onSizesChange: r, ...o } = e, s = ln(kn, e.__scopeScrollArea), [i, a] = m.useState(), l = m.useRef(null), u = qe(t, l, s.onScrollbarYChange);
-  return m.useEffect(() => {
-    l.current && a(getComputedStyle(l.current));
-  }, [l]), /* @__PURE__ */ c.jsx(
-    hp,
-    {
-      "data-orientation": "vertical",
-      ...o,
-      ref: u,
-      sizes: n,
-      style: {
-        top: 0,
-        right: s.dir === "ltr" ? 0 : void 0,
-        left: s.dir === "rtl" ? 0 : void 0,
-        bottom: "var(--radix-scroll-area-corner-height)",
-        "--radix-scroll-area-thumb-height": ti(n) + "px",
-        ...e.style
-      },
-      onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
-      onDragScroll: (d) => e.onDragScroll(d.y),
-      onWheelScroll: (d, f) => {
-        if (s.viewport) {
-          const h = s.viewport.scrollTop + d.deltaY;
-          e.onWheelScroll(h), yp(h, f) && d.preventDefault();
+      case "ArrowUp": {
+        G(N);
+        break;
+      }
+      case "Home": {
+        N.preventDefault(), I(0);
+        break;
+      }
+      case "End": {
+        N.preventDefault(), A();
+        break;
+      }
+      case "Enter": {
+        N.preventDefault();
+        let U = j();
+        if (U) {
+          let Q = new Event(fa);
+          U.dispatchEvent(Q);
         }
-      },
-      onResize: () => {
-        l.current && s.viewport && i && r({
-          content: s.viewport.scrollHeight,
-          viewport: s.viewport.offsetHeight,
-          scrollbar: {
-            size: l.current.clientHeight,
-            paddingStart: ws(i.paddingTop),
-            paddingEnd: ws(i.paddingBottom)
-          }
-        });
       }
     }
-  );
-}), [gk, fp] = ap(kn), hp = m.forwardRef((e, t) => {
-  const {
-    __scopeScrollArea: n,
-    sizes: r,
-    hasThumb: o,
-    onThumbChange: s,
-    onThumbPointerUp: i,
-    onThumbPointerDown: a,
-    onThumbPositionChange: l,
-    onDragScroll: u,
-    onWheelScroll: d,
-    onResize: f,
-    ...h
-  } = e, p = ln(kn, n), [y, g] = m.useState(null), v = qe(t, (_) => g(_)), x = m.useRef(null), w = m.useRef(""), C = p.viewport, T = r.content - r.viewport, b = Pt(d), S = Pt(l), k = ni(f, 10);
-  function R(_) {
-    if (x.current) {
-      const O = _.clientX - x.current.left, F = _.clientY - x.current.top;
-      u({ x: O, y: F });
-    }
+  } }, m.createElement("label", { "cmdk-label": "", htmlFor: R.inputId, id: R.labelId, style: Mk }, l), ti(e, (N) => m.createElement(up.Provider, { value: k }, m.createElement(cp.Provider, { value: R }, N))));
+}), bk = m.forwardRef((e, t) => {
+  var n, r;
+  let o = Ut(), s = m.useRef(null), i = m.useContext(dp), a = To(), l = hp(e), u = (r = (n = l.current) == null ? void 0 : n.forceMount) != null ? r : i == null ? void 0 : i.forceMount;
+  sr(() => {
+    if (!u) return a.item(o, i == null ? void 0 : i.id);
+  }, [u]);
+  let d = pp(o, s, [e.value, e.children, s], e.keywords), f = Sl(), h = Bn((S) => S.value && S.value === d.current), p = Bn((S) => u || a.filter() === !1 ? !0 : S.search ? S.filtered.items.get(o) > 0 : !0);
+  m.useEffect(() => {
+    let S = s.current;
+    if (!(!S || e.disabled)) return S.addEventListener(fa, y), () => S.removeEventListener(fa, y);
+  }, [p, e.onSelect, e.disabled]);
+  function y() {
+    var S, k;
+    g(), (k = (S = l.current).onSelect) == null || k.call(S, d.current);
   }
+  function g() {
+    f.setState("value", d.current, !0);
+  }
+  if (!p) return null;
+  let { disabled: v, value: x, onSelect: w, forceMount: C, keywords: T, ...b } = e;
+  return m.createElement(Ce.div, { ref: Pn(s, t), ...b, id: o, "cmdk-item": "", role: "option", "aria-disabled": !!v, "aria-selected": !!h, "data-disabled": !!v, "data-selected": !!h, onPointerMove: v || a.getDisablePointerSelection() ? void 0 : g, onClick: v ? void 0 : y }, e.children);
+}), Sk = m.forwardRef((e, t) => {
+  let { heading: n, children: r, forceMount: o, ...s } = e, i = Ut(), a = m.useRef(null), l = m.useRef(null), u = Ut(), d = To(), f = Bn((p) => o || d.filter() === !1 ? !0 : p.search ? p.filtered.groups.has(i) : !0);
+  sr(() => d.group(i), []), pp(i, a, [e.value, e.heading, l]);
+  let h = m.useMemo(() => ({ id: i, forceMount: o }), [o]);
+  return m.createElement(Ce.div, { ref: Pn(a, t), ...s, "cmdk-group": "", role: "presentation", hidden: f ? void 0 : !0 }, n && m.createElement("div", { ref: l, "cmdk-group-heading": "", "aria-hidden": !0, id: u }, n), ti(e, (p) => m.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? u : void 0 }, m.createElement(dp.Provider, { value: h }, p))));
+}), Ck = m.forwardRef((e, t) => {
+  let { alwaysRender: n, ...r } = e, o = m.useRef(null), s = Bn((i) => !i.search);
+  return !n && !s ? null : m.createElement(Ce.div, { ref: Pn(o, t), ...r, "cmdk-separator": "", role: "separator" });
+}), Tk = m.forwardRef((e, t) => {
+  let { onValueChange: n, ...r } = e, o = e.value != null, s = Sl(), i = Bn((u) => u.search), a = Bn((u) => u.selectedItemId), l = To();
   return m.useEffect(() => {
-    const _ = (O) => {
-      const F = O.target;
-      (y == null ? void 0 : y.contains(F)) && b(O, T);
-    };
-    return document.addEventListener("wheel", _, { passive: !1 }), () => document.removeEventListener("wheel", _, { passive: !1 });
-  }, [C, y, T, b]), m.useEffect(S, [r, S]), Nr(y, k), Nr(p.content, k), /* @__PURE__ */ c.jsx(
-    gk,
-    {
-      scope: n,
-      scrollbar: y,
-      hasThumb: o,
-      onThumbChange: Pt(s),
-      onThumbPointerUp: Pt(i),
-      onThumbPositionChange: S,
-      onThumbPointerDown: Pt(a),
-      children: /* @__PURE__ */ c.jsx(
-        Ce.div,
-        {
-          ...h,
-          ref: v,
-          style: { position: "absolute", ...h.style },
-          onPointerDown: pe(e.onPointerDown, (_) => {
-            _.button === 0 && (_.target.setPointerCapture(_.pointerId), x.current = y.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", p.viewport && (p.viewport.style.scrollBehavior = "auto"), R(_));
-          }),
-          onPointerMove: pe(e.onPointerMove, R),
-          onPointerUp: pe(e.onPointerUp, (_) => {
-            const O = _.target;
-            O.hasPointerCapture(_.pointerId) && O.releasePointerCapture(_.pointerId), document.body.style.webkitUserSelect = w.current, p.viewport && (p.viewport.style.scrollBehavior = ""), x.current = null;
-          })
-        }
-      )
+    e.value != null && s.setState("search", e.value);
+  }, [e.value]), m.createElement(Ce.input, { ref: t, ...r, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": l.listId, "aria-labelledby": l.labelId, "aria-activedescendant": a, id: l.inputId, type: "text", value: o ? e.value : i, onChange: (u) => {
+    o || s.setState("search", u.target.value), n == null || n(u.target.value);
+  } });
+}), kk = m.forwardRef((e, t) => {
+  let { children: n, label: r = "Suggestions", ...o } = e, s = m.useRef(null), i = m.useRef(null), a = Bn((u) => u.selectedItemId), l = To();
+  return m.useEffect(() => {
+    if (i.current && s.current) {
+      let u = i.current, d = s.current, f, h = new ResizeObserver(() => {
+        f = requestAnimationFrame(() => {
+          let p = u.offsetHeight;
+          d.style.setProperty("--cmdk-list-height", p.toFixed(1) + "px");
+        });
+      });
+      return h.observe(u), () => {
+        cancelAnimationFrame(f), h.unobserve(u);
+      };
     }
-  );
-}), vs = "ScrollAreaThumb", pp = m.forwardRef(
-  (e, t) => {
-    const { forceMount: n, ...r } = e, o = fp(vs, e.__scopeScrollArea);
-    return /* @__PURE__ */ c.jsx(an, { present: n || o.hasThumb, children: /* @__PURE__ */ c.jsx(xk, { ref: t, ...r }) });
-  }
-), xk = m.forwardRef(
-  (e, t) => {
-    const { __scopeScrollArea: n, style: r, ...o } = e, s = ln(vs, n), i = fp(vs, n), { onThumbPositionChange: a } = i, l = qe(
-      t,
-      (f) => i.onThumbChange(f)
-    ), u = m.useRef(void 0), d = ni(() => {
-      u.current && (u.current(), u.current = void 0);
-    }, 100);
-    return m.useEffect(() => {
-      const f = s.viewport;
-      if (f) {
-        const h = () => {
-          if (d(), !u.current) {
-            const p = wk(f, a);
-            u.current = p, a();
-          }
-        };
-        return a(), f.addEventListener("scroll", h), () => f.removeEventListener("scroll", h);
-      }
-    }, [s.viewport, d, a]), /* @__PURE__ */ c.jsx(
-      Ce.div,
-      {
-        "data-state": i.hasThumb ? "visible" : "hidden",
-        ...o,
-        ref: l,
-        style: {
-          width: "var(--radix-scroll-area-thumb-width)",
-          height: "var(--radix-scroll-area-thumb-height)",
-          ...r
-        },
-        onPointerDownCapture: pe(e.onPointerDownCapture, (f) => {
-          const p = f.target.getBoundingClientRect(), y = f.clientX - p.left, g = f.clientY - p.top;
-          i.onThumbPointerDown({ x: y, y: g });
-        }),
-        onPointerUp: pe(e.onPointerUp, i.onThumbPointerUp)
-      }
-    );
+  }, []), m.createElement(Ce.div, { ref: Pn(s, t), ...o, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": a, "aria-label": r, id: l.listId }, ti(e, (u) => m.createElement("div", { ref: Pn(i, l.listInnerRef), "cmdk-list-sizer": "" }, u)));
+}), Ik = m.forwardRef((e, t) => {
+  let { open: n, onOpenChange: r, overlayClassName: o, contentClassName: s, container: i, ...a } = e;
+  return m.createElement(hl, { open: n, onOpenChange: r }, m.createElement(pl, { container: i }, m.createElement(So, { "cmdk-overlay": "", className: o }), m.createElement(Co, { "aria-label": e.label, "cmdk-dialog": "", className: s }, m.createElement(fp, { ref: t, ...a }))));
+}), Ek = m.forwardRef((e, t) => Bn((n) => n.filtered.count === 0) ? m.createElement(Ce.div, { ref: t, ...e, "cmdk-empty": "", role: "presentation" }) : null), Rk = m.forwardRef((e, t) => {
+  let { progress: n, children: r, label: o = "Loading...", ...s } = e;
+  return m.createElement(Ce.div, { ref: t, ...s, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": o }, ti(e, (i) => m.createElement("div", { "aria-hidden": !0 }, i)));
+}), Yt = Object.assign(fp, { List: kk, Item: bk, Input: Tk, Group: Sk, Separator: Ck, Dialog: Ik, Empty: Ek, Loading: Rk });
+function Nk(e, t) {
+  let n = e.nextElementSibling;
+  for (; n; ) {
+    if (n.matches(t)) return n;
+    n = n.nextElementSibling;
   }
-);
-pp.displayName = vs;
-var kl = "ScrollAreaCorner", mp = m.forwardRef(
-  (e, t) => {
-    const n = ln(kl, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
-    return n.type !== "scroll" && r ? /* @__PURE__ */ c.jsx(yk, { ...e, ref: t }) : null;
+}
+function Ak(e, t) {
+  let n = e.previousElementSibling;
+  for (; n; ) {
+    if (n.matches(t)) return n;
+    n = n.previousElementSibling;
   }
-);
-mp.displayName = kl;
-var yk = m.forwardRef((e, t) => {
-  const { __scopeScrollArea: n, ...r } = e, o = ln(kl, n), [s, i] = m.useState(0), [a, l] = m.useState(0), u = !!(s && a);
-  return Nr(o.scrollbarX, () => {
-    var f;
-    const d = ((f = o.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
-    o.onCornerHeightChange(d), l(d);
-  }), Nr(o.scrollbarY, () => {
-    var f;
-    const d = ((f = o.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
-    o.onCornerWidthChange(d), i(d);
-  }), u ? /* @__PURE__ */ c.jsx(
-    Ce.div,
-    {
-      ...r,
-      ref: t,
-      style: {
-        width: s,
-        height: a,
-        position: "absolute",
-        right: o.dir === "ltr" ? 0 : void 0,
-        left: o.dir === "rtl" ? 0 : void 0,
-        bottom: 0,
-        ...e.style
-      }
-    }
-  ) : null;
-});
-function ws(e) {
-  return e ? parseInt(e, 10) : 0;
 }
-function gp(e, t) {
-  const n = e / t;
-  return isNaN(n) ? 0 : n;
+function hp(e) {
+  let t = m.useRef(e);
+  return sr(() => {
+    t.current = e;
+  }), t;
 }
-function ti(e) {
-  const t = gp(e.viewport, e.content), n = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - n) * t;
-  return Math.max(r, 18);
+var sr = typeof window > "u" ? m.useEffect : m.useLayoutEffect;
+function xr(e) {
+  let t = m.useRef();
+  return t.current === void 0 && (t.current = e()), t;
 }
-function vk(e, t, n, r = "ltr") {
-  const o = ti(n), s = o / 2, i = t || s, a = o - i, l = n.scrollbar.paddingStart + i, u = n.scrollbar.size - n.scrollbar.paddingEnd - a, d = n.content - n.viewport, f = r === "ltr" ? [0, d] : [d * -1, 0];
-  return xp([l, u], f)(e);
+function Bn(e) {
+  let t = Sl(), n = () => e(t.snapshot());
+  return m.useSyncExternalStore(t.subscribe, n, n);
 }
-function fu(e, t, n = "ltr") {
-  const r = ti(t), o = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - o, i = t.content - t.viewport, a = s - r, l = n === "ltr" ? [0, i] : [i * -1, 0], u = da(e, l);
-  return xp([0, i], [0, a])(u);
+function pp(e, t, n, r = []) {
+  let o = m.useRef(), s = To();
+  return sr(() => {
+    var i;
+    let a = (() => {
+      var u;
+      for (let d of n) {
+        if (typeof d == "string") return d.trim();
+        if (typeof d == "object" && "current" in d) return d.current ? (u = d.current.textContent) == null ? void 0 : u.trim() : o.current;
+      }
+    })(), l = r.map((u) => u.trim());
+    s.value(e, a, l), (i = t.current) == null || i.setAttribute(gr, a), o.current = a;
+  }), o;
 }
-function xp(e, t) {
-  return (n) => {
-    if (e[0] === e[1] || t[0] === t[1]) return t[0];
-    const r = (t[1] - t[0]) / (e[1] - e[0]);
-    return t[0] + r * (n - e[0]);
+var jk = () => {
+  let [e, t] = m.useState(), n = xr(() => /* @__PURE__ */ new Map());
+  return sr(() => {
+    n.current.forEach((r) => r()), n.current = /* @__PURE__ */ new Map();
+  }, [e]), (r, o) => {
+    n.current.set(r, o), t({});
   };
-}
-function yp(e, t) {
-  return e > 0 && e < t;
-}
-var wk = (e, t = () => {
-}) => {
-  let n = { left: e.scrollLeft, top: e.scrollTop }, r = 0;
-  return function o() {
-    const s = { left: e.scrollLeft, top: e.scrollTop }, i = n.left !== s.left, a = n.top !== s.top;
-    (i || a) && t(), n = s, r = window.requestAnimationFrame(o);
-  }(), () => window.cancelAnimationFrame(r);
 };
-function ni(e, t) {
-  const n = Pt(e), r = m.useRef(0);
-  return m.useEffect(() => () => window.clearTimeout(r.current), []), m.useCallback(() => {
-    window.clearTimeout(r.current), r.current = window.setTimeout(n, t);
-  }, [n, t]);
+function _k(e) {
+  let t = e.type;
+  return typeof t == "function" ? t(e.props) : "render" in t ? t.render(e.props) : e;
 }
-function Nr(e, t) {
-  const n = Pt(t);
-  Ot(() => {
-    let r = 0;
-    if (e) {
-      const o = new ResizeObserver(() => {
-        cancelAnimationFrame(r), r = window.requestAnimationFrame(n);
-      });
-      return o.observe(e), () => {
-        window.cancelAnimationFrame(r), o.unobserve(e);
-      };
-    }
-  }, [e, n]);
+function ti({ asChild: e, children: t }, n) {
+  return e && m.isValidElement(t) ? m.cloneElement(_k(t), { ref: t.ref }, n(t.props.children)) : n(t);
 }
-var vp = lp, bk = up, Sk = mp;
-const wp = m.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ c.jsxs(
-  vp,
+var Mk = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+const mp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
+  Yt,
   {
-    ref: r,
-    className: oe("relative overflow-hidden", e),
-    ...n,
-    children: [
-      /* @__PURE__ */ c.jsx(bk, { className: "h-full w-full rounded-[inherit] overflow-auto", children: t }),
-      /* @__PURE__ */ c.jsx(bp, {}),
-      /* @__PURE__ */ c.jsx(Sk, {})
-    ]
+    ref: n,
+    className: oe(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      e
+    ),
+    ...t
+  }
+));
+mp.displayName = Yt.displayName;
+const gp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ c.jsx(Su, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ c.jsx(
+    Yt.Input,
+    {
+      ref: n,
+      className: oe(
+        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...t
+    }
+  )
+] }));
+gp.displayName = Yt.Input.displayName;
+const xp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
+  Yt.List,
+  {
+    ref: n,
+    className: oe("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    ...t
   }
 ));
-wp.displayName = vp.displayName;
-const bp = m.forwardRef(({ className: e, orientation: t = "vertical", ...n }, r) => /* @__PURE__ */ c.jsx(
-  Cl,
+xp.displayName = Yt.List.displayName;
+const yp = m.forwardRef((e, t) => /* @__PURE__ */ c.jsx(
+  Yt.Empty,
   {
-    ref: r,
-    orientation: t,
+    ref: t,
+    className: "py-6 text-center text-sm",
+    ...e
+  }
+));
+yp.displayName = Yt.Empty.displayName;
+const vp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
+  Yt.Group,
+  {
+    ref: n,
     className: oe(
-      "flex touch-none select-none transition-colors",
-      t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       e
     ),
-    ...n,
-    children: /* @__PURE__ */ c.jsx(pp, { className: "relative flex-1 rounded-full bg-border" })
+    ...t
   }
 ));
-bp.displayName = Cl.displayName;
-var hu = 1, Ck = 0.9, Tk = 0.8, kk = 0.17, $i = 0.1, Fi = 0.999, Ik = 0.9999, Ek = 0.99, Rk = /[\\\/_+.#"@\[\(\{&]/, Nk = /[\\\/_+.#"@\[\(\{&]/g, Ak = /[\s-]/, Sp = /[\s-]/g;
-function fa(e, t, n, r, o, s, i) {
-  if (s === t.length) return o === e.length ? hu : Ek;
-  var a = `${o},${s}`;
-  if (i[a] !== void 0) return i[a];
-  for (var l = r.charAt(s), u = n.indexOf(l, o), d = 0, f, h, p, y; u >= 0; ) f = fa(e, t, n, r, u + 1, s + 1, i), f > d && (u === o ? f *= hu : Rk.test(e.charAt(u - 1)) ? (f *= Tk, p = e.slice(o, u - 1).match(Nk), p && o > 0 && (f *= Math.pow(Fi, p.length))) : Ak.test(e.charAt(u - 1)) ? (f *= Ck, y = e.slice(o, u - 1).match(Sp), y && o > 0 && (f *= Math.pow(Fi, y.length))) : (f *= kk, o > 0 && (f *= Math.pow(Fi, u - o))), e.charAt(u) !== t.charAt(s) && (f *= Ik)), (f < $i && n.charAt(u - 1) === r.charAt(s + 1) || r.charAt(s + 1) === r.charAt(s) && n.charAt(u - 1) !== r.charAt(s)) && (h = fa(e, t, n, r, u + 1, s + 2, i), h * $i > f && (f = h * $i)), f > d && (d = f), u = n.indexOf(l, u + 1);
-  return i[a] = d, d;
-}
-function pu(e) {
-  return e.toLowerCase().replace(Sp, " ");
+vp.displayName = Yt.Group.displayName;
+const Pk = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
+  Yt.Separator,
+  {
+    ref: n,
+    className: oe("-mx-1 h-px bg-border", e),
+    ...t
+  }
+));
+Pk.displayName = Yt.Separator.displayName;
+const wp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
+  Yt.Item,
+  {
+    ref: n,
+    className: oe(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50",
+      e
+    ),
+    ...t
+  }
+));
+wp.displayName = Yt.Item.displayName;
+function ha(e, [t, n]) {
+  return Math.min(n, Math.max(t, e));
 }
-function jk(e, t, n) {
-  return e = n && n.length > 0 ? `${e + " " + n.join(" ")}` : e, fa(e, t, pu(e), pu(t), 0, 0, {});
+function Ok(e, t) {
+  return m.useReducer((n, r) => t[n][r] ?? n, e);
 }
-var zr = '[cmdk-group=""]', Bi = '[cmdk-group-items=""]', _k = '[cmdk-group-heading=""]', Cp = '[cmdk-item=""]', mu = `${Cp}:not([aria-disabled="true"])`, ha = "cmdk-item-select", gr = "data-value", Mk = (e, t, n) => jk(e, t, n), Tp = m.createContext(void 0), To = () => m.useContext(Tp), kp = m.createContext(void 0), Il = () => m.useContext(kp), Ip = m.createContext(void 0), Ep = m.forwardRef((e, t) => {
-  let n = xr(() => {
-    var N, X;
-    return { search: "", value: (X = (N = e.value) != null ? N : e.defaultValue) != null ? X : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
-  }), r = xr(() => /* @__PURE__ */ new Set()), o = xr(() => /* @__PURE__ */ new Map()), s = xr(() => /* @__PURE__ */ new Map()), i = xr(() => /* @__PURE__ */ new Set()), a = Rp(e), { label: l, children: u, value: d, onValueChange: f, filter: h, shouldFilter: p, loop: y, disablePointerSelection: g = !1, vimBindings: v = !0, ...x } = e, w = Ut(), C = Ut(), T = Ut(), b = m.useRef(null), S = Wk();
-  sr(() => {
-    if (d !== void 0) {
-      let N = d.trim();
-      n.current.value = N, k.emit();
-    }
-  }, [d]), sr(() => {
-    S(6, q);
-  }, []);
-  let k = m.useMemo(() => ({ subscribe: (N) => (i.current.add(N), () => i.current.delete(N)), snapshot: () => n.current, setState: (N, X, W) => {
-    var U, Q, H, P;
-    if (!Object.is(n.current[N], X)) {
-      if (n.current[N] = X, N === "search") Y(), O(), S(1, F);
-      else if (N === "value") {
-        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
-          let V = document.getElementById(T);
-          V ? V.focus() : (U = document.getElementById(w)) == null || U.focus();
-        }
-        if (S(7, () => {
-          var V;
-          n.current.selectedItemId = (V = j()) == null ? void 0 : V.id, k.emit();
-        }), W || S(5, q), ((Q = a.current) == null ? void 0 : Q.value) !== void 0) {
-          let V = X ?? "";
-          (P = (H = a.current).onValueChange) == null || P.call(H, V);
-          return;
-        }
-      }
-      k.emit();
-    }
-  }, emit: () => {
-    i.current.forEach((N) => N());
-  } }), []), R = m.useMemo(() => ({ value: (N, X, W) => {
-    var U;
-    X !== ((U = s.current.get(N)) == null ? void 0 : U.value) && (s.current.set(N, { value: X, keywords: W }), n.current.filtered.items.set(N, _(X, W)), S(2, () => {
-      O(), k.emit();
-    }));
-  }, item: (N, X) => (r.current.add(N), X && (o.current.has(X) ? o.current.get(X).add(N) : o.current.set(X, /* @__PURE__ */ new Set([N]))), S(3, () => {
-    Y(), O(), n.current.value || F(), k.emit();
-  }), () => {
-    s.current.delete(N), r.current.delete(N), n.current.filtered.items.delete(N);
-    let W = j();
-    S(4, () => {
-      Y(), (W == null ? void 0 : W.getAttribute("id")) === N && F(), k.emit();
-    });
-  }), group: (N) => (o.current.has(N) || o.current.set(N, /* @__PURE__ */ new Set()), () => {
-    s.current.delete(N), o.current.delete(N);
-  }), filter: () => a.current.shouldFilter, label: l || e["aria-label"], getDisablePointerSelection: () => a.current.disablePointerSelection, listId: w, inputId: T, labelId: C, listInnerRef: b }), []);
-  function _(N, X) {
-    var W, U;
-    let Q = (U = (W = a.current) == null ? void 0 : W.filter) != null ? U : Mk;
-    return N ? Q(N, n.current.search, X) : 0;
+var Cl = "ScrollArea", [bp, jE] = An(Cl), [Dk, ln] = bp(Cl), Sp = m.forwardRef(
+  (e, t) => {
+    const {
+      __scopeScrollArea: n,
+      type: r = "hover",
+      dir: o,
+      scrollHideDelay: s = 600,
+      ...i
+    } = e, [a, l] = m.useState(null), [u, d] = m.useState(null), [f, h] = m.useState(null), [p, y] = m.useState(null), [g, v] = m.useState(null), [x, w] = m.useState(0), [C, T] = m.useState(0), [b, S] = m.useState(!1), [k, R] = m.useState(!1), _ = qe(t, (F) => l(F)), O = Ms(o);
+    return /* @__PURE__ */ c.jsx(
+      Dk,
+      {
+        scope: n,
+        type: r,
+        dir: O,
+        scrollHideDelay: s,
+        scrollArea: a,
+        viewport: u,
+        onViewportChange: d,
+        content: f,
+        onContentChange: h,
+        scrollbarX: p,
+        onScrollbarXChange: y,
+        scrollbarXEnabled: b,
+        onScrollbarXEnabledChange: S,
+        scrollbarY: g,
+        onScrollbarYChange: v,
+        scrollbarYEnabled: k,
+        onScrollbarYEnabledChange: R,
+        onCornerWidthChange: w,
+        onCornerHeightChange: T,
+        children: /* @__PURE__ */ c.jsx(
+          Ce.div,
+          {
+            dir: O,
+            ...i,
+            ref: _,
+            style: {
+              position: "relative",
+              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
+              "--radix-scroll-area-corner-width": x + "px",
+              "--radix-scroll-area-corner-height": C + "px",
+              ...e.style
+            }
+          }
+        )
+      }
+    );
   }
-  function O() {
-    if (!n.current.search || a.current.shouldFilter === !1) return;
-    let N = n.current.filtered.items, X = [];
-    n.current.filtered.groups.forEach((U) => {
-      let Q = o.current.get(U), H = 0;
-      Q.forEach((P) => {
-        let V = N.get(P);
-        H = Math.max(V, H);
-      }), X.push([U, H]);
-    });
-    let W = b.current;
-    z().sort((U, Q) => {
-      var H, P;
-      let V = U.getAttribute("id"), B = Q.getAttribute("id");
-      return ((H = N.get(B)) != null ? H : 0) - ((P = N.get(V)) != null ? P : 0);
-    }).forEach((U) => {
-      let Q = U.closest(Bi);
-      Q ? Q.appendChild(U.parentElement === Q ? U : U.closest(`${Bi} > *`)) : W.appendChild(U.parentElement === W ? U : U.closest(`${Bi} > *`));
-    }), X.sort((U, Q) => Q[1] - U[1]).forEach((U) => {
-      var Q;
-      let H = (Q = b.current) == null ? void 0 : Q.querySelector(`${zr}[${gr}="${encodeURIComponent(U[0])}"]`);
-      H == null || H.parentElement.appendChild(H);
-    });
+);
+Sp.displayName = Cl;
+var Cp = "ScrollAreaViewport", Tp = m.forwardRef(
+  (e, t) => {
+    const { __scopeScrollArea: n, children: r, nonce: o, ...s } = e, i = ln(Cp, n), a = m.useRef(null), l = qe(t, a, i.onViewportChange);
+    return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+      /* @__PURE__ */ c.jsx(
+        "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: o
+        }
+      ),
+      /* @__PURE__ */ c.jsx(
+        Ce.div,
+        {
+          "data-radix-scroll-area-viewport": "",
+          ...s,
+          ref: l,
+          style: {
+            /**
+             * 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: i.scrollbarXEnabled ? "scroll" : "hidden",
+            overflowY: i.scrollbarYEnabled ? "scroll" : "hidden",
+            ...e.style
+          },
+          children: /* @__PURE__ */ c.jsx("div", { ref: i.onContentChange, style: { minWidth: "100%", display: "table" }, children: r })
+        }
+      )
+    ] });
   }
-  function F() {
-    let N = z().find((W) => W.getAttribute("aria-disabled") !== "true"), X = N == null ? void 0 : N.getAttribute(gr);
-    k.setState("value", X || void 0);
+);
+Tp.displayName = Cp;
+var kn = "ScrollAreaScrollbar", Tl = m.forwardRef(
+  (e, t) => {
+    const { forceMount: n, ...r } = e, o = ln(kn, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: i } = o, a = e.orientation === "horizontal";
+    return m.useEffect(() => (a ? s(!0) : i(!0), () => {
+      a ? s(!1) : i(!1);
+    }), [a, s, i]), o.type === "hover" ? /* @__PURE__ */ c.jsx(Lk, { ...r, ref: t, forceMount: n }) : o.type === "scroll" ? /* @__PURE__ */ c.jsx($k, { ...r, ref: t, forceMount: n }) : o.type === "auto" ? /* @__PURE__ */ c.jsx(kp, { ...r, ref: t, forceMount: n }) : o.type === "always" ? /* @__PURE__ */ c.jsx(kl, { ...r, ref: t }) : null;
   }
-  function Y() {
-    var N, X, W, U;
-    if (!n.current.search || a.current.shouldFilter === !1) {
-      n.current.filtered.count = r.current.size;
-      return;
+);
+Tl.displayName = kn;
+var Lk = m.forwardRef((e, t) => {
+  const { forceMount: n, ...r } = e, o = ln(kn, e.__scopeScrollArea), [s, i] = m.useState(!1);
+  return m.useEffect(() => {
+    const a = o.scrollArea;
+    let l = 0;
+    if (a) {
+      const u = () => {
+        window.clearTimeout(l), i(!0);
+      }, d = () => {
+        l = window.setTimeout(() => i(!1), o.scrollHideDelay);
+      };
+      return a.addEventListener("pointerenter", u), a.addEventListener("pointerleave", d), () => {
+        window.clearTimeout(l), a.removeEventListener("pointerenter", u), a.removeEventListener("pointerleave", d);
+      };
     }
-    n.current.filtered.groups = /* @__PURE__ */ new Set();
-    let Q = 0;
-    for (let H of r.current) {
-      let P = (X = (N = s.current.get(H)) == null ? void 0 : N.value) != null ? X : "", V = (U = (W = s.current.get(H)) == null ? void 0 : W.keywords) != null ? U : [], B = _(P, V);
-      n.current.filtered.items.set(H, B), B > 0 && Q++;
+  }, [o.scrollArea, o.scrollHideDelay]), /* @__PURE__ */ c.jsx(an, { present: n || s, children: /* @__PURE__ */ c.jsx(
+    kp,
+    {
+      "data-state": s ? "visible" : "hidden",
+      ...r,
+      ref: t
     }
-    for (let [H, P] of o.current) for (let V of P) if (n.current.filtered.items.get(V) > 0) {
-      n.current.filtered.groups.add(H);
-      break;
+  ) });
+}), $k = m.forwardRef((e, t) => {
+  const { forceMount: n, ...r } = e, o = ln(kn, e.__scopeScrollArea), s = e.orientation === "horizontal", i = ri(() => l("SCROLL_END"), 100), [a, l] = Ok("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"
     }
-    n.current.filtered.count = Q;
-  }
-  function q() {
-    var N, X, W;
-    let U = j();
-    U && (((N = U.parentElement) == null ? void 0 : N.firstChild) === U && ((W = (X = U.closest(zr)) == null ? void 0 : X.querySelector(_k)) == null || W.scrollIntoView({ block: "nearest" })), U.scrollIntoView({ block: "nearest" }));
-  }
-  function j() {
-    var N;
-    return (N = b.current) == null ? void 0 : N.querySelector(`${Cp}[aria-selected="true"]`);
-  }
-  function z() {
-    var N;
-    return Array.from(((N = b.current) == null ? void 0 : N.querySelectorAll(mu)) || []);
-  }
-  function I(N) {
-    let X = z()[N];
-    X && k.setState("value", X.getAttribute(gr));
-  }
-  function M(N) {
-    var X;
-    let W = j(), U = z(), Q = U.findIndex((P) => P === W), H = U[Q + N];
-    (X = a.current) != null && X.loop && (H = Q + N < 0 ? U[U.length - 1] : Q + N === U.length ? U[0] : U[Q + N]), H && k.setState("value", H.getAttribute(gr));
-  }
-  function D(N) {
-    let X = j(), W = X == null ? void 0 : X.closest(zr), U;
-    for (; W && !U; ) W = N > 0 ? Uk(W, zr) : Hk(W, zr), U = W == null ? void 0 : W.querySelector(mu);
-    U ? k.setState("value", U.getAttribute(gr)) : M(N);
-  }
-  let A = () => I(z().length - 1), K = (N) => {
-    N.preventDefault(), N.metaKey ? A() : N.altKey ? D(1) : M(1);
-  }, G = (N) => {
-    N.preventDefault(), N.metaKey ? I(0) : N.altKey ? D(-1) : M(-1);
+  });
+  return m.useEffect(() => {
+    if (a === "idle") {
+      const u = window.setTimeout(() => l("HIDE"), o.scrollHideDelay);
+      return () => window.clearTimeout(u);
+    }
+  }, [a, o.scrollHideDelay, l]), m.useEffect(() => {
+    const u = o.viewport, d = s ? "scrollLeft" : "scrollTop";
+    if (u) {
+      let f = u[d];
+      const h = () => {
+        const p = u[d];
+        f !== p && (l("SCROLL"), i()), f = p;
+      };
+      return u.addEventListener("scroll", h), () => u.removeEventListener("scroll", h);
+    }
+  }, [o.viewport, s, l, i]), /* @__PURE__ */ c.jsx(an, { present: n || a !== "hidden", children: /* @__PURE__ */ c.jsx(
+    kl,
+    {
+      "data-state": a === "hidden" ? "hidden" : "visible",
+      ...r,
+      ref: t,
+      onPointerEnter: pe(e.onPointerEnter, () => l("POINTER_ENTER")),
+      onPointerLeave: pe(e.onPointerLeave, () => l("POINTER_LEAVE"))
+    }
+  ) });
+}), kp = m.forwardRef((e, t) => {
+  const n = ln(kn, e.__scopeScrollArea), { forceMount: r, ...o } = e, [s, i] = m.useState(!1), a = e.orientation === "horizontal", l = ri(() => {
+    if (n.viewport) {
+      const u = n.viewport.offsetWidth < n.viewport.scrollWidth, d = n.viewport.offsetHeight < n.viewport.scrollHeight;
+      i(a ? u : d);
+    }
+  }, 10);
+  return Nr(n.viewport, l), Nr(n.content, l), /* @__PURE__ */ c.jsx(an, { present: r || s, children: /* @__PURE__ */ c.jsx(
+    kl,
+    {
+      "data-state": s ? "visible" : "hidden",
+      ...o,
+      ref: t
+    }
+  ) });
+}), kl = m.forwardRef((e, t) => {
+  const { orientation: n = "vertical", ...r } = e, o = ln(kn, e.__scopeScrollArea), s = m.useRef(null), i = m.useRef(0), [a, l] = m.useState({
+    content: 0,
+    viewport: 0,
+    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
+  }), u = Ap(a.viewport, a.content), d = {
+    ...r,
+    sizes: a,
+    onSizesChange: l,
+    hasThumb: u > 0 && u < 1,
+    onThumbChange: (h) => s.current = h,
+    onThumbPointerUp: () => i.current = 0,
+    onThumbPointerDown: (h) => i.current = h
   };
-  return m.createElement(Ce.div, { ref: t, tabIndex: -1, ...x, "cmdk-root": "", onKeyDown: (N) => {
-    var X;
-    (X = x.onKeyDown) == null || X.call(x, N);
-    let W = N.nativeEvent.isComposing || N.keyCode === 229;
-    if (!(N.defaultPrevented || W)) switch (N.key) {
-      case "n":
-      case "j": {
-        v && N.ctrlKey && K(N);
-        break;
-      }
-      case "ArrowDown": {
-        K(N);
-        break;
-      }
-      case "p":
-      case "k": {
-        v && N.ctrlKey && G(N);
-        break;
+  function f(h, p) {
+    return Wk(h, i.current, a, p);
+  }
+  return n === "horizontal" ? /* @__PURE__ */ c.jsx(
+    Fk,
+    {
+      ...d,
+      ref: t,
+      onThumbPositionChange: () => {
+        if (o.viewport && s.current) {
+          const h = o.viewport.scrollLeft, p = mu(h, a, o.dir);
+          s.current.style.transform = `translate3d(${p}px, 0, 0)`;
+        }
+      },
+      onWheelScroll: (h) => {
+        o.viewport && (o.viewport.scrollLeft = h);
+      },
+      onDragScroll: (h) => {
+        o.viewport && (o.viewport.scrollLeft = f(h, o.dir));
       }
-      case "ArrowUp": {
-        G(N);
-        break;
+    }
+  ) : n === "vertical" ? /* @__PURE__ */ c.jsx(
+    Bk,
+    {
+      ...d,
+      ref: t,
+      onThumbPositionChange: () => {
+        if (o.viewport && s.current) {
+          const h = o.viewport.scrollTop, p = mu(h, a);
+          s.current.style.transform = `translate3d(0, ${p}px, 0)`;
+        }
+      },
+      onWheelScroll: (h) => {
+        o.viewport && (o.viewport.scrollTop = h);
+      },
+      onDragScroll: (h) => {
+        o.viewport && (o.viewport.scrollTop = f(h));
       }
-      case "Home": {
-        N.preventDefault(), I(0);
-        break;
+    }
+  ) : null;
+}), Fk = m.forwardRef((e, t) => {
+  const { sizes: n, onSizesChange: r, ...o } = e, s = ln(kn, e.__scopeScrollArea), [i, a] = m.useState(), l = m.useRef(null), u = qe(t, l, s.onScrollbarXChange);
+  return m.useEffect(() => {
+    l.current && a(getComputedStyle(l.current));
+  }, [l]), /* @__PURE__ */ c.jsx(
+    Ep,
+    {
+      "data-orientation": "horizontal",
+      ...o,
+      ref: u,
+      sizes: n,
+      style: {
+        bottom: 0,
+        left: s.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+        right: s.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+        "--radix-scroll-area-thumb-width": ni(n) + "px",
+        ...e.style
+      },
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
+      onDragScroll: (d) => e.onDragScroll(d.x),
+      onWheelScroll: (d, f) => {
+        if (s.viewport) {
+          const h = s.viewport.scrollLeft + d.deltaX;
+          e.onWheelScroll(h), _p(h, f) && d.preventDefault();
+        }
+      },
+      onResize: () => {
+        l.current && s.viewport && i && r({
+          content: s.viewport.scrollWidth,
+          viewport: s.viewport.offsetWidth,
+          scrollbar: {
+            size: l.current.clientWidth,
+            paddingStart: ws(i.paddingLeft),
+            paddingEnd: ws(i.paddingRight)
+          }
+        });
       }
-      case "End": {
-        N.preventDefault(), A();
-        break;
+    }
+  );
+}), Bk = m.forwardRef((e, t) => {
+  const { sizes: n, onSizesChange: r, ...o } = e, s = ln(kn, e.__scopeScrollArea), [i, a] = m.useState(), l = m.useRef(null), u = qe(t, l, s.onScrollbarYChange);
+  return m.useEffect(() => {
+    l.current && a(getComputedStyle(l.current));
+  }, [l]), /* @__PURE__ */ c.jsx(
+    Ep,
+    {
+      "data-orientation": "vertical",
+      ...o,
+      ref: u,
+      sizes: n,
+      style: {
+        top: 0,
+        right: s.dir === "ltr" ? 0 : void 0,
+        left: s.dir === "rtl" ? 0 : void 0,
+        bottom: "var(--radix-scroll-area-corner-height)",
+        "--radix-scroll-area-thumb-height": ni(n) + "px",
+        ...e.style
+      },
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
+      onDragScroll: (d) => e.onDragScroll(d.y),
+      onWheelScroll: (d, f) => {
+        if (s.viewport) {
+          const h = s.viewport.scrollTop + d.deltaY;
+          e.onWheelScroll(h), _p(h, f) && d.preventDefault();
+        }
+      },
+      onResize: () => {
+        l.current && s.viewport && i && r({
+          content: s.viewport.scrollHeight,
+          viewport: s.viewport.offsetHeight,
+          scrollbar: {
+            size: l.current.clientHeight,
+            paddingStart: ws(i.paddingTop),
+            paddingEnd: ws(i.paddingBottom)
+          }
+        });
       }
-      case "Enter": {
-        N.preventDefault();
-        let U = j();
-        if (U) {
-          let Q = new Event(ha);
-          U.dispatchEvent(Q);
+    }
+  );
+}), [zk, Ip] = bp(kn), Ep = m.forwardRef((e, t) => {
+  const {
+    __scopeScrollArea: n,
+    sizes: r,
+    hasThumb: o,
+    onThumbChange: s,
+    onThumbPointerUp: i,
+    onThumbPointerDown: a,
+    onThumbPositionChange: l,
+    onDragScroll: u,
+    onWheelScroll: d,
+    onResize: f,
+    ...h
+  } = e, p = ln(kn, n), [y, g] = m.useState(null), v = qe(t, (_) => g(_)), x = m.useRef(null), w = m.useRef(""), C = p.viewport, T = r.content - r.viewport, b = Pt(d), S = Pt(l), k = ri(f, 10);
+  function R(_) {
+    if (x.current) {
+      const O = _.clientX - x.current.left, F = _.clientY - x.current.top;
+      u({ x: O, y: F });
+    }
+  }
+  return m.useEffect(() => {
+    const _ = (O) => {
+      const F = O.target;
+      (y == null ? void 0 : y.contains(F)) && b(O, T);
+    };
+    return document.addEventListener("wheel", _, { passive: !1 }), () => document.removeEventListener("wheel", _, { passive: !1 });
+  }, [C, y, T, b]), m.useEffect(S, [r, S]), Nr(y, k), Nr(p.content, k), /* @__PURE__ */ c.jsx(
+    zk,
+    {
+      scope: n,
+      scrollbar: y,
+      hasThumb: o,
+      onThumbChange: Pt(s),
+      onThumbPointerUp: Pt(i),
+      onThumbPositionChange: S,
+      onThumbPointerDown: Pt(a),
+      children: /* @__PURE__ */ c.jsx(
+        Ce.div,
+        {
+          ...h,
+          ref: v,
+          style: { position: "absolute", ...h.style },
+          onPointerDown: pe(e.onPointerDown, (_) => {
+            _.button === 0 && (_.target.setPointerCapture(_.pointerId), x.current = y.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", p.viewport && (p.viewport.style.scrollBehavior = "auto"), R(_));
+          }),
+          onPointerMove: pe(e.onPointerMove, R),
+          onPointerUp: pe(e.onPointerUp, (_) => {
+            const O = _.target;
+            O.hasPointerCapture(_.pointerId) && O.releasePointerCapture(_.pointerId), document.body.style.webkitUserSelect = w.current, p.viewport && (p.viewport.style.scrollBehavior = ""), x.current = null;
+          })
         }
-      }
+      )
     }
-  } }, m.createElement("label", { "cmdk-label": "", htmlFor: R.inputId, id: R.labelId, style: Kk }, l), ri(e, (N) => m.createElement(kp.Provider, { value: k }, m.createElement(Tp.Provider, { value: R }, N))));
-}), Pk = m.forwardRef((e, t) => {
-  var n, r;
-  let o = Ut(), s = m.useRef(null), i = m.useContext(Ip), a = To(), l = Rp(e), u = (r = (n = l.current) == null ? void 0 : n.forceMount) != null ? r : i == null ? void 0 : i.forceMount;
-  sr(() => {
-    if (!u) return a.item(o, i == null ? void 0 : i.id);
-  }, [u]);
-  let d = Np(o, s, [e.value, e.children, s], e.keywords), f = Il(), h = Bn((S) => S.value && S.value === d.current), p = Bn((S) => u || a.filter() === !1 ? !0 : S.search ? S.filtered.items.get(o) > 0 : !0);
-  m.useEffect(() => {
-    let S = s.current;
-    if (!(!S || e.disabled)) return S.addEventListener(ha, y), () => S.removeEventListener(ha, y);
-  }, [p, e.onSelect, e.disabled]);
-  function y() {
-    var S, k;
-    g(), (k = (S = l.current).onSelect) == null || k.call(S, d.current);
-  }
-  function g() {
-    f.setState("value", d.current, !0);
+  );
+}), vs = "ScrollAreaThumb", Rp = m.forwardRef(
+  (e, t) => {
+    const { forceMount: n, ...r } = e, o = Ip(vs, e.__scopeScrollArea);
+    return /* @__PURE__ */ c.jsx(an, { present: n || o.hasThumb, children: /* @__PURE__ */ c.jsx(Uk, { ref: t, ...r }) });
   }
-  if (!p) return null;
-  let { disabled: v, value: x, onSelect: w, forceMount: C, keywords: T, ...b } = e;
-  return m.createElement(Ce.div, { ref: Pn(s, t), ...b, id: o, "cmdk-item": "", role: "option", "aria-disabled": !!v, "aria-selected": !!h, "data-disabled": !!v, "data-selected": !!h, onPointerMove: v || a.getDisablePointerSelection() ? void 0 : g, onClick: v ? void 0 : y }, e.children);
-}), Ok = m.forwardRef((e, t) => {
-  let { heading: n, children: r, forceMount: o, ...s } = e, i = Ut(), a = m.useRef(null), l = m.useRef(null), u = Ut(), d = To(), f = Bn((p) => o || d.filter() === !1 ? !0 : p.search ? p.filtered.groups.has(i) : !0);
-  sr(() => d.group(i), []), Np(i, a, [e.value, e.heading, l]);
-  let h = m.useMemo(() => ({ id: i, forceMount: o }), [o]);
-  return m.createElement(Ce.div, { ref: Pn(a, t), ...s, "cmdk-group": "", role: "presentation", hidden: f ? void 0 : !0 }, n && m.createElement("div", { ref: l, "cmdk-group-heading": "", "aria-hidden": !0, id: u }, n), ri(e, (p) => m.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": n ? u : void 0 }, m.createElement(Ip.Provider, { value: h }, p))));
-}), Dk = m.forwardRef((e, t) => {
-  let { alwaysRender: n, ...r } = e, o = m.useRef(null), s = Bn((i) => !i.search);
-  return !n && !s ? null : m.createElement(Ce.div, { ref: Pn(o, t), ...r, "cmdk-separator": "", role: "separator" });
-}), Lk = m.forwardRef((e, t) => {
-  let { onValueChange: n, ...r } = e, o = e.value != null, s = Il(), i = Bn((u) => u.search), a = Bn((u) => u.selectedItemId), l = To();
-  return m.useEffect(() => {
-    e.value != null && s.setState("search", e.value);
-  }, [e.value]), m.createElement(Ce.input, { ref: t, ...r, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": l.listId, "aria-labelledby": l.labelId, "aria-activedescendant": a, id: l.inputId, type: "text", value: o ? e.value : i, onChange: (u) => {
-    o || s.setState("search", u.target.value), n == null || n(u.target.value);
-  } });
-}), $k = m.forwardRef((e, t) => {
-  let { children: n, label: r = "Suggestions", ...o } = e, s = m.useRef(null), i = m.useRef(null), a = Bn((u) => u.selectedItemId), l = To();
-  return m.useEffect(() => {
-    if (i.current && s.current) {
-      let u = i.current, d = s.current, f, h = new ResizeObserver(() => {
-        f = requestAnimationFrame(() => {
-          let p = u.offsetHeight;
-          d.style.setProperty("--cmdk-list-height", p.toFixed(1) + "px");
-        });
-      });
-      return h.observe(u), () => {
-        cancelAnimationFrame(f), h.unobserve(u);
-      };
-    }
-  }, []), m.createElement(Ce.div, { ref: Pn(s, t), ...o, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": a, "aria-label": r, id: l.listId }, ri(e, (u) => m.createElement("div", { ref: Pn(i, l.listInnerRef), "cmdk-list-sizer": "" }, u)));
-}), Fk = m.forwardRef((e, t) => {
-  let { open: n, onOpenChange: r, overlayClassName: o, contentClassName: s, container: i, ...a } = e;
-  return m.createElement(hl, { open: n, onOpenChange: r }, m.createElement(pl, { container: i }, m.createElement(So, { "cmdk-overlay": "", className: o }), m.createElement(Co, { "aria-label": e.label, "cmdk-dialog": "", className: s }, m.createElement(Ep, { ref: t, ...a }))));
-}), Bk = m.forwardRef((e, t) => Bn((n) => n.filtered.count === 0) ? m.createElement(Ce.div, { ref: t, ...e, "cmdk-empty": "", role: "presentation" }) : null), zk = m.forwardRef((e, t) => {
-  let { progress: n, children: r, label: o = "Loading...", ...s } = e;
-  return m.createElement(Ce.div, { ref: t, ...s, "cmdk-loading": "", role: "progressbar", "aria-valuenow": n, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": o }, ri(e, (i) => m.createElement("div", { "aria-hidden": !0 }, i)));
-}), Yt = Object.assign(Ep, { List: $k, Item: Pk, Input: Lk, Group: Ok, Separator: Dk, Dialog: Fk, Empty: Bk, Loading: zk });
-function Uk(e, t) {
-  let n = e.nextElementSibling;
-  for (; n; ) {
-    if (n.matches(t)) return n;
-    n = n.nextElementSibling;
+), Uk = m.forwardRef(
+  (e, t) => {
+    const { __scopeScrollArea: n, style: r, ...o } = e, s = ln(vs, n), i = Ip(vs, n), { onThumbPositionChange: a } = i, l = qe(
+      t,
+      (f) => i.onThumbChange(f)
+    ), u = m.useRef(void 0), d = ri(() => {
+      u.current && (u.current(), u.current = void 0);
+    }, 100);
+    return m.useEffect(() => {
+      const f = s.viewport;
+      if (f) {
+        const h = () => {
+          if (d(), !u.current) {
+            const p = Vk(f, a);
+            u.current = p, a();
+          }
+        };
+        return a(), f.addEventListener("scroll", h), () => f.removeEventListener("scroll", h);
+      }
+    }, [s.viewport, d, a]), /* @__PURE__ */ c.jsx(
+      Ce.div,
+      {
+        "data-state": i.hasThumb ? "visible" : "hidden",
+        ...o,
+        ref: l,
+        style: {
+          width: "var(--radix-scroll-area-thumb-width)",
+          height: "var(--radix-scroll-area-thumb-height)",
+          ...r
+        },
+        onPointerDownCapture: pe(e.onPointerDownCapture, (f) => {
+          const p = f.target.getBoundingClientRect(), y = f.clientX - p.left, g = f.clientY - p.top;
+          i.onThumbPointerDown({ x: y, y: g });
+        }),
+        onPointerUp: pe(e.onPointerUp, i.onThumbPointerUp)
+      }
+    );
   }
-}
-function Hk(e, t) {
-  let n = e.previousElementSibling;
-  for (; n; ) {
-    if (n.matches(t)) return n;
-    n = n.previousElementSibling;
+);
+Rp.displayName = vs;
+var Il = "ScrollAreaCorner", Np = m.forwardRef(
+  (e, t) => {
+    const n = ln(Il, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
+    return n.type !== "scroll" && r ? /* @__PURE__ */ c.jsx(Hk, { ...e, ref: t }) : null;
   }
+);
+Np.displayName = Il;
+var Hk = m.forwardRef((e, t) => {
+  const { __scopeScrollArea: n, ...r } = e, o = ln(Il, n), [s, i] = m.useState(0), [a, l] = m.useState(0), u = !!(s && a);
+  return Nr(o.scrollbarX, () => {
+    var f;
+    const d = ((f = o.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
+    o.onCornerHeightChange(d), l(d);
+  }), Nr(o.scrollbarY, () => {
+    var f;
+    const d = ((f = o.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
+    o.onCornerWidthChange(d), i(d);
+  }), u ? /* @__PURE__ */ c.jsx(
+    Ce.div,
+    {
+      ...r,
+      ref: t,
+      style: {
+        width: s,
+        height: a,
+        position: "absolute",
+        right: o.dir === "ltr" ? 0 : void 0,
+        left: o.dir === "rtl" ? 0 : void 0,
+        bottom: 0,
+        ...e.style
+      }
+    }
+  ) : null;
+});
+function ws(e) {
+  return e ? parseInt(e, 10) : 0;
 }
-function Rp(e) {
-  let t = m.useRef(e);
-  return sr(() => {
-    t.current = e;
-  }), t;
+function Ap(e, t) {
+  const n = e / t;
+  return isNaN(n) ? 0 : n;
 }
-var sr = typeof window > "u" ? m.useEffect : m.useLayoutEffect;
-function xr(e) {
-  let t = m.useRef();
-  return t.current === void 0 && (t.current = e()), t;
+function ni(e) {
+  const t = Ap(e.viewport, e.content), n = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - n) * t;
+  return Math.max(r, 18);
 }
-function Bn(e) {
-  let t = Il(), n = () => e(t.snapshot());
-  return m.useSyncExternalStore(t.subscribe, n, n);
+function Wk(e, t, n, r = "ltr") {
+  const o = ni(n), s = o / 2, i = t || s, a = o - i, l = n.scrollbar.paddingStart + i, u = n.scrollbar.size - n.scrollbar.paddingEnd - a, d = n.content - n.viewport, f = r === "ltr" ? [0, d] : [d * -1, 0];
+  return jp([l, u], f)(e);
 }
-function Np(e, t, n, r = []) {
-  let o = m.useRef(), s = To();
-  return sr(() => {
-    var i;
-    let a = (() => {
-      var u;
-      for (let d of n) {
-        if (typeof d == "string") return d.trim();
-        if (typeof d == "object" && "current" in d) return d.current ? (u = d.current.textContent) == null ? void 0 : u.trim() : o.current;
-      }
-    })(), l = r.map((u) => u.trim());
-    s.value(e, a, l), (i = t.current) == null || i.setAttribute(gr, a), o.current = a;
-  }), o;
+function mu(e, t, n = "ltr") {
+  const r = ni(t), o = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - o, i = t.content - t.viewport, a = s - r, l = n === "ltr" ? [0, i] : [i * -1, 0], u = ha(e, l);
+  return jp([0, i], [0, a])(u);
 }
-var Wk = () => {
-  let [e, t] = m.useState(), n = xr(() => /* @__PURE__ */ new Map());
-  return sr(() => {
-    n.current.forEach((r) => r()), n.current = /* @__PURE__ */ new Map();
-  }, [e]), (r, o) => {
-    n.current.set(r, o), t({});
+function jp(e, t) {
+  return (n) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const r = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + r * (n - e[0]);
   };
-};
-function Vk(e) {
-  let t = e.type;
-  return typeof t == "function" ? t(e.props) : "render" in t ? t.render(e.props) : e;
 }
-function ri({ asChild: e, children: t }, n) {
-  return e && m.isValidElement(t) ? m.cloneElement(Vk(t), { ref: t.ref }, n(t.props.children)) : n(t);
+function _p(e, t) {
+  return e > 0 && e < t;
 }
-var Kk = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
-const Ap = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
-  Yt,
-  {
-    ref: n,
-    className: oe(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      e
-    ),
-    ...t
-  }
-));
-Ap.displayName = Yt.displayName;
-const jp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ c.jsx(Su, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ c.jsx(
-    Yt.Input,
-    {
-      ref: n,
-      className: oe(
-        "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-        e
-      ),
-      ...t
+var Vk = (e, t = () => {
+}) => {
+  let n = { left: e.scrollLeft, top: e.scrollTop }, r = 0;
+  return function o() {
+    const s = { left: e.scrollLeft, top: e.scrollTop }, i = n.left !== s.left, a = n.top !== s.top;
+    (i || a) && t(), n = s, r = window.requestAnimationFrame(o);
+  }(), () => window.cancelAnimationFrame(r);
+};
+function ri(e, t) {
+  const n = Pt(e), r = m.useRef(0);
+  return m.useEffect(() => () => window.clearTimeout(r.current), []), m.useCallback(() => {
+    window.clearTimeout(r.current), r.current = window.setTimeout(n, t);
+  }, [n, t]);
+}
+function Nr(e, t) {
+  const n = Pt(t);
+  Ot(() => {
+    let r = 0;
+    if (e) {
+      const o = new ResizeObserver(() => {
+        cancelAnimationFrame(r), r = window.requestAnimationFrame(n);
+      });
+      return o.observe(e), () => {
+        window.cancelAnimationFrame(r), o.unobserve(e);
+      };
     }
-  )
-] }));
-jp.displayName = Yt.Input.displayName;
-const _p = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
-  Yt.List,
-  {
-    ref: n,
-    className: oe("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
-    ...t
-  }
-));
-_p.displayName = Yt.List.displayName;
-const Mp = m.forwardRef((e, t) => /* @__PURE__ */ c.jsx(
-  Yt.Empty,
-  {
-    ref: t,
-    className: "py-6 text-center text-sm",
-    ...e
-  }
-));
-Mp.displayName = Yt.Empty.displayName;
-const Pp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
-  Yt.Group,
-  {
-    ref: n,
-    className: oe(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      e
-    ),
-    ...t
-  }
-));
-Pp.displayName = Yt.Group.displayName;
-const qk = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
-  Yt.Separator,
+  }, [e, n]);
+}
+var Mp = Sp, Kk = Tp, qk = Np;
+const Pp = m.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ c.jsxs(
+  Mp,
   {
-    ref: n,
-    className: oe("-mx-1 h-px bg-border", e),
-    ...t
+    ref: r,
+    className: oe("relative overflow-hidden", e),
+    ...n,
+    children: [
+      /* @__PURE__ */ c.jsx(Kk, { className: "h-full w-full rounded-[inherit] overflow-auto", children: t }),
+      /* @__PURE__ */ c.jsx(Op, {}),
+      /* @__PURE__ */ c.jsx(qk, {})
+    ]
   }
 ));
-qk.displayName = Yt.Separator.displayName;
-const Op = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
-  Yt.Item,
+Pp.displayName = Mp.displayName;
+const Op = m.forwardRef(({ className: e, orientation: t = "vertical", ...n }, r) => /* @__PURE__ */ c.jsx(
+  Tl,
   {
-    ref: n,
+    ref: r,
+    orientation: t,
     className: oe(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50",
+      "flex touch-none select-none transition-colors",
+      t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
       e
     ),
-    ...t
+    ...n,
+    children: /* @__PURE__ */ c.jsx(Rp, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
-Op.displayName = Yt.Item.displayName;
+Op.displayName = Tl.displayName;
 const bs = m.forwardRef(
   ({ className: e, type: t, ...n }, r) => /* @__PURE__ */ c.jsx(
     "input",
@@ -17417,7 +17417,7 @@ function xu({
       }
     ),
     /* @__PURE__ */ c.jsx(
-      wp,
+      Pp,
       {
         ref: N,
         className: `flex-1 min-h-0 ${s.threadList || ""}`,
@@ -17456,9 +17456,9 @@ function xu({
     ),
     /* @__PURE__ */ c.jsx(Kh, { open: B, onOpenChange: (J) => !J && Ve(), children: /* @__PURE__ */ c.jsxs(ml, { className: "max-w-md p-0", children: [
       /* @__PURE__ */ c.jsx(gl, { children: /* @__PURE__ */ c.jsx(xl, { children: "Share thread" }) }),
-      /* @__PURE__ */ c.jsxs(Ap, { children: [
+      /* @__PURE__ */ c.jsxs(mp, { children: [
         /* @__PURE__ */ c.jsx(
-          jp,
+          gp,
           {
             autoFocus: !0,
             value: ae,
@@ -17466,7 +17466,7 @@ function xu({
             placeholder: "Search for users (name, email, id)..."
           }
         ),
-        /* @__PURE__ */ c.jsxs(_p, { children: [
+        /* @__PURE__ */ c.jsxs(xp, { children: [
           F && /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2 px-3 py-2 text-xs text-muted-foreground", children: [
             O && /* @__PURE__ */ c.jsx(Gn, { className: "h-3 w-3 animate-spin" }),
             /* @__PURE__ */ c.jsx(
@@ -17477,13 +17477,13 @@ function xu({
               }
             )
           ] }),
-          /* @__PURE__ */ c.jsx(Mp, { children: R ? /* @__PURE__ */ c.jsxs("span", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ c.jsx(yp, { children: R ? /* @__PURE__ */ c.jsxs("span", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
             /* @__PURE__ */ c.jsx(Gn, { className: "h-4 w-4 animate-spin" }),
             "Loading users…"
           ] }) : "No matching users found" }),
-          /* @__PURE__ */ c.jsx(Pp, { heading: "Users", children: it.map((J) => {
+          /* @__PURE__ */ c.jsx(vp, { heading: "Users", children: it.map((J) => {
             const L = J.username ?? J.user_id ?? J.email ?? "Unknown user", he = [J.email, J.user_id].filter(Boolean).join(" • "), be = J.user_id ?? J.id ?? J.username ?? J.email ?? L;
-            return /* @__PURE__ */ c.jsx(Op, { onSelect: () => Ze(J), children: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col items-start text-sm", children: [
+            return /* @__PURE__ */ c.jsx(wp, { onSelect: () => Ze(J), children: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col items-start text-sm", children: [
               /* @__PURE__ */ c.jsx("span", { className: "font-medium", children: L }),
               he && /* @__PURE__ */ c.jsx("span", { className: "text-xs text-muted-foreground", children: he })
             ] }) }, be);
@@ -18072,7 +18072,7 @@ var bI = "SelectItemAlignedPosition", tm = m.forwardRef((e, t) => {
     if (s.trigger && s.valueNode && a && u && g && v && x) {
       const k = s.trigger.getBoundingClientRect(), R = u.getBoundingClientRect(), _ = s.valueNode.getBoundingClientRect(), O = x.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const ee = O.left - R.left, Z = _.left - ee, xe = k.left - Z, ae = k.width + xe, re = Math.max(ae, R.width), me = window.innerWidth - cn, we = da(Z, [
+        const ee = O.left - R.left, Z = _.left - ee, xe = k.left - Z, ae = k.width + xe, re = Math.max(ae, R.width), me = window.innerWidth - cn, we = ha(Z, [
           cn,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -18083,7 +18083,7 @@ var bI = "SelectItemAlignedPosition", tm = m.forwardRef((e, t) => {
         ]);
         a.style.minWidth = ae + "px", a.style.left = we + "px";
       } else {
-        const ee = R.right - O.right, Z = window.innerWidth - _.right - ee, xe = window.innerWidth - k.right - Z, ae = k.width + xe, re = Math.max(ae, R.width), me = window.innerWidth - cn, we = da(Z, [
+        const ee = R.right - O.right, Z = window.innerWidth - _.right - ee, xe = window.innerWidth - k.right - Z, ae = k.width + xe, re = Math.max(ae, R.width), me = window.innerWidth - cn, we = ha(Z, [
           cn,
           Math.max(cn, me - re)
         ]);