mimir-ui-kit 1.64.4 → 1.65.0

package/dist/components/Dropdown/Dropdown.js

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