@fluid-app/fluid-cli-theme-dev 0.1.59 → 0.1.61

package/dist/dist-cli-preview/chunks/Combobox-BGiCYa56.js

@@ -0,0 +1,1455 @@
+import { c as jt, l as r, a8 as _t, a3 as ze, j as d, G as kt, ar as ee, aN as Mt, a4 as Q, H as $, a5 as L, K as te, as as At, Z as Ge, a6 as Dt, J as Ot, aO as Lt, aP as Vt, aQ as Bt, aR as Ht, aS as Ft, at as zt, a9 as Ke, aT as re, aU as Kt, aV as Ut, aW as $t, aX as Wt, aY as Se, M as z, av as Gt } from "./account-screen-runtime-DxhJm6Qd.js";
+import { g as qe, R as qt, A as Yt, V as Xt, h as Zt, j as Jt, C as Be, P as Qt, e as en, f as tn } from "./MobileActionSheet-DqVPgFKI.js";
+import { C as Ye } from "./schemas-9_ZwC5nC.js";
+import { S as nn } from "./useInfiniteQuery-BpFtQ7DH.js";
+/**
+ * @license lucide-react v0.575.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const rn = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], on = jt("chevron-up", rn);
+var ln = [" ", "Enter", "ArrowUp", "ArrowDown"], an = [" ", "Enter"], ce = "Select", [ye, Ce, sn] = Mt(ce), [he] = kt(ce, [
+  sn,
+  qe
+]), Ie = qe(), [cn, oe] = he(ce), [dn, un] = he(ce), Xe = (e) => {
+  const {
+    __scopeSelect: n,
+    children: t,
+    open: s,
+    defaultOpen: o,
+    onOpenChange: c,
+    value: l,
+    defaultValue: a,
+    onValueChange: p,
+    dir: u,
+    name: m,
+    autoComplete: g,
+    disabled: E,
+    required: x,
+    form: T
+  } = e, v = Ie(n), [b, j] = r.useState(null), [w, R] = r.useState(null), [W, A] = r.useState(!1), k = _t(u), [P, H] = ze({
+    prop: s,
+    defaultProp: o ?? !1,
+    onChange: c,
+    caller: ce
+  }), [q, Y] = ze({
+    prop: l,
+    defaultProp: a,
+    onChange: p,
+    caller: ce
+  }), K = r.useRef(null), U = b ? T || !!b.closest("form") : !0, [X, V] = r.useState(/* @__PURE__ */ new Set()), B = Array.from(X).map((D) => D.props.value).join(";");
+  return /* @__PURE__ */ d.jsx(qt, { ...v, children: /* @__PURE__ */ d.jsxs(
+    cn,
+    {
+      required: x,
+      scope: n,
+      trigger: b,
+      onTriggerChange: j,
+      valueNode: w,
+      onValueNodeChange: R,
+      valueNodeHasChildren: W,
+      onValueNodeHasChildrenChange: A,
+      contentId: ee(),
+      value: q,
+      onValueChange: Y,
+      open: P,
+      onOpenChange: H,
+      dir: k,
+      triggerPointerDownPosRef: K,
+      disabled: E,
+      children: [
+        /* @__PURE__ */ d.jsx(ye.Provider, { scope: n, children: /* @__PURE__ */ d.jsx(
+          dn,
+          {
+            scope: e.__scopeSelect,
+            onNativeOptionAdd: r.useCallback((D) => {
+              V((F) => new Set(F).add(D));
+            }, []),
+            onNativeOptionRemove: r.useCallback((D) => {
+              V((F) => {
+                const G = new Set(F);
+                return G.delete(D), G;
+              });
+            }, []),
+            children: t
+          }
+        ) }),
+        U ? /* @__PURE__ */ d.jsxs(
+          xt,
+          {
+            "aria-hidden": !0,
+            required: x,
+            tabIndex: -1,
+            name: m,
+            autoComplete: g,
+            value: q,
+            onChange: (D) => Y(D.target.value),
+            disabled: E,
+            form: T,
+            children: [
+              q === void 0 ? /* @__PURE__ */ d.jsx("option", { value: "" }) : null,
+              Array.from(X)
+            ]
+          },
+          B
+        ) : null
+      ]
+    }
+  ) });
+};
+Xe.displayName = ce;
+var Ze = "SelectTrigger", Je = r.forwardRef(
+  (e, n) => {
+    const { __scopeSelect: t, disabled: s = !1, ...o } = e, c = Ie(t), l = oe(Ze, t), a = l.disabled || s, p = Q(n, l.onTriggerChange), u = Ce(t), m = r.useRef("touch"), [g, E, x] = wt((v) => {
+      const b = u().filter((R) => !R.disabled), j = b.find((R) => R.value === l.value), w = bt(b, v, j);
+      w !== void 0 && l.onValueChange(w.value);
+    }), T = (v) => {
+      a || (l.onOpenChange(!0), x()), v && (l.triggerPointerDownPosRef.current = {
+        x: Math.round(v.pageX),
+        y: Math.round(v.pageY)
+      });
+    };
+    return /* @__PURE__ */ d.jsx(Yt, { asChild: !0, ...c, children: /* @__PURE__ */ d.jsx(
+      $.button,
+      {
+        type: "button",
+        role: "combobox",
+        "aria-controls": l.contentId,
+        "aria-expanded": l.open,
+        "aria-required": l.required,
+        "aria-autocomplete": "none",
+        dir: l.dir,
+        "data-state": l.open ? "open" : "closed",
+        disabled: a,
+        "data-disabled": a ? "" : void 0,
+        "data-placeholder": St(l.value) ? "" : void 0,
+        ...o,
+        ref: p,
+        onClick: L(o.onClick, (v) => {
+          v.currentTarget.focus(), m.current !== "mouse" && T(v);
+        }),
+        onPointerDown: L(o.onPointerDown, (v) => {
+          m.current = v.pointerType;
+          const b = v.target;
+          b.hasPointerCapture(v.pointerId) && b.releasePointerCapture(v.pointerId), v.button === 0 && v.ctrlKey === !1 && v.pointerType === "mouse" && (T(v), v.preventDefault());
+        }),
+        onKeyDown: L(o.onKeyDown, (v) => {
+          const b = g.current !== "";
+          !(v.ctrlKey || v.altKey || v.metaKey) && v.key.length === 1 && E(v.key), !(b && v.key === " ") && ln.includes(v.key) && (T(), v.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+Je.displayName = Ze;
+var Qe = "SelectValue", et = r.forwardRef(
+  (e, n) => {
+    const { __scopeSelect: t, className: s, style: o, children: c, placeholder: l = "", ...a } = e, p = oe(Qe, t), { onValueNodeHasChildrenChange: u } = p, m = c !== void 0, g = Q(n, p.onValueNodeChange);
+    return te(() => {
+      u(m);
+    }, [u, m]), /* @__PURE__ */ d.jsx(
+      $.span,
+      {
+        ...a,
+        ref: g,
+        style: { pointerEvents: "none" },
+        children: St(p.value) ? /* @__PURE__ */ d.jsx(d.Fragment, { children: l }) : c
+      }
+    );
+  }
+);
+et.displayName = Qe;
+var pn = "SelectIcon", tt = r.forwardRef(
+  (e, n) => {
+    const { __scopeSelect: t, children: s, ...o } = e;
+    return /* @__PURE__ */ d.jsx($.span, { "aria-hidden": !0, ...o, ref: n, children: s || "▼" });
+  }
+);
+tt.displayName = pn;
+var fn = "SelectPortal", nt = (e) => /* @__PURE__ */ d.jsx(At, { asChild: !0, ...e });
+nt.displayName = fn;
+var de = "SelectContent", rt = r.forwardRef(
+  (e, n) => {
+    const t = oe(de, e.__scopeSelect), [s, o] = r.useState();
+    if (te(() => {
+      o(new DocumentFragment());
+    }, []), !t.open) {
+      const c = s;
+      return c ? Ge.createPortal(
+        /* @__PURE__ */ d.jsx(ot, { scope: e.__scopeSelect, children: /* @__PURE__ */ d.jsx(ye.Slot, { scope: e.__scopeSelect, children: /* @__PURE__ */ d.jsx("div", { children: e.children }) }) }),
+        c
+      ) : null;
+    }
+    return /* @__PURE__ */ d.jsx(lt, { ...e, ref: n });
+  }
+);
+rt.displayName = de;
+var J = 10, [ot, le] = he(de), mn = "SelectContentImpl", hn = Ht("SelectContent.RemoveScroll"), lt = r.forwardRef(
+  (e, n) => {
+    const {
+      __scopeSelect: t,
+      position: s = "item-aligned",
+      onCloseAutoFocus: o,
+      onEscapeKeyDown: c,
+      onPointerDownOutside: l,
+      //
+      // PopperContent props
+      side: a,
+      sideOffset: p,
+      align: u,
+      alignOffset: m,
+      arrowPadding: g,
+      collisionBoundary: E,
+      collisionPadding: x,
+      sticky: T,
+      hideWhenDetached: v,
+      avoidCollisions: b,
+      //
+      ...j
+    } = e, w = oe(de, t), [R, W] = r.useState(null), [A, k] = r.useState(null), P = Q(n, (f) => W(f)), [H, q] = r.useState(null), [Y, K] = r.useState(
+      null
+    ), U = Ce(t), [X, V] = r.useState(!1), B = r.useRef(!1);
+    r.useEffect(() => {
+      if (R) return Lt(R);
+    }, [R]), Vt();
+    const D = r.useCallback(
+      (f) => {
+        const [I, ...N] = U().map((O) => O.ref.current), [_] = N.slice(-1), M = document.activeElement;
+        for (const O of f)
+          if (O === M || (O?.scrollIntoView({ block: "nearest" }), O === I && A && (A.scrollTop = 0), O === _ && A && (A.scrollTop = A.scrollHeight), O?.focus(), document.activeElement !== M)) return;
+      },
+      [U, A]
+    ), F = r.useCallback(
+      () => D([H, R]),
+      [D, H, R]
+    );
+    r.useEffect(() => {
+      X && F();
+    }, [X, F]);
+    const { onOpenChange: G, triggerPointerDownPosRef: Z } = w;
+    r.useEffect(() => {
+      if (R) {
+        let f = { x: 0, y: 0 };
+        const I = (_) => {
+          f = {
+            x: Math.abs(Math.round(_.pageX) - (Z.current?.x ?? 0)),
+            y: Math.abs(Math.round(_.pageY) - (Z.current?.y ?? 0))
+          };
+        }, N = (_) => {
+          f.x <= 10 && f.y <= 10 ? _.preventDefault() : R.contains(_.target) || G(!1), document.removeEventListener("pointermove", I), Z.current = null;
+        };
+        return Z.current !== null && (document.addEventListener("pointermove", I), document.addEventListener("pointerup", N, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", I), document.removeEventListener("pointerup", N, { capture: !0 });
+        };
+      }
+    }, [R, G, Z]), r.useEffect(() => {
+      const f = () => G(!1);
+      return window.addEventListener("blur", f), window.addEventListener("resize", f), () => {
+        window.removeEventListener("blur", f), window.removeEventListener("resize", f);
+      };
+    }, [G]);
+    const [pe, ae] = wt((f) => {
+      const I = U().filter((M) => !M.disabled), N = I.find((M) => M.ref.current === document.activeElement), _ = bt(I, f, N);
+      _ && setTimeout(() => _.ref.current.focus());
+    }), i = r.useCallback(
+      (f, I, N) => {
+        const _ = !B.current && !N;
+        (w.value !== void 0 && w.value === I || _) && (q(f), _ && (B.current = !0));
+      },
+      [w.value]
+    ), S = r.useCallback(() => R?.focus(), [R]), y = r.useCallback(
+      (f, I, N) => {
+        const _ = !B.current && !N;
+        (w.value !== void 0 && w.value === I || _) && K(f);
+      },
+      [w.value]
+    ), h = s === "popper" ? ke : at, C = h === ke ? {
+      side: a,
+      sideOffset: p,
+      align: u,
+      alignOffset: m,
+      arrowPadding: g,
+      collisionBoundary: E,
+      collisionPadding: x,
+      sticky: T,
+      hideWhenDetached: v,
+      avoidCollisions: b
+    } : {};
+    return /* @__PURE__ */ d.jsx(
+      ot,
+      {
+        scope: t,
+        content: R,
+        viewport: A,
+        onViewportChange: k,
+        itemRefCallback: i,
+        selectedItem: H,
+        onItemLeave: S,
+        itemTextRefCallback: y,
+        focusSelectedItem: F,
+        selectedItemText: Y,
+        position: s,
+        isPositioned: X,
+        searchRef: pe,
+        children: /* @__PURE__ */ d.jsx(Bt, { as: hn, allowPinchZoom: !0, children: /* @__PURE__ */ d.jsx(
+          Ft,
+          {
+            asChild: !0,
+            trapped: w.open,
+            onMountAutoFocus: (f) => {
+              f.preventDefault();
+            },
+            onUnmountAutoFocus: L(o, (f) => {
+              w.trigger?.focus({ preventScroll: !0 }), f.preventDefault();
+            }),
+            children: /* @__PURE__ */ d.jsx(
+              zt,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: !0,
+                onEscapeKeyDown: c,
+                onPointerDownOutside: l,
+                onFocusOutside: (f) => f.preventDefault(),
+                onDismiss: () => w.onOpenChange(!1),
+                children: /* @__PURE__ */ d.jsx(
+                  h,
+                  {
+                    role: "listbox",
+                    id: w.contentId,
+                    "data-state": w.open ? "open" : "closed",
+                    dir: w.dir,
+                    onContextMenu: (f) => f.preventDefault(),
+                    ...j,
+                    ...C,
+                    onPlaced: () => V(!0),
+                    ref: P,
+                    style: {
+                      // flex layout so we can place the scroll buttons properly
+                      display: "flex",
+                      flexDirection: "column",
+                      // reset the outline by default as the content MAY get focused
+                      outline: "none",
+                      ...j.style
+                    },
+                    onKeyDown: L(j.onKeyDown, (f) => {
+                      const I = f.ctrlKey || f.altKey || f.metaKey;
+                      if (f.key === "Tab" && f.preventDefault(), !I && f.key.length === 1 && ae(f.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(f.key)) {
+                        let _ = U().filter((M) => !M.disabled).map((M) => M.ref.current);
+                        if (["ArrowUp", "End"].includes(f.key) && (_ = _.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(f.key)) {
+                          const M = f.target, O = _.indexOf(M);
+                          _ = _.slice(O + 1);
+                        }
+                        setTimeout(() => D(_)), f.preventDefault();
+                      }
+                    })
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+lt.displayName = mn;
+var vn = "SelectItemAlignedPosition", at = r.forwardRef((e, n) => {
+  const { __scopeSelect: t, onPlaced: s, ...o } = e, c = oe(de, t), l = le(de, t), [a, p] = r.useState(null), [u, m] = r.useState(null), g = Q(n, (P) => m(P)), E = Ce(t), x = r.useRef(!1), T = r.useRef(!0), { viewport: v, selectedItem: b, selectedItemText: j, focusSelectedItem: w } = l, R = r.useCallback(() => {
+    if (c.trigger && c.valueNode && a && u && v && b && j) {
+      const P = c.trigger.getBoundingClientRect(), H = u.getBoundingClientRect(), q = c.valueNode.getBoundingClientRect(), Y = j.getBoundingClientRect();
+      if (c.dir !== "rtl") {
+        const M = Y.left - H.left, O = q.left - M, se = P.left - O, ie = P.width + se, Re = Math.max(ie, H.width), Te = window.innerWidth - J, Pe = Ke(O, [
+          J,
+          // Prevents the content from going off the starting edge of the
+          // viewport. It may still go off the ending edge, but this can be
+          // controlled by the user since they may want to manage overflow in a
+          // specific way.
+          // https://github.com/radix-ui/primitives/issues/2049
+          Math.max(J, Te - Re)
+        ]);
+        a.style.minWidth = ie + "px", a.style.left = Pe + "px";
+      } else {
+        const M = H.right - Y.right, O = window.innerWidth - q.right - M, se = window.innerWidth - P.right - O, ie = P.width + se, Re = Math.max(ie, H.width), Te = window.innerWidth - J, Pe = Ke(O, [
+          J,
+          Math.max(J, Te - Re)
+        ]);
+        a.style.minWidth = ie + "px", a.style.right = Pe + "px";
+      }
+      const K = E(), U = window.innerHeight - J * 2, X = v.scrollHeight, V = window.getComputedStyle(u), B = parseInt(V.borderTopWidth, 10), D = parseInt(V.paddingTop, 10), F = parseInt(V.borderBottomWidth, 10), G = parseInt(V.paddingBottom, 10), Z = B + D + X + G + F, pe = Math.min(b.offsetHeight * 5, Z), ae = window.getComputedStyle(v), i = parseInt(ae.paddingTop, 10), S = parseInt(ae.paddingBottom, 10), y = P.top + P.height / 2 - J, h = U - y, C = b.offsetHeight / 2, f = b.offsetTop + C, I = B + D + f, N = Z - I;
+      if (I <= y) {
+        const M = K.length > 0 && b === K[K.length - 1].ref.current;
+        a.style.bottom = "0px";
+        const O = u.clientHeight - v.offsetTop - v.offsetHeight, se = Math.max(
+          h,
+          C + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (M ? S : 0) + O + F
+        ), ie = I + se;
+        a.style.height = ie + "px";
+      } else {
+        const M = K.length > 0 && b === K[0].ref.current;
+        a.style.top = "0px";
+        const se = Math.max(
+          y,
+          B + v.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (M ? i : 0) + C
+        ) + N;
+        a.style.height = se + "px", v.scrollTop = I - y + v.offsetTop;
+      }
+      a.style.margin = `${J}px 0`, a.style.minHeight = pe + "px", a.style.maxHeight = U + "px", s?.(), requestAnimationFrame(() => x.current = !0);
+    }
+  }, [
+    E,
+    c.trigger,
+    c.valueNode,
+    a,
+    u,
+    v,
+    b,
+    j,
+    c.dir,
+    s
+  ]);
+  te(() => R(), [R]);
+  const [W, A] = r.useState();
+  te(() => {
+    u && A(window.getComputedStyle(u).zIndex);
+  }, [u]);
+  const k = r.useCallback(
+    (P) => {
+      P && T.current === !0 && (R(), w?.(), T.current = !1);
+    },
+    [R, w]
+  );
+  return /* @__PURE__ */ d.jsx(
+    xn,
+    {
+      scope: t,
+      contentWrapper: a,
+      shouldExpandOnScrollRef: x,
+      onScrollButtonChange: k,
+      children: /* @__PURE__ */ d.jsx(
+        "div",
+        {
+          ref: p,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "fixed",
+            zIndex: W
+          },
+          children: /* @__PURE__ */ d.jsx(
+            $.div,
+            {
+              ...o,
+              ref: g,
+              style: {
+                // When we get the height of the content, it includes borders. If we were to set
+                // the height without having `boxSizing: 'border-box'` it would be too big.
+                boxSizing: "border-box",
+                // We need to ensure the content doesn't get taller than the wrapper
+                maxHeight: "100%",
+                ...o.style
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+at.displayName = vn;
+var gn = "SelectPopperPosition", ke = r.forwardRef((e, n) => {
+  const {
+    __scopeSelect: t,
+    align: s = "start",
+    collisionPadding: o = J,
+    ...c
+  } = e, l = Ie(t);
+  return /* @__PURE__ */ d.jsx(
+    Zt,
+    {
+      ...l,
+      ...c,
+      ref: n,
+      align: s,
+      collisionPadding: o,
+      style: {
+        // Ensure border-box for floating-ui calculations
+        boxSizing: "border-box",
+        ...c.style,
+        "--radix-select-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-select-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-select-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-select-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-select-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+ke.displayName = gn;
+var [xn, He] = he(de, {}), Me = "SelectViewport", st = r.forwardRef(
+  (e, n) => {
+    const { __scopeSelect: t, nonce: s, ...o } = e, c = le(Me, t), l = He(Me, t), a = Q(n, c.onViewportChange), p = r.useRef(0);
+    return /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+      /* @__PURE__ */ d.jsx(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: "[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"
+          },
+          nonce: s
+        }
+      ),
+      /* @__PURE__ */ d.jsx(ye.Slot, { scope: t, children: /* @__PURE__ */ d.jsx(
+        $.div,
+        {
+          "data-radix-select-viewport": "",
+          role: "presentation",
+          ...o,
+          ref: a,
+          style: {
+            // we use position: 'relative' here on the `viewport` so that when we call
+            // `selectedItem.offsetTop` in calculations, the offset is relative to the viewport
+            // (independent of the scrollUpButton).
+            position: "relative",
+            flex: 1,
+            // Viewport should only be scrollable in the vertical direction.
+            // This won't work in vertical writing modes, so we'll need to
+            // revisit this if/when that is supported
+            // https://developer.chrome.com/blog/vertical-form-controls
+            overflow: "hidden auto",
+            ...o.style
+          },
+          onScroll: L(o.onScroll, (u) => {
+            const m = u.currentTarget, { contentWrapper: g, shouldExpandOnScrollRef: E } = l;
+            if (E?.current && g) {
+              const x = Math.abs(p.current - m.scrollTop);
+              if (x > 0) {
+                const T = window.innerHeight - J * 2, v = parseFloat(g.style.minHeight), b = parseFloat(g.style.height), j = Math.max(v, b);
+                if (j < T) {
+                  const w = j + x, R = Math.min(T, w), W = w - R;
+                  g.style.height = R + "px", g.style.bottom === "0px" && (m.scrollTop = W > 0 ? W : 0, g.style.justifyContent = "flex-end");
+                }
+              }
+            }
+            p.current = m.scrollTop;
+          })
+        }
+      ) })
+    ] });
+  }
+);
+st.displayName = Me;
+var it = "SelectGroup", [Sn, wn] = he(it), bn = r.forwardRef(
+  (e, n) => {
+    const { __scopeSelect: t, ...s } = e, o = ee();
+    return /* @__PURE__ */ d.jsx(Sn, { scope: t, id: o, children: /* @__PURE__ */ d.jsx($.div, { role: "group", "aria-labelledby": o, ...s, ref: n }) });
+  }
+);
+bn.displayName = it;
+var ct = "SelectLabel", yn = r.forwardRef(
+  (e, n) => {
+    const { __scopeSelect: t, ...s } = e, o = wn(ct, t);
+    return /* @__PURE__ */ d.jsx($.div, { id: o.id, ...s, ref: n });
+  }
+);
+yn.displayName = ct;
+var be = "SelectItem", [Cn, dt] = he(be), ut = r.forwardRef(
+  (e, n) => {
+    const {
+      __scopeSelect: t,
+      value: s,
+      disabled: o = !1,
+      textValue: c,
+      ...l
+    } = e, a = oe(be, t), p = le(be, t), u = a.value === s, [m, g] = r.useState(c ?? ""), [E, x] = r.useState(!1), T = Q(
+      n,
+      (w) => p.itemRefCallback?.(w, s, o)
+    ), v = ee(), b = r.useRef("touch"), j = () => {
+      o || (a.onValueChange(s), a.onOpenChange(!1));
+    };
+    if (s === "")
+      throw new Error(
+        "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
+      );
+    return /* @__PURE__ */ d.jsx(
+      Cn,
+      {
+        scope: t,
+        value: s,
+        disabled: o,
+        textId: v,
+        isSelected: u,
+        onItemTextChange: r.useCallback((w) => {
+          g((R) => R || (w?.textContent ?? "").trim());
+        }, []),
+        children: /* @__PURE__ */ d.jsx(
+          ye.ItemSlot,
+          {
+            scope: t,
+            value: s,
+            disabled: o,
+            textValue: m,
+            children: /* @__PURE__ */ d.jsx(
+              $.div,
+              {
+                role: "option",
+                "aria-labelledby": v,
+                "data-highlighted": E ? "" : void 0,
+                "aria-selected": u && E,
+                "data-state": u ? "checked" : "unchecked",
+                "aria-disabled": o || void 0,
+                "data-disabled": o ? "" : void 0,
+                tabIndex: o ? void 0 : -1,
+                ...l,
+                ref: T,
+                onFocus: L(l.onFocus, () => x(!0)),
+                onBlur: L(l.onBlur, () => x(!1)),
+                onClick: L(l.onClick, () => {
+                  b.current !== "mouse" && j();
+                }),
+                onPointerUp: L(l.onPointerUp, () => {
+                  b.current === "mouse" && j();
+                }),
+                onPointerDown: L(l.onPointerDown, (w) => {
+                  b.current = w.pointerType;
+                }),
+                onPointerMove: L(l.onPointerMove, (w) => {
+                  b.current = w.pointerType, o ? p.onItemLeave?.() : b.current === "mouse" && w.currentTarget.focus({ preventScroll: !0 });
+                }),
+                onPointerLeave: L(l.onPointerLeave, (w) => {
+                  w.currentTarget === document.activeElement && p.onItemLeave?.();
+                }),
+                onKeyDown: L(l.onKeyDown, (w) => {
+                  p.searchRef?.current !== "" && w.key === " " || (an.includes(w.key) && j(), w.key === " " && w.preventDefault());
+                })
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+ut.displayName = be;
+var xe = "SelectItemText", pt = r.forwardRef(
+  (e, n) => {
+    const { __scopeSelect: t, className: s, style: o, ...c } = e, l = oe(xe, t), a = le(xe, t), p = dt(xe, t), u = un(xe, t), [m, g] = r.useState(null), E = Q(
+      n,
+      (j) => g(j),
+      p.onItemTextChange,
+      (j) => a.itemTextRefCallback?.(j, p.value, p.disabled)
+    ), x = m?.textContent, T = r.useMemo(
+      () => /* @__PURE__ */ d.jsx("option", { value: p.value, disabled: p.disabled, children: x }, p.value),
+      [p.disabled, p.value, x]
+    ), { onNativeOptionAdd: v, onNativeOptionRemove: b } = u;
+    return te(() => (v(T), () => b(T)), [v, b, T]), /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+      /* @__PURE__ */ d.jsx($.span, { id: p.textId, ...c, ref: E }),
+      p.isSelected && l.valueNode && !l.valueNodeHasChildren ? Ge.createPortal(c.children, l.valueNode) : null
+    ] });
+  }
+);
+pt.displayName = xe;
+var ft = "SelectItemIndicator", mt = r.forwardRef(
+  (e, n) => {
+    const { __scopeSelect: t, ...s } = e;
+    return dt(ft, t).isSelected ? /* @__PURE__ */ d.jsx($.span, { "aria-hidden": !0, ...s, ref: n }) : null;
+  }
+);
+mt.displayName = ft;
+var Ae = "SelectScrollUpButton", ht = r.forwardRef((e, n) => {
+  const t = le(Ae, e.__scopeSelect), s = He(Ae, e.__scopeSelect), [o, c] = r.useState(!1), l = Q(n, s.onScrollButtonChange);
+  return te(() => {
+    if (t.viewport && t.isPositioned) {
+      let a = function() {
+        const u = p.scrollTop > 0;
+        c(u);
+      };
+      const p = t.viewport;
+      return a(), p.addEventListener("scroll", a), () => p.removeEventListener("scroll", a);
+    }
+  }, [t.viewport, t.isPositioned]), o ? /* @__PURE__ */ d.jsx(
+    gt,
+    {
+      ...e,
+      ref: l,
+      onAutoScroll: () => {
+        const { viewport: a, selectedItem: p } = t;
+        a && p && (a.scrollTop = a.scrollTop - p.offsetHeight);
+      }
+    }
+  ) : null;
+});
+ht.displayName = Ae;
+var De = "SelectScrollDownButton", vt = r.forwardRef((e, n) => {
+  const t = le(De, e.__scopeSelect), s = He(De, e.__scopeSelect), [o, c] = r.useState(!1), l = Q(n, s.onScrollButtonChange);
+  return te(() => {
+    if (t.viewport && t.isPositioned) {
+      let a = function() {
+        const u = p.scrollHeight - p.clientHeight, m = Math.ceil(p.scrollTop) < u;
+        c(m);
+      };
+      const p = t.viewport;
+      return a(), p.addEventListener("scroll", a), () => p.removeEventListener("scroll", a);
+    }
+  }, [t.viewport, t.isPositioned]), o ? /* @__PURE__ */ d.jsx(
+    gt,
+    {
+      ...e,
+      ref: l,
+      onAutoScroll: () => {
+        const { viewport: a, selectedItem: p } = t;
+        a && p && (a.scrollTop = a.scrollTop + p.offsetHeight);
+      }
+    }
+  ) : null;
+});
+vt.displayName = De;
+var gt = r.forwardRef((e, n) => {
+  const { __scopeSelect: t, onAutoScroll: s, ...o } = e, c = le("SelectScrollButton", t), l = r.useRef(null), a = Ce(t), p = r.useCallback(() => {
+    l.current !== null && (window.clearInterval(l.current), l.current = null);
+  }, []);
+  return r.useEffect(() => () => p(), [p]), te(() => {
+    a().find((m) => m.ref.current === document.activeElement)?.ref.current?.scrollIntoView({ block: "nearest" });
+  }, [a]), /* @__PURE__ */ d.jsx(
+    $.div,
+    {
+      "aria-hidden": !0,
+      ...o,
+      ref: n,
+      style: { flexShrink: 0, ...o.style },
+      onPointerDown: L(o.onPointerDown, () => {
+        l.current === null && (l.current = window.setInterval(s, 50));
+      }),
+      onPointerMove: L(o.onPointerMove, () => {
+        c.onItemLeave?.(), l.current === null && (l.current = window.setInterval(s, 50));
+      }),
+      onPointerLeave: L(o.onPointerLeave, () => {
+        p();
+      })
+    }
+  );
+}), In = "SelectSeparator", En = r.forwardRef(
+  (e, n) => {
+    const { __scopeSelect: t, ...s } = e;
+    return /* @__PURE__ */ d.jsx($.div, { "aria-hidden": !0, ...s, ref: n });
+  }
+);
+En.displayName = In;
+var Oe = "SelectArrow", Rn = r.forwardRef(
+  (e, n) => {
+    const { __scopeSelect: t, ...s } = e, o = Ie(t), c = oe(Oe, t), l = le(Oe, t);
+    return c.open && l.position === "popper" ? /* @__PURE__ */ d.jsx(Jt, { ...o, ...s, ref: n }) : null;
+  }
+);
+Rn.displayName = Oe;
+var Tn = "SelectBubbleInput", xt = r.forwardRef(
+  ({ __scopeSelect: e, value: n, ...t }, s) => {
+    const o = r.useRef(null), c = Q(s, o), l = Dt(n);
+    return r.useEffect(() => {
+      const a = o.current;
+      if (!a) return;
+      const p = window.HTMLSelectElement.prototype, m = Object.getOwnPropertyDescriptor(
+        p,
+        "value"
+      ).set;
+      if (l !== n && m) {
+        const g = new Event("change", { bubbles: !0 });
+        m.call(a, n), a.dispatchEvent(g);
+      }
+    }, [l, n]), /* @__PURE__ */ d.jsx(
+      $.select,
+      {
+        ...t,
+        style: { ...Xt, ...t.style },
+        ref: c,
+        defaultValue: n
+      }
+    );
+  }
+);
+xt.displayName = Tn;
+function St(e) {
+  return e === "" || e === void 0;
+}
+function wt(e) {
+  const n = Ot(e), t = r.useRef(""), s = r.useRef(0), o = r.useCallback(
+    (l) => {
+      const a = t.current + l;
+      n(a), (function p(u) {
+        t.current = u, window.clearTimeout(s.current), u !== "" && (s.current = window.setTimeout(() => p(""), 1e3));
+      })(a);
+    },
+    [n]
+  ), c = r.useCallback(() => {
+    t.current = "", window.clearTimeout(s.current);
+  }, []);
+  return r.useEffect(() => () => window.clearTimeout(s.current), []), [t, o, c];
+}
+function bt(e, n, t) {
+  const o = n.length > 1 && Array.from(n).every((u) => u === n[0]) ? n[0] : n, c = t ? e.indexOf(t) : -1;
+  let l = Pn(e, Math.max(c, 0));
+  o.length === 1 && (l = l.filter((u) => u !== t));
+  const p = l.find(
+    (u) => u.textValue.toLowerCase().startsWith(o.toLowerCase())
+  );
+  return p !== t ? p : void 0;
+}
+function Pn(e, n) {
+  return e.map((t, s) => e[(n + s) % e.length]);
+}
+var Nn = Xe, jn = Je, _n = et, kn = tt, Mn = nt, An = rt, Dn = st, On = ut, Ln = pt, Vn = mt, Bn = ht, Hn = vt, Ue = 1, Fn = 0.9, zn = 0.8, Kn = 0.17, Ne = 0.1, je = 0.999, Un = 0.9999, $n = 0.99, Wn = /[\\\/_+.#"@\[\(\{&]/, Gn = /[\\\/_+.#"@\[\(\{&]/g, qn = /[\s-]/, yt = /[\s-]/g;
+function Le(e, n, t, s, o, c, l) {
+  if (c === n.length) return o === e.length ? Ue : $n;
+  var a = `${o},${c}`;
+  if (l[a] !== void 0) return l[a];
+  for (var p = s.charAt(c), u = t.indexOf(p, o), m = 0, g, E, x, T; u >= 0; ) g = Le(e, n, t, s, u + 1, c + 1, l), g > m && (u === o ? g *= Ue : Wn.test(e.charAt(u - 1)) ? (g *= zn, x = e.slice(o, u - 1).match(Gn), x && o > 0 && (g *= Math.pow(je, x.length))) : qn.test(e.charAt(u - 1)) ? (g *= Fn, T = e.slice(o, u - 1).match(yt), T && o > 0 && (g *= Math.pow(je, T.length))) : (g *= Kn, o > 0 && (g *= Math.pow(je, u - o))), e.charAt(u) !== n.charAt(c) && (g *= Un)), (g < Ne && t.charAt(u - 1) === s.charAt(c + 1) || s.charAt(c + 1) === s.charAt(c) && t.charAt(u - 1) !== s.charAt(c)) && (E = Le(e, n, t, s, u + 1, c + 2, l), E * Ne > g && (g = E * Ne)), g > m && (m = g), u = t.indexOf(p, u + 1);
+  return l[a] = m, m;
+}
+function $e(e) {
+  return e.toLowerCase().replace(yt, " ");
+}
+function Yn(e, n, t) {
+  return e = t && t.length > 0 ? `${e + " " + t.join(" ")}` : e, Le(e, n, $e(e), $e(n), 0, 0, {});
+}
+var ge = '[cmdk-group=""]', _e = '[cmdk-group-items=""]', Xn = '[cmdk-group-heading=""]', Ct = '[cmdk-item=""]', We = `${Ct}:not([aria-disabled="true"])`, Ve = "cmdk-item-select", fe = "data-value", Zn = (e, n, t) => Yn(e, n, t), It = r.createContext(void 0), we = () => r.useContext(It), Et = r.createContext(void 0), Fe = () => r.useContext(Et), Rt = r.createContext(void 0), Tt = r.forwardRef((e, n) => {
+  let t = me(() => {
+    var i, S;
+    return { search: "", value: (S = (i = e.value) != null ? i : e.defaultValue) != null ? S : "", selectedItemId: void 0, filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
+  }), s = me(() => /* @__PURE__ */ new Set()), o = me(() => /* @__PURE__ */ new Map()), c = me(() => /* @__PURE__ */ new Map()), l = me(() => /* @__PURE__ */ new Set()), a = Pt(e), { label: p, children: u, value: m, onValueChange: g, filter: E, shouldFilter: x, loop: T, disablePointerSelection: v = !1, vimBindings: b = !0, ...j } = e, w = ee(), R = ee(), W = ee(), A = r.useRef(null), k = ir();
+  ue(() => {
+    if (m !== void 0) {
+      let i = m.trim();
+      t.current.value = i, P.emit();
+    }
+  }, [m]), ue(() => {
+    k(6, X);
+  }, []);
+  let P = r.useMemo(() => ({ subscribe: (i) => (l.current.add(i), () => l.current.delete(i)), snapshot: () => t.current, setState: (i, S, y) => {
+    var h, C, f, I;
+    if (!Object.is(t.current[i], S)) {
+      if (t.current[i] = S, i === "search") U(), Y(), k(1, K);
+      else if (i === "value") {
+        if (document.activeElement.hasAttribute("cmdk-input") || document.activeElement.hasAttribute("cmdk-root")) {
+          let N = document.getElementById(W);
+          N ? N.focus() : (h = document.getElementById(w)) == null || h.focus();
+        }
+        if (k(7, () => {
+          var N;
+          t.current.selectedItemId = (N = V()) == null ? void 0 : N.id, P.emit();
+        }), y || k(5, X), ((C = a.current) == null ? void 0 : C.value) !== void 0) {
+          let N = S ?? "";
+          (I = (f = a.current).onValueChange) == null || I.call(f, N);
+          return;
+        }
+      }
+      P.emit();
+    }
+  }, emit: () => {
+    l.current.forEach((i) => i());
+  } }), []), H = r.useMemo(() => ({ value: (i, S, y) => {
+    var h;
+    S !== ((h = c.current.get(i)) == null ? void 0 : h.value) && (c.current.set(i, { value: S, keywords: y }), t.current.filtered.items.set(i, q(S, y)), k(2, () => {
+      Y(), P.emit();
+    }));
+  }, item: (i, S) => (s.current.add(i), S && (o.current.has(S) ? o.current.get(S).add(i) : o.current.set(S, /* @__PURE__ */ new Set([i]))), k(3, () => {
+    U(), Y(), t.current.value || K(), P.emit();
+  }), () => {
+    c.current.delete(i), s.current.delete(i), t.current.filtered.items.delete(i);
+    let y = V();
+    k(4, () => {
+      U(), y?.getAttribute("id") === i && K(), P.emit();
+    });
+  }), group: (i) => (o.current.has(i) || o.current.set(i, /* @__PURE__ */ new Set()), () => {
+    c.current.delete(i), o.current.delete(i);
+  }), filter: () => a.current.shouldFilter, label: p || e["aria-label"], getDisablePointerSelection: () => a.current.disablePointerSelection, listId: w, inputId: W, labelId: R, listInnerRef: A }), []);
+  function q(i, S) {
+    var y, h;
+    let C = (h = (y = a.current) == null ? void 0 : y.filter) != null ? h : Zn;
+    return i ? C(i, t.current.search, S) : 0;
+  }
+  function Y() {
+    if (!t.current.search || a.current.shouldFilter === !1) return;
+    let i = t.current.filtered.items, S = [];
+    t.current.filtered.groups.forEach((h) => {
+      let C = o.current.get(h), f = 0;
+      C.forEach((I) => {
+        let N = i.get(I);
+        f = Math.max(N, f);
+      }), S.push([h, f]);
+    });
+    let y = A.current;
+    B().sort((h, C) => {
+      var f, I;
+      let N = h.getAttribute("id"), _ = C.getAttribute("id");
+      return ((f = i.get(_)) != null ? f : 0) - ((I = i.get(N)) != null ? I : 0);
+    }).forEach((h) => {
+      let C = h.closest(_e);
+      C ? C.appendChild(h.parentElement === C ? h : h.closest(`${_e} > *`)) : y.appendChild(h.parentElement === y ? h : h.closest(`${_e} > *`));
+    }), S.sort((h, C) => C[1] - h[1]).forEach((h) => {
+      var C;
+      let f = (C = A.current) == null ? void 0 : C.querySelector(`${ge}[${fe}="${encodeURIComponent(h[0])}"]`);
+      f?.parentElement.appendChild(f);
+    });
+  }
+  function K() {
+    let i = B().find((y) => y.getAttribute("aria-disabled") !== "true"), S = i?.getAttribute(fe);
+    P.setState("value", S || void 0);
+  }
+  function U() {
+    var i, S, y, h;
+    if (!t.current.search || a.current.shouldFilter === !1) {
+      t.current.filtered.count = s.current.size;
+      return;
+    }
+    t.current.filtered.groups = /* @__PURE__ */ new Set();
+    let C = 0;
+    for (let f of s.current) {
+      let I = (S = (i = c.current.get(f)) == null ? void 0 : i.value) != null ? S : "", N = (h = (y = c.current.get(f)) == null ? void 0 : y.keywords) != null ? h : [], _ = q(I, N);
+      t.current.filtered.items.set(f, _), _ > 0 && C++;
+    }
+    for (let [f, I] of o.current) for (let N of I) if (t.current.filtered.items.get(N) > 0) {
+      t.current.filtered.groups.add(f);
+      break;
+    }
+    t.current.filtered.count = C;
+  }
+  function X() {
+    var i, S, y;
+    let h = V();
+    h && (((i = h.parentElement) == null ? void 0 : i.firstChild) === h && ((y = (S = h.closest(ge)) == null ? void 0 : S.querySelector(Xn)) == null || y.scrollIntoView({ block: "nearest" })), h.scrollIntoView({ block: "nearest" }));
+  }
+  function V() {
+    var i;
+    return (i = A.current) == null ? void 0 : i.querySelector(`${Ct}[aria-selected="true"]`);
+  }
+  function B() {
+    var i;
+    return Array.from(((i = A.current) == null ? void 0 : i.querySelectorAll(We)) || []);
+  }
+  function D(i) {
+    let S = B()[i];
+    S && P.setState("value", S.getAttribute(fe));
+  }
+  function F(i) {
+    var S;
+    let y = V(), h = B(), C = h.findIndex((I) => I === y), f = h[C + i];
+    (S = a.current) != null && S.loop && (f = C + i < 0 ? h[h.length - 1] : C + i === h.length ? h[0] : h[C + i]), f && P.setState("value", f.getAttribute(fe));
+  }
+  function G(i) {
+    let S = V(), y = S?.closest(ge), h;
+    for (; y && !h; ) y = i > 0 ? ar(y, ge) : sr(y, ge), h = y?.querySelector(We);
+    h ? P.setState("value", h.getAttribute(fe)) : F(i);
+  }
+  let Z = () => D(B().length - 1), pe = (i) => {
+    i.preventDefault(), i.metaKey ? Z() : i.altKey ? G(1) : F(1);
+  }, ae = (i) => {
+    i.preventDefault(), i.metaKey ? D(0) : i.altKey ? G(-1) : F(-1);
+  };
+  return r.createElement(re.div, { ref: n, tabIndex: -1, ...j, "cmdk-root": "", onKeyDown: (i) => {
+    var S;
+    (S = j.onKeyDown) == null || S.call(j, i);
+    let y = i.nativeEvent.isComposing || i.keyCode === 229;
+    if (!(i.defaultPrevented || y)) switch (i.key) {
+      case "n":
+      case "j": {
+        b && i.ctrlKey && pe(i);
+        break;
+      }
+      case "ArrowDown": {
+        pe(i);
+        break;
+      }
+      case "p":
+      case "k": {
+        b && i.ctrlKey && ae(i);
+        break;
+      }
+      case "ArrowUp": {
+        ae(i);
+        break;
+      }
+      case "Home": {
+        i.preventDefault(), D(0);
+        break;
+      }
+      case "End": {
+        i.preventDefault(), Z();
+        break;
+      }
+      case "Enter": {
+        i.preventDefault();
+        let h = V();
+        if (h) {
+          let C = new Event(Ve);
+          h.dispatchEvent(C);
+        }
+      }
+    }
+  } }, r.createElement("label", { "cmdk-label": "", htmlFor: H.inputId, id: H.labelId, style: dr }, p), Ee(e, (i) => r.createElement(Et.Provider, { value: P }, r.createElement(It.Provider, { value: H }, i))));
+}), Jn = r.forwardRef((e, n) => {
+  var t, s;
+  let o = ee(), c = r.useRef(null), l = r.useContext(Rt), a = we(), p = Pt(e), u = (s = (t = p.current) == null ? void 0 : t.forceMount) != null ? s : l?.forceMount;
+  ue(() => {
+    if (!u) return a.item(o, l?.id);
+  }, [u]);
+  let m = Nt(o, c, [e.value, e.children, c], e.keywords), g = Fe(), E = ne((k) => k.value && k.value === m.current), x = ne((k) => u || a.filter() === !1 ? !0 : k.search ? k.filtered.items.get(o) > 0 : !0);
+  r.useEffect(() => {
+    let k = c.current;
+    if (!(!k || e.disabled)) return k.addEventListener(Ve, T), () => k.removeEventListener(Ve, T);
+  }, [x, e.onSelect, e.disabled]);
+  function T() {
+    var k, P;
+    v(), (P = (k = p.current).onSelect) == null || P.call(k, m.current);
+  }
+  function v() {
+    g.setState("value", m.current, !0);
+  }
+  if (!x) return null;
+  let { disabled: b, value: j, onSelect: w, forceMount: R, keywords: W, ...A } = e;
+  return r.createElement(re.div, { ref: Se(c, n), ...A, id: o, "cmdk-item": "", role: "option", "aria-disabled": !!b, "aria-selected": !!E, "data-disabled": !!b, "data-selected": !!E, onPointerMove: b || a.getDisablePointerSelection() ? void 0 : v, onClick: b ? void 0 : T }, e.children);
+}), Qn = r.forwardRef((e, n) => {
+  let { heading: t, children: s, forceMount: o, ...c } = e, l = ee(), a = r.useRef(null), p = r.useRef(null), u = ee(), m = we(), g = ne((x) => o || m.filter() === !1 ? !0 : x.search ? x.filtered.groups.has(l) : !0);
+  ue(() => m.group(l), []), Nt(l, a, [e.value, e.heading, p]);
+  let E = r.useMemo(() => ({ id: l, forceMount: o }), [o]);
+  return r.createElement(re.div, { ref: Se(a, n), ...c, "cmdk-group": "", role: "presentation", hidden: g ? void 0 : !0 }, t && r.createElement("div", { ref: p, "cmdk-group-heading": "", "aria-hidden": !0, id: u }, t), Ee(e, (x) => r.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? u : void 0 }, r.createElement(Rt.Provider, { value: E }, x))));
+}), er = r.forwardRef((e, n) => {
+  let { alwaysRender: t, ...s } = e, o = r.useRef(null), c = ne((l) => !l.search);
+  return !t && !c ? null : r.createElement(re.div, { ref: Se(o, n), ...s, "cmdk-separator": "", role: "separator" });
+}), tr = r.forwardRef((e, n) => {
+  let { onValueChange: t, ...s } = e, o = e.value != null, c = Fe(), l = ne((u) => u.search), a = ne((u) => u.selectedItemId), p = we();
+  return r.useEffect(() => {
+    e.value != null && c.setState("search", e.value);
+  }, [e.value]), r.createElement(re.input, { ref: n, ...s, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": p.listId, "aria-labelledby": p.labelId, "aria-activedescendant": a, id: p.inputId, type: "text", value: o ? e.value : l, onChange: (u) => {
+    o || c.setState("search", u.target.value), t?.(u.target.value);
+  } });
+}), nr = r.forwardRef((e, n) => {
+  let { children: t, label: s = "Suggestions", ...o } = e, c = r.useRef(null), l = r.useRef(null), a = ne((u) => u.selectedItemId), p = we();
+  return r.useEffect(() => {
+    if (l.current && c.current) {
+      let u = l.current, m = c.current, g, E = new ResizeObserver(() => {
+        g = requestAnimationFrame(() => {
+          let x = u.offsetHeight;
+          m.style.setProperty("--cmdk-list-height", x.toFixed(1) + "px");
+        });
+      });
+      return E.observe(u), () => {
+        cancelAnimationFrame(g), E.unobserve(u);
+      };
+    }
+  }, []), r.createElement(re.div, { ref: Se(c, n), ...o, "cmdk-list": "", role: "listbox", tabIndex: -1, "aria-activedescendant": a, "aria-label": s, id: p.listId }, Ee(e, (u) => r.createElement("div", { ref: Se(l, p.listInnerRef), "cmdk-list-sizer": "" }, u)));
+}), rr = r.forwardRef((e, n) => {
+  let { open: t, onOpenChange: s, overlayClassName: o, contentClassName: c, container: l, ...a } = e;
+  return r.createElement(Kt, { open: t, onOpenChange: s }, r.createElement(Ut, { container: l }, r.createElement($t, { "cmdk-overlay": "", className: o }), r.createElement(Wt, { "aria-label": e.label, "cmdk-dialog": "", className: c }, r.createElement(Tt, { ref: n, ...a }))));
+}), or = r.forwardRef((e, n) => ne((t) => t.filtered.count === 0) ? r.createElement(re.div, { ref: n, ...e, "cmdk-empty": "", role: "presentation" }) : null), lr = r.forwardRef((e, n) => {
+  let { progress: t, children: s, label: o = "Loading...", ...c } = e;
+  return r.createElement(re.div, { ref: n, ...c, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": o }, Ee(e, (l) => r.createElement("div", { "aria-hidden": !0 }, l)));
+}), ve = Object.assign(Tt, { List: nr, Item: Jn, Input: tr, Group: Qn, Separator: er, Dialog: rr, Empty: or, Loading: lr });
+function ar(e, n) {
+  let t = e.nextElementSibling;
+  for (; t; ) {
+    if (t.matches(n)) return t;
+    t = t.nextElementSibling;
+  }
+}
+function sr(e, n) {
+  let t = e.previousElementSibling;
+  for (; t; ) {
+    if (t.matches(n)) return t;
+    t = t.previousElementSibling;
+  }
+}
+function Pt(e) {
+  let n = r.useRef(e);
+  return ue(() => {
+    n.current = e;
+  }), n;
+}
+var ue = typeof window > "u" ? r.useEffect : r.useLayoutEffect;
+function me(e) {
+  let n = r.useRef();
+  return n.current === void 0 && (n.current = e()), n;
+}
+function ne(e) {
+  let n = Fe(), t = () => e(n.snapshot());
+  return r.useSyncExternalStore(n.subscribe, t, t);
+}
+function Nt(e, n, t, s = []) {
+  let o = r.useRef(), c = we();
+  return ue(() => {
+    var l;
+    let a = (() => {
+      var u;
+      for (let m of t) {
+        if (typeof m == "string") return m.trim();
+        if (typeof m == "object" && "current" in m) return m.current ? (u = m.current.textContent) == null ? void 0 : u.trim() : o.current;
+      }
+    })(), p = s.map((u) => u.trim());
+    c.value(e, a, p), (l = n.current) == null || l.setAttribute(fe, a), o.current = a;
+  }), o;
+}
+var ir = () => {
+  let [e, n] = r.useState(), t = me(() => /* @__PURE__ */ new Map());
+  return ue(() => {
+    t.current.forEach((s) => s()), t.current = /* @__PURE__ */ new Map();
+  }, [e]), (s, o) => {
+    t.current.set(s, o), n({});
+  };
+};
+function cr(e) {
+  let n = e.type;
+  return typeof n == "function" ? n(e.props) : "render" in n ? n.render(e.props) : e;
+}
+function Ee({ asChild: e, children: n }, t) {
+  return e && r.isValidElement(n) ? r.cloneElement(cr(n), { ref: n.ref }, t(n.props.children)) : t(n);
+}
+var dr = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+function ur({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ d.jsx(
+    ve,
+    {
+      "data-slot": "command",
+      className: z(
+        "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
+        e
+      ),
+      ...n
+    }
+  );
+}
+function pr({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ d.jsxs(
+    "div",
+    {
+      "data-slot": "command-input-wrapper",
+      className: "flex h-9 items-center gap-2 border-b px-3",
+      children: [
+        /* @__PURE__ */ d.jsx(nn, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ d.jsx(
+          ve.Input,
+          {
+            "data-slot": "command-input",
+            className: z(
+              "placeholder:text-muted-foreground flex h-full w-full rounded-md bg-transparent py-3 text-sm outline-none disabled:cursor-not-allowed disabled:opacity-50",
+              e
+            ),
+            ...n
+          }
+        )
+      ]
+    }
+  );
+}
+function fr({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ d.jsx(
+    ve.List,
+    {
+      "data-slot": "command-list",
+      className: z(
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        e
+      ),
+      ...n
+    }
+  );
+}
+function mr({
+  ...e
+}) {
+  return /* @__PURE__ */ d.jsx(
+    ve.Empty,
+    {
+      "data-slot": "command-empty",
+      className: "py-6 text-center text-sm",
+      ...e
+    }
+  );
+}
+function hr({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ d.jsx(
+    ve.Group,
+    {
+      "data-slot": "command-group",
+      className: z(
+        "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
+        e
+      ),
+      ...n
+    }
+  );
+}
+function vr({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ d.jsx(
+    ve.Item,
+    {
+      "data-slot": "command-item",
+      className: z(
+        "data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...n
+    }
+  );
+}
+function Cr({
+  ...e
+}) {
+  return /* @__PURE__ */ d.jsx(Nn, { "data-slot": "select", ...e });
+}
+function Ir({
+  ...e
+}) {
+  return /* @__PURE__ */ d.jsx(_n, { "data-slot": "select-value", ...e });
+}
+function Er({
+  className: e,
+  size: n = "default",
+  children: t,
+  ...s
+}) {
+  return /* @__PURE__ */ d.jsxs(
+    jn,
+    {
+      "data-slot": "select-trigger",
+      "data-size": n,
+      className: z(
+        "border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...s,
+      children: [
+        t,
+        /* @__PURE__ */ d.jsx(kn, { asChild: !0, children: /* @__PURE__ */ d.jsx(Be, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
+}
+function Rr({
+  className: e,
+  children: n,
+  position: t = "item-aligned",
+  align: s = "center",
+  ...o
+}) {
+  const c = Gt();
+  return /* @__PURE__ */ d.jsx(Mn, { container: c, children: /* @__PURE__ */ d.jsxs(
+    An,
+    {
+      "data-slot": "select-content",
+      className: z(
+        "bg-popover text-popover-foreground data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        t === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        e
+      ),
+      position: t,
+      align: s,
+      ...o,
+      children: [
+        /* @__PURE__ */ d.jsx(gr, {}),
+        /* @__PURE__ */ d.jsx(
+          Dn,
+          {
+            className: z(
+              "p-1",
+              t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children: n
+          }
+        ),
+        /* @__PURE__ */ d.jsx(xr, {})
+      ]
+    }
+  ) });
+}
+function Tr({
+  className: e,
+  children: n,
+  ...t
+}) {
+  return /* @__PURE__ */ d.jsxs(
+    On,
+    {
+      "data-slot": "select-item",
+      className: z(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        e
+      ),
+      ...t,
+      children: [
+        /* @__PURE__ */ d.jsx(
+          "span",
+          {
+            "data-slot": "select-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ d.jsx(Vn, { children: /* @__PURE__ */ d.jsx(Ye, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ d.jsx(Ln, { children: n })
+      ]
+    }
+  );
+}
+function gr({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ d.jsx(
+    Bn,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: z(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...n,
+      children: /* @__PURE__ */ d.jsx(on, { className: "size-4" })
+    }
+  );
+}
+function xr({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ d.jsx(
+    Hn,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: z(
+        "flex cursor-default items-center justify-center py-1",
+        e
+      ),
+      ...n,
+      children: /* @__PURE__ */ d.jsx(Be, { className: "size-4" })
+    }
+  );
+}
+function Pr({
+  options: e,
+  value: n,
+  onValueChange: t,
+  placeholder: s = "Select...",
+  emptyText: o = "No results found.",
+  disabled: c = !1,
+  zIndex: l
+}) {
+  const [a, p] = r.useState(!1), [u, m] = r.useState(""), g = e.find((x) => x.value === n), E = u ? e.filter(
+    (x) => x.label.toLowerCase().includes(u.toLowerCase())
+  ) : e;
+  return (
+    // `modal` gives the popover its own scroll lock. Without it, a surrounding
+    // dialog's lock swallows wheel events over the option list.
+    /* @__PURE__ */ d.jsxs(
+      Qt,
+      {
+        open: a,
+        onOpenChange: (x) => {
+          p(x), x || m("");
+        },
+        modal: !0,
+        children: [
+          /* @__PURE__ */ d.jsx(en, { asChild: !0, children: /* @__PURE__ */ d.jsxs(
+            "button",
+            {
+              type: "button",
+              role: "combobox",
+              "aria-expanded": a,
+              disabled: c,
+              className: z(
+                "border-input flex h-9 w-full cursor-pointer items-center justify-between gap-2 rounded-md border bg-transparent px-3 text-sm shadow-xs transition-[color,box-shadow]",
+                "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none",
+                a && "border-ring ring-ring/50 ring-[3px]",
+                c && "cursor-not-allowed opacity-50"
+              ),
+              children: [
+                /* @__PURE__ */ d.jsx(
+                  "span",
+                  {
+                    className: z(
+                      "truncate",
+                      !g && "text-muted-foreground"
+                    ),
+                    children: g ? g.label : s
+                  }
+                ),
+                /* @__PURE__ */ d.jsx(Be, { className: "size-4 shrink-0 opacity-50" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ d.jsx(
+            tn,
+            {
+              className: "bg-popover w-[var(--radix-popover-trigger-width)] rounded-md border p-0 shadow-md",
+              align: "start",
+              style: l === void 0 ? void 0 : { zIndex: l },
+              children: /* @__PURE__ */ d.jsxs(ur, { shouldFilter: !1, children: [
+                /* @__PURE__ */ d.jsx(
+                  pr,
+                  {
+                    placeholder: s,
+                    value: u,
+                    onValueChange: m
+                  }
+                ),
+                /* @__PURE__ */ d.jsxs(fr, { children: [
+                  E.length === 0 && /* @__PURE__ */ d.jsx(mr, { children: o }),
+                  /* @__PURE__ */ d.jsx(hr, { children: E.map((x) => /* @__PURE__ */ d.jsxs(
+                    vr,
+                    {
+                      value: x.label,
+                      onSelect: () => {
+                        t(x.value === n ? "" : x.value), p(!1), m("");
+                      },
+                      children: [
+                        x.label,
+                        /* @__PURE__ */ d.jsx(
+                          Ye,
+                          {
+                            className: z(
+                              "ml-auto size-4",
+                              n === x.value ? "opacity-100" : "opacity-0"
+                            )
+                          }
+                        )
+                      ]
+                    },
+                    x.value
+                  )) })
+                ] })
+              ] })
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+export {
+  Pr as C,
+  Cr as S,
+  Er as a,
+  Ir as b,
+  Rr as c,
+  Tr as d,
+  ur as e,
+  pr as f,
+  fr as g,
+  mr as h,
+  hr as i,
+  vr as j
+};