mimir-ui-kit 1.65.0 → 1.65.2

package/dist/components/Dropdown/Dropdown.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mimir-ui-kit",
   "private": false,
-  "version": "1.65.0",
+  "version": "1.65.2",
   "type": "module",
   "exports": {
     ".": {