mimir-ui-kit 1.41.3 → 1.41.5

package/dist/components/Dropdown/Dropdown.js

@@ -1,19 +1,19 @@
 import { jsx as de, jsxs as Ae, Fragment as nt } from "react/jsx-runtime";
 import { c as ve } from "../../index-DIxK0V-G.js";
-import E, { createContext as ae, useState as X, useContext as ee, useRef as k, useEffect as ie, useMemo as j, Fragment as pe, useReducer as rt, createRef as Ie, useId as be, memo as ot, useCallback as me } from "react";
+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 $e, s as vt, l as De, e as mt, E as bt, R as ht, v as Pt, y as $t, x as yt, a as Et, b as gt, m as St, f as Tt, d as _t, t as wt } from "../../portal-C_u5auU1.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 K, c as Ge, u as ye, s as Ft } from "../../open-closed-CkTbpRyi.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 Ke } from "../../bugs-diTMAGNw.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 = $e(o), v = S(() => {
+  let d = ye(o), v = S(() => {
     var b, m;
     let l = [];
     for (let r of e) r !== null && (r instanceof HTMLElement ? l.push(r) : "current" in r && r.current instanceof HTMLElement && l.push(r.current));
@@ -23,10 +23,10 @@ import '../../assets/Dropdown.css';function Mt({ defaultContainers: e = [], port
   });
   return { resolveContainers: v, contains: S((b) => v().some((m) => m.contains(b))) };
 }
-let Ue = ae(null);
-function je({ children: e, node: t }) {
+let Ke = ae(null);
+function Ue({ children: e, node: t }) {
   let [o, d] = X(null), v = Xe(t ?? o);
-  return E.createElement(Ue.Provider, { value: v }, e, v === null && E.createElement(he, { features: Pe.Hidden, ref: (b) => {
+  return $.createElement(Ke.Provider, { value: v }, e, v === null && $.createElement(he, { features: Pe.Hidden, ref: (b) => {
     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)) {
@@ -38,7 +38,7 @@ function je({ children: e, node: t }) {
 }
 function Xe(e = null) {
   var t;
-  return (t = ee(Ue)) != null ? t : e;
+  return (t = ee(Ke)) != null ? t : e;
 }
 var J = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(J || {});
 function We() {
@@ -49,23 +49,23 @@ function We() {
 }
 function Ze(e) {
   var t;
-  return !!(e.enter || e.enterFrom || e.enterTo || e.leave || e.leaveFrom || e.leaveTo) || ((t = e.as) != null ? t : Je) !== pe || E.Children.count(e.children) === 1;
+  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;
 }
-let Ee = ae(null);
-Ee.displayName = "TransitionContext";
+let $e = ae(null);
+$e.displayName = "TransitionContext";
 var xt = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(xt || {});
 function Nt() {
-  let e = ee(Ee);
+  let e = ee($e);
   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(ge);
+  let e = ee(Ee);
   if (e === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
   return e;
 }
-let ge = ae(null);
-ge.displayName = "NestingContext";
+let Ee = ae(null);
+Ee.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;
 }
@@ -83,88 +83,88 @@ function qe(e, t) {
   }), 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: [] }), y = S((c, a, i) => {
+  }), 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) => {
       r.current.push(u);
     })]), t == null || t.chains.current[a].push([c, new Promise((u) => {
-      Promise.all(n.current[a].map(([$, I]) => I)).then(() => 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, $]) => $)).then(() => {
+    Promise.all(n.current[a].splice(0).map(([u, y]) => y)).then(() => {
       var u;
       (u = r.current.shift()) == null || u();
     }).then(() => i(a));
   });
-  return j(() => ({ children: d, register: l, unregister: m, onStart: y, onStop: P, wait: h, chains: n }), [l, m, d, y, P, n, h]);
+  return U(() => ({ children: d, register: l, unregister: m, onStart: g, onStop: P, wait: h, chains: n }), [l, m, d, g, P, n, h]);
 }
 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: y, entered: P, leave: c, leaveFrom: a, leaveTo: i, ...u } = e, [$, I] = X(null), g = k(null), C = Ze(e), N = z(...C ? [g, t, I] : t === null ? [] : [t]), D = (o = u.unmount) == null || o ? oe.Unmount : oe.Hidden, { show: F, appear: B, initial: G } = Nt(), [O, M] = X(F ? "visible" : "hidden"), W = Rt(), { register: R, unregister: L } = W;
-  se(() => R(g), [R, g]), se(() => {
-    if (D === oe.Hidden && g.current) {
+  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) {
       if (F && O !== "visible") {
         M("visible");
         return;
       }
-      return Q(O, { hidden: () => L(g), visible: () => R(g) });
+      return Q(O, { hidden: () => L(E), visible: () => R(E) });
     }
-  }, [O, g, R, L, F, D]);
+  }, [O, E, R, L, F, D]);
   let Z = De();
   se(() => {
-    if (C && Z && O === "visible" && g.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
-  }, [g, O, Z, C]);
-  let te = G && !B, q = B && F && G, f = k(!1), s = qe(() => {
-    f.current || (M("hidden"), L(g));
+    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(g, ne, (ce) => {
+    s.onStart(E, ne, (ce) => {
       ce === "enter" ? b == null || b() : ce === "leave" && (l == null || l());
     });
   }), T = S((H) => {
     let ne = H ? "enter" : "leave";
-    f.current = !1, s.onStop(g, ne, (ce) => {
+    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(g));
+    }), ne === "leave" && !Se(s) && (M("hidden"), L(E));
   });
   ie(() => {
     C && v || (p(F), T(F));
   }, [F, C, v]);
-  let _ = !(!v || !C || !Z || te), [, w] = Oe(_, $, 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 && y, 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 |= K.Open), O === "hidden" && (A |= K.Closed), w.enter && (A |= K.Opening), w.leave && (A |= K.Closing), E.createElement(ge.Provider, { value: s }, E.createElement(Ge, { value: A }, ue({ ourProps: x, theirProps: u, defaultTag: Je, features: Qe, visible: O === "visible", name: "Transition.Child" })));
+  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" })));
 }
 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 = ye();
-  if (o === void 0 && h !== null && (o = (h & K.Open) === K.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"), P = qe(() => {
-    o || y("hidden");
+  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 = j(() => ({ show: o, appear: d, initial: c }), [o, d, c]);
+  let u = U(() => ({ show: o, appear: d, initial: c }), [o, d, c]);
   se(() => {
-    o ? y("visible") : !Se(P) && m.current !== null && y("hidden");
+    o ? g("visible") : !Se(P) && m.current !== null && g("hidden");
   }, [o, P]);
-  let $ = { unmount: v }, I = S(() => {
+  let y = { unmount: v }, I = S(() => {
     var C;
     c && a(!1), (C = e.beforeEnter) == null || C.call(e);
-  }), g = S(() => {
+  }), E = S(() => {
     var C;
     c && a(!1), (C = e.beforeLeave) == null || C.call(e);
   });
-  return E.createElement(ge.Provider, { value: P }, E.createElement(Ee.Provider, { value: u }, ue({ ourProps: { ...$, as: pe, children: E.createElement(Ve, { ref: r, ...$, ...b, beforeEnter: I, beforeLeave: g }) }, theirProps: {}, defaultTag: pe, features: Qe, visible: n === "visible", name: "Transition" })));
+  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" })));
 }
 function Ht(e, t) {
-  let o = ee(Ee) !== null, d = ye() !== null;
-  return E.createElement(E.Fragment, null, !o && d ? E.createElement(ke, { ref: t, ...e }) : E.createElement(Ve, { ref: t, ...e }));
+  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 ke = V(At), Ve = V(Lt), Dt = V(Ht), Gt = Object.assign(ke, { Child: Dt, Root: ke });
-var Kt = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Kt || {}), Ut = ((e) => (e[e.TogglePopover = 0] = "TogglePopover", e[e.ClosePopover = 1] = "ClosePopover", e[e.SetButton = 2] = "SetButton", e[e.SetButtonId = 3] = "SetButtonId", e[e.SetPanel = 4] = "SetPanel", e[e.SetPanelId = 5] = "SetPanelId", e))(Ut || {});
-let jt = { 0: (e) => ({ ...e, popoverState: Q(e.popoverState, { 0: 1, 1: 0 }), __demoMode: !1 }), 1(e) {
+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) {
   return e.popoverState === 1 ? e : { ...e, popoverState: 1, __demoMode: !1 };
 }, 2(e, t) {
   return e.button === t.button ? e : { ...e, button: t.button };
@@ -205,19 +205,19 @@ function Xt() {
   return ee(we);
 }
 function Wt(e, t) {
-  return Q(t.type, jt, e, t);
+  return Q(t.type, Ut, e, t);
 }
 let Zt = "div";
 function qt(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: y, panel: P, panelId: c, beforePanelSentinel: a, afterPanelSentinel: i, afterButtonSentinel: u }, $] = r, I = $e((o = b.current) != null ? o : n), g = j(() => {
+  })), 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(y), N = Fe(c), D = j(() => ({ buttonId: C, panelId: N, close: () => $({ type: 1 }) }), [C, N, $]), F = Ye(), B = F == null ? void 0 : F.registerPopover, G = S(() => {
+  }, [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)));
   });
@@ -225,26 +225,26 @@ function qt(e, t) {
   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 && (G() || 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) || $({ type: 1 })));
+    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) => {
-    $({ type: 1 }), Bt(s, kt.Loose) || (f.preventDefault(), n == null || n.focus());
+    y({ type: 1 }), Bt(s, kt.Loose) || (f.preventDefault(), n == null || n.focus());
   });
   let L = S((f) => {
-    $({ type: 1 });
+    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 = j(() => ({ close: L, isPortalled: g }), [L, g]), te = j(() => ({ open: h === 0, close: L }), [h, L]), q = { ref: m };
-  return E.createElement(je, { node: W }, E.createElement(Pt, null, E.createElement(we.Provider, { value: null }, E.createElement(Ne.Provider, { value: r }, E.createElement(_e.Provider, { value: Z }, E.createElement(Ct, { value: L }, E.createElement(Ge, { value: Q(h, { 0: K.Open, 1: K.Closed }) }, E.createElement(M, null, ue({ ourProps: q, theirProps: v, slot: te, defaultTag: Zt, name: "Popover" })))))))));
+  }), 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 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), y = `headlessui-focus-sentinel-${be()}`, P = Ye(), c = P == null ? void 0 : P.closeOthers, a = Xt() !== null;
+  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 }), () => {
       r({ type: 3, buttonId: null });
     };
   }, [a, d, r]);
-  let [i] = X(() => Symbol()), u = z(n, t, $t(), S((s) => {
+  let [i] = X(() => Symbol()), u = z(n, t, yt(), S((s) => {
     if (!a) {
       if (s) l.buttons.current.push(i);
       else {
@@ -253,7 +253,7 @@ function Qt(e, t) {
       }
       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 });
     }
-  })), $ = z(n, t), I = $e(n), g = S((s) => {
+  })), y = z(n, t), I = ye(n), E = S((s) => {
     var p, T, _;
     if (a) {
       if (l.popoverState === 1) return;
@@ -278,10 +278,10 @@ function Qt(e, t) {
     a || s.key === re.Space && s.preventDefault();
   }), N = S((s) => {
     var p, T;
-    Ke(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()));
+    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: G, hoverProps: O } = dt({ isDisabled: v }), { pressed: M, pressProps: W } = ft({ disabled: v }), R = l.popoverState === 0, L = j(() => ({ open: R, active: M || R, disabled: v, hover: G, focus: F, autofocus: b }), [R, G, F, M, v, b]), Z = It(e, l.button), te = a ? Ce({ ref: $, type: Z, onKeyDown: g, 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: g, onKeyUp: C, onClick: N, onMouseDown: D }, B, O, W), q = We(), f = S(() => {
+  }), { 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;
     function p() {
@@ -289,27 +289,27 @@ function Qt(e, t) {
     }
     p();
   });
-  return E.createElement(E.Fragment, null, ue({ ourProps: te, theirProps: m, slot: L, defaultTag: Jt, name: "Popover.Button" }), R && !a && h && E.createElement(he, { id: y, ref: l.afterButtonSentinel, features: Pe.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: f }));
+  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 }));
 }
 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), y = ye(), [P, c] = Oe(v, r, y !== null ? (y & K.Open) === K.Open : m === 0), a = S(($) => {
-    if (Ke($.currentTarget)) return $.preventDefault();
+  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();
     l({ type: 1 });
-  }), i = j(() => ({ open: m === 0 }), [m]), u = { ref: n, id: d, "aria-hidden": !0, onClick: a, ...Me(c) };
+  }), 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" });
 }
 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, y] = 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), $ = yt(b), [I, g] = Et($), C = gt();
-  $ && (m = !0);
-  let [N, D] = X(null), F = z(u, t, $ ? I : null, S((p) => y({ type: 4, panel: p })), D), B = $e(u), G = pt();
-  se(() => (y({ type: 5, panelId: d }), () => {
-    y({ type: 5, panelId: null });
-  }), [d, y]);
-  let O = ye(), [M, W] = Oe(r, N, O !== null ? (O & K.Open) === K.Open : n.popoverState === 0);
+  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, () => {
-    y({ type: 1 });
+    g({ type: 1 });
   });
   let R = n.__demoMode ? !1 : l && M;
   Tt(R, B);
@@ -318,23 +318,23 @@ function tn(e, 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(), y({ type: 1 }), (T = n.button) == null || T.focus();
+        p.preventDefault(), p.stopPropagation(), g({ type: 1 }), (T = n.button) == null || T.focus();
         break;
     }
   });
   ie(() => {
     var p;
-    e.static || n.popoverState === 1 && ((p = e.unmount) == null || p) && y({ type: 4, panel: null });
-  }, [n.popoverState, e.unmount, e.static, y]), ie(() => {
+    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 = j(() => ({ open: n.popoverState === 0, close: P }), [n.popoverState, P]), te = Ce($ ? C() : {}, { ref: F, id: d, onKeyDown: L, onBlur: v && n.popoverState === 0 ? (p) => {
+  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) || (y({ 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, ...g, "--button-width": _t(n.button, !0).width }, ...Me(W) }), q = We(), f = S(() => {
+    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(() => {
     let p = u.current;
     if (!p) return;
     function T() {
@@ -366,7 +366,7 @@ function tn(e, t) {
     }
     T();
   });
-  return E.createElement(Ft, null, E.createElement(we.Provider, { value: d }, E.createElement(_e.Provider, { value: { close: P, isPortalled: c } }, E.createElement(wt, { enabled: m ? e.static || M : !1 }, M && c && E.createElement(he, { id: a, ref: n.beforePanelSentinel, features: Pe.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: f }), ue({ mergeRefs: G, ourProps: te, theirProps: h, slot: Z, defaultTag: zt, features: en, visible: M, name: "Popover.Panel" }), M && c && E.createElement(he, { id: i, ref: n.afterPanelSentinel, features: Pe.Focusable, "data-headlessui-focus-guard": !0, as: "button", type: "button", onFocus: s })))));
+  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 })))));
 }
 let nn = "div";
 function rn(e, t) {
@@ -374,8 +374,8 @@ function rn(e, t) {
     b((i) => {
       let u = i.indexOf(a);
       if (u !== -1) {
-        let $ = i.slice();
-        return $.splice(u, 1), $;
+        let y = i.slice();
+        return y.splice(u, 1), y;
       }
       return i;
     });
@@ -384,28 +384,28 @@ function rn(e, t) {
     let i = He(o);
     if (!i) return !1;
     let u = i.activeElement;
-    return (a = o.current) != null && a.contains(u) ? !0 : v.some(($) => {
-      var I, g;
-      return ((I = i.getElementById($.buttonId.current)) == null ? void 0 : I.contains(u)) || ((g = i.getElementById($.panelId.current)) == null ? void 0 : g.contains(u));
+    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));
     });
   }), h = S((a) => {
     for (let i of v) i.buttonId.current !== a && i.close();
-  }), n = j(() => ({ registerPopover: l, unregisterPopover: m, isFocusWithinPopoverGroup: r, closeOthers: h }), [l, m, r, h]), y = j(() => ({}), []), P = e, c = { ref: d };
-  return E.createElement(je, null, E.createElement(Le.Provider, { value: n }, ue({ ourProps: c, theirProps: P, slot: y, defaultTag: nn, name: "Popover.Group" })));
+  }), 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" })));
 }
 let on = V(qt), et = V(Qt), ln = V(ze), an = V(ze), tt = V(tn), un = V(rn), sn = Object.assign(on, { Button: et, Backdrop: an, Overlay: ln, Panel: tt, Group: un });
-const cn = "_menu_1o2uo_3", dn = "_enter_1o2uo_34", pn = "_leave_1o2uo_48", U = {
+const cn = "_menu_dgjyl_2", dn = "_enter_dgjyl_33", pn = "_leave_dgjyl_47", K = {
   menu: cn,
-  "menu-button": "_menu-button_1o2uo_6",
-  "menu-items": "_menu-items_1o2uo_11",
-  "menu-items-container": "_menu-items-container_1o2uo_22",
-  "close-button": "_close-button_1o2uo_28",
+  "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_1o2uo_38",
-  "enter-to": "_enter-to_1o2uo_43",
+  "enter-from": "_enter-from_dgjyl_37",
+  "enter-to": "_enter-to_dgjyl_42",
   leave: pn,
-  "leave-from": "_leave-from_1o2uo_52",
-  "leave-to": "_leave-to_1o2uo_57"
+  "leave-from": "_leave-from_dgjyl_51",
+  "leave-to": "_leave-to_dgjyl_56"
 }, In = 300, Fn = ot(
   ({
     children: e,
@@ -419,25 +419,25 @@ const cn = "_menu_1o2uo_3", dn = "_enter_1o2uo_34", pn = "_leave_1o2uo_48", U =
     needCloseButton: r,
     openOnHover: h = !1,
     isOpen: n = !1,
-    autoCloseTimeout: y = 0
+    autoCloseTimeout: g = 0
   }) => {
-    const [P, c] = X(n), [a, i] = X(!1), u = k(null), $ = k(null), I = k(null), g = me(() => {
+    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(() => {
-      y > 0 && !a && (u.current = setTimeout(() => {
+      g > 0 && !a && (u.current = setTimeout(() => {
         c(!1), i(!0);
-      }, y));
-    }, [y, a]);
-    ie(() => (P ? C() : g(), () => {
-      g();
-    }), [P, C, g]);
+      }, 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;
-          $.current && !$.current.contains(B) && I.current && !I.current.contains(B) && c(!1);
+          y.current && !y.current.contains(B) && I.current && !I.current.contains(B) && c(!1);
         }
       },
       [h]
@@ -446,34 +446,34 @@ const cn = "_menu_1o2uo_3", dn = "_enter_1o2uo_34", pn = "_leave_1o2uo_48", U =
       sn,
       {
         as: "div",
-        className: ve(U.menu, d),
+        className: ve(K.menu, d),
         ...o,
         children: ({ open: F, close: B }) => {
-          const G = () => {
+          const j = () => {
             B(), c(!1);
           };
           return /* @__PURE__ */ Ae(nt, { children: [
             /* @__PURE__ */ de(
               et,
               {
-                ref: $,
+                ref: y,
                 onMouseEnter: N,
                 onMouseLeave: D,
-                className: ve(U["menu-button"], v),
+                className: ve(K["menu-button"], v),
                 children: l
               }
             ),
             /* @__PURE__ */ de(
-              Gt,
+              jt,
               {
                 show: P || F,
                 as: pe,
-                enter: U.enter,
-                enterFrom: U["enter-from"],
-                enterTo: U["enter-to"],
-                leave: U.leave,
-                leaveFrom: U["leave-from"],
-                leaveTo: U["leave-to"],
+                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(
                   tt,
                   {
@@ -481,26 +481,26 @@ const cn = "_menu_1o2uo_3", dn = "_enter_1o2uo_34", pn = "_leave_1o2uo_48", U =
                     anchor: t,
                     onMouseEnter: N,
                     onMouseLeave: D,
-                    className: ve(U["menu-items"], b),
+                    className: ve(K["menu-items"], b),
                     children: [
                       r && /* @__PURE__ */ de(
                         lt,
                         {
                           isIconButton: !0,
                           iconName: "Close16px",
-                          onClick: G,
+                          onClick: j,
                           clear: !0,
-                          className: U["close-button"]
+                          className: K["close-button"]
                         }
                       ),
                       /* @__PURE__ */ de(
                         "div",
                         {
                           className: ve(
-                            U["menu-items-container"],
+                            K["menu-items-container"],
                             m
                           ),
-                          children: typeof e == "function" ? e({ close: G }) : e
+                          children: typeof e == "function" ? e({ close: j }) : e
                         }
                       )
                     ]

package/dist/components/Image/Image.js

@@ -1,54 +1,49 @@
-import { jsxs as b, jsx as i } from "react/jsx-runtime";
-import { c as n } from "../../index-DIxK0V-G.js";
-import { memo as E, useState as g, useLayoutEffect as I } from "react";
-import { EMediaQuery as N, EMinMediaQuery as S } from "../../hooks/useMediaQuery/constants.js";
-import '../../assets/Image.css';const k = "_picture_9zemz_2", x = "_image_9zemz_3", h = "_loading_9zemz_9", s = {
-  picture: k,
-  image: x,
-  loading: h
-}, w = E((u) => {
+import { jsxs as E, jsx as i } from "react/jsx-runtime";
+import { c as l } from "../../index-DIxK0V-G.js";
+import { memo as I, useState as g, useLayoutEffect as N } from "react";
+import { EMediaQuery as S, EMinMediaQuery as y } from "../../hooks/useMediaQuery/constants.js";
+import '../../assets/Image.css';const b = "_picture_1hx49_2", k = "_image_1hx49_3", L = "_loading_1hx49_10", r = {
+  picture: b,
+  image: k,
+  loading: L
+}, z = I((u) => {
   const {
-    className: p,
-    src: o,
-    alt: d = "image",
+    className: d,
+    src: s,
+    alt: p = "image",
     desktopImage: e,
-    mobileImage: r,
+    mobileImage: a,
     pictureClassName: f,
     errorFallback: c,
     fallback: m,
     ..._
-  } = u, [a, l] = g(!0), [z, y] = g(!1);
-  return I(() => {
+  } = u, [o, n] = g(!0), [h, x] = g(!1);
+  return N(() => {
     const t = new Image();
-    t.src = o ?? e ?? r ?? "", t.onload = () => {
-      l(!1);
+    t.src = s ?? e ?? a ?? "", t.onload = () => {
+      n(!1);
     }, t.onerror = () => {
-      l(!1), y(!0);
+      n(!1), x(!0);
     };
-  }, [o, e, r]), a && m ? m : z && c ? c : /* @__PURE__ */ b(
+  }, [s, e, a]), o && m ? m : h && c ? c : /* @__PURE__ */ E(
     "picture",
     {
-      className: n(s.picture, f, {
-        [s.loading]: a
+      className: l(r.picture, f, {
+        [r.loading]: o
       }),
       children: [
-        r && /* @__PURE__ */ i("source", { srcSet: r, media: N.XS1 }),
-        e && /* @__PURE__ */ i("source", { srcSet: e, media: S.S }),
+        a && /* @__PURE__ */ i("source", { srcSet: a, media: S.XS1 }),
+        e && /* @__PURE__ */ i("source", { srcSet: e, media: y.S }),
         /* @__PURE__ */ i(
           "img",
           {
             ..._,
-            style: {
-              display: "block",
-              filter: `${a ? "blur(20px)" : ""}`,
-              transition: ".3s filter ease"
-            },
-            className: n(s.image, p, {
-              [s.loading]: a
+            className: l(r.image, d, {
+              [r.loading]: o
             }),
             loading: "lazy",
-            src: o,
-            alt: d
+            src: s,
+            alt: p
           }
         )
       ]
@@ -56,5 +51,5 @@ import '../../assets/Image.css';const k = "_picture_9zemz_2", x = "_image_9zemz_
   );
 });
 export {
-  w as AppImage
+  z as AppImage
 };