mimir-ui-kit 1.38.40 → 1.38.42

package/dist/components/Dropdown/Dropdown.js

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