mimir-ui-kit 1.65.1 → 1.65.3

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,4 +1,3 @@
-import { FocusEventHandler } from 'react';
 import { EDatePickerBorderRadius } from './constants';
 import { TInputProps } from '../Input';
 
@@ -12,9 +11,9 @@ export type TProps = {
      */
     onError?: (e: TDatePickerOnError) => void;
     /**
-     * Стандартный обработчик потери фокуса input
+     * Функция обратного вызова при потере фокуса компонентом
      */
-    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: (e: TDatePickerFocusEvent) => void;
     /**
      *  Функция ограничения выбора даты (до какой даты выбор не доступен)
      */
@@ -97,6 +96,12 @@ export type TDatePickerOnError = {
     name?: string;
     active: boolean;
 };
+export type TDatePickerFocusEvent = {
+    target: {
+        value: string;
+        name?: string;
+    };
+};
 export declare const DatePicker: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<{
     /**
      * Функция обратного вызова при изменении значения даты
@@ -107,9 +112,9 @@ export declare const DatePicker: import('react').MemoExoticComponent<import('rea
      */
     onError?: (e: TDatePickerOnError) => void;
     /**
-     * Стандартный обработчик потери фокуса input
+     * Функция обратного вызова при потере фокуса компонентом
      */
-    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onBlur?: (e: TDatePickerFocusEvent) => void;
     /**
      *  Функция ограничения выбора даты (до какой даты выбор не доступен)
      */

package/dist/components/DatePicker/DatePicker.js

@@ -1,146 +1,180 @@
-import { jsxs as F, jsx as D } from "react/jsx-runtime";
-import { c as v } from "../../index-DIxK0V-G.js";
-import { memo as ht, forwardRef as Mt, useState as b, useEffect as P } from "react";
-import { months as S, EDatePickerBorderRadius as C, MAX_DAY as gt, MAX_MONTH as Tt, DATE_LENGTH as $t } from "./constants.js";
-import { DatePickerModal as bt } from "./DatePickerModal.js";
-import { MonthPickerModal as At } from "./MonthPickerModal.js";
+import { jsxs as et, jsx as u } from "react/jsx-runtime";
+import { c as H } from "../../index-DIxK0V-G.js";
+import { memo as It, forwardRef as St, useState as $, useEffect as A } from "react";
+import { months as j, EDatePickerBorderRadius as st, MAX_DAY as rt, MAX_MONTH as at, DATE_LENGTH as ot } from "./constants.js";
+import { DatePickerModal as Pt } from "./DatePickerModal.js";
+import { MonthPickerModal as Yt } from "./MonthPickerModal.js";
 import { c as m } from "../../styles.module-DjQdoVeY.js";
-import { formatDatePart as R } from "./utils.js";
-import { YearPickerModal as Pt } from "./YearPickerModal.js";
-import { useClickOutside as St } from "../../hooks/useClickOutside/useClickOutside.js";
-import { Icon as V } from "../../icons/Icon.js";
-import { formating as p } from "../../utils/index.js";
-import { I as Yt } from "../../Input-JwHUiwVK.js";
-import { EInputStatus as It, EInputSize as tt } from "../Input/constants.js";
-const xt = ht(
-  Mt(
+import { formatDatePart as O } from "./utils.js";
+import { YearPickerModal as xt } from "./YearPickerModal.js";
+import { useClickOutside as Ht } from "../../hooks/useClickOutside/useClickOutside.js";
+import { Icon as it } from "../../icons/Icon.js";
+import { formating as w } from "../../utils/index.js";
+import { I as jt } from "../../Input-JwHUiwVK.js";
+import { EInputStatus as Ot, EInputSize as ct } from "../Input/constants.js";
+const Et = It(
+  St(
     ({
-      size: H,
-      value: w,
+      size: E,
+      value: g,
       onChangeValue: r,
       name: d,
-      before: h,
-      type: f = "days",
-      dateFormat: N = "full",
-      error: B,
-      onError: g,
-      onBlur: et,
-      validateImmediately: G,
-      variant: st,
-      disabled: j = !1,
-      editable: A = !1,
-      openOnInput: W = !0,
-      sendIntermediateValues: rt = !1,
-      disableFuture: q = !1,
-      disablePast: J = !1,
-      disabledDate: E,
-      validRange: a,
-      borderRadius: L = C.All,
-      full: ot,
-      position: at,
-      isFixed: O = !1,
-      ...Y
-    }, ct) => {
-      const [T, y] = b(!1), [_, u] = b(f), [i, M] = b(
-        () => w && !isNaN(new Date(w).getTime()) ? new Date(w) : void 0
-      ), [I, U] = b(B), [it, x] = b(""), [nt, $] = b();
-      Y.status = !!I && It.Error || Y.status;
-      const K = () => {
+      before: M,
+      type: l = "days",
+      dateFormat: T = "full",
+      error: L,
+      onError: b,
+      onBlur: D,
+      validateImmediately: K,
+      variant: nt,
+      disabled: _ = !1,
+      editable: I = !1,
+      openOnInput: Q = !0,
+      sendIntermediateValues: ft = !1,
+      disableFuture: Z = !1,
+      disablePast: z = !1,
+      disabledDate: U,
+      validRange: n,
+      borderRadius: X = st.All,
+      full: lt,
+      position: mt,
+      isFixed: G = !1,
+      ...P
+    }, dt) => {
+      const [k, y] = $(!1), [W, p] = $(l), [f, h] = $(
+        () => g && !isNaN(new Date(g).getTime()) ? new Date(g) : void 0
+      ), [Y, q] = $(L), [yt, S] = $(""), [Dt, v] = $(), [pt, F] = $(!1);
+      P.status = !!Y && Ot.Error || P.status, A(() => {
+        !k && pt && (D == null || D({
+          target: {
+            value: f ? w.Date(f, "yyyy-mm-dd") : "",
+            name: d
+          }
+        })), F(k);
+      }, [k]);
+      const wt = (t) => {
+        var s;
+        if ((s = t.relatedTarget) != null && s.closest('[data-name="calendar-modal"]')) return;
+        F(!1);
+        const e = t.target.value.replace(/[^\d]/g, "");
+        if (e.length === 0)
+          S(""), h(void 0), t.target && (D == null || D({ target: { value: "", name: d } }));
+        else {
+          const [i, a, c] = [
+            O(e.substring(0, 2), rt),
+            O(e.substring(2, 4), at),
+            e.substring(4, 8)
+          ];
+          let o = c;
+          if (c.length === 2 && (o = "20" + c), [i, a, o].filter(Boolean).join("/").length === ot) {
+            const tt = parseInt(o), x = /* @__PURE__ */ new Date(
+              `${tt}-${a.padStart(2, "0")}-${i.padStart(2, "0")}`
+            );
+            isNaN(x.getTime()) || (h(x), r == null || r({
+              value: w.Date(x, "yyyy-mm-dd"),
+              name: d
+            }), t.target && (D == null || D({
+              target: { value: w.Date(x, "yyyy-mm-dd"), name: d }
+            })));
+          } else
+            t.target && (D == null || D({ target: { value: "Invalid date" } }));
+        }
+      }, B = () => {
         y(!1);
       };
-      P(() => {
-        if (!(!T || !O))
-          return window.addEventListener("scroll", K, !0), () => window.removeEventListener("scroll", K, !0);
-      }, [T, O]), P(() => {
-        U(B);
-      }, [B]), P(() => {
-        M(
-          w && !isNaN(new Date(w).getTime()) ? new Date(w) : void 0
+      A(() => {
+        if (!(!k || !G))
+          return window.addEventListener("scroll", B, !0), () => window.removeEventListener("scroll", B, !0);
+      }, [k, G]), A(() => {
+        q(L);
+      }, [L]), A(() => {
+        h(
+          g && !isNaN(new Date(g).getTime()) ? new Date(g) : void 0
         );
-      }, [w]), P(() => {
-        if (i && typeof i != "string" && !isNaN(i == null ? void 0 : i.getTime())) {
+      }, [g]), A(() => {
+        if (f && typeof f != "string" && !isNaN(f == null ? void 0 : f.getTime())) {
           let t = "";
-          switch (N) {
+          switch (T) {
             case "year": {
-              t = i.getFullYear().toString();
+              t = f.getFullYear().toString();
               break;
             }
             case "month": {
-              const s = S[i.getMonth()], e = i.getFullYear();
-              t = `${s} ${e}`;
+              const e = j[f.getMonth()], s = f.getFullYear();
+              t = `${e} ${s}`;
               break;
             }
             case "full": {
-              t = p.Date(i, "dd/mm/yyyy");
+              t = w.Date(f, "dd/mm/yyyy");
               break;
             }
             default: {
-              t = p.Date(i, "dd/mm/yyyy");
+              t = w.Date(f, "dd/mm/yyyy");
               break;
             }
           }
-          x(t);
+          S(t);
         } else
-          x("");
-      }, [i, N]);
-      const Q = w && new Date(w).getTime;
-      P(() => {
-        G && (Q ? (U(!1), g == null || g({ name: d, active: !1 })) : (U(!0), g == null || g({ name: d, active: !0 })));
-      }, [G, d, Q]), St({
-        isActive: T,
+          S("");
+      }, [f, T]);
+      const C = g && new Date(g).getTime;
+      A(() => {
+        K && (C ? (q(!1), b == null || b({ name: d, active: !1 })) : (q(!0), b == null || b({ name: d, active: !0 })));
+      }, [K, d, C]), Ht({
+        isActive: k,
         setActive: (t) => {
-          y(t), u(f), t || $(void 0);
+          y(t), p(l), t || v(void 0);
         },
         className: m["calendar-block"]
       });
-      const ft = () => {
-        !j && (W || !A) && y(!0);
-      }, Z = (t) => {
-        const s = t.getTime();
-        if (t.setHours(0, 0, 0, 0), h && (typeof h == "string" ? new Date(h) : h).getTime() > s)
+      const ut = () => {
+        !_ && (Q || !I) && y(!0);
+      }, R = (t) => {
+        const e = t.getTime();
+        if (t.setHours(0, 0, 0, 0), M && (typeof M == "string" ? new Date(M) : M).getTime() > e)
           return !1;
-        if (q) {
-          const e = /* @__PURE__ */ new Date();
-          if (e.setHours(0, 0, 0, 0), t.getTime() > e.getTime()) return !1;
+        if (Z) {
+          const s = /* @__PURE__ */ new Date();
+          if (s.setHours(0, 0, 0, 0), t.getTime() > s.getTime()) return !1;
         }
-        if (J) {
-          const e = /* @__PURE__ */ new Date();
-          if (e.setHours(0, 0, 0, 0), s < e.getTime()) return !1;
+        if (z) {
+          const s = /* @__PURE__ */ new Date();
+          if (s.setHours(0, 0, 0, 0), e < s.getTime()) return !1;
         }
-        if (E && E(t)) return !1;
-        if (a) {
-          let e;
-          typeof a[0] == "string" ? e = [
-            new Date(a[0]),
-            typeof a[1] == "string" ? new Date(a[1]) : a[1]
-          ] : e = [
-            a[0],
-            typeof a[1] == "string" ? new Date(a[1]) : a[1]
+        if (U && U(t)) return !1;
+        if (n) {
+          let s;
+          typeof n[0] == "string" ? s = [
+            new Date(n[0]),
+            typeof n[1] == "string" ? new Date(n[1]) : n[1]
+          ] : s = [
+            n[0],
+            typeof n[1] == "string" ? new Date(n[1]) : n[1]
           ];
-          const [c, o] = e, l = new Date(c), n = new Date(o);
-          if (l.setHours(0, 0, 0, 0), n.setHours(23, 59, 59, 999), t < l || t > n) return !1;
+          const [i, a] = s, c = new Date(i), o = new Date(a);
+          if (c.setHours(0, 0, 0, 0), o.setHours(23, 59, 59, 999), t < c || t > o) return !1;
         }
         return !0;
-      }, lt = (t) => {
+      }, Nt = (t) => {
         if (!isNaN(t.getTime())) {
-          M(t), $(void 0);
+          h(t), v(void 0);
           let e = "";
-          switch (N) {
+          switch (T) {
             case "year": {
               e = t.getFullYear().toString();
               break;
             }
             case "month": {
-              const c = S[t.getMonth()], o = t.getFullYear();
-              e = `${c} ${o}`;
+              const s = j[t.getMonth()], i = t.getFullYear();
+              e = `${s} ${i}`;
               break;
             }
             case "full": {
-              e = p.Date(t, "yyyy-mm-dd");
+              e = w.Date(t, "yyyy-mm-dd");
               break;
             }
             default: {
-              e = p.Date(t, "yyyy-mm-dd");
+              e = w.Date(t, "yyyy-mm-dd");
               break;
             }
           }
@@ -149,232 +183,208 @@ const xt = ht(
             name: d
           });
         }
-        _ === "years" && (f === "years" ? (y(!1), u(f)) : u("months")), _ === "months" && (f === "months" ? (y(!1), u(f)) : u("days")), M(t);
-        let s = "";
-        switch (N) {
-          case "year": {
-            s = t.getFullYear().toString();
-            break;
-          }
-          case "month": {
-            const e = S[t.getMonth()], c = t.getFullYear();
-            s = `${e} ${c}`;
-            break;
-          }
-          case "full": {
-            s = p.Date(t, "yyyy-mm-dd");
-            break;
-          }
-          default: {
-            s = p.Date(t, "yyyy-mm-dd");
-            break;
-          }
-        }
-        r == null || r({
-          value: s,
-          name: d
-        });
-      }, mt = (t) => {
-        const s = i || /* @__PURE__ */ new Date(), e = s.getDate(), c = s.getMonth() + 1, o = new Date(t, c - 1, e);
-        if (o.getFullYear() === t && o.getMonth() === c - 1 && o.getDate() === e && Z(o)) {
-          M(o), $(void 0);
-          let l = "";
-          switch (N) {
+        W === "years" && (l === "years" ? (y(!1), p(l)) : p("months")), W === "months" && (l === "months" ? (y(!1), p(l)) : p("days")), h(t);
+      }, gt = (t) => {
+        const e = f || /* @__PURE__ */ new Date(), s = e.getDate(), i = e.getMonth() + 1, a = new Date(t, i - 1, s);
+        if (a.getFullYear() === t && a.getMonth() === i - 1 && a.getDate() === s && R(a)) {
+          h(a), v(void 0);
+          let c = "";
+          switch (T) {
             case "year": {
-              l = t.toString();
+              c = t.toString();
               break;
             }
             case "month": {
-              l = `${S[c - 1]} ${t}`;
+              c = `${j[i - 1]} ${t}`;
               break;
             }
             case "full": {
-              l = p.Date(o, "yyyy-mm-dd");
+              c = w.Date(a, "yyyy-mm-dd");
               break;
             }
             default: {
-              l = p.Date(o, "yyyy-mm-dd");
+              c = w.Date(a, "yyyy-mm-dd");
               break;
             }
           }
           if (r == null || r({
-            value: l,
+            value: c,
             name: d
-          }), f === "years") {
-            y(!1), u(f);
+          }), l === "years") {
+            y(!1), p(l);
             return;
           }
         } else
-          $(new Date(t, c - 1, 1));
-        f === "years" ? (y(!1), u(f)) : u("months");
-      }, yt = (t, s) => {
-        const c = (i || /* @__PURE__ */ new Date()).getDate(), o = new Date(t, s, 0).getDate(), l = Math.min(c, o), n = new Date(t, s - 1, l);
-        if (n.getFullYear() === t && n.getMonth() === s - 1 && n.getDate() === l && Z(n)) {
-          M(n), $(void 0);
-          let k = "";
-          switch (N) {
+          v(new Date(t, i - 1, 1));
+        l === "years" ? (y(!1), p(l)) : p("months");
+      }, kt = (t, e) => {
+        const i = (f || /* @__PURE__ */ new Date()).getDate(), a = new Date(t, e, 0).getDate(), c = Math.min(i, a), o = new Date(t, e - 1, c);
+        if (o.getFullYear() === t && o.getMonth() === e - 1 && o.getDate() === c && R(o)) {
+          h(o), v(void 0);
+          let N = "";
+          switch (T) {
             case "year": {
-              k = t.toString();
+              N = t.toString();
               break;
             }
             case "month": {
-              k = `${S[s - 1]} ${t}`;
+              N = `${j[e - 1]} ${t}`;
               break;
             }
             case "full": {
-              k = p.Date(n, "yyyy-mm-dd");
+              N = w.Date(o, "yyyy-mm-dd");
               break;
             }
             default: {
-              k = p.Date(n, "yyyy-mm-dd");
+              N = w.Date(o, "yyyy-mm-dd");
               break;
             }
           }
           if (r == null || r({
-            value: k,
+            value: N,
             name: d
-          }), f === "months") {
-            y(!1), u(f);
+          }), l === "months") {
+            y(!1), p(l);
             return;
           }
         } else
-          $(new Date(t, s - 1, 1));
-        f === "months" ? (y(!1), u(f)) : u("days");
-      }, ut = (t) => {
-        if (A || t.target.value === "") {
-          const s = t.target.value.replace(/[^\d]/g, "");
-          if (s.length === 0)
-            x(""), M(void 0), y(!1), r == null || r({ value: "", name: d });
+          v(new Date(t, e - 1, 1));
+        l === "months" ? (y(!1), p(l)) : p("days");
+      }, ht = (t) => {
+        if (I || t.target.value === "") {
+          const e = t.target.value.replace(/[^\d]/g, "");
+          if (e.length === 0)
+            S(""), h(void 0), y(!1), r == null || r({ value: "", name: d });
           else {
-            const [e, c, o] = [
-              R(s.substring(0, 2), gt),
-              R(s.substring(2, 4), Tt),
-              s.substring(4, 8)
-            ], l = [e, c, o].filter(Boolean).join("/");
-            if (x(l), rt) {
-              const n = o ? `${o}-${c || "00"}-${e || "00"}` : [e, c, o].filter(Boolean).join("-");
+            const [s, i, a] = [
+              O(e.substring(0, 2), rt),
+              O(e.substring(2, 4), at),
+              e.substring(4, 8)
+            ], c = [s, i, a].filter(Boolean).join("/");
+            if (S(c), ft) {
+              const o = a ? `${a}-${i || "00"}-${s || "00"}` : [s, i, a].filter(Boolean).join("-");
               r == null || r({
-                value: n,
+                value: o,
                 name: d
               });
             }
-            if (l.length === $t) {
-              const n = parseInt(o), k = /* @__PURE__ */ new Date(
-                `${n}-${c.padStart(2, "0")}-${e.padStart(2, "0")}`
+            if (c.length === ot) {
+              const o = parseInt(a), N = /* @__PURE__ */ new Date(
+                `${o}-${i.padStart(2, "0")}-${s.padStart(2, "0")}`
               );
-              isNaN(k.getTime()) || (M(k), r == null || r({
-                value: p.Date(k, "yyyy-mm-dd"),
+              isNaN(N.getTime()) || (h(N), r == null || r({
+                value: w.Date(N, "yyyy-mm-dd"),
                 name: d
               }));
             }
           }
         }
-      }, Dt = v(
+      }, Mt = H(
         m.wrapper,
-        T && !A && m.active
-      ), pt = v(m.input, m.inputBorderControl);
-      let z;
-      if (a) {
-        let t, s;
-        typeof a[0] == "string" ? t = new Date(a[0]) : t = a[0], typeof a[1] == "string" ? s = new Date(a[1]) : s = a[1], z = [t, s];
+        k && !I && m.active
+      ), Tt = H(m.input, m.inputBorderControl);
+      let V;
+      if (n) {
+        let t, e;
+        typeof n[0] == "string" ? t = new Date(n[0]) : t = n[0], typeof n[1] == "string" ? e = new Date(n[1]) : e = n[1], V = [t, e];
       }
-      const X = {
-        onChangeValue: lt,
-        date: nt || i || /* @__PURE__ */ new Date(),
-        selectedDate: i,
-        before: typeof h == "string" ? new Date(h) : h,
-        onChangeType: u,
+      const J = {
+        onChangeValue: Nt,
+        date: Dt || f || /* @__PURE__ */ new Date(),
+        selectedDate: f,
+        before: typeof M == "string" ? new Date(M) : M,
+        onChangeType: p,
         setIsActive: y,
-        disableFuture: q,
-        disablePast: J,
-        disabledDate: E,
-        validRange: z,
-        dateFormat: N,
-        position: at,
-        isFixed: O
-      }, dt = {
-        ...X,
-        onChangeMonth: yt,
-        dateFormat: N
-      }, wt = {
-        ...X,
-        onChangeYear: mt
-      }, kt = (() => {
-        switch (_) {
+        disableFuture: Z,
+        disablePast: z,
+        disabledDate: U,
+        validRange: V,
+        dateFormat: T,
+        position: mt,
+        isFixed: G
+      }, $t = {
+        ...J,
+        onChangeMonth: kt,
+        dateFormat: T
+      }, bt = {
+        ...J,
+        onChangeYear: gt
+      }, vt = (() => {
+        switch (W) {
           case "months":
-            return () => /* @__PURE__ */ D(At, { ...dt });
+            return () => /* @__PURE__ */ u(Yt, { ...$t });
           case "years":
-            return () => /* @__PURE__ */ D(Pt, { ...wt });
+            return () => /* @__PURE__ */ u(xt, { ...bt });
           default:
-            return () => /* @__PURE__ */ D(bt, { ...X });
+            return () => /* @__PURE__ */ u(Pt, { ...J });
         }
-      })(), Nt = ({ isActive: t }) => /* @__PURE__ */ D("button", { onClick: (e) => {
-        e.stopPropagation(), j || y(!t);
-      }, className: m["icon-button"], children: t ? /* @__PURE__ */ D(
-        V,
+      })(), At = ({ isActive: t }) => /* @__PURE__ */ u("button", { onClick: (s) => {
+        s.stopPropagation(), _ || y(!t);
+      }, className: m["icon-button"], children: t ? /* @__PURE__ */ u(
+        it,
         {
-          iconName: H === tt.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
+          iconName: E === ct.S ? "DropdownArrowUp16px" : "DropdownArrowUp24px"
         }
-      ) : /* @__PURE__ */ D(
-        V,
+      ) : /* @__PURE__ */ u(
+        it,
         {
-          iconName: H === tt.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
+          iconName: E === ct.S ? "DropdownArrowBottom16px" : "DropdownArrowDown24px"
         }
       ) });
-      return /* @__PURE__ */ F(
+      return /* @__PURE__ */ et(
         "div",
         {
-          className: v(m["input-field-group-datePicker"], {
-            [m.full]: ot
+          className: H(m["input-field-group-datePicker"], {
+            [m.full]: lt
           }),
           children: [
-            /* @__PURE__ */ F("div", { className: Dt, "data-disabled": j, children: [
-              /* @__PURE__ */ D(
+            /* @__PURE__ */ et("div", { className: Mt, "data-disabled": _, children: [
+              /* @__PURE__ */ u(
                 "div",
                 {
                   role: "button",
-                  "data-status": Y.status,
-                  className: v(m["date-wrapper"], {
-                    [m.editable]: A,
-                    [m[`border-radius-${L}`]]: L !== C.All
+                  "data-status": P.status,
+                  className: H(m["date-wrapper"], {
+                    [m.editable]: I,
+                    [m[`border-radius-${X}`]]: X !== st.All
                   }),
-                  onClick: ft,
-                  children: /* @__PURE__ */ D(
-                    Yt,
+                  onClick: ut,
+                  children: /* @__PURE__ */ u(
+                    jt,
                     {
-                      ref: ct,
-                      className: pt,
+                      ref: dt,
+                      className: Tt,
                       wrapperClassName: m["input-wrapper"],
-                      size: H,
+                      size: E,
                       type: "text",
-                      variant: st,
-                      value: it,
-                      onChange: ut,
+                      variant: nt,
+                      value: yt,
+                      onChange: ht,
                       rightAddon: {
                         addonType: "react-node",
-                        addonContent: /* @__PURE__ */ D(Nt, { isActive: T })
+                        addonContent: /* @__PURE__ */ u(At, { isActive: k })
                       },
                       rightSlotClassName: m["right-slot"],
                       onFocus: () => {
-                        W && !A && y(!0);
+                        Q && !I && y(!0);
                       },
-                      borderRadius: L,
-                      ...Y,
-                      onBlur: et
+                      onBlur: wt,
+                      borderRadius: X,
+                      ...P
                     }
                   )
                 }
               ),
-              T && /* @__PURE__ */ D(kt, {})
+              k && /* @__PURE__ */ u(vt, {})
             ] }),
-            I && typeof I == "string" && /* @__PURE__ */ D("div", { className: m.textError, children: I })
+            Y && typeof Y == "string" && /* @__PURE__ */ u("div", { className: m.textError, children: Y })
           ]
         }
       );
     }
   )
 );
-xt.displayName = "DatePicker";
+Et.displayName = "DatePicker";
 export {
-  xt as DatePicker
+  Et as DatePicker
 };

package/dist/components/DatePicker/DatePickerModal.js

@@ -93,6 +93,7 @@ const it = ({
       className: g(n["calendar-block"], b && n.fixed),
       ref: L,
       "data-testid": "calendar-modal",
+      "data-name": "calendar-modal",
       children: [
         /* @__PURE__ */ u("div", { className: n.h, children: [
           /* @__PURE__ */ a(

package/dist/components/Dropdown/Dropdown.js

@@ -1,37 +1,37 @@
 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 re, useRef as A, useEffect as te, useMemo as q, Fragment as ve, useReducer as rt, createRef as ke, 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 ne, O as ae, n as de, m as ut, t as it, H as se, s as Fe, 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 { 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 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 kt } from "../../portal-BnEqSZwo.js";
-import { e as Ft } from "../../use-resolve-button-type-DhFdPxnv.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 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 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: o } = {}) {
-  let c = ye(o), p = T(() => {
+function xt({ defaultContainers: e = [], portals: t, mainTreeNode: r } = {}) {
+  let c = ye(r), p = T(() => {
     var P, 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 (P = c == null ? void 0 : c.querySelectorAll("html > *, body > *")) != null ? P : []) 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 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: p, contains: T((P) => p().some((m) => m.contains(P))) };
 }
 let je = ie(null);
 function We({ children: e, node: t }) {
-  let [o, c] = J(null), p = Xe(t ?? o);
+  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 r of (l = (m = He(P)) == null ? void 0 : m.querySelectorAll("html > *, body > *")) != null ? l : []) if (r !== document.body && r !== document.head && r instanceof HTMLElement && r != null && r.contains(P)) {
-        c(r);
+      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;
       }
     }
@@ -71,7 +71,7 @@ function ge(e) {
   return "children" in e ? ge(e.children) : e.current.filter(({ el: t }) => t.current !== null).filter(({ state: t }) => t === "visible").length > 0;
 }
 function Je(e, t) {
-  let o = Fe(e), c = A([]), p = Ot(), P = st(), m = T((d, a = ae.Hidden) => {
+  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);
@@ -79,43 +79,43 @@ function Je(e, t) {
       c.current[s].state = "hidden";
     } }), P.microTask(() => {
       var u;
-      !ge(c) && p.current && ((u = o.current) == null || u.call(o));
+      !ge(c) && p.current && ((u = r.current) == null || u.call(r));
     }));
   }), 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);
-  }), r = A([]), h = A(Promise.resolve()), n = A({ enter: [], leave: [] }), f = T((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);
+  }), 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();
+      (u = o.current.shift()) == null || u();
     }).then(() => s(a));
   });
   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 Ct(e, t) {
-  var o, c;
-  let { transition: p = !0, beforeEnter: P, afterEnter: m, beforeLeave: l, afterLeave: r, 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 = (o = u.unmount) == null || o ? ae.Unmount : ae.Hidden, { show: F, appear: N, initial: Z } = _t(), [M, L] = J(F ? "visible" : "hidden"), G = At(), { register: O, unregister: x } = G;
+  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 (F && M !== "visible") {
+      if (k && M !== "visible") {
         L("visible");
         return;
       }
       return V(M, { hidden: () => x(S), visible: () => O(S) });
     }
-  }, [M, S, O, x, F, C]);
+  }, [M, S, O, x, k, C]);
   let H = Ke();
   de(() => {
     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 && F && Z, y = A(!1), i = Je(() => {
+  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;
@@ -126,30 +126,30 @@ function Ct(e, t) {
   }), w = T((W) => {
     let oe = W ? "enter" : "leave";
     y.current = !1, i.onStop(S, oe, (pe) => {
-      pe === "enter" ? m == null || m() : pe === "leave" && (r == null || r());
+      pe === "enter" ? m == null || m() : pe === "leave" && (o == null || o());
     }), oe === "leave" && !ge(i) && (L("hidden"), x(S));
   });
   te(() => {
-    B && p || (b(F), w(F));
-  }, [F, B, p]);
-  let I = !(!p || !B || !H || R), [, k] = Oe(I, v, F, { start: b, end: w }), K = ut({ ref: D, className: ((c = it(u.className, _ && h, _ && n, k.enter && h, k.enter && k.closed && n, k.enter && !k.closed && f, k.leave && d, k.leave && !k.closed && a, k.leave && k.closed && s, !k.transition && F && $)) == null ? void 0 : c.trim()) || void 0, ...xe(k) }), j = 0;
-  return M === "visible" && (j |= X.Open), M === "hidden" && (j |= X.Closed), k.enter && (j |= X.Opening), k.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" })));
+    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: o, appear: c = !1, unmount: p = !0, ...P } = e, m = A(null), l = qe(e), r = ne(...l ? [m, t] : t === null ? [] : [t]);
+  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 (o === void 0 && h !== null && (o = (h & X.Open) === X.Open), o === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
-  let [n, f] = J(o ? "visible" : "hidden"), $ = Je(() => {
-    o || f("hidden");
-  }), [d, a] = J(!0), s = A([o]);
+  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(() => {
-    d !== !1 && s.current[s.current.length - 1] !== o && (s.current.push(o), a(!1));
-  }, [s, o]);
-  let u = q(() => ({ show: o, appear: c, initial: d }), [o, c, d]);
+    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(() => {
-    o ? f("visible") : !ge($) && m.current !== null && f("hidden");
-  }, [o, $]);
+    r ? f("visible") : !ge($) && m.current !== null && f("hidden");
+  }, [r, $]);
   let v = { unmount: p }, g = T(() => {
     var B;
     d && a(!1), (B = e.beforeEnter) == null || B.call(e);
@@ -157,11 +157,11 @@ function Dt(e, t) {
     var B;
     d && a(!1), (B = e.beforeLeave) == null || B.call(e);
   });
-  return E.createElement(Se.Provider, { value: $ }, E.createElement(Ee.Provider, { value: u }, se({ ourProps: { ...v, as: ve, children: E.createElement(Ye, { ref: r, ...v, ...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 o = re(Ee) !== null, c = $e() !== null;
-  return E.createElement(E.Fragment, null, !o && c ? E.createElement(Ne, { 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 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 || {});
@@ -180,8 +180,8 @@ _e.displayName = "PopoverContext";
 function Te(e) {
   let t = re(_e);
   if (t === null) {
-    let o = new Error(`<${e} /> is missing a parent <Popover /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(o, Te), o;
+    let r = new Error(`<${e} /> is missing a parent <Popover /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r, Te), r;
   }
   return t;
 }
@@ -190,8 +190,8 @@ we.displayName = "PopoverAPIContext";
 function Ae(e) {
   let t = re(we);
   if (t === null) {
-    let o = new Error(`<${e} /> is missing a parent <Popover /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(o, Ae), o;
+    let r = new Error(`<${e} /> is missing a parent <Popover /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(r, Ae), r;
   }
   return t;
 }
@@ -210,23 +210,23 @@ function Zt(e, t) {
 }
 let qt = "div";
 function Jt(e, t) {
-  var o;
+  var r;
   let { __demoMode: c = !1, ...p } = e, P = A(null), m = ne(t, ct((y) => {
     P.current = y;
-  })), l = A([]), r = rt(Zt, { __demoMode: c, popoverState: c ? 0 : 1, buttons: l, button: null, buttonId: null, panel: null, panelId: null, beforePanelSentinel: ke(), afterPanelSentinel: ke(), afterButtonSentinel: ke() }), [{ popoverState: h, button: n, buttonId: f, panel: $, panelId: d, beforePanelSentinel: a, afterPanelSentinel: s, afterButtonSentinel: u }, v] = r, g = ye((o = P.current) != null ? o : n), S = q(() => {
+  })), 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], k = y[w];
-    return !$.contains(I) && !$.contains(k);
-  }, [n, $]), B = Fe(f), D = Fe(d), C = q(() => ({ buttonId: B, panelId: D, close: () => v({ type: 1 }) }), [B, D, v]), F = ze(), N = F == null ? void 0 : F.registerPopover, Z = T(() => {
+    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 = F == null ? void 0 : F.isFocusWithinPopoverGroup()) != null ? y : (g == null ? void 0 : g.activeElement) && ((n == null ? void 0 : n.contains(g.activeElement)) || ($ == null ? void 0 : $.contains(g.activeElement)));
+    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)));
   });
   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, k, 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 = (k = u.current) == null ? void 0 : k.contains) != null && K.call(k, y.target) || v({ type: 1 })));
+    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());
   });
@@ -235,16 +235,16 @@ function Jt(e, t) {
     let i = y ? y instanceof HTMLElement ? y : "current" in y && y.current instanceof HTMLElement ? y.current : n : n;
     i == null || i.focus();
   }), 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: r }, 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" })))))))));
+  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 o = be(), { id: c = `headlessui-popover-button-${o}`, disabled: p = !1, autoFocus: P = !1, ...m } = e, [l, r] = 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;
+  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 r({ type: 3, buttonId: c }), () => {
-      r({ type: 3, buttonId: null });
+    if (!a) return o({ type: 3, buttonId: c }), () => {
+      o({ type: 3, buttonId: null });
     };
-  }, [a, c, r]);
+  }, [a, c, o]);
   let [s] = J(() => Symbol()), u = ne(n, t, $t(), T((i) => {
     if (!a) {
       if (i) l.buttons.current.push(s);
@@ -252,7 +252,7 @@ function Vt(e, t) {
         let b = l.buttons.current.indexOf(s);
         b !== -1 && l.buttons.current.splice(b, 1);
       }
-      l.buttons.current.length > 1 && console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."), i && r({ type: 2, button: i });
+      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 });
     }
   })), v = ne(n, t), g = ye(n), S = T((i) => {
     var b, w, I;
@@ -261,28 +261,28 @@ function Vt(e, t) {
       switch (i.key) {
         case le.Space:
         case le.Enter:
-          i.preventDefault(), (w = (b = i.target).click) == null || w.call(b), r({ type: 1 }), (I = l.button) == null || I.focus();
+          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 le.Space:
       case le.Enter:
-        i.preventDefault(), i.stopPropagation(), l.popoverState === 1 && (d == null || d(l.buttonId)), r({ type: 0 });
+        i.preventDefault(), i.stopPropagation(), l.popoverState === 1 && (d == null || d(l.buttonId)), o({ type: 0 });
         break;
       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) => {
     a || i.key === le.Space && i.preventDefault();
   }), D = T((i) => {
     var b, w;
-    Ue(i.currentTarget) || p || (a ? (r({ type: 1 }), (b = l.button) == null || b.focus()) : (i.preventDefault(), i.stopPropagation(), l.popoverState === 1 && (d == null || d(l.buttonId)), r({ type: 0 }), (w = l.button) == null || w.focus()));
+    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: F, 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: F, autofocus: P }), [O, Z, F, L, p, P]), H = Ft(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(() => {
+  }), { 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 b() {
@@ -294,7 +294,7 @@ function Vt(e, t) {
 }
 let Yt = "div", zt = me.RenderStrategy | me.Static;
 function et(e, t) {
-  let o = be(), { id: c = `headlessui-popover-backdrop-${o}`, transition: p = !1, ...P } = e, [{ popoverState: m }, l] = Te("Popover.Backdrop"), [r, h] = J(null), n = ne(t, h), f = $e(), [$, d] = Oe(p, r, f !== null ? (f & X.Open) === X.Open : m === 0), a = T((v) => {
+  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) };
@@ -302,13 +302,13 @@ function et(e, t) {
 }
 let en = "div", tn = me.RenderStrategy | me.Static;
 function nn(e, t) {
-  let o = be(), { id: c = `headlessui-popover-panel-${o}`, focus: p = !1, anchor: P, portal: m = !1, modal: l = !1, transition: r = !1, ...h } = e, [n, f] = Te("Popover.Panel"), { close: $, isPortalled: d } = Ae("Popover.Panel"), a = `headlessui-focus-sentinel-before-${o}`, s = `headlessui-focus-sentinel-after-${o}`, u = A(null), v = Et(P), [g, S] = St(v), B = gt();
+  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), F = ne(u, t, v ? g : null, T((b) => f({ type: 4, panel: b })), C), N = ye(u), Z = ft();
+  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(r, D, M !== null ? (M & X.Open) === X.Open : n.popoverState === 0);
+  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 });
   });
@@ -331,10 +331,10 @@ function nn(e, t) {
     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: F, id: c, onKeyDown: x, onBlur: p && n.popoverState === 0 ? (b) => {
-    var w, I, k, K, j;
+  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 }), ((k = (I = n.beforePanelSentinel.current) == null ? void 0 : I.contains) != null && k.call(I, W) || (j = (K = n.afterPanelSentinel.current) == null ? void 0 : K.contains) != null && j.call(K, W)) && W.focus({ preventScroll: !0 })));
+    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;
@@ -354,7 +354,7 @@ function nn(e, t) {
     function w() {
       V(_.current, { [Q.Forwards]: () => {
         if (!n.button) return;
-        let I = Re(), k = I.indexOf(n.button), K = I.slice(0, k + 1), j = [...I.slice(k + 1), ...K];
+        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);
@@ -367,11 +367,11 @@ function nn(e, t) {
     }
     w();
   });
-  return E.createElement(Bt, null, E.createElement(Ie.Provider, { value: c }, E.createElement(we.Provider, { value: { close: $, isPortalled: d } }, E.createElement(kt, { 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 })))));
+  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 o = A(null), c = ne(o, t), [p, P] = J([]), m = T((a) => {
+  let r = A(null), c = ne(r, t), [p, P] = J([]), m = T((a) => {
     P((s) => {
       let u = s.indexOf(a);
       if (u !== -1) {
@@ -380,32 +380,32 @@ function on(e, t) {
       }
       return s;
     });
-  }), l = T((a) => (P((s) => [...s, a]), () => m(a))), r = T(() => {
+  }), l = T((a) => (P((s) => [...s, a]), () => m(a))), o = T(() => {
     var a;
-    let s = He(o);
+    let s = He(r);
     if (!s) return !1;
     let u = s.activeElement;
-    return (a = o.current) != null && a.contains(u) ? !0 : p.some((v) => {
+    return (a = r.current) != null && a.contains(u) ? !0 : p.some((v) => {
       var g, S;
       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));
     });
   }), h = T((a) => {
     for (let s of p) s.buttonId.current !== a && s.close();
-  }), n = q(() => ({ registerPopover: l, unregisterPopover: m, isFocusWithinPopoverGroup: r, closeOthers: h }), [l, m, r, h]), f = q(() => ({}), []), $ = e, d = { ref: c };
+  }), 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), 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 kn = 300, Fn = ot(
+const Fn = 300, kn = ot(
   ({
     children: e,
     position: t = "bottom end",
-    popoverProps: o,
+    popoverProps: r,
     className: c,
     buttonClassName: p,
     panelClassName: P,
     menuItemsClassName: m,
     buttonContent: l,
-    needCloseButton: r,
+    needCloseButton: o,
     openOnHover: h = !1,
     isOpen: n,
     isControlled: f = !1,
@@ -417,9 +417,9 @@ const kn = 300, Fn = ot(
   }) => {
     const [v, g] = J(
       n ?? !1
-    ), [S, B] = J(!1), D = A(null), C = A(null), F = A(null), { getArrowClasses: N, getPositionClass: Z } = lt({
+    ), [S, B] = J(!1), D = A(null), C = A(null), k = A(null), { getArrowClasses: N, getPositionClass: Z } = lt({
       buttonRef: C,
-      panelRef: F,
+      panelRef: k,
       initialPosition: t,
       isOpen: v || n,
       arrow: u,
@@ -436,7 +436,7 @@ const kn = 300, Fn = ot(
       (R) => {
         if (h) {
           const _ = R.relatedTarget;
-          C.current && !C.current.contains(_) && F.current && !F.current.contains(_) && g(!1);
+          C.current && !C.current.contains(_) && k.current && !k.current.contains(_) && g(!1);
         }
       },
       [h]
@@ -460,7 +460,7 @@ const kn = 300, Fn = ot(
       {
         as: "div",
         className: fe(U.menu, c),
-        ...o,
+        ...r,
         children: ({ open: R, close: _ }) => /* @__PURE__ */ De(
           dn,
           {
@@ -468,7 +468,7 @@ const kn = 300, Fn = ot(
             isControlled: f,
             onClose: () => H(_),
             buttonRef: C,
-            panelRef: F,
+            panelRef: k,
             children: [
               a ? /* @__PURE__ */ z(
                 Le,
@@ -508,7 +508,7 @@ const kn = 300, Fn = ot(
                   children: /* @__PURE__ */ De(
                     tt,
                     {
-                      ref: F,
+                      ref: k,
                       anchor: t,
                       static: f,
                       onMouseEnter: G,
@@ -524,7 +524,7 @@ const kn = 300, Fn = ot(
                       ),
                       children: [
                         u && /* @__PURE__ */ z("div", { className: N() }),
-                        r && /* @__PURE__ */ z(
+                        o && /* @__PURE__ */ z(
                           at,
                           {
                             isIconButton: !0,
@@ -559,25 +559,25 @@ const kn = 300, Fn = ot(
 function dn({
   isControlled: e,
   isOpen: t,
-  onClose: o,
+  onClose: r,
   buttonRef: c,
   panelRef: p,
   children: P
 }) {
   return te(() => {
     if (!t || !e) return;
-    const m = (r) => {
-      console.log("handle key", r.key), r.key === "Escape" && (console.log("if if if handle key ===>", r.key), o == null || o());
-    }, l = (r) => {
-      const h = r.target, n = c.current && !c.current.contains(h), f = p.current && !p.current.contains(h);
-      n && f && (o == null || o());
+    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, o]), /* @__PURE__ */ z(nt, { children: P });
+  }, [e, e, t, r]), /* @__PURE__ */ z(nt, { children: P });
 }
 export {
-  kn 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.1",
+  "version": "1.65.3",
   "type": "module",
   "exports": {
     ".": {