@sito/dashboard-app 0.0.39 → 0.0.41

package/dist/dashboard-app.js

@@ -1,129 +1,138 @@
-var ps = Object.defineProperty;
-var ws = (e, t, s) => t in e ? ps(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var me = (e, t, s) => ws(e, typeof t != "symbol" ? t + "" : t, s);
+var Cs = Object.defineProperty;
+var Es = (e, t, s) => t in e ? Cs(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var me = (e, t, s) => Es(e, typeof t != "symbol" ? t + "" : t, s);
 import "./main.css";
-import { IconButton as vs, useTranslation as T, Dropdown as xs, State as _s, inputStateClassName as Ss, labelStateClassName as Cs, helperTextStateClassName as ks, Button as xe, Loading as Ve, TextInput as Ns, FileInput as As, useTableOptions as Es, Badge as $s } from "@sito/dashboard";
+import { IconButton as Ns, useTranslation as D, Dropdown as ks, State as As, inputStateClassName as xs, labelStateClassName as Ts, helperTextStateClassName as $s, Button as _e, Loading as xe, TextInput as Fs, FileInput as Ls, useTableOptions as Ds, Badge as Vs } from "@sito/dashboard";
 export * from "@sito/dashboard";
-import { Button as In } from "@sito/dashboard";
-import { jsxs as $, jsx as h, Fragment as De } from "react/jsx-runtime";
+import { Button as Bn } from "@sito/dashboard";
+import { jsxs as x, jsx as h, Fragment as Ve } from "react/jsx-runtime";
 import { FontAwesomeIcon as ce } from "@fortawesome/react-fontawesome";
-import ie, { useCallback as F, useReducer as Fs, createContext as Pe, useContext as Ie, useState as R, useMemo as ke, useEffect as ae, forwardRef as Mt, useRef as st } from "react";
-import { faTrash as Ls, faRotateLeft as Ot, faPencil as Ts, faCircleNotch as Ut, faCloudArrowDown as Ds, faCloudUpload as Vs, faArrowUp as Ps, faEllipsisV as Is, faEyeSlash as Ms, faEye as Os, faClose as Rt, faArrowLeft as Us, faAdd as vt, faFilter as Rs, faBars as qs, faSearch as Bs, faCircleCheck as Hs, faWarning as js } from "@fortawesome/free-solid-svg-icons";
-import { createPortal as qt } from "react-dom";
-import { css as Qs } from "@emotion/css";
-import { QueryClient as Ks, QueryClientProvider as Ws, useMutation as Me, useQuery as zs } from "@tanstack/react-query";
-import { faSadTear as Gs } from "@fortawesome/free-regular-svg-icons";
-function Bt(e) {
+import ie, { useCallback as V, useRef as Ie, useReducer as Ut, createContext as Pe, useContext as Oe, useState as J, useMemo as Ae, useEffect as le, forwardRef as qt, useLayoutEffect as Is } from "react";
+import { faTrash as Ps, faRotateLeft as Ht, faPencil as Os, faCircleNotch as Bt, faCloudArrowDown as Ms, faCloudUpload as Rs, faArrowUp as Us, faEllipsisV as qs, faEyeSlash as Hs, faEye as Bs, faClose as Qt, faArrowLeft as Qs, faAdd as St, faFilter as Ks, faBars as js, faSearch as Ws, faCircleCheck as Gs, faWarning as Js } from "@fortawesome/free-solid-svg-icons";
+import { createPortal as Kt } from "react-dom";
+import { QueryClient as zs, QueryClientProvider as Ys, useMutation as Me, useQuery as Xs } from "@tanstack/react-query";
+import { faSadTear as Zs } from "@fortawesome/free-regular-svg-icons";
+function jt(e) {
   const {
     id: t,
     icon: s,
     tooltip: n,
     onClick: i,
     children: r,
-    hidden: c = !1,
-    disabled: o = !1,
-    showText: d = !1,
-    showTooltips: f = !0
+    hidden: a = !1,
+    disabled: c = !1,
+    showText: l = !1,
+    showTooltips: m = !0,
+    className: y = ""
   } = e;
-  return c ? null : /* @__PURE__ */ $(
+  return a ? null : /* @__PURE__ */ x(
     "button",
     {
       id: t,
-      className: `action ${d ? "text-action" : "icon-action"}`,
-      disabled: o,
-      onClick: () => i(),
-      "aria-disabled": o,
+      className: `action ${l ? "text-action" : "icon-action"} ${y}`,
+      disabled: c,
+      onClick: () => i == null ? void 0 : i(),
+      "aria-disabled": c,
       "data-tooltip-id": "tooltip",
-      "data-tooltip-content": f ? n : "",
+      "data-tooltip-content": m ? n : "",
       children: [
         s,
         " ",
-        d && n,
+        l && n,
         r
       ]
     }
   );
 }
-function Ht(e) {
+function Wt(e) {
   const {
     actions: t = [],
     className: s = "",
-    showTooltips: n = !0,
-    showActionTexts: i = !1
+    itemClassName: n = "",
+    actionClassName: i = "",
+    showTooltips: r = !0,
+    showActionTexts: a = !1
   } = e;
-  return /* @__PURE__ */ h("ul", { className: `actions-container ${s}`, children: t == null ? void 0 : t.map((r) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(
-    Bt,
+  return /* @__PURE__ */ h("ul", { className: `actions-container ${s}`, children: t.map((c) => /* @__PURE__ */ h(
+    "li",
     {
-      showTooltips: n,
-      showText: i,
-      ...r,
-      children: r.children
-    }
-  ) }, r.id)) });
+      className: `actions-container-item ${n}`,
+      children: /* @__PURE__ */ h(
+        jt,
+        {
+          showTooltips: r,
+          showText: a,
+          className: i,
+          ...c
+        }
+      )
+    },
+    c.id
+  )) });
 }
-const be = ({ icon: e, ...t }) => /* @__PURE__ */ h(vs, { icon: /* @__PURE__ */ h(ce, { icon: e }), ...t });
-var et, xt;
-function Js() {
-  if (xt) return et;
-  xt = 1;
-  const e = (o, d = "local", f = void 0) => {
-    if (d === "local") {
-      if (localStorage.getItem(o) !== void 0 && localStorage.getItem(o) !== "undefined" && localStorage.getItem(o) !== null)
-        return f === void 0 || f !== void 0 && localStorage.getItem(o) === f;
-    } else if (d === "session" && sessionStorage.getItem(o) !== void 0 && sessionStorage.getItem(o) !== "undefined" && sessionStorage.getItem(o) !== null)
-      return f === void 0 || f !== void 0 && sessionStorage.getItem(o) === f;
+const pe = ({ icon: e, ...t }) => /* @__PURE__ */ h(Ns, { icon: /* @__PURE__ */ h(ce, { icon: e }), ...t });
+var st, Ct;
+function er() {
+  if (Ct) return st;
+  Ct = 1;
+  const e = (c, l = "local", m = void 0) => {
+    if (l === "local") {
+      if (localStorage.getItem(c) !== void 0 && localStorage.getItem(c) !== "undefined" && localStorage.getItem(c) !== null)
+        return m === void 0 || m !== void 0 && localStorage.getItem(c) === m;
+    } else if (l === "session" && sessionStorage.getItem(c) !== void 0 && sessionStorage.getItem(c) !== "undefined" && sessionStorage.getItem(c) !== null)
+      return m === void 0 || m !== void 0 && sessionStorage.getItem(c) === m;
     return !1;
-  }, t = (o) => {
-    const d = {};
-    return o.substring(1).split("&").forEach((b) => {
-      const [g, m] = b.split("=");
-      d[g] = m;
-    }), d;
-  }, s = (o = "") => {
-    if (r(o) && o.length) return r(o);
+  }, t = (c) => {
+    const l = {};
+    return c.substring(1).split("&").forEach((y) => {
+      const [g, f] = y.split("=");
+      l[g] = f;
+    }), l;
+  }, s = (c = "") => {
+    if (r(c) && c.length) return r(c);
     {
-      let d = navigator.language || navigator.userLanguage;
-      if (d.indexOf("en") < 0 && d.indexOf("es") < 0 && (d = "en-US"), d = d.split("-")[0], d)
-        return o.length && i(o, 730, d), d;
+      let l = navigator.language || navigator.userLanguage;
+      if (l.indexOf("en") < 0 && l.indexOf("es") < 0 && (l = "en-US"), l = l.split("-")[0], l)
+        return c.length && i(c, 730, l), l;
     }
     return "en";
-  }, n = (o = 0, d = 0, f = window, b = "smooth") => f.scroll({
-    top: o,
-    left: d,
-    behavior: b
-  }), i = (o, d, f, b = "/", g = "Lax") => {
-    var m = /* @__PURE__ */ new Date();
-    m.setTime(m.getTime() + d * 24 * 60 * 60 * 1e3);
-    const p = "; expires=" + m.toUTCString();
-    document.cookie = `${o}=${f || ""}${p};path=${b};SameSite=${g}`;
-  }, r = (o) => {
-    const d = `${o}=`, b = decodeURIComponent(document.cookie).split(";");
-    for (let g = 0; g < b.length; g += 1) {
-      let m = b[g];
-      for (; m.charAt(0) === " "; )
-        m = m.substring(1);
-      if (m.indexOf(d) === 0)
-        return m.substring(d.length, m.length);
+  }, n = (c = 0, l = 0, m = window, y = "smooth") => m.scroll({
+    top: c,
+    left: l,
+    behavior: y
+  }), i = (c, l, m, y = "/", g = "Lax") => {
+    var f = /* @__PURE__ */ new Date();
+    f.setTime(f.getTime() + l * 24 * 60 * 60 * 1e3);
+    const p = "; expires=" + f.toUTCString();
+    document.cookie = `${c}=${m || ""}${p};path=${y};SameSite=${g}`;
+  }, r = (c) => {
+    const l = `${c}=`, y = decodeURIComponent(document.cookie).split(";");
+    for (let g = 0; g < y.length; g += 1) {
+      let f = y[g];
+      for (; f.charAt(0) === " "; )
+        f = f.substring(1);
+      if (f.indexOf(l) === 0)
+        return f.substring(l.length, f.length);
     }
     return "";
   };
-  return et = {
+  return st = {
     getCookie: r,
     createCookie: i,
-    deleteCookie: (o) => document.cookie = `${o}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,
+    deleteCookie: (c) => document.cookie = `${c}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`,
     getUserLanguage: s,
     scrollTo: n,
     parseQueries: t,
     validation: e
-  }, et;
+  }, st;
 }
-var Ys = Js();
-function Zr() {
-  const { t: e, language: t } = T();
-  return { timeAge: F(
+var tr = er();
+function on() {
+  const { t: e, language: t } = D();
+  return { timeAge: V(
     (n) => {
-      const r = /* @__PURE__ */ new Date() - n, c = Math.floor(r / (1e3 * 60)), o = Math.floor(c / 60), d = t === "es", f = e("_accessibility:labels.ago"), b = e("_accessibility:labels.minute"), g = e("_accessibility:labels.minutes"), m = e("_accessibility:labels.hour"), p = e("_accessibility:labels.hours"), _ = e("_accessibility:labels.yesterday"), y = e("_accessibility:labels.justNow");
-      return r < 1e3 * 60 ? y : c < 60 ? `${d ? f : ""} ${c} ${c === 1 ? b : g} ${d ? "" : f}` : o < 24 ? `${d ? f : ""} ${o} ${o === 1 ? m : p} ${d ? "" : f}` : o < 48 ? _ : n.toLocaleDateString(navigator.language || "es-ES", {
+      const r = /* @__PURE__ */ new Date() - n, a = Math.floor(r / (1e3 * 60)), c = Math.floor(a / 60), l = t === "es", m = e("_accessibility:labels.ago"), y = e("_accessibility:labels.minute"), g = e("_accessibility:labels.minutes"), f = e("_accessibility:labels.hour"), p = e("_accessibility:labels.hours"), _ = e("_accessibility:labels.yesterday"), C = e("_accessibility:labels.justNow");
+      return r < 1e3 * 60 ? C : a < 60 ? `${l ? m : ""} ${a} ${a === 1 ? y : g} ${l ? "" : m}` : c < 24 ? `${l ? m : ""} ${c} ${c === 1 ? f : p} ${l ? "" : m}` : c < 48 ? _ : n.toLocaleDateString(navigator.language || "es-ES", {
         day: "2-digit",
         month: "2-digit",
         year: "numeric"
@@ -132,8 +141,8 @@ function Zr() {
     [e, t]
   ) };
 }
-var j = /* @__PURE__ */ ((e) => (e[e.success = 0] = "success", e[e.error = 1] = "error", e[e.warning = 2] = "warning", e[e.info = 3] = "info", e))(j || {}), se = /* @__PURE__ */ ((e) => (e.GET = "GET", e.POST = "POST", e.PUT = "PUT", e.PATCH = "PATCH", e.DELETE = "DELETE", e))(se || {});
-async function Ee(e, t = "GET", s, n) {
+var z = /* @__PURE__ */ ((e) => (e[e.success = 0] = "success", e[e.error = 1] = "error", e[e.warning = 2] = "warning", e[e.info = 3] = "info", e))(z || {}), te = /* @__PURE__ */ ((e) => (e.GET = "GET", e.POST = "POST", e.PUT = "PUT", e.PATCH = "PATCH", e.DELETE = "DELETE", e))(te || {});
+async function Te(e, t = "GET", s, n) {
   const i = {
     ...s ? { "Content-Type": "application/json" } : {},
     ...n
@@ -143,26 +152,26 @@ async function Ee(e, t = "GET", s, n) {
       method: t,
       headers: i,
       ...s ? { body: JSON.stringify(s) } : {}
-    }), c = await r.text();
-    let o = null;
+    }), a = await r.text();
+    let c = null;
     try {
-      o = c ? JSON.parse(c) : null;
+      c = a ? JSON.parse(a) : null;
     } catch {
-      o = null;
+      c = null;
     }
     if (!r.ok) {
-      const d = typeof o == "object" && o !== null ? o.message ?? o.error ?? c : c || r.statusText;
+      const l = typeof c == "object" && c !== null ? c.message ?? c.error ?? a : a || r.statusText;
       return {
         data: null,
         status: r.status,
         error: {
           status: r.status,
-          message: d || "Unknown error occurred"
+          message: l || "Unknown error occurred"
         }
       };
     }
     return {
-      data: r.status !== 204 && o !== null ? o : null,
+      data: r.status !== 204 && c !== null ? c : null,
       status: r.status,
       error: null
     };
@@ -177,7 +186,7 @@ async function Ee(e, t = "GET", s, n) {
     };
   }
 }
-function Xs(e, t) {
+function sr(e, t) {
   if (t) {
     const s = Object.entries(t).filter(([, n]) => n != null).map(
       ([n, i]) => `${encodeURIComponent(n)}=${encodeURIComponent(String(i))}`
@@ -186,34 +195,34 @@ function Xs(e, t) {
   }
   return e;
 }
-const jt = (e, t, s) => {
+const Gt = (e, t, s) => {
   const n = [];
   if (t) {
-    const { sortingBy: i, sortingOrder: r, currentPage: c, pageSize: o } = t;
+    const { sortingBy: i, sortingOrder: r, currentPage: a, pageSize: c } = t;
     n.push(
       `sort=${String(i)}`,
       `order=${r}`,
-      `page=${c}`,
-      `pageSize=${o}`
+      `page=${a}`,
+      `pageSize=${c}`
     );
   }
   if (s) {
     const i = Object.entries(s).filter(
       ([, r]) => r != null && r !== ""
-    ).flatMap(([r, c]) => {
-      if (Array.isArray(c))
-        return c.map((o) => `${r}==${encodeURIComponent((o == null ? void 0 : o.id) ?? o)}`);
-      if (typeof c == "object" && c !== null && "start" in c && "end" in c) {
-        const o = [];
-        return c.start != null && c.start !== "" && o.push(`${r}>=${encodeURIComponent(c.start)}`), c.end != null && c.end !== "" && o.push(`${r}<=${encodeURIComponent(c.end)}`), o;
+    ).flatMap(([r, a]) => {
+      if (Array.isArray(a))
+        return a.map((c) => `${r}==${encodeURIComponent((c == null ? void 0 : c.id) ?? c)}`);
+      if (typeof a == "object" && a !== null && "start" in a && "end" in a) {
+        const c = [];
+        return a.start != null && a.start !== "" && c.push(`${r}>=${encodeURIComponent(a.start)}`), a.end != null && a.end !== "" && c.push(`${r}<=${encodeURIComponent(a.end)}`), c;
       }
-      return typeof c == "object" && c !== null ? `${r}==${encodeURIComponent(c.id ?? "")}` : `${r}==${encodeURIComponent(c)}`;
+      return typeof a == "object" && a !== null ? `${r}==${encodeURIComponent(a.id ?? "")}` : `${r}==${encodeURIComponent(a)}`;
     });
     i.length > 0 && n.push(`filters=${i.join(",")}`);
   }
   return n.length ? `${e}?${n.join("&")}` : e;
 };
-class Qt {
+class Jt {
   /**
    * @param baseUrl the base url of the server
    * @param userKey the local storage user key
@@ -229,12 +238,12 @@ class Qt {
   }
   defaultTokenAcquirer(t) {
     if (t) return { credentials: "include" };
-    const s = Kt(this.userKey);
+    const s = zt(this.userKey);
     if (s && s.length)
       return { Authorization: `Bearer ${s}` };
   }
-  async doQuery(t, s = se.GET, n, i) {
-    const r = this.secured ? this.tokenAcquirer() : {}, { data: c, status: o, error: d } = await Ee(
+  async doQuery(t, s = te.GET, n, i) {
+    const r = this.secured ? this.tokenAcquirer() : {}, { data: a, status: c, error: l } = await Te(
       `${this.baseUrl}${t}`,
       s,
       n,
@@ -243,12 +252,12 @@ class Qt {
         ...i ?? {}
       }
     );
-    if (d || o < 200 || o >= 300)
-      throw d ?? {
-        status: o,
-        message: String(o)
+    if (l || c < 200 || c >= 300)
+      throw l ?? {
+        status: c,
+        message: String(c)
       };
-    return c;
+    return a;
   }
   /**
    * @description Get all objects
@@ -257,14 +266,14 @@ class Qt {
    * @returns Result list
    */
   async get(t, s, n) {
-    const i = jt(t, s, n), r = this.secured ? this.tokenAcquirer() : void 0, { data: c, error: o } = await Ee(
+    const i = Gt(t, s, n), r = this.secured ? this.tokenAcquirer() : void 0, { data: a, error: c } = await Te(
       `${this.baseUrl}${i}`,
-      se.GET,
+      te.GET,
       null,
       r
     );
-    if (o) throw o;
-    return c;
+    if (c) throw c;
+    return a;
   }
   /**
    * @description Get entity by id
@@ -273,15 +282,15 @@ class Qt {
    * @returns updated entity
    */
   async patch(t, s) {
-    const n = this.secured ? this.tokenAcquirer() : void 0, { error: i, data: r, status: c } = await Ee(
+    const n = this.secured ? this.tokenAcquirer() : void 0, { error: i, data: r, status: a } = await Te(
       `${this.baseUrl}${t}`,
-      se.PATCH,
+      te.PATCH,
       s,
       n
     );
     if (i || !r)
       throw i ?? {
-        status: c,
+        status: a,
         message: "Unknown error"
       };
     return r;
@@ -292,15 +301,15 @@ class Qt {
    * @returns delete result
    */
   async delete(t, s) {
-    const n = this.secured ? this.tokenAcquirer() : void 0, { error: i, data: r, status: c } = await Ee(
+    const n = this.secured ? this.tokenAcquirer() : void 0, { error: i, data: r, status: a } = await Te(
       `${this.baseUrl}${t}`,
-      se.DELETE,
+      te.DELETE,
       s,
       n
     );
     if (i || !r)
       throw i ?? {
-        status: c,
+        status: a,
         message: "Unknown error"
       };
     return r;
@@ -312,53 +321,53 @@ class Qt {
    * @returns inserted item
    */
   async post(t, s) {
-    const n = this.secured ? this.tokenAcquirer() : void 0, { error: i, data: r, status: c } = await Ee(
+    const n = this.secured ? this.tokenAcquirer() : void 0, { error: i, data: r, status: a } = await Te(
       `${this.baseUrl}${t}`,
-      se.POST,
+      te.POST,
       s,
       n
     );
     if (i || !r)
       throw i ?? {
-        status: c,
+        status: a,
         message: "Unknown error"
       };
     return r;
   }
 }
-class Zs {
+class rr {
   constructor(t, s = "user") {
     me(this, "api");
-    this.api = new Qt(t, s, !1);
+    this.api = new Jt(t, s, !1);
   }
   async login(t) {
     const s = "auth/sign-in", n = t;
     return await this.api.doQuery(
       s,
-      se.POST,
+      te.POST,
       n
     );
   }
   async logout() {
-    return await this.api.doQuery("auth/sign-out", se.POST);
+    return await this.api.doQuery("auth/sign-out", te.POST);
   }
   async register(t) {
     return await this.api.doQuery(
       "auth/sign-up",
-      se.POST,
+      te.POST,
       t
     );
   }
   async getSession() {
-    return await this.api.doQuery("auth/session", se.GET, null, {
+    return await this.api.doQuery("auth/session", te.GET, null, {
       ...this.api.defaultTokenAcquirer()
     });
   }
 }
-class en {
+class cn {
   constructor(t, s) {
     me(this, "auth");
-    this.auth = new Zs(t, s);
+    this.auth = new rr(t, s);
   }
   /**
    * @returns auth
@@ -367,7 +376,7 @@ class en {
     return this.auth;
   }
 }
-class tn {
+class ln {
   /**
    *
    * @param table
@@ -377,7 +386,7 @@ class tn {
     me(this, "table");
     me(this, "secured");
     me(this, "api");
-    this.table = t, this.secured = i, this.api = new Qt(s, n, i);
+    this.table = t, this.secured = i, this.api = new Jt(s, n, i);
   }
   /**
    *
@@ -395,7 +404,7 @@ class tn {
   async insertMany(t) {
     return await this.api.doQuery(
       `${this.table}/batch`,
-      se.POST,
+      te.POST,
       t
     );
   }
@@ -425,12 +434,12 @@ class tn {
    * @returns - List of elements
    */
   async export(t) {
-    const s = jt(
+    const s = Gt(
       `${this.table}/export`,
       void 0,
       t
     );
-    return await this.api.doQuery(s, se.GET, void 0);
+    return await this.api.doQuery(s, te.GET, void 0);
   }
   /**
    *
@@ -440,7 +449,7 @@ class tn {
   async import(t) {
     return await this.api.doQuery(
       `${this.table}/import`,
-      se.POST,
+      te.POST,
       t
     );
   }
@@ -451,8 +460,8 @@ class tn {
    */
   async commonGet(t) {
     return await this.api.doQuery(
-      Xs(`${this.table}/common`, t),
-      se.GET
+      sr(`${this.table}/common`, t),
+      te.GET
     );
   }
   /**
@@ -470,13 +479,13 @@ class tn {
     return await this.api.patch(`${this.table}/restore`, t);
   }
 }
-function sn(e) {
+function un(e) {
   return Object.keys(e).filter((t) => isNaN(Number(t))).map((t) => ({
     key: t,
     value: e[t]
   }));
 }
-const Kt = (e, t = "") => {
+const zt = (e, t = "") => {
   const s = localStorage.getItem(e) ?? void 0;
   if (s && t.length)
     switch (t) {
@@ -490,11 +499,11 @@ const Kt = (e, t = "") => {
         return s;
     }
   return s;
-}, _t = (e, t) => localStorage.setItem(
+}, Et = (e, t) => localStorage.setItem(
   e,
   typeof t == "object" ? JSON.stringify(t) : t
-), St = (e) => localStorage.removeItem(e);
-function Ct(e) {
+), Nt = (e) => localStorage.removeItem(e);
+function kt(e) {
   const t = e ? new Date(e) : /* @__PURE__ */ new Date(), s = {
     weekday: "long",
     // martes
@@ -516,83 +525,77 @@ function Ct(e) {
     s
   );
 }
-function er(e) {
-  const t = e ? new Date(e) : /* @__PURE__ */ new Date(), s = String(t.getDate()).padStart(2, "0"), n = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getFullYear()).slice(-2), r = String(t.getHours()).padStart(2, "0"), c = String(t.getMinutes()).padStart(2, "0");
-  return `${s}/${n}/${i} ${r}:${c}`;
+function nr(e) {
+  const t = e ? new Date(e) : /* @__PURE__ */ new Date(), s = String(t.getDate()).padStart(2, "0"), n = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getFullYear()).slice(-2), r = String(t.getHours()).padStart(2, "0"), a = String(t.getMinutes()).padStart(2, "0");
+  return `${s}/${n}/${i} ${r}:${a}`;
 }
-function rn(e) {
-  const t = e ? new Date(e) : /* @__PURE__ */ new Date(), s = t.getFullYear(), n = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getDate()).padStart(2, "0"), r = String(t.getHours()).padStart(2, "0"), c = String(t.getMinutes()).padStart(2, "0");
-  return `${s}-${n}-${i}T${r}:${c}`;
+function dn(e) {
+  const t = e ? new Date(e) : /* @__PURE__ */ new Date(), s = t.getFullYear(), n = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getDate()).padStart(2, "0"), r = String(t.getHours()).padStart(2, "0"), a = String(t.getMinutes()).padStart(2, "0");
+  return `${s}-${n}-${i}T${r}:${a}`;
 }
-const tr = () => {
+const ir = () => {
   var s;
   const e = navigator, t = ((s = e == null ? void 0 : e.userAgentData) == null ? void 0 : s.platform) || (e == null ? void 0 : e.platform) || "";
   return /Mac|iPhone|iPod|iPad/i.test(t);
 };
-function Qe(e) {
+function Ge(e) {
   if (!e || typeof e != "object") return !1;
   const t = e;
   return Array.isArray(t.errors) && t.errors.every(
     (s) => Array.isArray(s) && s.length === 2 && typeof s[0] == "string"
   );
 }
-function Ke(e) {
+function Je(e) {
   if (!e || typeof e != "object") return !1;
   const t = e;
   return typeof (t == null ? void 0 : t.status) == "number" && typeof (t == null ? void 0 : t.message) == "string";
 }
-function nn(e, t) {
+function fn(e, t) {
   return e != null && e.errors ? e.errors.map(([s, n]) => t(s, n)) : [];
 }
-const Wt = Pe({});
-function an(e) {
-  const { children: t } = e, [s, n] = Fs(
-    (f, b) => {
-      const { type: g, items: m, index: p } = b;
-      switch (g) {
+const Yt = Pe({});
+function mn(e) {
+  const { children: t } = e, s = Ie(0), [n, i] = Ut(
+    (g, f) => {
+      const { type: p, items: _, id: C } = f;
+      switch (p) {
         case "set":
-          return (m == null ? void 0 : m.map((_, y) => ({
-            ..._,
-            id: y
-          }))) ?? [];
+          return _ ?? [];
         case "remove":
-          return p !== void 0 ? f.filter((_, y) => y !== p) : [];
+          return C !== void 0 ? g.filter((N) => N.id !== C) : [];
       }
-      return f;
+      return g;
     },
     [],
     () => []
-  ), i = (f) => n({
-    type: "set",
-    items: [{ ...f, type: j.error }]
-  }), r = (f) => n({
+  ), r = (g) => g.map((f) => ({ ...f, id: s.current++ })), a = (g) => i({
     type: "set",
-    items: [{ ...f }]
-  }), c = (f) => n({ type: "set", items: f }), o = (f) => n({
+    items: r([{ ...g, type: z.error }])
+  }), c = (g) => i({ type: "set", items: r([{ ...g }]) }), l = (g) => i({ type: "set", items: r(g) }), m = (g) => i({
     type: "set",
-    items: [{ ...f, type: j.success }]
-  }), d = (f) => n({ type: "remove", index: f });
+    items: r([{ ...g, type: z.success }])
+  }), y = (g) => i({ type: "remove", id: g });
   return /* @__PURE__ */ h(
-    Wt.Provider,
+    Yt.Provider,
     {
       value: {
-        notification: s,
-        removeNotification: d,
-        showErrorNotification: i,
-        showNotification: r,
-        showSuccessNotification: o,
-        showStackNotifications: c
+        notification: n,
+        removeNotification: y,
+        showErrorNotification: a,
+        showNotification: c,
+        showSuccessNotification: m,
+        showStackNotifications: l
       },
       children: t
     }
   );
 }
 const Ne = () => {
-  const e = Ie(Wt);
+  const e = Oe(Yt);
   if (e === void 0)
     throw new Error("NotificationContext must be used within a Provider");
   return e;
-}, pe = new Ks({
+}, be = new zs({
   defaultOptions: {
     queries: {
       refetchInterval: !1,
@@ -604,105 +607,105 @@ const Ne = () => {
       // default: true
     }
   }
-}), zt = Pe(
+}), Xt = Pe(
   void 0
-), on = (e) => {
+), hn = (e) => {
   const { children: t, manager: s } = e;
-  return /* @__PURE__ */ h(zt.Provider, { value: { client: s }, children: /* @__PURE__ */ h(Ws, { client: pe, children: t }) });
-}, sr = () => {
-  const e = Ie(zt);
+  return /* @__PURE__ */ h(Xt.Provider, { value: { client: s }, children: /* @__PURE__ */ h(Ys, { client: be, children: t }) });
+}, ar = () => {
+  const e = Oe(Xt);
   if (!e)
     throw new Error("managerContext must be used within a Provider");
   return e.client;
-}, Gt = Pe(
+}, Zt = Pe(
   void 0
-), cn = (e) => {
-  const { children: t, guestMode: s = "guest_mode", user: n = "user" } = e, i = sr(), [r, c] = R({}), o = F(() => !!Kt(s, "boolean") && r.token === void 0, [r.token, s]), d = F((p) => {
-    _t(s, p);
-  }, [s]), f = F((p) => {
-    p && (c(p), St(s), _t(n, p.token));
-  }, [s, n]), b = F(async () => {
+), yn = (e) => {
+  const { children: t, guestMode: s = "guest_mode", user: n = "user" } = e, i = ar(), [r, a] = J({}), c = V(() => !!zt(s, "boolean") && r.token === void 0, [r.token, s]), l = V((p) => {
+    Et(s, p);
+  }, [s]), m = V((p) => {
+    p && (a(p), Nt(s), Et(n, p.token));
+  }, [s, n]), y = V(async () => {
     try {
       await i.Auth.logout();
     } catch (p) {
       console.error(p);
     }
-    c({}), St(n);
-  }, [i.Auth, n]), g = F(async () => {
+    a({}), Nt(n);
+  }, [i.Auth, n]), g = V(async () => {
     try {
       const p = await i.Auth.getSession();
-      f(p);
+      m(p);
     } catch (p) {
-      console.error(p), b();
+      console.error(p), y();
     }
-  }, [f, b, i.Auth]), m = {
+  }, [m, y, i.Auth]), f = {
     account: r,
-    logUser: f,
-    logoutUser: b,
+    logUser: m,
+    logoutUser: y,
     logUserFromLocal: g,
-    isInGuestMode: o,
-    setGuestMode: d
+    isInGuestMode: c,
+    setGuestMode: l
   };
-  return /* @__PURE__ */ h(Gt.Provider, { value: m, children: t });
-}, Jt = () => {
-  const e = Ie(Gt);
+  return /* @__PURE__ */ h(Zt.Provider, { value: f, children: t });
+}, es = () => {
+  const e = Oe(Zt);
   if (!e)
     throw new Error("authContext must be used within a Provider");
   return e;
-}, Yt = Pe({}), ln = (e) => {
+}, ts = Pe({}), gn = (e) => {
   const { children: t, location: s, navigate: n, linkComponent: i, searchComponent: r } = e;
   return /* @__PURE__ */ h(
-    Yt.Provider,
+    ts.Provider,
     {
       value: { location: s, navigate: n, linkComponent: i, searchComponent: r },
       children: t
     }
   );
-}, We = () => {
-  const e = Ie(Yt);
+}, Re = () => {
+  const e = Oe(ts);
   if (e === void 0 || Object.keys(e).length === 0)
     throw new Error(
       "Config provider has not been set. This step is required and cannot be skipped."
     );
   return e;
-}, Xt = Pe({}), un = (e) => {
-  const { children: t } = e, [s, n] = R({}), i = F(
-    (d, f) => n((b) => ({
-      ...b,
-      [d]: [...b[d] ?? [], f]
+}, ss = Pe({}), pn = (e) => {
+  const { children: t } = e, [s, n] = J({}), i = V(
+    (l, m) => n((y) => ({
+      ...y,
+      [l]: [...y[l] ?? [], m]
     })),
     []
-  ), r = F(
-    (d, f) => n((b) => ({
-      ...b,
-      [d]: (b[d] ?? []).filter((g, m) => m !== f)
+  ), r = V(
+    (l, m) => n((y) => ({
+      ...y,
+      [l]: (y[l] ?? []).filter((g, f) => f !== m)
     })),
     []
-  ), c = F((d) => {
-    n(d ? (f) => ({
-      ...f,
-      [d]: []
+  ), a = V((l) => {
+    n(l ? (m) => ({
+      ...m,
+      [l]: []
     }) : {});
-  }, []), o = ke(
+  }, []), c = Ae(
     () => ({
       dynamicItems: s,
       addChildItem: i,
       removeChildItem: r,
-      clearDynamicItems: c
+      clearDynamicItems: a
     }),
-    [s, c, r, i]
+    [s, a, r, i]
   );
-  return /* @__PURE__ */ h(Xt.Provider, { value: o, children: t });
-}, rr = () => Ie(
-  Xt
-), Zt = (e) => {
-  const { showSuccessNotification: t } = Ne(), { mutationFn: s, onError: n, onSuccess: i, onSuccessMessage: r } = e, [c, o] = R([]), { open: d, handleClose: f, handleOpen: b } = cs(), g = () => {
-    f(), o([]);
-  }, m = async (_) => {
-    o(_), b();
+  return /* @__PURE__ */ h(ss.Provider, { value: c, children: t });
+}, or = () => Oe(
+  ss
+), rs = (e) => {
+  const { showSuccessNotification: t } = Ne(), { mutationFn: s, onError: n, onSuccess: i, onSuccessMessage: r } = e, [a, c] = J([]), { open: l, handleClose: m, handleOpen: y } = fs(), g = () => {
+    m(), c([]);
+  }, f = async (_) => {
+    c(_), y();
   }, p = Me({
     mutationFn: () => s(
-      Array.isArray(c) ? c : [c]
+      Array.isArray(a) ? a : [a]
     ),
     onError: (_) => {
       console.error(_), n && n(_), g();
@@ -713,50 +716,50 @@ const Ne = () => {
       }), g();
     }
   });
-  return { open: d, onClick: m, close: g, dialogFn: p, isLoading: p.isPending };
+  return { open: l, onClick: f, close: g, dialogFn: p, isLoading: p.isPending };
 };
-var Oe = (e) => e.type === "checkbox", Ce = (e) => e instanceof Date, ee = (e) => e == null;
-const es = (e) => typeof e == "object";
-var K = (e) => !ee(e) && !Array.isArray(e) && es(e) && !Ce(e), nr = (e) => K(e) && e.target ? Oe(e.target) ? e.target.checked : e.target.value : e, ir = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, ar = (e, t) => e.has(ir(t)), or = (e) => {
+var Ue = (e) => e.type === "checkbox", Ee = (e) => e instanceof Date, Z = (e) => e == null;
+const ns = (e) => typeof e == "object";
+var Q = (e) => !Z(e) && !Array.isArray(e) && ns(e) && !Ee(e), cr = (e) => Q(e) && e.target ? Ue(e.target) ? e.target.checked : e.target.value : e, lr = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, ur = (e, t) => e.has(lr(t)), dr = (e) => {
   const t = e.constructor && e.constructor.prototype;
-  return K(t) && t.hasOwnProperty("isPrototypeOf");
-}, nt = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
-function Y(e) {
+  return Q(t) && t.hasOwnProperty("isPrototypeOf");
+}, at = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
+function G(e) {
   let t;
   const s = Array.isArray(e), n = typeof FileList < "u" ? e instanceof FileList : !1;
   if (e instanceof Date)
     t = new Date(e);
-  else if (!(nt && (e instanceof Blob || n)) && (s || K(e)))
-    if (t = s ? [] : {}, !s && !or(e))
+  else if (!(at && (e instanceof Blob || n)) && (s || Q(e)))
+    if (t = s ? [] : {}, !s && !dr(e))
       t = e;
     else
       for (const i in e)
-        e.hasOwnProperty(i) && (t[i] = Y(e[i]));
+        e.hasOwnProperty(i) && (t[i] = G(e[i]));
   else
     return e;
   return t;
 }
-var ze = (e) => /^\w*$/.test(e), z = (e) => e === void 0, it = (e) => Array.isArray(e) ? e.filter(Boolean) : [], at = (e) => it(e.replace(/["|']|\]/g, "").split(/\.|\[/)), S = (e, t, s) => {
-  if (!t || !K(e))
+var ze = (e) => /^\w*$/.test(e), j = (e) => e === void 0, ot = (e) => Array.isArray(e) ? e.filter(Boolean) : [], ct = (e) => ot(e.replace(/["|']|\]/g, "").split(/\.|\[/)), S = (e, t, s) => {
+  if (!t || !Q(e))
     return s;
-  const n = (ze(t) ? [t] : at(t)).reduce((i, r) => ee(i) ? i : i[r], e);
-  return z(n) || n === e ? z(e[t]) ? s : e[t] : n;
-}, he = (e) => typeof e == "boolean", B = (e, t, s) => {
+  const n = (ze(t) ? [t] : ct(t)).reduce((i, r) => Z(i) ? i : i[r], e);
+  return j(n) || n === e ? j(e[t]) ? s : e[t] : n;
+}, he = (e) => typeof e == "boolean", q = (e, t, s) => {
   let n = -1;
-  const i = ze(t) ? [t] : at(t), r = i.length, c = r - 1;
+  const i = ze(t) ? [t] : ct(t), r = i.length, a = r - 1;
   for (; ++n < r; ) {
-    const o = i[n];
-    let d = s;
-    if (n !== c) {
-      const f = e[o];
-      d = K(f) || Array.isArray(f) ? f : isNaN(+i[n + 1]) ? {} : [];
+    const c = i[n];
+    let l = s;
+    if (n !== a) {
+      const m = e[c];
+      l = Q(m) || Array.isArray(m) ? m : isNaN(+i[n + 1]) ? {} : [];
     }
-    if (o === "__proto__" || o === "constructor" || o === "prototype")
+    if (c === "__proto__" || c === "constructor" || c === "prototype")
       return;
-    e[o] = d, e = e[o];
+    e[c] = l, e = e[c];
   }
 };
-const kt = {
+const At = {
   BLUR: "blur",
   FOCUS_OUT: "focusout"
 }, de = {
@@ -773,27 +776,27 @@ const kt = {
   pattern: "pattern",
   required: "required",
   validate: "validate"
-}, cr = ie.createContext(null);
-cr.displayName = "HookFormContext";
-var lr = (e, t, s, n = !0) => {
+}, fr = ie.createContext(null);
+fr.displayName = "HookFormContext";
+var mr = (e, t, s, n = !0) => {
   const i = {
     defaultValues: t._defaultValues
   };
   for (const r in e)
     Object.defineProperty(i, r, {
       get: () => {
-        const c = r;
-        return t._proxyFormState[c] !== de.all && (t._proxyFormState[c] = !n || de.all), e[c];
+        const a = r;
+        return t._proxyFormState[a] !== de.all && (t._proxyFormState[a] = !n || de.all), e[a];
       }
     });
   return i;
 };
-const ur = typeof window < "u" ? ie.useLayoutEffect : ie.useEffect;
-var ye = (e) => typeof e == "string", dr = (e, t, s, n, i) => ye(e) ? (n && t.watch.add(e), S(s, e, i)) : Array.isArray(e) ? e.map((r) => (n && t.watch.add(r), S(s, r))) : (n && (t.watchAll = !0), s), rt = (e) => ee(e) || !es(e);
+const hr = typeof window < "u" ? ie.useLayoutEffect : ie.useEffect;
+var ye = (e) => typeof e == "string", yr = (e, t, s, n, i) => ye(e) ? (n && t.watch.add(e), S(s, e, i)) : Array.isArray(e) ? e.map((r) => (n && t.watch.add(r), S(s, r))) : (n && (t.watchAll = !0), s), it = (e) => Z(e) || !ns(e);
 function ve(e, t, s = /* @__PURE__ */ new WeakSet()) {
-  if (rt(e) || rt(t))
+  if (it(e) || it(t))
     return e === t;
-  if (Ce(e) && Ce(t))
+  if (Ee(e) && Ee(t))
     return e.getTime() === t.getTime();
   const n = Object.keys(e), i = Object.keys(t);
   if (n.length !== i.length)
@@ -802,24 +805,24 @@ function ve(e, t, s = /* @__PURE__ */ new WeakSet()) {
     return !0;
   s.add(e), s.add(t);
   for (const r of n) {
-    const c = e[r];
+    const a = e[r];
     if (!i.includes(r))
       return !1;
     if (r !== "ref") {
-      const o = t[r];
-      if (Ce(c) && Ce(o) || K(c) && K(o) || Array.isArray(c) && Array.isArray(o) ? !ve(c, o, s) : c !== o)
+      const c = t[r];
+      if (Ee(a) && Ee(c) || Q(a) && Q(c) || Array.isArray(a) && Array.isArray(c) ? !ve(a, c, s) : a !== c)
         return !1;
     }
   }
   return !0;
 }
-var fr = (e, t, s, n, i) => t ? {
+var gr = (e, t, s, n, i) => t ? {
   ...s[e],
   types: {
     ...s[e] && s[e].types ? s[e].types : {},
     [n]: i || !0
   }
-} : {}, Le = (e) => Array.isArray(e) ? e : [e], Nt = () => {
+} : {}, Le = (e) => Array.isArray(e) ? e : [e], xt = () => {
   let e = [];
   return {
     get observers() {
@@ -838,55 +841,55 @@ var fr = (e, t, s, n, i) => t ? {
       e = [];
     }
   };
-}, te = (e) => K(e) && !Object.keys(e).length, ot = (e) => e.type === "file", fe = (e) => typeof e == "function", Be = (e) => {
-  if (!nt)
+}, ee = (e) => Q(e) && !Object.keys(e).length, lt = (e) => e.type === "file", fe = (e) => typeof e == "function", Ke = (e) => {
+  if (!at)
     return !1;
   const t = e ? e.ownerDocument : 0;
   return e instanceof (t && t.defaultView ? t.defaultView.HTMLElement : HTMLElement);
-}, ts = (e) => e.type === "select-multiple", ct = (e) => e.type === "radio", mr = (e) => ct(e) || Oe(e), tt = (e) => Be(e) && e.isConnected;
-function hr(e, t) {
+}, is = (e) => e.type === "select-multiple", ut = (e) => e.type === "radio", pr = (e) => ut(e) || Ue(e), rt = (e) => Ke(e) && e.isConnected;
+function br(e, t) {
   const s = t.slice(0, -1).length;
   let n = 0;
   for (; n < s; )
-    e = z(e) ? n++ : e[t[n++]];
+    e = j(e) ? n++ : e[t[n++]];
   return e;
 }
-function yr(e) {
+function wr(e) {
   for (const t in e)
-    if (e.hasOwnProperty(t) && !z(e[t]))
+    if (e.hasOwnProperty(t) && !j(e[t]))
       return !1;
   return !0;
 }
-function W(e, t) {
-  const s = Array.isArray(t) ? t : ze(t) ? [t] : at(t), n = s.length === 1 ? e : hr(e, s), i = s.length - 1, r = s[i];
-  return n && delete n[r], i !== 0 && (K(n) && te(n) || Array.isArray(n) && yr(n)) && W(e, s.slice(0, -1)), e;
+function K(e, t) {
+  const s = Array.isArray(t) ? t : ze(t) ? [t] : ct(t), n = s.length === 1 ? e : br(e, s), i = s.length - 1, r = s[i];
+  return n && delete n[r], i !== 0 && (Q(n) && ee(n) || Array.isArray(n) && wr(n)) && K(e, s.slice(0, -1)), e;
 }
-var ss = (e) => {
+var as = (e) => {
   for (const t in e)
     if (fe(e[t]))
       return !0;
   return !1;
 };
-function He(e, t = {}) {
+function je(e, t = {}) {
   const s = Array.isArray(e);
-  if (K(e) || s)
+  if (Q(e) || s)
     for (const n in e)
-      Array.isArray(e[n]) || K(e[n]) && !ss(e[n]) ? (t[n] = Array.isArray(e[n]) ? [] : {}, He(e[n], t[n])) : ee(e[n]) || (t[n] = !0);
+      Array.isArray(e[n]) || Q(e[n]) && !as(e[n]) ? (t[n] = Array.isArray(e[n]) ? [] : {}, je(e[n], t[n])) : Z(e[n]) || (t[n] = !0);
   return t;
 }
-function rs(e, t, s) {
+function os(e, t, s) {
   const n = Array.isArray(e);
-  if (K(e) || n)
+  if (Q(e) || n)
     for (const i in e)
-      Array.isArray(e[i]) || K(e[i]) && !ss(e[i]) ? z(t) || rt(s[i]) ? s[i] = Array.isArray(e[i]) ? He(e[i], []) : { ...He(e[i]) } : rs(e[i], ee(t) ? {} : t[i], s[i]) : s[i] = !ve(e[i], t[i]);
+      Array.isArray(e[i]) || Q(e[i]) && !as(e[i]) ? j(t) || it(s[i]) ? s[i] = Array.isArray(e[i]) ? je(e[i], []) : { ...je(e[i]) } : os(e[i], Z(t) ? {} : t[i], s[i]) : s[i] = !ve(e[i], t[i]);
   return s;
 }
-var $e = (e, t) => rs(e, t, He(t));
-const At = {
+var $e = (e, t) => os(e, t, je(t));
+const Tt = {
   value: !1,
   isValid: !1
-}, Et = { value: !0, isValid: !0 };
-var ns = (e) => {
+}, $t = { value: !0, isValid: !0 };
+var cs = (e) => {
   if (Array.isArray(e)) {
     if (e.length > 1) {
       const t = e.filter((s) => s && s.checked && !s.disabled).map((s) => s.value);
@@ -894,28 +897,28 @@ var ns = (e) => {
     }
     return e[0].checked && !e[0].disabled ? (
       // @ts-expect-error expected to work in the browser
-      e[0].attributes && !z(e[0].attributes.value) ? z(e[0].value) || e[0].value === "" ? Et : { value: e[0].value, isValid: !0 } : Et
-    ) : At;
+      e[0].attributes && !j(e[0].attributes.value) ? j(e[0].value) || e[0].value === "" ? $t : { value: e[0].value, isValid: !0 } : $t
+    ) : Tt;
   }
-  return At;
-}, is = (e, { valueAsNumber: t, valueAsDate: s, setValueAs: n }) => z(e) ? e : t ? e === "" ? NaN : e && +e : s && ye(e) ? new Date(e) : n ? n(e) : e;
-const $t = {
+  return Tt;
+}, ls = (e, { valueAsNumber: t, valueAsDate: s, setValueAs: n }) => j(e) ? e : t ? e === "" ? NaN : e && +e : s && ye(e) ? new Date(e) : n ? n(e) : e;
+const Ft = {
   isValid: !1,
   value: null
 };
-var as = (e) => Array.isArray(e) ? e.reduce((t, s) => s && s.checked && !s.disabled ? {
+var us = (e) => Array.isArray(e) ? e.reduce((t, s) => s && s.checked && !s.disabled ? {
   isValid: !0,
   value: s.value
-} : t, $t) : $t;
-function Ft(e) {
+} : t, Ft) : Ft;
+function Lt(e) {
   const t = e.ref;
-  return ot(t) ? t.files : ct(t) ? as(e.refs).value : ts(t) ? [...t.selectedOptions].map(({ value: s }) => s) : Oe(t) ? ns(e.refs).value : is(z(t.value) ? e.ref.value : t.value, e);
+  return lt(t) ? t.files : ut(t) ? us(e.refs).value : is(t) ? [...t.selectedOptions].map(({ value: s }) => s) : Ue(t) ? cs(e.refs).value : ls(j(t.value) ? e.ref.value : t.value, e);
 }
-var gr = (e, t, s, n) => {
+var vr = (e, t, s, n) => {
   const i = {};
   for (const r of e) {
-    const c = S(t, r);
-    c && B(i, r, c._f);
+    const a = S(t, r);
+    a && q(i, r, a._f);
   }
   return {
     criteriaMode: s,
@@ -923,33 +926,33 @@ var gr = (e, t, s, n) => {
     fields: i,
     shouldUseNativeValidation: n
   };
-}, je = (e) => e instanceof RegExp, Fe = (e) => z(e) ? e : je(e) ? e.source : K(e) ? je(e.value) ? e.value.source : e.value : e, Lt = (e) => ({
+}, We = (e) => e instanceof RegExp, Fe = (e) => j(e) ? e : We(e) ? e.source : Q(e) ? We(e.value) ? e.value.source : e.value : e, Dt = (e) => ({
   isOnSubmit: !e || e === de.onSubmit,
   isOnBlur: e === de.onBlur,
   isOnChange: e === de.onChange,
   isOnAll: e === de.all,
   isOnTouch: e === de.onTouched
 });
-const Tt = "AsyncFunction";
-var br = (e) => !!e && !!e.validate && !!(fe(e.validate) && e.validate.constructor.name === Tt || K(e.validate) && Object.values(e.validate).find((t) => t.constructor.name === Tt)), pr = (e) => e.mount && (e.required || e.min || e.max || e.maxLength || e.minLength || e.pattern || e.validate), Dt = (e, t, s) => !s && (t.watchAll || t.watch.has(e) || [...t.watch].some((n) => e.startsWith(n) && /^\.\w+/.test(e.slice(n.length))));
-const Te = (e, t, s, n) => {
+const Vt = "AsyncFunction";
+var _r = (e) => !!e && !!e.validate && !!(fe(e.validate) && e.validate.constructor.name === Vt || Q(e.validate) && Object.values(e.validate).find((t) => t.constructor.name === Vt)), Sr = (e) => e.mount && (e.required || e.min || e.max || e.maxLength || e.minLength || e.pattern || e.validate), It = (e, t, s) => !s && (t.watchAll || t.watch.has(e) || [...t.watch].some((n) => e.startsWith(n) && /^\.\w+/.test(e.slice(n.length))));
+const De = (e, t, s, n) => {
   for (const i of s || Object.keys(e)) {
     const r = S(e, i);
     if (r) {
-      const { _f: c, ...o } = r;
-      if (c) {
-        if (c.refs && c.refs[0] && t(c.refs[0], i) && !n)
+      const { _f: a, ...c } = r;
+      if (a) {
+        if (a.refs && a.refs[0] && t(a.refs[0], i) && !n)
           return !0;
-        if (c.ref && t(c.ref, c.name) && !n)
+        if (a.ref && t(a.ref, a.name) && !n)
           return !0;
-        if (Te(o, t))
+        if (De(c, t))
           break;
-      } else if (K(o) && Te(o, t))
+      } else if (Q(c) && De(c, t))
         break;
     }
   }
 };
-function Vt(e, t, s) {
+function Pt(e, t, s) {
   const n = S(e, s);
   if (n || ze(s))
     return {
@@ -958,18 +961,18 @@ function Vt(e, t, s) {
     };
   const i = s.split(".");
   for (; i.length; ) {
-    const r = i.join("."), c = S(t, r), o = S(e, r);
-    if (c && !Array.isArray(c) && s !== r)
+    const r = i.join("."), a = S(t, r), c = S(e, r);
+    if (a && !Array.isArray(a) && s !== r)
       return { name: s };
-    if (o && o.type)
+    if (c && c.type)
       return {
         name: r,
-        error: o
+        error: c
       };
-    if (o && o.root && o.root.type)
+    if (c && c.root && c.root.type)
       return {
         name: `${r}.root`,
-        error: o.root
+        error: c.root
       };
     i.pop();
   }
@@ -977,114 +980,114 @@ function Vt(e, t, s) {
     name: s
   };
 }
-var wr = (e, t, s, n) => {
+var Cr = (e, t, s, n) => {
   s(e);
   const { name: i, ...r } = e;
-  return te(r) || Object.keys(r).length >= Object.keys(t).length || Object.keys(r).find((c) => t[c] === (!n || de.all));
-}, vr = (e, t, s) => !e || !t || e === t || Le(e).some((n) => n && (s ? n === t : n.startsWith(t) || t.startsWith(n))), xr = (e, t, s, n, i) => i.isOnAll ? !1 : !s && i.isOnTouch ? !(t || e) : (s ? n.isOnBlur : i.isOnBlur) ? !e : (s ? n.isOnChange : i.isOnChange) ? e : !0, _r = (e, t) => !it(S(e, t)).length && W(e, t), Sr = (e, t, s) => {
+  return ee(r) || Object.keys(r).length >= Object.keys(t).length || Object.keys(r).find((a) => t[a] === (!n || de.all));
+}, Er = (e, t, s) => !e || !t || e === t || Le(e).some((n) => n && (s ? n === t : n.startsWith(t) || t.startsWith(n))), Nr = (e, t, s, n, i) => i.isOnAll ? !1 : !s && i.isOnTouch ? !(t || e) : (s ? n.isOnBlur : i.isOnBlur) ? !e : (s ? n.isOnChange : i.isOnChange) ? e : !0, kr = (e, t) => !ot(S(e, t)).length && K(e, t), Ar = (e, t, s) => {
   const n = Le(S(e, s));
-  return B(n, "root", t[s]), B(e, s, n), e;
-}, qe = (e) => ye(e);
-function Pt(e, t, s = "validate") {
-  if (qe(e) || Array.isArray(e) && e.every(qe) || he(e) && !e)
+  return q(n, "root", t[s]), q(e, s, n), e;
+}, Qe = (e) => ye(e);
+function Ot(e, t, s = "validate") {
+  if (Qe(e) || Array.isArray(e) && e.every(Qe) || he(e) && !e)
     return {
       type: s,
-      message: qe(e) ? e : "",
+      message: Qe(e) ? e : "",
       ref: t
     };
 }
-var Ae = (e) => K(e) && !je(e) ? e : {
+var ke = (e) => Q(e) && !We(e) ? e : {
   value: e,
   message: ""
-}, It = async (e, t, s, n, i, r) => {
-  const { ref: c, refs: o, required: d, maxLength: f, minLength: b, min: g, max: m, pattern: p, validate: _, name: y, valueAsNumber: E, mount: H } = e._f, N = S(s, y);
-  if (!H || t.has(y))
+}, Mt = async (e, t, s, n, i, r) => {
+  const { ref: a, refs: c, required: l, maxLength: m, minLength: y, min: g, max: f, pattern: p, validate: _, name: C, valueAsNumber: N, mount: B } = e._f, k = S(s, C);
+  if (!B || t.has(C))
     return {};
-  const q = o ? o[0] : c, P = (k) => {
-    i && q.reportValidity && (q.setCustomValidity(he(k) ? "" : k || ""), q.reportValidity());
-  }, L = {}, J = ct(c), I = Oe(c), le = J || I, Q = (E || ot(c)) && z(c.value) && z(N) || Be(c) && c.value === "" || N === "" || Array.isArray(N) && !N.length, re = fr.bind(null, y, n, L), Z = (k, A, D, M = ge.maxLength, G = ge.minLength) => {
-    const O = k ? A : D;
-    L[y] = {
-      type: k ? M : G,
-      message: O,
-      ref: c,
-      ...re(k ? M : G, O)
+  const F = c ? c[0] : a, T = ($) => {
+    i && F.reportValidity && (F.setCustomValidity(he($) ? "" : $ || ""), F.reportValidity());
+  }, A = {}, I = ut(a), M = Ue(a), se = I || M, P = (N || lt(a)) && j(a.value) && j(k) || Ke(a) && a.value === "" || k === "" || Array.isArray(k) && !k.length, re = gr.bind(null, C, n, A), ae = ($, L, H, W = ge.maxLength, Y = ge.minLength) => {
+    const R = $ ? L : H;
+    A[C] = {
+      type: $ ? W : Y,
+      message: R,
+      ref: a,
+      ...re($ ? W : Y, R)
     };
   };
-  if (r ? !Array.isArray(N) || !N.length : d && (!le && (Q || ee(N)) || he(N) && !N || I && !ns(o).isValid || J && !as(o).isValid)) {
-    const { value: k, message: A } = qe(d) ? { value: !!d, message: d } : Ae(d);
-    if (k && (L[y] = {
+  if (r ? !Array.isArray(k) || !k.length : l && (!se && (P || Z(k)) || he(k) && !k || M && !cs(c).isValid || I && !us(c).isValid)) {
+    const { value: $, message: L } = Qe(l) ? { value: !!l, message: l } : ke(l);
+    if ($ && (A[C] = {
       type: ge.required,
-      message: A,
-      ref: q,
-      ...re(ge.required, A)
+      message: L,
+      ref: F,
+      ...re(ge.required, L)
     }, !n))
-      return P(A), L;
+      return T(L), A;
   }
-  if (!Q && (!ee(g) || !ee(m))) {
-    let k, A;
-    const D = Ae(m), M = Ae(g);
-    if (!ee(N) && !isNaN(N)) {
-      const G = c.valueAsNumber || N && +N;
-      ee(D.value) || (k = G > D.value), ee(M.value) || (A = G < M.value);
+  if (!P && (!Z(g) || !Z(f))) {
+    let $, L;
+    const H = ke(f), W = ke(g);
+    if (!Z(k) && !isNaN(k)) {
+      const Y = a.valueAsNumber || k && +k;
+      Z(H.value) || ($ = Y > H.value), Z(W.value) || (L = Y < W.value);
     } else {
-      const G = c.valueAsDate || new Date(N), O = (ue) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + ue), X = c.type == "time", ne = c.type == "week";
-      ye(D.value) && N && (k = X ? O(N) > O(D.value) : ne ? N > D.value : G > new Date(D.value)), ye(M.value) && N && (A = X ? O(N) < O(M.value) : ne ? N < M.value : G < new Date(M.value));
+      const Y = a.valueAsDate || new Date(k), R = (ue) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + ue), X = a.type == "time", ne = a.type == "week";
+      ye(H.value) && k && ($ = X ? R(k) > R(H.value) : ne ? k > H.value : Y > new Date(H.value)), ye(W.value) && k && (L = X ? R(k) < R(W.value) : ne ? k < W.value : Y < new Date(W.value));
     }
-    if ((k || A) && (Z(!!k, D.message, M.message, ge.max, ge.min), !n))
-      return P(L[y].message), L;
+    if (($ || L) && (ae(!!$, H.message, W.message, ge.max, ge.min), !n))
+      return T(A[C].message), A;
   }
-  if ((f || b) && !Q && (ye(N) || r && Array.isArray(N))) {
-    const k = Ae(f), A = Ae(b), D = !ee(k.value) && N.length > +k.value, M = !ee(A.value) && N.length < +A.value;
-    if ((D || M) && (Z(D, k.message, A.message), !n))
-      return P(L[y].message), L;
+  if ((m || y) && !P && (ye(k) || r && Array.isArray(k))) {
+    const $ = ke(m), L = ke(y), H = !Z($.value) && k.length > +$.value, W = !Z(L.value) && k.length < +L.value;
+    if ((H || W) && (ae(H, $.message, L.message), !n))
+      return T(A[C].message), A;
   }
-  if (p && !Q && ye(N)) {
-    const { value: k, message: A } = Ae(p);
-    if (je(k) && !N.match(k) && (L[y] = {
+  if (p && !P && ye(k)) {
+    const { value: $, message: L } = ke(p);
+    if (We($) && !k.match($) && (A[C] = {
       type: ge.pattern,
-      message: A,
-      ref: c,
-      ...re(ge.pattern, A)
+      message: L,
+      ref: a,
+      ...re(ge.pattern, L)
     }, !n))
-      return P(A), L;
+      return T(L), A;
   }
   if (_) {
     if (fe(_)) {
-      const k = await _(N, s), A = Pt(k, q);
-      if (A && (L[y] = {
-        ...A,
-        ...re(ge.validate, A.message)
+      const $ = await _(k, s), L = Ot($, F);
+      if (L && (A[C] = {
+        ...L,
+        ...re(ge.validate, L.message)
       }, !n))
-        return P(A.message), L;
-    } else if (K(_)) {
-      let k = {};
-      for (const A in _) {
-        if (!te(k) && !n)
+        return T(L.message), A;
+    } else if (Q(_)) {
+      let $ = {};
+      for (const L in _) {
+        if (!ee($) && !n)
           break;
-        const D = Pt(await _[A](N, s), q, A);
-        D && (k = {
-          ...D,
-          ...re(A, D.message)
-        }, P(D.message), n && (L[y] = k));
+        const H = Ot(await _[L](k, s), F, L);
+        H && ($ = {
+          ...H,
+          ...re(L, H.message)
+        }, T(H.message), n && (A[C] = $));
       }
-      if (!te(k) && (L[y] = {
-        ref: q,
-        ...k
+      if (!ee($) && (A[C] = {
+        ref: F,
+        ...$
       }, !n))
-        return L;
+        return A;
     }
   }
-  return P(!0), L;
+  return T(!0), A;
 };
-const Cr = {
+const xr = {
   mode: de.onSubmit,
   reValidateMode: de.onChange,
   shouldFocusError: !0
 };
-function kr(e = {}) {
+function Tr(e = {}) {
   let t = {
-    ...Cr,
+    ...xr,
     ...e
   }, s = {
     submitCount: 0,
@@ -1101,18 +1104,18 @@ function kr(e = {}) {
     validatingFields: {},
     errors: t.errors || {},
     disabled: t.disabled || !1
-  }, n = {}, i = K(t.defaultValues) || K(t.values) ? Y(t.defaultValues || t.values) || {} : {}, r = t.shouldUnregister ? {} : Y(i), c = {
+  }, n = {}, i = Q(t.defaultValues) || Q(t.values) ? G(t.defaultValues || t.values) || {} : {}, r = t.shouldUnregister ? {} : G(i), a = {
     action: !1,
     mount: !1,
     watch: !1
-  }, o = {
+  }, c = {
     mount: /* @__PURE__ */ new Set(),
     disabled: /* @__PURE__ */ new Set(),
     unMount: /* @__PURE__ */ new Set(),
     array: /* @__PURE__ */ new Set(),
     watch: /* @__PURE__ */ new Set()
-  }, d, f = 0;
-  const b = {
+  }, l, m = 0;
+  const y = {
     isDirty: !1,
     dirtyFields: !1,
     validatingFields: !1,
@@ -1122,380 +1125,380 @@ function kr(e = {}) {
     errors: !1
   };
   let g = {
-    ...b
+    ...y
   };
-  const m = {
-    array: Nt(),
-    state: Nt()
-  }, p = t.criteriaMode === de.all, _ = (a) => (l) => {
-    clearTimeout(f), f = setTimeout(a, l);
-  }, y = async (a) => {
-    if (!t.disabled && (b.isValid || g.isValid || a)) {
-      const l = t.resolver ? te((await I()).errors) : await Q(n, !0);
-      l !== s.isValid && m.state.next({
-        isValid: l
+  const f = {
+    array: xt(),
+    state: xt()
+  }, p = t.criteriaMode === de.all, _ = (o) => (u) => {
+    clearTimeout(m), m = setTimeout(o, u);
+  }, C = async (o) => {
+    if (!t.disabled && (y.isValid || g.isValid || o)) {
+      const u = t.resolver ? ee((await M()).errors) : await P(n, !0);
+      u !== s.isValid && f.state.next({
+        isValid: u
       });
     }
-  }, E = (a, l) => {
-    !t.disabled && (b.isValidating || b.validatingFields || g.isValidating || g.validatingFields) && ((a || Array.from(o.mount)).forEach((u) => {
-      u && (l ? B(s.validatingFields, u, l) : W(s.validatingFields, u));
-    }), m.state.next({
+  }, N = (o, u) => {
+    !t.disabled && (y.isValidating || y.validatingFields || g.isValidating || g.validatingFields) && ((o || Array.from(c.mount)).forEach((d) => {
+      d && (u ? q(s.validatingFields, d, u) : K(s.validatingFields, d));
+    }), f.state.next({
       validatingFields: s.validatingFields,
-      isValidating: !te(s.validatingFields)
+      isValidating: !ee(s.validatingFields)
     }));
-  }, H = (a, l = [], u, x, v = !0, w = !0) => {
-    if (x && u && !t.disabled) {
-      if (c.action = !0, w && Array.isArray(S(n, a))) {
-        const C = u(S(n, a), x.argA, x.argB);
-        v && B(n, a, C);
+  }, B = (o, u = [], d, v, w = !0, b = !0) => {
+    if (v && d && !t.disabled) {
+      if (a.action = !0, b && Array.isArray(S(n, o))) {
+        const E = d(S(n, o), v.argA, v.argB);
+        w && q(n, o, E);
       }
-      if (w && Array.isArray(S(s.errors, a))) {
-        const C = u(S(s.errors, a), x.argA, x.argB);
-        v && B(s.errors, a, C), _r(s.errors, a);
+      if (b && Array.isArray(S(s.errors, o))) {
+        const E = d(S(s.errors, o), v.argA, v.argB);
+        w && q(s.errors, o, E), kr(s.errors, o);
       }
-      if ((b.touchedFields || g.touchedFields) && w && Array.isArray(S(s.touchedFields, a))) {
-        const C = u(S(s.touchedFields, a), x.argA, x.argB);
-        v && B(s.touchedFields, a, C);
+      if ((y.touchedFields || g.touchedFields) && b && Array.isArray(S(s.touchedFields, o))) {
+        const E = d(S(s.touchedFields, o), v.argA, v.argB);
+        w && q(s.touchedFields, o, E);
       }
-      (b.dirtyFields || g.dirtyFields) && (s.dirtyFields = $e(i, r)), m.state.next({
-        name: a,
-        isDirty: Z(a, l),
+      (y.dirtyFields || g.dirtyFields) && (s.dirtyFields = $e(i, r)), f.state.next({
+        name: o,
+        isDirty: ae(o, u),
         dirtyFields: s.dirtyFields,
         errors: s.errors,
         isValid: s.isValid
       });
     } else
-      B(r, a, l);
-  }, N = (a, l) => {
-    B(s.errors, a, l), m.state.next({
+      q(r, o, u);
+  }, k = (o, u) => {
+    q(s.errors, o, u), f.state.next({
       errors: s.errors
     });
-  }, q = (a) => {
-    s.errors = a, m.state.next({
+  }, F = (o) => {
+    s.errors = o, f.state.next({
       errors: s.errors,
       isValid: !1
     });
-  }, P = (a, l, u, x) => {
-    const v = S(n, a);
-    if (v) {
-      const w = S(r, a, z(u) ? S(i, a) : u);
-      z(w) || x && x.defaultChecked || l ? B(r, a, l ? w : Ft(v._f)) : D(a, w), c.mount && y();
+  }, T = (o, u, d, v) => {
+    const w = S(n, o);
+    if (w) {
+      const b = S(r, o, j(d) ? S(i, o) : d);
+      j(b) || v && v.defaultChecked || u ? q(r, o, u ? b : Lt(w._f)) : H(o, b), a.mount && C();
     }
-  }, L = (a, l, u, x, v) => {
-    let w = !1, C = !1;
-    const V = {
-      name: a
+  }, A = (o, u, d, v, w) => {
+    let b = !1, E = !1;
+    const O = {
+      name: o
     };
     if (!t.disabled) {
-      if (!u || x) {
-        (b.isDirty || g.isDirty) && (C = s.isDirty, s.isDirty = V.isDirty = Z(), w = C !== V.isDirty);
-        const U = ve(S(i, a), l);
-        C = !!S(s.dirtyFields, a), U ? W(s.dirtyFields, a) : B(s.dirtyFields, a, !0), V.dirtyFields = s.dirtyFields, w = w || (b.dirtyFields || g.dirtyFields) && C !== !U;
+      if (!d || v) {
+        (y.isDirty || g.isDirty) && (E = s.isDirty, s.isDirty = O.isDirty = ae(), b = E !== O.isDirty);
+        const U = ve(S(i, o), u);
+        E = !!S(s.dirtyFields, o), U ? K(s.dirtyFields, o) : q(s.dirtyFields, o, !0), O.dirtyFields = s.dirtyFields, b = b || (y.dirtyFields || g.dirtyFields) && E !== !U;
       }
-      if (u) {
-        const U = S(s.touchedFields, a);
-        U || (B(s.touchedFields, a, u), V.touchedFields = s.touchedFields, w = w || (b.touchedFields || g.touchedFields) && U !== u);
+      if (d) {
+        const U = S(s.touchedFields, o);
+        U || (q(s.touchedFields, o, d), O.touchedFields = s.touchedFields, b = b || (y.touchedFields || g.touchedFields) && U !== d);
       }
-      w && v && m.state.next(V);
+      b && w && f.state.next(O);
     }
-    return w ? V : {};
-  }, J = (a, l, u, x) => {
-    const v = S(s.errors, a), w = (b.isValid || g.isValid) && he(l) && s.isValid !== l;
-    if (t.delayError && u ? (d = _(() => N(a, u)), d(t.delayError)) : (clearTimeout(f), d = null, u ? B(s.errors, a, u) : W(s.errors, a)), (u ? !ve(v, u) : v) || !te(x) || w) {
-      const C = {
-        ...x,
-        ...w && he(l) ? { isValid: l } : {},
+    return b ? O : {};
+  }, I = (o, u, d, v) => {
+    const w = S(s.errors, o), b = (y.isValid || g.isValid) && he(u) && s.isValid !== u;
+    if (t.delayError && d ? (l = _(() => k(o, d)), l(t.delayError)) : (clearTimeout(m), l = null, d ? q(s.errors, o, d) : K(s.errors, o)), (d ? !ve(w, d) : w) || !ee(v) || b) {
+      const E = {
+        ...v,
+        ...b && he(u) ? { isValid: u } : {},
         errors: s.errors,
-        name: a
+        name: o
       };
       s = {
         ...s,
-        ...C
-      }, m.state.next(C);
+        ...E
+      }, f.state.next(E);
     }
-  }, I = async (a) => {
-    E(a, !0);
-    const l = await t.resolver(r, t.context, gr(a || o.mount, n, t.criteriaMode, t.shouldUseNativeValidation));
-    return E(a), l;
-  }, le = async (a) => {
-    const { errors: l } = await I(a);
-    if (a)
-      for (const u of a) {
-        const x = S(l, u);
-        x ? B(s.errors, u, x) : W(s.errors, u);
+  }, M = async (o) => {
+    N(o, !0);
+    const u = await t.resolver(r, t.context, vr(o || c.mount, n, t.criteriaMode, t.shouldUseNativeValidation));
+    return N(o), u;
+  }, se = async (o) => {
+    const { errors: u } = await M(o);
+    if (o)
+      for (const d of o) {
+        const v = S(u, d);
+        v ? q(s.errors, d, v) : K(s.errors, d);
       }
     else
-      s.errors = l;
-    return l;
-  }, Q = async (a, l, u = {
+      s.errors = u;
+    return u;
+  }, P = async (o, u, d = {
     valid: !0
   }) => {
-    for (const x in a) {
-      const v = a[x];
-      if (v) {
-        const { _f: w, ...C } = v;
-        if (w) {
-          const V = o.array.has(w.name), U = v._f && br(v._f);
-          U && b.validatingFields && E([x], !0);
-          const oe = await It(v, o.disabled, r, p, t.shouldUseNativeValidation && !l, V);
-          if (U && b.validatingFields && E([x]), oe[w.name] && (u.valid = !1, l))
+    for (const v in o) {
+      const w = o[v];
+      if (w) {
+        const { _f: b, ...E } = w;
+        if (b) {
+          const O = c.array.has(b.name), U = w._f && _r(w._f);
+          U && y.validatingFields && N([v], !0);
+          const oe = await Mt(w, c.disabled, r, p, t.shouldUseNativeValidation && !u, O);
+          if (U && y.validatingFields && N([v]), oe[b.name] && (d.valid = !1, u))
             break;
-          !l && (S(oe, w.name) ? V ? Sr(s.errors, oe, w.name) : B(s.errors, w.name, oe[w.name]) : W(s.errors, w.name));
+          !u && (S(oe, b.name) ? O ? Ar(s.errors, oe, b.name) : q(s.errors, b.name, oe[b.name]) : K(s.errors, b.name));
         }
-        !te(C) && await Q(C, l, u);
+        !ee(E) && await P(E, u, d);
       }
     }
-    return u.valid;
+    return d.valid;
   }, re = () => {
-    for (const a of o.unMount) {
-      const l = S(n, a);
-      l && (l._f.refs ? l._f.refs.every((u) => !tt(u)) : !tt(l._f.ref)) && Ge(a);
+    for (const o of c.unMount) {
+      const u = S(n, o);
+      u && (u._f.refs ? u._f.refs.every((d) => !rt(d)) : !rt(u._f.ref)) && Ye(o);
     }
-    o.unMount = /* @__PURE__ */ new Set();
-  }, Z = (a, l) => !t.disabled && (a && l && B(r, a, l), !ve(ue(), i)), k = (a, l, u) => dr(a, o, {
-    ...c.mount ? r : z(l) ? i : ye(a) ? { [a]: l } : l
-  }, u, l), A = (a) => it(S(c.mount ? r : i, a, t.shouldUnregister ? S(i, a, []) : [])), D = (a, l, u = {}) => {
-    const x = S(n, a);
-    let v = l;
-    if (x) {
-      const w = x._f;
-      w && (!w.disabled && B(r, a, is(l, w)), v = Be(w.ref) && ee(l) ? "" : l, ts(w.ref) ? [...w.ref.options].forEach((C) => C.selected = v.includes(C.value)) : w.refs ? Oe(w.ref) ? w.refs.forEach((C) => {
-        (!C.defaultChecked || !C.disabled) && (Array.isArray(v) ? C.checked = !!v.find((V) => V === C.value) : C.checked = v === C.value || !!v);
-      }) : w.refs.forEach((C) => C.checked = C.value === v) : ot(w.ref) ? w.ref.value = "" : (w.ref.value = v, w.ref.type || m.state.next({
-        name: a,
-        values: Y(r)
+    c.unMount = /* @__PURE__ */ new Set();
+  }, ae = (o, u) => !t.disabled && (o && u && q(r, o, u), !ve(ue(), i)), $ = (o, u, d) => yr(o, c, {
+    ...a.mount ? r : j(u) ? i : ye(o) ? { [o]: u } : u
+  }, d, u), L = (o) => ot(S(a.mount ? r : i, o, t.shouldUnregister ? S(i, o, []) : [])), H = (o, u, d = {}) => {
+    const v = S(n, o);
+    let w = u;
+    if (v) {
+      const b = v._f;
+      b && (!b.disabled && q(r, o, ls(u, b)), w = Ke(b.ref) && Z(u) ? "" : u, is(b.ref) ? [...b.ref.options].forEach((E) => E.selected = w.includes(E.value)) : b.refs ? Ue(b.ref) ? b.refs.forEach((E) => {
+        (!E.defaultChecked || !E.disabled) && (Array.isArray(w) ? E.checked = !!w.find((O) => O === E.value) : E.checked = w === E.value || !!w);
+      }) : b.refs.forEach((E) => E.checked = E.value === w) : lt(b.ref) ? b.ref.value = "" : (b.ref.value = w, b.ref.type || f.state.next({
+        name: o,
+        values: G(r)
       })));
     }
-    (u.shouldDirty || u.shouldTouch) && L(a, v, u.shouldTouch, u.shouldDirty, !0), u.shouldValidate && ne(a);
-  }, M = (a, l, u) => {
-    for (const x in l) {
-      if (!l.hasOwnProperty(x))
+    (d.shouldDirty || d.shouldTouch) && A(o, w, d.shouldTouch, d.shouldDirty, !0), d.shouldValidate && ne(o);
+  }, W = (o, u, d) => {
+    for (const v in u) {
+      if (!u.hasOwnProperty(v))
         return;
-      const v = l[x], w = a + "." + x, C = S(n, w);
-      (o.array.has(a) || K(v) || C && !C._f) && !Ce(v) ? M(w, v, u) : D(w, v, u);
+      const w = u[v], b = o + "." + v, E = S(n, b);
+      (c.array.has(o) || Q(w) || E && !E._f) && !Ee(w) ? W(b, w, d) : H(b, w, d);
     }
-  }, G = (a, l, u = {}) => {
-    const x = S(n, a), v = o.array.has(a), w = Y(l);
-    B(r, a, w), v ? (m.array.next({
-      name: a,
-      values: Y(r)
-    }), (b.isDirty || b.dirtyFields || g.isDirty || g.dirtyFields) && u.shouldDirty && m.state.next({
-      name: a,
+  }, Y = (o, u, d = {}) => {
+    const v = S(n, o), w = c.array.has(o), b = G(u);
+    q(r, o, b), w ? (f.array.next({
+      name: o,
+      values: G(r)
+    }), (y.isDirty || y.dirtyFields || g.isDirty || g.dirtyFields) && d.shouldDirty && f.state.next({
+      name: o,
       dirtyFields: $e(i, r),
-      isDirty: Z(a, w)
-    })) : x && !x._f && !ee(w) ? M(a, w, u) : D(a, w, u), Dt(a, o) && m.state.next({ ...s, name: a }), m.state.next({
-      name: c.mount ? a : void 0,
-      values: Y(r)
+      isDirty: ae(o, b)
+    })) : v && !v._f && !Z(b) ? W(o, b, d) : H(o, b, d), It(o, c) && f.state.next({ ...s, name: o }), f.state.next({
+      name: a.mount ? o : void 0,
+      values: G(r)
     });
-  }, O = async (a) => {
-    c.mount = !0;
-    const l = a.target;
-    let u = l.name, x = !0;
-    const v = S(n, u), w = (U) => {
-      x = Number.isNaN(U) || Ce(U) && isNaN(U.getTime()) || ve(U, S(r, u, U));
-    }, C = Lt(t.mode), V = Lt(t.reValidateMode);
-    if (v) {
+  }, R = async (o) => {
+    a.mount = !0;
+    const u = o.target;
+    let d = u.name, v = !0;
+    const w = S(n, d), b = (U) => {
+      v = Number.isNaN(U) || Ee(U) && isNaN(U.getTime()) || ve(U, S(r, d, U));
+    }, E = Dt(t.mode), O = Dt(t.reValidateMode);
+    if (w) {
       let U, oe;
-      const Re = l.type ? Ft(v._f) : nr(a), we = a.type === kt.BLUR || a.type === kt.FOCUS_OUT, ys = !pr(v._f) && !t.resolver && !S(s.errors, u) && !v._f.deps || xr(we, S(s.touchedFields, u), s.isSubmitted, V, C), Xe = Dt(u, o, we);
-      B(r, u, Re), we ? (v._f.onBlur && v._f.onBlur(a), d && d(0)) : v._f.onChange && v._f.onChange(a);
-      const Ze = L(u, Re, we), gs = !te(Ze) || Xe;
-      if (!we && m.state.next({
-        name: u,
-        type: a.type,
-        values: Y(r)
-      }), ys)
-        return (b.isValid || g.isValid) && (t.mode === "onBlur" ? we && y() : we || y()), gs && m.state.next({ name: u, ...Xe ? {} : Ze });
-      if (!we && Xe && m.state.next({ ...s }), t.resolver) {
-        const { errors: pt } = await I([u]);
-        if (w(Re), x) {
-          const bs = Vt(s.errors, n, u), wt = Vt(pt, n, bs.name || u);
-          U = wt.error, u = wt.name, oe = te(pt);
+      const He = u.type ? Lt(w._f) : cr(o), we = o.type === At.BLUR || o.type === At.FOCUS_OUT, vs = !Sr(w._f) && !t.resolver && !S(s.errors, d) && !w._f.deps || Nr(we, S(s.touchedFields, d), s.isSubmitted, O, E), et = It(d, c, we);
+      q(r, d, He), we ? (w._f.onBlur && w._f.onBlur(o), l && l(0)) : w._f.onChange && w._f.onChange(o);
+      const tt = A(d, He, we), _s = !ee(tt) || et;
+      if (!we && f.state.next({
+        name: d,
+        type: o.type,
+        values: G(r)
+      }), vs)
+        return (y.isValid || g.isValid) && (t.mode === "onBlur" ? we && C() : we || C()), _s && f.state.next({ name: d, ...et ? {} : tt });
+      if (!we && et && f.state.next({ ...s }), t.resolver) {
+        const { errors: vt } = await M([d]);
+        if (b(He), v) {
+          const Ss = Pt(s.errors, n, d), _t = Pt(vt, n, Ss.name || d);
+          U = _t.error, d = _t.name, oe = ee(vt);
         }
       } else
-        E([u], !0), U = (await It(v, o.disabled, r, p, t.shouldUseNativeValidation))[u], E([u]), w(Re), x && (U ? oe = !1 : (b.isValid || g.isValid) && (oe = await Q(n, !0)));
-      x && (v._f.deps && ne(v._f.deps), J(u, oe, U, Ze));
+        N([d], !0), U = (await Mt(w, c.disabled, r, p, t.shouldUseNativeValidation))[d], N([d]), b(He), v && (U ? oe = !1 : (y.isValid || g.isValid) && (oe = await P(n, !0)));
+      v && (w._f.deps && ne(w._f.deps), I(d, oe, U, tt));
     }
-  }, X = (a, l) => {
-    if (S(s.errors, l) && a.focus)
-      return a.focus(), 1;
-  }, ne = async (a, l = {}) => {
-    let u, x;
-    const v = Le(a);
+  }, X = (o, u) => {
+    if (S(s.errors, u) && o.focus)
+      return o.focus(), 1;
+  }, ne = async (o, u = {}) => {
+    let d, v;
+    const w = Le(o);
     if (t.resolver) {
-      const w = await le(z(a) ? a : v);
-      u = te(w), x = a ? !v.some((C) => S(w, C)) : u;
-    } else a ? (x = (await Promise.all(v.map(async (w) => {
-      const C = S(n, w);
-      return await Q(C && C._f ? { [w]: C } : C);
-    }))).every(Boolean), !(!x && !s.isValid) && y()) : x = u = await Q(n);
-    return m.state.next({
-      ...!ye(a) || (b.isValid || g.isValid) && u !== s.isValid ? {} : { name: a },
-      ...t.resolver || !a ? { isValid: u } : {},
+      const b = await se(j(o) ? o : w);
+      d = ee(b), v = o ? !w.some((E) => S(b, E)) : d;
+    } else o ? (v = (await Promise.all(w.map(async (b) => {
+      const E = S(n, b);
+      return await P(E && E._f ? { [b]: E } : E);
+    }))).every(Boolean), !(!v && !s.isValid) && C()) : v = d = await P(n);
+    return f.state.next({
+      ...!ye(o) || (y.isValid || g.isValid) && d !== s.isValid ? {} : { name: o },
+      ...t.resolver || !o ? { isValid: d } : {},
       errors: s.errors
-    }), l.shouldFocus && !x && Te(n, X, a ? v : o.mount), x;
-  }, ue = (a) => {
-    const l = {
-      ...c.mount ? r : i
+    }), u.shouldFocus && !v && De(n, X, o ? w : c.mount), v;
+  }, ue = (o) => {
+    const u = {
+      ...a.mount ? r : i
     };
-    return z(a) ? l : ye(a) ? S(l, a) : a.map((u) => S(l, u));
-  }, Ue = (a, l) => ({
-    invalid: !!S((l || s).errors, a),
-    isDirty: !!S((l || s).dirtyFields, a),
-    error: S((l || s).errors, a),
-    isValidating: !!S(s.validatingFields, a),
-    isTouched: !!S((l || s).touchedFields, a)
-  }), Se = (a) => {
-    a && Le(a).forEach((l) => W(s.errors, l)), m.state.next({
-      errors: a ? s.errors : {}
+    return j(o) ? u : ye(o) ? S(u, o) : o.map((d) => S(u, d));
+  }, qe = (o, u) => ({
+    invalid: !!S((u || s).errors, o),
+    isDirty: !!S((u || s).dirtyFields, o),
+    error: S((u || s).errors, o),
+    isValidating: !!S(s.validatingFields, o),
+    isTouched: !!S((u || s).touchedFields, o)
+  }), Ce = (o) => {
+    o && Le(o).forEach((u) => K(s.errors, u)), f.state.next({
+      errors: o ? s.errors : {}
     });
-  }, dt = (a, l, u) => {
-    const x = (S(n, a, { _f: {} })._f || {}).ref, v = S(s.errors, a) || {}, { ref: w, message: C, type: V, ...U } = v;
-    B(s.errors, a, {
+  }, mt = (o, u, d) => {
+    const v = (S(n, o, { _f: {} })._f || {}).ref, w = S(s.errors, o) || {}, { ref: b, message: E, type: O, ...U } = w;
+    q(s.errors, o, {
       ...U,
-      ...l,
-      ref: x
-    }), m.state.next({
-      name: a,
+      ...u,
+      ref: v
+    }), f.state.next({
+      name: o,
       errors: s.errors,
       isValid: !1
-    }), u && u.shouldFocus && x && x.focus && x.focus();
-  }, ls = (a, l) => fe(a) ? m.state.subscribe({
-    next: (u) => "values" in u && a(k(void 0, l), u)
-  }) : k(a, l, !0), ft = (a) => m.state.subscribe({
-    next: (l) => {
-      vr(a.name, l.name, a.exact) && wr(l, a.formState || b, hs, a.reRenderRoot) && a.callback({
+    }), d && d.shouldFocus && v && v.focus && v.focus();
+  }, hs = (o, u) => fe(o) ? f.state.subscribe({
+    next: (d) => "values" in d && o($(void 0, u), d)
+  }) : $(o, u, !0), ht = (o) => f.state.subscribe({
+    next: (u) => {
+      Er(o.name, u.name, o.exact) && Cr(u, o.formState || y, ws, o.reRenderRoot) && o.callback({
         values: { ...r },
         ...s,
-        ...l,
+        ...u,
         defaultValues: i
       });
     }
-  }).unsubscribe, us = (a) => (c.mount = !0, g = {
+  }).unsubscribe, ys = (o) => (a.mount = !0, g = {
     ...g,
-    ...a.formState
-  }, ft({
-    ...a,
+    ...o.formState
+  }, ht({
+    ...o,
     formState: g
-  })), Ge = (a, l = {}) => {
-    for (const u of a ? Le(a) : o.mount)
-      o.mount.delete(u), o.array.delete(u), l.keepValue || (W(n, u), W(r, u)), !l.keepError && W(s.errors, u), !l.keepDirty && W(s.dirtyFields, u), !l.keepTouched && W(s.touchedFields, u), !l.keepIsValidating && W(s.validatingFields, u), !t.shouldUnregister && !l.keepDefaultValue && W(i, u);
-    m.state.next({
-      values: Y(r)
-    }), m.state.next({
+  })), Ye = (o, u = {}) => {
+    for (const d of o ? Le(o) : c.mount)
+      c.mount.delete(d), c.array.delete(d), u.keepValue || (K(n, d), K(r, d)), !u.keepError && K(s.errors, d), !u.keepDirty && K(s.dirtyFields, d), !u.keepTouched && K(s.touchedFields, d), !u.keepIsValidating && K(s.validatingFields, d), !t.shouldUnregister && !u.keepDefaultValue && K(i, d);
+    f.state.next({
+      values: G(r)
+    }), f.state.next({
       ...s,
-      ...l.keepDirty ? { isDirty: Z() } : {}
-    }), !l.keepIsValid && y();
-  }, mt = ({ disabled: a, name: l }) => {
-    (he(a) && c.mount || a || o.disabled.has(l)) && (a ? o.disabled.add(l) : o.disabled.delete(l));
-  }, Je = (a, l = {}) => {
-    let u = S(n, a);
-    const x = he(l.disabled) || he(t.disabled);
-    return B(n, a, {
-      ...u || {},
+      ...u.keepDirty ? { isDirty: ae() } : {}
+    }), !u.keepIsValid && C();
+  }, yt = ({ disabled: o, name: u }) => {
+    (he(o) && a.mount || o || c.disabled.has(u)) && (o ? c.disabled.add(u) : c.disabled.delete(u));
+  }, Xe = (o, u = {}) => {
+    let d = S(n, o);
+    const v = he(u.disabled) || he(t.disabled);
+    return q(n, o, {
+      ...d || {},
       _f: {
-        ...u && u._f ? u._f : { ref: { name: a } },
-        name: a,
+        ...d && d._f ? d._f : { ref: { name: o } },
+        name: o,
         mount: !0,
-        ...l
+        ...u
       }
-    }), o.mount.add(a), u ? mt({
-      disabled: he(l.disabled) ? l.disabled : t.disabled,
-      name: a
-    }) : P(a, !0, l.value), {
-      ...x ? { disabled: l.disabled || t.disabled } : {},
+    }), c.mount.add(o), d ? yt({
+      disabled: he(u.disabled) ? u.disabled : t.disabled,
+      name: o
+    }) : T(o, !0, u.value), {
+      ...v ? { disabled: u.disabled || t.disabled } : {},
       ...t.progressive ? {
-        required: !!l.required,
-        min: Fe(l.min),
-        max: Fe(l.max),
-        minLength: Fe(l.minLength),
-        maxLength: Fe(l.maxLength),
-        pattern: Fe(l.pattern)
+        required: !!u.required,
+        min: Fe(u.min),
+        max: Fe(u.max),
+        minLength: Fe(u.minLength),
+        maxLength: Fe(u.maxLength),
+        pattern: Fe(u.pattern)
       } : {},
-      name: a,
-      onChange: O,
-      onBlur: O,
-      ref: (v) => {
-        if (v) {
-          Je(a, l), u = S(n, a);
-          const w = z(v.value) && v.querySelectorAll && v.querySelectorAll("input,select,textarea")[0] || v, C = mr(w), V = u._f.refs || [];
-          if (C ? V.find((U) => U === w) : w === u._f.ref)
+      name: o,
+      onChange: R,
+      onBlur: R,
+      ref: (w) => {
+        if (w) {
+          Xe(o, u), d = S(n, o);
+          const b = j(w.value) && w.querySelectorAll && w.querySelectorAll("input,select,textarea")[0] || w, E = pr(b), O = d._f.refs || [];
+          if (E ? O.find((U) => U === b) : b === d._f.ref)
             return;
-          B(n, a, {
+          q(n, o, {
             _f: {
-              ...u._f,
-              ...C ? {
+              ...d._f,
+              ...E ? {
                 refs: [
-                  ...V.filter(tt),
-                  w,
-                  ...Array.isArray(S(i, a)) ? [{}] : []
+                  ...O.filter(rt),
+                  b,
+                  ...Array.isArray(S(i, o)) ? [{}] : []
                 ],
-                ref: { type: w.type, name: a }
-              } : { ref: w }
+                ref: { type: b.type, name: o }
+              } : { ref: b }
             }
-          }), P(a, !1, void 0, w);
+          }), T(o, !1, void 0, b);
         } else
-          u = S(n, a, {}), u._f && (u._f.mount = !1), (t.shouldUnregister || l.shouldUnregister) && !(ar(o.array, a) && c.action) && o.unMount.add(a);
+          d = S(n, o, {}), d._f && (d._f.mount = !1), (t.shouldUnregister || u.shouldUnregister) && !(ur(c.array, o) && a.action) && c.unMount.add(o);
       }
     };
-  }, Ye = () => t.shouldFocusError && Te(n, X, o.mount), ds = (a) => {
-    he(a) && (m.state.next({ disabled: a }), Te(n, (l, u) => {
-      const x = S(n, u);
-      x && (l.disabled = x._f.disabled || a, Array.isArray(x._f.refs) && x._f.refs.forEach((v) => {
-        v.disabled = x._f.disabled || a;
+  }, Ze = () => t.shouldFocusError && De(n, X, c.mount), gs = (o) => {
+    he(o) && (f.state.next({ disabled: o }), De(n, (u, d) => {
+      const v = S(n, d);
+      v && (u.disabled = v._f.disabled || o, Array.isArray(v._f.refs) && v._f.refs.forEach((w) => {
+        w.disabled = v._f.disabled || o;
       }));
     }, 0, !1));
-  }, ht = (a, l) => async (u) => {
-    let x;
-    u && (u.preventDefault && u.preventDefault(), u.persist && u.persist());
-    let v = Y(r);
-    if (m.state.next({
+  }, gt = (o, u) => async (d) => {
+    let v;
+    d && (d.preventDefault && d.preventDefault(), d.persist && d.persist());
+    let w = G(r);
+    if (f.state.next({
       isSubmitting: !0
     }), t.resolver) {
-      const { errors: w, values: C } = await I();
-      s.errors = w, v = Y(C);
+      const { errors: b, values: E } = await M();
+      s.errors = b, w = G(E);
     } else
-      await Q(n);
-    if (o.disabled.size)
-      for (const w of o.disabled)
-        W(v, w);
-    if (W(s.errors, "root"), te(s.errors)) {
-      m.state.next({
+      await P(n);
+    if (c.disabled.size)
+      for (const b of c.disabled)
+        K(w, b);
+    if (K(s.errors, "root"), ee(s.errors)) {
+      f.state.next({
         errors: {}
       });
       try {
-        await a(v, u);
-      } catch (w) {
-        x = w;
+        await o(w, d);
+      } catch (b) {
+        v = b;
       }
     } else
-      l && await l({ ...s.errors }, u), Ye(), setTimeout(Ye);
-    if (m.state.next({
+      u && await u({ ...s.errors }, d), Ze(), setTimeout(Ze);
+    if (f.state.next({
       isSubmitted: !0,
       isSubmitting: !1,
-      isSubmitSuccessful: te(s.errors) && !x,
+      isSubmitSuccessful: ee(s.errors) && !v,
       submitCount: s.submitCount + 1,
       errors: s.errors
-    }), x)
-      throw x;
-  }, fs = (a, l = {}) => {
-    S(n, a) && (z(l.defaultValue) ? G(a, Y(S(i, a))) : (G(a, l.defaultValue), B(i, a, Y(l.defaultValue))), l.keepTouched || W(s.touchedFields, a), l.keepDirty || (W(s.dirtyFields, a), s.isDirty = l.defaultValue ? Z(a, Y(S(i, a))) : Z()), l.keepError || (W(s.errors, a), b.isValid && y()), m.state.next({ ...s }));
-  }, yt = (a, l = {}) => {
-    const u = a ? Y(a) : i, x = Y(u), v = te(a), w = v ? i : x;
-    if (l.keepDefaultValues || (i = u), !l.keepValues) {
-      if (l.keepDirtyValues) {
-        const C = /* @__PURE__ */ new Set([
-          ...o.mount,
+    }), v)
+      throw v;
+  }, ps = (o, u = {}) => {
+    S(n, o) && (j(u.defaultValue) ? Y(o, G(S(i, o))) : (Y(o, u.defaultValue), q(i, o, G(u.defaultValue))), u.keepTouched || K(s.touchedFields, o), u.keepDirty || (K(s.dirtyFields, o), s.isDirty = u.defaultValue ? ae(o, G(S(i, o))) : ae()), u.keepError || (K(s.errors, o), y.isValid && C()), f.state.next({ ...s }));
+  }, pt = (o, u = {}) => {
+    const d = o ? G(o) : i, v = G(d), w = ee(o), b = w ? i : v;
+    if (u.keepDefaultValues || (i = d), !u.keepValues) {
+      if (u.keepDirtyValues) {
+        const E = /* @__PURE__ */ new Set([
+          ...c.mount,
           ...Object.keys($e(i, r))
         ]);
-        for (const V of Array.from(C))
-          S(s.dirtyFields, V) ? B(w, V, S(r, V)) : G(V, S(w, V));
+        for (const O of Array.from(E))
+          S(s.dirtyFields, O) ? q(b, O, S(r, O)) : Y(O, S(b, O));
       } else {
-        if (nt && z(a))
-          for (const C of o.mount) {
-            const V = S(n, C);
-            if (V && V._f) {
-              const U = Array.isArray(V._f.refs) ? V._f.refs[0] : V._f.ref;
-              if (Be(U)) {
+        if (at && j(o))
+          for (const E of c.mount) {
+            const O = S(n, E);
+            if (O && O._f) {
+              const U = Array.isArray(O._f.refs) ? O._f.refs[0] : O._f.ref;
+              if (Ke(U)) {
                 const oe = U.closest("form");
                 if (oe) {
                   oe.reset();
@@ -1504,74 +1507,74 @@ function kr(e = {}) {
               }
             }
           }
-        if (l.keepFieldsRef)
-          for (const C of o.mount)
-            G(C, S(w, C));
+        if (u.keepFieldsRef)
+          for (const E of c.mount)
+            Y(E, S(b, E));
         else
           n = {};
       }
-      r = t.shouldUnregister ? l.keepDefaultValues ? Y(i) : {} : Y(w), m.array.next({
-        values: { ...w }
-      }), m.state.next({
-        values: { ...w }
+      r = t.shouldUnregister ? u.keepDefaultValues ? G(i) : {} : G(b), f.array.next({
+        values: { ...b }
+      }), f.state.next({
+        values: { ...b }
       });
     }
-    o = {
-      mount: l.keepDirtyValues ? o.mount : /* @__PURE__ */ new Set(),
+    c = {
+      mount: u.keepDirtyValues ? c.mount : /* @__PURE__ */ new Set(),
       unMount: /* @__PURE__ */ new Set(),
       array: /* @__PURE__ */ new Set(),
       disabled: /* @__PURE__ */ new Set(),
       watch: /* @__PURE__ */ new Set(),
       watchAll: !1,
       focus: ""
-    }, c.mount = !b.isValid || !!l.keepIsValid || !!l.keepDirtyValues, c.watch = !!t.shouldUnregister, m.state.next({
-      submitCount: l.keepSubmitCount ? s.submitCount : 0,
-      isDirty: v ? !1 : l.keepDirty ? s.isDirty : !!(l.keepDefaultValues && !ve(a, i)),
-      isSubmitted: l.keepIsSubmitted ? s.isSubmitted : !1,
-      dirtyFields: v ? {} : l.keepDirtyValues ? l.keepDefaultValues && r ? $e(i, r) : s.dirtyFields : l.keepDefaultValues && a ? $e(i, a) : l.keepDirty ? s.dirtyFields : {},
-      touchedFields: l.keepTouched ? s.touchedFields : {},
-      errors: l.keepErrors ? s.errors : {},
-      isSubmitSuccessful: l.keepIsSubmitSuccessful ? s.isSubmitSuccessful : !1,
+    }, a.mount = !y.isValid || !!u.keepIsValid || !!u.keepDirtyValues, a.watch = !!t.shouldUnregister, f.state.next({
+      submitCount: u.keepSubmitCount ? s.submitCount : 0,
+      isDirty: w ? !1 : u.keepDirty ? s.isDirty : !!(u.keepDefaultValues && !ve(o, i)),
+      isSubmitted: u.keepIsSubmitted ? s.isSubmitted : !1,
+      dirtyFields: w ? {} : u.keepDirtyValues ? u.keepDefaultValues && r ? $e(i, r) : s.dirtyFields : u.keepDefaultValues && o ? $e(i, o) : u.keepDirty ? s.dirtyFields : {},
+      touchedFields: u.keepTouched ? s.touchedFields : {},
+      errors: u.keepErrors ? s.errors : {},
+      isSubmitSuccessful: u.keepIsSubmitSuccessful ? s.isSubmitSuccessful : !1,
       isSubmitting: !1
     });
-  }, gt = (a, l) => yt(fe(a) ? a(r) : a, l), ms = (a, l = {}) => {
-    const u = S(n, a), x = u && u._f;
-    if (x) {
-      const v = x.refs ? x.refs[0] : x.ref;
-      v.focus && (v.focus(), l.shouldSelect && fe(v.select) && v.select());
+  }, bt = (o, u) => pt(fe(o) ? o(r) : o, u), bs = (o, u = {}) => {
+    const d = S(n, o), v = d && d._f;
+    if (v) {
+      const w = v.refs ? v.refs[0] : v.ref;
+      w.focus && (w.focus(), u.shouldSelect && fe(w.select) && w.select());
     }
-  }, hs = (a) => {
+  }, ws = (o) => {
     s = {
       ...s,
-      ...a
+      ...o
     };
-  }, bt = {
+  }, wt = {
     control: {
-      register: Je,
-      unregister: Ge,
-      getFieldState: Ue,
-      handleSubmit: ht,
-      setError: dt,
-      _subscribe: ft,
-      _runSchema: I,
-      _focusError: Ye,
-      _getWatch: k,
-      _getDirty: Z,
-      _setValid: y,
-      _setFieldArray: H,
-      _setDisabledField: mt,
-      _setErrors: q,
-      _getFieldArray: A,
-      _reset: yt,
-      _resetDefaultValues: () => fe(t.defaultValues) && t.defaultValues().then((a) => {
-        gt(a, t.resetOptions), m.state.next({
+      register: Xe,
+      unregister: Ye,
+      getFieldState: qe,
+      handleSubmit: gt,
+      setError: mt,
+      _subscribe: ht,
+      _runSchema: M,
+      _focusError: Ze,
+      _getWatch: $,
+      _getDirty: ae,
+      _setValid: C,
+      _setFieldArray: B,
+      _setDisabledField: yt,
+      _setErrors: F,
+      _getFieldArray: L,
+      _reset: pt,
+      _resetDefaultValues: () => fe(t.defaultValues) && t.defaultValues().then((o) => {
+        bt(o, t.resetOptions), f.state.next({
           isLoading: !1
         });
       }),
       _removeUnmounted: re,
-      _disableForm: ds,
-      _subjects: m,
-      _proxyFormState: b,
+      _disableForm: gs,
+      _subjects: f,
+      _proxyFormState: y,
       get _fields() {
         return n;
       },
@@ -1579,19 +1582,19 @@ function kr(e = {}) {
         return r;
       },
       get _state() {
-        return c;
+        return a;
       },
-      set _state(a) {
-        c = a;
+      set _state(o) {
+        a = o;
       },
       get _defaultValues() {
         return i;
       },
       get _names() {
-        return o;
+        return c;
       },
-      set _names(a) {
-        o = a;
+      set _names(o) {
+        c = o;
       },
       get _formState() {
         return s;
@@ -1599,34 +1602,34 @@ function kr(e = {}) {
       get _options() {
         return t;
       },
-      set _options(a) {
+      set _options(o) {
         t = {
           ...t,
-          ...a
+          ...o
         };
       }
     },
-    subscribe: us,
+    subscribe: ys,
     trigger: ne,
-    register: Je,
-    handleSubmit: ht,
-    watch: ls,
-    setValue: G,
+    register: Xe,
+    handleSubmit: gt,
+    watch: hs,
+    setValue: Y,
     getValues: ue,
-    reset: gt,
-    resetField: fs,
-    clearErrors: Se,
-    unregister: Ge,
-    setError: dt,
-    setFocus: ms,
-    getFieldState: Ue
+    reset: bt,
+    resetField: ps,
+    clearErrors: Ce,
+    unregister: Ye,
+    setError: mt,
+    setFocus: bs,
+    getFieldState: qe
   };
   return {
-    ...bt,
-    formControl: bt
+    ...wt,
+    formControl: wt
   };
 }
-function os(e = {}) {
+function ds(e = {}) {
   const t = ie.useRef(void 0), s = ie.useRef(void 0), [n, i] = ie.useState({
     isDirty: !1,
     isValidating: !1,
@@ -1651,23 +1654,23 @@ function os(e = {}) {
         formState: n
       }, e.defaultValues && !fe(e.defaultValues) && e.formControl.reset(e.defaultValues, e.resetOptions);
     else {
-      const { formControl: c, ...o } = kr(e);
+      const { formControl: a, ...c } = Tr(e);
       t.current = {
-        ...o,
+        ...c,
         formState: n
       };
     }
   const r = t.current.control;
-  return r._options = e, ur(() => {
-    const c = r._subscribe({
+  return r._options = e, hr(() => {
+    const a = r._subscribe({
       formState: r._proxyFormState,
       callback: () => i({ ...r._formState }),
       reRenderRoot: !0
     });
-    return i((o) => ({
-      ...o,
+    return i((c) => ({
+      ...c,
       isReady: !0
-    })), r._formState.isReady = !0, c;
+    })), r._formState.isReady = !0, a;
   }, [r]), ie.useEffect(() => r._disableForm(e.disabled), [r, e.disabled]), ie.useEffect(() => {
     e.mode && (r._options.mode = e.mode), e.reValidateMode && (r._options.reValidateMode = e.reValidateMode);
   }, [r, e.mode, e.reValidateMode]), ie.useEffect(() => {
@@ -1678,135 +1681,135 @@ function os(e = {}) {
     });
   }, [r, e.shouldUnregister]), ie.useEffect(() => {
     if (r._proxyFormState.isDirty) {
-      const c = r._getDirty();
-      c !== n.isDirty && r._subjects.state.next({
-        isDirty: c
+      const a = r._getDirty();
+      a !== n.isDirty && r._subjects.state.next({
+        isDirty: a
       });
     }
   }, [r, n.isDirty]), ie.useEffect(() => {
     e.values && !ve(e.values, s.current) ? (r._reset(e.values, {
       keepFieldsRef: !0,
       ...r._options.resetOptions
-    }), s.current = e.values, i((c) => ({ ...c }))) : r._resetDefaultValues();
+    }), s.current = e.values, i((a) => ({ ...a }))) : r._resetDefaultValues();
   }, [r, e.values]), ie.useEffect(() => {
     r._state.mount || (r._setValid(), r._state.mount = !0), r._state.watch && (r._state.watch = !1, r._subjects.state.next({ ...r._formState })), r._removeUnmounted();
-  }), t.current.formState = lr(n, r), t.current;
+  }), t.current.formState = mr(n, r), t.current;
 }
-const dn = (e) => {
-  const { t } = T(), { showStackNotifications: s, showSuccessNotification: n } = Ne(), {
+const bn = (e) => {
+  const { t } = D(), { showStackNotifications: s, showSuccessNotification: n } = Ne(), {
     defaultValues: i,
     mutationFn: r,
-    formToDto: c,
-    onError: o,
-    onSuccess: d,
-    queryKey: f,
-    onSuccessMessage: b
-  } = e, { control: g, handleSubmit: m, reset: p, setError: _, getValues: y, setValue: E } = os({
+    formToDto: a,
+    onError: c,
+    onSuccess: l,
+    queryKey: m,
+    onSuccessMessage: y
+  } = e, { control: g, handleSubmit: f, reset: p, setError: _, getValues: C, setValue: N } = ds({
     defaultValues: i
-  }), H = F(
-    (P) => {
-      const L = P == null ? void 0 : P.errors, J = [];
-      return L && L.forEach(([I, le]) => {
-        const Q = document.querySelector(`[name="${I}"]`);
-        (Q instanceof HTMLInputElement || Q instanceof HTMLTextAreaElement || Q instanceof HTMLSelectElement) && (Q.focus(), Q.classList.add("error"), J.push(t(`_entities:${f}.${I}.${le}`)));
-      }), J;
+  }), B = V(
+    (T) => {
+      const A = T == null ? void 0 : T.errors, I = [];
+      return A && A.forEach(([M, se]) => {
+        const P = document.querySelector(`[name="${M}"]`);
+        (P instanceof HTMLInputElement || P instanceof HTMLTextAreaElement || P instanceof HTMLSelectElement) && (P.focus(), P.classList.add("error"), I.push(t(`_entities:${m}.${M}.${se}`)));
+      }), I;
     },
-    [t, f]
-  ), N = F(() => {
-    document.querySelectorAll("input, textarea, select").forEach((L) => {
-      L.classList.remove("error");
+    [t, m]
+  ), k = V(() => {
+    document.querySelectorAll("input, textarea, select").forEach((A) => {
+      A.classList.remove("error");
     });
-  }, []), q = Me(
+  }, []), F = Me(
     {
       mutationFn: r,
-      onError: (P) => {
-        console.error(P);
-        const L = P;
-        if (o) o(P);
-        else if (Qe(L)) {
-          const J = H(L);
+      onError: (T) => {
+        console.error(T);
+        const A = T;
+        if (c) c(T);
+        else if (Ge(A)) {
+          const I = B(A);
           s(
-            J.map(
-              (I) => ({
-                message: I,
-                type: j.error
+            I.map(
+              (M) => ({
+                message: M,
+                type: z.error
               })
             )
           );
-        } else if (Ke(L)) {
-          const J = L.message || t("_accessibility:errors.500"), I = t(`_accessibility:errors.${L.status}`);
+        } else if (Je(A)) {
+          const I = A.message || t("_accessibility:errors.500"), M = t(`_accessibility:errors.${A.status}`);
           s([
             {
-              message: I || J,
-              type: j.error
+              message: M || I,
+              type: z.error
             }
           ]);
         }
       },
-      onSuccess: async (P) => {
-        pe && await pe.invalidateQueries({ queryKey: f }), d && d(P), b && n({
-          message: b
+      onSuccess: async (T) => {
+        be && await be.invalidateQueries({ queryKey: m }), l && l(T), y && n({
+          message: y
         });
       }
     }
   );
   return {
     control: g,
-    getValues: y,
-    setValue: E,
-    handleSubmit: m,
-    onSubmit: (P) => q.mutate(
-      c ? c(P) : P
-    ),
+    getValues: C,
+    setValue: N,
+    handleSubmit: f,
+    onSubmit: (T) => {
+      k(), F.mutate(
+        a ? a(T) : T
+      );
+    },
     reset: p,
     setError: _,
-    parseFormError: H,
-    releaseFormError: N,
-    isLoading: q.isPending
+    isLoading: F.isPending
   };
-}, Nr = (e) => {
-  const { t } = T(), { onClick: s, hidden: n = !1, disabled: i = !1 } = e;
+}, $r = (e) => {
+  const { t } = D(), { onClick: s, hidden: n = !1, disabled: i = !1 } = e;
   return {
-    action: F(
-      (c) => ({
-        id: _e.Delete,
-        hidden: !!c.deletedAt || n,
-        disabled: !!c.deletedAt || i,
-        icon: /* @__PURE__ */ h(ce, { className: "text-red-500", icon: Ls }),
+    action: V(
+      (a) => ({
+        id: Se.Delete,
+        hidden: !!a.deletedAt || n,
+        disabled: !!a.deletedAt || i,
+        icon: /* @__PURE__ */ h(ce, { className: "text-bg-error", icon: Ps }),
         tooltip: t("_pages:common.actions.delete.text"),
-        onClick: () => s([c == null ? void 0 : c.id]),
-        onMultipleClick: (o) => s(o.map((d) => d.id)),
+        onClick: () => s([a == null ? void 0 : a.id]),
+        onMultipleClick: (c) => s(c.map((l) => l.id)),
         multiple: !0
       }),
       [i, n, s, t]
     )
   };
-}, Ar = (e) => {
-  const { t } = T(), { onClick: s, hidden: n = !1 } = e;
+}, Fr = (e) => {
+  const { t } = D(), { onClick: s, hidden: n = !1 } = e;
   return {
-    action: F(
+    action: V(
       (r) => ({
-        id: _e.Restore,
+        id: Se.Restore,
         hidden: !r.deletedAt || n,
         disabled: !r.deletedAt,
-        icon: /* @__PURE__ */ h(ce, { className: "text-red-500", icon: Ot }),
+        icon: /* @__PURE__ */ h(ce, { className: "text-bg-error", icon: Ht }),
         tooltip: t("_pages:common.actions.restore.text"),
         onClick: () => s([r == null ? void 0 : r.id]),
-        onMultipleClick: (c) => s(c.map((o) => o.id)),
+        onMultipleClick: (a) => s(a.map((c) => c.id)),
         multiple: !0
       }),
       [n, s, t]
     )
   };
-}, fn = (e) => {
-  const { t } = T(), { onClick: s, hidden: n = !1 } = e;
+}, wn = (e) => {
+  const { t } = D(), { onClick: s, hidden: n = !1 } = e;
   return {
-    action: F(
+    action: V(
       (r) => ({
-        id: _e.Edit,
+        id: Se.Edit,
         hidden: !!r.deletedAt || n,
         disabled: !!r.deletedAt,
-        icon: /* @__PURE__ */ h(ce, { className: "primary", icon: Ts }),
+        icon: /* @__PURE__ */ h(ce, { className: "primary", icon: Os }),
         tooltip: t("_pages:common.actions.edit.text"),
         onClick: () => s(r == null ? void 0 : r.id)
       }),
@@ -1814,25 +1817,25 @@ const dn = (e) => {
     )
   };
 };
-var _e = /* @__PURE__ */ ((e) => (e.Add = "add", e.Edit = "edit", e.Delete = "delete", e.Restore = "restore", e.Refresh = "refresh", e.Export = "export", e.Import = "import", e))(_e || {});
-const Er = (e) => {
-  const { t } = T(), {
+var Se = /* @__PURE__ */ ((e) => (e.Add = "add", e.Edit = "edit", e.Delete = "delete", e.Restore = "restore", e.Refresh = "refresh", e.Export = "export", e.Import = "import", e))(Se || {});
+const Lr = (e) => {
+  const { t } = D(), {
     onClick: s,
     hidden: n = !1,
     disabled: i = !1,
     isLoading: r = !1
   } = e;
   return {
-    action: F(
+    action: V(
       () => ({
-        id: _e.Export,
+        id: Se.Export,
         hidden: n,
         disabled: i,
         icon: /* @__PURE__ */ h(
           ce,
           {
             className: `${r ? "rotate" : ""}`,
-            icon: r ? Ut : Ds
+            icon: r ? Bt : Ms
           }
         ),
         tooltip: t("_pages:common.actions.export.text"),
@@ -1841,24 +1844,24 @@ const Er = (e) => {
       [i, n, r, s, t]
     )
   };
-}, $r = (e) => {
-  const { t } = T(), {
+}, Dr = (e) => {
+  const { t } = D(), {
     onClick: s,
     hidden: n = !1,
     disabled: i = !1,
     isLoading: r = !1
   } = e;
   return {
-    action: F(
+    action: V(
       () => ({
-        id: _e.Import,
+        id: Se.Import,
         hidden: n,
         disabled: i,
         icon: /* @__PURE__ */ h(
           ce,
           {
             className: `${r ? "rotate" : ""}`,
-            icon: r ? Ut : Vs
+            icon: r ? Bt : Rs
           }
         ),
         tooltip: t("_pages:common.actions.import.text"),
@@ -1867,354 +1870,372 @@ const Er = (e) => {
       [i, n, r, s, t]
     )
   };
-}, mn = (e) => {
-  const { queryKey: t, onSuccess: s, ...n } = e, { showStackNotifications: i } = Ne(), { t: r } = T(), { open: c, onClick: o, close: d, dialogFn: f, isLoading: b } = Zt({
+}, vn = (e) => {
+  const { queryKey: t, onSuccess: s, ...n } = e, { showStackNotifications: i } = Ne(), { t: r } = D(), { open: a, onClick: c, close: l, dialogFn: m, isLoading: y } = rs({
     onSuccessMessage: r("_pages:common.actions.delete.successMessage"),
-    onError: (m) => {
-      const p = m;
-      if (Qe(p))
+    onError: (f) => {
+      const p = f;
+      if (Ge(p))
         i(
           p.errors.map(
-            ([_, y]) => ({
-              message: r(`_pages:${_}.errors.${y}`),
-              type: j.error
+            ([_, C]) => ({
+              message: r(`_pages:${_}.errors.${C}`),
+              type: z.error
             })
           )
         );
-      else if (Ke(p)) {
-        const _ = p.message || r("_accessibility:errors.500"), y = r(`_accessibility:errors.${p.status}`);
+      else if (Je(p)) {
+        const _ = p.message || r("_accessibility:errors.500"), C = r(`_accessibility:errors.${p.status}`);
         i([
           {
-            message: y || _,
-            type: j.error
+            message: C || _,
+            type: z.error
           }
         ]);
       }
     },
-    onSuccess: async (m) => {
-      await pe.invalidateQueries({ queryKey: t }), s && s(m);
+    onSuccess: async (f) => {
+      await be.invalidateQueries({ queryKey: t }), s && s(f);
     },
     ...n
-  }), { action: g } = Nr({ onClick: o });
+  }), { action: g } = $r({ onClick: c });
   return {
-    onClick: o,
+    onClick: c,
     title: r("_pages:common.actions.delete.dialog.title"),
-    open: c,
-    isLoading: b,
-    handleSubmit: () => f.mutate(),
-    handleClose: d,
+    open: a,
+    isLoading: y,
+    handleSubmit: () => m.mutate(),
+    handleClose: l,
     action: g
   };
-}, cs = () => {
-  const [e, t] = R(!1);
+}, fs = () => {
+  const [e, t] = J(!1);
   return { open: e, setOpen: t, handleClose: () => t(!1), handleOpen: () => t(!0) };
-}, hn = (e) => {
-  const { t } = T(), {
+}, _n = (e) => {
+  const { t } = D(), {
     showErrorNotification: s,
     showStackNotifications: n,
     showSuccessNotification: i
   } = Ne(), {
     defaultValues: r,
-    getFunction: c,
-    mutationFn: o,
-    formToDto: d,
-    dtoToForm: f,
-    onError: b,
+    getFunction: a,
+    mutationFn: c,
+    formToDto: l,
+    dtoToForm: m,
+    onError: y,
     onSuccess: g,
-    queryKey: m,
+    queryKey: f,
     onSuccessMessage: p,
     title: _
-  } = e, [y, E] = R(0), { open: H, handleClose: N, handleOpen: q } = cs(), { control: P, handleSubmit: L, reset: J, setError: I, getValues: le, setValue: Q } = os({
+  } = e, [C, N] = J(0), { open: B, handleClose: k, handleOpen: F } = fs(), { control: T, handleSubmit: A, reset: I, setError: M, getValues: se, setValue: P } = ds({
     defaultValues: r
-  }), { data: re, isLoading: Z } = zs({
-    queryFn: () => c == null ? void 0 : c(y),
-    queryKey: [...m, y],
-    enabled: !!c && !!m && !!y
+  }), { data: re, isLoading: ae } = Xs({
+    queryFn: () => a == null ? void 0 : a(C),
+    queryKey: [...f, C],
+    enabled: !!a && !!f && !!C
   });
-  ae(() => {
-    re && f && J({ ...f(re) });
+  le(() => {
+    re && m && I({ ...m(re) });
   }, [re]);
-  const k = F(
-    (O) => {
-      const X = O == null ? void 0 : O.errors, ne = [];
-      return X && X.forEach(([ue, Ue]) => {
-        const Se = document.querySelector(`[name="${ue}"]`);
-        (Se instanceof HTMLInputElement || Se instanceof HTMLTextAreaElement || Se instanceof HTMLSelectElement) && (Se.focus(), Se.classList.add("error"), ne.push(t(`_entities:${m}.${ue}.${Ue}`)));
+  const $ = V(
+    (R) => {
+      const X = R == null ? void 0 : R.errors, ne = [];
+      return X && X.forEach(([ue, qe]) => {
+        const Ce = document.querySelector(`[name="${ue}"]`);
+        (Ce instanceof HTMLInputElement || Ce instanceof HTMLTextAreaElement || Ce instanceof HTMLSelectElement) && (Ce.focus(), Ce.classList.add("error"), ne.push(t(`_entities:${f}.${ue}.${qe}`)));
       }), ne;
     },
-    [t, m]
-  ), A = F(() => {
+    [t, f]
+  ), L = V(() => {
     document.querySelectorAll("input, textarea, select").forEach((X) => {
       X.classList.remove("error");
     });
-  }, []), D = F(
-    (O) => {
-      E(O ?? 0), q();
+  }, []), H = V(
+    (R) => {
+      N(R ?? 0), F();
     },
-    [q]
-  ), M = F(() => {
-    A(), N(), J();
-  }, [J, A, N]), G = Me({
-    mutationFn: o,
-    onError: (O) => {
-      if (console.error(O), b) b(O);
+    [F]
+  ), W = V(() => {
+    L(), k(), I();
+  }, [I, L, k]), Y = Me({
+    mutationFn: c,
+    onError: (R) => {
+      if (console.error(R), y) y(R);
       else {
-        const X = O;
-        if (Qe(X)) {
-          const ne = k(X);
+        const X = R;
+        if (Ge(X)) {
+          const ne = $(X);
           n(
             ne.map(
               (ue) => ({
                 message: ue,
-                type: j.error
+                type: z.error
               })
             )
           );
-        } else if (Ke(X)) {
+        } else if (Je(X)) {
           const ne = X.message || t("_accessibility:errors.500"), ue = t(`_accessibility:errors.${X.status}`);
           s({ message: ue || ne });
         } else
           s({ message: t("_accessibility:errors.500") });
       }
     },
-    onSuccess: async (O) => {
-      await pe.invalidateQueries({ queryKey: m }), g && g(O), i({
+    onSuccess: async (R) => {
+      await be.invalidateQueries({ queryKey: f }), g && g(R), i({
         message: p
-      }), M();
+      }), W();
     }
   });
   return {
-    open: H,
-    openDialog: D,
-    handleClose: M,
-    control: P,
-    getValues: le,
-    setValue: Q,
-    handleSubmit: L,
-    onSubmit: (O) => G.mutate(
-      d ? d(O) : O
+    open: B,
+    openDialog: H,
+    handleClose: W,
+    control: T,
+    getValues: se,
+    setValue: P,
+    handleSubmit: A,
+    onSubmit: (R) => Y.mutate(
+      l ? l(R) : R
     ),
-    reset: J,
-    setError: I,
-    parseFormError: k,
-    releaseFormError: A,
+    reset: I,
+    setError: M,
     title: _,
-    isLoading: Z || G.isPending
+    isLoading: ae || Y.isPending
   };
-}, yn = (e) => {
-  const { queryKey: t, onSuccess: s, ...n } = e, { showStackNotifications: i } = Ne(), { t: r } = T(), { open: c, onClick: o, close: d, dialogFn: f, isLoading: b } = Zt({
+}, Sn = (e) => {
+  const { queryKey: t, onSuccess: s, ...n } = e, { showStackNotifications: i } = Ne(), { t: r } = D(), { open: a, onClick: c, close: l, dialogFn: m, isLoading: y } = rs({
     onSuccessMessage: r("_pages:common.actions.restore.successMessage"),
-    onError: (m) => {
-      const p = m;
-      if (Qe(p))
+    onError: (f) => {
+      const p = f;
+      if (Ge(p))
         i(
           p.errors.map(
-            ([_, y]) => ({
-              message: r(`_pages:${_}.errors.${y}`),
-              type: j.error
+            ([_, C]) => ({
+              message: r(`_pages:${_}.errors.${C}`),
+              type: z.error
             })
           )
         );
-      else if (Ke(p)) {
-        const _ = p.message || r("_accessibility:errors.500"), y = r(`_accessibility:errors.${p.status}`);
+      else if (Je(p)) {
+        const _ = p.message || r("_accessibility:errors.500"), C = r(`_accessibility:errors.${p.status}`);
         i([
           {
-            message: y || _,
-            type: j.error
+            message: C || _,
+            type: z.error
           }
         ]);
       }
     },
-    onSuccess: async (m) => {
-      await pe.invalidateQueries({ queryKey: t }), s && s(m);
+    onSuccess: async (f) => {
+      await be.invalidateQueries({ queryKey: t }), s && s(f);
     },
     ...n
-  }), { action: g } = Ar({ onClick: o });
+  }), { action: g } = Fr({ onClick: c });
   return {
-    onClick: o,
+    onClick: c,
     title: r("_pages:common.actions.restore.dialog.title"),
-    open: c,
-    isLoading: b,
-    handleSubmit: () => f.mutate(),
-    handleClose: d,
+    open: a,
+    isLoading: y,
+    handleSubmit: () => m.mutate(),
+    handleClose: l,
     action: g
   };
 };
-function gn(e) {
-  const { t } = T(), { queryKey: s, mutationFn: n, entity: i, fileProcessor: r, onError: c } = e, [o, d] = R(!1), [f, b] = R(null), [g, m] = R(!1), p = Me({
+function Cn(e) {
+  const { t } = D(), { queryKey: s, mutationFn: n, entity: i, fileProcessor: r, onError: a } = e, [c, l] = J(!1), [m, y] = J(null), [g, f] = J(!1), p = Me({
     mutationFn: n,
-    onError: (y) => {
-      console.error(y), c == null || c(y);
+    onError: (C) => {
+      console.error(C), a == null || a(C);
     },
     onSuccess: async () => {
-      pe && await pe.invalidateQueries({ queryKey: s });
+      be && await be.invalidateQueries({ queryKey: s });
     }
-  }), { action: _ } = $r({
-    onClick: () => d(!0)
+  }), { action: _ } = Dr({
+    onClick: () => l(!0)
   });
   return {
     handleSubmit: async () => {
-      if (!(!f || f.length === 0))
+      if (!(!m || m.length === 0))
         try {
           await p.mutateAsync({
-            items: f,
+            items: m,
             override: g
-          }), d(!1), b(null), m(!1);
-        } catch (y) {
-          console.error(y);
+          }), l(!1), y(null), f(!1);
+        } catch (C) {
+          console.error(C);
         }
     },
     isLoading: p.isPending,
     fileProcessor: r,
-    onFileProcessed: (y) => b(y),
-    onOverrideChange: (y) => m(y),
-    open: o,
+    onFileProcessed: (C) => y(C),
+    onOverrideChange: (C) => f(C),
+    open: c,
     title: t("_pages:common.actions.import.dialog.title", {
       entity: t(`_pages:${i}.title`)
     }),
     handleClose: () => {
-      d(!1), b(null);
+      l(!1), y(null);
     },
     action: _
   };
 }
-const bn = (e) => {
-  const { showSuccessNotification: t } = Ne(), { t: s } = T(), {
+const En = (e) => {
+  const { showSuccessNotification: t } = Ne(), { t: s } = D(), {
     entity: n,
     mutationFn: i,
     onError: r,
-    onSuccess: c,
-    onSuccessMessage: o = s("_pages:common.actions.export.successMessage")
-  } = e, d = Me({
+    onSuccess: a,
+    onSuccessMessage: c = s("_pages:common.actions.export.successMessage")
+  } = e, l = Me({
     mutationFn: () => i(),
     onError: (g) => {
       console.error(g), r && r(g);
     },
     onSuccess: async (g) => {
-      const m = JSON.stringify(g, null, 2), p = new Blob([m], { type: "application/json" }), _ = URL.createObjectURL(p), y = document.createElement("a");
-      y.href = _, y.download = `${n}.json`, y.click(), URL.revokeObjectURL(_), c && c(g), t({
-        message: o
+      const f = JSON.stringify(g, null, 2), p = new Blob([f], { type: "application/json" }), _ = URL.createObjectURL(p), C = document.createElement("a");
+      C.href = _, C.download = `${n}.json`, C.click(), URL.revokeObjectURL(_), a && a(g), t({
+        message: c
       });
     }
-  }), f = F(() => {
-    d.mutate();
-  }, [d]), { action: b } = Er({
-    onClick: f,
-    isLoading: d.isPending
+  }), m = V(() => {
+    l.mutate();
+  }, [l]), { action: y } = Lr({
+    onClick: m,
+    isLoading: l.isPending
   });
   return {
-    action: b
+    action: y
   };
 };
-function Fr(e) {
-  const [t, s] = R(!1), n = F(() => {
+function Vr(e) {
+  const [t, s] = J(!1), n = V(() => {
     const i = window.scrollY > e;
     s(i);
   }, [e]);
-  return ae(() => (window.addEventListener("scroll", n), () => {
+  return le(() => (window.addEventListener("scroll", n), () => {
     window.removeEventListener("scroll", n);
   }), [n]), t;
 }
-const pn = () => {
-  const { t: e } = T(), t = Fr(200);
+const Nn = () => {
+  const { t: e } = D(), t = Vr(200);
   return /* @__PURE__ */ h(
-    be,
+    pe,
     {
-      icon: Ps,
-      onClick: () => Ys.scrollTo(0, 0),
+      variant: "submit",
+      color: "primary",
+      icon: Us,
       "data-tooltip-id": "tooltip",
-      "data-tooltip-content": e("_accessibility:buttons.toTop"),
-      className: `submit primary to-top ${t ? "show" : "hide"}`
+      onClick: () => tr.scrollTo(0, 0),
+      className: `to-top ${t ? "show" : "hide"}`,
+      "data-tooltip-content": e("_accessibility:buttons.toTop")
     }
   );
-}, Lr = (e) => {
-  const { actions: t = [], className: s = "" } = e, { t: n } = T(), [i, r] = R(!1);
-  return /* @__PURE__ */ $("div", { className: `actions-dropdown ${s}`, children: [
+}, Ir = (e) => {
+  const { actions: t = [], className: s = "" } = e, { t: n } = D(), [i, r] = J(!1), [a, c] = J(null);
+  return /* @__PURE__ */ x("div", { className: `actions-dropdown ${s}`, children: [
     /* @__PURE__ */ h(
-      be,
+      pe,
       {
-        icon: Is,
-        onClick: () => r(!0),
+        icon: qs,
+        onClick: (l) => {
+          c(l.currentTarget), r((m) => !m);
+        },
         className: "actions-dropdown-trigger",
         "data-tooltip-id": "tooltip",
         "data-tooltip-content": n("_accessibility:buttons.openActions")
       }
     ),
-    /* @__PURE__ */ h(xs, { open: i, onClose: () => r(!1), children: /* @__PURE__ */ h(
-      Ht,
+    /* @__PURE__ */ h(
+      ks,
       {
-        showActionTexts: !0,
-        actions: t,
-        className: "flex-col",
-        showTooltips: !1
+        open: i,
+        onClose: () => r(!1),
+        anchorEl: a,
+        children: /* @__PURE__ */ h(
+          Wt,
+          {
+            showActionTexts: !0,
+            actions: t,
+            itemClassName: "w-full",
+            actionClassName: "action-dropdown-item",
+            className: "actions-dropdown-list",
+            showTooltips: !1
+          }
+        )
       }
-    ) })
+    )
   ] });
-}, wn = Mt(function(e, t) {
+}, Rt = (e) => e == null ? !1 : `${e}`.length > 0, kn = qt(function(e, t) {
   const {
     value: s,
-    onChange: n,
-    state: i = _s.default,
-    name: r = "",
+    defaultValue: n,
+    onChange: i,
+    state: r = As.default,
+    name: a = "",
     id: c = "",
-    label: o = "",
-    disabled: d = !1,
-    required: f = !1,
-    containerClassName: b = "",
-    inputClassName: g = "",
-    labelClassName: m = "",
-    helperText: p = "",
-    helperTextClassName: _ = "",
-    ...y
-  } = e;
-  return /* @__PURE__ */ $("div", { className: `relative z-0 w-full mb-5 group ${b}`, children: [
+    label: l = "",
+    disabled: m = !1,
+    required: y = !1,
+    containerClassName: g = "",
+    inputClassName: f = "",
+    labelClassName: p = "",
+    helperText: _ = "",
+    helperTextClassName: C = "",
+    ...N
+  } = e, B = s !== void 0, [k, F] = J(
+    () => Rt(n)
+  ), T = B ? Rt(s) : k, A = (I) => {
+    B || F(I.currentTarget.value.length > 0), i == null || i(I);
+  };
+  return /* @__PURE__ */ x("div", { className: `form-paragraph-container group ${g}`, children: [
     /* @__PURE__ */ h(
       "textarea",
       {
         ref: t,
-        name: r,
+        name: a,
         id: c,
-        className: `text-input text-area ${Ss(i)} ${g} peer`,
-        required: f,
-        value: s,
-        onChange: n,
-        disabled: d,
-        ...y
+        className: `text-input text-area form-paragraph-textarea peer ${xs(r)} ${T ? "has-value" : ""} ${N.placeholder ? "has-placeholder" : ""} ${f}`,
+        required: y,
+        defaultValue: n,
+        ...B ? { value: s } : {},
+        onChange: A,
+        disabled: m,
+        ...N
       }
     ),
-    /* @__PURE__ */ $(
+    /* @__PURE__ */ x(
       "label",
       {
-        htmlFor: r,
-        className: `text-input-label ${Cs(i)} ${m}`,
+        htmlFor: c,
+        className: `text-input-label ${Ts(r)} ${p}`,
         children: [
-          o,
-          f ? " *" : ""
+          l,
+          y ? " *" : ""
         ]
       }
     ),
-    !!p && /* @__PURE__ */ h(
+    !!_ && /* @__PURE__ */ h(
       "p",
       {
-        className: `text-input-helper-text ${ks(i)} ${_}`,
-        children: p
+        className: `text-input-helper-text ${$s(r)} ${C}`,
+        children: _
       }
     )
   ] });
-}), vn = (e) => {
-  const { t } = T(), {
+}), An = (e) => {
+  const { t } = D(), {
     children: s,
     handleSubmit: n,
     onSubmit: i,
     isLoading: r = !1,
-    buttonEnd: c = !0,
-    reset: o
+    buttonEnd: a = !0,
+    reset: c
   } = e;
-  return /* @__PURE__ */ $("form", { className: "form-container", onSubmit: n(i), children: [
+  return /* @__PURE__ */ x("form", { className: "form-container", onSubmit: n(i), children: [
     s,
-    /* @__PURE__ */ $("div", { className: `flex gap-2 mt-5 ${c ? "justify-end" : ""}`, children: [
-      /* @__PURE__ */ $(
-        xe,
+    /* @__PURE__ */ x("div", { className: `form-actions ${a ? "end" : ""}`, children: [
+      /* @__PURE__ */ x(
+        _e,
         {
           type: "submit",
           color: "primary",
@@ -2223,17 +2244,17 @@ const pn = () => {
           name: t("_accessibility:buttons.submit"),
           "aria-label": t("_accessibility:ariaLabels.submit"),
           children: [
-            r ? /* @__PURE__ */ h(Ve, { color: "stroke-base", loaderClass: "!w-6 mt-1", strokeWidth: "6" }) : null,
+            r ? /* @__PURE__ */ h(xe, { color: "stroke-base", loaderClass: "!w-6 mt-1", strokeWidth: "6" }) : null,
             t("_accessibility:buttons.submit")
           ]
         }
       ),
       /* @__PURE__ */ h(
-        xe,
+        _e,
         {
           type: "button",
           variant: "outlined",
-          onClick: () => o == null ? void 0 : o(),
+          onClick: () => c == null ? void 0 : c(),
           name: t("_accessibility:buttons.cancel"),
           "aria-label": t("_accessibility:ariaLabels.cancel"),
           children: t("_accessibility:buttons.cancel")
@@ -2241,79 +2262,75 @@ const pn = () => {
       )
     ] })
   ] });
-}, xn = Mt(function(e, t) {
-  const [s, n] = R(!1);
-  return /* @__PURE__ */ h(Ns, { ...e, type: s ? "text" : "password", ref: t, children: /* @__PURE__ */ h(
-    be,
+}, xn = qt(function(e, t) {
+  const { t: s } = D(), [n, i] = J(!1);
+  return /* @__PURE__ */ h(Fs, { ...e, type: n ? "text" : "password", ref: t, children: /* @__PURE__ */ h(
+    pe,
     {
       type: "button",
       tabIndex: -1,
-      className: "absolute right-2 password-icon",
-      onClick: () => n(!s),
-      icon: s ? Ms : Os
+      "aria-label": s(
+        n ? "_accessibility:ariaLabels.hidePassword" : "_accessibility:ariaLabels.showPassword"
+      ),
+      className: "password-icon",
+      onClick: () => i(!n),
+      icon: n ? Hs : Bs
     }
   ) });
-}), lt = (e) => {
-  const { t } = T(), {
+}), dt = (e) => {
+  const { t } = D(), {
     title: s,
     children: n,
     handleClose: i,
     open: r = !1,
-    containerClassName: c = "",
-    className: o = "",
-    animationClass: d = "appear"
-  } = e, [f, b] = R(window.innerWidth), g = F(
-    (y) => {
-      y.key === "Escape" && r && i();
+    containerClassName: a = "",
+    className: c = "",
+    animationClass: l = "appear"
+  } = e, m = V(
+    (g) => {
+      g.key === "Escape" && r && i();
     },
     [r, i]
   );
-  ae(() => (window.addEventListener("keydown", g), () => {
-    window.removeEventListener("keydown", g);
-  }), [g]);
-  const m = F(() => {
-    b(window.innerWidth);
-  }, []);
-  ae(() => (window.addEventListener("resize", m), () => {
-    window.removeEventListener("resize", m);
+  le(() => (window.addEventListener("keydown", m), () => {
+    window.removeEventListener("keydown", m);
   }), [m]);
-  const p = ke(() => Qs({ width: `${f}px` }), [f]), _ = F(
-    (y) => {
-      var E;
-      ((E = y == null ? void 0 : y.currentTarget) == null ? void 0 : E.getAttribute("name")) === t("_accessibility:buttons.closeDialog") && i();
+  const y = V(
+    (g) => {
+      g.target === g.currentTarget && i();
     },
-    [t, i]
+    [i]
   );
-  return ae(() => {
-    const y = (E) => {
-      E ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
+  return le(() => {
+    const g = (f) => {
+      f ? document.body.style.overflow = "hidden" : document.body.style.overflow = "auto";
     };
-    return y(r), () => {
-      y(r);
+    return g(r), () => {
+      g(!1);
     };
-  }, [r]), qt(
+  }, [r]), Kt(
     /* @__PURE__ */ h(
       "div",
       {
         "aria-label": t("_accessibility:ariaLabels.closeDialog"),
-        "aria-disabled": !r,
-        onClick: _,
-        className: `dialog-backdrop animated ${r ? `opened ${d}` : "closed"} ${p} h-screen ${r ? "bg-base/20 backdrop-blur-xl" : "pointer-events-none"} ${c}`,
-        children: /* @__PURE__ */ $(
+        "aria-hidden": !r,
+        onClick: y,
+        className: `dialog-backdrop animated ${r ? `opened ${l}` : "closed"} ${a}`,
+        children: /* @__PURE__ */ x(
           "div",
           {
-            className: `dialog elevated animated ${r ? `opened ${d}` : "closed"} ${o}`,
+            className: `dialog elevated animated ${r ? `opened ${l}` : "closed"} ${c}`,
             children: [
-              /* @__PURE__ */ $("div", { className: "dialog-header", children: [
-                /* @__PURE__ */ h("h3", { className: "text-text text-xl", children: s }),
+              /* @__PURE__ */ x("div", { className: "dialog-header", children: [
+                /* @__PURE__ */ h("h3", { className: "dialog-title", children: s }),
                 /* @__PURE__ */ h(
-                  be,
+                  pe,
                   {
-                    icon: Rt,
+                    icon: Qt,
                     disabled: !r,
                     "aria-disabled": !r,
                     onClick: i,
-                    className: "icon-button text-red-400",
+                    className: "icon-button dialog-close-btn",
                     name: t("_accessibility:buttons.closeDialog"),
                     "aria-label": t("_accessibility:ariaLabels.closeDialog")
                   }
@@ -2327,51 +2344,51 @@ const pn = () => {
     ),
     document.body
   );
-}, ut = (e) => {
+}, ft = (e) => {
   const {
     primaryText: t,
     cancelText: s,
     onPrimaryClick: n,
     onCancel: i,
     isLoading: r = !1,
-    disabled: c = !1,
-    primaryType: o = "submit",
-    containerClassName: d = "",
-    primaryClassName: f = "",
-    alignEnd: b = !1,
+    disabled: a = !1,
+    primaryType: c = "submit",
+    containerClassName: l = "",
+    primaryClassName: m = "",
+    alignEnd: y = !1,
     primaryName: g,
-    primaryAriaLabel: m,
+    primaryAriaLabel: f,
     cancelName: p,
     cancelAriaLabel: _
   } = e;
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ x(
     "div",
     {
-      className: `flex gap-2 mt-2 ${b ? "justify-end" : ""} ${d}`,
+      className: `dialog-actions ${y ? "end" : ""} ${l}`,
       children: [
-        /* @__PURE__ */ $(
-          xe,
+        /* @__PURE__ */ x(
+          _e,
           {
-            type: o,
+            type: c,
             color: "primary",
             variant: "submit",
-            className: f,
-            disabled: c,
-            onClick: o === "button" ? n : void 0,
+            className: m,
+            disabled: a,
+            onClick: n,
             name: g,
-            "aria-label": m,
+            "aria-label": f,
             children: [
-              r ? /* @__PURE__ */ h(Ve, { color: "stroke-base", loaderClass: "!w-6 mt-1", strokeWidth: "6" }) : null,
+              r ? /* @__PURE__ */ h(xe, { color: "stroke-base", loaderClass: "!w-6 mt-1", strokeWidth: "6" }) : null,
               t
             ]
           }
         ),
         /* @__PURE__ */ h(
-          xe,
+          _e,
           {
             type: "button",
             variant: "outlined",
-            disabled: c,
+            disabled: a,
             onClick: i,
             name: p,
             "aria-label": _,
@@ -2381,29 +2398,29 @@ const pn = () => {
       ]
     }
   );
-}, _n = (e) => {
-  const { t } = T(), {
+}, Tn = (e) => {
+  const { t } = D(), {
     children: s,
     handleSubmit: n,
     onSubmit: i,
     handleClose: r,
-    isLoading: c = !1,
-    buttonEnd: o = !0,
-    ...d
+    isLoading: a = !1,
+    buttonEnd: c = !0,
+    ...l
   } = e;
-  return /* @__PURE__ */ h(lt, { ...d, handleClose: r, children: /* @__PURE__ */ $("form", { onSubmit: n(i), children: [
+  return /* @__PURE__ */ h(dt, { ...l, handleClose: r, children: /* @__PURE__ */ x("form", { onSubmit: n(i), children: [
     /* @__PURE__ */ h("div", { className: "form-container", children: s }),
     /* @__PURE__ */ h(
-      ut,
+      ft,
       {
         primaryType: "submit",
         primaryText: t("_accessibility:buttons.submit"),
         cancelText: t("_accessibility:buttons.cancel"),
         onCancel: r,
-        isLoading: c,
-        disabled: c,
-        primaryClassName: "!px-6",
-        alignEnd: o,
+        isLoading: a,
+        disabled: a,
+        primaryClassName: "dialog-form-primary",
+        alignEnd: c,
         primaryName: t("_accessibility:buttons.submit"),
         primaryAriaLabel: t("_accessibility:ariaLabels.submit"),
         cancelName: t("_accessibility:buttons.cancel"),
@@ -2411,18 +2428,18 @@ const pn = () => {
       }
     )
   ] }) });
-}, Sn = (e) => {
-  const { t } = T(), {
+}, $n = (e) => {
+  const { t } = D(), {
     children: s,
     handleSubmit: n,
     handleClose: i,
     isLoading: r = !1,
-    ...c
+    ...a
   } = e;
-  return /* @__PURE__ */ $(lt, { ...c, handleClose: i, children: [
+  return /* @__PURE__ */ x(dt, { ...a, handleClose: i, children: [
     s,
     /* @__PURE__ */ h(
-      ut,
+      ft,
       {
         primaryText: t("_accessibility:buttons.ok"),
         cancelText: t("_accessibility:buttons.cancel"),
@@ -2440,104 +2457,120 @@ const pn = () => {
     )
   ] });
 };
-function Tr(e) {
-  const { message: t, className: s = "" } = e, { t: n } = T();
-  return t ? /* @__PURE__ */ h("p", { className: `text-red-600 text-sm mt-2 ${s}`, children: t || n("_messages:errors.parseFile", { defaultValue: "Failed to process file" }) }) : null;
+function Pr(e) {
+  const { message: t, className: s = "" } = e, { t: n } = D();
+  return /* @__PURE__ */ h("p", { className: `import-error-message ${s}`, children: t ?? n("_messages:errors.parseFile", {
+    defaultValue: "Failed to process file"
+  }) });
 }
-function Dr(e) {
-  const { message: t, className: s = "" } = e, { t: n } = T();
-  return /* @__PURE__ */ $(
-    "div",
-    {
-      className: `my-4 mx-auto flex items-center gap-3 text-sm text-gray-600 ${s}`,
-      children: [
-        /* @__PURE__ */ h(Ve, { loaderClass: "w-5 h-5", className: "!w-auto" }),
-        /* @__PURE__ */ h("span", { children: t ?? n("_messages:loading.processingFile", {
-          defaultValue: "Processing file..."
-        }) })
-      ]
-    }
-  );
+function Or(e) {
+  const { message: t, className: s = "" } = e, { t: n } = D();
+  return /* @__PURE__ */ x("div", { className: `import-loading ${s}`, children: [
+    /* @__PURE__ */ h(xe, { loaderClass: "w-5 h-5", className: "!w-auto" }),
+    /* @__PURE__ */ h("span", { children: t ?? n("_messages:loading.processingFile", {
+      defaultValue: "Processing file..."
+    }) })
+  ] });
 }
-function Vr(e) {
-  const { items: t, max: s = 5, className: n = "" } = e, { t: i } = T();
+function Mr(e) {
+  const { items: t, max: s = 5, className: n = "" } = e, { t: i } = D();
   if (!t || t.length === 0) return null;
   const r = t.slice(0, s);
-  return /* @__PURE__ */ $("div", { className: `mt-4 ${n}`, children: [
-    /* @__PURE__ */ h("p", { className: "text-sm text-gray-600", children: i("_pages:common.actions.import.previewCount", {
+  return /* @__PURE__ */ x("div", { className: `import-preview ${n}`, children: [
+    /* @__PURE__ */ h("p", { className: "import-preview-count", children: i("_pages:common.actions.import.previewCount", {
       count: t.length,
       defaultValue: `Preview: ${t.length} items`
     }) }),
-    /* @__PURE__ */ h("pre", { className: "mt-2 max-h-56 overflow-auto rounded bg-gray-100 p-3 text-xs", children: JSON.stringify(r, null, 2) })
+    /* @__PURE__ */ h("pre", { className: "import-preview-content", children: JSON.stringify(r, null, 2) })
   ] });
 }
-const Cn = (e) => {
-  const { t } = T(), [s, n] = R(null), [i, r] = R(null), [c, o] = R(null), [d, f] = R(!1), [b, g] = R(!1), {
-    children: m,
-    handleSubmit: p,
-    handleClose: _,
-    isLoading: y = !1,
-    fileProcessor: E,
-    onFileProcessed: H,
-    onOverrideChange: N,
-    open: q,
-    ...P
-  } = e, [L, J] = R(0), I = st(H), le = st(E);
-  ae(() => {
-    I.current = H;
-  }, [H]), ae(() => {
-    le.current = E;
-  }, [E]);
-  const [Q, re] = R(q);
-  Q !== q && (re(q), q || (n(null), r(null), o(null), f(!1), g(!1), J((k) => k + 1)));
-  const Z = F(
-    async (k, A) => {
-      var D;
-      if (le.current) {
-        f(!0);
-        try {
-          const M = await le.current(k, { override: A });
-          r(M ?? []), o(null), (D = I.current) == null || D.call(I, M ?? []);
-        } catch (M) {
-          console.error(M), r(null);
-          const G = M instanceof Error ? M.message : "Failed to parse file";
-          o(G);
-        }
-        f(!1);
+const ms = () => ({
+  file: null,
+  previewItems: null,
+  parseError: null,
+  processing: !1,
+  overrideExisting: !1,
+  inputKey: 0
+});
+function Rr(e, t) {
+  switch (t.type) {
+    case "SET_FILE":
+      return { ...e, file: t.file, previewItems: null, parseError: null, processing: !1 };
+    case "START_PROCESSING":
+      return { ...e, processing: !0 };
+    case "SET_PREVIEW":
+      return { ...e, previewItems: t.items, parseError: null, processing: !1 };
+    case "SET_ERROR":
+      return { ...e, previewItems: null, parseError: t.message, processing: !1 };
+    case "SET_OVERRIDE":
+      return { ...e, overrideExisting: t.value };
+    case "RESET":
+      return { ...ms(), inputKey: e.inputKey + 1 };
+  }
+}
+const Fn = (e) => {
+  const { t } = D(), {
+    children: s,
+    handleSubmit: n,
+    handleClose: i,
+    isLoading: r = !1,
+    fileProcessor: a,
+    onFileProcessed: c,
+    onOverrideChange: l,
+    open: m,
+    ...y
+  } = e, [g, f] = Ut(Rr, ms()), { file: p, previewItems: _, parseError: C, processing: N, overrideExisting: B, inputKey: k } = g, F = Ie(c), T = Ie(a);
+  le(() => {
+    F.current = c;
+  }, [c]), le(() => {
+    T.current = a;
+  }, [a]), le(() => {
+    m || f({ type: "RESET" });
+  }, [m]);
+  const A = V(async (I, M) => {
+    var se;
+    if (T.current) {
+      f({ type: "START_PROCESSING" });
+      try {
+        const P = await T.current(I, { override: M });
+        f({ type: "SET_PREVIEW", items: P ?? [] }), (se = F.current) == null || se.call(F, P ?? []);
+      } catch (P) {
+        console.error(P);
+        const re = P instanceof Error ? P.message : "Failed to parse file";
+        f({ type: "SET_ERROR", message: re });
       }
-    },
-    []
-  );
-  return /* @__PURE__ */ $(lt, { ...P, open: q, handleClose: _, children: [
+    }
+  }, []);
+  return /* @__PURE__ */ x(dt, { ...y, open: m, handleClose: i, children: [
     /* @__PURE__ */ h(
-      As,
+      Ls,
       {
         onClear: () => {
-          var k;
-          n(null), r(null), o(null), f(!1), (k = I.current) == null || k.call(I, []);
+          var I;
+          f({ type: "SET_FILE", file: null }), (I = F.current) == null || I.call(F, []);
         },
-        onChange: (k) => {
-          var D, M;
-          const A = (D = k.target.files) == null ? void 0 : D[0];
-          if (!A) {
-            n(null), r(null), o(null), f(!1), (M = I.current) == null || M.call(I, []);
+        onChange: (I) => {
+          var se, P;
+          const M = (se = I.target.files) == null ? void 0 : se[0];
+          if (!M) {
+            f({ type: "SET_FILE", file: null }), (P = F.current) == null || P.call(F, []);
             return;
           }
-          n(A), Z(A, b);
+          f({ type: "SET_FILE", file: M }), A(M, B);
         },
         label: t("_accessibility:labels.file")
       },
-      L
+      k
     ),
-    /* @__PURE__ */ $("label", { className: "mt-3 flex items-center gap-2 text-sm", children: [
+    /* @__PURE__ */ x("label", { className: "import-override-label", children: [
       /* @__PURE__ */ h(
         "input",
         {
           type: "checkbox",
-          checked: b,
-          onChange: (k) => {
-            const A = k.target.checked;
-            g(A), N == null || N(A), s && Z(s, A);
+          checked: B,
+          onChange: (I) => {
+            const M = I.target.checked;
+            f({ type: "SET_OVERRIDE", value: M }), l == null || l(M), p && A(p, M);
           }
         }
       ),
@@ -2545,22 +2578,22 @@ const Cn = (e) => {
         defaultValue: "Override existing items"
       }) })
     ] }),
-    /* @__PURE__ */ h(Tr, { message: c ?? void 0 }),
-    d && /* @__PURE__ */ h(Dr, {}),
-    !!i && i.length > 0 && /* @__PURE__ */ h(Vr, { items: i }),
-    m,
+    /* @__PURE__ */ h(Pr, { message: C }),
+    N && /* @__PURE__ */ h(Or, {}),
+    !!_ && _.length > 0 && /* @__PURE__ */ h(Mr, { items: _ }),
+    s,
     /* @__PURE__ */ h(
-      ut,
+      ft,
       {
         primaryText: t("_accessibility:buttons.ok"),
         cancelText: t("_accessibility:buttons.cancel"),
         onPrimaryClick: () => {
-          (!E || !!i && i.length > 0) && p();
+          (!a || !!_ && _.length > 0) && n();
         },
-        onCancel: _,
-        isLoading: y,
+        onCancel: i,
+        isLoading: r,
         primaryType: "button",
-        containerClassName: "mt-5",
+        containerClassName: "import-dialog-actions",
         primaryName: t("_accessibility:buttons.ok"),
         primaryAriaLabel: t("_accessibility:ariaLabels.ok"),
         cancelName: t("_accessibility:buttons.cancel"),
@@ -2569,63 +2602,67 @@ const Cn = (e) => {
     )
   ] });
 };
-function kn(e) {
-  const { t } = T(), { open: s, onClose: n, menuMap: i, logo: r } = e, { account: c } = Jt(), { dynamicItems: o } = rr(), { linkComponent: d } = We(), f = d, b = ke(() => i.filter((y) => {
-    const E = y.auth, H = !!(c != null && c.email);
-    return E == null || E && H || !E && !H;
-  }), [c == null ? void 0 : c.email, i]), g = F(
-    (y) => {
-      y.key === "Escape" && s && n();
+function Ln(e) {
+  const { t } = D(), { open: s, onClose: n, menuMap: i, logo: r } = e, { account: a } = es(), { dynamicItems: c } = or(), { linkComponent: l, location: m } = Re(), y = l, g = Ae(() => i.filter((N) => {
+    const B = N.auth, k = !!(a != null && a.email);
+    return B == null || B && k || !B && !k;
+  }), [a == null ? void 0 : a.email, i]), f = V(
+    (N) => {
+      N.key === "Escape" && s && n();
     },
     [n, s]
   );
-  ae(() => (document.addEventListener("keydown", g), () => {
-    document.removeEventListener("keydown", g);
-  }), [g]);
-  const m = F(
-    (y, E) => E ? y === `${location.pathname}${location.search}` : y === location.pathname,
-    []
-  ), p = F(
-    (y) => /* @__PURE__ */ h(
+  le(() => (document.addEventListener("keydown", f), () => {
+    document.removeEventListener("keydown", f);
+  }), [f]);
+  const p = V(
+    (N, B) => B ? N === `${m.pathname}${m.search}` : N === m.pathname,
+    [m.pathname, m.search]
+  ), _ = V(
+    (N) => /* @__PURE__ */ h(
       "li",
       {
-        className: `drawer-list-item-child ${m(y.path, !0) ? "active" : ""} animated`,
-        children: y.path ? /* @__PURE__ */ h(
-          f,
+        className: `drawer-list-item-child ${p(N.path, !0) ? "active" : ""} animated`,
+        children: N.path ? /* @__PURE__ */ h(
+          y,
           {
-            "aria-disabled": !s,
-            to: y.path ?? "/",
-            "aria-label": t(`_accessibility:ariaLabels.${y.path}`),
+            tabIndex: s ? 0 : -1,
+            to: N.path ?? "/",
+            "aria-label": t(`_accessibility:ariaLabels.${N.id}`, {
+              defaultValue: N.label
+            }),
             className: "drawer-link",
-            children: y.label
+            children: N.label
           }
-        ) : y.label
+        ) : N.label
       },
-      y.id
+      N.id
     ),
-    [f, s, t, m]
-  ), _ = ke(() => b.map((y, E) => {
-    const H = y.page ?? String(E), N = `drawer-list-item ${m(y.path) ? "active" : ""} animated`;
-    if (y.type === "divider")
-      return /* @__PURE__ */ h("li", { className: N, children: /* @__PURE__ */ h("hr", { className: "drawer-divider" }) }, H);
-    const q = y.children ?? (y.page && o ? o[y.page] : null);
-    return /* @__PURE__ */ $("li", { className: N, children: [
-      /* @__PURE__ */ $(
-        f,
+    [y, s, t, p]
+  ), C = Ae(() => g.map((N, B) => {
+    const k = N.page ?? String(B), F = `drawer-list-item ${p(N.path) ? "active" : ""} animated`;
+    if (N.type === "divider")
+      return /* @__PURE__ */ h("li", { className: F, children: /* @__PURE__ */ h("hr", { className: "drawer-divider" }) }, k);
+    const T = N.children ?? (N.page && c ? c[N.page] : null);
+    return /* @__PURE__ */ x("li", { className: F, children: [
+      /* @__PURE__ */ x(
+        y,
         {
-          "aria-disabled": !s,
-          to: y.path ?? "/",
-          "aria-label": t(`_accessibility:ariaLabels.${y.path}`),
+          tabIndex: s ? 0 : -1,
+          to: N.path ?? "/",
+          "aria-label": t(`_accessibility:ariaLabels.${String(N.page)}`, {
+            defaultValue: t(`_pages:${String(N.page)}.title`)
+          }),
           className: "drawer-link",
           children: [
-            y.icon,
-            t(`_pages:${y.page}.title`)
+            N.icon,
+            t(`_pages:${N.page}.title`)
           ]
         }
       ),
-      q && /* @__PURE__ */ h("ul", { className: "drawer-children-list", children: q.map(p) })
-    ] }, H);
-  }), [f, o, m, s, b, p, t]);
+      T && /* @__PURE__ */ h("ul", { className: "drawer-children-list", children: T.map(_) })
+    ] }, k);
+  }), [y, c, p, s, g, _, t]);
   return /* @__PURE__ */ h(
     "div",
     {
@@ -2633,31 +2670,32 @@ function kn(e) {
       "aria-disabled": !s,
       className: `${s ? "opened" : "closed"} drawer-backdrop`,
       onClick: () => n(),
-      children: /* @__PURE__ */ $("aside", { className: `${s ? "opened" : "closed"} drawer animated`, children: [
-        /* @__PURE__ */ $("div", { className: "drawer-header-container", children: [
+      children: /* @__PURE__ */ x("aside", { className: `${s ? "opened" : "closed"} drawer animated`, children: [
+        /* @__PURE__ */ x("div", { className: "drawer-header-container", children: [
           r,
           /* @__PURE__ */ h("h2", { className: "drawer-header poppins", children: t("_pages:home.appName") })
         ] }),
-        /* @__PURE__ */ h("ul", { className: "flex flex-col", children: _ })
+        /* @__PURE__ */ h("ul", { className: "drawer-menu-list", children: C })
       ] })
     }
   );
 }
-function Nn(e) {
-  const { error: t } = e, { t: s } = T();
-  return /* @__PURE__ */ $("div", { className: "flex flex-col items-center justify-center pt-10 gap-5", children: [
-    /* @__PURE__ */ h(ce, { icon: Gs, className: "text-red-300 text-4xl" }),
-    /* @__PURE__ */ h("p", { className: "text-text text-center", children: (t == null ? void 0 : t.message) ?? s("_accessibility:errors.unknownError") })
+function Dn(e) {
+  const { error: t, resetErrorBoundary: s } = e, { t: n } = D();
+  return /* @__PURE__ */ x("div", { className: "error-container", children: [
+    /* @__PURE__ */ h(ce, { icon: Zs, className: "error-icon" }),
+    /* @__PURE__ */ h("p", { className: "error-message", children: (t == null ? void 0 : t.message) ?? n("_accessibility:errors.unknownError") }),
+    s && /* @__PURE__ */ h("button", { className: "error-retry", onClick: s, children: n("_accessibility:actions.retry", { defaultValue: "Retry" }) })
   ] });
 }
-const Pr = (e) => {
-  const { showBackButton: t, title: s, actions: n } = e, { t: i } = T(), { navigate: r } = We();
-  return /* @__PURE__ */ $("div", { className: "page-header", children: [
-    /* @__PURE__ */ $("div", { className: "page-header-left", children: [
+const Ur = (e) => {
+  const { showBackButton: t, title: s, actions: n } = e, { t: i } = D(), { navigate: r } = Re();
+  return /* @__PURE__ */ x("div", { className: "page-header", children: [
+    /* @__PURE__ */ x("div", { className: "page-header-left", children: [
       t && /* @__PURE__ */ h(
-        be,
+        pe,
         {
-          icon: Us,
+          icon: Qs,
           onClick: () => r(-1),
           name: i("_accessibility:buttons.back"),
           "data-tooltip-id": "tooltip",
@@ -2666,38 +2704,38 @@ const Pr = (e) => {
       ),
       /* @__PURE__ */ h("h2", { className: "page-header-title", children: s })
     ] }),
-    /* @__PURE__ */ $("div", { children: [
-      /* @__PURE__ */ h(Ht, { className: "max-xs:!hidden", actions: n ?? [] }),
-      /* @__PURE__ */ h(Lr, { className: "min-xs:hidden", actions: n ?? [] })
+    /* @__PURE__ */ x("div", { children: [
+      /* @__PURE__ */ h(Wt, { className: "page-header-actions-desktop", actions: n ?? [] }),
+      /* @__PURE__ */ h(Ir, { className: "page-header-actions-mobile", actions: n ?? [] })
     ] })
   ] });
-}, An = (e) => {
+}, Vn = (e) => {
   const {
     title: t,
     children: s,
     addOptions: n,
     filterOptions: i,
     actions: r,
-    queryKey: c,
-    isLoading: o = !1,
-    isAnimated: d = !0,
-    showBackButton: f = !1
-  } = e, { t: b } = T(), { countOfFilters: g } = Es(), m = ke(() => {
+    queryKey: a,
+    isLoading: c = !1,
+    isAnimated: l = !0,
+    showBackButton: m = !1
+  } = e, { t: y } = D(), { countOfFilters: g } = Ds(), f = Ae(() => {
     const p = Array.isArray(r) ? [...r] : [];
-    if (c) {
+    if (a) {
       const _ = {
-        id: _e.Refresh,
-        onClick: () => pe.invalidateQueries({ queryKey: c }),
-        icon: /* @__PURE__ */ h(ce, { icon: Ot }),
-        tooltip: b("_pages:common.actions.refresh.text")
+        id: Se.Refresh,
+        onClick: () => be.invalidateQueries({ queryKey: a }),
+        icon: /* @__PURE__ */ h(ce, { icon: Ht }),
+        tooltip: y("_pages:common.actions.refresh.text")
       };
       p.unshift(_);
     }
     if (n) {
       const _ = {
         ...n,
-        id: _e.Add,
-        icon: /* @__PURE__ */ h(ce, { icon: vt })
+        id: Se.Add,
+        icon: /* @__PURE__ */ h(ce, { icon: St })
       };
       p.unshift(_);
     }
@@ -2705,9 +2743,9 @@ const Pr = (e) => {
       const _ = {
         ...i,
         id: "filter",
-        icon: /* @__PURE__ */ h(ce, { icon: Rs }),
+        icon: /* @__PURE__ */ h(ce, { icon: Ks }),
         children: /* @__PURE__ */ h(
-          $s,
+          Vs,
           {
             className: `${g > 0 ? "show" : "hide"} `,
             count: g
@@ -2717,81 +2755,81 @@ const Pr = (e) => {
       p.push(_);
     }
     return p;
-  }, [r, n, g, i, c, b]);
-  return /* @__PURE__ */ $("main", { className: "page-main", children: [
+  }, [r, n, g, i, a, y]);
+  return /* @__PURE__ */ x("main", { className: "page-main", children: [
     /* @__PURE__ */ h(
-      Pr,
+      Ur,
       {
-        showBackButton: f,
-        actions: m,
+        showBackButton: m,
+        actions: f,
         title: t
       }
     ),
-    /* @__PURE__ */ h("div", { className: `page-main-content ${d ? "appear" : ""}`, children: o ? /* @__PURE__ */ h(Ve, { className: "page-loading" }) : s }),
+    /* @__PURE__ */ h("div", { className: `page-main-content ${l ? "appear" : ""}`, children: c ? /* @__PURE__ */ h(xe, { className: "page-loading" }) : s }),
     n && /* @__PURE__ */ h(
-      be,
+      pe,
       {
-        icon: n.icon ?? vt,
+        icon: n.icon ?? St,
         color: n.color ?? "primary",
         variant: n.variant ?? "submit",
         onClick: () => {
           var p;
           return (p = n.onClick) == null ? void 0 : p.call(n);
         },
-        className: `button fab min-xs:!hidden ${n.className ?? ""}`
+        className: `button fab ${n.className ?? ""}`
       }
     )
   ] });
-}, En = (e) => {
-  const { t } = T(), {
+}, In = (e) => {
+  const { t } = D(), {
     className: s = "",
     itemClassName: n = "",
     loading: i = !1,
     emptyComponent: r = null,
-    emptyMessage: c = t("_accessibility:messages.empty"),
-    renderComponent: o,
-    data: d = []
+    emptyMessage: a = t("_accessibility:messages.empty"),
+    renderComponent: c,
+    data: l = []
   } = e;
-  return /* @__PURE__ */ h(De, { children: d != null && d.length ? /* @__PURE__ */ h("ul", { className: `pretty-grid-main ${s}`, children: d == null ? void 0 : d.map((f) => /* @__PURE__ */ h("li", { className: `pretty-grid-item ${n}`, children: o(f) }, f.id)) }) : /* @__PURE__ */ h(De, { children: r || /* @__PURE__ */ h(Rr, { message: c }) }) });
-}, Ir = () => {
-  const [e, t] = R(Ct());
-  return ae(() => {
+  return i ? /* @__PURE__ */ h(xe, {}) : /* @__PURE__ */ h(Ve, { children: l != null && l.length ? /* @__PURE__ */ h("ul", { className: `pretty-grid-main ${s}`, children: l == null ? void 0 : l.map((m) => /* @__PURE__ */ h("li", { className: `pretty-grid-item ${n}`, children: c(m) }, m.id)) }) : /* @__PURE__ */ h(Ve, { children: r || /* @__PURE__ */ h(Gr, { message: a }) }) });
+}, qr = () => {
+  const [e, t] = J(kt());
+  return le(() => {
     const s = window.matchMedia("(min-width: 768px)"), n = () => {
       t(
-        s.matches ? Ct() : er()
+        s.matches ? kt() : nr()
       );
     }, i = setInterval(n, 1e3);
     return s.addEventListener("change", n), () => {
       clearInterval(i), s.removeEventListener("change", n);
     };
-  }, []), /* @__PURE__ */ h("p", { className: "capitalize max-xs:hidden", children: e });
+  }, []), /* @__PURE__ */ h("p", { className: "clock", children: e });
 };
-function $n(e) {
-  const { t } = T(), {
+function Pn(e) {
+  const { t } = D(), {
     openDrawer: s,
     showClock: n = !0,
     showSearch: i = !0,
     menuButtonProps: r
-  } = e, { searchComponent: c } = We(), [o, d] = R(!1), f = F((g) => {
-    (tr() ? g.metaKey : g.ctrlKey) && g.shiftKey && g.key.toLowerCase() === "f" && (d(!0), g.preventDefault());
+  } = e, { searchComponent: a, location: c } = Re(), [l, m] = J(!1), y = V((f) => {
+    (ir() ? f.metaKey : f.ctrlKey) && f.shiftKey && f.key.toLowerCase() === "f" && (m(!0), f.preventDefault());
   }, []);
-  ae(() => (window.addEventListener("keydown", f), () => {
-    window.removeEventListener("keydown", f);
-  }), [f]);
-  const b = c;
-  return /* @__PURE__ */ $(De, { children: [
-    location.pathname !== "/" && !!b && /* @__PURE__ */ h(b, { open: o, onClose: () => d(!1) }),
-    /* @__PURE__ */ $("header", { id: "header", className: "header", children: [
-      /* @__PURE__ */ $("div", { className: "navbar-left", children: [
+  le(() => (window.addEventListener("keydown", y), () => {
+    window.removeEventListener("keydown", y);
+  }), [y]);
+  const g = a;
+  return /* @__PURE__ */ x(Ve, { children: [
+    c.pathname !== "/" && !!g && /* @__PURE__ */ h(g, { open: l, onClose: () => m(!1) }),
+    /* @__PURE__ */ x("header", { id: "header", className: "header", children: [
+      /* @__PURE__ */ x("div", { className: "navbar-left", children: [
         /* @__PURE__ */ h(
-          be,
+          pe,
           {
             ...r,
             type: (r == null ? void 0 : r.type) ?? "button",
-            icon: (r == null ? void 0 : r.icon) ?? qs,
-            onClick: (g) => {
-              var m;
-              (m = r == null ? void 0 : r.onClick) == null || m.call(r, g), s();
+            icon: (r == null ? void 0 : r.icon) ?? js,
+            onClick: (f) => {
+              var p;
+              (p = r == null ? void 0 : r.onClick) == null || p.call(r, f), s();
             },
             name: (r == null ? void 0 : r.name) ?? t("_accessibility:buttons.openMenu"),
             "aria-label": (r == null ? void 0 : r["aria-label"]) ?? t("_accessibility:ariaLabels.openMenu"),
@@ -2800,149 +2838,160 @@ function $n(e) {
         ),
         /* @__PURE__ */ h("h1", { className: "poppins navbar-title", children: t("_pages:home.appName") })
       ] }),
-      /* @__PURE__ */ $("div", { className: "navbar-right", children: [
+      /* @__PURE__ */ x("div", { className: "navbar-right", children: [
         i && /* @__PURE__ */ h(
-          be,
+          pe,
           {
-            icon: Bs,
-            className: "min-md:!hidden",
-            onClick: () => d(!0)
+            icon: Ws,
+            className: "navbar-search-btn",
+            onClick: () => m(!0)
           }
         ),
-        n && /* @__PURE__ */ h(Ir, {})
+        n && /* @__PURE__ */ h(qr, {})
       ] })
     ] })
   ] });
 }
-function Fn() {
-  const { t: e } = T(), { notification: t, removeNotification: s } = Ne(), [n, i] = R(/* @__PURE__ */ new Set()), [r, c] = R(t);
-  r !== t && (c(t), i(/* @__PURE__ */ new Set()));
-  const o = F(
-    (p) => {
-      if (p === void 0) {
-        const _ = new Set(t.map((y, E) => E));
-        i(_), window.setTimeout(() => s(), 300);
-      } else
-        i((_) => new Set(_).add(p)), window.setTimeout(() => s(p), 300);
+const Be = 300, Hr = (e) => e ?? z.error, Br = (e) => {
+  switch (e) {
+    case z.error:
+      return Js;
+    default:
+      return Gs;
+  }
+}, nt = (e) => {
+  switch (e) {
+    case z.success:
+      return "!text-success";
+    case z.error:
+      return "!text-error";
+    case z.warning:
+      return "!text-warning";
+    default:
+      return "!text-info";
+  }
+}, Qr = (e) => {
+  switch (e) {
+    case z.success:
+      return "bg-bg-success";
+    case z.error:
+      return "bg-bg-error";
+    case z.warning:
+      return "bg-bg-warning";
+    default:
+      return "bg-bg-info";
+  }
+};
+function On() {
+  const { t: e } = D(), { notification: t, removeNotification: s } = Ne(), [n, i] = J([]), r = Ie(n);
+  Is(() => {
+    r.current = n;
+  });
+  const a = Ie(null), c = V(
+    (l) => {
+      i(
+        (m) => l !== void 0 ? m.map((y) => y.id === l ? { ...y, closing: !0 } : y) : m.map((y) => ({ ...y, closing: !0 }))
+      ), l !== void 0 ? setTimeout(() => {
+        s(l), i((m) => m.filter((y) => y.id !== l));
+      }, Be) : (a.current && clearTimeout(a.current), a.current = setTimeout(() => {
+        s(), i([]), a.current = null;
+      }, Be));
     },
-    [t, s]
-  ), d = F((p) => {
-    switch (p) {
-      case j.error:
-        return js;
-      default:
-        return Hs;
-    }
-  }, []), f = F((p) => {
-    switch (p) {
-      case j.success:
-        return "!text-success";
-      case j.error:
-        return "!text-error";
-      case j.warning:
-        return "!text-warning";
-      default:
-        return "!text-info";
-    }
-  }, []), b = F((p) => {
-    switch (p) {
-      case j.success:
-        return "bg-bg-success";
-      case j.error:
-        return "bg-bg-error";
-      case j.warning:
-        return "bg-bg-warning";
-      default:
-        return "bg-bg-info";
+    [s]
+  );
+  return le(() => {
+    let l = null;
+    const m = () => {
+      l && clearTimeout(l), a.current && (clearTimeout(a.current), a.current = null);
+    };
+    if (t.length === 0)
+      return r.current.length === 0 ? void 0 : (a.current && clearTimeout(a.current), l = setTimeout(() => {
+        i((p) => p.map((_) => ({ ..._, closing: !0 }))), l = null;
+      }, 0), a.current = setTimeout(() => {
+        i([]), a.current = null;
+      }, Be), m);
+    const y = new Set(r.current.map((p) => p.id));
+    if (!t.some(
+      (p) => p.id !== void 0 && !y.has(p.id)
+    )) return;
+    if (r.current.length === 0) {
+      const p = [...t];
+      return l = setTimeout(() => {
+        i(p.map((_) => ({ ..._, closing: !1 }))), l = null;
+      }, 0), () => {
+        l && clearTimeout(l);
+      };
     }
-  }, []), g = st();
-  ae(() => {
-    g.current = () => o();
-  }, [o]), ae(() => {
-    if (!(t != null && t.length)) return;
-    let p;
-    const _ = window.setTimeout(() => {
-      p = (y) => {
-        var E;
-        return (E = g.current) == null ? void 0 : E.call(g, y);
-      }, window.addEventListener("click", p);
+    a.current && clearTimeout(a.current), l = setTimeout(() => {
+      i(
+        (p) => p.every((_) => _.closing) ? p : p.map((_) => ({ ..._, closing: !0 }))
+      ), l = null;
     }, 0);
-    return () => {
-      window.clearTimeout(_), p && window.removeEventListener("click", p);
+    const f = [...t];
+    return a.current = setTimeout(() => {
+      i(f.map((p) => ({ ...p, closing: !1 }))), a.current = null;
+    }, Be), m;
+  }, [t]), le(() => {
+    if (!n.length) return;
+    let l;
+    const m = window.setTimeout(() => {
+      l = () => c(), window.addEventListener("click", l);
+    }, 0), y = (g) => {
+      g.key === "Escape" && c();
     };
-  }, [t == null ? void 0 : t.length]);
-  const m = F(
-    (p) => {
-      p.key === "Escape" && t.length && o();
-    },
-    [t, o]
-  );
-  return ae(() => (window.addEventListener("keydown", m), () => {
-    window.removeEventListener("keydown", m);
-  }), [m]), qt(
-    /* @__PURE__ */ h(
-      "div",
-      {
-        className: `notification-portal ${t != null && t.length ? "w-screen h-screen" : ""}`,
-        children: t != null && t.length ? t == null ? void 0 : t.map(({ id: p, type: _, message: y }, E) => /* @__PURE__ */ $(
-          "div",
-          {
-            className: `notification ${n.has(E) ? "closing" : ""} ${b(
-              _ ?? j.error
-            )}`,
-            onClick: (H) => H.stopPropagation(),
-            children: [
-              /* @__PURE__ */ $("div", { className: "flex gap-3 items-center", children: [
-                /* @__PURE__ */ h(
-                  ce,
-                  {
-                    icon: d(_ ?? j.error),
-                    className: `${f(_ ?? j.error)}`
-                  }
-                ),
-                /* @__PURE__ */ h(
-                  "p",
-                  {
-                    className: `whitespace-nowrap ${f(
-                      _ ?? j.error
-                    )}`,
-                    children: y
-                  }
-                )
-              ] }),
+    return window.addEventListener("keydown", y), () => {
+      window.clearTimeout(m), l && window.removeEventListener("click", l), window.removeEventListener("keydown", y);
+    };
+  }, [n.length, c]), Kt(
+    /* @__PURE__ */ h("div", { className: `notification-portal ${n.length ? "active" : ""}`, children: n.map(({ id: l, type: m, message: y, closing: g }) => {
+      const f = Hr(m);
+      return /* @__PURE__ */ x(
+        "div",
+        {
+          className: `notification ${g ? "closing" : ""} ${Qr(f)}`,
+          onClick: (p) => p.stopPropagation(),
+          children: [
+            /* @__PURE__ */ x("div", { className: "notification-body", children: [
               /* @__PURE__ */ h(
-                be,
+                ce,
                 {
-                  type: "button",
-                  icon: Rt,
-                  color: "error",
-                  className: "group",
-                  onClick: (H) => {
-                    H.stopPropagation(), o(E);
-                  },
-                  iconClassName: `${f(
-                    _ ?? j.error
-                  )} group-hover:!text-red-400 cursor-pointer`,
-                  name: e("_accessibility:buttons.closeNotification"),
-                  "aria-label": e("_accessibility:ariaLabels.closeNotification")
+                  icon: Br(f),
+                  className: `notification-icon ${nt(f)}`
                 }
-              )
-            ]
-          },
-          p
-        )) : null
-      }
-    ),
+              ),
+              /* @__PURE__ */ h("p", { className: `notification-text ${nt(f)}`, children: y })
+            ] }),
+            /* @__PURE__ */ h(
+              pe,
+              {
+                type: "button",
+                icon: Qt,
+                color: "error",
+                className: "notification-close group",
+                onClick: (p) => {
+                  p.stopPropagation(), l !== void 0 && c(l);
+                },
+                iconClassName: `${nt(f)} notification-close-icon`,
+                name: e("_accessibility:buttons.closeNotification"),
+                "aria-label": e("_accessibility:ariaLabels.closeNotification")
+              }
+            )
+          ]
+        },
+        l
+      );
+    }) }),
     document.body
   );
 }
-function Ln() {
-  return /* @__PURE__ */ h("div", { className: "w-screen h-screen flex items-center justify-center overflow-hidden", children: /* @__PURE__ */ h(Ve, { className: "blur-appear" }) });
+function Mn(e) {
+  const { className: t, ...s } = e;
+  return /* @__PURE__ */ h("div", { className: "splash-screen", children: /* @__PURE__ */ h(xe, { className: `blur-appear ${t ? ` ${t}` : ""}`, ...s }) });
 }
-const Mr = (e) => {
-  const { id: t, active: s, onClick: n, children: i, to: r } = e, { linkComponent: c } = We();
+const Kr = (e) => {
+  const { id: t, active: s, onClick: n, children: i, to: r } = e, { linkComponent: a } = Re();
   return /* @__PURE__ */ h(
-    c,
+    a,
     {
       to: r ?? `#${t}`,
       onClick: () => n(),
@@ -2950,197 +2999,197 @@ const Mr = (e) => {
       children: i
     }
   );
-}, Or = (e) => {
-  var d;
+}, jr = (e) => {
+  var l;
   const {
     tabs: t = [],
     defaultTab: s,
     className: n = "",
     tabsContainerClassName: i = ""
-  } = e, [r, c] = R(s ?? ((d = t[0]) == null ? void 0 : d.id)), o = ke(() => t.find((f) => f.id === r), [t, r]);
-  return /* @__PURE__ */ $("div", { className: `tabs-layout-main ${n}`, children: [
+  } = e, [r, a] = J(s ?? ((l = t[0]) == null ? void 0 : l.id)), c = Ae(() => t.find((m) => m.id === r), [t, r]);
+  return /* @__PURE__ */ x("div", { className: `tabs-layout-main ${n}`, children: [
     /* @__PURE__ */ h(
       "ul",
       {
         className: `horizontal tabs tabs-container ${i}`,
-        children: t.map(({ id: f, to: b, label: g }) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(
-          Mr,
+        children: t.map(({ id: m, to: y, label: g }) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ h(
+          Kr,
           {
-            onClick: () => c(f),
-            id: f,
-            to: b ?? "",
+            onClick: () => a(m),
+            id: m,
+            to: y ?? "",
             siblings: t.length > 1,
-            active: r === f,
+            active: r === m,
             children: g
           }
-        ) }, f))
+        ) }, m))
       }
     ),
-    o == null ? void 0 : o.content
+    c == null ? void 0 : c.content
   ] });
-}, Ur = (e) => {
+}, Wr = (e) => {
   const {
     translation: t,
     onClickNext: s,
     image: n = "",
     alt: i = "",
     final: r = !1
-  } = e, { setGuestMode: c } = Jt(), { t: o } = T();
-  return /* @__PURE__ */ $("div", { className: "big-appear w-md flex flex-col gap-20", children: [
-    /* @__PURE__ */ h("img", { src: n, alt: i }),
-    /* @__PURE__ */ h("h2", { className: "text-5xl text-center leading-16", children: o(`_pages:onboarding.${t}.title`) }),
-    /* @__PURE__ */ h("p", { className: "text-center !text-lg", children: o(`_pages:onboarding.${t}.body`) }),
-    /* @__PURE__ */ h("div", { className: "flex gap-5 items-center justify-center", children: r ? /* @__PURE__ */ $(De, { children: [
+  } = e, { setGuestMode: a } = es(), { navigate: c } = Re(), { t: l } = D();
+  return /* @__PURE__ */ x("div", { className: "big-appear step-container", children: [
+    n && /* @__PURE__ */ h("img", { src: n, alt: i }),
+    /* @__PURE__ */ h("h2", { className: "step-title", children: l(`_pages:onboarding.${t}.title`) }),
+    /* @__PURE__ */ h("p", { className: "step-body", children: l(`_pages:onboarding.${t}.body`) }),
+    /* @__PURE__ */ h("div", { className: "step-actions", children: r ? /* @__PURE__ */ x(Ve, { children: [
       /* @__PURE__ */ h(
-        xe,
+        _e,
         {
           color: "primary",
-          className: "!px-8",
+          className: "step-button",
           variant: "outlined",
           onClick: () => {
-            c(!0), window.location.href = "/";
+            a(!0), c("/");
           },
-          "aria-label": o("_accessibility:ariaLabels.start"),
-          children: o("_accessibility:buttons.startAsGuest")
+          "aria-label": l("_accessibility:ariaLabels.start"),
+          children: l("_accessibility:buttons.startAsGuest")
         }
       ),
       /* @__PURE__ */ h(
-        xe,
+        _e,
         {
           color: "primary",
           variant: "submit",
-          className: "!px-8",
-          "aria-label": o("_accessibility:ariaLabels.start"),
-          onClick: () => window.location.href = "/auth/sign-in",
-          children: o("_accessibility:buttons.signIn")
+          className: "step-button",
+          "aria-label": l("_accessibility:ariaLabels.start"),
+          onClick: () => c("/auth/sign-in"),
+          children: l("_accessibility:buttons.signIn")
         }
       )
-    ] }) : /* @__PURE__ */ $(De, { children: [
+    ] }) : /* @__PURE__ */ x(Ve, { children: [
       /* @__PURE__ */ h(
-        xe,
+        _e,
         {
           color: "primary",
-          className: "!px-8",
+          className: "step-button",
           variant: "outlined",
-          onClick: () => window.location.href = "/auth/sign-in",
-          "aria-label": o("_accessibility:ariaLabels.skip"),
-          children: o("_accessibility:buttons.skip")
+          onClick: () => c("/auth/sign-in"),
+          "aria-label": l("_accessibility:ariaLabels.skip"),
+          children: l("_accessibility:buttons.skip")
         }
       ),
       /* @__PURE__ */ h(
-        xe,
+        _e,
         {
           color: "primary",
-          className: "!px-8",
+          className: "step-button",
           variant: "outlined",
           onClick: () => s(),
-          "aria-label": o("_accessibility:ariaLabels.next"),
-          children: o("_accessibility:buttons.next")
+          "aria-label": l("_accessibility:ariaLabels.next"),
+          children: l("_accessibility:buttons.next")
         }
       )
     ] }) })
   ] });
-}, Tn = (e) => {
-  const { steps: t } = e, [s, n] = R(1), i = ke(() => t.map((r, c) => ({
-    id: c + 1,
+}, Rn = (e) => {
+  const { steps: t } = e, [s, n] = J(1), i = Ae(() => t.map((r, a) => ({
+    id: a + 1,
     label: "",
     content: /* @__PURE__ */ h(
-      Ur,
+      Wr,
       {
         translation: r,
-        final: c === t.length - 1,
-        onClickNext: () => n((o) => o + 1)
+        final: a === t.length - 1,
+        onClickNext: () => n((c) => c + 1)
       }
     )
   })), [t]);
-  return /* @__PURE__ */ h("div", { className: "onboarding-main", children: /* @__PURE__ */ h(Or, { defaultTab: s, tabs: i }) });
-}, Rr = (e) => {
+  return /* @__PURE__ */ h("div", { className: "onboarding-main", children: /* @__PURE__ */ h(jr, { defaultTab: s, tabs: i }) });
+}, Gr = (e) => {
   const {
     message: t,
-    messageProps: s = { className: "text-gray-400 text-balance text-center" },
+    messageProps: s = { className: "empty-message" },
     action: n,
     iconProps: i
   } = e;
-  return /* @__PURE__ */ $("div", { className: "flex flex-col items-center justify-center gap-5 pt-5", children: [
-    i && /* @__PURE__ */ h(ce, { ...i ?? {} }),
-    /* @__PURE__ */ h("p", { ...s ?? {}, children: t }),
-    n && /* @__PURE__ */ h(Bt, { showTooltips: !1, showText: !0, ...n })
+  return /* @__PURE__ */ x("div", { className: "empty-container", children: [
+    i && /* @__PURE__ */ h(ce, { ...i }),
+    /* @__PURE__ */ h("p", { ...s, children: t }),
+    n && /* @__PURE__ */ h(jt, { showTooltips: !1, showText: !0, ...n })
   ] });
 };
 export {
-  Qt as APIClient,
-  Bt as Action,
-  Ht as Actions,
-  Lr as ActionsDropdown,
-  be as AppIconButton,
-  Zs as AuthClient,
-  cn as AuthProvider,
-  tn as BaseClient,
-  In as Button,
-  ln as ConfigProvider,
-  Sn as ConfirmationDialog,
-  lt as Dialog,
-  ut as DialogActions,
-  kn as Drawer,
-  Xt as DrawerMenuContext,
-  un as DrawerMenuProvider,
-  Rr as Empty,
-  Nn as Error,
-  vn as FormContainer,
-  _n as FormDialog,
-  _e as GlobalActions,
-  en as IManager,
-  be as IconButton,
-  Cn as ImportDialog,
-  on as ManagerProvider,
-  se as Methods,
-  $n as Navbar,
-  Fn as Notification,
-  j as NotificationEnumType,
-  an as NotificationProvider,
-  Tn as Onboarding,
-  An as Page,
-  wn as ParagraphInput,
+  Jt as APIClient,
+  jt as Action,
+  Wt as Actions,
+  Ir as ActionsDropdown,
+  pe as AppIconButton,
+  rr as AuthClient,
+  yn as AuthProvider,
+  ln as BaseClient,
+  Bn as Button,
+  gn as ConfigProvider,
+  $n as ConfirmationDialog,
+  dt as Dialog,
+  ft as DialogActions,
+  Ln as Drawer,
+  ss as DrawerMenuContext,
+  pn as DrawerMenuProvider,
+  Gr as Empty,
+  Dn as Error,
+  An as FormContainer,
+  Tn as FormDialog,
+  Se as GlobalActions,
+  cn as IManager,
+  pe as IconButton,
+  Fn as ImportDialog,
+  hn as ManagerProvider,
+  te as Methods,
+  Pn as Navbar,
+  On as Notification,
+  z as NotificationEnumType,
+  mn as NotificationProvider,
+  Rn as Onboarding,
+  Vn as Page,
+  kn as ParagraphInput,
   xn as PasswordInput,
-  En as PrettyGrid,
-  Ln as SplashScreen,
-  Ur as Step,
-  Mr as Tab,
-  Or as TabsLayout,
-  pn as ToTop,
-  Xs as buildQueryUrl,
-  sn as enumToKeyValueArray,
-  rn as formatForDatetimeLocal,
-  Kt as fromLocal,
-  Ct as getFormattedDateTime,
-  er as getShortFormattedDateTime,
-  Ke as isHttpError,
-  tr as isMac,
-  Qe as isValidationError,
-  Ee as makeRequest,
-  nn as mapValidationErrors,
-  jt as parseQueries,
-  pe as queryClient,
-  St as removeFromLocal,
-  _t as toLocal,
-  Jt as useAuth,
-  We as useConfig,
-  Zt as useConfirmationForm,
-  Nr as useDeleteAction,
-  mn as useDeleteDialog,
-  cs as useDialog,
-  rr as useDrawerMenu,
-  fn as useEditAction,
-  Er as useExportAction,
-  bn as useExportActionMutate,
-  hn as useFormDialog,
-  $r as useImportAction,
-  gn as useImportDialog,
-  sr as useManager,
+  In as PrettyGrid,
+  Mn as SplashScreen,
+  Wr as Step,
+  Kr as Tab,
+  jr as TabsLayout,
+  Nn as ToTop,
+  sr as buildQueryUrl,
+  un as enumToKeyValueArray,
+  dn as formatForDatetimeLocal,
+  zt as fromLocal,
+  kt as getFormattedDateTime,
+  nr as getShortFormattedDateTime,
+  Je as isHttpError,
+  ir as isMac,
+  Ge as isValidationError,
+  Te as makeRequest,
+  fn as mapValidationErrors,
+  Gt as parseQueries,
+  be as queryClient,
+  Nt as removeFromLocal,
+  Et as toLocal,
+  es as useAuth,
+  Re as useConfig,
+  rs as useConfirmationForm,
+  $r as useDeleteAction,
+  vn as useDeleteDialog,
+  fs as useDialog,
+  or as useDrawerMenu,
+  wn as useEditAction,
+  Lr as useExportAction,
+  En as useExportActionMutate,
+  _n as useFormDialog,
+  Dr as useImportAction,
+  Cn as useImportDialog,
+  ar as useManager,
   Ne as useNotification,
-  dn as usePostForm,
-  Ar as useRestoreAction,
-  yn as useRestoreDialog,
-  Fr as useScrollTrigger,
-  Zr as useTimeAge
+  bn as usePostForm,
+  Fr as useRestoreAction,
+  Sn as useRestoreDialog,
+  Vr as useScrollTrigger,
+  on as useTimeAge
 };