mimir-ui-kit 1.38.39 → 1.38.41

package/dist/components/Dropdown/Dropdown.js

@@ -1,333 +1,489 @@
-import { jsx as le, jsxs as Ae, Fragment as Le } from "react/jsx-runtime";
-import { c as ae } from "../../index-DIxK0V-G.js";
-import S, { createContext as te, useState as ne, useContext as oe, useRef as Q, useReducer as Ge, createRef as Pe, useMemo as R, useEffect as se, useId as ie, memo as Ke } from "react";
-import { o as E, u as we, M as ce, W as z, y as V, T as Ue, s as Te, a as q, H as re, $ as je, b as qe, D as ye, I as Je, n as We, c as U } from "../../keyboard-B0lm_zyn.js";
-import { w as Xe } from "../../use-active-press-86hajhdd.js";
-import { n as fe, s as Ze, e as Qe, E as Ve, R as Ye, v as ze, y as et, x as tt, a as nt, b as ot, m as rt, f as lt, d as at, t as ut } from "../../portal-WDFNoIMz.js";
-import { e as st } from "../../use-resolve-button-type-DhFdPxnv.js";
-import { T as pe, s as de } from "../../hidden-DbgtYPOH.js";
-import { c as it, i as Y, u as _e, R as Be, H as Fe, s as ct } from "../../open-closed-CdldUPoq.js";
-import { C as pt } from "../../close-provider-CEutdhG8.js";
-import { r as ke } from "../../bugs-diTMAGNw.js";
-import { b as Se, P as j, F as H, A as dt, h as ft, T as $e } from "../../focus-management-DE4t_lW3.js";
-import '../../assets/Dropdown.css';function vt({ defaultContainers: e = [], portals: n, mainTreeNode: s } = {}) {
-  let P = fe(s), i = E(() => {
-    var c, d;
-    let r = [];
-    for (let o of e) o !== null && (o instanceof HTMLElement ? r.push(o) : "current" in o && o.current instanceof HTMLElement && r.push(o.current));
-    if (n != null && n.current) for (let o of n.current) r.push(o);
-    for (let o of (c = P == null ? void 0 : P.querySelectorAll("html > *, body > *")) != null ? c : []) o !== document.body && o !== document.head && o instanceof HTMLElement && o.id !== "headlessui-portal-root" && (s && (o.contains(s) || o.contains((d = s == null ? void 0 : s.getRootNode()) == null ? void 0 : d.host)) || r.some((y) => o.contains(y)) || r.push(o));
-    return r;
+import { jsx as ce, jsxs as tt, Fragment as nt } from "react/jsx-runtime";
+import { c as fe } from "../../index-DIxK0V-G.js";
+import $, { createContext as ae, useState as W, useContext as ee, useRef as M, useEffect as de, useMemo as G, Fragment as pe, useReducer as rt, createRef as _e, useId as me, memo as ot, useCallback as Le } from "react";
+import { o as g, u as Ae, M as ve, W as V, y as z, O as oe, n as ie, m as lt, e as at, H as ue, s as Ie, p as ut, a as Q, T as it, $ as st, b as ct, D as Fe, I as dt, c as re } from "../../keyboard-CUMsrFX1.js";
+import { w as pt } from "../../use-active-press-BVQqDQ3V.js";
+import { n as Pe, s as vt, l as De, e as ft, E as mt, R as bt, v as ht, y as Pt, x as $t, a as yt, b as Et, m as gt, f as St, d as Tt, t as wt } from "../../portal-D3A00sie.js";
+import { e as _t } from "../../use-resolve-button-type-DhFdPxnv.js";
+import { T as be, s as he } from "../../hidden-Dn4lM6EL.js";
+import { R as ke, H as Me, i as D, c as He, u as $e, s as It } from "../../open-closed-CkTbpRyi.js";
+import { C as Ft } from "../../close-provider-CEutdhG8.js";
+import { r as Ge } from "../../bugs-diTMAGNw.js";
+import { b as Oe, P as le, F as Y, A as Ct, h as Bt, T as Ce } from "../../focus-management-Dp2_vbQ3.js";
+import { f as kt } from "../../use-is-mounted-D7cq4xsa.js";
+import '../../assets/Dropdown.css';function Mt({ defaultContainers: e = [], portals: t, mainTreeNode: o } = {}) {
+  let d = Pe(o), f = g(() => {
+    var h, m;
+    let l = [];
+    for (let r of e) r !== null && (r instanceof HTMLElement ? l.push(r) : "current" in r && r.current instanceof HTMLElement && l.push(r.current));
+    if (t != null && t.current) for (let r of t.current) l.push(r);
+    for (let r of (h = d == null ? void 0 : d.querySelectorAll("html > *, body > *")) != null ? h : []) r !== document.body && r !== document.head && r instanceof HTMLElement && r.id !== "headlessui-portal-root" && (o && (r.contains(o) || r.contains((m = o == null ? void 0 : o.getRootNode()) == null ? void 0 : m.host)) || l.some((y) => r.contains(y)) || l.push(r));
+    return l;
   });
-  return { resolveContainers: i, contains: E((c) => i().some((d) => d.contains(c))) };
+  return { resolveContainers: f, contains: g((h) => f().some((m) => m.contains(h))) };
 }
-let Ce = te(null);
-function xe({ children: e, node: n }) {
-  let [s, P] = ne(null), i = Oe(n ?? s);
-  return S.createElement(Ce.Provider, { value: i }, e, i === null && S.createElement(pe, { features: de.Hidden, ref: (c) => {
-    var d, r;
-    if (c) {
-      for (let o of (r = (d = we(c)) == null ? void 0 : d.querySelectorAll("html > *, body > *")) != null ? r : []) if (o !== document.body && o !== document.head && o instanceof HTMLElement && o != null && o.contains(c)) {
-        P(o);
+let Ke = ae(null);
+function Ue({ children: e, node: t }) {
+  let [o, d] = W(null), f = je(t ?? o);
+  return $.createElement(Ke.Provider, { value: f }, e, f === null && $.createElement(be, { features: he.Hidden, ref: (h) => {
+    var m, l;
+    if (h) {
+      for (let r of (l = (m = Ae(h)) == null ? void 0 : m.querySelectorAll("html > *, body > *")) != null ? l : []) if (r !== document.body && r !== document.head && r instanceof HTMLElement && r != null && r.contains(h)) {
+        d(r);
         break;
       }
     }
   } }));
 }
-function Oe(e = null) {
-  var n;
-  return (n = oe(Ce)) != null ? n : e;
+function je(e = null) {
+  var t;
+  return (t = ee(Ke)) != null ? t : e;
 }
-var D = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(D || {});
-function Me() {
-  let e = Q(0);
-  return Ze(!0, "keydown", (n) => {
-    n.key === "Tab" && (e.current = n.shiftKey ? 1 : 0);
+var J = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(J || {});
+function Xe() {
+  let e = M(0);
+  return vt(!0, "keydown", (t) => {
+    t.key === "Tab" && (e.current = t.shiftKey ? 1 : 0);
   }, !0), e;
 }
-var mt = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(mt || {}), bt = ((e) => (e[e.TogglePopover = 0] = "TogglePopover", e[e.ClosePopover = 1] = "ClosePopover", e[e.SetButton = 2] = "SetButton", e[e.SetButtonId = 3] = "SetButtonId", e[e.SetPanel = 4] = "SetPanel", e[e.SetPanelId = 5] = "SetPanelId", e))(bt || {});
-let Pt = { 0: (e) => ({ ...e, popoverState: q(e.popoverState, { 0: 1, 1: 0 }), __demoMode: !1 }), 1(e) {
+function We(e) {
+  var t;
+  return !!(e.enter || e.enterFrom || e.enterTo || e.leave || e.leaveFrom || e.leaveTo) || ((t = e.as) != null ? t : qe) !== pe || $.Children.count(e.children) === 1;
+}
+let ye = ae(null);
+ye.displayName = "TransitionContext";
+var Ot = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Ot || {});
+function xt() {
+  let e = ee(ye);
+  if (e === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
+  return e;
+}
+function Rt() {
+  let e = ee(Ee);
+  if (e === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
+  return e;
+}
+let Ee = ae(null);
+Ee.displayName = "NestingContext";
+function ge(e) {
+  return "children" in e ? ge(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
+}
+function Ze(e, t) {
+  let o = Ie(e), d = M([]), f = kt(), h = ut(), m = g((c, a = oe.Hidden) => {
+    let s = d.current.findIndex(({ el: u }) => u === c);
+    s !== -1 && (Q(a, { [oe.Unmount]() {
+      d.current.splice(s, 1);
+    }, [oe.Hidden]() {
+      d.current[s].state = "hidden";
+    } }), h.microTask(() => {
+      var u;
+      !ge(d) && f.current && ((u = o.current) == null || u.call(o));
+    }));
+  }), l = g((c) => {
+    let a = d.current.find(({ el: s }) => s === c);
+    return a ? a.state !== "visible" && (a.state = "visible") : d.current.push({ el: c, state: "visible" }), () => m(c, oe.Unmount);
+  }), r = M([]), y = M(Promise.resolve()), n = M({ enter: [], leave: [] }), E = g((c, a, s) => {
+    r.current.splice(0), t && (t.chains.current[a] = t.chains.current[a].filter(([u]) => u !== c)), t == null || t.chains.current[a].push([c, new Promise((u) => {
+      r.current.push(u);
+    })]), t == null || t.chains.current[a].push([c, new Promise((u) => {
+      Promise.all(n.current[a].map(([b, I]) => I)).then(() => u());
+    })]), a === "enter" ? y.current = y.current.then(() => t == null ? void 0 : t.wait.current).then(() => s(a)) : s(a);
+  }), P = g((c, a, s) => {
+    Promise.all(n.current[a].splice(0).map(([u, b]) => b)).then(() => {
+      var u;
+      (u = r.current.shift()) == null || u();
+    }).then(() => s(a));
+  });
+  return G(() => ({ children: d, register: l, unregister: m, onStart: E, onStop: P, wait: y, chains: n }), [l, m, d, E, P, n, y]);
+}
+let qe = pe, Je = ve.RenderStrategy;
+function Nt(e, t) {
+  var o, d;
+  let { transition: f = !0, beforeEnter: h, afterEnter: m, beforeLeave: l, afterLeave: r, enter: y, enterFrom: n, enterTo: E, entered: P, leave: c, leaveFrom: a, leaveTo: s, ...u } = e, [b, I] = W(null), S = M(null), F = We(e), H = z(...F ? [S, t, I] : t === null ? [] : [t]), Z = (o = u.unmount) == null || o ? oe.Unmount : oe.Hidden, { show: C, appear: B, initial: q } = xt(), [k, O] = W(C ? "visible" : "hidden"), K = Rt(), { register: R, unregister: N } = K;
+  ie(() => R(S), [R, S]), ie(() => {
+    if (Z === oe.Hidden && S.current) {
+      if (C && k !== "visible") {
+        O("visible");
+        return;
+      }
+      return Q(k, { hidden: () => N(S), visible: () => R(S) });
+    }
+  }, [k, S, R, N, C, Z]);
+  let U = De();
+  ie(() => {
+    if (F && U && k === "visible" && S.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+  }, [S, k, U, F]);
+  let te = q && !B, j = B && C && q, v = M(!1), i = Ze(() => {
+    v.current || (O("hidden"), N(S));
+  }, K), p = g((A) => {
+    v.current = !0;
+    let ne = A ? "enter" : "leave";
+    i.onStart(S, ne, (se) => {
+      se === "enter" ? h == null || h() : se === "leave" && (l == null || l());
+    });
+  }), T = g((A) => {
+    let ne = A ? "enter" : "leave";
+    v.current = !1, i.onStop(S, ne, (se) => {
+      se === "enter" ? m == null || m() : se === "leave" && (r == null || r());
+    }), ne === "leave" && !ge(i) && (O("hidden"), N(S));
+  });
+  de(() => {
+    F && f || (p(C), T(C));
+  }, [C, F, f]);
+  let w = !(!f || !F || !U || te), [, _] = ke(w, b, C, { start: p, end: T }), x = lt({ ref: H, className: ((d = at(u.className, j && y, j && n, _.enter && y, _.enter && _.closed && n, _.enter && !_.closed && E, _.leave && c, _.leave && !_.closed && a, _.leave && _.closed && s, !_.transition && C && P)) == null ? void 0 : d.trim()) || void 0, ...Me(_) }), L = 0;
+  return k === "visible" && (L |= D.Open), k === "hidden" && (L |= D.Closed), _.enter && (L |= D.Opening), _.leave && (L |= D.Closing), $.createElement(Ee.Provider, { value: i }, $.createElement(He, { value: L }, ue({ ourProps: x, theirProps: u, defaultTag: qe, features: Je, visible: k === "visible", name: "Transition.Child" })));
+}
+function Lt(e, t) {
+  let { show: o, appear: d = !1, unmount: f = !0, ...h } = e, m = M(null), l = We(e), r = z(...l ? [m, t] : t === null ? [] : [t]);
+  De();
+  let y = $e();
+  if (o === void 0 && y !== null && (o = (y & D.Open) === D.Open), o === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
+  let [n, E] = W(o ? "visible" : "hidden"), P = Ze(() => {
+    o || E("hidden");
+  }), [c, a] = W(!0), s = M([o]);
+  ie(() => {
+    c !== !1 && s.current[s.current.length - 1] !== o && (s.current.push(o), a(!1));
+  }, [s, o]);
+  let u = G(() => ({ show: o, appear: d, initial: c }), [o, d, c]);
+  ie(() => {
+    o ? E("visible") : !ge(P) && m.current !== null && E("hidden");
+  }, [o, P]);
+  let b = { unmount: f }, I = g(() => {
+    var F;
+    c && a(!1), (F = e.beforeEnter) == null || F.call(e);
+  }), S = g(() => {
+    var F;
+    c && a(!1), (F = e.beforeLeave) == null || F.call(e);
+  });
+  return $.createElement(Ee.Provider, { value: P }, $.createElement(ye.Provider, { value: u }, ue({ ourProps: { ...b, as: pe, children: $.createElement(Qe, { ref: r, ...b, ...h, beforeEnter: I, beforeLeave: S }) }, theirProps: {}, defaultTag: pe, features: Je, visible: n === "visible", name: "Transition" })));
+}
+function At(e, t) {
+  let o = ee(ye) !== null, d = $e() !== null;
+  return $.createElement($.Fragment, null, !o && d ? $.createElement(Be, { ref: t, ...e }) : $.createElement(Qe, { ref: t, ...e }));
+}
+let Be = V(Lt), Qe = V(Nt), Dt = V(At), Ht = Object.assign(Be, { Child: Dt, Root: Be });
+var Gt = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Gt || {}), Kt = ((e) => (e[e.TogglePopover = 0] = "TogglePopover", e[e.ClosePopover = 1] = "ClosePopover", e[e.SetButton = 2] = "SetButton", e[e.SetButtonId = 3] = "SetButtonId", e[e.SetPanel = 4] = "SetPanel", e[e.SetPanelId = 5] = "SetPanelId", e))(Kt || {});
+let Ut = { 0: (e) => ({ ...e, popoverState: Q(e.popoverState, { 0: 1, 1: 0 }), __demoMode: !1 }), 1(e) {
   return e.popoverState === 1 ? e : { ...e, popoverState: 1, __demoMode: !1 };
-}, 2(e, n) {
-  return e.button === n.button ? e : { ...e, button: n.button };
-}, 3(e, n) {
-  return e.buttonId === n.buttonId ? e : { ...e, buttonId: n.buttonId };
-}, 4(e, n) {
-  return e.panel === n.panel ? e : { ...e, panel: n.panel };
-}, 5(e, n) {
-  return e.panelId === n.panelId ? e : { ...e, panelId: n.panelId };
-} }, he = te(null);
-he.displayName = "PopoverContext";
-function ve(e) {
-  let n = oe(he);
-  if (n === null) {
-    let s = new Error(`<${e} /> is missing a parent <Popover /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(s, ve), s;
+}, 2(e, t) {
+  return e.button === t.button ? e : { ...e, button: t.button };
+}, 3(e, t) {
+  return e.buttonId === t.buttonId ? e : { ...e, buttonId: t.buttonId };
+}, 4(e, t) {
+  return e.panel === t.panel ? e : { ...e, panel: t.panel };
+}, 5(e, t) {
+  return e.panelId === t.panelId ? e : { ...e, panelId: t.panelId };
+} }, xe = ae(null);
+xe.displayName = "PopoverContext";
+function Se(e) {
+  let t = ee(xe);
+  if (t === null) {
+    let o = new Error(`<${e} /> is missing a parent <Popover /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, Se), o;
   }
-  return n;
+  return t;
 }
-let me = te(null);
-me.displayName = "PopoverAPIContext";
-function Ee(e) {
-  let n = oe(me);
-  if (n === null) {
-    let s = new Error(`<${e} /> is missing a parent <Popover /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(s, Ee), s;
+let Te = ae(null);
+Te.displayName = "PopoverAPIContext";
+function Re(e) {
+  let t = ee(Te);
+  if (t === null) {
+    let o = new Error(`<${e} /> is missing a parent <Popover /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, Re), o;
   }
-  return n;
+  return t;
 }
-let ge = te(null);
-ge.displayName = "PopoverGroupContext";
-function Ne() {
-  return oe(ge);
+let Ne = ae(null);
+Ne.displayName = "PopoverGroupContext";
+function Ve() {
+  return ee(Ne);
 }
-let be = te(null);
-be.displayName = "PopoverPanelContext";
-function yt() {
-  return oe(be);
+let we = ae(null);
+we.displayName = "PopoverPanelContext";
+function jt() {
+  return ee(we);
 }
-function $t(e, n) {
-  return q(n.type, Pt, e, n);
+function Xt(e, t) {
+  return Q(t.type, Ut, e, t);
 }
-let St = "div";
-function ht(e, n) {
-  var s;
-  let { __demoMode: P = !1, ...i } = e, c = Q(null), d = V(n, Ue((u) => {
-    c.current = u;
-  })), r = Q([]), o = Ge($t, { __demoMode: P, popoverState: P ? 0 : 1, buttons: r, button: null, buttonId: null, panel: null, panelId: null, beforePanelSentinel: Pe(), afterPanelSentinel: Pe(), afterButtonSentinel: Pe() }), [{ popoverState: y, button: t, buttonId: g, panel: h, panelId: I, beforePanelSentinel: f, afterPanelSentinel: b, afterButtonSentinel: p }, $] = o, T = fe((s = c.current) != null ? s : t), k = R(() => {
-    if (!t || !h) return !1;
-    for (let _ of document.querySelectorAll("body > *")) if (Number(_ == null ? void 0 : _.contains(t)) ^ Number(_ == null ? void 0 : _.contains(h))) return !0;
-    let u = Se(), l = u.indexOf(t), a = (l + u.length - 1) % u.length, m = (l + 1) % u.length, v = u[a], F = u[m];
-    return !h.contains(v) && !h.contains(F);
-  }, [t, h]), J = Te(g), C = Te(I), W = R(() => ({ buttonId: J, panelId: C, close: () => $({ type: 1 }) }), [J, C, $]), x = Ne(), w = x == null ? void 0 : x.registerPopover, X = E(() => {
-    var u;
-    return (u = x == null ? void 0 : x.isFocusWithinPopoverGroup()) != null ? u : (T == null ? void 0 : T.activeElement) && ((t == null ? void 0 : t.contains(T.activeElement)) || (h == null ? void 0 : h.contains(T.activeElement)));
+let Wt = "div";
+function Zt(e, t) {
+  var o;
+  let { __demoMode: d = !1, ...f } = e, h = M(null), m = z(t, it((v) => {
+    h.current = v;
+  })), l = M([]), r = rt(Xt, { __demoMode: d, popoverState: d ? 0 : 1, buttons: l, button: null, buttonId: null, panel: null, panelId: null, beforePanelSentinel: _e(), afterPanelSentinel: _e(), afterButtonSentinel: _e() }), [{ popoverState: y, button: n, buttonId: E, panel: P, panelId: c, beforePanelSentinel: a, afterPanelSentinel: s, afterButtonSentinel: u }, b] = r, I = Pe((o = h.current) != null ? o : n), S = G(() => {
+    if (!n || !P) return !1;
+    for (let x of document.querySelectorAll("body > *")) if (Number(x == null ? void 0 : x.contains(n)) ^ Number(x == null ? void 0 : x.contains(P))) return !0;
+    let v = Oe(), i = v.indexOf(n), p = (i + v.length - 1) % v.length, T = (i + 1) % v.length, w = v[p], _ = v[T];
+    return !P.contains(w) && !P.contains(_);
+  }, [n, P]), F = Ie(E), H = Ie(c), Z = G(() => ({ buttonId: F, panelId: H, close: () => b({ type: 1 }) }), [F, H, b]), C = Ve(), B = C == null ? void 0 : C.registerPopover, q = g(() => {
+    var v;
+    return (v = C == null ? void 0 : C.isFocusWithinPopoverGroup()) != null ? v : (I == null ? void 0 : I.activeElement) && ((n == null ? void 0 : n.contains(I.activeElement)) || (P == null ? void 0 : P.contains(I.activeElement)));
   });
-  se(() => w == null ? void 0 : w(W), [w, W]);
-  let [A, B] = Qe(), L = Oe(t), O = vt({ mainTreeNode: L, portals: A, defaultContainers: [t, h] });
-  Ve(T == null ? void 0 : T.defaultView, "focus", (u) => {
-    var l, a, m, v, F, _;
-    u.target !== window && u.target instanceof HTMLElement && y === 0 && (X() || t && h && (O.contains(u.target) || (a = (l = f.current) == null ? void 0 : l.contains) != null && a.call(l, u.target) || (v = (m = b.current) == null ? void 0 : m.contains) != null && v.call(m, u.target) || (_ = (F = p.current) == null ? void 0 : F.contains) != null && _.call(F, u.target) || $({ type: 1 })));
-  }, !0), Ye(y === 0, O.resolveContainers, (u, l) => {
-    $({ type: 1 }), dt(l, ft.Loose) || (u.preventDefault(), t == null || t.focus());
+  de(() => B == null ? void 0 : B(Z), [B, Z]);
+  let [k, O] = ft(), K = je(n), R = Mt({ mainTreeNode: K, portals: k, defaultContainers: [n, P] });
+  mt(I == null ? void 0 : I.defaultView, "focus", (v) => {
+    var i, p, T, w, _, x;
+    v.target !== window && v.target instanceof HTMLElement && y === 0 && (q() || n && P && (R.contains(v.target) || (p = (i = a.current) == null ? void 0 : i.contains) != null && p.call(i, v.target) || (w = (T = s.current) == null ? void 0 : T.contains) != null && w.call(T, v.target) || (x = (_ = u.current) == null ? void 0 : _.contains) != null && x.call(_, v.target) || b({ type: 1 })));
+  }, !0), bt(y === 0, R.resolveContainers, (v, i) => {
+    b({ type: 1 }), Ct(i, Bt.Loose) || (v.preventDefault(), n == null || n.focus());
   });
-  let M = E((u) => {
-    $({ type: 1 });
-    let l = u ? u instanceof HTMLElement ? u : "current" in u && u.current instanceof HTMLElement ? u.current : t : t;
-    l == null || l.focus();
-  }), Z = R(() => ({ close: M, isPortalled: k }), [M, k]), ee = R(() => ({ open: y === 0, close: M }), [y, M]), G = { ref: d };
-  return S.createElement(xe, { node: L }, S.createElement(ze, null, S.createElement(be.Provider, { value: null }, S.createElement(he.Provider, { value: o }, S.createElement(me.Provider, { value: Z }, S.createElement(pt, { value: M }, S.createElement(it, { value: q(y, { 0: Y.Open, 1: Y.Closed }) }, S.createElement(B, null, re({ ourProps: G, theirProps: i, slot: ee, defaultTag: St, name: "Popover" })))))))));
+  let N = g((v) => {
+    b({ type: 1 });
+    let i = v ? v instanceof HTMLElement ? v : "current" in v && v.current instanceof HTMLElement ? v.current : n : n;
+    i == null || i.focus();
+  }), U = G(() => ({ close: N, isPortalled: S }), [N, S]), te = G(() => ({ open: y === 0, close: N }), [y, N]), j = { ref: m };
+  return $.createElement(Ue, { node: K }, $.createElement(ht, null, $.createElement(we.Provider, { value: null }, $.createElement(xe.Provider, { value: r }, $.createElement(Te.Provider, { value: U }, $.createElement(Ft, { value: N }, $.createElement(He, { value: Q(y, { 0: D.Open, 1: D.Closed }) }, $.createElement(O, null, ue({ ourProps: j, theirProps: f, slot: te, defaultTag: Wt, name: "Popover" })))))))));
 }
-let Et = "button";
-function gt(e, n) {
-  let s = ie(), { id: P = `headlessui-popover-button-${s}`, disabled: i = !1, autoFocus: c = !1, ...d } = e, [r, o] = ve("Popover.Button"), { isPortalled: y } = Ee("Popover.Button"), t = Q(null), g = `headlessui-focus-sentinel-${ie()}`, h = Ne(), I = h == null ? void 0 : h.closeOthers, f = yt() !== null;
-  se(() => {
-    if (!f) return o({ type: 3, buttonId: P }), () => {
-      o({ type: 3, buttonId: null });
+let qt = "button";
+function Jt(e, t) {
+  let o = me(), { id: d = `headlessui-popover-button-${o}`, disabled: f = !1, autoFocus: h = !1, ...m } = e, [l, r] = Se("Popover.Button"), { isPortalled: y } = Re("Popover.Button"), n = M(null), E = `headlessui-focus-sentinel-${me()}`, P = Ve(), c = P == null ? void 0 : P.closeOthers, a = jt() !== null;
+  de(() => {
+    if (!a) return r({ type: 3, buttonId: d }), () => {
+      r({ type: 3, buttonId: null });
     };
-  }, [f, P, o]);
-  let [b] = ne(() => Symbol()), p = V(t, n, et(), E((l) => {
-    if (!f) {
-      if (l) r.buttons.current.push(b);
+  }, [a, d, r]);
+  let [s] = W(() => Symbol()), u = z(n, t, Pt(), g((i) => {
+    if (!a) {
+      if (i) l.buttons.current.push(s);
       else {
-        let a = r.buttons.current.indexOf(b);
-        a !== -1 && r.buttons.current.splice(a, 1);
+        let p = l.buttons.current.indexOf(s);
+        p !== -1 && l.buttons.current.splice(p, 1);
       }
-      r.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), l && o({ type: 2, button: l });
+      l.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), i && r({ type: 2, button: i });
     }
-  })), $ = V(t, n), T = fe(t), k = E((l) => {
-    var a, m, v;
-    if (f) {
-      if (r.popoverState === 1) return;
-      switch (l.key) {
-        case U.Space:
-        case U.Enter:
-          l.preventDefault(), (m = (a = l.target).click) == null || m.call(a), o({ type: 1 }), (v = r.button) == null || v.focus();
+  })), b = z(n, t), I = Pe(n), S = g((i) => {
+    var p, T, w;
+    if (a) {
+      if (l.popoverState === 1) return;
+      switch (i.key) {
+        case re.Space:
+        case re.Enter:
+          i.preventDefault(), (T = (p = i.target).click) == null || T.call(p), r({ type: 1 }), (w = l.button) == null || w.focus();
           break;
       }
-    } else switch (l.key) {
-      case U.Space:
-      case U.Enter:
-        l.preventDefault(), l.stopPropagation(), r.popoverState === 1 && (I == null || I(r.buttonId)), o({ type: 0 });
+    } else switch (i.key) {
+      case re.Space:
+      case re.Enter:
+        i.preventDefault(), i.stopPropagation(), l.popoverState === 1 && (c == null || c(l.buttonId)), r({ type: 0 });
         break;
-      case U.Escape:
-        if (r.popoverState !== 0) return I == null ? void 0 : I(r.buttonId);
-        if (!t.current || T != null && T.activeElement && !t.current.contains(T.activeElement)) return;
-        l.preventDefault(), l.stopPropagation(), o({ type: 1 });
+      case re.Escape:
+        if (l.popoverState !== 0) return c == null ? void 0 : c(l.buttonId);
+        if (!n.current || I != null && I.activeElement && !n.current.contains(I.activeElement)) return;
+        i.preventDefault(), i.stopPropagation(), r({ type: 1 });
         break;
     }
-  }), J = E((l) => {
-    f || l.key === U.Space && l.preventDefault();
-  }), C = E((l) => {
-    var a, m;
-    ke(l.currentTarget) || i || (f ? (o({ type: 1 }), (a = r.button) == null || a.focus()) : (l.preventDefault(), l.stopPropagation(), r.popoverState === 1 && (I == null || I(r.buttonId)), o({ type: 0 }), (m = r.button) == null || m.focus()));
-  }), W = E((l) => {
-    l.preventDefault(), l.stopPropagation();
-  }), { isFocusVisible: x, focusProps: w } = je({ autoFocus: c }), { isHovered: X, hoverProps: A } = qe({ isDisabled: i }), { pressed: B, pressProps: L } = Xe({ disabled: i }), O = r.popoverState === 0, M = R(() => ({ open: O, active: B || O, disabled: i, hover: X, focus: x, autofocus: c }), [O, X, x, B, i, c]), Z = st(e, r.button), ee = f ? ye({ ref: $, type: Z, onKeyDown: k, onClick: C, disabled: i || void 0, autoFocus: c }, w, A, L) : ye({ ref: p, id: r.buttonId, type: Z, "aria-expanded": r.popoverState === 0, "aria-controls": r.panel ? r.panelId : void 0, disabled: i || void 0, autoFocus: c, onKeyDown: k, onKeyUp: J, onClick: C, onMouseDown: W }, w, A, L), G = Me(), u = E(() => {
-    let l = r.panel;
-    if (!l) return;
-    function a() {
-      q(G.current, { [D.Forwards]: () => j(l, H.First), [D.Backwards]: () => j(l, H.Last) }) === $e.Error && j(Se().filter((m) => m.dataset.headlessuiFocusGuard !== "true"), q(G.current, { [D.Forwards]: H.Next, [D.Backwards]: H.Previous }), { relativeTo: r.button });
+  }), F = g((i) => {
+    a || i.key === re.Space && i.preventDefault();
+  }), H = g((i) => {
+    var p, T;
+    Ge(i.currentTarget) || f || (a ? (r({ type: 1 }), (p = l.button) == null || p.focus()) : (i.preventDefault(), i.stopPropagation(), l.popoverState === 1 && (c == null || c(l.buttonId)), r({ type: 0 }), (T = l.button) == null || T.focus()));
+  }), Z = g((i) => {
+    i.preventDefault(), i.stopPropagation();
+  }), { isFocusVisible: C, focusProps: B } = st({ autoFocus: h }), { isHovered: q, hoverProps: k } = ct({ isDisabled: f }), { pressed: O, pressProps: K } = pt({ disabled: f }), R = l.popoverState === 0, N = G(() => ({ open: R, active: O || R, disabled: f, hover: q, focus: C, autofocus: h }), [R, q, C, O, f, h]), U = _t(e, l.button), te = a ? Fe({ ref: b, type: U, onKeyDown: S, onClick: H, disabled: f || void 0, autoFocus: h }, B, k, K) : Fe({ ref: u, id: l.buttonId, type: U, "aria-expanded": l.popoverState === 0, "aria-controls": l.panel ? l.panelId : void 0, disabled: f || void 0, autoFocus: h, onKeyDown: S, onKeyUp: F, onClick: H, onMouseDown: Z }, B, k, K), j = Xe(), v = g(() => {
+    let i = l.panel;
+    if (!i) return;
+    function p() {
+      Q(j.current, { [J.Forwards]: () => le(i, Y.First), [J.Backwards]: () => le(i, Y.Last) }) === Ce.Error && le(Oe().filter((T) => T.dataset.headlessuiFocusGuard !== "true"), Q(j.current, { [J.Forwards]: Y.Next, [J.Backwards]: Y.Previous }), { relativeTo: l.button });
     }
-    a();
+    p();
   });
-  return S.createElement(S.Fragment, null, re({ ourProps: ee, theirProps: d, slot: M, defaultTag: Et, name: "Popover.Button" }), O && !f && y && S.createElement(pe, { id: g, ref: r.afterButtonSentinel, features: de.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: u }));
+  return $.createElement($.Fragment, null, ue({ ourProps: te, theirProps: m, slot: N, defaultTag: qt, name: "Popover.Button" }), R && !a && y && $.createElement(be, { id: E, ref: l.afterButtonSentinel, features: he.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: v }));
 }
-let It = "div", Tt = ce.RenderStrategy | ce.Static;
-function Re(e, n) {
-  let s = ie(), { id: P = `headlessui-popover-backdrop-${s}`, transition: i = !1, ...c } = e, [{ popoverState: d }, r] = ve("Popover.Backdrop"), [o, y] = ne(null), t = V(n, y), g = _e(), [h, I] = Be(i, o, g !== null ? (g & Y.Open) === Y.Open : d === 0), f = E(($) => {
-    if (ke($.currentTarget)) return $.preventDefault();
-    r({ type: 1 });
-  }), b = R(() => ({ open: d === 0 }), [d]), p = { ref: t, id: P, "aria-hidden": !0, onClick: f, ...Fe(I) };
-  return re({ ourProps: p, theirProps: c, slot: b, defaultTag: It, features: Tt, visible: h, name: "Popover.Backdrop" });
+let Qt = "div", Vt = ve.RenderStrategy | ve.Static;
+function Ye(e, t) {
+  let o = me(), { id: d = `headlessui-popover-backdrop-${o}`, transition: f = !1, ...h } = e, [{ popoverState: m }, l] = Se("Popover.Backdrop"), [r, y] = W(null), n = z(t, y), E = $e(), [P, c] = ke(f, r, E !== null ? (E & D.Open) === D.Open : m === 0), a = g((b) => {
+    if (Ge(b.currentTarget)) return b.preventDefault();
+    l({ type: 1 });
+  }), s = G(() => ({ open: m === 0 }), [m]), u = { ref: n, id: d, "aria-hidden": !0, onClick: a, ...Me(c) };
+  return ue({ ourProps: u, theirProps: h, slot: s, defaultTag: Qt, features: Vt, visible: P, name: "Popover.Backdrop" });
 }
-let wt = "div", _t = ce.RenderStrategy | ce.Static;
-function Bt(e, n) {
-  let s = ie(), { id: P = `headlessui-popover-panel-${s}`, focus: i = !1, anchor: c, portal: d = !1, modal: r = !1, transition: o = !1, ...y } = e, [t, g] = ve("Popover.Panel"), { close: h, isPortalled: I } = Ee("Popover.Panel"), f = `headlessui-focus-sentinel-before-${s}`, b = `headlessui-focus-sentinel-after-${s}`, p = Q(null), $ = tt(c), [T, k] = nt($), J = ot();
-  $ && (d = !0);
-  let [C, W] = ne(null), x = V(p, n, $ ? T : null, E((a) => g({ type: 4, panel: a })), W), w = fe(p), X = Je();
-  We(() => (g({ type: 5, panelId: P }), () => {
-    g({ type: 5, panelId: null });
-  }), [P, g]);
-  let A = _e(), [B, L] = Be(o, C, A !== null ? (A & Y.Open) === Y.Open : t.popoverState === 0);
-  rt(B, t.button, () => {
-    g({ type: 1 });
+let Yt = "div", zt = ve.RenderStrategy | ve.Static;
+function en(e, t) {
+  let o = me(), { id: d = `headlessui-popover-panel-${o}`, focus: f = !1, anchor: h, portal: m = !1, modal: l = !1, transition: r = !1, ...y } = e, [n, E] = Se("Popover.Panel"), { close: P, isPortalled: c } = Re("Popover.Panel"), a = `headlessui-focus-sentinel-before-${o}`, s = `headlessui-focus-sentinel-after-${o}`, u = M(null), b = $t(h), [I, S] = yt(b), F = Et();
+  b && (m = !0);
+  let [H, Z] = W(null), C = z(u, t, b ? I : null, g((p) => E({ type: 4, panel: p })), Z), B = Pe(u), q = dt();
+  ie(() => (E({ type: 5, panelId: d }), () => {
+    E({ type: 5, panelId: null });
+  }), [d, E]);
+  let k = $e(), [O, K] = ke(r, H, k !== null ? (k & D.Open) === D.Open : n.popoverState === 0);
+  gt(O, n.button, () => {
+    E({ type: 1 });
   });
-  let O = t.__demoMode ? !1 : r && B;
-  lt(O, w);
-  let M = E((a) => {
-    var m;
-    switch (a.key) {
-      case U.Escape:
-        if (t.popoverState !== 0 || !p.current || w != null && w.activeElement && !p.current.contains(w.activeElement)) return;
-        a.preventDefault(), a.stopPropagation(), g({ type: 1 }), (m = t.button) == null || m.focus();
+  let R = n.__demoMode ? !1 : l && O;
+  St(R, B);
+  let N = g((p) => {
+    var T;
+    switch (p.key) {
+      case re.Escape:
+        if (n.popoverState !== 0 || !u.current || B != null && B.activeElement && !u.current.contains(B.activeElement)) return;
+        p.preventDefault(), p.stopPropagation(), E({ type: 1 }), (T = n.button) == null || T.focus();
         break;
     }
   });
-  se(() => {
-    var a;
-    e.static || t.popoverState === 1 && ((a = e.unmount) == null || a) && g({ type: 4, panel: null });
-  }, [t.popoverState, e.unmount, e.static, g]), se(() => {
-    if (t.__demoMode || !i || t.popoverState !== 0 || !p.current) return;
-    let a = w == null ? void 0 : w.activeElement;
-    p.current.contains(a) || j(p.current, H.First);
-  }, [t.__demoMode, i, p.current, t.popoverState]);
-  let Z = R(() => ({ open: t.popoverState === 0, close: h }), [t.popoverState, h]), ee = ye($ ? J() : {}, { ref: x, id: P, onKeyDown: M, onBlur: i && t.popoverState === 0 ? (a) => {
-    var m, v, F, _, K;
-    let N = a.relatedTarget;
-    N && p.current && ((m = p.current) != null && m.contains(N) || (g({ type: 1 }), ((F = (v = t.beforePanelSentinel.current) == null ? void 0 : v.contains) != null && F.call(v, N) || (K = (_ = t.afterPanelSentinel.current) == null ? void 0 : _.contains) != null && K.call(_, N)) && N.focus({ preventScroll: !0 })));
-  } : void 0, tabIndex: -1, style: { ...y.style, ...k, "--button-width": at(t.button, !0).width }, ...Fe(L) }), G = Me(), u = E(() => {
-    let a = p.current;
-    if (!a) return;
-    function m() {
-      q(G.current, { [D.Forwards]: () => {
-        var v;
-        j(a, H.First) === $e.Error && ((v = t.afterPanelSentinel.current) == null || v.focus());
-      }, [D.Backwards]: () => {
-        var v;
-        (v = t.button) == null || v.focus({ preventScroll: !0 });
+  de(() => {
+    var p;
+    e.static || n.popoverState === 1 && ((p = e.unmount) == null || p) && E({ type: 4, panel: null });
+  }, [n.popoverState, e.unmount, e.static, E]), de(() => {
+    if (n.__demoMode || !f || n.popoverState !== 0 || !u.current) return;
+    let p = B == null ? void 0 : B.activeElement;
+    u.current.contains(p) || le(u.current, Y.First);
+  }, [n.__demoMode, f, u.current, n.popoverState]);
+  let U = G(() => ({ open: n.popoverState === 0, close: P }), [n.popoverState, P]), te = Fe(b ? F() : {}, { ref: C, id: d, onKeyDown: N, onBlur: f && n.popoverState === 0 ? (p) => {
+    var T, w, _, x, L;
+    let A = p.relatedTarget;
+    A && u.current && ((T = u.current) != null && T.contains(A) || (E({ type: 1 }), ((_ = (w = n.beforePanelSentinel.current) == null ? void 0 : w.contains) != null && _.call(w, A) || (L = (x = n.afterPanelSentinel.current) == null ? void 0 : x.contains) != null && L.call(x, A)) && A.focus({ preventScroll: !0 })));
+  } : void 0, tabIndex: -1, style: { ...y.style, ...S, "--button-width": Tt(n.button, !0).width }, ...Me(K) }), j = Xe(), v = g(() => {
+    let p = u.current;
+    if (!p) return;
+    function T() {
+      Q(j.current, { [J.Forwards]: () => {
+        var w;
+        le(p, Y.First) === Ce.Error && ((w = n.afterPanelSentinel.current) == null || w.focus());
+      }, [J.Backwards]: () => {
+        var w;
+        (w = n.button) == null || w.focus({ preventScroll: !0 });
       } });
     }
-    m();
-  }), l = E(() => {
-    let a = p.current;
-    if (!a) return;
-    function m() {
-      q(G.current, { [D.Forwards]: () => {
-        if (!t.button) return;
-        let v = Se(), F = v.indexOf(t.button), _ = v.slice(0, F + 1), K = [...v.slice(F + 1), ..._];
-        for (let N of K.slice()) if (N.dataset.headlessuiFocusGuard === "true" || C != null && C.contains(N)) {
-          let Ie = K.indexOf(N);
-          Ie !== -1 && K.splice(Ie, 1);
+    T();
+  }), i = g(() => {
+    let p = u.current;
+    if (!p) return;
+    function T() {
+      Q(j.current, { [J.Forwards]: () => {
+        if (!n.button) return;
+        let w = Oe(), _ = w.indexOf(n.button), x = w.slice(0, _ + 1), L = [...w.slice(_ + 1), ...x];
+        for (let A of L.slice()) if (A.dataset.headlessuiFocusGuard === "true" || H != null && H.contains(A)) {
+          let ne = L.indexOf(A);
+          ne !== -1 && L.splice(ne, 1);
         }
-        j(K, H.First, { sorted: !1 });
-      }, [D.Backwards]: () => {
-        var v;
-        j(a, H.Previous) === $e.Error && ((v = t.button) == null || v.focus());
+        le(L, Y.First, { sorted: !1 });
+      }, [J.Backwards]: () => {
+        var w;
+        le(p, Y.Previous) === Ce.Error && ((w = n.button) == null || w.focus());
       } });
     }
-    m();
+    T();
   });
-  return S.createElement(ct, null, S.createElement(be.Provider, { value: P }, S.createElement(me.Provider, { value: { close: h, isPortalled: I } }, S.createElement(ut, { enabled: d ? e.static || B : !1 }, B && I && S.createElement(pe, { id: f, ref: t.beforePanelSentinel, features: de.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: u }), re({ mergeRefs: X, ourProps: ee, theirProps: y, slot: Z, defaultTag: wt, features: _t, visible: B, name: "Popover.Panel" }), B && I && S.createElement(pe, { id: b, ref: t.afterPanelSentinel, features: de.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: l })))));
+  return $.createElement(It, null, $.createElement(we.Provider, { value: d }, $.createElement(Te.Provider, { value: { close: P, isPortalled: c } }, $.createElement(wt, { enabled: m ? e.static || O : !1 }, O && c && $.createElement(be, { id: a, ref: n.beforePanelSentinel, features: he.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: v }), ue({ mergeRefs: q, ourProps: te, theirProps: y, slot: U, defaultTag: Yt, features: zt, visible: O, name: "Popover.Panel" }), O && c && $.createElement(be, { id: s, ref: n.afterPanelSentinel, features: he.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: i })))));
 }
-let Ft = "div";
-function kt(e, n) {
-  let s = Q(null), P = V(s, n), [i, c] = ne([]), d = E((f) => {
-    c((b) => {
-      let p = b.indexOf(f);
-      if (p !== -1) {
-        let $ = b.slice();
-        return $.splice(p, 1), $;
+let tn = "div";
+function nn(e, t) {
+  let o = M(null), d = z(o, t), [f, h] = W([]), m = g((a) => {
+    h((s) => {
+      let u = s.indexOf(a);
+      if (u !== -1) {
+        let b = s.slice();
+        return b.splice(u, 1), b;
       }
-      return b;
+      return s;
     });
-  }), r = E((f) => (c((b) => [...b, f]), () => d(f))), o = E(() => {
-    var f;
-    let b = we(s);
-    if (!b) return !1;
-    let p = b.activeElement;
-    return (f = s.current) != null && f.contains(p) ? !0 : i.some(($) => {
-      var T, k;
-      return ((T = b.getElementById($.buttonId.current)) == null ? void 0 : T.contains(p)) || ((k = b.getElementById($.panelId.current)) == null ? void 0 : k.contains(p));
+  }), l = g((a) => (h((s) => [...s, a]), () => m(a))), r = g(() => {
+    var a;
+    let s = Ae(o);
+    if (!s) return !1;
+    let u = s.activeElement;
+    return (a = o.current) != null && a.contains(u) ? !0 : f.some((b) => {
+      var I, S;
+      return ((I = s.getElementById(b.buttonId.current)) == null ? void 0 : I.contains(u)) || ((S = s.getElementById(b.panelId.current)) == null ? void 0 : S.contains(u));
     });
-  }), y = E((f) => {
-    for (let b of i) b.buttonId.current !== f && b.close();
-  }), t = R(() => ({ registerPopover: r, unregisterPopover: d, isFocusWithinPopoverGroup: o, closeOthers: y }), [r, d, o, y]), g = R(() => ({}), []), h = e, I = { ref: P };
-  return S.createElement(xe, null, S.createElement(ge.Provider, { value: t }, re({ ourProps: I, theirProps: h, slot: g, defaultTag: Ft, name: "Popover.Group" })));
+  }), y = g((a) => {
+    for (let s of f) s.buttonId.current !== a && s.close();
+  }), n = G(() => ({ registerPopover: l, unregisterPopover: m, isFocusWithinPopoverGroup: r, closeOthers: y }), [l, m, r, y]), E = G(() => ({}), []), P = e, c = { ref: d };
+  return $.createElement(Ue, null, $.createElement(Ne.Provider, { value: n }, ue({ ourProps: c, theirProps: P, slot: E, defaultTag: tn, name: "Popover.Group" })));
 }
-let Ct = z(ht), De = z(gt), xt = z(Re), Ot = z(Re), He = z(Bt), Mt = z(kt), Nt = Object.assign(Ct, { Button: De, Backdrop: Ot, Overlay: xt, Panel: He, Group: Mt });
-const Rt = "_menu_1tfih_3", ue = {
-  menu: Rt,
-  "menu-button": "_menu-button_1tfih_6",
-  "menu-items": "_menu-items_1tfih_11",
-  "menu-items-container": "_menu-items-container_1tfih_22"
-}, Zt = 300, Qt = Ke(
+let rn = V(Zt), ze = V(Jt), on = V(Ye), ln = V(Ye), et = V(en), an = V(nn), un = Object.assign(rn, { Button: ze, Backdrop: ln, Overlay: on, Panel: et, Group: an });
+const sn = "_menu_i19t0_3", cn = "_enter_i19t0_28", dn = "_leave_i19t0_42", X = {
+  menu: sn,
+  "menu-button": "_menu-button_i19t0_6",
+  "menu-items": "_menu-items_i19t0_11",
+  "menu-items-container": "_menu-items-container_i19t0_22",
+  enter: cn,
+  "enter-from": "_enter-from_i19t0_32",
+  "enter-to": "_enter-to_i19t0_37",
+  leave: dn,
+  "leave-from": "_leave-from_i19t0_46",
+  "leave-to": "_leave-to_i19t0_51"
+}, wn = 300, _n = ot(
   ({
     children: e,
-    position: n = "bottom end",
-    popoverProps: s,
-    className: P,
-    buttonClassName: i,
-    panelClassName: c,
-    menuItemsClassName: d,
-    buttonContent: r
-  }) => /* @__PURE__ */ le(
-    Nt,
-    {
-      as: "div",
-      className: ae(ue.menu, P),
-      ...s,
-      children: ({ close: o }) => /* @__PURE__ */ Ae(Le, { children: [
-        /* @__PURE__ */ le(
-          De,
-          {
-            onClick: (y) => y == null ? void 0 : y.stopPropagation(),
-            className: ae(ue["menu-button"], i),
-            children: r
-          }
-        ),
-        /* @__PURE__ */ le(
-          He,
-          {
-            anchor: n,
-            className: ae(ue["menu-items"], c),
-            children: /* @__PURE__ */ le(
-              "div",
-              {
-                className: ae(
-                  ue["menu-items-container"],
-                  d
-                ),
-                children: typeof e == "function" ? e({ close: o }) : e
-              }
-            )
-          }
-        )
-      ] })
-    }
-  )
+    position: t = "bottom end",
+    popoverProps: o,
+    className: d,
+    buttonClassName: f,
+    panelClassName: h,
+    menuItemsClassName: m,
+    buttonContent: l,
+    openOnHover: r = !1,
+    isOpen: y = !1
+  }) => {
+    const [n, E] = W(y), P = M(null), c = M(null), a = Le(() => {
+      r && E(!0);
+    }, [r]), s = Le(
+      (u) => {
+        if (r) {
+          const b = u.relatedTarget;
+          P.current && !P.current.contains(b) && c.current && !c.current.contains(b) && E(!1);
+        }
+      },
+      [r]
+    );
+    return /* @__PURE__ */ ce(
+      un,
+      {
+        as: "div",
+        className: fe(X.menu, d),
+        ...o,
+        children: ({ open: u, close: b }) => /* @__PURE__ */ tt(nt, { children: [
+          /* @__PURE__ */ ce(
+            ze,
+            {
+              ref: P,
+              onMouseEnter: a,
+              onMouseLeave: s,
+              className: fe(X["menu-button"], f),
+              children: l
+            }
+          ),
+          /* @__PURE__ */ ce(
+            Ht,
+            {
+              show: n || u,
+              as: pe,
+              enter: X.enter,
+              enterFrom: X["enter-from"],
+              enterTo: X["enter-to"],
+              leave: X.leave,
+              leaveFrom: X["leave-from"],
+              leaveTo: X["leave-to"],
+              children: /* @__PURE__ */ ce(
+                et,
+                {
+                  ref: c,
+                  anchor: t,
+                  onMouseEnter: a,
+                  onMouseLeave: s,
+                  className: fe(X["menu-items"], h),
+                  children: /* @__PURE__ */ ce(
+                    "div",
+                    {
+                      className: fe(
+                        X["menu-items-container"],
+                        m
+                      ),
+                      children: typeof e == "function" ? e({ close: b }) : e
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] })
+      }
+    );
+  }
 );
 export {
-  Zt as ANIMATION_DELAY,
-  Qt as Dropdown
+  wn as ANIMATION_DELAY,
+  _n as Dropdown
 };