@cfx-dev/ui-components 3.0.4 → 3.0.5

package/dist/components/DropdownSelect/DropdownSelect.js

@@ -0,0 +1,2393 @@
+import { jsx as v, Fragment as Xe, jsxs as st } from "react/jsx-runtime";
+import * as a from "react";
+import { useState as Rt, useRef as jn, useEffect as Xn } from "react";
+import { d as X, b as Hn, c as be, u as Pt } from "../../index-BCnz73Lm.js";
+import { r as zn } from "../../index-2hJuj4UN.js";
+import { c as Mt } from "../../index-CjTSD6zB.js";
+import { u as xt } from "../../index-BW3WdIgK.js";
+import { u as Zn, a as Qn, b as qn, o as Jn, s as er, l as tr, f as nr, c as rr, d as or, h as ar, e as We, g as cr, i as ir, I as sr } from "../../Select-Ds-fm4CN.js";
+import { _ as j, f as Nt, c as ur } from "../../tslib.es6-CBKHJX9H.js";
+import { Icon as lr } from "../Icon/Icon.js";
+import { Flex as dr } from "../Layout/Flex/Flex.js";
+import { clsx as Ae } from "../../utils/clsx.js";
+function Se(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e == null || e(o), n === !1 || !o.defaultPrevented)
+      return t == null ? void 0 : t(o);
+  };
+}
+function ut(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function It(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((o) => {
+      const c = ut(o, t);
+      return !n && typeof c == "function" && (n = !0), c;
+    });
+    if (n)
+      return () => {
+        for (let o = 0; o < r.length; o++) {
+          const c = r[o];
+          typeof c == "function" ? c() : ut(e[o], null);
+        }
+      };
+  };
+}
+function fr(e, t = []) {
+  let n = [];
+  function r(c, s) {
+    const i = a.createContext(s), l = n.length;
+    n = [...n, s];
+    const u = (f) => {
+      var w;
+      const { scope: m, children: g, ...h } = f, d = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[l]) || i, y = a.useMemo(() => h, Object.values(h));
+      return /* @__PURE__ */ v(d.Provider, { value: y, children: g });
+    };
+    u.displayName = c + "Provider";
+    function p(f, m) {
+      var d;
+      const g = ((d = m == null ? void 0 : m[e]) == null ? void 0 : d[l]) || i, h = a.useContext(g);
+      if (h) return h;
+      if (s !== void 0) return s;
+      throw new Error(`\`${f}\` must be used within \`${c}\``);
+    }
+    return [u, p];
+  }
+  const o = () => {
+    const c = n.map((s) => a.createContext(s));
+    return function(i) {
+      const l = (i == null ? void 0 : i[e]) || c;
+      return a.useMemo(
+        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
+        [i, l]
+      );
+    };
+  };
+  return o.scopeName = e, [r, pr(o, ...t)];
+}
+function pr(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(c) {
+      const s = r.reduce((i, { useScope: l, scopeName: u }) => {
+        const f = l(c)[`__scope${u}`];
+        return { ...i, ...f };
+      }, {});
+      return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var At = a.forwardRef((e, t) => {
+  const { children: n, ...r } = e, o = a.Children.toArray(n), c = o.find(vr);
+  if (c) {
+    const s = c.props.children, i = o.map((l) => l === c ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : l);
+    return /* @__PURE__ */ v(Be, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, i) : null });
+  }
+  return /* @__PURE__ */ v(Be, { ...r, ref: t, children: n });
+});
+At.displayName = "Slot";
+var Be = a.forwardRef((e, t) => {
+  const { children: n, ...r } = e;
+  if (a.isValidElement(n)) {
+    const o = gr(n);
+    return a.cloneElement(n, {
+      ...hr(r, n.props),
+      // @ts-ignore
+      ref: t ? It(t, o) : o
+    });
+  }
+  return a.Children.count(n) > 1 ? a.Children.only(null) : null;
+});
+Be.displayName = "SlotClone";
+var mr = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
+function vr(e) {
+  return a.isValidElement(e) && e.type === mr;
+}
+function hr(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const o = e[r], c = t[r];
+    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...i) => {
+      c(...i), o(...i);
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function gr(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var wr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], yr = wr.reduce((e, t) => {
+  const n = a.forwardRef((r, o) => {
+    const { asChild: c, ...s } = r, i = c ? At : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(i, { ...s, ref: o });
+  });
+  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+}, {});
+function M(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e == null || e(o), n === !1 || !o.defaultPrevented)
+      return t == null ? void 0 : t(o);
+  };
+}
+function lt(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function He(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((o) => {
+      const c = lt(o, t);
+      return !n && typeof c == "function" && (n = !0), c;
+    });
+    if (n)
+      return () => {
+        for (let o = 0; o < r.length; o++) {
+          const c = r[o];
+          typeof c == "function" ? c() : lt(e[o], null);
+        }
+      };
+  };
+}
+function W(...e) {
+  return a.useCallback(He(...e), e);
+}
+function Dt(e, t = []) {
+  let n = [];
+  function r(c, s) {
+    const i = a.createContext(s), l = n.length;
+    n = [...n, s];
+    const u = (f) => {
+      var w;
+      const { scope: m, children: g, ...h } = f, d = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[l]) || i, y = a.useMemo(() => h, Object.values(h));
+      return /* @__PURE__ */ v(d.Provider, { value: y, children: g });
+    };
+    u.displayName = c + "Provider";
+    function p(f, m) {
+      var d;
+      const g = ((d = m == null ? void 0 : m[e]) == null ? void 0 : d[l]) || i, h = a.useContext(g);
+      if (h) return h;
+      if (s !== void 0) return s;
+      throw new Error(`\`${f}\` must be used within \`${c}\``);
+    }
+    return [u, p];
+  }
+  const o = () => {
+    const c = n.map((s) => a.createContext(s));
+    return function(i) {
+      const l = (i == null ? void 0 : i[e]) || c;
+      return a.useMemo(
+        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
+        [i, l]
+      );
+    };
+  };
+  return o.scopeName = e, [r, Cr(o, ...t)];
+}
+function Cr(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(c) {
+      const s = r.reduce((i, { useScope: l, scopeName: u }) => {
+        const f = l(c)[`__scope${u}`];
+        return { ...i, ...f };
+      }, {});
+      return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var ze = a.forwardRef((e, t) => {
+  const { children: n, ...r } = e, o = a.Children.toArray(n), c = o.find(br);
+  if (c) {
+    const s = c.props.children, i = o.map((l) => l === c ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : l);
+    return /* @__PURE__ */ v(Ue, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, i) : null });
+  }
+  return /* @__PURE__ */ v(Ue, { ...r, ref: t, children: n });
+});
+ze.displayName = "Slot";
+var Ue = a.forwardRef((e, t) => {
+  const { children: n, ...r } = e;
+  if (a.isValidElement(n)) {
+    const o = _r(n);
+    return a.cloneElement(n, {
+      ...Sr(r, n.props),
+      // @ts-ignore
+      ref: t ? He(t, o) : o
+    });
+  }
+  return a.Children.count(n) > 1 ? a.Children.only(null) : null;
+});
+Ue.displayName = "SlotClone";
+var Er = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
+function br(e) {
+  return a.isValidElement(e) && e.type === Er;
+}
+function Sr(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const o = e[r], c = t[r];
+    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...i) => {
+      c(...i), o(...i);
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function _r(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var Rr = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], B = Rr.reduce((e, t) => {
+  const n = a.forwardRef((r, o) => {
+    const { asChild: c, ...s } = r, i = c ? ze : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(i, { ...s, ref: o });
+  });
+  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+}, {});
+function Tt(e, t) {
+  e && zn.flushSync(() => e.dispatchEvent(t));
+}
+var Pr = "DismissableLayer", Ke = "dismissableLayer.update", Mr = "dismissableLayer.pointerDownOutside", xr = "dismissableLayer.focusOutside", dt, Ot = a.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), Ft = a.forwardRef(
+  (e, t) => {
+    const {
+      disableOutsidePointerEvents: n = !1,
+      onEscapeKeyDown: r,
+      onPointerDownOutside: o,
+      onFocusOutside: c,
+      onInteractOutside: s,
+      onDismiss: i,
+      ...l
+    } = e, u = a.useContext(Ot), [p, f] = a.useState(null), m = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = a.useState({}), h = W(t, (S) => f(S)), d = Array.from(u.layers), [y] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), w = d.indexOf(y), E = p ? d.indexOf(p) : -1, b = u.layersWithOutsidePointerEventsDisabled.size > 0, _ = E >= w, R = Ar((S) => {
+      const P = S.target, I = [...u.branches].some((T) => T.contains(P));
+      !_ || I || (o == null || o(S), s == null || s(S), S.defaultPrevented || i == null || i());
+    }, m), x = Dr((S) => {
+      const P = S.target;
+      [...u.branches].some((T) => T.contains(P)) || (c == null || c(S), s == null || s(S), S.defaultPrevented || i == null || i());
+    }, m);
+    return Zn((S) => {
+      E === u.layers.size - 1 && (r == null || r(S), !S.defaultPrevented && i && (S.preventDefault(), i()));
+    }, m), a.useEffect(() => {
+      if (p)
+        return n && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (dt = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(p)), u.layers.add(p), ft(), () => {
+          n && u.layersWithOutsidePointerEventsDisabled.size === 1 && (m.body.style.pointerEvents = dt);
+        };
+    }, [p, m, n, u]), a.useEffect(() => () => {
+      p && (u.layers.delete(p), u.layersWithOutsidePointerEventsDisabled.delete(p), ft());
+    }, [p, u]), a.useEffect(() => {
+      const S = () => g({});
+      return document.addEventListener(Ke, S), () => document.removeEventListener(Ke, S);
+    }, []), /* @__PURE__ */ v(
+      B.div,
+      {
+        ...l,
+        ref: h,
+        style: {
+          pointerEvents: b ? _ ? "auto" : "none" : void 0,
+          ...e.style
+        },
+        onFocusCapture: M(e.onFocusCapture, x.onFocusCapture),
+        onBlurCapture: M(e.onBlurCapture, x.onBlurCapture),
+        onPointerDownCapture: M(
+          e.onPointerDownCapture,
+          R.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+Ft.displayName = Pr;
+var Nr = "DismissableLayerBranch", Ir = a.forwardRef((e, t) => {
+  const n = a.useContext(Ot), r = a.useRef(null), o = W(t, r);
+  return a.useEffect(() => {
+    const c = r.current;
+    if (c)
+      return n.branches.add(c), () => {
+        n.branches.delete(c);
+      };
+  }, [n.branches]), /* @__PURE__ */ v(B.div, { ...e, ref: o });
+});
+Ir.displayName = Nr;
+function Ar(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = X(e), r = a.useRef(!1), o = a.useRef(() => {
+  });
+  return a.useEffect(() => {
+    const c = (i) => {
+      if (i.target && !r.current) {
+        let l = function() {
+          Lt(
+            Mr,
+            n,
+            u,
+            { discrete: !0 }
+          );
+        };
+        const u = { originalEvent: i };
+        i.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = l, t.addEventListener("click", o.current, { once: !0 })) : l();
+      } else
+        t.removeEventListener("click", o.current);
+      r.current = !1;
+    }, s = window.setTimeout(() => {
+      t.addEventListener("pointerdown", c);
+    }, 0);
+    return () => {
+      window.clearTimeout(s), t.removeEventListener("pointerdown", c), t.removeEventListener("click", o.current);
+    };
+  }, [t, n]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => r.current = !0
+  };
+}
+function Dr(e, t = globalThis == null ? void 0 : globalThis.document) {
+  const n = X(e), r = a.useRef(!1);
+  return a.useEffect(() => {
+    const o = (c) => {
+      c.target && !r.current && Lt(xr, n, { originalEvent: c }, {
+        discrete: !1
+      });
+    };
+    return t.addEventListener("focusin", o), () => t.removeEventListener("focusin", o);
+  }, [t, n]), {
+    onFocusCapture: () => r.current = !0,
+    onBlurCapture: () => r.current = !1
+  };
+}
+function ft() {
+  const e = new CustomEvent(Ke);
+  document.dispatchEvent(e);
+}
+function Lt(e, t, n, { discrete: r }) {
+  const o = n.originalEvent.target, c = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
+  t && o.addEventListener(e, t, { once: !0 }), r ? Tt(o, c) : o.dispatchEvent(c);
+}
+var De = 0;
+function Tr() {
+  a.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? pt()), document.body.insertAdjacentElement("beforeend", e[1] ?? pt()), De++, () => {
+      De === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), De--;
+    };
+  }, []);
+}
+function pt() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var Te = "focusScope.autoFocusOnMount", Oe = "focusScope.autoFocusOnUnmount", mt = { bubbles: !1, cancelable: !0 }, Or = "FocusScope", kt = a.forwardRef((e, t) => {
+  const {
+    loop: n = !1,
+    trapped: r = !1,
+    onMountAutoFocus: o,
+    onUnmountAutoFocus: c,
+    ...s
+  } = e, [i, l] = a.useState(null), u = X(o), p = X(c), f = a.useRef(null), m = W(t, (d) => l(d)), g = a.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  a.useEffect(() => {
+    if (r) {
+      let d = function(b) {
+        if (g.paused || !i) return;
+        const _ = b.target;
+        i.contains(_) ? f.current = _ : Y(f.current, { select: !0 });
+      }, y = function(b) {
+        if (g.paused || !i) return;
+        const _ = b.relatedTarget;
+        _ !== null && (i.contains(_) || Y(f.current, { select: !0 }));
+      }, w = function(b) {
+        if (document.activeElement === document.body)
+          for (const R of b)
+            R.removedNodes.length > 0 && Y(i);
+      };
+      document.addEventListener("focusin", d), document.addEventListener("focusout", y);
+      const E = new MutationObserver(w);
+      return i && E.observe(i, { childList: !0, subtree: !0 }), () => {
+        document.removeEventListener("focusin", d), document.removeEventListener("focusout", y), E.disconnect();
+      };
+    }
+  }, [r, i, g.paused]), a.useEffect(() => {
+    if (i) {
+      ht.add(g);
+      const d = document.activeElement;
+      if (!i.contains(d)) {
+        const w = new CustomEvent(Te, mt);
+        i.addEventListener(Te, u), i.dispatchEvent(w), w.defaultPrevented || (Fr(Br($t(i)), { select: !0 }), document.activeElement === d && Y(i));
+      }
+      return () => {
+        i.removeEventListener(Te, u), setTimeout(() => {
+          const w = new CustomEvent(Oe, mt);
+          i.addEventListener(Oe, p), i.dispatchEvent(w), w.defaultPrevented || Y(d ?? document.body, { select: !0 }), i.removeEventListener(Oe, p), ht.remove(g);
+        }, 0);
+      };
+    }
+  }, [i, u, p, g]);
+  const h = a.useCallback(
+    (d) => {
+      if (!n && !r || g.paused) return;
+      const y = d.key === "Tab" && !d.altKey && !d.ctrlKey && !d.metaKey, w = document.activeElement;
+      if (y && w) {
+        const E = d.currentTarget, [b, _] = Lr(E);
+        b && _ ? !d.shiftKey && w === _ ? (d.preventDefault(), n && Y(b, { select: !0 })) : d.shiftKey && w === b && (d.preventDefault(), n && Y(_, { select: !0 })) : w === E && d.preventDefault();
+      }
+    },
+    [n, r, g.paused]
+  );
+  return /* @__PURE__ */ v(B.div, { tabIndex: -1, ...s, ref: m, onKeyDown: h });
+});
+kt.displayName = Or;
+function Fr(e, { select: t = !1 } = {}) {
+  const n = document.activeElement;
+  for (const r of e)
+    if (Y(r, { select: t }), document.activeElement !== n) return;
+}
+function Lr(e) {
+  const t = $t(e), n = vt(t, e), r = vt(t.reverse(), e);
+  return [n, r];
+}
+function $t(e) {
+  const t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (r) => {
+      const o = r.tagName === "INPUT" && r.type === "hidden";
+      return r.disabled || r.hidden || o ? NodeFilter.FILTER_SKIP : r.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; n.nextNode(); ) t.push(n.currentNode);
+  return t;
+}
+function vt(e, t) {
+  for (const n of e)
+    if (!kr(n, { upTo: t })) return n;
+}
+function kr(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function $r(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function Y(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const n = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== n && $r(e) && t && e.select();
+  }
+}
+var ht = Wr();
+function Wr() {
+  let e = [];
+  return {
+    add(t) {
+      const n = e[0];
+      t !== n && (n == null || n.pause()), e = gt(e, t), e.unshift(t);
+    },
+    remove(t) {
+      var n;
+      e = gt(e, t), (n = e[0]) == null || n.resume();
+    }
+  };
+}
+function gt(e, t) {
+  const n = [...e], r = n.indexOf(t);
+  return r !== -1 && n.splice(r, 1), n;
+}
+function Br(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var Ur = "Arrow", Wt = a.forwardRef((e, t) => {
+  const { children: n, width: r = 10, height: o = 5, ...c } = e;
+  return /* @__PURE__ */ v(
+    B.svg,
+    {
+      ...c,
+      ref: t,
+      width: r,
+      height: o,
+      viewBox: "0 0 30 10",
+      preserveAspectRatio: "none",
+      children: e.asChild ? n : /* @__PURE__ */ v("polygon", { points: "0,0 30,0 15,10" })
+    }
+  );
+});
+Wt.displayName = Ur;
+var Kr = Wt, Ze = "Popper", [Bt, Ut] = Dt(Ze), [Gr, Kt] = Bt(Ze), Gt = (e) => {
+  const { __scopePopper: t, children: n } = e, [r, o] = a.useState(null);
+  return /* @__PURE__ */ v(Gr, { scope: t, anchor: r, onAnchorChange: o, children: n });
+};
+Gt.displayName = Ze;
+var Vt = "PopperAnchor", Yt = a.forwardRef(
+  (e, t) => {
+    const { __scopePopper: n, virtualRef: r, ...o } = e, c = Kt(Vt, n), s = a.useRef(null), i = W(t, s);
+    return a.useEffect(() => {
+      c.onAnchorChange((r == null ? void 0 : r.current) || s.current);
+    }), r ? null : /* @__PURE__ */ v(B.div, { ...o, ref: i });
+  }
+);
+Yt.displayName = Vt;
+var Qe = "PopperContent", [Vr, Yr] = Bt(Qe), jt = a.forwardRef(
+  (e, t) => {
+    var G, ie, F, se, at, ct;
+    const {
+      __scopePopper: n,
+      side: r = "bottom",
+      sideOffset: o = 0,
+      align: c = "center",
+      alignOffset: s = 0,
+      arrowPadding: i = 0,
+      avoidCollisions: l = !0,
+      collisionBoundary: u = [],
+      collisionPadding: p = 0,
+      sticky: f = "partial",
+      hideWhenDetached: m = !1,
+      updatePositionStrategy: g = "optimized",
+      onPlaced: h,
+      ...d
+    } = e, y = Kt(Qe, n), [w, E] = a.useState(null), b = W(t, (ue) => E(ue)), [_, R] = a.useState(null), x = Hn(_), S = (x == null ? void 0 : x.width) ?? 0, P = (x == null ? void 0 : x.height) ?? 0, I = r + (c !== "center" ? "-" + c : ""), T = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, V = Array.isArray(u) ? u : [u], H = V.length > 0, K = {
+      padding: T,
+      boundary: V.filter(Xr),
+      // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
+      altBoundary: H
+    }, { refs: Q, floatingStyles: q, placement: $, isPositioned: J, middlewareData: O } = Qn({
+      // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
+      strategy: "fixed",
+      placement: I,
+      whileElementsMounted: (...ue) => qn(...ue, {
+        animationFrame: g === "always"
+      }),
+      elements: {
+        reference: y.anchor
+      },
+      middleware: [
+        Jn({ mainAxis: o + P, alignmentAxis: s }),
+        l && er({
+          mainAxis: !0,
+          crossAxis: !1,
+          limiter: f === "partial" ? tr() : void 0,
+          ...K
+        }),
+        l && nr({ ...K }),
+        rr({
+          ...K,
+          apply: ({ elements: ue, rects: it, availableWidth: Kn, availableHeight: Gn }) => {
+            const { width: Vn, height: Yn } = it.reference, he = ue.floating.style;
+            he.setProperty("--radix-popper-available-width", `${Kn}px`), he.setProperty("--radix-popper-available-height", `${Gn}px`), he.setProperty("--radix-popper-anchor-width", `${Vn}px`), he.setProperty("--radix-popper-anchor-height", `${Yn}px`);
+          }
+        }),
+        _ && or({ element: _, padding: i }),
+        Hr({ arrowWidth: S, arrowHeight: P }),
+        m && ar({ strategy: "referenceHidden", ...K })
+      ]
+    }), [C, A] = zt($), N = X(h);
+    be(() => {
+      J && (N == null || N());
+    }, [J, N]);
+    const U = (G = O.arrow) == null ? void 0 : G.x, ae = (ie = O.arrow) == null ? void 0 : ie.y, ce = ((F = O.arrow) == null ? void 0 : F.centerOffset) !== 0, [ve, z] = a.useState();
+    return be(() => {
+      w && z(window.getComputedStyle(w).zIndex);
+    }, [w]), /* @__PURE__ */ v(
+      "div",
+      {
+        ref: Q.setFloating,
+        "data-radix-popper-content-wrapper": "",
+        style: {
+          ...q,
+          transform: J ? q.transform : "translate(0, -200%)",
+          // keep off the page when measuring
+          minWidth: "max-content",
+          zIndex: ve,
+          "--radix-popper-transform-origin": [
+            (se = O.transformOrigin) == null ? void 0 : se.x,
+            (at = O.transformOrigin) == null ? void 0 : at.y
+          ].join(" "),
+          // hide the content if using the hide middleware and should be hidden
+          // set visibility to hidden and disable pointer events so the UI behaves
+          // as if the PopperContent isn't there at all
+          ...((ct = O.hide) == null ? void 0 : ct.referenceHidden) && {
+            visibility: "hidden",
+            pointerEvents: "none"
+          }
+        },
+        dir: e.dir,
+        children: /* @__PURE__ */ v(
+          Vr,
+          {
+            scope: n,
+            placedSide: C,
+            onArrowChange: R,
+            arrowX: U,
+            arrowY: ae,
+            shouldHideArrow: ce,
+            children: /* @__PURE__ */ v(
+              B.div,
+              {
+                "data-side": C,
+                "data-align": A,
+                ...d,
+                ref: b,
+                style: {
+                  ...d.style,
+                  // if the PopperContent hasn't been placed yet (not all measurements done)
+                  // we prevent animations so that users's animation don't kick in too early referring wrong sides
+                  animation: J ? void 0 : "none"
+                }
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+jt.displayName = Qe;
+var Xt = "PopperArrow", jr = {
+  top: "bottom",
+  right: "left",
+  bottom: "top",
+  left: "right"
+}, Ht = a.forwardRef(function(t, n) {
+  const { __scopePopper: r, ...o } = t, c = Yr(Xt, r), s = jr[c.placedSide];
+  return (
+    // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
+    // doesn't report size as we'd expect on SVG elements.
+    // it reports their bounding box which is effectively the largest path inside the SVG.
+    /* @__PURE__ */ v(
+      "span",
+      {
+        ref: c.onArrowChange,
+        style: {
+          position: "absolute",
+          left: c.arrowX,
+          top: c.arrowY,
+          [s]: 0,
+          transformOrigin: {
+            top: "",
+            right: "0 0",
+            bottom: "center 0",
+            left: "100% 0"
+          }[c.placedSide],
+          transform: {
+            top: "translateY(100%)",
+            right: "translateY(50%) rotate(90deg) translateX(-50%)",
+            bottom: "rotate(180deg)",
+            left: "translateY(50%) rotate(-90deg) translateX(50%)"
+          }[c.placedSide],
+          visibility: c.shouldHideArrow ? "hidden" : void 0
+        },
+        children: /* @__PURE__ */ v(
+          Kr,
+          {
+            ...o,
+            ref: n,
+            style: {
+              ...o.style,
+              // ensures the element can be measured correctly (mostly for if SVG)
+              display: "block"
+            }
+          }
+        )
+      }
+    )
+  );
+});
+Ht.displayName = Xt;
+function Xr(e) {
+  return e !== null;
+}
+var Hr = (e) => ({
+  name: "transformOrigin",
+  options: e,
+  fn(t) {
+    var y, w, E;
+    const { placement: n, rects: r, middlewareData: o } = t, s = ((y = o.arrow) == null ? void 0 : y.centerOffset) !== 0, i = s ? 0 : e.arrowWidth, l = s ? 0 : e.arrowHeight, [u, p] = zt(n), f = { start: "0%", center: "50%", end: "100%" }[p], m = (((w = o.arrow) == null ? void 0 : w.x) ?? 0) + i / 2, g = (((E = o.arrow) == null ? void 0 : E.y) ?? 0) + l / 2;
+    let h = "", d = "";
+    return u === "bottom" ? (h = s ? f : `${m}px`, d = `${-l}px`) : u === "top" ? (h = s ? f : `${m}px`, d = `${r.floating.height + l}px`) : u === "right" ? (h = `${-l}px`, d = s ? f : `${g}px`) : u === "left" && (h = `${r.floating.width + l}px`, d = s ? f : `${g}px`), { data: { x: h, y: d } };
+  }
+});
+function zt(e) {
+  const [t, n = "center"] = e.split("-");
+  return [t, n];
+}
+var zr = Gt, Zr = Yt, Qr = jt, qr = Ht;
+function Jr(e, t) {
+  return a.useReducer((n, r) => t[n][r] ?? n, e);
+}
+var Pe = (e) => {
+  const { present: t, children: n } = e, r = eo(t), o = typeof n == "function" ? n({ present: r.isPresent }) : a.Children.only(n), c = W(r.ref, to(o));
+  return typeof n == "function" || r.isPresent ? a.cloneElement(o, { ref: c }) : null;
+};
+Pe.displayName = "Presence";
+function eo(e) {
+  const [t, n] = a.useState(), r = a.useRef({}), o = a.useRef(e), c = a.useRef("none"), s = e ? "mounted" : "unmounted", [i, l] = Jr(s, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return a.useEffect(() => {
+    const u = ge(r.current);
+    c.current = i === "mounted" ? u : "none";
+  }, [i]), be(() => {
+    const u = r.current, p = o.current;
+    if (p !== e) {
+      const m = c.current, g = ge(u);
+      e ? l("MOUNT") : g === "none" || (u == null ? void 0 : u.display) === "none" ? l("UNMOUNT") : l(p && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+    }
+  }, [e, l]), be(() => {
+    if (t) {
+      let u;
+      const p = t.ownerDocument.defaultView ?? window, f = (g) => {
+        const d = ge(r.current).includes(g.animationName);
+        if (g.target === t && d && (l("ANIMATION_END"), !o.current)) {
+          const y = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", u = p.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = y);
+          });
+        }
+      }, m = (g) => {
+        g.target === t && (c.current = ge(r.current));
+      };
+      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        p.clearTimeout(u), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      };
+    } else
+      l("ANIMATION_END");
+  }, [t, l]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(i),
+    ref: a.useCallback((u) => {
+      u && (r.current = getComputedStyle(u)), n(u);
+    }, [])
+  };
+}
+function ge(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function to(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+function ne(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e == null || e(o), n === !1 || !o.defaultPrevented)
+      return t == null ? void 0 : t(o);
+  };
+}
+function wt(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function Zt(...e) {
+  return (t) => {
+    let n = !1;
+    const r = e.map((o) => {
+      const c = wt(o, t);
+      return !n && typeof c == "function" && (n = !0), c;
+    });
+    if (n)
+      return () => {
+        for (let o = 0; o < r.length; o++) {
+          const c = r[o];
+          typeof c == "function" ? c() : wt(e[o], null);
+        }
+      };
+  };
+}
+function no(...e) {
+  return a.useCallback(Zt(...e), e);
+}
+function ro(e, t = []) {
+  let n = [];
+  function r(c, s) {
+    const i = a.createContext(s), l = n.length;
+    n = [...n, s];
+    const u = (f) => {
+      var w;
+      const { scope: m, children: g, ...h } = f, d = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[l]) || i, y = a.useMemo(() => h, Object.values(h));
+      return /* @__PURE__ */ v(d.Provider, { value: y, children: g });
+    };
+    u.displayName = c + "Provider";
+    function p(f, m) {
+      var d;
+      const g = ((d = m == null ? void 0 : m[e]) == null ? void 0 : d[l]) || i, h = a.useContext(g);
+      if (h) return h;
+      if (s !== void 0) return s;
+      throw new Error(`\`${f}\` must be used within \`${c}\``);
+    }
+    return [u, p];
+  }
+  const o = () => {
+    const c = n.map((s) => a.createContext(s));
+    return function(i) {
+      const l = (i == null ? void 0 : i[e]) || c;
+      return a.useMemo(
+        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
+        [i, l]
+      );
+    };
+  };
+  return o.scopeName = e, [r, oo(o, ...t)];
+}
+function oo(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(c) {
+      const s = r.reduce((i, { useScope: l, scopeName: u }) => {
+        const f = l(c)[`__scope${u}`];
+        return { ...i, ...f };
+      }, {});
+      return a.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+var Qt = a.forwardRef((e, t) => {
+  const { children: n, ...r } = e, o = a.Children.toArray(n), c = o.find(co);
+  if (c) {
+    const s = c.props.children, i = o.map((l) => l === c ? a.Children.count(s) > 1 ? a.Children.only(null) : a.isValidElement(s) ? s.props.children : null : l);
+    return /* @__PURE__ */ v(Ge, { ...r, ref: t, children: a.isValidElement(s) ? a.cloneElement(s, void 0, i) : null });
+  }
+  return /* @__PURE__ */ v(Ge, { ...r, ref: t, children: n });
+});
+Qt.displayName = "Slot";
+var Ge = a.forwardRef((e, t) => {
+  const { children: n, ...r } = e;
+  if (a.isValidElement(n)) {
+    const o = so(n);
+    return a.cloneElement(n, {
+      ...io(r, n.props),
+      // @ts-ignore
+      ref: t ? Zt(t, o) : o
+    });
+  }
+  return a.Children.count(n) > 1 ? a.Children.only(null) : null;
+});
+Ge.displayName = "SlotClone";
+var ao = ({ children: e }) => /* @__PURE__ */ v(Xe, { children: e });
+function co(e) {
+  return a.isValidElement(e) && e.type === ao;
+}
+function io(e, t) {
+  const n = { ...t };
+  for (const r in t) {
+    const o = e[r], c = t[r];
+    /^on[A-Z]/.test(r) ? o && c ? n[r] = (...i) => {
+      c(...i), o(...i);
+    } : o && (n[r] = o) : r === "style" ? n[r] = { ...o, ...c } : r === "className" && (n[r] = [o, c].filter(Boolean).join(" "));
+  }
+  return { ...e, ...n };
+}
+function so(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+var uo = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], qt = uo.reduce((e, t) => {
+  const n = a.forwardRef((r, o) => {
+    const { asChild: c, ...s } = r, i = c ? Qt : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ v(i, { ...s, ref: o });
+  });
+  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+}, {}), Fe = "rovingFocusGroup.onEntryFocus", lo = { bubbles: !1, cancelable: !0 }, Me = "RovingFocusGroup", [Ve, Jt, fo] = Mt(Me), [po, en] = ro(
+  Me,
+  [fo]
+), [mo, vo] = po(Me), tn = a.forwardRef(
+  (e, t) => /* @__PURE__ */ v(Ve.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ v(Ve.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ v(ho, { ...e, ref: t }) }) })
+);
+tn.displayName = Me;
+var ho = a.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: n,
+    orientation: r,
+    loop: o = !1,
+    dir: c,
+    currentTabStopId: s,
+    defaultCurrentTabStopId: i,
+    onCurrentTabStopIdChange: l,
+    onEntryFocus: u,
+    preventScrollOnEntryFocus: p = !1,
+    ...f
+  } = e, m = a.useRef(null), g = no(t, m), h = xt(c), [d = null, y] = Pt({
+    prop: s,
+    defaultProp: i,
+    onChange: l
+  }), [w, E] = a.useState(!1), b = X(u), _ = Jt(n), R = a.useRef(!1), [x, S] = a.useState(0);
+  return a.useEffect(() => {
+    const P = m.current;
+    if (P)
+      return P.addEventListener(Fe, b), () => P.removeEventListener(Fe, b);
+  }, [b]), /* @__PURE__ */ v(
+    mo,
+    {
+      scope: n,
+      orientation: r,
+      dir: h,
+      loop: o,
+      currentTabStopId: d,
+      onItemFocus: a.useCallback(
+        (P) => y(P),
+        [y]
+      ),
+      onItemShiftTab: a.useCallback(() => E(!0), []),
+      onFocusableItemAdd: a.useCallback(
+        () => S((P) => P + 1),
+        []
+      ),
+      onFocusableItemRemove: a.useCallback(
+        () => S((P) => P - 1),
+        []
+      ),
+      children: /* @__PURE__ */ v(
+        qt.div,
+        {
+          tabIndex: w || x === 0 ? -1 : 0,
+          "data-orientation": r,
+          ...f,
+          ref: g,
+          style: { outline: "none", ...e.style },
+          onMouseDown: ne(e.onMouseDown, () => {
+            R.current = !0;
+          }),
+          onFocus: ne(e.onFocus, (P) => {
+            const I = !R.current;
+            if (P.target === P.currentTarget && I && !w) {
+              const T = new CustomEvent(Fe, lo);
+              if (P.currentTarget.dispatchEvent(T), !T.defaultPrevented) {
+                const V = _().filter(($) => $.focusable), H = V.find(($) => $.active), K = V.find(($) => $.id === d), q = [H, K, ...V].filter(
+                  Boolean
+                ).map(($) => $.ref.current);
+                on(q, p);
+              }
+            }
+            R.current = !1;
+          }),
+          onBlur: ne(e.onBlur, () => E(!1))
+        }
+      )
+    }
+  );
+}), nn = "RovingFocusGroupItem", rn = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: n,
+      focusable: r = !0,
+      active: o = !1,
+      tabStopId: c,
+      ...s
+    } = e, i = We(), l = c || i, u = vo(nn, n), p = u.currentTabStopId === l, f = Jt(n), { onFocusableItemAdd: m, onFocusableItemRemove: g } = u;
+    return a.useEffect(() => {
+      if (r)
+        return m(), () => g();
+    }, [r, m, g]), /* @__PURE__ */ v(
+      Ve.ItemSlot,
+      {
+        scope: n,
+        id: l,
+        focusable: r,
+        active: o,
+        children: /* @__PURE__ */ v(
+          qt.span,
+          {
+            tabIndex: p ? 0 : -1,
+            "data-orientation": u.orientation,
+            ...s,
+            ref: t,
+            onMouseDown: ne(e.onMouseDown, (h) => {
+              r ? u.onItemFocus(l) : h.preventDefault();
+            }),
+            onFocus: ne(e.onFocus, () => u.onItemFocus(l)),
+            onKeyDown: ne(e.onKeyDown, (h) => {
+              if (h.key === "Tab" && h.shiftKey) {
+                u.onItemShiftTab();
+                return;
+              }
+              if (h.target !== h.currentTarget) return;
+              const d = yo(h, u.orientation, u.dir);
+              if (d !== void 0) {
+                if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
+                h.preventDefault();
+                let w = f().filter((E) => E.focusable).map((E) => E.ref.current);
+                if (d === "last") w.reverse();
+                else if (d === "prev" || d === "next") {
+                  d === "prev" && w.reverse();
+                  const E = w.indexOf(h.currentTarget);
+                  w = u.loop ? Co(w, E + 1) : w.slice(E + 1);
+                }
+                setTimeout(() => on(w));
+              }
+            })
+          }
+        )
+      }
+    );
+  }
+);
+rn.displayName = nn;
+var go = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function wo(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function yo(e, t, n) {
+  const r = wo(e.key, n);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
+    return go[r];
+}
+function on(e, t = !1) {
+  const n = document.activeElement;
+  for (const r of e)
+    if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
+}
+function Co(e, t) {
+  return e.map((n, r) => e[(t + r) % e.length]);
+}
+var Eo = tn, bo = rn, Ce = "right-scroll-bar-position", Ee = "width-before-scroll-bar", So = "with-scroll-bars-hidden", _o = "--removed-body-scroll-bar-size";
+function Le(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
+}
+function Ro(e, t) {
+  var n = Rt(function() {
+    return {
+      // value
+      value: e,
+      // last callback
+      callback: t,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return n.value;
+        },
+        set current(r) {
+          var o = n.value;
+          o !== r && (n.value = r, n.callback(r, o));
+        }
+      }
+    };
+  })[0];
+  return n.callback = t, n.facade;
+}
+var Po = typeof window < "u" ? a.useLayoutEffect : a.useEffect, yt = /* @__PURE__ */ new WeakMap();
+function Mo(e, t) {
+  var n = Ro(null, function(r) {
+    return e.forEach(function(o) {
+      return Le(o, r);
+    });
+  });
+  return Po(function() {
+    var r = yt.get(n);
+    if (r) {
+      var o = new Set(r), c = new Set(e), s = n.current;
+      o.forEach(function(i) {
+        c.has(i) || Le(i, null);
+      }), c.forEach(function(i) {
+        o.has(i) || Le(i, s);
+      });
+    }
+    yt.set(n, e);
+  }, [e]), n;
+}
+function xo(e) {
+  return e;
+}
+function No(e, t) {
+  t === void 0 && (t = xo);
+  var n = [], r = !1, o = {
+    read: function() {
+      if (r)
+        throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return n.length ? n[n.length - 1] : e;
+    },
+    useMedium: function(c) {
+      var s = t(c, r);
+      return n.push(s), function() {
+        n = n.filter(function(i) {
+          return i !== s;
+        });
+      };
+    },
+    assignSyncMedium: function(c) {
+      for (r = !0; n.length; ) {
+        var s = n;
+        n = [], s.forEach(c);
+      }
+      n = {
+        push: function(i) {
+          return c(i);
+        },
+        filter: function() {
+          return n;
+        }
+      };
+    },
+    assignMedium: function(c) {
+      r = !0;
+      var s = [];
+      if (n.length) {
+        var i = n;
+        n = [], i.forEach(c), s = n;
+      }
+      var l = function() {
+        var p = s;
+        s = [], p.forEach(c);
+      }, u = function() {
+        return Promise.resolve().then(l);
+      };
+      u(), n = {
+        push: function(p) {
+          s.push(p), u();
+        },
+        filter: function(p) {
+          return s = s.filter(p), n;
+        }
+      };
+    }
+  };
+  return o;
+}
+function Io(e) {
+  e === void 0 && (e = {});
+  var t = No(null);
+  return t.options = j({ async: !0, ssr: !1 }, e), t;
+}
+var an = function(e) {
+  var t = e.sideCar, n = Nt(e, ["sideCar"]);
+  if (!t)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var r = t.read();
+  if (!r)
+    throw new Error("Sidecar medium not found");
+  return a.createElement(r, j({}, n));
+};
+an.isSideCarExport = !0;
+function Ao(e, t) {
+  return e.useMedium(t), an;
+}
+var cn = Io(), ke = function() {
+}, xe = a.forwardRef(function(e, t) {
+  var n = a.useRef(null), r = a.useState({
+    onScrollCapture: ke,
+    onWheelCapture: ke,
+    onTouchMoveCapture: ke
+  }), o = r[0], c = r[1], s = e.forwardProps, i = e.children, l = e.className, u = e.removeScrollBar, p = e.enabled, f = e.shards, m = e.sideCar, g = e.noIsolation, h = e.inert, d = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, E = e.gapMode, b = Nt(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), _ = m, R = Mo([n, t]), x = j(j({}, b), o);
+  return a.createElement(
+    a.Fragment,
+    null,
+    p && a.createElement(_, { sideCar: cn, removeScrollBar: u, shards: f, noIsolation: g, inert: h, setCallbacks: c, allowPinchZoom: !!d, lockRef: n, gapMode: E }),
+    s ? a.cloneElement(a.Children.only(i), j(j({}, x), { ref: R })) : a.createElement(w, j({}, x, { className: l, ref: R }), i)
+  );
+});
+xe.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+xe.classNames = {
+  fullWidth: Ee,
+  zeroRight: Ce
+};
+function Do() {
+  if (!document)
+    return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = cr();
+  return t && e.setAttribute("nonce", t), e;
+}
+function To(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function Oo(e) {
+  var t = document.head || document.getElementsByTagName("head")[0];
+  t.appendChild(e);
+}
+var Fo = function() {
+  var e = 0, t = null;
+  return {
+    add: function(n) {
+      e == 0 && (t = Do()) && (To(t, n), Oo(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, Lo = function() {
+  var e = Fo();
+  return function(t, n) {
+    a.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && n]);
+  };
+}, sn = function() {
+  var e = Lo(), t = function(n) {
+    var r = n.styles, o = n.dynamic;
+    return e(r, o), null;
+  };
+  return t;
+}, ko = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, $e = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, $o = function(e) {
+  var t = window.getComputedStyle(document.body), n = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [$e(n), $e(r), $e(o)];
+}, Wo = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u")
+    return ko;
+  var t = $o(e), n = document.documentElement.clientWidth, r = window.innerWidth;
+  return {
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, r - n + t[2] - t[0])
+  };
+}, Bo = sn(), re = "data-scroll-locked", Uo = function(e, t, n, r) {
+  var o = e.left, c = e.top, s = e.right, i = e.gap;
+  return n === void 0 && (n = "margin"), `
+  .`.concat(So, ` {
+   overflow: hidden `).concat(r, `;
+   padding-right: `).concat(i, "px ").concat(r, `;
+  }
+  body[`).concat(re, `] {
+    overflow: hidden `).concat(r, `;
+    overscroll-behavior: contain;
+    `).concat([
+    t && "position: relative ".concat(r, ";"),
+    n === "margin" && `
+    padding-left: `.concat(o, `px;
+    padding-top: `).concat(c, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(i, "px ").concat(r, `;
+    `),
+    n === "padding" && "padding-right: ".concat(i, "px ").concat(r, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(Ce, ` {
+    right: `).concat(i, "px ").concat(r, `;
+  }
+  
+  .`).concat(Ee, ` {
+    margin-right: `).concat(i, "px ").concat(r, `;
+  }
+  
+  .`).concat(Ce, " .").concat(Ce, ` {
+    right: 0 `).concat(r, `;
+  }
+  
+  .`).concat(Ee, " .").concat(Ee, ` {
+    margin-right: 0 `).concat(r, `;
+  }
+  
+  body[`).concat(re, `] {
+    `).concat(_o, ": ").concat(i, `px;
+  }
+`);
+}, Ct = function() {
+  var e = parseInt(document.body.getAttribute(re) || "0", 10);
+  return isFinite(e) ? e : 0;
+}, Ko = function() {
+  a.useEffect(function() {
+    return document.body.setAttribute(re, (Ct() + 1).toString()), function() {
+      var e = Ct() - 1;
+      e <= 0 ? document.body.removeAttribute(re) : document.body.setAttribute(re, e.toString());
+    };
+  }, []);
+}, Go = function(e) {
+  var t = e.noRelative, n = e.noImportant, r = e.gapMode, o = r === void 0 ? "margin" : r;
+  Ko();
+  var c = a.useMemo(function() {
+    return Wo(o);
+  }, [o]);
+  return a.createElement(Bo, { styles: Uo(c, !t, o, n ? "" : "!important") });
+}, Ye = !1;
+if (typeof window < "u")
+  try {
+    var we = Object.defineProperty({}, "passive", {
+      get: function() {
+        return Ye = !0, !0;
+      }
+    });
+    window.addEventListener("test", we, we), window.removeEventListener("test", we, we);
+  } catch {
+    Ye = !1;
+  }
+var ee = Ye ? { passive: !1 } : !1, Vo = function(e) {
+  return e.tagName === "TEXTAREA";
+}, un = function(e, t) {
+  if (!(e instanceof Element))
+    return !1;
+  var n = window.getComputedStyle(e);
+  return (
+    // not-not-scrollable
+    n[t] !== "hidden" && // contains scroll inside self
+    !(n.overflowY === n.overflowX && !Vo(e) && n[t] === "visible")
+  );
+}, Yo = function(e) {
+  return un(e, "overflowY");
+}, jo = function(e) {
+  return un(e, "overflowX");
+}, Et = function(e, t) {
+  var n = t.ownerDocument, r = t;
+  do {
+    typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
+    var o = ln(e, r);
+    if (o) {
+      var c = dn(e, r), s = c[1], i = c[2];
+      if (s > i)
+        return !0;
+    }
+    r = r.parentNode;
+  } while (r && r !== n.body);
+  return !1;
+}, Xo = function(e) {
+  var t = e.scrollTop, n = e.scrollHeight, r = e.clientHeight;
+  return [
+    t,
+    n,
+    r
+  ];
+}, Ho = function(e) {
+  var t = e.scrollLeft, n = e.scrollWidth, r = e.clientWidth;
+  return [
+    t,
+    n,
+    r
+  ];
+}, ln = function(e, t) {
+  return e === "v" ? Yo(t) : jo(t);
+}, dn = function(e, t) {
+  return e === "v" ? Xo(t) : Ho(t);
+}, zo = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, Zo = function(e, t, n, r, o) {
+  var c = zo(e, window.getComputedStyle(t).direction), s = c * r, i = n.target, l = t.contains(i), u = !1, p = s > 0, f = 0, m = 0;
+  do {
+    var g = dn(e, i), h = g[0], d = g[1], y = g[2], w = d - y - c * h;
+    (h || w) && ln(e, i) && (f += w, m += h), i instanceof ShadowRoot ? i = i.host : i = i.parentNode;
+  } while (
+    // portaled content
+    !l && i !== document.body || // self content
+    l && (t.contains(i) || t === i)
+  );
+  return (p && (Math.abs(f) < 1 || !o) || !p && (Math.abs(m) < 1 || !o)) && (u = !0), u;
+}, ye = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, bt = function(e) {
+  return [e.deltaX, e.deltaY];
+}, St = function(e) {
+  return e && "current" in e ? e.current : e;
+}, Qo = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, qo = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, Jo = 0, te = [];
+function ea(e) {
+  var t = a.useRef([]), n = a.useRef([0, 0]), r = a.useRef(), o = a.useState(Jo++)[0], c = a.useState(sn)[0], s = a.useRef(e);
+  a.useEffect(function() {
+    s.current = e;
+  }, [e]), a.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(o));
+      var d = ur([e.lockRef.current], (e.shards || []).map(St), !0).filter(Boolean);
+      return d.forEach(function(y) {
+        return y.classList.add("allow-interactivity-".concat(o));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(o)), d.forEach(function(y) {
+          return y.classList.remove("allow-interactivity-".concat(o));
+        });
+      };
+    }
+  }, [e.inert, e.lockRef.current, e.shards]);
+  var i = a.useCallback(function(d, y) {
+    if ("touches" in d && d.touches.length === 2 || d.type === "wheel" && d.ctrlKey)
+      return !s.current.allowPinchZoom;
+    var w = ye(d), E = n.current, b = "deltaX" in d ? d.deltaX : E[0] - w[0], _ = "deltaY" in d ? d.deltaY : E[1] - w[1], R, x = d.target, S = Math.abs(b) > Math.abs(_) ? "h" : "v";
+    if ("touches" in d && S === "h" && x.type === "range")
+      return !1;
+    var P = Et(S, x);
+    if (!P)
+      return !0;
+    if (P ? R = S : (R = S === "v" ? "h" : "v", P = Et(S, x)), !P)
+      return !1;
+    if (!r.current && "changedTouches" in d && (b || _) && (r.current = R), !R)
+      return !0;
+    var I = r.current || R;
+    return Zo(I, y, d, I === "h" ? b : _, !0);
+  }, []), l = a.useCallback(function(d) {
+    var y = d;
+    if (!(!te.length || te[te.length - 1] !== c)) {
+      var w = "deltaY" in y ? bt(y) : ye(y), E = t.current.filter(function(R) {
+        return R.name === y.type && (R.target === y.target || y.target === R.shadowParent) && Qo(R.delta, w);
+      })[0];
+      if (E && E.should) {
+        y.cancelable && y.preventDefault();
+        return;
+      }
+      if (!E) {
+        var b = (s.current.shards || []).map(St).filter(Boolean).filter(function(R) {
+          return R.contains(y.target);
+        }), _ = b.length > 0 ? i(y, b[0]) : !s.current.noIsolation;
+        _ && y.cancelable && y.preventDefault();
+      }
+    }
+  }, []), u = a.useCallback(function(d, y, w, E) {
+    var b = { name: d, delta: y, target: w, should: E, shadowParent: ta(w) };
+    t.current.push(b), setTimeout(function() {
+      t.current = t.current.filter(function(_) {
+        return _ !== b;
+      });
+    }, 1);
+  }, []), p = a.useCallback(function(d) {
+    n.current = ye(d), r.current = void 0;
+  }, []), f = a.useCallback(function(d) {
+    u(d.type, bt(d), d.target, i(d, e.lockRef.current));
+  }, []), m = a.useCallback(function(d) {
+    u(d.type, ye(d), d.target, i(d, e.lockRef.current));
+  }, []);
+  a.useEffect(function() {
+    return te.push(c), e.setCallbacks({
+      onScrollCapture: f,
+      onWheelCapture: f,
+      onTouchMoveCapture: m
+    }), document.addEventListener("wheel", l, ee), document.addEventListener("touchmove", l, ee), document.addEventListener("touchstart", p, ee), function() {
+      te = te.filter(function(d) {
+        return d !== c;
+      }), document.removeEventListener("wheel", l, ee), document.removeEventListener("touchmove", l, ee), document.removeEventListener("touchstart", p, ee);
+    };
+  }, []);
+  var g = e.removeScrollBar, h = e.inert;
+  return a.createElement(
+    a.Fragment,
+    null,
+    h ? a.createElement(c, { styles: qo(o) }) : null,
+    g ? a.createElement(Go, { gapMode: e.gapMode }) : null
+  );
+}
+function ta(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+const na = Ao(cn, ea);
+var fn = a.forwardRef(function(e, t) {
+  return a.createElement(xe, j({}, e, { ref: t, sideCar: na }));
+});
+fn.classNames = xe.classNames;
+var je = ["Enter", " "], ra = ["ArrowDown", "PageUp", "Home"], pn = ["ArrowUp", "PageDown", "End"], oa = [...ra, ...pn], aa = {
+  ltr: [...je, "ArrowRight"],
+  rtl: [...je, "ArrowLeft"]
+}, ca = {
+  ltr: ["ArrowLeft"],
+  rtl: ["ArrowRight"]
+}, pe = "Menu", [de, ia, sa] = Mt(pe), [Z, mn] = Dt(pe, [
+  sa,
+  Ut,
+  en
+]), Ne = Ut(), vn = en(), [ua, oe] = Z(pe), [la, me] = Z(pe), hn = (e) => {
+  const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: c, modal: s = !0 } = e, i = Ne(t), [l, u] = a.useState(null), p = a.useRef(!1), f = X(c), m = xt(o);
+  return a.useEffect(() => {
+    const g = () => {
+      p.current = !0, document.addEventListener("pointerdown", h, { capture: !0, once: !0 }), document.addEventListener("pointermove", h, { capture: !0, once: !0 });
+    }, h = () => p.current = !1;
+    return document.addEventListener("keydown", g, { capture: !0 }), () => {
+      document.removeEventListener("keydown", g, { capture: !0 }), document.removeEventListener("pointerdown", h, { capture: !0 }), document.removeEventListener("pointermove", h, { capture: !0 });
+    };
+  }, []), /* @__PURE__ */ v(zr, { ...i, children: /* @__PURE__ */ v(
+    ua,
+    {
+      scope: t,
+      open: n,
+      onOpenChange: f,
+      content: l,
+      onContentChange: u,
+      children: /* @__PURE__ */ v(
+        la,
+        {
+          scope: t,
+          onClose: a.useCallback(() => f(!1), [f]),
+          isUsingKeyboardRef: p,
+          dir: m,
+          modal: s,
+          children: r
+        }
+      )
+    }
+  ) });
+};
+hn.displayName = pe;
+var da = "MenuAnchor", qe = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...r } = e, o = Ne(n);
+    return /* @__PURE__ */ v(Zr, { ...o, ...r, ref: t });
+  }
+);
+qe.displayName = da;
+var fa = "MenuPortal", [kc, gn] = Z(fa, {
+  forceMount: void 0
+}), k = "MenuContent", [pa, Je] = Z(k), wn = a.forwardRef(
+  (e, t) => {
+    const n = gn(k, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, c = oe(k, e.__scopeMenu), s = me(k, e.__scopeMenu);
+    return /* @__PURE__ */ v(de.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(Pe, { present: r || c.open, children: /* @__PURE__ */ v(de.Slot, { scope: e.__scopeMenu, children: s.modal ? /* @__PURE__ */ v(ma, { ...o, ref: t }) : /* @__PURE__ */ v(va, { ...o, ref: t }) }) }) });
+  }
+), ma = a.forwardRef(
+  (e, t) => {
+    const n = oe(k, e.__scopeMenu), r = a.useRef(null), o = W(t, r);
+    return a.useEffect(() => {
+      const c = r.current;
+      if (c) return ir(c);
+    }, []), /* @__PURE__ */ v(
+      et,
+      {
+        ...e,
+        ref: o,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: n.open,
+        disableOutsideScroll: !0,
+        onFocusOutside: M(
+          e.onFocusOutside,
+          (c) => c.preventDefault(),
+          { checkForDefaultPrevented: !1 }
+        ),
+        onDismiss: () => n.onOpenChange(!1)
+      }
+    );
+  }
+), va = a.forwardRef((e, t) => {
+  const n = oe(k, e.__scopeMenu);
+  return /* @__PURE__ */ v(
+    et,
+    {
+      ...e,
+      ref: t,
+      trapFocus: !1,
+      disableOutsidePointerEvents: !1,
+      disableOutsideScroll: !1,
+      onDismiss: () => n.onOpenChange(!1)
+    }
+  );
+}), et = a.forwardRef(
+  (e, t) => {
+    const {
+      __scopeMenu: n,
+      loop: r = !1,
+      trapFocus: o,
+      onOpenAutoFocus: c,
+      onCloseAutoFocus: s,
+      disableOutsidePointerEvents: i,
+      onEntryFocus: l,
+      onEscapeKeyDown: u,
+      onPointerDownOutside: p,
+      onFocusOutside: f,
+      onInteractOutside: m,
+      onDismiss: g,
+      disableOutsideScroll: h,
+      ...d
+    } = e, y = oe(k, n), w = me(k, n), E = Ne(n), b = vn(n), _ = ia(n), [R, x] = a.useState(null), S = a.useRef(null), P = W(t, S, y.onContentChange), I = a.useRef(0), T = a.useRef(""), V = a.useRef(0), H = a.useRef(null), K = a.useRef("right"), Q = a.useRef(0), q = h ? fn : a.Fragment, $ = h ? { as: ze, allowPinchZoom: !0 } : void 0, J = (C) => {
+      var G, ie;
+      const A = T.current + C, N = _().filter((F) => !F.disabled), U = document.activeElement, ae = (G = N.find((F) => F.ref.current === U)) == null ? void 0 : G.textValue, ce = N.map((F) => F.textValue), ve = Ma(ce, A, ae), z = (ie = N.find((F) => F.textValue === ve)) == null ? void 0 : ie.ref.current;
+      (function F(se) {
+        T.current = se, window.clearTimeout(I.current), se !== "" && (I.current = window.setTimeout(() => F(""), 1e3));
+      })(A), z && setTimeout(() => z.focus());
+    };
+    a.useEffect(() => () => window.clearTimeout(I.current), []), Tr();
+    const O = a.useCallback((C) => {
+      var N, U;
+      return K.current === ((N = H.current) == null ? void 0 : N.side) && Na(C, (U = H.current) == null ? void 0 : U.area);
+    }, []);
+    return /* @__PURE__ */ v(
+      pa,
+      {
+        scope: n,
+        searchRef: T,
+        onItemEnter: a.useCallback(
+          (C) => {
+            O(C) && C.preventDefault();
+          },
+          [O]
+        ),
+        onItemLeave: a.useCallback(
+          (C) => {
+            var A;
+            O(C) || ((A = S.current) == null || A.focus(), x(null));
+          },
+          [O]
+        ),
+        onTriggerLeave: a.useCallback(
+          (C) => {
+            O(C) && C.preventDefault();
+          },
+          [O]
+        ),
+        pointerGraceTimerRef: V,
+        onPointerGraceIntentChange: a.useCallback((C) => {
+          H.current = C;
+        }, []),
+        children: /* @__PURE__ */ v(q, { ...$, children: /* @__PURE__ */ v(
+          kt,
+          {
+            asChild: !0,
+            trapped: o,
+            onMountAutoFocus: M(c, (C) => {
+              var A;
+              C.preventDefault(), (A = S.current) == null || A.focus({ preventScroll: !0 });
+            }),
+            onUnmountAutoFocus: s,
+            children: /* @__PURE__ */ v(
+              Ft,
+              {
+                asChild: !0,
+                disableOutsidePointerEvents: i,
+                onEscapeKeyDown: u,
+                onPointerDownOutside: p,
+                onFocusOutside: f,
+                onInteractOutside: m,
+                onDismiss: g,
+                children: /* @__PURE__ */ v(
+                  Eo,
+                  {
+                    asChild: !0,
+                    ...b,
+                    dir: w.dir,
+                    orientation: "vertical",
+                    loop: r,
+                    currentTabStopId: R,
+                    onCurrentTabStopIdChange: x,
+                    onEntryFocus: M(l, (C) => {
+                      w.isUsingKeyboardRef.current || C.preventDefault();
+                    }),
+                    preventScrollOnEntryFocus: !0,
+                    children: /* @__PURE__ */ v(
+                      Qr,
+                      {
+                        role: "menu",
+                        "aria-orientation": "vertical",
+                        "data-state": On(y.open),
+                        "data-radix-menu-content": "",
+                        dir: w.dir,
+                        ...E,
+                        ...d,
+                        ref: P,
+                        style: { outline: "none", ...d.style },
+                        onKeyDown: M(d.onKeyDown, (C) => {
+                          const N = C.target.closest("[data-radix-menu-content]") === C.currentTarget, U = C.ctrlKey || C.altKey || C.metaKey, ae = C.key.length === 1;
+                          N && (C.key === "Tab" && C.preventDefault(), !U && ae && J(C.key));
+                          const ce = S.current;
+                          if (C.target !== ce || !oa.includes(C.key)) return;
+                          C.preventDefault();
+                          const z = _().filter((G) => !G.disabled).map((G) => G.ref.current);
+                          pn.includes(C.key) && z.reverse(), Ra(z);
+                        }),
+                        onBlur: M(e.onBlur, (C) => {
+                          C.currentTarget.contains(C.target) || (window.clearTimeout(I.current), T.current = "");
+                        }),
+                        onPointerMove: M(
+                          e.onPointerMove,
+                          fe((C) => {
+                            const A = C.target, N = Q.current !== C.clientX;
+                            if (C.currentTarget.contains(A) && N) {
+                              const U = C.clientX > Q.current ? "right" : "left";
+                              K.current = U, Q.current = C.clientX;
+                            }
+                          })
+                        )
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+wn.displayName = k;
+var ha = "MenuGroup", tt = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...r } = e;
+    return /* @__PURE__ */ v(B.div, { role: "group", ...r, ref: t });
+  }
+);
+tt.displayName = ha;
+var ga = "MenuLabel", yn = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...r } = e;
+    return /* @__PURE__ */ v(B.div, { ...r, ref: t });
+  }
+);
+yn.displayName = ga;
+var _e = "MenuItem", _t = "menu.itemSelect", Ie = a.forwardRef(
+  (e, t) => {
+    const { disabled: n = !1, onSelect: r, ...o } = e, c = a.useRef(null), s = me(_e, e.__scopeMenu), i = Je(_e, e.__scopeMenu), l = W(t, c), u = a.useRef(!1), p = () => {
+      const f = c.current;
+      if (!n && f) {
+        const m = new CustomEvent(_t, { bubbles: !0, cancelable: !0 });
+        f.addEventListener(_t, (g) => r == null ? void 0 : r(g), { once: !0 }), Tt(f, m), m.defaultPrevented ? u.current = !1 : s.onClose();
+      }
+    };
+    return /* @__PURE__ */ v(
+      Cn,
+      {
+        ...o,
+        ref: l,
+        disabled: n,
+        onClick: M(e.onClick, p),
+        onPointerDown: (f) => {
+          var m;
+          (m = e.onPointerDown) == null || m.call(e, f), u.current = !0;
+        },
+        onPointerUp: M(e.onPointerUp, (f) => {
+          var m;
+          u.current || (m = f.currentTarget) == null || m.click();
+        }),
+        onKeyDown: M(e.onKeyDown, (f) => {
+          const m = i.searchRef.current !== "";
+          n || m && f.key === " " || je.includes(f.key) && (f.currentTarget.click(), f.preventDefault());
+        })
+      }
+    );
+  }
+);
+Ie.displayName = _e;
+var Cn = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, disabled: r = !1, textValue: o, ...c } = e, s = Je(_e, n), i = vn(n), l = a.useRef(null), u = W(t, l), [p, f] = a.useState(!1), [m, g] = a.useState("");
+    return a.useEffect(() => {
+      const h = l.current;
+      h && g((h.textContent ?? "").trim());
+    }, [c.children]), /* @__PURE__ */ v(
+      de.ItemSlot,
+      {
+        scope: n,
+        disabled: r,
+        textValue: o ?? m,
+        children: /* @__PURE__ */ v(bo, { asChild: !0, ...i, focusable: !r, children: /* @__PURE__ */ v(
+          B.div,
+          {
+            role: "menuitem",
+            "data-highlighted": p ? "" : void 0,
+            "aria-disabled": r || void 0,
+            "data-disabled": r ? "" : void 0,
+            ...c,
+            ref: u,
+            onPointerMove: M(
+              e.onPointerMove,
+              fe((h) => {
+                r ? s.onItemLeave(h) : (s.onItemEnter(h), h.defaultPrevented || h.currentTarget.focus({ preventScroll: !0 }));
+              })
+            ),
+            onPointerLeave: M(
+              e.onPointerLeave,
+              fe((h) => s.onItemLeave(h))
+            ),
+            onFocus: M(e.onFocus, () => f(!0)),
+            onBlur: M(e.onBlur, () => f(!1))
+          }
+        ) })
+      }
+    );
+  }
+), wa = "MenuCheckboxItem", En = a.forwardRef(
+  (e, t) => {
+    const { checked: n = !1, onCheckedChange: r, ...o } = e;
+    return /* @__PURE__ */ v(Pn, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ v(
+      Ie,
+      {
+        role: "menuitemcheckbox",
+        "aria-checked": Re(n) ? "mixed" : n,
+        ...o,
+        ref: t,
+        "data-state": rt(n),
+        onSelect: M(
+          o.onSelect,
+          () => r == null ? void 0 : r(Re(n) ? !0 : !n),
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+En.displayName = wa;
+var bn = "MenuRadioGroup", [ya, Ca] = Z(
+  bn,
+  { value: void 0, onValueChange: () => {
+  } }
+), Sn = a.forwardRef(
+  (e, t) => {
+    const { value: n, onValueChange: r, ...o } = e, c = X(r);
+    return /* @__PURE__ */ v(ya, { scope: e.__scopeMenu, value: n, onValueChange: c, children: /* @__PURE__ */ v(tt, { ...o, ref: t }) });
+  }
+);
+Sn.displayName = bn;
+var _n = "MenuRadioItem", Rn = a.forwardRef(
+  (e, t) => {
+    const { value: n, ...r } = e, o = Ca(_n, e.__scopeMenu), c = n === o.value;
+    return /* @__PURE__ */ v(Pn, { scope: e.__scopeMenu, checked: c, children: /* @__PURE__ */ v(
+      Ie,
+      {
+        role: "menuitemradio",
+        "aria-checked": c,
+        ...r,
+        ref: t,
+        "data-state": rt(c),
+        onSelect: M(
+          r.onSelect,
+          () => {
+            var s;
+            return (s = o.onValueChange) == null ? void 0 : s.call(o, n);
+          },
+          { checkForDefaultPrevented: !1 }
+        )
+      }
+    ) });
+  }
+);
+Rn.displayName = _n;
+var nt = "MenuItemIndicator", [Pn, Ea] = Z(
+  nt,
+  { checked: !1 }
+), Mn = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, forceMount: r, ...o } = e, c = Ea(nt, n);
+    return /* @__PURE__ */ v(
+      Pe,
+      {
+        present: r || Re(c.checked) || c.checked === !0,
+        children: /* @__PURE__ */ v(
+          B.span,
+          {
+            ...o,
+            ref: t,
+            "data-state": rt(c.checked)
+          }
+        )
+      }
+    );
+  }
+);
+Mn.displayName = nt;
+var ba = "MenuSeparator", xn = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...r } = e;
+    return /* @__PURE__ */ v(
+      B.div,
+      {
+        role: "separator",
+        "aria-orientation": "horizontal",
+        ...r,
+        ref: t
+      }
+    );
+  }
+);
+xn.displayName = ba;
+var Sa = "MenuArrow", Nn = a.forwardRef(
+  (e, t) => {
+    const { __scopeMenu: n, ...r } = e, o = Ne(n);
+    return /* @__PURE__ */ v(qr, { ...o, ...r, ref: t });
+  }
+);
+Nn.displayName = Sa;
+var _a = "MenuSub", [$c, In] = Z(_a), le = "MenuSubTrigger", An = a.forwardRef(
+  (e, t) => {
+    const n = oe(le, e.__scopeMenu), r = me(le, e.__scopeMenu), o = In(le, e.__scopeMenu), c = Je(le, e.__scopeMenu), s = a.useRef(null), { pointerGraceTimerRef: i, onPointerGraceIntentChange: l } = c, u = { __scopeMenu: e.__scopeMenu }, p = a.useCallback(() => {
+      s.current && window.clearTimeout(s.current), s.current = null;
+    }, []);
+    return a.useEffect(() => p, [p]), a.useEffect(() => {
+      const f = i.current;
+      return () => {
+        window.clearTimeout(f), l(null);
+      };
+    }, [i, l]), /* @__PURE__ */ v(qe, { asChild: !0, ...u, children: /* @__PURE__ */ v(
+      Cn,
+      {
+        id: o.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": n.open,
+        "aria-controls": o.contentId,
+        "data-state": On(n.open),
+        ...e,
+        ref: He(t, o.onTriggerChange),
+        onClick: (f) => {
+          var m;
+          (m = e.onClick) == null || m.call(e, f), !(e.disabled || f.defaultPrevented) && (f.currentTarget.focus(), n.open || n.onOpenChange(!0));
+        },
+        onPointerMove: M(
+          e.onPointerMove,
+          fe((f) => {
+            c.onItemEnter(f), !f.defaultPrevented && !e.disabled && !n.open && !s.current && (c.onPointerGraceIntentChange(null), s.current = window.setTimeout(() => {
+              n.onOpenChange(!0), p();
+            }, 100));
+          })
+        ),
+        onPointerLeave: M(
+          e.onPointerLeave,
+          fe((f) => {
+            var g, h;
+            p();
+            const m = (g = n.content) == null ? void 0 : g.getBoundingClientRect();
+            if (m) {
+              const d = (h = n.content) == null ? void 0 : h.dataset.side, y = d === "right", w = y ? -5 : 5, E = m[y ? "left" : "right"], b = m[y ? "right" : "left"];
+              c.onPointerGraceIntentChange({
+                area: [
+                  // Apply a bleed on clientX to ensure that our exit point is
+                  // consistently within polygon bounds
+                  { x: f.clientX + w, y: f.clientY },
+                  { x: E, y: m.top },
+                  { x: b, y: m.top },
+                  { x: b, y: m.bottom },
+                  { x: E, y: m.bottom }
+                ],
+                side: d
+              }), window.clearTimeout(i.current), i.current = window.setTimeout(
+                () => c.onPointerGraceIntentChange(null),
+                300
+              );
+            } else {
+              if (c.onTriggerLeave(f), f.defaultPrevented) return;
+              c.onPointerGraceIntentChange(null);
+            }
+          })
+        ),
+        onKeyDown: M(e.onKeyDown, (f) => {
+          var g;
+          const m = c.searchRef.current !== "";
+          e.disabled || m && f.key === " " || aa[r.dir].includes(f.key) && (n.onOpenChange(!0), (g = n.content) == null || g.focus(), f.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+An.displayName = le;
+var Dn = "MenuSubContent", Tn = a.forwardRef(
+  (e, t) => {
+    const n = gn(k, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, c = oe(k, e.__scopeMenu), s = me(k, e.__scopeMenu), i = In(Dn, e.__scopeMenu), l = a.useRef(null), u = W(t, l);
+    return /* @__PURE__ */ v(de.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(Pe, { present: r || c.open, children: /* @__PURE__ */ v(de.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ v(
+      et,
+      {
+        id: i.contentId,
+        "aria-labelledby": i.triggerId,
+        ...o,
+        ref: u,
+        align: "start",
+        side: s.dir === "rtl" ? "left" : "right",
+        disableOutsidePointerEvents: !1,
+        disableOutsideScroll: !1,
+        trapFocus: !1,
+        onOpenAutoFocus: (p) => {
+          var f;
+          s.isUsingKeyboardRef.current && ((f = l.current) == null || f.focus()), p.preventDefault();
+        },
+        onCloseAutoFocus: (p) => p.preventDefault(),
+        onFocusOutside: M(e.onFocusOutside, (p) => {
+          p.target !== i.trigger && c.onOpenChange(!1);
+        }),
+        onEscapeKeyDown: M(e.onEscapeKeyDown, (p) => {
+          s.onClose(), p.preventDefault();
+        }),
+        onKeyDown: M(e.onKeyDown, (p) => {
+          var g;
+          const f = p.currentTarget.contains(p.target), m = ca[s.dir].includes(p.key);
+          f && m && (c.onOpenChange(!1), (g = i.trigger) == null || g.focus(), p.preventDefault());
+        })
+      }
+    ) }) }) });
+  }
+);
+Tn.displayName = Dn;
+function On(e) {
+  return e ? "open" : "closed";
+}
+function Re(e) {
+  return e === "indeterminate";
+}
+function rt(e) {
+  return Re(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+function Ra(e) {
+  const t = document.activeElement;
+  for (const n of e)
+    if (n === t || (n.focus(), document.activeElement !== t)) return;
+}
+function Pa(e, t) {
+  return e.map((n, r) => e[(t + r) % e.length]);
+}
+function Ma(e, t, n) {
+  const o = t.length > 1 && Array.from(t).every((u) => u === t[0]) ? t[0] : t, c = n ? e.indexOf(n) : -1;
+  let s = Pa(e, Math.max(c, 0));
+  o.length === 1 && (s = s.filter((u) => u !== n));
+  const l = s.find(
+    (u) => u.toLowerCase().startsWith(o.toLowerCase())
+  );
+  return l !== n ? l : void 0;
+}
+function xa(e, t) {
+  const { x: n, y: r } = e;
+  let o = !1;
+  for (let c = 0, s = t.length - 1; c < t.length; s = c++) {
+    const i = t[c].x, l = t[c].y, u = t[s].x, p = t[s].y;
+    l > r != p > r && n < (u - i) * (r - l) / (p - l) + i && (o = !o);
+  }
+  return o;
+}
+function Na(e, t) {
+  if (!t) return !1;
+  const n = { x: e.clientX, y: e.clientY };
+  return xa(n, t);
+}
+function fe(e) {
+  return (t) => t.pointerType === "mouse" ? e(t) : void 0;
+}
+var Ia = hn, Aa = qe, Da = wn, Ta = tt, Oa = yn, Fa = Ie, La = En, ka = Sn, $a = Rn, Wa = Mn, Ba = xn, Ua = Nn, Ka = An, Ga = Tn, ot = "DropdownMenu", [Va, Wc] = fr(
+  ot,
+  [mn]
+), D = mn(), [Ya, Fn] = Va(ot), Ln = (e) => {
+  const {
+    __scopeDropdownMenu: t,
+    children: n,
+    dir: r,
+    open: o,
+    defaultOpen: c,
+    onOpenChange: s,
+    modal: i = !0
+  } = e, l = D(t), u = a.useRef(null), [p = !1, f] = Pt({
+    prop: o,
+    defaultProp: c,
+    onChange: s
+  });
+  return /* @__PURE__ */ v(
+    Ya,
+    {
+      scope: t,
+      triggerId: We(),
+      triggerRef: u,
+      contentId: We(),
+      open: p,
+      onOpenChange: f,
+      onOpenToggle: a.useCallback(() => f((m) => !m), [f]),
+      modal: i,
+      children: /* @__PURE__ */ v(Ia, { ...l, open: p, onOpenChange: f, dir: r, modal: i, children: n })
+    }
+  );
+};
+Ln.displayName = ot;
+var kn = "DropdownMenuTrigger", $n = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, disabled: r = !1, ...o } = e, c = Fn(kn, n), s = D(n);
+    return /* @__PURE__ */ v(Aa, { asChild: !0, ...s, children: /* @__PURE__ */ v(
+      yr.button,
+      {
+        type: "button",
+        id: c.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": c.open,
+        "aria-controls": c.open ? c.contentId : void 0,
+        "data-state": c.open ? "open" : "closed",
+        "data-disabled": r ? "" : void 0,
+        disabled: r,
+        ...o,
+        ref: It(t, c.triggerRef),
+        onPointerDown: Se(e.onPointerDown, (i) => {
+          !r && i.button === 0 && i.ctrlKey === !1 && (c.onOpenToggle(), c.open || i.preventDefault());
+        }),
+        onKeyDown: Se(e.onKeyDown, (i) => {
+          r || (["Enter", " "].includes(i.key) && c.onOpenToggle(), i.key === "ArrowDown" && c.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(i.key) && i.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+$n.displayName = kn;
+var Wn = "DropdownMenuContent", Bn = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...r } = e, o = Fn(Wn, n), c = D(n), s = a.useRef(!1);
+    return /* @__PURE__ */ v(
+      Da,
+      {
+        id: o.contentId,
+        "aria-labelledby": o.triggerId,
+        ...c,
+        ...r,
+        ref: t,
+        onCloseAutoFocus: Se(e.onCloseAutoFocus, (i) => {
+          var l;
+          s.current || (l = o.triggerRef.current) == null || l.focus(), s.current = !1, i.preventDefault();
+        }),
+        onInteractOutside: Se(e.onInteractOutside, (i) => {
+          const l = i.detail.originalEvent, u = l.button === 0 && l.ctrlKey === !0, p = l.button === 2 || u;
+          (!o.modal || p) && (s.current = !0);
+        }),
+        style: {
+          ...e.style,
+          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+Bn.displayName = Wn;
+var ja = "DropdownMenuGroup", Xa = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+    return /* @__PURE__ */ v(Ta, { ...o, ...r, ref: t });
+  }
+);
+Xa.displayName = ja;
+var Ha = "DropdownMenuLabel", za = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+    return /* @__PURE__ */ v(Oa, { ...o, ...r, ref: t });
+  }
+);
+za.displayName = Ha;
+var Za = "DropdownMenuItem", Un = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+    return /* @__PURE__ */ v(Fa, { ...o, ...r, ref: t });
+  }
+);
+Un.displayName = Za;
+var Qa = "DropdownMenuCheckboxItem", qa = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+  return /* @__PURE__ */ v(La, { ...o, ...r, ref: t });
+});
+qa.displayName = Qa;
+var Ja = "DropdownMenuRadioGroup", ec = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+  return /* @__PURE__ */ v(ka, { ...o, ...r, ref: t });
+});
+ec.displayName = Ja;
+var tc = "DropdownMenuRadioItem", nc = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+  return /* @__PURE__ */ v($a, { ...o, ...r, ref: t });
+});
+nc.displayName = tc;
+var rc = "DropdownMenuItemIndicator", oc = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+  return /* @__PURE__ */ v(Wa, { ...o, ...r, ref: t });
+});
+oc.displayName = rc;
+var ac = "DropdownMenuSeparator", cc = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+  return /* @__PURE__ */ v(Ba, { ...o, ...r, ref: t });
+});
+cc.displayName = ac;
+var ic = "DropdownMenuArrow", sc = a.forwardRef(
+  (e, t) => {
+    const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+    return /* @__PURE__ */ v(Ua, { ...o, ...r, ref: t });
+  }
+);
+sc.displayName = ic;
+var uc = "DropdownMenuSubTrigger", lc = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+  return /* @__PURE__ */ v(Ka, { ...o, ...r, ref: t });
+});
+lc.displayName = uc;
+var dc = "DropdownMenuSubContent", fc = a.forwardRef((e, t) => {
+  const { __scopeDropdownMenu: n, ...r } = e, o = D(n);
+  return /* @__PURE__ */ v(
+    Ga,
+    {
+      ...o,
+      ...r,
+      ref: t,
+      style: {
+        ...e.style,
+        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+fc.displayName = dc;
+var pc = Ln, mc = $n, vc = Bn, hc = Un;
+const gc = "cfxui__DropdownSelect__content__05ed8", wc = "cfxui__DropdownSelect__item__0e45f", yc = "cfxui__DropdownSelect__trigger__c03df", Cc = "cfxui__DropdownSelect__small__e614b", Ec = "cfxui__DropdownSelect__large__dd0b2", bc = "cfxui__DropdownSelect__onlight__f0191", Sc = "cfxui__DropdownSelect__icon__d05b8", _c = "cfxui__DropdownSelect__placeholder__e0d89", Rc = "cfxui__DropdownSelect__fullWidth__dce56", L = {
+  content: gc,
+  item: wc,
+  trigger: yc,
+  small: Cc,
+  large: Ec,
+  onlight: bc,
+  icon: Sc,
+  placeholder: _c,
+  fullWidth: Rc
+}, Bc = function({
+  options: t,
+  value: n,
+  onChange: r,
+  size: o = "normal",
+  fullWidth: c = !1,
+  onlight: s = !1,
+  disabled: i,
+  placeholder: l = "Select..."
+}) {
+  const u = jn(null), [p, f] = Rt(void 0);
+  return Xn(() => {
+    c && u.current && f(u.current.offsetWidth);
+  }, [c]), /* @__PURE__ */ st(pc, { children: [
+    /* @__PURE__ */ v(
+      mc,
+      {
+        ref: u,
+        className: Ae(L.trigger, L[o], {
+          [L.placeholder]: !n,
+          [L.fullWidth]: c,
+          [L.onlight]: s
+        }),
+        disabled: i,
+        children: /* @__PURE__ */ st(dr, { gap: "small", centered: !0, spaceBetween: !0, children: [
+          n || l,
+          /* @__PURE__ */ v(lr, { size: sr[o], className: L.icon, name: "DownChevron" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ v(
+      vc,
+      {
+        align: "end",
+        side: "bottom",
+        className: Ae(L.content, {
+          [L.fullWidth]: c,
+          [L.onlight]: s
+        }),
+        style: { width: p },
+        children: t.map((m) => /* @__PURE__ */ v(
+          hc,
+          {
+            className: Ae(L.item, L[o], {
+              [L.fullWidth]: c
+            }),
+            onSelect: () => r(m.value),
+            style: { width: p },
+            children: m.label
+          },
+          m.value
+        ))
+      }
+    )
+  ] });
+};
+export {
+  Bc as DropdownSelect,
+  Bc as default
+};