anarock-widgets 1.0.210 → 1.0.211

package/dist/index.es.js

@@ -4381,7 +4381,7 @@ function _m(e, t) {
     varsWithDefaults: a
   };
 }
-function e5(e, t = {}) {
+function e$(e, t = {}) {
   const {
     getSelector: n = b,
     disableCssColorScheme: r,
@@ -4502,7 +4502,7 @@ function e5(e, t = {}) {
     }
   };
 }
-function t5(e) {
+function t$(e) {
   return function(n) {
     return e === "media" ? (process.env.NODE_ENV !== "production" && n !== "light" && n !== "dark" && console.error(`MUI: @media (prefers-color-scheme) supports only 'light' or 'dark', but receive '${n}'.`), `@media (prefers-color-scheme: ${n})`) : e ? e.startsWith("data-") && !e.includes("%s") ? `[${e}="${n}"] &` : e === "class" ? `.${n} &` : e === "data" ? `[data-${n}] &` : `${e.replace("%s", n)} &` : "&";
   };
@@ -4510,7 +4510,7 @@ function t5(e) {
 const zc = {
   black: "#000",
   white: "#fff"
-}, n5 = {
+}, n$ = {
   50: "#fafafa",
   100: "#f5f5f5",
   200: "#eeeeee",
@@ -4642,7 +4642,7 @@ function vw(e, t, n, r, i) {
   const o = i.light || i, a = i.dark || i * 1.5;
   t[n] || (t.hasOwnProperty(r) ? t[n] = t[r] : n === "light" ? t.light = `color-mix(in ${e}, ${t.main}, #fff ${(o * 100).toFixed(0)}%)` : n === "dark" && (t.dark = `color-mix(in ${e}, ${t.main}, #000 ${(a * 100).toFixed(0)}%)`));
 }
-function r5(e = "light") {
+function r$(e = "light") {
   return e === "dark" ? {
     main: Os[200],
     light: Os[50],
@@ -4653,7 +4653,7 @@ function r5(e = "light") {
     dark: Os[800]
   };
 }
-function i5(e = "light") {
+function i$(e = "light") {
   return e === "dark" ? {
     main: _s[200],
     light: _s[50],
@@ -4664,7 +4664,7 @@ function i5(e = "light") {
     dark: _s[700]
   };
 }
-function o5(e = "light") {
+function o$(e = "light") {
   return e === "dark" ? {
     main: Ss[500],
     light: Ss[300],
@@ -4675,7 +4675,7 @@ function o5(e = "light") {
     dark: Ss[800]
   };
 }
-function a5(e = "light") {
+function a$(e = "light") {
   return e === "dark" ? {
     main: Es[400],
     light: Es[300],
@@ -4686,7 +4686,7 @@ function a5(e = "light") {
     dark: Es[900]
   };
 }
-function s5(e = "light") {
+function s$(e = "light") {
   return e === "dark" ? {
     main: Ps[400],
     light: Ps[300],
@@ -4697,7 +4697,7 @@ function s5(e = "light") {
     dark: Ps[900]
   };
 }
-function l5(e = "light") {
+function l$(e = "light") {
   return e === "dark" ? {
     main: Ul[400],
     light: Ul[300],
@@ -4709,7 +4709,7 @@ function l5(e = "light") {
     dark: Ul[900]
   };
 }
-function c5(e) {
+function c$(e) {
   return `oklch(from ${e} var(--__l) 0 h / var(--__a))`;
 }
 function bb(e) {
@@ -4719,10 +4719,10 @@ function bb(e) {
     tonalOffset: r = 0.2,
     colorSpace: i,
     ...o
-  } = e, a = e.primary || r5(t), s = e.secondary || i5(t), l = e.error || o5(t), c = e.info || a5(t), u = e.success || s5(t), d = e.warning || l5(t);
+  } = e, a = e.primary || r$(t), s = e.secondary || i$(t), l = e.error || o$(t), c = e.info || a$(t), u = e.success || s$(t), d = e.warning || l$(t);
   function f(g) {
     if (i)
-      return c5(g);
+      return c$(g);
     const b = dw(g, Iv.text.primary) >= n ? Iv.text.primary : fC.text.primary;
     if (process.env.NODE_ENV !== "production") {
       const S = dw(g, b);
@@ -4803,7 +4803,7 @@ const theme2 = createTheme({ palette: {
       name: "success"
     }),
     // The grey colors.
-    grey: n5,
+    grey: n$,
     // Used by `getContrastText()` to maximize the contrast between
     // the background and the text.
     contrastThreshold: n,
@@ -4819,14 +4819,14 @@ const theme2 = createTheme({ palette: {
     ...h
   }, o);
 }
-function u5(e) {
+function u$(e) {
   const t = {};
   return Object.entries(e).forEach((r) => {
     const [i, o] = r;
     typeof o == "object" && (t[i] = `${o.fontStyle ? `${o.fontStyle} ` : ""}${o.fontVariant ? `${o.fontVariant} ` : ""}${o.fontWeight ? `${o.fontWeight} ` : ""}${o.fontStretch ? `${o.fontStretch} ` : ""}${o.fontSize || ""}${o.lineHeight ? `/${o.lineHeight} ` : ""}${o.fontFamily || ""}`);
   }), t;
 }
-function d5(e, t) {
+function d$(e, t) {
   return {
     toolbar: {
       minHeight: 56,
@@ -4842,13 +4842,13 @@ function d5(e, t) {
     ...t
   };
 }
-function f5(e) {
+function f$(e) {
   return Math.round(e * 1e5) / 1e5;
 }
 const yw = {
   textTransform: "uppercase"
 }, bw = '"Roboto", "Helvetica", "Arial", sans-serif';
-function p5(e, t) {
+function p$(e, t) {
   const {
     fontFamily: n = bw,
     // The default font size of the Material Specification.
@@ -4876,7 +4876,7 @@ function p5(e, t) {
     // The letter spacing was designed for the Roboto font-family. Using the same letter-spacing
     // across font-families can cause issues with the kerning.
     ...n === bw ? {
-      letterSpacing: `${f5(w / b)}em`
+      letterSpacing: `${f$(w / b)}em`
     } : {},
     ...x,
     ...c
@@ -4918,11 +4918,11 @@ function p5(e, t) {
     // No need to clone deep
   });
 }
-const h5 = 0.2, m5 = 0.14, g5 = 0.12;
+const h$ = 0.2, m$ = 0.14, g$ = 0.12;
 function wt(...e) {
-  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${h5})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${m5})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${g5})`].join(",");
+  return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${h$})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${m$})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${g$})`].join(",");
 }
-const v5 = ["none", wt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), wt(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), wt(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), wt(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), wt(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), wt(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), wt(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), wt(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), wt(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), wt(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), wt(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), wt(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), wt(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), wt(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), wt(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), wt(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), wt(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), wt(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), wt(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), wt(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), wt(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), wt(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), wt(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), wt(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], y5 = {
+const v$ = ["none", wt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), wt(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), wt(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), wt(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), wt(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), wt(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), wt(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), wt(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), wt(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), wt(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), wt(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), wt(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), wt(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), wt(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), wt(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), wt(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), wt(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), wt(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), wt(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), wt(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), wt(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), wt(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), wt(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), wt(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], y$ = {
   // This is the most common easing curve.
   easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
   // Objects enter the screen at full velocity from off-screen and
@@ -4932,7 +4932,7 @@ const v5 = ["none", wt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), wt(0, 3, 1, -2, 0,
   easeIn: "cubic-bezier(0.4, 0, 1, 1)",
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
-}, b5 = {
+}, b$ = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -4948,22 +4948,22 @@ const v5 = ["none", wt(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), wt(0, 3, 1, -2, 0,
 function xw(e) {
   return `${Math.round(e)}ms`;
 }
-function x5(e) {
+function x$(e) {
   if (!e)
     return 0;
   const t = e / 36;
   return Math.min(Math.round((4 + 15 * t ** 0.25 + t / 5) * 10), 3e3);
 }
-function w5(e) {
+function w$(e) {
   const t = {
-    ...y5,
+    ...y$,
     ...e.easing
   }, n = {
-    ...b5,
+    ...b$,
     ...e.duration
   };
   return {
-    getAutoHeightDuration: x5,
+    getAutoHeightDuration: x$,
     create: (i = ["all"], o = {}) => {
       const {
         duration: a = n.standard,
@@ -4983,7 +4983,7 @@ function w5(e) {
     duration: n
   };
 }
-const _5 = {
+const _$ = {
   mobileStepper: 1e3,
   fab: 1050,
   speedDial: 1050,
@@ -4993,7 +4993,7 @@ const _5 = {
   snackbar: 1400,
   tooltip: 1500
 };
-function S5(e) {
+function S$(e) {
   return eo(e) || typeof e > "u" || typeof e == "string" || typeof e == "boolean" || typeof e == "number" || Array.isArray(e);
 }
 function hC(e = {}) {
@@ -5004,7 +5004,7 @@ function hC(e = {}) {
     const i = Object.entries(r);
     for (let o = 0; o < i.length; o++) {
       const [a, s] = i[o];
-      !S5(s) || a.startsWith("unstable_") ? delete r[a] : eo(s) && (r[a] = {
+      !S$(s) || a.startsWith("unstable_") ? delete r[a] : eo(s) && (r[a] = {
         ...s
       }, n(r[a]));
     }
@@ -5021,7 +5021,7 @@ export default theme;`;
 function ww(e) {
   return typeof e == "number" ? `${(e * 100).toFixed(0)}%` : `calc((${e}) * 100%)`;
 }
-const O5 = (e) => {
+const O$ = (e) => {
   if (!Number.isNaN(+e))
     return +e;
   const t = e.match(/\d*\.?\d+/g);
@@ -5032,11 +5032,11 @@ const O5 = (e) => {
     n += +t[r];
   return n;
 };
-function E5(e) {
+function E$(e) {
   Object.assign(e, {
     alpha(t, n) {
       const r = this || e;
-      return r.colorSpace ? `oklch(from ${t} l c h / ${typeof n == "string" ? `calc(${n})` : n})` : r.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof n == "string" ? `calc(${n})` : n})` : Sf(t, O5(n));
+      return r.colorSpace ? `oklch(from ${t} l c h / ${typeof n == "string" ? `calc(${n})` : n})` : r.vars ? `rgba(${t.replace(/var\(--([^,\s)]+)(?:,[^)]+)?\)+/g, "var(--$1Channel)")} / ${typeof n == "string" ? `calc(${n})` : n})` : Sf(t, O$(n));
     },
     lighten(t, n) {
       const r = this || e;
@@ -5069,14 +5069,14 @@ function Lv(e = {}, ...t) {
     colorSpace: c
   }), f = gb(e);
   let p = Mn(f, {
-    mixins: d5(f.breakpoints, r),
+    mixins: d$(f.breakpoints, r),
     palette: d,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: v5.slice(),
-    typography: p5(d, s),
-    transitions: w5(a),
+    shadows: v$.slice(),
+    typography: p$(d, s),
+    transitions: w$(a),
     zIndex: {
-      ..._5
+      ..._$
     }
   });
   if (p = Mn(p, u), p = t.reduce((h, m) => Mn(h, m), p), process.env.NODE_ENV !== "production") {
@@ -5111,13 +5111,13 @@ function Lv(e = {}, ...t) {
       sx: m,
       theme: this
     });
-  }, p.toRuntimeSource = hC, E5(p), p;
+  }, p.toRuntimeSource = hC, E$(p), p;
 }
 function Fv(e) {
   let t;
   return e < 1 ? t = 5.11916 * e ** 2 : t = 4.5 * Math.log(e + 1) + 2, Math.round(t * 10) / 1e3;
 }
-const P5 = [...Array(25)].map((e, t) => {
+const P$ = [...Array(25)].map((e, t) => {
   if (t === 0)
     return "none";
   const n = Fv(t);
@@ -5132,9 +5132,9 @@ function mC(e) {
   };
 }
 function gC(e) {
-  return e === "dark" ? P5 : [];
+  return e === "dark" ? P$ : [];
 }
-function k5(e) {
+function k$(e) {
   const {
     palette: t = {
       mode: "light"
@@ -5158,17 +5158,17 @@ function k5(e) {
     ...o
   };
 }
-function C5(e) {
+function C$(e) {
   return !!e[0].match(/(cssVarPrefix|colorSchemeSelector|modularCssLayers|rootSelector|typography|mixins|breakpoints|direction|transitions)/) || !!e[0].match(/sxConfig$/) || // ends with sxConfig
   e[0] === "palette" && !!e[1]?.match(/(mode|contrastThreshold|tonalOffset)/);
 }
-const D5 = (e) => [...[...Array(25)].map((t, n) => `--${e ? `${e}-` : ""}overlays-${n}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], A5 = (e) => (t, n) => {
+const D$ = (e) => [...[...Array(25)].map((t, n) => `--${e ? `${e}-` : ""}overlays-${n}`), `--${e ? `${e}-` : ""}palette-AppBar-darkBg`, `--${e ? `${e}-` : ""}palette-AppBar-darkColor`], A$ = (e) => (t, n) => {
   const r = e.rootSelector || ":root", i = e.colorSchemeSelector;
   let o = i;
   if (i === "class" && (o = ".%s"), i === "data" && (o = "[data-%s]"), i?.startsWith("data-") && !i.includes("%s") && (o = `[${i}="%s"]`), e.defaultColorScheme === t) {
     if (t === "dark") {
       const a = {};
-      return D5(e.cssVarPrefix).forEach((s) => {
+      return D$(e.cssVarPrefix).forEach((s) => {
         a[s] = n[s], delete n[s];
       }), o === "media" ? {
         [r]: n,
@@ -5199,7 +5199,7 @@ const D5 = (e) => [...[...Array(25)].map((t, n) => `--${e ? `${e}-` : ""}overlay
   }
   return r;
 };
-function T5(e, t) {
+function T$(e, t) {
   t.forEach((n) => {
     e[n] || (e[n] = {});
   });
@@ -5214,7 +5214,7 @@ function Ui(e, t) {
   `${t}Channel` in e || (e[`${t}Channel`] = gc(vc(e[t]), `MUI: Can't create \`palette.${t}Channel\` because \`palette.${t}\` is not one of these formats: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().
 To suppress this warning, you need to explicitly provide the \`palette.${t}Channel\` as a string (in rgb format, for example "12 12 12") or undefined if you want to remove the channel token.`));
 }
-function M5(e) {
+function M$(e) {
   return typeof e == "number" ? `${e}px` : typeof e == "string" || typeof e == "function" || Array.isArray(e) ? e : "8px";
 }
 const di = (e) => {
@@ -5222,14 +5222,14 @@ const di = (e) => {
     return e();
   } catch {
   }
-}, N5 = (e = "mui") => QF(e);
+}, N$ = (e = "mui") => QF(e);
 function Sm(e, t, n, r, i) {
   if (!n)
     return;
   n = n === !0 ? {} : n;
   const o = i === "dark" ? "dark" : "light";
   if (!r) {
-    t[i] = k5({
+    t[i] = k$({
       ...n,
       palette: {
         mode: o,
@@ -5260,7 +5260,7 @@ function Sm(e, t, n, r, i) {
     overlays: n?.overlays || gC(o)
   }, s;
 }
-function j5(e = {}, ...t) {
+function j$(e = {}, ...t) {
   const {
     colorSchemes: n = {
       light: !0
@@ -5269,11 +5269,11 @@ function j5(e = {}, ...t) {
     disableCssColorScheme: i = !1,
     cssVarPrefix: o = "mui",
     nativeColor: a = !1,
-    shouldSkipGeneratingVar: s = C5,
+    shouldSkipGeneratingVar: s = C$,
     colorSchemeSelector: l = n.light && n.dark ? "media" : void 0,
     rootSelector: c = ":root",
     ...u
-  } = e, d = Object.keys(n)[0], f = r || (n.light && d !== "light" ? "light" : d), p = N5(o), {
+  } = e, d = Object.keys(n)[0], f = r || (n.light && d !== "light" ? "light" : d), p = N$(o), {
     [f]: h,
     light: m,
     dark: g,
@@ -5297,10 +5297,10 @@ function j5(e = {}, ...t) {
     getCssVar: p,
     colorSchemes: S,
     font: {
-      ...u5(_.typography),
+      ...u$(_.typography),
       ..._.font
     },
-    spacing: M5(u.spacing)
+    spacing: M$(u.spacing)
   };
   Object.keys(E.colorSchemes).forEach((D) => {
     const P = E.colorSchemes[D].palette, M = (R) => {
@@ -5315,7 +5315,7 @@ function j5(e = {}, ...t) {
       }
       return R(I, F);
     }
-    if (T5(P, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), P.mode === "light") {
+    if (T$(P, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), P.mode === "light") {
       Y(P.Alert, "errorColor", T(Ge, P.error.light, 0.6)), Y(P.Alert, "infoColor", T(Ge, P.info.light, 0.6)), Y(P.Alert, "successColor", T(Ge, P.success.light, 0.6)), Y(P.Alert, "warningColor", T(Ge, P.warning.light, 0.6)), Y(P.Alert, "errorFilledBg", M("palette-error-main")), Y(P.Alert, "infoFilledBg", M("palette-info-main")), Y(P.Alert, "successFilledBg", M("palette-success-main")), Y(P.Alert, "warningFilledBg", M("palette-warning-main")), Y(P.Alert, "errorFilledColor", di(() => P.getContrastText(P.error.main))), Y(P.Alert, "infoFilledColor", di(() => P.getContrastText(P.info.main))), Y(P.Alert, "successFilledColor", di(() => P.getContrastText(P.success.main))), Y(P.Alert, "warningFilledColor", di(() => P.getContrastText(P.warning.main))), Y(P.Alert, "errorStandardBg", T(Xe, P.error.light, 0.9)), Y(P.Alert, "infoStandardBg", T(Xe, P.info.light, 0.9)), Y(P.Alert, "successStandardBg", T(Xe, P.success.light, 0.9)), Y(P.Alert, "warningStandardBg", T(Xe, P.warning.light, 0.9)), Y(P.Alert, "errorIconColor", M("palette-error-main")), Y(P.Alert, "infoIconColor", M("palette-info-main")), Y(P.Alert, "successIconColor", M("palette-success-main")), Y(P.Alert, "warningIconColor", M("palette-warning-main")), Y(P.AppBar, "defaultBg", M("palette-grey-100")), Y(P.Avatar, "defaultBg", M("palette-grey-400")), Y(P.Button, "inheritContainedBg", M("palette-grey-300")), Y(P.Button, "inheritContainedHoverBg", M("palette-grey-A100")), Y(P.Chip, "defaultBorder", M("palette-grey-400")), Y(P.Chip, "defaultAvatarColor", M("palette-grey-700")), Y(P.Chip, "defaultIconColor", M("palette-grey-700")), Y(P.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), Y(P.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), Y(P.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), Y(P.LinearProgress, "primaryBg", T(Xe, P.primary.main, 0.62)), Y(P.LinearProgress, "secondaryBg", T(Xe, P.secondary.main, 0.62)), Y(P.LinearProgress, "errorBg", T(Xe, P.error.main, 0.62)), Y(P.LinearProgress, "infoBg", T(Xe, P.info.main, 0.62)), Y(P.LinearProgress, "successBg", T(Xe, P.success.main, 0.62)), Y(P.LinearProgress, "warningBg", T(Xe, P.warning.main, 0.62)), Y(P.Skeleton, "bg", x ? T(wa, P.text.primary, 0.11) : `rgba(${M("palette-text-primaryChannel")} / 0.11)`), Y(P.Slider, "primaryTrack", T(Xe, P.primary.main, 0.62)), Y(P.Slider, "secondaryTrack", T(Xe, P.secondary.main, 0.62)), Y(P.Slider, "errorTrack", T(Xe, P.error.main, 0.62)), Y(P.Slider, "infoTrack", T(Xe, P.info.main, 0.62)), Y(P.Slider, "successTrack", T(Xe, P.success.main, 0.62)), Y(P.Slider, "warningTrack", T(Xe, P.warning.main, 0.62));
       const R = x ? T(Ge, P.background.default, 0.6825) : ad(P.background.default, 0.8);
       Y(P.SnackbarContent, "bg", R), Y(P.SnackbarContent, "color", di(() => x ? Iv.text.primary : P.getContrastText(R))), Y(P.SpeedDialAction, "fabHoverBg", ad(P.background.paper, 0.15)), Y(P.StepConnector, "border", M("palette-grey-400")), Y(P.StepContent, "border", M("palette-grey-400")), Y(P.Switch, "defaultColor", M("palette-common-white")), Y(P.Switch, "defaultDisabledColor", M("palette-grey-100")), Y(P.Switch, "primaryDisabledColor", T(Xe, P.primary.main, 0.62)), Y(P.Switch, "secondaryDisabledColor", T(Xe, P.secondary.main, 0.62)), Y(P.Switch, "errorDisabledColor", T(Xe, P.error.main, 0.62)), Y(P.Switch, "infoDisabledColor", T(Xe, P.info.main, 0.62)), Y(P.Switch, "successDisabledColor", T(Xe, P.success.main, 0.62)), Y(P.Switch, "warningDisabledColor", T(Xe, P.warning.main, 0.62)), Y(P.TableCell, "border", T(Xe, T(wa, P.divider, 1), 0.88)), Y(P.Tooltip, "bg", T(wa, P.grey[700], 0.92));
@@ -5334,18 +5334,18 @@ function j5(e = {}, ...t) {
     prefix: o,
     disableCssColorScheme: i,
     shouldSkipGeneratingVar: s,
-    getSelector: A5(E),
+    getSelector: A$(E),
     enableContrastVars: a
   }, {
     vars: C,
     generateThemeVars: A,
     generateStyleSheets: N
-  } = e5(E, k);
+  } = e$(E, k);
   return E.vars = C, Object.entries(E.colorSchemes[E.defaultColorScheme]).forEach(([D, P]) => {
     E[D] = P;
   }), E.generateThemeVars = A, E.generateStyleSheets = N, E.generateSpacing = function() {
     return tC(u.spacing, sb(this));
-  }, E.getColorSchemeSelector = t5(l), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = s, E.unstable_sxConfig = {
+  }, E.getColorSchemeSelector = t$(l), E.spacing = E.generateSpacing(), E.shouldSkipGeneratingVar = s, E.unstable_sxConfig = {
     ...qp,
     ...u?.unstable_sxConfig
   }, E.unstable_sx = function(P) {
@@ -5365,7 +5365,7 @@ function _w(e, t, n) {
     // cast type to skip module augmentation test
   });
 }
-function R5(e = {}, ...t) {
+function R$(e = {}, ...t) {
   const {
     palette: n,
     cssVariables: r = !1,
@@ -5402,14 +5402,14 @@ function R5(e = {}, ...t) {
       palette: d.palette
     }, _w(d, "light", c.light)), d;
   }
-  return !n && !("light" in c) && s === "light" && (c.light = !0), j5({
+  return !n && !("light" in c) && s === "light" && (c.light = !0), j$({
     ...a,
     colorSchemes: c,
     defaultColorScheme: s,
     ...typeof r != "boolean" && r
   }, ...t);
 }
-const xb = R5(), wb = "$$material";
+const xb = R$(), wb = "$$material";
 function rh() {
   const e = nC(xb);
   return process.env.NODE_ENV !== "production" && O.useDebugValue(e), e[wb] || e;
@@ -5439,7 +5439,7 @@ const Eo = (e) => yC(e) && e !== "classes", Ae = jF({
   defaultTheme: xb,
   rootShouldForwardProp: Eo
 });
-function I5(e) {
+function I$(e) {
   return function(n) {
     return (
       // Pigment CSS `globalCss` support callback with theme inside an object but `GlobalStyles` support theme as a callback value.
@@ -5457,11 +5457,11 @@ process.env.NODE_ENV !== "production" && (y.node, y.object.isRequired);
 function ur(e) {
   return KF(e);
 }
-function L5(e) {
+function L$(e) {
   return bn("MuiSvgIcon", e);
 }
 Hn("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
-const F5 = (e) => {
+const F$ = (e) => {
   const {
     color: t,
     fontSize: n,
@@ -5469,8 +5469,8 @@ const F5 = (e) => {
   } = e, i = {
     root: ["root", t !== "inherit" && `color${gn(t)}`, `fontSize${gn(n)}`]
   };
-  return In(i, L5, r);
-}, $5 = Ae("svg", {
+  return In(i, L$, r);
+}, $$ = Ae("svg", {
   name: "MuiSvgIcon",
   slot: "Root",
   overridesResolver: (e, t) => {
@@ -5591,8 +5591,8 @@ const F5 = (e) => {
     hasSvgAsChild: h
   }, g = {};
   u || (g.viewBox = f);
-  const b = F5(m);
-  return /* @__PURE__ */ v.jsxs($5, {
+  const b = F$(m);
+  return /* @__PURE__ */ v.jsxs($$, {
     as: s,
     className: oe(b.root, o),
     focusable: "false",
@@ -5773,17 +5773,17 @@ function Vn(...e) {
     t.current && (t.current(), t.current = void 0), r != null && (t.current = n(r));
   }, e);
 }
-function B5(e, t) {
+function B$(e, t) {
   const n = e.charCodeAt(2);
   return e[0] === "o" && e[1] === "n" && n >= 65 && n <= 90 && typeof t == "function";
 }
-function W5(e, t) {
+function W$(e, t) {
   if (!e)
     return t;
   function n(a, s) {
     const l = {};
     return Object.keys(s).forEach((c) => {
-      B5(c, s[c]) && typeof a[c] == "function" && (l[c] = (...u) => {
+      B$(c, s[c]) && typeof a[c] == "function" && (l[c] = (...u) => {
         a[c](...u), s[c](...u);
       });
     }), l;
@@ -5831,17 +5831,17 @@ function W5(e, t) {
     }
   };
 }
-const z5 = Ol(/* @__PURE__ */ v.jsx("path", {
+const z$ = Ol(/* @__PURE__ */ v.jsx("path", {
   d: "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 18H4V10h16zm0-13H4V5h16z"
 }), "CalendarTodayOutlined"), _u = Ol(/* @__PURE__ */ v.jsx("path", {
   d: "M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5z"
-}), "DescriptionOutlined"), V5 = Ol(/* @__PURE__ */ v.jsx("path", {
+}), "DescriptionOutlined"), V$ = Ol(/* @__PURE__ */ v.jsx("path", {
   d: "M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3zm-1-4-1.41-1.41L13 12.17V4h-2v8.17L8.41 9.59 7 11l5 5z"
-}), "FileDownloadOutlined"), H5 = Ol(/* @__PURE__ */ v.jsx("path", {
+}), "FileDownloadOutlined"), H$ = Ol(/* @__PURE__ */ v.jsx("path", {
   d: "M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"
 }), "KeyboardArrowDown"), Xr = Ol(/* @__PURE__ */ v.jsx("path", {
   d: "M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3z"
-}), "OpenInNewOutlined"), xC = 6048e5, Y5 = 864e5, ih = 6e4, oh = 36e5, U5 = 1e3, Ow = Symbol.for("constructDateFrom");
+}), "OpenInNewOutlined"), xC = 6048e5, Y$ = 864e5, ih = 6e4, oh = 36e5, U$ = 1e3, Ow = Symbol.for("constructDateFrom");
 function et(e, t) {
   return typeof e == "function" ? e(t) : e && typeof e == "object" && Ow in e ? e[Ow](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
 }
@@ -5869,12 +5869,12 @@ function ai(e, t, n) {
 function wC(e, t, n) {
   return et(e, +me(e) + t);
 }
-function K5(e, t, n) {
+function K$(e, t, n) {
   return wC(e, t * oh);
 }
-let q5 = {};
+let q$ = {};
 function hs() {
-  return q5;
+  return q$;
 }
 function vo(e, t) {
   const n = hs(), r = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, i = me(e, t?.in), o = i.getDay(), a = (o < r ? 7 : 0) + o - r;
@@ -5922,9 +5922,9 @@ function Js(e, t, n) {
     e,
     t
   ), o = ns(r), a = ns(i), s = +o - Ef(o), l = +a - Ef(a);
-  return Math.round((s - l) / Y5);
+  return Math.round((s - l) / Y$);
 }
-function G5(e, t) {
+function G$(e, t) {
   const n = _C(e, t), r = et(e, 0);
   return r.setFullYear(n, 0, 4), r.setHours(0, 0, 0, 0), Zs(r);
 }
@@ -5935,7 +5935,7 @@ function Hc(e, t, n) {
 function _b(e, t, n) {
   return ai(e, t * 3, n);
 }
-function X5(e, t, n) {
+function X$(e, t, n) {
   return wC(e, t * 1e3);
 }
 function Pf(e, t, n) {
@@ -5960,7 +5960,7 @@ function Pw(e, t) {
     (!n || n > o || isNaN(+o)) && (n = o);
   }), et(r, n || NaN);
 }
-function Q5(e, t, n) {
+function Q$(e, t, n) {
   const [r, i] = Po(
     n?.in,
     e,
@@ -6002,7 +6002,7 @@ function Df(e, t, n) {
   );
   return r.getFullYear() - i.getFullYear();
 }
-function Z5(e, t, n) {
+function Z$(e, t, n) {
   const [r, i] = Po(
     n?.in,
     e,
@@ -6042,11 +6042,11 @@ function ah(e, t) {
   const n = me(e, t?.in);
   return n.setFullYear(n.getFullYear(), 0, 1), n.setHours(0, 0, 0, 0), n;
 }
-function J5(e, t) {
+function J$(e, t) {
   const n = hs(), r = n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, i = me(e, t?.in), o = i.getDay(), a = (o < r ? -7 : 0) + 6 - (o - r);
   return i.setDate(i.getDate() + a), i.setHours(23, 59, 59, 999), i;
 }
-const e$ = {
+const e5 = {
   lessThanXSeconds: {
     one: "less than a second",
     other: "less than {{count}} seconds"
@@ -6108,9 +6108,9 @@ const e$ = {
     one: "almost 1 year",
     other: "almost {{count}} years"
   }
-}, t$ = (e, t, n) => {
+}, t5 = (e, t, n) => {
   let r;
-  const i = e$[e];
+  const i = e5[e];
   return typeof i == "string" ? r = i : t === 1 ? r = i.one : r = i.other.replace("{{count}}", t.toString()), n?.addSuffix ? n.comparison && n.comparison > 0 ? "in " + r : r + " ago" : r;
 };
 function Om(e) {
@@ -6119,42 +6119,42 @@ function Om(e) {
     return e.formats[n] || e.formats[e.defaultWidth];
   };
 }
-const n$ = {
+const n5 = {
   full: "EEEE, MMMM do, y",
   long: "MMMM do, y",
   medium: "MMM d, y",
   short: "MM/dd/yyyy"
-}, r$ = {
+}, r5 = {
   full: "h:mm:ss a zzzz",
   long: "h:mm:ss a z",
   medium: "h:mm:ss a",
   short: "h:mm a"
-}, i$ = {
+}, i5 = {
   full: "{{date}} 'at' {{time}}",
   long: "{{date}} 'at' {{time}}",
   medium: "{{date}}, {{time}}",
   short: "{{date}}, {{time}}"
-}, o$ = {
+}, o5 = {
   date: Om({
-    formats: n$,
+    formats: n5,
     defaultWidth: "full"
   }),
   time: Om({
-    formats: r$,
+    formats: r5,
     defaultWidth: "full"
   }),
   dateTime: Om({
-    formats: i$,
+    formats: i5,
     defaultWidth: "full"
   })
-}, a$ = {
+}, a5 = {
   lastWeek: "'last' eeee 'at' p",
   yesterday: "'yesterday at' p",
   today: "'today at' p",
   tomorrow: "'tomorrow at' p",
   nextWeek: "eeee 'at' p",
   other: "P"
-}, s$ = (e, t, n, r) => a$[e];
+}, s5 = (e, t, n, r) => a5[e];
 function Kl(e) {
   return (t, n) => {
     const r = n?.context ? String(n.context) : "standalone";
@@ -6170,15 +6170,15 @@ function Kl(e) {
     return i[o];
   };
 }
-const l$ = {
+const l5 = {
   narrow: ["B", "A"],
   abbreviated: ["BC", "AD"],
   wide: ["Before Christ", "Anno Domini"]
-}, c$ = {
+}, c5 = {
   narrow: ["1", "2", "3", "4"],
   abbreviated: ["Q1", "Q2", "Q3", "Q4"],
   wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
-}, u$ = {
+}, u5 = {
   narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
   abbreviated: [
     "Jan",
@@ -6208,7 +6208,7 @@ const l$ = {
     "November",
     "December"
   ]
-}, d$ = {
+}, d5 = {
   narrow: ["S", "M", "T", "W", "T", "F", "S"],
   short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
   abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
@@ -6221,7 +6221,7 @@ const l$ = {
     "Friday",
     "Saturday"
   ]
-}, f$ = {
+}, f5 = {
   narrow: {
     am: "a",
     pm: "p",
@@ -6252,7 +6252,7 @@ const l$ = {
     evening: "evening",
     night: "night"
   }
-}, p$ = {
+}, p5 = {
   narrow: {
     am: "a",
     pm: "p",
@@ -6283,7 +6283,7 @@ const l$ = {
     evening: "in the evening",
     night: "at night"
   }
-}, h$ = (e, t) => {
+}, h5 = (e, t) => {
   const n = Number(e), r = n % 100;
   if (r > 20 || r < 10)
     switch (r % 10) {
@@ -6295,29 +6295,29 @@ const l$ = {
         return n + "rd";
     }
   return n + "th";
-}, m$ = {
-  ordinalNumber: h$,
+}, m5 = {
+  ordinalNumber: h5,
   era: Kl({
-    values: l$,
+    values: l5,
     defaultWidth: "wide"
   }),
   quarter: Kl({
-    values: c$,
+    values: c5,
     defaultWidth: "wide",
     argumentCallback: (e) => e - 1
   }),
   month: Kl({
-    values: u$,
+    values: u5,
     defaultWidth: "wide"
   }),
   day: Kl({
-    values: d$,
+    values: d5,
     defaultWidth: "wide"
   }),
   dayPeriod: Kl({
-    values: f$,
+    values: f5,
     defaultWidth: "wide",
-    formattingValues: p$,
+    formattingValues: p5,
     defaultFormattingWidth: "wide"
   })
 };
@@ -6326,9 +6326,9 @@ function ql(e) {
     const r = n.width, i = r && e.matchPatterns[r] || e.matchPatterns[e.defaultMatchWidth], o = t.match(i);
     if (!o)
       return null;
-    const a = o[0], s = r && e.parsePatterns[r] || e.parsePatterns[e.defaultParseWidth], l = Array.isArray(s) ? v$(s, (d) => d.test(a)) : (
+    const a = o[0], s = r && e.parsePatterns[r] || e.parsePatterns[e.defaultParseWidth], l = Array.isArray(s) ? v5(s, (d) => d.test(a)) : (
       // [TODO] -- I challenge you to fix the type
-      g$(s, (d) => d.test(a))
+      g5(s, (d) => d.test(a))
     );
     let c;
     c = e.valueCallback ? e.valueCallback(l) : l, c = n.valueCallback ? (
@@ -6339,17 +6339,17 @@ function ql(e) {
     return { value: c, rest: u };
   };
 }
-function g$(e, t) {
+function g5(e, t) {
   for (const n in e)
     if (Object.prototype.hasOwnProperty.call(e, n) && t(e[n]))
       return n;
 }
-function v$(e, t) {
+function v5(e, t) {
   for (let n = 0; n < e.length; n++)
     if (t(e[n]))
       return n;
 }
-function y$(e) {
+function y5(e) {
   return (t, n = {}) => {
     const r = t.match(e.matchPattern);
     if (!r) return null;
@@ -6361,23 +6361,23 @@ function y$(e) {
     return { value: a, rest: s };
   };
 }
-const b$ = /^(\d+)(th|st|nd|rd)?/i, x$ = /\d+/i, w$ = {
+const b5 = /^(\d+)(th|st|nd|rd)?/i, x5 = /\d+/i, w5 = {
   narrow: /^(b|a)/i,
   abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
   wide: /^(before christ|before common era|anno domini|common era)/i
-}, _$ = {
+}, _5 = {
   any: [/^b/i, /^(a|c)/i]
-}, S$ = {
+}, S5 = {
   narrow: /^[1234]/i,
   abbreviated: /^q[1234]/i,
   wide: /^[1234](th|st|nd|rd)? quarter/i
-}, O$ = {
+}, O5 = {
   any: [/1/i, /2/i, /3/i, /4/i]
-}, E$ = {
+}, E5 = {
   narrow: /^[jfmasond]/i,
   abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
   wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
-}, P$ = {
+}, P5 = {
   narrow: [
     /^j/i,
     /^f/i,
@@ -6406,18 +6406,18 @@ const b$ = /^(\d+)(th|st|nd|rd)?/i, x$ = /\d+/i, w$ = {
     /^n/i,
     /^d/i
   ]
-}, k$ = {
+}, k5 = {
   narrow: /^[smtwf]/i,
   short: /^(su|mo|tu|we|th|fr|sa)/i,
   abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
   wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
-}, C$ = {
+}, C5 = {
   narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
   any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
-}, D$ = {
+}, D5 = {
   narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
   any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
-}, A$ = {
+}, A5 = {
   any: {
     am: /^a/i,
     pm: /^p/i,
@@ -6428,61 +6428,61 @@ const b$ = /^(\d+)(th|st|nd|rd)?/i, x$ = /\d+/i, w$ = {
     evening: /evening/i,
     night: /night/i
   }
-}, T$ = {
-  ordinalNumber: y$({
-    matchPattern: b$,
-    parsePattern: x$,
+}, T5 = {
+  ordinalNumber: y5({
+    matchPattern: b5,
+    parsePattern: x5,
     valueCallback: (e) => parseInt(e, 10)
   }),
   era: ql({
-    matchPatterns: w$,
+    matchPatterns: w5,
     defaultMatchWidth: "wide",
-    parsePatterns: _$,
+    parsePatterns: _5,
     defaultParseWidth: "any"
   }),
   quarter: ql({
-    matchPatterns: S$,
+    matchPatterns: S5,
     defaultMatchWidth: "wide",
-    parsePatterns: O$,
+    parsePatterns: O5,
     defaultParseWidth: "any",
     valueCallback: (e) => e + 1
   }),
   month: ql({
-    matchPatterns: E$,
+    matchPatterns: E5,
     defaultMatchWidth: "wide",
-    parsePatterns: P$,
+    parsePatterns: P5,
     defaultParseWidth: "any"
   }),
   day: ql({
-    matchPatterns: k$,
+    matchPatterns: k5,
     defaultMatchWidth: "wide",
-    parsePatterns: C$,
+    parsePatterns: C5,
     defaultParseWidth: "any"
   }),
   dayPeriod: ql({
-    matchPatterns: D$,
+    matchPatterns: D5,
     defaultMatchWidth: "any",
-    parsePatterns: A$,
+    parsePatterns: A5,
     defaultParseWidth: "any"
   })
 }, kC = {
   code: "en-US",
-  formatDistance: t$,
-  formatLong: o$,
-  formatRelative: s$,
-  localize: m$,
-  match: T$,
+  formatDistance: t5,
+  formatLong: o5,
+  formatRelative: s5,
+  localize: m5,
+  match: T5,
   options: {
     weekStartsOn: 0,
     firstWeekContainsDate: 1
   }
 };
-function M$(e, t) {
+function M5(e, t) {
   const n = me(e, t?.in);
   return Js(n, ah(n)) + 1;
 }
 function Sb(e, t) {
-  const n = me(e, t?.in), r = +Zs(n) - +G5(n);
+  const n = me(e, t?.in), r = +Zs(n) - +G$(n);
   return Math.round(r / xC) + 1;
 }
 function Ob(e, t) {
@@ -6493,12 +6493,12 @@ function Ob(e, t) {
   const c = vo(l, t);
   return +n >= +s ? r + 1 : +n >= +c ? r : r - 1;
 }
-function N$(e, t) {
+function N5(e, t) {
   const n = hs(), r = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, i = Ob(e, t), o = et(t?.in || e, 0);
   return o.setFullYear(i, 0, r), o.setHours(0, 0, 0, 0), vo(o, t);
 }
 function CC(e, t) {
-  const n = me(e, t?.in), r = +vo(n, t) - +N$(n, t);
+  const n = me(e, t?.in), r = +vo(n, t) - +N5(n, t);
   return Math.round(r / xC) + 1;
 }
 function Qe(e, t) {
@@ -6763,7 +6763,7 @@ const $o = {
   },
   // Day of year
   D: function(e, t, n) {
-    const r = M$(e);
+    const r = M5(e);
     return t === "Do" ? n.ordinalNumber(r, { unit: "dayOfYear" }) : Qe(r, t.length);
   },
   // Day of week
@@ -7156,7 +7156,7 @@ const Tw = (e, t) => {
     default:
       return t.time({ width: "full" });
   }
-}, j$ = (e, t) => {
+}, j5 = (e, t) => {
   const n = e.match(/(P+)(p+)?/) || [], r = n[1], i = n[2];
   if (!i)
     return Tw(e, t);
@@ -7179,43 +7179,43 @@ const Tw = (e, t) => {
   return o.replace("{{date}}", Tw(r, t)).replace("{{time}}", DC(i, t));
 }, Wv = {
   p: DC,
-  P: j$
-}, R$ = /^D+$/, I$ = /^Y+$/, L$ = ["D", "DD", "YY", "YYYY"];
-function F$(e) {
-  return R$.test(e);
+  P: j5
+}, R5 = /^D+$/, I5 = /^Y+$/, L5 = ["D", "DD", "YY", "YYYY"];
+function F5(e) {
+  return R5.test(e);
 }
-function $$(e) {
-  return I$.test(e);
+function $5(e) {
+  return I5.test(e);
 }
-function B$(e, t, n) {
-  const r = W$(e, t, n);
-  if (console.warn(r), L$.includes(e)) throw new RangeError(r);
+function B5(e, t, n) {
+  const r = W5(e, t, n);
+  if (console.warn(r), L5.includes(e)) throw new RangeError(r);
 }
-function W$(e, t, n) {
+function W5(e, t, n) {
   const r = e[0] === "Y" ? "years" : "days of the month";
   return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
 }
-const z$ = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, V$ = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, H$ = /^'([^]*?)'?$/, Y$ = /''/g, U$ = /[a-zA-Z]/;
+const z5 = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, V5 = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, H5 = /^'([^]*?)'?$/, Y5 = /''/g, U5 = /[a-zA-Z]/;
 function Mw(e, t, n) {
   const r = hs(), i = n?.locale ?? r.locale ?? kC, o = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? r.firstWeekContainsDate ?? r.locale?.options?.firstWeekContainsDate ?? 1, a = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? r.weekStartsOn ?? r.locale?.options?.weekStartsOn ?? 0, s = me(e, n?.in);
   if (!el(s))
     throw new RangeError("Invalid time value");
-  let l = t.match(V$).map((u) => {
+  let l = t.match(V5).map((u) => {
     const d = u[0];
     if (d === "p" || d === "P") {
       const f = Wv[d];
       return f(u, i.formatLong);
     }
     return u;
-  }).join("").match(z$).map((u) => {
+  }).join("").match(z5).map((u) => {
     if (u === "''")
       return { isToken: !1, value: "'" };
     const d = u[0];
     if (d === "'")
-      return { isToken: !1, value: K$(u) };
+      return { isToken: !1, value: K5(u) };
     if (Cw[d])
       return { isToken: !0, value: u };
-    if (d.match(U$))
+    if (d.match(U5))
       throw new RangeError(
         "Format string contains an unescaped latin alphabet character `" + d + "`"
       );
@@ -7230,32 +7230,32 @@ function Mw(e, t, n) {
   return l.map((u) => {
     if (!u.isToken) return u.value;
     const d = u.value;
-    (!n?.useAdditionalWeekYearTokens && $$(d) || !n?.useAdditionalDayOfYearTokens && F$(d)) && B$(d, t, String(e));
+    (!n?.useAdditionalWeekYearTokens && $5(d) || !n?.useAdditionalDayOfYearTokens && F5(d)) && B5(d, t, String(e));
     const f = Cw[d[0]];
     return f(s, d, i.localize, c);
   }).join("");
 }
-function K$(e) {
-  const t = e.match(H$);
-  return t ? t[1].replace(Y$, "'") : e;
+function K5(e) {
+  const t = e.match(H5);
+  return t ? t[1].replace(Y5, "'") : e;
 }
 function Nw(e, t) {
   return me(e, t?.in).getDate();
 }
-function q$(e, t) {
+function q5(e, t) {
   return me(e, t?.in).getDay();
 }
-function G$(e, t) {
+function G5(e, t) {
   const n = me(e, t?.in), r = n.getFullYear(), i = n.getMonth(), o = et(n, 0);
   return o.setFullYear(r, i + 1, 0), o.setHours(0, 0, 0, 0), o.getDate();
 }
-function X$() {
+function X5() {
   return Object.assign({}, hs());
 }
 function kn(e, t) {
   return me(e, t?.in).getHours();
 }
-function Q$(e, t) {
+function Q5(e, t) {
   const n = me(e, t?.in).getDay();
   return n === 0 ? 7 : n;
 }
@@ -7280,10 +7280,10 @@ function lo(e, t) {
 function Si(e, t) {
   return +me(e) < +me(t);
 }
-function Z$(e, t) {
+function Z5(e, t) {
   return +me(e) == +me(t);
 }
-function J$(e, t) {
+function J5(e, t) {
   const n = e4(t) ? new t(0) : et(t, 0);
   return n.setFullYear(e.getFullYear(), e.getMonth(), e.getDate()), n.setHours(
     e.getHours(),
@@ -7320,7 +7320,7 @@ class r4 extends AC {
     super(), this.context = t || ((r) => et(n, r));
   }
   set(t, n) {
-    return n.timestampIsSet ? t : et(t, J$(t, this.context));
+    return n.timestampIsSet ? t : et(t, J5(t, this.context));
   }
 }
 class $e {
@@ -7433,7 +7433,7 @@ function _i(e, t) {
     };
   const r = n[1] === "+" ? 1 : -1, i = n[2] ? parseInt(n[2], 10) : 0, o = n[3] ? parseInt(n[3], 10) : 0, a = n[5] ? parseInt(n[5], 10) : 0;
   return {
-    value: r * (i * oh + o * ih + a * U5),
+    value: r * (i * oh + o * ih + a * U$),
     rest: t.slice(n[0].length)
   };
 }
@@ -8232,7 +8232,7 @@ class S4 extends $e {
   ];
 }
 function O4(e, t, n) {
-  const r = me(e, n?.in), i = Q$(r, n), o = t - i;
+  const r = me(e, n?.in), i = Q5(r, n), o = t - i;
   return ii(r, o, n);
 }
 class E4 extends $e {
@@ -8697,7 +8697,7 @@ const B4 = {
   T: new $4()
 }, W4 = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, z4 = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, V4 = /^'([^]*?)'?$/, H4 = /''/g, Y4 = /\S/, U4 = /[a-zA-Z]/;
 function K4(e, t, n, r) {
-  const i = () => et(r?.in || n, NaN), o = X$(), a = r?.locale ?? o.locale ?? kC, s = r?.firstWeekContainsDate ?? r?.locale?.options?.firstWeekContainsDate ?? o.firstWeekContainsDate ?? o.locale?.options?.firstWeekContainsDate ?? 1, l = r?.weekStartsOn ?? r?.locale?.options?.weekStartsOn ?? o.weekStartsOn ?? o.locale?.options?.weekStartsOn ?? 0;
+  const i = () => et(r?.in || n, NaN), o = X5(), a = r?.locale ?? o.locale ?? kC, s = r?.firstWeekContainsDate ?? r?.locale?.options?.firstWeekContainsDate ?? o.firstWeekContainsDate ?? o.locale?.options?.firstWeekContainsDate ?? 1, l = r?.weekStartsOn ?? r?.locale?.options?.weekStartsOn ?? o.weekStartsOn ?? o.locale?.options?.weekStartsOn ?? 0;
   if (!t)
     return e ? i() : me(n, r?.in);
   const c = {
@@ -8920,7 +8920,7 @@ function hB(e, t) {
 function hr(e, t, n) {
   const r = me(e, n?.in), i = r.getFullYear(), o = r.getDate(), a = et(e, 0);
   a.setFullYear(i, t, 15), a.setHours(0, 0, 0, 0);
-  const s = G$(a);
+  const s = G5(a);
   return r.setMonth(t, Math.min(o, s)), r;
 }
 function uf(e, t, n) {
@@ -10516,7 +10516,7 @@ function Xw(e) {
   return SC(e);
 }
 function V6(e) {
-  return J5(e);
+  return J$(e);
 }
 function H6(e) {
   return OC(e);
@@ -10531,10 +10531,10 @@ function If(e, t) {
   return e && t ? X4(e, t) : !e && !t;
 }
 function Ce(e, t) {
-  return e && t ? Q5(e, t) : !e && !t;
+  return e && t ? Q$(e, t) : !e && !t;
 }
 function Wa(e, t) {
-  return e && t ? Z$(e, t) : !e && !t;
+  return e && t ? Z5(e, t) : !e && !t;
 }
 function Da(e, t, n) {
   var r, i = ns(t), o = SC(n);
@@ -10794,7 +10794,7 @@ function t3(e, t) {
 function n3(e, t, n, r, i) {
   for (var o = i.length, a = [], s = 0; s < o; s++) {
     var l = e, c = i[s];
-    c && (l = K5(l, kn(c)), l = Hc(l, Cn(c)), l = X5(l, Xo(c)));
+    c && (l = K$(l, kn(c)), l = Hc(l, Cn(c)), l = X$(l, Xo(c)));
     var u = Hc(e, (n + 1) * r);
     lo(l, t) && Si(l, u) && c != null && a.push(c);
   }
@@ -10976,7 +10976,7 @@ var Dm = (
         var r = n.props, i = r.day, o = r.startDate, a = r.endDate;
         return !o || !a ? !1 : Ce(a, i);
       }, n.isWeekend = function() {
-        var r = q$(n.props.day);
+        var r = q5(n.props.day);
         return r === 0 || r === 6;
       }, n.isAfterMonth = function() {
         return n.props.month !== void 0 && (n.props.month + 1) % 12 === er(n.props.day);
@@ -12204,7 +12204,7 @@ var v3 = (
       }, r.getEnabledPreSelectionDateForMonth = function(i) {
         if (!Ir(i, r.props))
           return i;
-        for (var o = co(i), a = H6(i), s = Z5(a, o), l = null, c = 0; c <= s; c++) {
+        for (var o = co(i), a = H6(i), s = Z$(a, o), l = null, c = 0; c <= s; c++) {
           var u = ii(o, c);
           if (!Ir(u, r.props)) {
             l = u;
@@ -13377,26 +13377,26 @@ function afe({ title: e, description: t, onExport: n }) {
       g(!1);
     }
   };
-  return /* @__PURE__ */ v.jsxs("div", { className: "flex items-center justify-between px-6 my-6", children: [
+  return /* @__PURE__ */ v.jsxs("div", { className: "flex items-center justify-between px-[24px] my-6", children: [
     /* @__PURE__ */ v.jsxs("div", { children: [
       /* @__PURE__ */ v.jsx("div", { className: "text-[24px] font-semibold text-[#121212]", children: e }),
       /* @__PURE__ */ v.jsx("div", { className: "text-gray-500 text-sm", children: t })
     ] }),
-    /* @__PURE__ */ v.jsxs("div", { className: "flex gap-3", children: [
+    /* @__PURE__ */ v.jsxs("div", { className: "flex gap-[12px]", children: [
       /* @__PURE__ */ v.jsxs("div", { className: "relative", ref: b, children: [
         /* @__PURE__ */ v.jsxs(
           "button",
           {
             onClick: () => i((D) => !D),
-            className: "flex items-center gap-2 bg-gray-50 px-4 py-2.5 rounded-lg border border-gray-200 text-sm font-medium text-gray-700 hover:bg-gray-100 transition-colors",
+            className: "flex items-center gap-[8px] bg-gray-50 px-[16px] py-[8px].5 rounded-[8px] border border-gray-200 text-sm font-medium text-gray-700 hover:bg-gray-100 transition-colors",
             children: [
-              /* @__PURE__ */ v.jsx(z5, { fontSize: "small", className: "text-gray-600" }),
+              /* @__PURE__ */ v.jsx(z$, { fontSize: "small", className: "text-gray-600" }),
               A(),
-              /* @__PURE__ */ v.jsx(H5, { className: "text-gray-500" })
+              /* @__PURE__ */ v.jsx(H$, { className: "text-gray-500" })
             ]
           }
         ),
-        r && /* @__PURE__ */ v.jsx("div", { className: "absolute right-0 mt-2 bg-white rounded-lg shadow-xl border border-gray-200 z-50", children: p ? /* @__PURE__ */ v.jsxs("div", { className: "p-4 w-[360px]", children: [
+        r && /* @__PURE__ */ v.jsx("div", { className: "absolute right-0 mt-2 bg-white rounded-[8px] shadow-xl border border-gray-200 z-50", children: p ? /* @__PURE__ */ v.jsxs("div", { className: "p-[16px] w-[360px]", children: [
           /* @__PURE__ */ v.jsx(
             oD,
             {
@@ -13413,12 +13413,12 @@ function afe({ title: e, description: t, onExport: n }) {
               yearDropdownItemNumber: 40
             }
           ),
-          /* @__PURE__ */ v.jsxs("div", { className: "flex justify-between mt-4 gap-2", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex justify-between mt-4 gap-[8px]", children: [
             /* @__PURE__ */ v.jsx(
               "button",
               {
                 onClick: () => h(!1),
-                className: "px-4 py-2 border border-gray-300 rounded-lg text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors",
+                className: "px-[16px] py-[8px] border border-gray-300 rounded-[8px] text-sm font-medium text-gray-700 hover:bg-gray-50 transition-colors",
                 children: "Cancel"
               }
             ),
@@ -13427,16 +13427,16 @@ function afe({ title: e, description: t, onExport: n }) {
               {
                 onClick: C,
                 disabled: !c || !d,
-                className: "px-4 py-2 bg-purple-600 text-white rounded-lg text-sm font-medium hover:bg-purple-700 disabled:bg-gray-300 disabled:cursor-not-allowed transition-colors",
+                className: "px-[16px] py-[8px] bg-purple-600 text-white rounded-[8px] text-sm font-medium hover:bg-purple-700 disabled:bg-gray-300 disabled:cursor-not-allowed transition-colors",
                 children: "Apply"
               }
             )
           ] })
-        ] }) : /* @__PURE__ */ v.jsx("div", { className: "min-w-[200px] py-1", children: w.map((D) => /* @__PURE__ */ v.jsx(
+        ] }) : /* @__PURE__ */ v.jsx("div", { className: "min-w-[200px] py-[4px]", children: w.map((D) => /* @__PURE__ */ v.jsx(
           "button",
           {
             onClick: () => k(D),
-            className: `w-full text-left px-4 py-2.5 text-sm hover:bg-purple-50 transition-colors ${s === D ? "bg-purple-50 text-purple-600 font-medium" : "text-gray-700"}`,
+            className: `w-full text-left px-[16px] py-[8px].5 text-sm hover:bg-purple-50 transition-colors ${s === D ? "bg-purple-50 text-purple-600 font-medium" : "text-gray-700"}`,
             children: D
           },
           D
@@ -13448,18 +13448,18 @@ function afe({ title: e, description: t, onExport: n }) {
           {
             disabled: m,
             onClick: () => a((D) => !D),
-            className: "flex items-center gap-2 px-4 py-2.5 rounded-lg bg-purple-600 text-white font-medium text-sm hover:bg-purple-700 transition-colors disabled:bg-gray-400 disabled:cursor-not-allowed",
+            className: "flex items-center gap-[8px] px-[16px] py-[8px].5 rounded-[8px] bg-purple-600 text-white font-medium text-sm hover:bg-purple-700 transition-colors disabled:bg-gray-400 disabled:cursor-not-allowed",
             children: [
               m ? "Exporting..." : "Export Report",
-              /* @__PURE__ */ v.jsx(V5, { fontSize: "small" })
+              /* @__PURE__ */ v.jsx(V$, { fontSize: "small" })
             ]
           }
         ),
-        o && /* @__PURE__ */ v.jsx("div", { className: "absolute right-0 mt-2 bg-white border border-gray-200 rounded-lg shadow-lg z-50 min-w-[180px]", children: x.map((D) => /* @__PURE__ */ v.jsx(
+        o && /* @__PURE__ */ v.jsx("div", { className: "absolute right-0 mt-2 bg-white border border-gray-200 rounded-[8px] shadow-lg z-50 min-w-[180px]", children: x.map((D) => /* @__PURE__ */ v.jsx(
           "button",
           {
             onClick: () => N(D.value),
-            className: "block px-4 py-2.5 text-sm hover:bg-purple-50 w-full text-left text-gray-700 transition-colors first:rounded-t-lg last:rounded-b-lg",
+            className: "block px-[16px] py-[8px].5 text-sm hover:bg-purple-50 w-full text-left text-gray-700 transition-colors first:rounded-t-lg last:rounded-b-lg",
             children: D.label
           },
           D.value
@@ -13632,13 +13632,13 @@ const B3 = [
 ];
 function sfe() {
   const [e, t] = Fe("Overview");
-  return /* @__PURE__ */ v.jsx("div", { className: "flex gap-[8px] p-3", children: B3.map((n) => {
+  return /* @__PURE__ */ v.jsx("div", { className: "flex gap-[8px] p-[12px]", children: B3.map((n) => {
     const r = n.icon, i = e === n.name;
     return /* @__PURE__ */ v.jsxs(
       "button",
       {
         onClick: () => t(n.name),
-        className: `flex items-center gap-[8px] rounded px-4 py-3 text-[14px] leading-[16px] font-medium transition 
+        className: `flex items-center gap-[8px] rounded px-[16px] py-[12px] text-[14px] leading-[16px] font-medium transition 
               ${i ? "bg-[#FBF5FF] text-[#884EA7]" : "bg-white text-[#64748B] hover:bg-gray-50"}`,
         children: [
           /* @__PURE__ */ v.jsx(r, { className: "h-[15px] w-[15px] font-bold" }),
@@ -13683,7 +13683,7 @@ const U3 = ({ color: e }) => /* @__PURE__ */ v.jsx(
   return o + r / 2 > i && (o = i - r / 2 - 8), o - r / 2 < 0 && (o = r / 2 + 8), /* @__PURE__ */ v.jsxs(
     "div",
     {
-      className: "relative bg-[#121212] text-white text-[12px] px-4 py-2 rounded-lg shadow-lg",
+      className: "relative bg-[#121212] text-white text-[12px] px-[16px] py-[8px] rounded-[8px] shadow-lg",
       style: {
         transform: `translateY(${o}px) translateY(-50%)`
       },
@@ -13697,7 +13697,7 @@ const U3 = ({ color: e }) => /* @__PURE__ */ v.jsx(
         border-r-[6px] border-r-[#121212]`
           }
         ),
-        t.map((a, s) => /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2 capitalize", children: [
+        t.map((a, s) => /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px] capitalize", children: [
           a.payload.color && /* @__PURE__ */ v.jsx(U3, { color: a.payload.color }),
           /* @__PURE__ */ v.jsx("span", { className: "text-[#D1D3D4] min-w-[70px]", children: a?.payload?.name }),
           /* @__PURE__ */ v.jsx("span", { className: "font-semibold", children: a.value })
@@ -13710,7 +13710,7 @@ const U3 = ({ color: e }) => /* @__PURE__ */ v.jsx(
   return /* @__PURE__ */ v.jsxs(
     "div",
     {
-      className: `w-fit p-1 rounded text-[10px] leading-[14px] font-medium flex items-center gap-1 ${n ? "bg-[#F7FEFA] text-[#1FA05B]" : "bg-[#FFF2F2] text-[#AB0000]"}`,
+      className: `w-fit p-[4px] rounded text-[10px] leading-[14px] font-medium flex items-center gap-[4px] ${n ? "bg-[#F7FEFA] text-[#1FA05B]" : "bg-[#FFF2F2] text-[#AB0000]"}`,
       children: [
         n ? /* @__PURE__ */ v.jsx(H3, {}) : /* @__PURE__ */ v.jsx(V3, {}),
         Math.abs(t).toFixed(1),
@@ -13753,12 +13753,18 @@ const U3 = ({ color: e }) => /* @__PURE__ */ v.jsx(
               }
             )
           ] }),
-          /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px]", children: [
             r && r,
             n && /* @__PURE__ */ v.jsx("div", { className: "!text-[12px] !leading-[16px] !text-[#64748B]", children: n })
           ] })
         ] }),
-        /* @__PURE__ */ v.jsx("div", { className: `flex-1 min-h-0 ${u || "space-y-[24px]"}`, children: i }),
+        /* @__PURE__ */ v.jsx(
+          "div",
+          {
+            className: `flex-1 min-h-0 ${u || "space-y-[24px]"}`,
+            children: i
+          }
+        ),
         o && /* @__PURE__ */ v.jsx("div", { className: "mt-3 pt-3 border-t border-gray-100 !text-[12px] text-[#64748B]", children: o })
       ]
     }
@@ -34663,7 +34669,7 @@ const nm = (e, t) => {
       }
     }]
   };
-})), $2 = I5({
+})), $2 = I$({
   "@keyframes mui-auto-fill": {
     from: {
       display: "block"
@@ -37684,7 +37690,7 @@ const Iie = (e) => {
         backdrop: g.backdrop
       },
       slotProps: {
-        backdrop: W5(typeof b.backdrop == "function" ? b.backdrop(A) : b.backdrop, {
+        backdrop: W$(typeof b.backdrop == "function" ? b.backdrop(A) : b.backdrop, {
           invisible: !0
         })
       },
@@ -40451,11 +40457,11 @@ function $l({
   const u = () => {
     h_("widget_id", e), h_("export", !0), i();
   };
-  return /* @__PURE__ */ v.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ v.jsx(Xj, { title: "Export CSV for this widget", children: /* @__PURE__ */ v.jsx(
+  return /* @__PURE__ */ v.jsx("div", { className: "flex items-center gap-[8px]", children: /* @__PURE__ */ v.jsx(Xj, { title: "Export CSV for this widget", children: /* @__PURE__ */ v.jsx(
     "button",
     {
       onClick: u,
-      className: "px-3 py-2 bg-[#FBF5FF] rounded cursor-pointer",
+      className: "px-[12px] py-[8px] bg-[#FBF5FF] rounded cursor-pointer",
       children: /* @__PURE__ */ v.jsx(voe, { className: "stroke-[#884EA7] stroke-[1.4]" })
     }
   ) }) });
@@ -40771,13 +40777,13 @@ function kfe({ data: e }) {
         }
       ),
       children: /* @__PURE__ */ v.jsxs("div", { children: [
-        /* @__PURE__ */ v.jsxs("div", { className: "grid grid-cols-4 !text-[12px] text-[#64748B] mb-2", children: [
+        /* @__PURE__ */ v.jsxs("div", { className: "grid grid-cols-4 !text-[12px] text-[#64748B] mb-[8px]", children: [
           /* @__PURE__ */ v.jsx("div", { children: "Opening" }),
           /* @__PURE__ */ v.jsx("div", { children: "Income" }),
           /* @__PURE__ */ v.jsx("div", { children: "Collection" }),
           /* @__PURE__ */ v.jsx("div", { children: "Closing" })
         ] }),
-        /* @__PURE__ */ v.jsxs("div", { className: "grid grid-cols-4 !text-[12px] font-medium text-[#121212] mb-2", children: [
+        /* @__PURE__ */ v.jsxs("div", { className: "grid grid-cols-4 !text-[12px] font-medium text-[#121212] mb-[8px]", children: [
           /* @__PURE__ */ v.jsx("div", { children: a(t.opening_balance, t?.currency_type) }),
           /* @__PURE__ */ v.jsx("div", { children: a(t.income, t?.currency_type) }),
           /* @__PURE__ */ v.jsx("div", { children: a(t.collection, t?.currency_type) }),
@@ -40788,7 +40794,7 @@ function kfe({ data: e }) {
           /* @__PURE__ */ v.jsx(Uv, { className: "!text-[24px] text-red-600" }),
           /* @__PURE__ */ v.jsx("div", { className: "!my-0 !font-medium !text-[16px] !leading-[20px] !text-[#121212]", children: "Expenditure" })
         ] }) }),
-        /* @__PURE__ */ v.jsxs("div", { className: "grid grid-cols-4 !text-[12px] text-[#64748B] mt-4 mb-2", children: [
+        /* @__PURE__ */ v.jsxs("div", { className: "grid grid-cols-4 !text-[12px] text-[#64748B] mt-4 mb-[8px]", children: [
           /* @__PURE__ */ v.jsx("div", { children: "Opening" }),
           /* @__PURE__ */ v.jsx("div", { children: "Expenditure" }),
           /* @__PURE__ */ v.jsx("div", { children: "Payment" }),
@@ -41872,7 +41878,7 @@ function nae({ type: e, data: t, children: n }) {
       title: i[e],
       period: "Today",
       icon: /* @__PURE__ */ v.jsx(Rb, { className: `${o[e]} !text-[24px]` }),
-      className: "!gap-0 min-w-[353px] bg-white shadow-xl rounded-lg border border-gray-200",
+      className: "!gap-0 min-w-[353px] bg-white shadow-xl rounded-[8px] border border-gray-200",
       children: /* @__PURE__ */ v.jsx("div", { className: "flex flex-col gap-[8px] mt-[12px] pt-[12px] border-t border-dashed border-[#EBEBEB]", children: r[e].map(([s, l]) => /* @__PURE__ */ v.jsxs(
         "div",
         {
@@ -49937,8 +49943,8 @@ const Oue = {
     /* @__PURE__ */ v.jsx("div", { className: `${o} !text-[12px] font-bold mt-1`, children: e }),
     /* @__PURE__ */ v.jsx("div", { className: "!text-[12px] text-[#64748B] mt-1", children: r })
   ] });
-}, Ek = ({ title: e, value: t, suffix: n, valueClass: r = "" }) => /* @__PURE__ */ v.jsxs("div", { className: "bg-white border border-[#EBEBEB] rounded-xl shadow-[0_0_12px_0_#EAF2FF] h-[98px] p-4 flex flex-col justify-center", children: [
-  /* @__PURE__ */ v.jsx("div", { className: "!text-[12px] leading-[16px] text-[#121212] mb-1", children: e }),
+}, Ek = ({ title: e, value: t, suffix: n, valueClass: r = "" }) => /* @__PURE__ */ v.jsxs("div", { className: "bg-white border border-[#EBEBEB] rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] h-[98px] p-[16px] flex flex-col justify-center", children: [
+  /* @__PURE__ */ v.jsx("div", { className: "!text-[12px] leading-[16px] text-[#121212] mb-[4px]", children: e }),
   /* @__PURE__ */ v.jsxs(
     "div",
     {
@@ -49963,7 +49969,7 @@ const Oue = {
     e?.occupiedUnits ?? n ?? 0
   ), c = Number(e?.ownerCount ?? r ?? 0), u = Number(e?.tenantCount ?? i ?? 0), d = e?.avgResidents ?? o, f = e?.avgLeaseMonths ?? a, p = c + u;
   return /* @__PURE__ */ v.jsxs("div", { children: [
-    /* @__PURE__ */ v.jsxs("div", { className: "bg-white border border-[#EBEBEB] rounded-xl shadow-[0_0_12px_0_#EAF2FF] p-4 h-[128px]", children: [
+    /* @__PURE__ */ v.jsxs("div", { className: "bg-white border border-[#EBEBEB] rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[128px]", children: [
       /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[12px] mb-4", children: [
         /* @__PURE__ */ v.jsx(Ib, { className: "h-6 w-6 text-[#329DFF]" }),
         /* @__PURE__ */ v.jsx("div", { className: "font-medium text-[#121212]", children: "Occupancy Overview" })
@@ -49971,7 +49977,7 @@ const Oue = {
       /* @__PURE__ */ v.jsxs("div", { className: "flex items-center justify-between gap-", children: [
         /* @__PURE__ */ v.jsxs("div", { children: [
           /* @__PURE__ */ v.jsx("div", { className: "text-xs leading-[16px] text-[#64748B]", children: "Occupied Units" }),
-          /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[4px]", children: [
             /* @__PURE__ */ v.jsx("div", { className: "text-[28px] leading-[32px] font-medium text-[#121212]", children: l }),
             /* @__PURE__ */ v.jsxs("div", { className: "text-[#64748B] text-[20px] leading-[32px]", children: [
               "/",
@@ -50094,7 +50100,7 @@ const Eue = {
             /* @__PURE__ */ v.jsx("div", { className: "!text-[12px] text-[#64748B]  leading-[16px]", children: "Total Tenants" }),
             /* @__PURE__ */ v.jsx("div", { className: "text-[28px] leading-[32px ] text-[#08B6D4]", children: a })
           ] }),
-          /* @__PURE__ */ v.jsxs("div", { className: "text-[10px] text-[#1FA05B] flex gap-2 items-center", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "text-[10px] text-[#1FA05B] flex gap-[8px] items-center", children: [
             l,
             " ",
             /* @__PURE__ */ v.jsx("div", { className: "text-[#64748B] ", children: "Compared to last month" })
@@ -50407,7 +50413,7 @@ function Pk({
   return /* @__PURE__ */ v.jsxs(
     "div",
     {
-      className: `rounded-lg p-4 ${r} border border-[#EBEBEB] h-[126px]`,
+      className: `rounded-[8px] p-[16px] ${r} border border-[#EBEBEB] h-[126px]`,
       children: [
         /* @__PURE__ */ v.jsx("div", { className: `text-[16px] leading-[20px] ${a}`, children: e }),
         /* @__PURE__ */ v.jsx("div", { className: "mt-[16px] leading-[28px]  !text-[24px] font-medium text-[#121212]", children: t }),
@@ -50554,7 +50560,7 @@ const Mue = [
         /* @__PURE__ */ v.jsx("div", { className: "flex flex-col gap-[12px]", children: t.map((i, o) => /* @__PURE__ */ v.jsxs(
           "div",
           {
-            className: "flex items-center justify-between bg-[#F9FAFB] rounded-lg p-3",
+            className: "flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px]",
             children: [
               /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col", children: [
                 /* @__PURE__ */ v.jsx("div", { className: "text-[14px] font-medium text-[#121212]", children: i.title }),
@@ -50565,7 +50571,7 @@ const Mue = [
           },
           o
         )) }),
-        /* @__PURE__ */ v.jsxs("div", { className: "flex items-center justify-between border-t border-[#EBEBEB] h-[68px] px-3", children: [
+        /* @__PURE__ */ v.jsxs("div", { className: "flex items-center justify-between border-t border-[#EBEBEB] h-[68px] px-[12px]", children: [
           /* @__PURE__ */ v.jsx("div", { className: "text-[14px] font-medium text-[#121212]", children: "Total" }),
           /* @__PURE__ */ v.jsx("div", { className: "text-[16px] text-[#1FA05B] font-bold", children: r(n) })
         ] })
@@ -50632,7 +50638,7 @@ const Iue = [
       period: /* @__PURE__ */ v.jsx(Xr, { className: "h-5 w-5 text-[#884EA7] cursor-pointer" }),
       titleWeight: "semi-bold",
       children: [
-        /* @__PURE__ */ v.jsx("div", { className: "grid grid-cols-4 md:grid-cols-4 gap-[12px] h-[48px]", children: n.map((s, l) => /* @__PURE__ */ v.jsx("div", { className: "p-2 rounded-lg bg-slate-50", children: /* @__PURE__ */ v.jsxs("div", { className: "flex justify-between items-start", children: [
+        /* @__PURE__ */ v.jsx("div", { className: "grid grid-cols-4 md:grid-cols-4 gap-[12px] h-[48px]", children: n.map((s, l) => /* @__PURE__ */ v.jsx("div", { className: "p-[8px] rounded-[8px] bg-slate-50", children: /* @__PURE__ */ v.jsxs("div", { className: "flex justify-between items-start", children: [
           /* @__PURE__ */ v.jsx("div", { className: "font-medium leading-[16px] !text-[12px] rounded", children: s }),
           /* @__PURE__ */ v.jsxs("div", { className: "text-right", children: [
             /* @__PURE__ */ v.jsxs("div", { className: "text-red-600 font-medium leading-[16px] !text-[12px]", children: [
@@ -50776,7 +50782,7 @@ function Vfe({ data: e }) {
             /* @__PURE__ */ v.jsx("div", { className: "text-[10px] leading-[12.59px] text-[#121212] mt-[6px]", children: "Total Assets" })
           ] })
         ] }),
-        /* @__PURE__ */ v.jsxs("div", { className: "flex justify-between w-full px-4 sm:px-8 mt-4 text-[14px]", children: [
+        /* @__PURE__ */ v.jsxs("div", { className: "flex justify-between w-full px-[16px] sm:px-[32px] mt-4 text-[14px]", children: [
           /* @__PURE__ */ v.jsx("div", { className: "flex flex-col gap-[8px]", children: t.slice(0, 3).map((r) => /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px]", children: [
             /* @__PURE__ */ v.jsx(
               "div",
@@ -50942,7 +50948,7 @@ const Vue = [
 ];
 function Yfe({ data: e }) {
   const t = Array.isArray(e) && e.length > 0 ? e : Vue;
-  return /* @__PURE__ */ v.jsx("div", { className: "px-5 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]", children: t.map((n, r) => /* @__PURE__ */ v.jsx(zue, { ...n }, r)) });
+  return /* @__PURE__ */ v.jsx("div", { className: "px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]", children: t.map((n, r) => /* @__PURE__ */ v.jsx(zue, { ...n }, r)) });
 }
 /**
  * @license lucide-react v0.564.0 - ISC
@@ -51190,7 +51196,7 @@ const cde = [
       className: `relative bg-white rounded-[12px] p-[24px] shadow-[0_0_12px_0_#EAF2FF] ${a}`,
       children: [
         /* @__PURE__ */ v.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px]", children: [
             t && /* @__PURE__ */ v.jsx("div", { className: c, children: t }),
             /* @__PURE__ */ v.jsx(
               "div",
@@ -51205,7 +51211,7 @@ const cde = [
             )
           ] }),
           n && !r && /* @__PURE__ */ v.jsx("div", { className: "text-[12px] leading-[16px] text-[#64748B]", children: n }),
-          r && /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-3 px-4 py-2 rounded-lg bg-white text-sm text-[#64748B]", children: [
+          r && /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[12px] px-[16px] py-[8px] rounded-[8px] bg-white text-sm text-[#64748B]", children: [
             /* @__PURE__ */ v.jsx(
               Zue,
               {
@@ -51261,66 +51267,53 @@ function Ufe({ data: e = {} }) {
       color: "#F69E0A"
     }
   ], r = Number(t?.completed ?? 0) + Number(t?.not_completed ?? 0) + Number(t?.missed ?? 0), i = Number(t?.completed ?? 0);
-  return /* @__PURE__ */ v.jsx(
-    yn,
-    {
-      title: "Guard Patrols",
-      className: "h-[362px]",
-      titleWeight: "semi-bold",
-      children: /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col items-center justify-center", children: [
-        /* @__PURE__ */ v.jsxs("div", { className: "w-[215px] h-[182px] relative", children: [
-          /* @__PURE__ */ v.jsx(zt, { width: "100%", height: "100%", children: /* @__PURE__ */ v.jsxs(Mo, { children: [
+  return /* @__PURE__ */ v.jsx(yn, { title: "Guard Patrols", className: "h-[362px]", titleWeight: "semi-bold", children: /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col items-center justify-center", children: [
+    /* @__PURE__ */ v.jsxs("div", { className: "w-[215px] h-[182px] relative", children: [
+      /* @__PURE__ */ v.jsx(zt, { width: "100%", height: "100%", children: /* @__PURE__ */ v.jsxs(Mo, { children: [
+        /* @__PURE__ */ v.jsx(
+          Vi,
+          {
+            data: n ?? [],
+            innerRadius: 60,
+            outerRadius: 90,
+            paddingAngle: 2,
+            dataKey: "value",
+            nameKey: "name",
+            children: n?.map?.((o, a) => /* @__PURE__ */ v.jsx(Rn, { fill: o?.color ?? "#ccc" }, `cell-${a}`))
+          }
+        ),
+        /* @__PURE__ */ v.jsx(qt, { formatter: (o) => Number(o ?? 0).toLocaleString() })
+      ] }) }),
+      /* @__PURE__ */ v.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none", children: [
+        /* @__PURE__ */ v.jsxs("div", { className: "font-medium text-[19.35px] leading-[23.65px]", children: [
+          i ?? 0,
+          "/",
+          r ?? 0
+        ] }),
+        /* @__PURE__ */ v.jsx("div", { className: "text-[10.75px] leading-[15.05px] text-[#64748B]", children: "Completed" })
+      ] })
+    ] }),
+    /* @__PURE__ */ v.jsx("div", { className: "flex flex-col w-full text-[14px]", children: n?.length ? n?.map?.((o, a) => /* @__PURE__ */ v.jsxs(
+      "div",
+      {
+        className: `flex items-center justify-between py-[10px] ${a !== (n?.length ?? 0) - 1 ? "border-b border-[#F1F5F9]" : ""}`,
+        children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[10px]", children: [
             /* @__PURE__ */ v.jsx(
-              Vi,
+              "div",
               {
-                data: n ?? [],
-                innerRadius: 60,
-                outerRadius: 90,
-                paddingAngle: 2,
-                dataKey: "value",
-                nameKey: "name",
-                children: n?.map?.((o, a) => /* @__PURE__ */ v.jsx(Rn, { fill: o?.color ?? "#ccc" }, `cell-${a}`))
+                className: "inline-block w-[16px] h-[7px]",
+                style: { backgroundColor: o?.color ?? "#ccc" }
               }
             ),
-            /* @__PURE__ */ v.jsx(
-              qt,
-              {
-                formatter: (o) => Number(o ?? 0).toLocaleString()
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ v.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none", children: [
-            /* @__PURE__ */ v.jsxs("div", { className: "font-medium text-[19.35px] leading-[23.65px]", children: [
-              i ?? 0,
-              "/",
-              r ?? 0
-            ] }),
-            /* @__PURE__ */ v.jsx("div", { className: "text-[10.75px] leading-[15.05px] text-[#64748B]", children: "Completed" })
-          ] })
-        ] }),
-        /* @__PURE__ */ v.jsx("div", { className: "flex flex-col w-full text-[14px]", children: n?.length ? n?.map?.((o, a) => /* @__PURE__ */ v.jsxs(
-          "div",
-          {
-            className: `flex items-center justify-between py-[10px] ${a !== (n?.length ?? 0) - 1 ? "border-b border-[#F1F5F9]" : ""}`,
-            children: [
-              /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[10px]", children: [
-                /* @__PURE__ */ v.jsx(
-                  "div",
-                  {
-                    className: "inline-block w-[16px] h-[7px]",
-                    style: { backgroundColor: o?.color ?? "#ccc" }
-                  }
-                ),
-                /* @__PURE__ */ v.jsx("div", { className: "leading-[16.09px] text-[12.07px] text-[#64748B]", children: o?.name ?? "-" })
-              ] }),
-              /* @__PURE__ */ v.jsx("div", { className: "leading-[16.09px] text-[12.07px] text-[#64748B]", children: o?.value ?? 0 })
-            ]
-          },
-          o?.name ?? a
-        )) : /* @__PURE__ */ v.jsx("div", { className: "text-center text-gray-400 text-sm py-6", children: "No patrol data" }) })
-      ] })
-    }
-  );
+            /* @__PURE__ */ v.jsx("div", { className: "leading-[16.09px] text-[12.07px] text-[#64748B]", children: o?.name ?? "-" })
+          ] }),
+          /* @__PURE__ */ v.jsx("div", { className: "leading-[16.09px] text-[12.07px] text-[#64748B]", children: o?.value ?? 0 })
+        ]
+      },
+      o?.name ?? a
+    )) : /* @__PURE__ */ v.jsx("div", { className: "text-center text-gray-400 text-sm py-[24px]", children: "No patrol data" }) })
+  ] }) });
 }
 Un.register(
   jo,
@@ -51438,7 +51431,10 @@ const fde = ["10 AM", "12 PM", "2 PM", "4 PM", "6 PM", "8 PM", "10 PM"], nf = {
   { incident_code: "INC-402", severity_level: "L2", severity: "High" },
   { incident_code: "INC-403", severity_level: "L3", severity: "Low" }
 ];
-function qfe({ incidentReports: e = {}, incidentReportsDetails: t = [] }) {
+function qfe({
+  incidentReports: e = {},
+  incidentReportsDetails: t = []
+}) {
   const n = e && Object.keys(e).length > 0 ? e : pde, r = Array.isArray(t) && t.length > 0 ? t : hde, i = Number(n?.open ?? 0), o = Number(n?.in_progress ?? 0), a = Number(n?.closed ?? 0);
   return /* @__PURE__ */ v.jsx(
     yn,
@@ -51448,15 +51444,15 @@ function qfe({ incidentReports: e = {}, incidentReportsDetails: t = [] }) {
       titleWeight: "semi-bold",
       children: /* @__PURE__ */ v.jsxs("div", { children: [
         /* @__PURE__ */ v.jsxs("div", { className: "flex w-full text-center gap-[24px]", children: [
-          /* @__PURE__ */ v.jsxs("div", { className: "flex-1 py-3 bg-[#FBF4F4] h-[76px] rounded", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex-1 py-[12px] bg-[#FBF4F4] h-[76px] rounded", children: [
             /* @__PURE__ */ v.jsx("div", { className: "!text-[24px] leading-[28px] font-medium text-[#AB0000]", children: i ?? 0 }),
             /* @__PURE__ */ v.jsx("div", { className: "!text-[12px] leading-[16px] text-[#AB0000]", children: "Open" })
           ] }),
-          /* @__PURE__ */ v.jsxs("div", { className: "flex-1 py-3 bg-[#FFFBF2] h-[76px] rounded", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex-1 py-[12px] bg-[#FFFBF2] h-[76px] rounded", children: [
             /* @__PURE__ */ v.jsx("div", { className: "!text-[24px] leading-[28px] font-medium text-[#E7A015]", children: o ?? 0 }),
             /* @__PURE__ */ v.jsx("div", { className: "!text-[12px] leading-[16px] text-[#E7A015]", children: "In-progress" })
           ] }),
-          /* @__PURE__ */ v.jsxs("div", { className: "flex-1 py-3 bg-[#F7FEFA] h-[76px] rounded", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex-1 py-[12px] bg-[#F7FEFA] h-[76px] rounded", children: [
             /* @__PURE__ */ v.jsx("div", { className: "!text-[24px] leading-[28px] font-medium text-[#1FA05B]", children: a ?? 0 }),
             /* @__PURE__ */ v.jsx("div", { className: "!text-[12px] leading-[16px] text-[#1FA05B]", children: "Closed" })
           ] })
@@ -51466,7 +51462,7 @@ function qfe({ incidentReports: e = {}, incidentReportsDetails: t = [] }) {
           return /* @__PURE__ */ v.jsxs(
             "div",
             {
-              className: "flex items-center justify-between p-3 bg-[#FAFBFD] rounded-md",
+              className: "flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",
               children: [
                 /* @__PURE__ */ v.jsx("div", { className: "flex items-center gap-[8px]", children: /* @__PURE__ */ v.jsx("div", { className: "text-gray-700 font-medium", children: s?.incident_code ?? "-" }) }),
                 /* @__PURE__ */ v.jsx(
@@ -51484,7 +51480,7 @@ function qfe({ incidentReports: e = {}, incidentReportsDetails: t = [] }) {
             },
             l
           );
-        }) : /* @__PURE__ */ v.jsx("div", { className: "text-center text-gray-400 text-sm py-6", children: "No incidents found" }) })
+        }) : /* @__PURE__ */ v.jsx("div", { className: "text-center text-gray-400 text-sm py-[24px]", children: "No incidents found" }) })
       ] })
     }
   );
@@ -51505,11 +51501,11 @@ function Gfe({ staffPresentAbsent: e, staffPresentByRole: t }) {
       titleWeight: "semi-bold",
       children: /* @__PURE__ */ v.jsxs("div", { children: [
         /* @__PURE__ */ v.jsxs("div", { className: "flex gap-[24px] text-center", children: [
-          /* @__PURE__ */ v.jsxs("div", { className: "flex-1 py-3 bg-[#F7FEFA] rounded h-[76px]", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex-1 py-[12px] bg-[#F7FEFA] rounded h-[76px]", children: [
             /* @__PURE__ */ v.jsx("div", { className: "text-[24px] font-medium text-[#1FA05B]", children: a ?? 0 }),
             /* @__PURE__ */ v.jsx("div", { className: "text-[12px] text-[#1FA05B]", children: "Present" })
           ] }),
-          /* @__PURE__ */ v.jsxs("div", { className: "flex-1 py-3 bg-[#FBF4F4] rounded h-[76px]", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex-1 py-[12px] bg-[#FBF4F4] rounded h-[76px]", children: [
             /* @__PURE__ */ v.jsx("div", { className: "text-[24px] font-medium text-[#AB0000]", children: o ?? 0 }),
             /* @__PURE__ */ v.jsx("div", { className: "text-[12px] text-[#AB0000]", children: "Absent" })
           ] })
@@ -51519,7 +51515,7 @@ function Gfe({ staffPresentAbsent: e, staffPresentByRole: t }) {
           return /* @__PURE__ */ v.jsxs(
             "div",
             {
-              className: "flex items-center justify-between p-3 bg-[#F8FAFC] rounded-md",
+              className: "flex items-center justify-between p-[12px] bg-[#F8FAFC] rounded-md",
               children: [
                 /* @__PURE__ */ v.jsx("div", { className: "text-[#121212] text-[14px] leading-[18px] font-medium", children: s?.staff_role_name ?? "-" }),
                 /* @__PURE__ */ v.jsxs("div", { className: "text-[14px] leading-[20px] text-[#64748B]", children: [
@@ -51610,7 +51606,7 @@ const bde = [
 ];
 function Xfe({ data: e }) {
   const t = Array.isArray(e) && e.length > 0 ? e : bde;
-  return /* @__PURE__ */ v.jsx("div", { className: "px-5 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]", children: t.map((n, r) => /* @__PURE__ */ v.jsx(yde, { ...n }, r)) });
+  return /* @__PURE__ */ v.jsx("div", { className: "px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]", children: t.map((n, r) => /* @__PURE__ */ v.jsx(yde, { ...n }, r)) });
 }
 const xde = [
   { title: "Maintenance", total: 12, pending: 3 },
@@ -51634,7 +51630,7 @@ function Qfe({ data: e }) {
       children: /* @__PURE__ */ v.jsx("div", { className: "flex flex-col gap-[12px]", children: t.map((n, r) => /* @__PURE__ */ v.jsxs(
         "div",
         {
-          className: "flex items-center justify-between bg-[#F9FAFB] rounded-lg p-3 h-[62px]",
+          className: "flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",
           children: [
             /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col", children: [
               /* @__PURE__ */ v.jsx("div", { className: "text-[14px] leading-[18px] font-medium text-[#121212] capitalize", children: n.title }),
@@ -51881,7 +51877,7 @@ function Jfe({ data: e }) {
       children: /* @__PURE__ */ v.jsx("div", { className: "flex flex-col gap-[12px]", children: t.map((n, r) => /* @__PURE__ */ v.jsxs(
         "div",
         {
-          className: "flex items-center justify-between bg-[#F9FAFB] rounded-lg p-3 h-[62px]",
+          className: "flex items-center justify-between bg-[#F9FAFB] rounded-[8px] p-[12px] h-[62px]",
           children: [
             /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col", children: [
               /* @__PURE__ */ v.jsx("div", { className: "text-[14px] leading-[18px] font-medium text-[#121212] capitalize", children: n.title }),
@@ -51982,7 +51978,7 @@ const Cde = [
   }
 };
 function epe({ id: e, data: t }) {
-  return e && t && !t[e] && t.current !== void 0 ? /* @__PURE__ */ v.jsx(Ck, { id: e, data: t }) : /* @__PURE__ */ v.jsx("div", { className: "px-5 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", children: Cde.map((n) => /* @__PURE__ */ v.jsx(Ck, { id: n }, n)) });
+  return e && t && !t[e] && t.current !== void 0 ? /* @__PURE__ */ v.jsx(Ck, { id: e, data: t }) : /* @__PURE__ */ v.jsx("div", { className: "px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[16px]", children: Cde.map((n) => /* @__PURE__ */ v.jsx(Ck, { id: n }, n)) });
 }
 function Ck({ id: e, data: t }) {
   const n = Dde[e];
@@ -52028,13 +52024,13 @@ const Nde = [
   }
 ];
 function jde({ title: e, date: t, rsvp: n, utilisation: r, status: i }) {
-  return /* @__PURE__ */ v.jsxs("div", { className: " bg-[#F8FAFC] h-[106px] px-3 mt-3", children: [
+  return /* @__PURE__ */ v.jsxs("div", { className: " bg-[#F8FAFC] h-[106px] px-[12px] mt-3", children: [
     /* @__PURE__ */ v.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ v.jsx("div", { className: "text-[16px] leading-[20px] font-semibold text-[#121212]", children: e }),
       /* @__PURE__ */ v.jsx(
         "div",
         {
-          className: `!text-[12px] font-medium leading-[16px] px-2 py-1  ${i === "Completed" ? "text-[#36AB6C] bg-[#E6F7EE]" : i === "Upcoming" ? "text-[#329DFF] bg-[#E6F2FF]" : "text-slate-500 bg-slate-100"}`,
+          className: `!text-[12px] font-medium leading-[16px] px-[8px] py-[4px]  ${i === "Completed" ? "text-[#36AB6C] bg-[#E6F7EE]" : i === "Upcoming" ? "text-[#329DFF] bg-[#E6F2FF]" : "text-slate-500 bg-slate-100"}`,
           children: i
         }
       )
@@ -52102,7 +52098,7 @@ const Rde = [
   }
 ];
 function Ide({ label: e, value: t, subLabel: n, bgColor: r, textColor: i }) {
-  return /* @__PURE__ */ v.jsxs("div", { className: `rounded-lg p-4 ${r} h-[124px]`, children: [
+  return /* @__PURE__ */ v.jsxs("div", { className: `rounded-[8px] p-[16px] ${r} h-[124px]`, children: [
     /* @__PURE__ */ v.jsx("div", { className: `text-[16px] font-medium ${i} leading-[20px]`, children: e }),
     /* @__PURE__ */ v.jsx("div", { className: "mt-4 text-[28px] leading-[32px] font-semibold text-[#121212]", children: t }),
     /* @__PURE__ */ v.jsx("div", { className: "!text-[12px] leading-[16px] text-[#64748B] mt-2", children: n })
@@ -52249,7 +52245,7 @@ const Bde = [
 ];
 function ipe({ data: e }) {
   const t = Array.isArray(e) && e.length > 0 ? e : Bde;
-  return /* @__PURE__ */ v.jsx("div", { className: "px-5 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]", children: t.map((n, r) => /* @__PURE__ */ v.jsx($de, { ...n }, r)) });
+  return /* @__PURE__ */ v.jsx("div", { className: "px-[20px] grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[24px]", children: t.map((n, r) => /* @__PURE__ */ v.jsx($de, { ...n }, r)) });
 }
 const Dk = ({ value: e = 0, total: t = 1, colorClass: n = "", label: r = "" }) => {
   const i = Number(e) || 0, o = Number(t) || 1, a = Math.max(0, Math.min(100, i / o * 100)), s = n === "bg-[#3C81F6]" ? "text-[#8B5CF6]" : n === "bg-[#8B5CF6]" ? "text-[#12B981]" : "text-slate-600";
@@ -52273,7 +52269,7 @@ const Dk = ({ value: e = 0, total: t = 1, colorClass: n = "", label: r = "" }) =
   AdminsCount: r = 910
 }) => {
   const i = e?.total_occupants !== void 0 && e?.total_occupants !== null ? Number(e?.total_occupants) || 0 : Number(t) || 0, o = e?.total_members !== void 0 && e?.total_members !== null ? Number(e?.total_members) || 0 : Number(n) || 0, a = e?.total_admins !== void 0 && e?.total_admins !== null ? Number(e?.total_admins) || 0 : Number(r) || 0, s = (o || 0) + (a || 0);
-  return /* @__PURE__ */ v.jsx("div", { children: /* @__PURE__ */ v.jsxs("div", { className: "bg-white !border-[0.5px] !border-[#EBEBEB] rounded-xl shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[128px]", children: [
+  return /* @__PURE__ */ v.jsx("div", { children: /* @__PURE__ */ v.jsxs("div", { className: "bg-white !border-[0.5px] !border-[#EBEBEB] rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px] h-[128px]", children: [
     /* @__PURE__ */ v.jsxs(
       "div",
       {
@@ -52290,7 +52286,7 @@ const Dk = ({ value: e = 0, total: t = 1, colorClass: n = "", label: r = "" }) =
         /* @__PURE__ */ v.jsx("div", { className: "text-[12px] leading-[16px] text-[#64748B] font-normal", children: "Total Occupants" }),
         /* @__PURE__ */ v.jsx("div", { className: "text-[28px] leading-[32px] font-medium text-[#121212]", children: i ?? 0 })
       ] }),
-      /* @__PURE__ */ v.jsxs("div", { className: "flex items-end gap-1", children: [
+      /* @__PURE__ */ v.jsxs("div", { className: "flex items-end gap-[4px]", children: [
         /* @__PURE__ */ v.jsx(
           Dk,
           {
@@ -52491,7 +52487,7 @@ function spe({ data: e, title: t, period: n, icon: r }) {
       period: a,
       icon: s,
       children: /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col h-full", children: [
-        /* @__PURE__ */ v.jsxs("div", { className: "grid grid-cols-2 gap-6 mb-6", children: [
+        /* @__PURE__ */ v.jsxs("div", { className: "grid grid-cols-2 gap-[24px] mb-6", children: [
           /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col gap-[8px]!", children: [
             /* @__PURE__ */ v.jsx("div", { className: "text-[12px] leading-[16px] text-[#64748B]", children: "Total Orders" }),
             /* @__PURE__ */ v.jsx("div", { className: "text-[28px] leading-[32px] font-medium text-[#8B5CF6]", children: l })
@@ -52506,7 +52502,7 @@ function spe({ data: e, title: t, period: n, icon: r }) {
             /* @__PURE__ */ v.jsxs(
               "div",
               {
-                className: `inline-flex items-center gap-1 text-[10px] leading-[14px] px-2 py-1 rounded-full ${d ? "text-[#1FA05B] bg-green-50" : "text-red-600 bg-red-50"}`,
+                className: `w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${d ? "text-[#1FA05B] bg-green-50" : "text-red-600 bg-red-50"}`,
                 children: [
                   d ? /* @__PURE__ */ v.jsx(al, {}) : /* @__PURE__ */ v.jsx(ol, {}),
                   u,
@@ -52518,7 +52514,7 @@ function spe({ data: e, title: t, period: n, icon: r }) {
           ] })
         ] }),
         /* @__PURE__ */ v.jsx("div", { className: "mt-[16px]", children: i.outlets.map((f, p) => /* @__PURE__ */ v.jsxs("div", { className: "mb-[16px]", children: [
-          /* @__PURE__ */ v.jsxs("div", { className: "flex justify-between text-sm mb-2", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex justify-between text-sm mb-[8px]", children: [
             /* @__PURE__ */ v.jsx("div", { className: "text-[#64748B] text-[12px] leading-[16px]", children: f.name }),
             /* @__PURE__ */ v.jsxs("div", { className: "font-medium text-[12px] leading-[16px] flex items-center", children: [
               /* @__PURE__ */ v.jsxs("div", { className: "text-[#64748B] inline-block", children: [
@@ -52601,14 +52597,14 @@ function lpe({ data: e }) {
       period: "Today",
       icon: /* @__PURE__ */ v.jsx(ude, { className: "!text-[24px] text-[#8B5CF6]" }),
       children: /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col h-full", children: [
-        /* @__PURE__ */ v.jsxs("div", { className: "grid grid-cols-2 gap-6 mb-6", children: [
+        /* @__PURE__ */ v.jsxs("div", { className: "grid grid-cols-2 gap-[24px] mb-6", children: [
           /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col gap-[8px]!", children: [
             /* @__PURE__ */ v.jsx("div", { className: "text-[12px] leading-[16px] text-[#64748B]", children: "Total Bookings" }),
             /* @__PURE__ */ v.jsx("div", { className: "text-[28px] leading-[32px] font-medium text-[#8B5CF6]", children: a }),
             /* @__PURE__ */ v.jsxs(
               "div",
               {
-                className: `inline-flex items-center gap-1 text-[10px] leading-[14px] px-2 py-1 rounded-full ${l >= 0 ? "text-[#1FA05B] bg-green-50" : "text-red-600 bg-red-50"}`,
+                className: `w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${l >= 0 ? "text-[#1FA05B] bg-green-50" : "text-red-600 bg-red-50"}`,
                 children: [
                   l >= 0 ? /* @__PURE__ */ v.jsx(al, {}) : /* @__PURE__ */ v.jsx(ol, {}),
                   l,
@@ -52628,7 +52624,7 @@ function lpe({ data: e }) {
             f !== null && /* @__PURE__ */ v.jsxs(
               "div",
               {
-                className: `inline-flex items-center gap-1 text-[10px] leading-[14px] px-2 py-1 rounded-full ${p ? "text-[#1FA05B] bg-green-50" : "text-red-600 bg-red-50"}`,
+                className: `w-fit inline-flex items-center gap-[4px] text-[10px] leading-[14px] p-[4px] rounded-[4px] ${p ? "text-[#1FA05B] bg-green-50" : "text-red-600 bg-red-50"}`,
                 children: [
                   p ? /* @__PURE__ */ v.jsx(al, {}) : /* @__PURE__ */ v.jsx(ol, {}),
                   f,
@@ -52640,7 +52636,7 @@ function lpe({ data: e }) {
           ] })
         ] }),
         /* @__PURE__ */ v.jsx("div", { className: "mt-[16px]", children: u.length > 0 ? u.map((h, m) => /* @__PURE__ */ v.jsxs("div", { className: "mb-[16px]", children: [
-          /* @__PURE__ */ v.jsxs("div", { className: "flex justify-between text-sm mb-2", children: [
+          /* @__PURE__ */ v.jsxs("div", { className: "flex justify-between text-sm mb-[8px]", children: [
             /* @__PURE__ */ v.jsx("div", { className: "text-[#64748B] text-[12px] leading-[16px]", children: h?.name }),
             /* @__PURE__ */ v.jsxs("div", { className: "font-medium text-[12px] leading-[16px]", children: [
               /* @__PURE__ */ v.jsxs("div", { className: "text-[#64748B] inline", children: [
@@ -52801,7 +52797,7 @@ const Vde = ({ active: e, payload: t }) => {
         borderRadius: "8px",
         fontSize: "12px"
       },
-      children: /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2 font-medium", children: [
+      children: /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px] font-medium", children: [
         /* @__PURE__ */ v.jsx(
           "div",
           {
@@ -52831,11 +52827,23 @@ function upe({ data: e = null }) {
     const s = Number(a);
     return isNaN(s) ? 0 : s;
   }, i = [
-    { name: "Completed", value: r(n.completed), color: "#10B981" },
+    {
+      name: "Completed",
+      value: r(n.completed),
+      color: "#10B981"
+    },
     { name: "Open", value: r(n.open), color: "#3B82F6" },
-    { name: "In Progress", value: r(n.in_progress), color: "#F59E0B" },
+    {
+      name: "In Progress",
+      value: r(n.in_progress),
+      color: "#F59E0B"
+    },
     { name: "On Hold", value: r(n.on_hold), color: "#6B7280" },
-    { name: "Cancelled", value: r(n.cancelled), color: "#EF4444" }
+    {
+      name: "Cancelled",
+      value: r(n.cancelled),
+      color: "#EF4444"
+    }
   ], o = r(n.total_complaints);
   return /* @__PURE__ */ v.jsx(
     Ke,
@@ -52844,7 +52852,7 @@ function upe({ data: e = null }) {
       title: "Ticket Status",
       period: "Today",
       icon: /* @__PURE__ */ v.jsx(Uv, { className: "!text-[24px] text-[#EF4444]" }),
-      children: /* @__PURE__ */ v.jsxs("div", { className: "flex h-full items-center gap-4", children: [
+      children: /* @__PURE__ */ v.jsxs("div", { className: "flex h-full items-center gap-[16px]", children: [
         /* @__PURE__ */ v.jsxs("div", { className: "w-[202px] h-[170px] relative", children: [
           /* @__PURE__ */ v.jsx(zt, { width: "100%", height: "100%", children: /* @__PURE__ */ v.jsxs(Mo, { children: [
             /* @__PURE__ */ v.jsx(
@@ -52883,7 +52891,7 @@ function upe({ data: e = null }) {
           {
             className: "flex items-center justify-between text-[12px] leading-[17px] mt-[12px]",
             children: [
-              /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px]", children: [
                 /* @__PURE__ */ v.jsx(
                   "div",
                   {
@@ -52962,8 +52970,8 @@ function Ude(e = []) {
   });
 }
 function Nk({ title: e, color: t, rows: n = [], children: r }) {
-  const i = /* @__PURE__ */ v.jsxs("div", { className: "bg-white rounded-xl min-w-[260px] p-4", children: [
-    /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2 font-medium text-[#121212]", children: [
+  const i = /* @__PURE__ */ v.jsxs("div", { className: "bg-white rounded-[12px] min-w-[260px] p-[16px]", children: [
+    /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px] font-medium text-[#121212]", children: [
       /* @__PURE__ */ v.jsx(ph, { className: `text-[20px] ${t}` }),
       /* @__PURE__ */ v.jsx("div", { children: e ?? "" })
     ] }),
@@ -52995,7 +53003,7 @@ function Nk({ title: e, color: t, rows: n = [], children: r }) {
   );
 }
 function Kde({ active: e, payload: t }) {
-  return !e || !t?.length ? null : /* @__PURE__ */ v.jsx("div", { className: "rounded-lg bg-[#121212] px-3 py-2 text-[12px] text-white shadow-lg", children: t.map((n) => /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2", children: [
+  return !e || !t?.length ? null : /* @__PURE__ */ v.jsx("div", { className: "rounded-[8px] bg-[#121212] px-[12px] py-[8px] text-[12px] text-white shadow-lg", children: t.map((n) => /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px]", children: [
     /* @__PURE__ */ v.jsx(
       "span",
       {
@@ -53201,7 +53209,7 @@ const qde = ({ color: e }) => /* @__PURE__ */ v.jsx(
       marginRight: "6px"
     }
   }
-), Gde = ({ active: e, payload: t }) => !e || !t || !t.length ? null : /* @__PURE__ */ v.jsx("div", { className: "bg-black text-white !text-[12px] px-3 py-2 rounded-lg shadow-lg", children: t.map((n, r) => /* @__PURE__ */ v.jsxs(
+), Gde = ({ active: e, payload: t }) => !e || !t || !t.length ? null : /* @__PURE__ */ v.jsx("div", { className: "bg-black text-white !text-[12px] px-[12px] py-[8px] rounded-[8px] shadow-lg", children: t.map((n, r) => /* @__PURE__ */ v.jsxs(
   "div",
   {
     className: "capitalize flex gap-[4px] items-center leading-relaxed",
@@ -53225,64 +53233,72 @@ function fpe({ data: e = null }) {
     const s = Number(a);
     return isNaN(s) ? 0 : s;
   }, i = [
-    { name: "Card Entry", value: r(n.card_entry), color: "#329DFF" },
-    { name: "Mobile Entry", value: r(n.mobile_entry), color: "#8B5CF6" },
-    { name: "Card Exit", value: r(n.card_exit), color: "#B1D2F0" },
-    { name: "Mobile Exit", value: r(n.mobile_exit), color: "#DACBFB" }
-  ], o = r(n.total);
-  return /* @__PURE__ */ v.jsx(
-    yn,
     {
-      className: "h-[362px]",
-      title: "Access Overview",
-      titleWeight: "semi-bold",
-      children: /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col items-center mt-[16px]", children: [
-        /* @__PURE__ */ v.jsxs("div", { className: "relative w-[200px] h-[200px]", children: [
-          /* @__PURE__ */ v.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ v.jsx("div", { className: "w-[130px] h-[130px] rounded-full shadow-[0px_12px_35px_rgba(0,0,0,0.12)]" }) }),
-          /* @__PURE__ */ v.jsx("div", { className: "h-[184px]", children: /* @__PURE__ */ v.jsx(zt, { width: "100%", height: "100%", children: /* @__PURE__ */ v.jsxs(Mo, { children: [
-            /* @__PURE__ */ v.jsx(
-              Vi,
-              {
-                data: i,
-                dataKey: "value",
-                innerRadius: 65,
-                outerRadius: 90,
-                startAngle: 110,
-                endAngle: -250,
-                paddingAngle: 2,
-                stroke: "transparent",
-                children: i.map((a, s) => /* @__PURE__ */ v.jsx(Rn, { fill: a.color }, s))
-              }
-            ),
-            /* @__PURE__ */ v.jsx(
-              qt,
-              {
-                content: /* @__PURE__ */ v.jsx(Gde, {}),
-                wrapperStyle: { zIndex: 9999 }
-              }
-            )
-          ] }) }) }),
-          /* @__PURE__ */ v.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none", children: [
-            /* @__PURE__ */ v.jsxs("div", { className: "text-[20px] leading-[24px] font-semibold text-[#121212]", children: [
-              o,
-              "L"
-            ] }),
-            /* @__PURE__ */ v.jsx("div", { className: "text-[10px] leading-[15px] text-[#64748B]", children: "Total Access" })
-          ] })
+      name: "Card Entry",
+      value: r(n.card_entry),
+      color: "#329DFF"
+    },
+    {
+      name: "Mobile Entry",
+      value: r(n.mobile_entry),
+      color: "#8B5CF6"
+    },
+    {
+      name: "Card Exit",
+      value: r(n.card_exit),
+      color: "#B1D2F0"
+    },
+    {
+      name: "Mobile Exit",
+      value: r(n.mobile_exit),
+      color: "#DACBFB"
+    }
+  ], o = r(n.total);
+  return /* @__PURE__ */ v.jsx(yn, { className: "h-[362px]", title: "Access Overview", titleWeight: "semi-bold", children: /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col items-center mt-[16px]", children: [
+    /* @__PURE__ */ v.jsxs("div", { className: "relative w-[200px] h-[200px]", children: [
+      /* @__PURE__ */ v.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ v.jsx("div", { className: "w-[130px] h-[130px] rounded-full shadow-[0px_12px_35px_rgba(0,0,0,0.12)]" }) }),
+      /* @__PURE__ */ v.jsx("div", { className: "h-[184px]", children: /* @__PURE__ */ v.jsx(zt, { width: "100%", height: "100%", children: /* @__PURE__ */ v.jsxs(Mo, { children: [
+        /* @__PURE__ */ v.jsx(
+          Vi,
+          {
+            data: i,
+            dataKey: "value",
+            innerRadius: 65,
+            outerRadius: 90,
+            startAngle: 110,
+            endAngle: -250,
+            paddingAngle: 2,
+            stroke: "transparent",
+            children: i.map((a, s) => /* @__PURE__ */ v.jsx(Rn, { fill: a.color }, s))
+          }
+        ),
+        /* @__PURE__ */ v.jsx(
+          qt,
+          {
+            content: /* @__PURE__ */ v.jsx(Gde, {}),
+            wrapperStyle: { zIndex: 9999 }
+          }
+        )
+      ] }) }) }),
+      /* @__PURE__ */ v.jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none", children: [
+        /* @__PURE__ */ v.jsxs("div", { className: "text-[20px] leading-[24px] font-semibold text-[#121212]", children: [
+          o,
+          "L"
         ] }),
-        /* @__PURE__ */ v.jsx("div", { className: "mt-[32px] grid grid-cols-2 gap-x-[20px] gap-y-[12px] text-[12px] text-[#94A3B8]", children: i.map((a) => /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ v.jsx(
-            "div",
-            {
-              className: "w-[16px] h-[7px] ",
-              style: { backgroundColor: a.color }
-            }
-          ),
-          /* @__PURE__ */ v.jsx("div", { className: "text-[12px] leading-[16px] text-[#64748B]", children: a.name })
-        ] }, a.name)) })
+        /* @__PURE__ */ v.jsx("div", { className: "text-[10px] leading-[15px] text-[#64748B]", children: "Total Access" })
       ] })
-    }
-  );
+    ] }),
+    /* @__PURE__ */ v.jsx("div", { className: "mt-[32px] grid grid-cols-2 gap-x-[20px] gap-y-[12px] text-[12px] text-[#94A3B8]", children: i.map((a) => /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px]", children: [
+      /* @__PURE__ */ v.jsx(
+        "div",
+        {
+          className: "w-[16px] h-[7px] ",
+          style: { backgroundColor: a.color }
+        }
+      ),
+      /* @__PURE__ */ v.jsx("div", { className: "text-[12px] leading-[16px] text-[#64748B]", children: a.name })
+    ] }, a.name)) })
+  ] }) });
 }
 function ppe({
   title: e = "Access",
@@ -53290,7 +53306,7 @@ function ppe({
   height: n = "h-[362px]"
 }) {
   const r = (i) => i == null ? "0" : Number(i).toLocaleString();
-  return /* @__PURE__ */ v.jsx(yn, { className: n, title: e, titleWeight: "semi-bold", children: /* @__PURE__ */ v.jsxs("div", { className: "rounded-xl overflow-hidden mt-[16px]", children: [
+  return /* @__PURE__ */ v.jsx(yn, { className: n, title: e, titleWeight: "semi-bold", children: /* @__PURE__ */ v.jsxs("div", { className: "rounded-[12px] overflow-hidden mt-[16px]", children: [
     /* @__PURE__ */ v.jsxs("div", { className: "grid grid-cols-2 bg-[#F8FAFC] py-[8px] px-[12px] text-[12px] leading-[16px] font-medium text-[#64748B]", children: [
       /* @__PURE__ */ v.jsx("div", { children: "Point" }),
       /* @__PURE__ */ v.jsx("div", { className: "text-right", children: "Access" })
@@ -53370,35 +53386,18 @@ function Lo({
   title: t = "No Data Available",
   description: n = "Catch up all the data. Change the date range to see the data."
 }) {
-  return /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center px-4", children: [
-    /* @__PURE__ */ v.jsx(
-      "img",
-      {
-        src: e,
-        alt: "no data",
-        className: "w-32 h-32 mb-4 opacity-80"
-      }
-    ),
+  return /* @__PURE__ */ v.jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center px-[16px]", children: [
+    /* @__PURE__ */ v.jsx("img", { src: e, alt: "no data", className: "w-32 h-32 mb-4 opacity-80" }),
     /* @__PURE__ */ v.jsx("div", { className: "text-[16px] font-semibold text-gray-900 mb-[4px]", children: t }),
     /* @__PURE__ */ v.jsx("div", { className: "text-[12px] text-gray-500 max-w-[260px]", children: n })
   ] });
 }
-const Xde = ({ active: e, payload: t }) => e && t && t.length ? /* @__PURE__ */ v.jsx("div", { className: "bg-black text-white px-4 py-2 rounded-lg text-sm shadow-lg", children: /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2", children: [
+const Xde = ({ active: e, payload: t }) => e && t && t.length ? /* @__PURE__ */ v.jsx("div", { className: "bg-black text-white px-[16px] py-[8px] rounded-[8px] text-sm shadow-lg", children: /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px]", children: [
   /* @__PURE__ */ v.jsx("div", { children: t[0].payload.name }),
   /* @__PURE__ */ v.jsx("div", { className: "font-semibold", children: t[0].value })
 ] }) }) : null, Qde = ({ x: e, y: t, payload: n }) => {
   const r = n.value.split(" ");
-  return /* @__PURE__ */ v.jsx("g", { transform: `translate(${e},${t})`, children: /* @__PURE__ */ v.jsx(
-    "text",
-    {
-      x: -85,
-      y: 0,
-      textAnchor: "start",
-      fill: "#121212",
-      fontSize: 14,
-      children: r.map((i, o) => /* @__PURE__ */ v.jsx("tspan", { x: -85, dy: o === 0 ? 0 : 16, children: i }, o))
-    }
-  ) });
+  return /* @__PURE__ */ v.jsx("g", { transform: `translate(${e},${t})`, children: /* @__PURE__ */ v.jsx("text", { x: -85, y: 0, textAnchor: "start", fill: "#121212", fontSize: 14, children: r.map((i, o) => /* @__PURE__ */ v.jsx("tspan", { x: -85, dy: o === 0 ? 0 : 16, children: i }, o)) }) });
 };
 function mpe({ data: e = [] }) {
   const t = e && e.length > 0, n = e.map((r) => ({
@@ -53463,7 +53462,7 @@ function gpe({
 }) {
   const a = parseFloat(i), s = a >= 0, l = s ? "#16A34A" : "#DC2626";
   return /* @__PURE__ */ v.jsxs("div", { className: "relative bg-white rounded-[12px] shadow-[0_0_12px_0_#EAF2FF] p-[16px]", children: [
-    /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px]", children: [
       e && /* @__PURE__ */ v.jsx(
         "div",
         {
@@ -53480,7 +53479,7 @@ function gpe({
       /* @__PURE__ */ v.jsx("div", { className: "text-[16px] leading-[20px] font-medium text-[#64748B]", children: n })
     ] }),
     /* @__PURE__ */ v.jsx("div", { className: "mt-[16px] text-[28px] leading-[32px] font-medium text-[#121212]", children: r }),
-    (i || o) && /* @__PURE__ */ v.jsxs("div", { className: "mt-[12px] flex items-center gap-2", children: [
+    (i || o) && /* @__PURE__ */ v.jsxs("div", { className: "mt-[12px] flex items-center gap-[8px]", children: [
       i && /* @__PURE__ */ v.jsxs(
         "div",
         {
@@ -53538,7 +53537,7 @@ const vpe = ({ data: e = [], onDateChange: t }) => {
       onNextClick: d,
       onCalendarClick: f,
       children: [
-        i && /* @__PURE__ */ v.jsx("div", { className: "anarock-datepicker absolute top-[70px] right-[24px] z-50 rounded-lg bg-white shadow-lg", children: /* @__PURE__ */ v.jsx(
+        i && /* @__PURE__ */ v.jsx("div", { className: "anarock-datepicker absolute top-[70px] right-[24px] z-50 rounded-[8px] bg-white shadow-lg", children: /* @__PURE__ */ v.jsx(
           oD,
           {
             selected: n,
@@ -53930,7 +53929,7 @@ function _pe({ data: e, currencyType: t }) {
       title: "Amenity Wise Revenue",
       titleWeight: "semi-bold",
       className: "h-[362px]",
-      children: /* @__PURE__ */ v.jsx("div", { className: "grid grid-cols-12 gap-6 items-center h-full", children: n ? /* @__PURE__ */ v.jsx("div", { className: "col-span-12 flex items-center justify-center h-[240px]", children: /* @__PURE__ */ v.jsx(
+      children: /* @__PURE__ */ v.jsx("div", { className: "grid grid-cols-12 gap-[24px] items-center h-full", children: n ? /* @__PURE__ */ v.jsx("div", { className: "col-span-12 flex items-center justify-center h-[240px]", children: /* @__PURE__ */ v.jsx(
         Lo,
         {
           title: "No Amenity Found",
@@ -53979,9 +53978,9 @@ function _pe({ data: e, currencyType: t }) {
           /* @__PURE__ */ v.jsx("div", { className: "divide-y divide-[#F1F5F9]", children: i?.map?.((l, c) => /* @__PURE__ */ v.jsxs(
             "div",
             {
-              className: "grid grid-cols-2 px-4 py-4 text-[14px] text-[#121212]",
+              className: "grid grid-cols-2 px-[16px] py-[16px] text-[14px] text-[#121212]",
               children: [
-                /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[12px]", children: [
                   /* @__PURE__ */ v.jsx(
                     "span",
                     {
@@ -54050,16 +54049,16 @@ const of = ["#8CB33E", "#F59E0B", "#3B82F6", "#06B6D4", "#CFCFCF"], rfe = [
       ] })
     ] }),
     /* @__PURE__ */ v.jsx("div", { className: "flex-1 max-w-[280px]", children: /* @__PURE__ */ v.jsxs("div", { className: "rounded-[12px] overflow-hidden bg-white", children: [
-      /* @__PURE__ */ v.jsxs("div", { className: "flex items-center justify-between px-4 py-3 bg-[#F8FAFC]", children: [
+      /* @__PURE__ */ v.jsxs("div", { className: "flex items-center justify-between px-[16px] py-[12px] bg-[#F8FAFC]", children: [
         /* @__PURE__ */ v.jsx("div", { className: "text-[12px] font-medium text-[#64748B]", children: "Asset" }),
         /* @__PURE__ */ v.jsx("div", { className: "text-[12px] font-medium text-[#64748B]", children: "Count" })
       ] }),
       n.map((i, o) => /* @__PURE__ */ v.jsxs(
         "div",
         {
-          className: "flex items-center justify-between px-4 py-3 border-t border-[#F1F5F9]",
+          className: "flex items-center justify-between px-[16px] py-[12px] border-t border-[#F1F5F9]",
           children: [
-            /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px]", children: [
               /* @__PURE__ */ v.jsx(
                 "div",
                 {
@@ -54078,11 +54077,46 @@ const of = ["#8CB33E", "#F59E0B", "#3B82F6", "#06B6D4", "#CFCFCF"], rfe = [
   ] }) });
 }, Ope = ({ data: e }) => {
   const [t, n] = Fe({}), r = [
-    { name: "Lifts", Cancelled: 55, Closed: 45, Open: 50, OnHold: 20, InProgress: 10 },
-    { name: "Fire Systems", Cancelled: 15, Closed: 45, Open: 15, OnHold: 8, InProgress: 5 },
-    { name: "Generators", Cancelled: 12, Closed: 45, Open: 75, OnHold: 18, InProgress: 7 },
-    { name: "HVAC", Cancelled: 45, Closed: 80, Open: 30, OnHold: 22, InProgress: 12 },
-    { name: "Others", Cancelled: 18, Closed: 18, Open: 45, OnHold: 9, InProgress: 4 }
+    {
+      name: "Lifts",
+      Cancelled: 55,
+      Closed: 45,
+      Open: 50,
+      OnHold: 20,
+      InProgress: 10
+    },
+    {
+      name: "Fire Systems",
+      Cancelled: 15,
+      Closed: 45,
+      Open: 15,
+      OnHold: 8,
+      InProgress: 5
+    },
+    {
+      name: "Generators",
+      Cancelled: 12,
+      Closed: 45,
+      Open: 75,
+      OnHold: 18,
+      InProgress: 7
+    },
+    {
+      name: "HVAC",
+      Cancelled: 45,
+      Closed: 80,
+      Open: 30,
+      OnHold: 22,
+      InProgress: 12
+    },
+    {
+      name: "Others",
+      Cancelled: 18,
+      Closed: 18,
+      Open: 45,
+      OnHold: 9,
+      InProgress: 4
+    }
   ], i = B.useMemo(() => e ? Array.isArray(e) && e.length === 0 ? [] : e : r, [e]), o = (a) => {
     const { dataKey: s } = a;
     n((l) => ({
@@ -54090,19 +54124,27 @@ const of = ["#8CB33E", "#F59E0B", "#3B82F6", "#06B6D4", "#CFCFCF"], rfe = [
       [s]: !l[s]
     }));
   };
-  return Array.isArray(e) && e.length === 0 ? /* @__PURE__ */ v.jsx(yn, { title: "Maintenance Status", titleWeight: "semi-bold", className: "h-full", children: /* @__PURE__ */ v.jsx("div", { className: "w-full h-[260px] flex items-center justify-center", children: /* @__PURE__ */ v.jsx(
-    Lo,
+  return Array.isArray(e) && e.length === 0 ? /* @__PURE__ */ v.jsx(
+    yn,
     {
-      title: "No Maintenance Assets Status Found",
-      description: "Catch up all the data. Change the date range to see the data."
+      title: "Maintenance Status",
+      titleWeight: "semi-bold",
+      className: "h-full",
+      children: /* @__PURE__ */ v.jsx("div", { className: "w-full h-[260px] flex items-center justify-center", children: /* @__PURE__ */ v.jsx(
+        Lo,
+        {
+          title: "No Maintenance Assets Status Found",
+          description: "Catch up all the data. Change the date range to see the data."
+        }
+      ) })
     }
-  ) }) }) : /* @__PURE__ */ v.jsx(yn, { title: "Maintenance Status", titleWeight: "semi-bold", className: "h-full", children: /* @__PURE__ */ v.jsx("div", { className: "w-full h-[260px] flex items-center justify-center", children: Array.isArray(e) && e.length === 0 ? /* @__PURE__ */ v.jsx("div", { className: "text-[#94A3B8] text-sm", children: "No Data Found" }) : /* @__PURE__ */ v.jsx("div", { className: "relative w-full h-[297px] mt-[20px]", children: /* @__PURE__ */ v.jsx(zt, { width: "100%", height: "100%", children: /* @__PURE__ */ v.jsxs(
+  ) : /* @__PURE__ */ v.jsx(yn, { title: "Maintenance Status", titleWeight: "semi-bold", className: "h-full", children: /* @__PURE__ */ v.jsx("div", { className: "w-full h-[260px] flex items-center justify-center", children: Array.isArray(e) && e.length === 0 ? /* @__PURE__ */ v.jsx("div", { className: "text-[#94A3B8] text-sm", children: "No Data Found" }) : /* @__PURE__ */ v.jsx("div", { className: "relative w-full h-[297px] mt-[20px]", children: /* @__PURE__ */ v.jsx(zt, { width: "100%", height: "100%", children: /* @__PURE__ */ v.jsxs(
     ga,
     {
       data: i,
       barSize: 54,
       barCategoryGap: "40%",
-      margin: { top: 20, right: 20, left: -30, bottom: 20 },
+      margin: { top: 20, right: 20, left: -20, bottom: 0 },
       children: [
         /* @__PURE__ */ v.jsx(
           Jr,
@@ -54147,11 +54189,11 @@ const of = ["#8CB33E", "#F59E0B", "#3B82F6", "#06B6D4", "#CFCFCF"], rfe = [
             verticalAlign: "bottom",
             align: "center",
             onClick: o,
-            content: ({ payload: a }) => /* @__PURE__ */ v.jsx("div", { className: "flex items-center justify-center gap-4 pt-4 flex-wrap", children: a.map((s, l) => /* @__PURE__ */ v.jsxs(
+            content: ({ payload: a }) => /* @__PURE__ */ v.jsx("div", { className: "flex items-center justify-center gap-[16px] pt-4 flex-wrap", children: a.map((s, l) => /* @__PURE__ */ v.jsxs(
               "div",
               {
                 onClick: () => o({ dataKey: s.dataKey }),
-                className: "flex items-center gap-2 cursor-pointer",
+                className: "flex items-center gap-[8px] cursor-pointer",
                 children: [
                   /* @__PURE__ */ v.jsx(
                     "div",
@@ -54180,11 +54222,52 @@ const of = ["#8CB33E", "#F59E0B", "#3B82F6", "#06B6D4", "#CFCFCF"], rfe = [
             )) })
           }
         ),
-        /* @__PURE__ */ v.jsx(Wn, { dataKey: "Open", stackId: "a", fill: "#3B82F6", hide: t.Open }),
-        /* @__PURE__ */ v.jsx(Wn, { dataKey: "Closed", stackId: "a", fill: "#10B981", hide: t.Closed }),
-        /* @__PURE__ */ v.jsx(Wn, { dataKey: "Cancelled", stackId: "a", fill: "#B91C1C", hide: t.Cancelled }),
-        /* @__PURE__ */ v.jsx(Wn, { dataKey: "OnHold", stackId: "a", fill: "#64748B", hide: t.OnHold }),
-        /* @__PURE__ */ v.jsx(Wn, { dataKey: "InProgress", stackId: "a", fill: "#F59E0B", hide: t.InProgress, name: "In Progress" })
+        /* @__PURE__ */ v.jsx(
+          Wn,
+          {
+            dataKey: "Open",
+            stackId: "a",
+            fill: "#3B82F6",
+            hide: t.Open
+          }
+        ),
+        /* @__PURE__ */ v.jsx(
+          Wn,
+          {
+            dataKey: "Closed",
+            stackId: "a",
+            fill: "#10B981",
+            hide: t.Closed
+          }
+        ),
+        /* @__PURE__ */ v.jsx(
+          Wn,
+          {
+            dataKey: "Cancelled",
+            stackId: "a",
+            fill: "#B91C1C",
+            hide: t.Cancelled
+          }
+        ),
+        /* @__PURE__ */ v.jsx(
+          Wn,
+          {
+            dataKey: "OnHold",
+            stackId: "a",
+            fill: "#64748B",
+            hide: t.OnHold
+          }
+        ),
+        /* @__PURE__ */ v.jsx(
+          Wn,
+          {
+            dataKey: "InProgress",
+            stackId: "a",
+            fill: "#F59E0B",
+            hide: t.InProgress,
+            name: "In Progress"
+          }
+        )
       ]
     }
   ) }) }) }) });
@@ -54291,7 +54374,7 @@ function Ppe({ incidentReports: e, incidentReportsDetails: t }) {
           return /* @__PURE__ */ v.jsxs(
             "div",
             {
-              className: "flex items-center justify-between p-3 bg-[#FAFBFD] rounded-md",
+              className: "flex items-center justify-between p-[12px] bg-[#FAFBFD] rounded-md",
               children: [
                 /* @__PURE__ */ v.jsx("div", { className: "flex items-center gap-[8px]", children: /* @__PURE__ */ v.jsx("div", { className: "text-gray-700 font-medium", children: o?.incident_code }) }),
                 /* @__PURE__ */ v.jsx(
@@ -54352,13 +54435,20 @@ function kpe({
   pageOptions: l = [10, 20, 30, 40, 50]
 }) {
   const c = Array.isArray(t) ? t : [], u = Array.isArray(e) ? e : [], d = n > 0 ? Math.ceil(c.length / n) : 1, f = s || d, p = c, h = n - p.length > 0 ? n - p.length : 0, m = a === 0 && c.length === 0;
-  return console.log("safeData:", c), console.log("currentData:", p), /* @__PURE__ */ v.jsxs("div", { className: "w-full bg-white rounded-xl h-[390px] shadow-md overflow-hidden flex flex-col", children: [
+  return console.log("safeData:", c), console.log("currentData:", p), /* @__PURE__ */ v.jsxs("div", { className: "w-full bg-white rounded-[12px] h-[390px] shadow-md overflow-hidden flex flex-col", children: [
     /* @__PURE__ */ v.jsx(
       "div",
       {
         className: "grid bg-[#354A5E] text-white text-[16px] leading-[20px] font-medium",
         style: { gridTemplateColumns: `repeat(${u.length}, 1fr)` },
-        children: u.map((g, b) => /* @__PURE__ */ v.jsx("div", { className: "px-6 py-4 text-[16px] leading-[20px] whitespace-nowrap text-center", children: g.label }, b))
+        children: u.map((g, b) => /* @__PURE__ */ v.jsx(
+          "div",
+          {
+            className: "px-[24px] py-[16px] text-[16px] leading-[20px] whitespace-nowrap text-center",
+            children: g.label
+          },
+          b
+        ))
       }
     ),
     /* @__PURE__ */ v.jsx("div", { className: "flex-1 overflow-y-auto", children: m ? /* @__PURE__ */ v.jsx(
@@ -54380,11 +54470,11 @@ function kpe({
             return /* @__PURE__ */ v.jsx(
               "div",
               {
-                className: `px-6 py-4 flex items-center justify-center ${w === 0 ? "bg-white" : "bg-gray-50"}`,
+                className: `px-[24px] py-[16px] flex items-center justify-center ${w === 0 ? "bg-white" : "bg-gray-50"}`,
                 children: _ ? /* @__PURE__ */ v.jsx(
                   "div",
                   {
-                    className: `inline-block px-3 py-1 rounded-full text-[14px] font-medium ${E}`,
+                    className: `inline-block px-[12px] py-[4px] rounded-full text-[14px] font-medium ${E}`,
                     children: x
                   }
                 ) : /* @__PURE__ */ v.jsx("div", { children: x ?? "-" })
@@ -54405,7 +54495,7 @@ function kpe({
           children: u.map((S, w) => /* @__PURE__ */ v.jsx(
             "div",
             {
-              className: `px-6 py-4 ${w === 0 ? "bg-white" : "bg-gray-50"}`,
+              className: `px-[24px] py-[16px] ${w === 0 ? "bg-white" : "bg-gray-50"}`,
               children: " "
             },
             w
@@ -54414,8 +54504,8 @@ function kpe({
         `empty-${b}`
       ))
     ] }) }),
-    /* @__PURE__ */ v.jsxs("div", { className: "flex justify-end items-center px-6 py-4 text-sm bg-white border-t border-[#F0F0F0] gap-8", children: [
-      /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-2 text-gray-600 text-[14px]", children: [
+    /* @__PURE__ */ v.jsxs("div", { className: "flex justify-end items-center px-[24px] py-[16px] text-sm bg-white border-t border-[#F0F0F0] gap-[32px]", children: [
+      /* @__PURE__ */ v.jsxs("div", { className: "flex items-center gap-[8px] text-gray-600 text-[14px]", children: [
         /* @__PURE__ */ v.jsx("div", { children: "Rows per page:" }),
         /* @__PURE__ */ v.jsx(
           "select",
@@ -54424,14 +54514,14 @@ function kpe({
             onChange: (g) => {
               r(Number(g.target.value)), o(1);
             },
-            className: "border rounded px-2 py-1",
+            className: "border rounded px-[8px] py-[4px]",
             children: l.map((g, b) => /* @__PURE__ */ v.jsx("option", { value: g, children: g }, b))
           }
         ),
         /* @__PURE__ */ v.jsxs("div", { className: "ml-4 text-[14px]", children: [
           c?.length === 0 ? "0–0" : `1–${c?.length}`,
+          " of",
           " ",
-          "of ",
           a || c?.length
         ] })
       ] }),
@@ -54441,7 +54531,7 @@ function kpe({
           {
             onClick: () => o(1),
             disabled: i === 1,
-            className: "p-2 rounded hover:bg-gray-100 disabled:opacity-40",
+            className: "p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",
             children: /* @__PURE__ */ v.jsx(nde, { size: 18 })
           }
         ),
@@ -54450,7 +54540,7 @@ function kpe({
           {
             onClick: () => o((g) => g - 1),
             disabled: i === 1,
-            className: "p-2 rounded hover:bg-gray-100 disabled:opacity-40",
+            className: "p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",
             children: /* @__PURE__ */ v.jsx(nI, { size: 18 })
           }
         ),
@@ -54459,7 +54549,7 @@ function kpe({
           {
             onClick: () => o((g) => g + 1),
             disabled: i === f,
-            className: "p-2 rounded hover:bg-gray-100 disabled:opacity-40",
+            className: "p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",
             children: /* @__PURE__ */ v.jsx(rI, { size: 18 })
           }
         ),
@@ -54468,7 +54558,7 @@ function kpe({
           {
             onClick: () => o(f),
             disabled: i === f,
-            className: "p-2 rounded hover:bg-gray-100 disabled:opacity-40",
+            className: "p-[8px] rounded hover:bg-gray-100 disabled:opacity-40",
             children: /* @__PURE__ */ v.jsx(ide, { size: 18 })
           }
         )