mimir-ui-kit 1.42.1 → 1.43.0

package/dist/components/Dropdown/Dropdown.js

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