rr-react-ui-library 0.0.8 → 0.0.9

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as l, Fragment as ot } from "react/jsx-runtime";
-import z, { forwardRef as Ht, createElement as Ye, useState as U, useRef as le, useMemo as re, useCallback as qt, useEffect as X, createContext as Wt, useContext as Xt, Children as kr, isValidElement as Re, useLayoutEffect as Yt, useSyncExternalStore as wr, cloneElement as it } from "react";
+import z, { useRef as le, useState as U, useEffect as X, forwardRef as Ht, createElement as Ye, useMemo as re, useCallback as qt, createContext as Wt, useContext as Xt, Children as kr, isValidElement as Re, useLayoutEffect as Yt, useSyncExternalStore as wr, cloneElement as it } from "react";
 import { createPortal as Gt } from "react-dom";
 import { useLocation as lt, useNavigate as Nr, Link as Tr } from "react-router";
 const ae = {
@@ -77,12 +77,12 @@ const ae = {
 }, gn = ({ children: t, cols: e = 1 }) => {
   const r = `grid-cols-${e}`;
   return /* @__PURE__ */ l("div", { className: `grid ${r} gap-3 mb-3`, children: t });
-}, $r = {
+}, Or = {
   xs: "h-3 w-3 border-2",
   sm: "h-4 w-4 border-2",
   md: "h-5 w-5 border-[3px]",
   lg: "h-6 w-6 border-4"
-}, Or = {
+}, $r = {
   default: "text-slate-200",
   info: "text-sky-600 dark:text-sky-300",
   danger: "text-red-600 dark:text-red-300",
@@ -109,8 +109,8 @@ const ae = {
         {
           className: [
             "inline-block rounded-full border-solid border-current border-t-transparent animate-spin",
-            $r[e],
-            Or[s]
+            Or[e],
+            $r[s]
           ].join(" ")
         }
       ),
@@ -277,19 +277,107 @@ const ae = {
       }
     )
   ] });
+}, Er = {
+  violet: {
+    text: "text-slate-50",
+    arrow: "border-t-violet-600",
+    bg: "bg-violet-600 dark:bg-slate-600"
+  },
+  yellow: {
+    text: "text-black dark:text-slate-50",
+    arrow: "border-t-yellow-500",
+    bg: "bg-yellow-500 dark:bg-amber-800"
+  },
+  red: {
+    text: "text-slate-50",
+    arrow: "border-t-red-600",
+    bg: "bg-red-600 dark:bg-red-800"
+  },
+  default: {
+    bg: "bg-gray-600",
+    text: "text-slate-50",
+    arrow: "border-t-gray-800"
+  }
+}, $e = ({
+  text: t,
+  children: e,
+  position: r = "top",
+  color: a = "default"
+}) => {
+  const s = Er[a], n = le(null), [o, i] = U(!1), [d, c] = U({ top: 0, left: 0, transform: "" });
+  return X(() => {
+    if (!o || !n.current) return;
+    const u = n.current.getBoundingClientRect(), y = 8, w = (() => {
+      switch (r) {
+        case "bottom":
+          return {
+            top: u.bottom + window.scrollY + y,
+            left: u.left + window.scrollX + u.width / 2,
+            transform: "translateX(-50%)"
+          };
+        case "left":
+          return {
+            top: u.top + window.scrollY + u.height / 2,
+            left: u.left + window.scrollX - y,
+            transform: "translate(-100%, -50%)"
+          };
+        case "right":
+          return {
+            top: u.top + window.scrollY + u.height / 2,
+            left: u.right + window.scrollX + y,
+            transform: "translateY(-50%)"
+          };
+        default:
+          return {
+            top: u.top + window.scrollY - y,
+            left: u.left + window.scrollX + u.width / 2,
+            transform: "translate(-50%, -100%)"
+          };
+      }
+    })();
+    c(w);
+  }, [o, r]), /* @__PURE__ */ f(
+    "div",
+    {
+      ref: n,
+      className: "relative",
+      onMouseEnter: () => i(!0),
+      onMouseLeave: () => i(!1),
+      onFocus: () => i(!0),
+      onBlur: () => i(!1),
+      children: [
+        e,
+        typeof document < "u" && Gt(
+          /* @__PURE__ */ l(
+            "div",
+            {
+              style: {
+                top: d.top,
+                left: d.left,
+                transform: d.transform
+              },
+              className: `fixed px-2 py-1 text-xs rounded shadow-lg transition-opacity duration-150 whitespace-nowrap pointer-events-none z-50 ${s.bg} ${s.text} ${o ? "opacity-100" : "opacity-0"}`,
+              children: t
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
 };
-const Er = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Lr = (t) => t.replace(
+const Lr = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), jr = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (e, r, a) => a ? a.toUpperCase() : r.toLowerCase()
 ), vt = (t) => {
-  const e = Lr(t);
+  const e = jr(t);
   return e.charAt(0).toUpperCase() + e.slice(1);
-}, Jt = (...t) => t.filter((e, r, a) => !!e && e.trim() !== "" && a.indexOf(e) === r).join(" ").trim(), jr = (t) => {
+}, Jt = (...t) => t.filter((e, r, a) => !!e && e.trim() !== "" && a.indexOf(e) === r).join(" ").trim(), Ar = (t) => {
   for (const e in t)
     if (e.startsWith("aria-") || e === "role" || e === "title")
       return !0;
 };
-var Ar = {
+var Rr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -300,7 +388,7 @@ var Ar = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const Rr = Ht(
+const Mr = Ht(
   ({
     color: t = "currentColor",
     size: e = 24,
@@ -314,13 +402,13 @@ const Rr = Ht(
     "svg",
     {
       ref: d,
-      ...Ar,
+      ...Rr,
       width: e,
       height: e,
       stroke: t,
       strokeWidth: a ? Number(r) * 24 / Number(e) : r,
       className: Jt("lucide", s),
-      ...!n && !jr(i) && { "aria-hidden": "true" },
+      ...!n && !Ar(i) && { "aria-hidden": "true" },
       ...i
     },
     [
@@ -331,11 +419,11 @@ const Rr = Ht(
 );
 const q = (t, e) => {
   const r = Ht(
-    ({ className: a, ...s }, n) => Ye(Rr, {
+    ({ className: a, ...s }, n) => Ye(Mr, {
       ref: n,
       iconNode: e,
       className: Jt(
-        `lucide-${Er(vt(t))}`,
+        `lucide-${Lr(vt(t))}`,
         `lucide-${t}`,
         a
       ),
@@ -344,7 +432,7 @@ const q = (t, e) => {
   );
   return r.displayName = vt(t), r;
 };
-const Mr = [
+const zr = [
   [
     "path",
     {
@@ -352,16 +440,16 @@ const Mr = [
       key: "169zse"
     }
   ]
-], zr = q("activity", Mr);
-const Pr = [
+], Pr = q("activity", zr);
+const Zr = [
   ["path", { d: "m7 7 10 10", key: "1fmybs" }],
   ["path", { d: "M17 7v10H7", key: "6fjiku" }]
-], Zr = q("arrow-down-right", Pr);
-const Br = [
+], Br = q("arrow-down-right", Zr);
+const Dr = [
   ["path", { d: "M7 7h10v10", key: "1tivn9" }],
   ["path", { d: "M7 17 17 7", key: "1vkiza" }]
-], Dr = q("arrow-up-right", Br);
-const Vr = [
+], Vr = q("arrow-up-right", Dr);
+const Fr = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -370,34 +458,34 @@ const Vr = [
       key: "11g9vi"
     }
   ]
-], Fr = q("bell", Vr);
-const Ur = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Hr = q("chevron-left", Ur);
-const qr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Qt = q("chevron-right", qr);
-const Wr = [
+], Ur = q("bell", Fr);
+const Hr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], qr = q("chevron-left", Hr);
+const Wr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Qt = q("chevron-right", Wr);
+const Xr = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
-], Xr = q("history", Wr);
-const Yr = [
+], Yr = q("history", Xr);
+const Gr = [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
-], Gr = q("lock", Yr);
-const Jr = [
+], Jr = q("lock", Gr);
+const Qr = [
   ["path", { d: "m16 17 5-5-5-5", key: "1bji2h" }],
   ["path", { d: "M21 12H9", key: "dn1m92" }],
   ["path", { d: "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", key: "1uf3rs" }]
-], Qr = q("log-out", Jr);
-const Kr = [
+], Kr = q("log-out", Qr);
+const ea = [
   ["path", { d: "M4 5h16", key: "1tepv9" }],
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 19h16", key: "1djgab" }]
-], ea = q("menu", Kr);
-const ta = [
+], ta = q("menu", ea);
+const ra = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
-], ra = q("monitor", ta);
-const aa = [
+], aa = q("monitor", ra);
+const sa = [
   [
     "path",
     {
@@ -405,12 +493,12 @@ const aa = [
       key: "kfwtm"
     }
   ]
-], sa = q("moon", aa);
-const na = [
+], na = q("moon", sa);
+const oa = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], oa = q("search", na);
-const ia = [
+], ia = q("search", oa);
+const la = [
   [
     "path",
     {
@@ -419,8 +507,8 @@ const ia = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], la = q("settings", ia);
-const da = [
+], da = q("settings", la);
+const ca = [
   [
     "path",
     {
@@ -431,8 +519,8 @@ const da = [
   ["path", { d: "M20 2v4", key: "1rf3ol" }],
   ["path", { d: "M22 4h-4", key: "gwowj6" }],
   ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
-], ca = q("sparkles", da);
-const ua = [
+], ua = q("sparkles", ca);
+const fa = [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -442,15 +530,15 @@ const ua = [
   ["path", { d: "M20 12h2", key: "1q8mjw" }],
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-], fa = q("sun", ua);
-const ma = [
+], ma = q("sun", fa);
+const ha = [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
-], ha = q("user", ma);
-const pa = [
+], pa = q("user", ha);
+const ga = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], xt = q("x", pa), ga = {
+], xt = q("x", ga), ya = {
   info: "focus:border-sky-400 focus-visible:border-sky-400",
   danger: "focus:border-red-400 focus-visible:border-red-400",
   default: "focus:border-slate-400 focus-visible:border-slate-400",
@@ -458,7 +546,7 @@ const pa = [
   primary: "focus:border-violet-400 focus-visible:border-violet-400",
   secondary: "focus:border-slate-400 focus-visible:border-slate-400",
   success: "focus:border-emerald-400 focus-visible:border-emerald-400"
-}, ya = {
+}, ba = {
   xs: "px-2 py-2 text-xs",
   small: "px-3 py-2.5 text-sm",
   medium: "px-3.5 py-3 text-sm",
@@ -483,7 +571,7 @@ const pa = [
   const [x, g] = U(!1), _ = le(null), h = re(
     () => n.find((Z) => String(Z.value) === String(s)),
     [n, s]
-  ), b = h?.label ?? T, p = ya[c], j = re(() => typeof w == "number" ? { maxHeight: `${w}px` } : { maxHeight: w }, [w]), B = x ? "border border-slate-300 dark:border-slate-500 shadow-sm" : "border border-slate-200 dark:border-slate-600 shadow-sm", E = a ? "border border-red-700 dark:border-red-500 focus:border-red-700 focus-visible:border-red-700" : "", S = () => !d && g((Z) => !Z), D = qt((Z) => {
+  ), b = h?.label ?? T, p = ba[c], j = re(() => typeof w == "number" ? { maxHeight: `${w}px` } : { maxHeight: w }, [w]), B = x ? "border border-slate-300 dark:border-slate-500 shadow-sm" : "border border-slate-200 dark:border-slate-600 shadow-sm", E = a ? "border border-red-700 dark:border-red-500 focus:border-red-700 focus-visible:border-red-700" : "", S = () => !d && g((Z) => !Z), D = qt((Z) => {
     _.current && !_.current.contains(Z.target) && g(!1);
   }, []);
   X(() => {
@@ -518,7 +606,7 @@ const pa = [
               name: e,
               disabled: d,
               onClick: S,
-              className: `w-full flex items-center justify-between gap-2 rounded-md bg-slate-50 dark:bg-gray-700 text-slate-900 dark:text-slate-100 border border-slate-200 dark:border-slate-500 focus:outline-none focus-visible:shadow-sm disabled:cursor-not-allowed disabled:opacity-60 transition-colors ${ga[y]} ${p} ${B} ${E}`,
+              className: `w-full flex items-center justify-between gap-2 rounded-md bg-slate-50 dark:bg-gray-700 text-slate-900 dark:text-slate-100 border border-slate-200 dark:border-slate-500 focus:outline-none focus-visible:shadow-sm disabled:cursor-not-allowed disabled:opacity-60 transition-colors ${ya[y]} ${p} ${B} ${E}`,
               children: [
                 /* @__PURE__ */ f("div", { className: "flex items-center gap-2 min-h-5", children: [
                   h?.icon ? /* @__PURE__ */ l("span", { className: "text-gray-500 dark:text-gray-300", children: h.icon }) : null,
@@ -632,7 +720,7 @@ const pa = [
     r(d);
   };
   return /* @__PURE__ */ l(er.Provider, { value: { theme: e, setTheme: i, resolvedTheme: a }, children: t });
-}, ba = () => {
+}, va = () => {
   const t = Xt(er);
   if (!t)
     throw new Error("useTheme must be used within ThemeProvider");
@@ -640,108 +728,20 @@ const pa = [
 }, tr = ({
   forceDarkTheme: t = !1
 }) => {
-  const { theme: e, setTheme: r } = ba();
+  const { theme: e, setTheme: r } = va();
   return /* @__PURE__ */ l(
     Kt,
     {
       value: e,
       options: [
-        { value: "light", label: "Light", icon: /* @__PURE__ */ l(fa, { size: 16 }) },
-        { value: "dark", label: "Dark", icon: /* @__PURE__ */ l(sa, { size: 16 }) },
-        { value: "system", label: "System", icon: /* @__PURE__ */ l(ra, { size: 16 }) }
+        { value: "light", label: "Light", icon: /* @__PURE__ */ l(ma, { size: 16 }) },
+        { value: "dark", label: "Dark", icon: /* @__PURE__ */ l(na, { size: 16 }) },
+        { value: "system", label: "System", icon: /* @__PURE__ */ l(aa, { size: 16 }) }
       ],
       onChange: (s) => r(s),
       forceDarkTheme: t
     }
   );
-}, va = {
-  violet: {
-    text: "text-slate-50",
-    arrow: "border-t-violet-600",
-    bg: "bg-violet-600 dark:bg-slate-600"
-  },
-  yellow: {
-    text: "text-black dark:text-slate-50",
-    arrow: "border-t-yellow-500",
-    bg: "bg-yellow-500 dark:bg-amber-800"
-  },
-  red: {
-    text: "text-slate-50",
-    arrow: "border-t-red-600",
-    bg: "bg-red-600 dark:bg-red-800"
-  },
-  default: {
-    bg: "bg-gray-600",
-    text: "text-slate-50",
-    arrow: "border-t-gray-800"
-  }
-}, Oe = ({
-  text: t,
-  children: e,
-  position: r = "top",
-  color: a = "default"
-}) => {
-  const s = va[a], n = le(null), [o, i] = U(!1), [d, c] = U({ top: 0, left: 0, transform: "" });
-  return X(() => {
-    if (!o || !n.current) return;
-    const u = n.current.getBoundingClientRect(), y = 8, w = (() => {
-      switch (r) {
-        case "bottom":
-          return {
-            top: u.bottom + window.scrollY + y,
-            left: u.left + window.scrollX + u.width / 2,
-            transform: "translateX(-50%)"
-          };
-        case "left":
-          return {
-            top: u.top + window.scrollY + u.height / 2,
-            left: u.left + window.scrollX - y,
-            transform: "translate(-100%, -50%)"
-          };
-        case "right":
-          return {
-            top: u.top + window.scrollY + u.height / 2,
-            left: u.right + window.scrollX + y,
-            transform: "translateY(-50%)"
-          };
-        default:
-          return {
-            top: u.top + window.scrollY - y,
-            left: u.left + window.scrollX + u.width / 2,
-            transform: "translate(-50%, -100%)"
-          };
-      }
-    })();
-    c(w);
-  }, [o, r]), /* @__PURE__ */ f(
-    "div",
-    {
-      ref: n,
-      className: "relative",
-      onMouseEnter: () => i(!0),
-      onMouseLeave: () => i(!1),
-      onFocus: () => i(!0),
-      onBlur: () => i(!1),
-      children: [
-        e,
-        typeof document < "u" && Gt(
-          /* @__PURE__ */ l(
-            "div",
-            {
-              style: {
-                top: d.top,
-                left: d.left,
-                transform: d.transform
-              },
-              className: `fixed px-2 py-1 text-xs rounded shadow-lg transition-opacity duration-150 whitespace-nowrap pointer-events-none z-50 ${s.bg} ${s.text} ${o ? "opacity-100" : "opacity-0"}`,
-              children: t
-            }
-          ),
-          document.body
-        )
-      ]
-    }
-  );
 }, _t = {
   xs: "max-w-xs",
   xl: "max-w-xl",
@@ -1013,7 +1013,7 @@ const pa = [
         {
           className: `flex items-center gap-1 text-sm font-semibold ${s === "positive" ? "text-green-600 dark:text-green-400" : "text-red-600 dark:text-red-400"}`,
           children: [
-            s === "positive" ? /* @__PURE__ */ l(Dr, { className: "w-4 h-4" }) : /* @__PURE__ */ l(Zr, { className: "w-4 h-4" }),
+            s === "positive" ? /* @__PURE__ */ l(Vr, { className: "w-4 h-4" }) : /* @__PURE__ */ l(Br, { className: "w-4 h-4" }),
             a
           ]
         }
@@ -1149,7 +1149,7 @@ const pa = [
   /* @__PURE__ */ l("span", { className: "text-xs text-slate-500 dark:text-slate-400 whitespace-nowrap", children: a })
 ] }), In = ({
   title: t = "Recent Activity",
-  icon: e = zr,
+  icon: e = Pr,
   activities: r,
   className: a = ""
 }) => /* @__PURE__ */ f(ct, { className: a, children: [
@@ -1168,7 +1168,7 @@ const pa = [
     },
     n
   )) }) })
-] }), $n = ({
+] }), On = ({
   label: t,
   value: e,
   color: r = "bg-violet-600",
@@ -1201,7 +1201,7 @@ const pa = [
       }
     ) })
   ] });
-}, On = ({
+}, $n = ({
   limit: t,
   totalDocs: e,
   totalPages: r,
@@ -1225,7 +1225,7 @@ const pa = [
           variant: c,
           ariaLabel: "Previous",
           disabled: !s,
-          icon: /* @__PURE__ */ l(Hr, { className: "size-4", "aria-hidden": "true" }),
+          icon: /* @__PURE__ */ l(qr, { className: "size-4", "aria-hidden": "true" }),
           onClick: () => s && o(a - 1),
           className: "rounded-l-md focus:z-20"
         },
@@ -1451,7 +1451,7 @@ const pa = [
       "!"
     ] })
   ] });
-}, $a = {
+}, Oa = {
   info: "focus:border-sky-400 focus-visible:border-sky-400",
   danger: "focus:border-red-400 focus-visible:border-red-400",
   default: "focus:border-slate-400 focus-visible:border-slate-400",
@@ -1459,7 +1459,7 @@ const pa = [
   primary: "focus:border-violet-400 focus-visible:border-violet-400",
   secondary: "focus:border-slate-400 focus-visible:border-slate-400",
   success: "focus:border-emerald-400 focus-visible:border-emerald-400"
-}, Oa = {
+}, $a = {
   none: "resize-none",
   both: "resize",
   vertical: "resize-y",
@@ -1507,8 +1507,8 @@ const pa = [
       className: [
         "block w-full px-4 py-3 bg-slate-50 dark:bg-gray-700 text-slate-800 dark:text-slate-100 shadow-sm placeholder-gray-400 focus:outline-none border transition-colors",
         Ea[w],
-        Oa[T],
-        $a[y],
+        $a[T],
+        Oa[y],
         a ? "border-red-700 dark:border-red-500 focus:border-red-700 focus-visible:border-red-700" : "border-gray-300 dark:border-gray-600 focus:border-violet-400 focus-visible:border-violet-400",
         c ? "cursor-not-allowed opacity-70" : "",
         d
@@ -1780,16 +1780,16 @@ const pa = [
   emptyStateLabel: _ = "No results found"
 }) => {
   const [h, b] = U(!1), [p, j] = U(""), B = le(null), E = le(null), S = re(
-    () => d.map((O) => String(O)),
+    () => d.map(($) => String($)),
     [d]
   ), D = re(() => i && Object.keys(i).length > 0 ? Object.values(i).flat() : s ?? [], [i, s]), F = re(
-    () => D.map((O) => String(O.value)),
+    () => D.map(($) => String($.value)),
     [D]
   ), Z = re(
-    () => F.length > 0 && F.every((O) => S.includes(O)),
+    () => F.length > 0 && F.every(($) => S.includes($)),
     [F, S]
-  ), G = () => !c && b((O) => !O), J = qt((O) => {
-    B.current && !B.current.contains(O.target) && b(!1);
+  ), G = () => !c && b(($) => !$), J = qt(($) => {
+    B.current && !B.current.contains($.target) && b(!1);
   }, []);
   X(() => {
     if (h)
@@ -1797,43 +1797,43 @@ const pa = [
   }, [J, h]), X(() => {
     h && E.current && y && E.current.focus();
   }, [h, y]);
-  const ye = (O) => {
-    n(Array.from(new Set(O)));
+  const ye = ($) => {
+    n(Array.from(new Set($)));
   }, _e = () => {
     ye(Z ? [] : F);
-  }, ke = (O) => {
-    const P = O.map((Q) => String(Q.value)), oe = P.every((Q) => S.includes(Q));
+  }, ke = ($) => {
+    const P = $.map((Q) => String(Q.value)), oe = P.every((Q) => S.includes(Q));
     ye(
       oe ? S.filter((Q) => !P.includes(Q)) : [...S, ...P]
     );
-  }, de = (O) => {
-    const P = S.includes(O);
+  }, de = ($) => {
+    const P = S.includes($);
     ye(
-      P ? S.filter((oe) => oe !== O) : [...S, O]
+      P ? S.filter((oe) => oe !== $) : [...S, $]
     );
   }, ne = re(
-    () => D.filter((O) => S.includes(String(O.value))),
+    () => D.filter(($) => S.includes(String($.value))),
     [D, S]
   ), gr = re(() => {
     if (!ne.length) return g;
-    const [O, ...P] = ne;
-    return P.length ? `${O.label}  +${P.length} more` : O.label;
+    const [$, ...P] = ne;
+    return P.length ? `${$.label}  +${P.length} more` : $.label;
   }, [ne, g]), pt = re(() => {
-    const O = p.toLowerCase();
+    const $ = p.toLowerCase();
     return D.filter(
-      (P) => String(P.label).toLowerCase().includes(O)
+      (P) => String(P.label).toLowerCase().includes($)
     );
   }, [D, p]), gt = re(() => {
     if (!i) return;
-    const O = p.toLowerCase(), P = {};
+    const $ = p.toLowerCase(), P = {};
     return Object.entries(i).forEach(([oe, Q]) => {
       const bt = Q.filter(
-        (_r) => String(_r.label).toLowerCase().includes(O)
+        (_r) => String(_r.label).toLowerCase().includes($)
       );
       bt.length > 0 && (P[oe] = bt);
     }), Object.keys(P).length > 0 ? P : void 0;
-  }, [i, p]), yr = re(() => typeof x == "number" ? { maxHeight: `${x}px` } : { maxHeight: x }, [x]), br = Za[u], vr = Ba[u], xr = a ? "border border-red-700 dark:border-red-500 focus:border-red-700 focus-visible:border-red-700" : h ? "border border-slate-300 dark:border-slate-500 shadow-sm" : "border border-slate-200 dark:border-slate-600 shadow-sm", yt = (O) => {
-    const P = String(O.value), oe = S.includes(P);
+  }, [i, p]), yr = re(() => typeof x == "number" ? { maxHeight: `${x}px` } : { maxHeight: x }, [x]), br = Za[u], vr = Ba[u], xr = a ? "border border-red-700 dark:border-red-500 focus:border-red-700 focus-visible:border-red-700" : h ? "border border-slate-300 dark:border-slate-500 shadow-sm" : "border border-slate-200 dark:border-slate-600 shadow-sm", yt = ($) => {
+    const P = String($.value), oe = S.includes(P);
     return /* @__PURE__ */ f(
       "li",
       {
@@ -1849,7 +1849,7 @@ const pa = [
               className: "w-5 h-5 rounded-md border border-slate-300 bg-slate-50 text-violet-600 accent-violet-500 outline-none transition duration-150 ease-in-out cursor-pointer hover:border-violet-400 focus-visible:border-violet-400 dark:text-slate-100 dark:accent-slate-100 dark:hover:border-slate-400 dark:focus-visible:border-slate-300 disabled:opacity-60 disabled:cursor-not-allowed"
             }
           ),
-          /* @__PURE__ */ l("span", { className: "text-sm text-slate-800 dark:text-slate-100", children: O.label })
+          /* @__PURE__ */ l("span", { className: "text-sm text-slate-800 dark:text-slate-100", children: $.label })
         ]
       },
       P
@@ -1882,12 +1882,12 @@ const pa = [
               onClick: G,
               className: `w-full flex items-center justify-between gap-2 rounded-md bg-slate-50 dark:bg-gray-700 text-slate-900 dark:text-slate-100 border border-slate-200 dark:border-slate-500 focus:outline-none focus-visible:shadow-sm disabled:cursor-not-allowed disabled:opacity-60 transition-colors ${Pa[C]} ${br} ${xr}`,
               children: [
-                /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2 min-h-6 flex-1", children: ne.length ? ne.map((O) => /* @__PURE__ */ f(
+                /* @__PURE__ */ l("div", { className: "flex flex-wrap items-center gap-2 min-h-6 flex-1", children: ne.length ? ne.map(($) => /* @__PURE__ */ f(
                   "span",
                   {
                     className: `inline-flex items-center gap-1 rounded-full bg-violet-600 text-slate-50 dark:bg-slate-500 dark:text-slate-100 ${vr}`,
                     children: [
-                      O.label,
+                      $.label,
                       /* @__PURE__ */ l(
                         "span",
                         {
@@ -1895,17 +1895,17 @@ const pa = [
                           tabIndex: 0,
                           className: "text-xs font-semibold hover:text-violet-900 dark:hover:text-slate-50 cursor-pointer",
                           onClick: (P) => {
-                            P.stopPropagation(), de(String(O.value));
+                            P.stopPropagation(), de(String($.value));
                           },
                           onKeyDown: (P) => {
-                            (P.key === "Enter" || P.key === " ") && (P.stopPropagation(), P.preventDefault(), de(String(O.value)));
+                            (P.key === "Enter" || P.key === " ") && (P.stopPropagation(), P.preventDefault(), de(String($.value)));
                           },
                           children: "×"
                         }
                       )
                     ]
                   },
-                  String(O.value)
+                  String($.value)
                 )) : /* @__PURE__ */ l("span", { className: "text-sm text-slate-500 dark:text-slate-400", children: gr }) }),
                 /* @__PURE__ */ l("span", { className: "pointer-events-none text-gray-500 dark:text-gray-300", children: /* @__PURE__ */ l(
                   "svg",
@@ -1937,9 +1937,9 @@ const pa = [
                 type: "text",
                 placeholder: "Search options...",
                 value: p,
-                onChange: (O) => j(O.target.value),
+                onChange: ($) => j($.target.value),
                 className: "w-full rounded-md border border-gray-300 dark:border-gray-700 bg-slate-50 dark:bg-gray-800 px-3 py-2 text-sm text-slate-800 dark:text-slate-100 focus:outline-none focus:border-violet-400 focus-visible:border-violet-400 dark:focus:border-slate-300 dark:focus-visible:border-slate-300 transition-colors",
-                onClick: (O) => O.stopPropagation()
+                onClick: ($) => $.stopPropagation()
               }
             ) }) : null,
             /* @__PURE__ */ f(
@@ -1969,7 +1969,7 @@ const pa = [
                       ]
                     }
                   ) }) : null,
-                  gt ? Object.entries(gt).map(([O, P]) => {
+                  gt ? Object.entries(gt).map(([$, P]) => {
                     const oe = P.map((Q) => String(Q.value)).every((Q) => S.includes(Q));
                     return /* @__PURE__ */ f("li", { className: "py-1", children: [
                       /* @__PURE__ */ f(
@@ -1988,13 +1988,13 @@ const pa = [
                                 className: "w-5 h-5 rounded-md border border-slate-300 bg-slate-50 text-violet-600 accent-violet-500 outline-none transition duration-150 ease-in-out cursor-pointer hover:border-violet-400 focus-visible:border-violet-400 dark:text-slate-100 dark:accent-slate-100 dark:hover:border-slate-400 dark:focus-visible:border-slate-300 disabled:opacity-60 disabled:cursor-not-allowed"
                               }
                             ),
-                            O
+                            $
                           ]
                         }
                       ),
                       /* @__PURE__ */ l("ul", { className: "mt-1 border-l border-gray-200 dark:border-gray-700 ml-5", children: P.map((Q) => yt(Q)) })
-                    ] }, O);
-                  }) : pt.length > 0 ? pt.map((O) => yt(O)) : /* @__PURE__ */ l("li", { className: "px-3 py-4 text-sm text-slate-500 dark:text-slate-400", children: _ })
+                    ] }, $);
+                  }) : pt.length > 0 ? pt.map(($) => yt($)) : /* @__PURE__ */ l("li", { className: "px-3 py-4 text-sm text-slate-500 dark:text-slate-400", children: _ })
                 ]
               }
             )
@@ -2541,11 +2541,14 @@ const Cs = new Ts(), Ss = () => {
   M.info(t, qe);
 }, Dn = (t) => {
   M.warn(t, qe);
-}, fr = (t, e = 0) => t ? e ? t.split(" ").map((r) => r[0].toUpperCase()).join("").slice(0, e) : $s(t) : "";
-function $s(t) {
+}, fr = (t, e = 0) => t ? e ? t.split(" ").map((r) => r[0].toUpperCase()).join("").slice(0, e) : Os(t) : "";
+function Os(t) {
   return t.split(" ").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
 }
-function Os(t, e) {
+function Vn(t) {
+  return localStorage.getItem(t) ? JSON.parse(localStorage.getItem(t) || "") : null;
+}
+function $s(t, e) {
   let r;
   try {
     r = t();
@@ -2585,7 +2588,7 @@ const et = (t) => (e) => {
   }
 }, Es = (t, e) => (r, a, s) => {
   let n = {
-    storage: Os(() => localStorage),
+    storage: $s(() => localStorage),
     partialize: (g) => g,
     version: 0,
     merge: (g, _) => ({
@@ -2765,7 +2768,7 @@ const et = (t) => (e) => {
       })
     }
   )
-), Vn = ({ hasNotifications: t = !0 }) => {
+), Fn = ({ hasNotifications: t = !0 }) => {
   const e = Nr(), [r, a] = U(""), s = le(null), [n, o] = U(!1), {
     user: i,
     logout: d,
@@ -2787,16 +2790,16 @@ const et = (t) => (e) => {
     };
   }, []), /* @__PURE__ */ l("header", { className: "sticky top-0 z-40 bg-slate-800  backdrop-blur-md border-b border-slate-400 shadow-sm transition-colors duration-300", children: /* @__PURE__ */ f("div", { className: "flex items-center justify-between text-slate-100 py-3 px-4", children: [
     /* @__PURE__ */ f("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ l(Oe, { text: "Toggle Sidebar", position: "right", children: /* @__PURE__ */ l(
+      /* @__PURE__ */ l($e, { text: "Toggle Sidebar", position: "right", children: /* @__PURE__ */ l(
         "button",
         {
           onClick: () => w(!u),
           className: "p-2 rounded-lg text-slate-400 hover:bg-slate-700 dark:hover:bg-slate-700 transition-all duration-200 focus:outline-none",
-          children: /* @__PURE__ */ l(ea, { className: "w-5 h-5" })
+          children: /* @__PURE__ */ l(ta, { className: "w-5 h-5" })
         }
       ) }),
       /* @__PURE__ */ f("div", { className: "relative hidden md:block", children: [
-        /* @__PURE__ */ l(oa, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-500" }),
+        /* @__PURE__ */ l(ia, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-slate-500" }),
         /* @__PURE__ */ l(
           "input",
           {
@@ -2811,23 +2814,23 @@ const et = (t) => (e) => {
     ] }),
     /* @__PURE__ */ f("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ l(tr, { forceDarkTheme: !0 }),
-      /* @__PURE__ */ l(Oe, { text: "Notifications", position: "bottom", children: /* @__PURE__ */ f(
+      /* @__PURE__ */ l($e, { text: "Notifications", position: "bottom", children: /* @__PURE__ */ f(
         se,
         {
           variant: "default",
           className: "text-slate-400 hover:bg-slate-600",
           children: [
-            /* @__PURE__ */ l(Fr, { className: "w-5 h-5" }),
+            /* @__PURE__ */ l(Ur, { className: "w-5 h-5" }),
             t && /* @__PURE__ */ l("span", { className: "absolute top-1.5 right-3.5 w-2 h-2 bg-amber-300 rounded-full ring-2 ring-slate-200 animate-pulse" })
           ]
         }
       ) }),
-      /* @__PURE__ */ l(Oe, { text: "Activity History", position: "bottom", children: /* @__PURE__ */ l(
+      /* @__PURE__ */ l($e, { text: "Activity History", position: "bottom", children: /* @__PURE__ */ l(
         se,
         {
           variant: "default",
           className: "text-slate-400 hover:bg-slate-600",
-          icon: /* @__PURE__ */ l(Xr, { className: "w-5 h-5" })
+          icon: /* @__PURE__ */ l(Yr, { className: "w-5 h-5" })
         }
       ) }),
       /* @__PURE__ */ l("div", { className: "w-px h-6 bg-slate-200 dark:bg-dark-border mx-1 bg-slate-border" }),
@@ -2858,7 +2861,7 @@ const et = (t) => (e) => {
                 onClick: () => T("/my-profile"),
                 className: "flex items-center w-full px-4 py-2.5 text-sm text-slate-700 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700 transition-colors",
                 children: [
-                  /* @__PURE__ */ l(ha, { className: "w-4 h-4 mr-3" }),
+                  /* @__PURE__ */ l(pa, { className: "w-4 h-4 mr-3" }),
                   "My Profile"
                 ]
               }
@@ -2869,7 +2872,7 @@ const et = (t) => (e) => {
                 onClick: () => T("/settings"),
                 className: "flex items-center w-full px-4 py-2.5 text-sm text-slate-700 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700 transition-colors",
                 children: [
-                  /* @__PURE__ */ l(la, { className: "w-4 h-4 mr-3" }),
+                  /* @__PURE__ */ l(da, { className: "w-4 h-4 mr-3" }),
                   "Settings"
                 ]
               }
@@ -2880,7 +2883,7 @@ const et = (t) => (e) => {
                 onClick: () => T("/my-profile"),
                 className: "flex items-center w-full px-4 py-2.5 text-sm text-slate-700 dark:text-slate-300 hover:bg-slate-100 dark:hover:bg-slate-700 transition-colors",
                 children: [
-                  /* @__PURE__ */ l(Gr, { className: "w-4 h-4 mr-3" }),
+                  /* @__PURE__ */ l(Jr, { className: "w-4 h-4 mr-3" }),
                   "Change Password"
                 ]
               }
@@ -2892,7 +2895,7 @@ const et = (t) => (e) => {
               onClick: () => T("logout"),
               className: "flex items-center w-full px-4 py-2.5 text-sm text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors",
               children: [
-                /* @__PURE__ */ l(Qr, { className: "w-4 h-4 mr-3" }),
+                /* @__PURE__ */ l(Kr, { className: "w-4 h-4 mr-3" }),
                 "Logout"
               ]
             }
@@ -2931,8 +2934,8 @@ const et = (t) => (e) => {
       ]
     }
   );
-  return r ? s : /* @__PURE__ */ l(Oe, { text: t.label, position: "right", children: s });
-}, Fn = () => {
+  return r ? s : /* @__PURE__ */ l($e, { text: t.label, position: "right", children: s });
+}, Un = () => {
   const t = lt(), { menus: e, setCurrentMenu: r } = mt(), { user: a, isSideNavbarOpen: s } = We(), n = a?.society || null;
   return X(() => {
     r(t.pathname);
@@ -2954,7 +2957,7 @@ const et = (t) => (e) => {
           ${!s && "justify-center"}
         `,
             children: [
-              /* @__PURE__ */ l("div", { className: "w-10 h-10 bg-linear-to-br from-violet-500 to-purple-600 rounded-xl flex items-center justify-center shadow-lg shadow-violet-500/30", children: /* @__PURE__ */ l(ca, { className: "w-6 h-6 text-white" }) }),
+              /* @__PURE__ */ l("div", { className: "w-10 h-10 bg-linear-to-br from-violet-500 to-purple-600 rounded-xl flex items-center justify-center shadow-lg shadow-violet-500/30", children: /* @__PURE__ */ l(ua, { className: "w-6 h-6 text-white" }) }),
               s && /* @__PURE__ */ f("div", { className: "flex-1 animate-slide-in", children: [
                 /* @__PURE__ */ l("h1", { className: "text-lg font-bold text-slate-100", children: "Resident Rise" }),
                 /* @__PURE__ */ l("p", { className: "text-xs text-slate-400", children: "Society Management Portal" })
@@ -2976,7 +2979,7 @@ const et = (t) => (e) => {
             children: s ? /* @__PURE__ */ f("div", { className: "px-3 py-2 rounded-xl bg-linear-to-br from-violet-50 to-purple-50 dark:from-violet-900/20 dark:to-purple-900/20 border border-violet-200 dark:border-violet-800", children: [
               /* @__PURE__ */ l("p", { className: "text-xs font-semibold text-violet-700 dark:text-violet-400", children: "Need Help?" }),
               /* @__PURE__ */ l("p", { className: "text-xs text-slate-600 dark:text-slate-400 mt-1", children: "Contact support team" })
-            ] }) : /* @__PURE__ */ l(Oe, { text: "Need Help?", position: "right", children: /* @__PURE__ */ l("div", { className: "w-10 h-10 rounded-xl bg-linear-to-br from-violet-50 to-purple-50 dark:from-violet-900/20 dark:to-purple-900/20 border border-violet-200 dark:border-violet-800 flex items-center justify-center cursor-pointer hover:scale-110 transition-transform", children: /* @__PURE__ */ l("span", { className: "text-violet-700 dark:text-violet-400 font-bold text-sm", children: "?" }) }) })
+            ] }) : /* @__PURE__ */ l($e, { text: "Need Help?", position: "right", children: /* @__PURE__ */ l("div", { className: "w-10 h-10 rounded-xl bg-linear-to-br from-violet-50 to-purple-50 dark:from-violet-900/20 dark:to-purple-900/20 border border-violet-200 dark:border-violet-800 flex items-center justify-center cursor-pointer hover:scale-110 transition-transform", children: /* @__PURE__ */ l("span", { className: "text-violet-700 dark:text-violet-400 font-bold text-sm", children: "?" }) }) })
           }
         )
       ]
@@ -3294,7 +3297,7 @@ class ee {
 }
 const I = Object.freeze({
   status: "aborted"
-}), $e = (t) => ({ status: "dirty", value: t }), te = (t) => ({ status: "valid", value: t }), $t = (t) => t.status === "aborted", Ot = (t) => t.status === "dirty", Te = (t) => t.status === "valid", Pe = (t) => typeof Promise < "u" && t instanceof Promise;
+}), Oe = (t) => ({ status: "dirty", value: t }), te = (t) => ({ status: "valid", value: t }), Ot = (t) => t.status === "aborted", $t = (t) => t.status === "dirty", Te = (t) => t.status === "valid", Pe = (t) => typeof Promise < "u" && t instanceof Promise;
 var N;
 (function(t) {
   t.errToObj = (e) => typeof e == "string" ? { message: e } : e || {}, t.toString = (e) => typeof e == "string" ? e : e?.message;
@@ -3463,7 +3466,7 @@ class A {
   _refinement(e) {
     return new Se({
       schema: this,
-      typeName: $.ZodEffects,
+      typeName: O.ZodEffects,
       effect: { type: "refinement", refinement: e }
     });
   }
@@ -3502,7 +3505,7 @@ class A {
     return new Se({
       ...L(this._def),
       schema: this,
-      typeName: $.ZodEffects,
+      typeName: O.ZodEffects,
       effect: { type: "transform", transform: e }
     });
   }
@@ -3512,12 +3515,12 @@ class A {
       ...L(this._def),
       innerType: this,
       defaultValue: r,
-      typeName: $.ZodDefault
+      typeName: O.ZodDefault
     });
   }
   brand() {
     return new ln({
-      typeName: $.ZodBranded,
+      typeName: O.ZodBranded,
       type: this,
       ...L(this._def)
     });
@@ -3528,7 +3531,7 @@ class A {
       ...L(this._def),
       innerType: this,
       catchValue: r,
-      typeName: $.ZodCatch
+      typeName: O.ZodCatch
     });
   }
   describe(e) {
@@ -3966,7 +3969,7 @@ class me extends A {
 }
 me.create = (t) => new me({
   checks: [],
-  typeName: $.ZodString,
+  typeName: O.ZodString,
   coerce: t?.coerce ?? !1,
   ...L(t)
 });
@@ -4142,7 +4145,7 @@ class Le extends A {
 }
 Le.create = (t) => new Le({
   checks: [],
-  typeName: $.ZodNumber,
+  typeName: O.ZodNumber,
   coerce: t?.coerce || !1,
   ...L(t)
 });
@@ -4275,7 +4278,7 @@ class je extends A {
 }
 je.create = (t) => new je({
   checks: [],
-  typeName: $.ZodBigInt,
+  typeName: O.ZodBigInt,
   coerce: t?.coerce ?? !1,
   ...L(t)
 });
@@ -4293,7 +4296,7 @@ class Lt extends A {
   }
 }
 Lt.create = (t) => new Lt({
-  typeName: $.ZodBoolean,
+  typeName: O.ZodBoolean,
   coerce: t?.coerce || !1,
   ...L(t)
 });
@@ -4372,7 +4375,7 @@ class Ze extends A {
 Ze.create = (t) => new Ze({
   checks: [],
   coerce: t?.coerce || !1,
-  typeName: $.ZodDate,
+  typeName: O.ZodDate,
   ...L(t)
 });
 class jt extends A {
@@ -4389,7 +4392,7 @@ class jt extends A {
   }
 }
 jt.create = (t) => new jt({
-  typeName: $.ZodSymbol,
+  typeName: O.ZodSymbol,
   ...L(t)
 });
 class At extends A {
@@ -4406,7 +4409,7 @@ class At extends A {
   }
 }
 At.create = (t) => new At({
-  typeName: $.ZodUndefined,
+  typeName: O.ZodUndefined,
   ...L(t)
 });
 class Rt extends A {
@@ -4423,7 +4426,7 @@ class Rt extends A {
   }
 }
 Rt.create = (t) => new Rt({
-  typeName: $.ZodNull,
+  typeName: O.ZodNull,
   ...L(t)
 });
 class Mt extends A {
@@ -4435,7 +4438,7 @@ class Mt extends A {
   }
 }
 Mt.create = (t) => new Mt({
-  typeName: $.ZodAny,
+  typeName: O.ZodAny,
   ...L(t)
 });
 class zt extends A {
@@ -4447,7 +4450,7 @@ class zt extends A {
   }
 }
 zt.create = (t) => new zt({
-  typeName: $.ZodUnknown,
+  typeName: O.ZodUnknown,
   ...L(t)
 });
 class ge extends A {
@@ -4461,7 +4464,7 @@ class ge extends A {
   }
 }
 ge.create = (t) => new ge({
-  typeName: $.ZodNever,
+  typeName: O.ZodNever,
   ...L(t)
 });
 class Pt extends A {
@@ -4478,7 +4481,7 @@ class Pt extends A {
   }
 }
 Pt.create = (t) => new Pt({
-  typeName: $.ZodVoid,
+  typeName: O.ZodVoid,
   ...L(t)
 });
 class ie extends A {
@@ -4551,7 +4554,7 @@ ie.create = (t, e) => new ie({
   minLength: null,
   maxLength: null,
   exactLength: null,
-  typeName: $.ZodArray,
+  typeName: O.ZodArray,
   ...L(e)
 });
 function Ne(t) {
@@ -4713,7 +4716,7 @@ class V extends A {
         ...this._def.shape(),
         ...e._def.shape()
       }),
-      typeName: $.ZodObject
+      typeName: O.ZodObject
     });
   }
   // merge<
@@ -4840,21 +4843,21 @@ V.create = (t, e) => new V({
   shape: () => t,
   unknownKeys: "strip",
   catchall: ge.create(),
-  typeName: $.ZodObject,
+  typeName: O.ZodObject,
   ...L(e)
 });
 V.strictCreate = (t, e) => new V({
   shape: () => t,
   unknownKeys: "strict",
   catchall: ge.create(),
-  typeName: $.ZodObject,
+  typeName: O.ZodObject,
   ...L(e)
 });
 V.lazycreate = (t, e) => new V({
   shape: t,
   unknownKeys: "strip",
   catchall: ge.create(),
-  typeName: $.ZodObject,
+  typeName: O.ZodObject,
   ...L(e)
 });
 class Be extends A {
@@ -4927,7 +4930,7 @@ class Be extends A {
 }
 Be.create = (t, e) => new Be({
   options: t,
-  typeName: $.ZodUnion,
+  typeName: O.ZodUnion,
   ...L(e)
 });
 function rt(t, e) {
@@ -4959,10 +4962,10 @@ function rt(t, e) {
 class De extends A {
   _parse(e) {
     const { status: r, ctx: a } = this._processInputParams(e), s = (n, o) => {
-      if ($t(n) || $t(o))
+      if (Ot(n) || Ot(o))
         return I;
       const i = rt(n.value, o.value);
-      return i.valid ? ((Ot(n) || Ot(o)) && r.dirty(), { status: r.value, value: i.data }) : (v(a, {
+      return i.valid ? (($t(n) || $t(o)) && r.dirty(), { status: r.value, value: i.data }) : (v(a, {
         code: m.invalid_intersection_types
       }), I);
     };
@@ -4991,7 +4994,7 @@ class De extends A {
 De.create = (t, e, r) => new De({
   left: t,
   right: e,
-  typeName: $.ZodIntersection,
+  typeName: O.ZodIntersection,
   ...L(r)
 });
 class xe extends A {
@@ -5039,7 +5042,7 @@ xe.create = (t, e) => {
     throw new Error("You must pass an array of schemas to z.tuple([ ... ])");
   return new xe({
     items: t,
-    typeName: $.ZodTuple,
+    typeName: O.ZodTuple,
     rest: null,
     ...L(e)
   });
@@ -5089,7 +5092,7 @@ class Zt extends A {
 Zt.create = (t, e, r) => new Zt({
   valueType: e,
   keyType: t,
-  typeName: $.ZodMap,
+  typeName: O.ZodMap,
   ...L(r)
 });
 class Ae extends A {
@@ -5153,7 +5156,7 @@ Ae.create = (t, e) => new Ae({
   valueType: t,
   minSize: null,
   maxSize: null,
-  typeName: $.ZodSet,
+  typeName: O.ZodSet,
   ...L(e)
 });
 class Bt extends A {
@@ -5167,7 +5170,7 @@ class Bt extends A {
 }
 Bt.create = (t, e) => new Bt({
   getter: t,
-  typeName: $.ZodLazy,
+  typeName: O.ZodLazy,
   ...L(e)
 });
 class Dt extends A {
@@ -5188,13 +5191,13 @@ class Dt extends A {
 }
 Dt.create = (t, e) => new Dt({
   value: t,
-  typeName: $.ZodLiteral,
+  typeName: O.ZodLiteral,
   ...L(e)
 });
 function pr(t, e) {
   return new Ce({
     values: t,
-    typeName: $.ZodEnum,
+    typeName: O.ZodEnum,
     ...L(e)
   });
 }
@@ -5280,7 +5283,7 @@ class Vt extends A {
 }
 Vt.create = (t, e) => new Vt({
   values: t,
-  typeName: $.ZodNativeEnum,
+  typeName: O.ZodNativeEnum,
   ...L(e)
 });
 class Ve extends A {
@@ -5304,7 +5307,7 @@ class Ve extends A {
 }
 Ve.create = (t, e) => new Ve({
   type: t,
-  typeName: $.ZodPromise,
+  typeName: O.ZodPromise,
   ...L(e)
 });
 class Se extends A {
@@ -5312,7 +5315,7 @@ class Se extends A {
     return this._def.schema;
   }
   sourceType() {
-    return this._def.schema._def.typeName === $.ZodEffects ? this._def.schema.sourceType() : this._def.schema;
+    return this._def.schema._def.typeName === O.ZodEffects ? this._def.schema.sourceType() : this._def.schema;
   }
   _parse(e) {
     const { status: r, ctx: a } = this._processInputParams(e), s = this._def.effect || null, n = {
@@ -5334,7 +5337,7 @@ class Se extends A {
             path: a.path,
             parent: a
           });
-          return d.status === "aborted" ? I : d.status === "dirty" || r.value === "dirty" ? $e(d.value) : d;
+          return d.status === "aborted" ? I : d.status === "dirty" || r.value === "dirty" ? Oe(d.value) : d;
         });
       {
         if (r.value === "aborted")
@@ -5344,7 +5347,7 @@ class Se extends A {
           path: a.path,
           parent: a
         });
-        return i.status === "aborted" ? I : i.status === "dirty" || r.value === "dirty" ? $e(i.value) : i;
+        return i.status === "aborted" ? I : i.status === "dirty" || r.value === "dirty" ? Oe(i.value) : i;
       }
     }
     if (s.type === "refinement") {
@@ -5389,14 +5392,14 @@ class Se extends A {
 }
 Se.create = (t, e, r) => new Se({
   schema: t,
-  typeName: $.ZodEffects,
+  typeName: O.ZodEffects,
   effect: e,
   ...L(r)
 });
 Se.createWithPreprocess = (t, e, r) => new Se({
   schema: e,
   effect: { type: "preprocess", transform: t },
-  typeName: $.ZodEffects,
+  typeName: O.ZodEffects,
   ...L(r)
 });
 class he extends A {
@@ -5409,7 +5412,7 @@ class he extends A {
 }
 he.create = (t, e) => new he({
   innerType: t,
-  typeName: $.ZodOptional,
+  typeName: O.ZodOptional,
   ...L(e)
 });
 class Ie extends A {
@@ -5422,7 +5425,7 @@ class Ie extends A {
 }
 Ie.create = (t, e) => new Ie({
   innerType: t,
-  typeName: $.ZodNullable,
+  typeName: O.ZodNullable,
   ...L(e)
 });
 class at extends A {
@@ -5441,7 +5444,7 @@ class at extends A {
 }
 at.create = (t, e) => new at({
   innerType: t,
-  typeName: $.ZodDefault,
+  typeName: O.ZodDefault,
   defaultValue: typeof e.default == "function" ? e.default : () => e.default,
   ...L(e)
 });
@@ -5484,7 +5487,7 @@ class st extends A {
 }
 st.create = (t, e) => new st({
   innerType: t,
-  typeName: $.ZodCatch,
+  typeName: O.ZodCatch,
   catchValue: typeof e.catch == "function" ? e.catch : () => e.catch,
   ...L(e)
 });
@@ -5502,7 +5505,7 @@ class Ft extends A {
   }
 }
 Ft.create = (t) => new Ft({
-  typeName: $.ZodNaN,
+  typeName: O.ZodNaN,
   ...L(t)
 });
 class ln extends A {
@@ -5528,7 +5531,7 @@ class ht extends A {
           path: a.path,
           parent: a
         });
-        return n.status === "aborted" ? I : n.status === "dirty" ? (r.dirty(), $e(n.value)) : this._def.out._parseAsync({
+        return n.status === "aborted" ? I : n.status === "dirty" ? (r.dirty(), Oe(n.value)) : this._def.out._parseAsync({
           data: n.value,
           path: a.path,
           parent: a
@@ -5554,7 +5557,7 @@ class ht extends A {
     return new ht({
       in: e,
       out: r,
-      typeName: $.ZodPipeline
+      typeName: O.ZodPipeline
     });
   }
 }
@@ -5569,13 +5572,13 @@ class nt extends A {
 }
 nt.create = (t, e) => new nt({
   innerType: t,
-  typeName: $.ZodReadonly,
+  typeName: O.ZodReadonly,
   ...L(e)
 });
-var $;
+var O;
 (function(t) {
   t.ZodString = "ZodString", t.ZodNumber = "ZodNumber", t.ZodNaN = "ZodNaN", t.ZodBigInt = "ZodBigInt", t.ZodBoolean = "ZodBoolean", t.ZodDate = "ZodDate", t.ZodSymbol = "ZodSymbol", t.ZodUndefined = "ZodUndefined", t.ZodNull = "ZodNull", t.ZodAny = "ZodAny", t.ZodUnknown = "ZodUnknown", t.ZodNever = "ZodNever", t.ZodVoid = "ZodVoid", t.ZodArray = "ZodArray", t.ZodObject = "ZodObject", t.ZodUnion = "ZodUnion", t.ZodDiscriminatedUnion = "ZodDiscriminatedUnion", t.ZodIntersection = "ZodIntersection", t.ZodTuple = "ZodTuple", t.ZodRecord = "ZodRecord", t.ZodMap = "ZodMap", t.ZodSet = "ZodSet", t.ZodFunction = "ZodFunction", t.ZodLazy = "ZodLazy", t.ZodLiteral = "ZodLiteral", t.ZodEnum = "ZodEnum", t.ZodEffects = "ZodEffects", t.ZodNativeEnum = "ZodNativeEnum", t.ZodOptional = "ZodOptional", t.ZodNullable = "ZodNullable", t.ZodDefault = "ZodDefault", t.ZodCatch = "ZodCatch", t.ZodPromise = "ZodPromise", t.ZodBranded = "ZodBranded", t.ZodPipeline = "ZodPipeline", t.ZodReadonly = "ZodReadonly";
-})($ || ($ = {}));
+})(O || (O = {}));
 const Ut = me.create;
 ge.create;
 ie.create;
@@ -5590,7 +5593,7 @@ Ie.create;
 const cn = dn({
   email: Ut().min(1, "Email is required").email("Enter a valid email"),
   password: Ut().min(1, "Password is required").min(6, "Password must be at least 6 characters")
-}), Un = ({
+}), Hn = ({
   logo: t,
   slogan: e,
   loginUrl: r,
@@ -5692,20 +5695,20 @@ export {
   xn as InfoCard,
   dt as InlineLoader,
   Nt as Input,
-  Un as LoginPage,
+  Hn as LoginPage,
   bn as Modal,
   wt as ModalBody,
   _a as ModalFooter,
   kt as ModalHeader,
   Rn as MultiSelect,
   zn as PageContainer,
-  On as Pagination,
+  $n as Pagination,
   W as Position,
-  $n as ProgressStat,
+  On as ProgressStat,
   An as RadioGroup,
   gn as Row,
   Kt as Select,
-  Fn as SideNavbar,
+  Un as SideNavbar,
   ae as Size,
   _n as StatCard,
   jn as Switch,
@@ -5717,19 +5720,20 @@ export {
   Tn as TableRow,
   En as Textarea,
   yn as ThemeProvider,
-  tr as ThemeToggle,
-  Oe as Tooltip,
-  Vn as TopNavbar,
+  tr as ThemeSwitcher,
+  $e as Tooltip,
+  Fn as TopNavbar,
   H as Variant,
-  $s as capitalizeWords,
+  Os as capitalizeWords,
   Zn as errorToast,
+  Vn as getLocalData,
   Bn as infoToast,
   Cs as loaderService,
   fr as manageTextLength,
   Is as successToast,
   We as useAuthStore,
   mt as useMenuStore,
-  ba as useTheme,
+  va as useTheme,
   Dn as warningToast
 };
 //# sourceMappingURL=index.mjs.map