@stlhorizon/vue-ui 3.27.6 → 3.27.8

package/dist/index.esm.js

@@ -6772,7 +6772,7 @@ const H = {
       K(a.$slots, "default")
     ], 2));
   }
-}), hd = { class: "relative w-full bg-(--ui-bg) rounded-md" }, pd = { class: "relative" }, yd = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], bd = { class: "flex items-center justify-between mb-3" }, xd = { class: "text-sm font-semibold ui-text" }, wd = { class: "grid grid-cols-7 gap-1 mb-1" }, kd = { class: "grid grid-cols-7 gap-1" }, $d = ["disabled", "onClick"], Cd = {
+}), hd = { class: "relative w-full bg-(--ui-surface) rounded-md" }, pd = { class: "relative" }, yd = ["id", "value", "disabled", "placeholder", "required", "aria-describedby"], bd = { class: "flex items-center justify-between mb-3" }, xd = { class: "text-sm font-semibold ui-text" }, wd = { class: "grid grid-cols-7 gap-1 mb-1" }, kd = { class: "grid grid-cols-7 gap-1" }, $d = ["disabled", "onClick"], Cd = {
   key: 0,
   class: "mt-3 pt-2 border-t ui-border"
 }, Kt = {
@@ -7013,7 +7013,7 @@ const H = {
               ref_key: "calendarRef",
               ref: i,
               style: he(u.value),
-              class: "fixed z-10000 rounded-lg shadow-xl p-3 w-64 --ui-bg ui-border-strong",
+              class: "fixed z-10000 rounded-lg shadow-xl p-3 w-64 ui-surface ui-border-strong",
               onClick: ue[0] || (ue[0] = we(() => {
               }, ["stop"]))
             }, [
@@ -7814,7 +7814,7 @@ const H = {
   emits: ["update:modelValue", "close"],
   setup(e, { emit: a }) {
     const t = ee(
-      "ui-surface ui-border relative w-full max-h-[100vh] overflow-y-auto rounded-xl shadow-lg duration-200 p-0 overflow-hidden",
+      "ui-surface-strong ui-border relative w-full max-h-[100vh] overflow-y-auto rounded-xl shadow-lg duration-200 p-4 overflow-hidden",
       {
         variants: {
           size: {
@@ -7860,7 +7860,7 @@ const H = {
         default: J(() => [
           e.modelValue ? (s(), l("div", {
             key: 0,
-            class: m(["fixed ui-bg inset-0 z-50 backdrop-blur-2xl flex items-center justify-center", { "pointer-events-none": e.resizable }]),
+            class: m(["fixed inset-0 z-9999 backdrop-blur-3xl flex items-center justify-center", { "pointer-events-none": e.resizable }]),
             onClick: u
           }, [
             r("div", {
@@ -9217,7 +9217,7 @@ const Cc = {
         default: J(() => [
           o.value ? (s(), l("div", {
             key: 0,
-            class: m(["absolute z-99999 mt-2 rounded-lg shadow-lg p-4 ui-bg", e.calendarPosition]),
+            class: m(["absolute z-99999 mt-2 rounded-lg shadow-lg p-4 ui-surface", e.calendarPosition]),
             onClick: D[0] || (D[0] = we(() => {
             }, ["stop"]))
           }, [
@@ -9466,7 +9466,7 @@ const Cc = {
       ], 2)) : g("", !0)
     ], 2));
   }
-}, Lf = { class: "w-full h-full relative" }, If = ["width", "height", "viewBox"], Nf = { key: 0 }, Rf = ["x1", "y1", "x2", "y2", "stroke"], Uf = ["id"], qf = ["stop-color"], Yf = ["stop-color"], Hf = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], Wf = ["to"], Gf = ["from", "to"], Kf = { key: 1 }, Xf = ["x", "y"], Jf = { key: 2 }, Qf = ["x", "y"], Zf = { key: 3 }, em = ["x", "y"], tm = { key: 4 }, am = ["x"], nm = ["x1", "y1", "x2", "y2"], sm = ["x1", "y1", "x2", "y2"], rm = { class: "--ui-bg ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-[160px]" }, om = { class: "flex items-center gap-2 mb-1" }, im = { class: "font-semibold text-sm" }, lm = { class: "ml-5" }, um = { class: "text-2xl font-bold" }, Hs = {
+}, Lf = { class: "ui-surface w-full h-full relative" }, If = ["width", "height", "viewBox"], Nf = { key: 0 }, Rf = ["x1", "y1", "x2", "y2", "stroke"], Uf = ["id"], qf = ["stop-color"], Yf = ["stop-color"], Hf = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], Wf = ["to"], Gf = ["from", "to"], Kf = { key: 1 }, Xf = ["x", "y"], Jf = { key: 2 }, Qf = ["x", "y"], Zf = { key: 3 }, em = ["x", "y"], tm = { key: 4 }, am = ["x"], nm = ["x1", "y1", "x2", "y2"], sm = ["x1", "y1", "x2", "y2"], rm = { class: "ui--surface ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-40" }, om = { class: "flex items-center gap-2 mb-1" }, im = { class: "font-semibold text-sm" }, lm = { class: "ml-5" }, um = { class: "text-2xl font-bold" }, Hs = {
   __name: "BarChart",
   props: {
     data: {
@@ -9704,7 +9704,7 @@ const Cc = {
           pointerEvents: "none",
           zIndex: 9999
         }),
-        class: "animate-in fade-in duration-200"
+        class: "ui-surface-strong animate-in fade-in duration-200"
       }, [
         r("div", rm, [
           r("div", om, [
@@ -9717,12 +9717,12 @@ const Cc = {
           r("div", lm, [
             r("span", um, k(o.value.value) + "%", 1)
           ]),
-          F[0] || (F[0] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 --ui-bg border-r border-b ui-border-strong" }, null, -1))
+          F[0] || (F[0] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 ui-surface border-r border-b ui-border-strong" }, null, -1))
         ])
       ], 4)) : g("", !0)
     ]));
   }
-}, dm = { class: "w-full h-full" }, cm = ["width", "height", "viewBox"], fm = { key: 0 }, mm = ["x1", "y1", "x2", "y2", "stroke"], vm = ["d", "stroke", "stroke-width"], gm = { key: 1 }, hm = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], pm = ["d", "fill", "fill-opacity"], ym = { key: 3 }, bm = ["x", "y"], xm = { key: 4 }, wm = ["x", "y"], km = { key: 5 }, $m = ["x", "y", "width", "height", "fill", "stroke"], Cm = ["x", "y"], Ws = {
+}, dm = { class: "ui-surface w-full h-full" }, cm = ["width", "height", "viewBox"], fm = { key: 0 }, mm = ["x1", "y1", "x2", "y2", "stroke"], vm = ["d", "stroke", "stroke-width"], gm = { key: 1 }, hm = ["cx", "cy", "r", "fill", "stroke", "onMouseenter"], pm = ["d", "fill", "fill-opacity"], ym = { key: 3 }, bm = ["x", "y"], xm = { key: 4 }, wm = ["x", "y"], km = { key: 5 }, $m = ["x", "y", "width", "height", "fill", "stroke"], Cm = ["x", "y"], Ws = {
   __name: "LineChart",
   props: {
     data: {
@@ -13072,7 +13072,7 @@ const Cc = {
       ], 2);
     };
   }
-}, qg = { class: "flex items-center justify-between h-14 sm:h-16 px-3 sm:px-4 md:px-6" }, Yg = { class: "flex items-center gap-2 sm:gap-4 min-w-0 flex-1" }, Hg = {
+}, qg = { class: "flex items-center justify-between h-20 sm:h-20 px-3 sm:px-4 md:px-6" }, Yg = { class: "flex items-center gap-2 sm:gap-4 min-w-0 flex-1" }, Hg = {
   key: 1,
   class: "shrink-0 hidden sm:block"
 }, Wg = ["src"], Gg = {
@@ -13080,13 +13080,13 @@ const Cc = {
   class: "h-6 sm:h-8 w-px ui-bg shrink-0 hidden sm:block"
 }, Kg = {
   key: 3,
-  class: "shrink-0 bg-linear-to-r from-(--ui-primary-soft) via-(--ui-accent-soft) to-(--ui-accent-soft) px-2 py-1.5 rounded-lg border border-(--ui-primary-soft) shadow-sm flex items-center gap-2 relative hover:shadow-md transition-shadow max-w-40 sm:max-w-xs"
+  class: "shrink-0 ui-bg border ui-border-strong px-2.5 py-1.5 rounded-lg shadow-2xs flex items-center gap-2 relative hover:bg-(--ui-surface) transition-colors max-w-40 sm:max-w-md"
 }, Xg = {
   key: 0,
   class: "shrink-0"
-}, Jg = { class: "relative" }, Qg = ["src", "alt"], Zg = { class: "min-w-0 flex-1" }, eh = { class: "text-xs font-bold ui-primary truncate max-w-[100px] sm:max-w-40 group-hover:text-(--ui-primary) leading-tight" }, th = { class: "flex items-center gap-1 mt-0.5" }, ah = {
+}, Jg = { class: "relative" }, Qg = ["src", "alt"], Zg = { class: "flex-1 min-w-0" }, eh = { class: "text-sm font-bold ui-text truncate group-hover:text-(--ui-primary) leading-tight" }, th = { class: "flex items-center gap-1.5" }, ah = {
   key: 0,
-  class: "text-[10px] sm:text-xs ui-primary truncate font-medium leading-tight"
+  class: "text-sm ui-primary truncate font-bold leading-tight"
 }, nh = {
   key: 2,
   class: "min-w-0 flex-1"
@@ -13095,19 +13095,19 @@ const Cc = {
   class: "text-[10px] sm:text-xs ui-primary truncate font-medium leading-tight"
 }, ih = {
   key: 0,
-  class: "absolute top-full left-0 right-0 sm:left-0 sm:right-auto mt-2 w-full sm:w-80 rounded-xl shadow-xl z-50 max-h-96 overflow-hidden"
-}, lh = { class: "p-3 sm:p-4 border-b ui-border-strong bg-linear-to-r from-(--ui-primary-soft) to-(--ui-accent-soft)" }, uh = { class: "text-sm font-bold ui-text flex items-center gap-2" }, dh = { class: "text-xs ui-text mt-1" }, ch = { class: "py-2 max-h-80 overflow-y-auto" }, fh = ["onClick"], mh = {
+  class: "ui-surface-strong absolute top-full left-0 right-0 sm:left-0 sm:right-auto mt-2 lg:w-80 w-72 rounded-xl shadow-xl z-50 max-h-96 overflow-hidden"
+}, lh = { class: "p-3 sm:p-4 border-b ui-border-strong bg-linear-to-r from-(--ui-primary-soft) to-(--ui-accent-soft)" }, uh = { class: "text-md font-bold ui-text flex items-center gap-2" }, dh = { class: "text-xs ui-text mt-1" }, ch = { class: "py-2 max-h-80 overflow-y-auto" }, fh = ["onClick"], mh = {
   key: 0,
   class: "shrink-0 mr-2 sm:mr-3"
 }, vh = ["src", "alt"], gh = {
   key: 1,
   class: "w-7 h-7 sm:w-8 sm:h-8 rounded-lg bg-linear-to-br from-(--ui-bg) to-(--ui-bg) flex items-center justify-center mr-2 sm:mr-3 shrink-0"
-}, hh = { class: "flex-1 text-left min-w-0" }, ph = { class: "font-semibold truncate text-sm" }, yh = {
+}, hh = { class: "flex-1 text-left min-w-0" }, ph = { class: "font-semibold truncate text-md" }, yh = {
   key: 0,
   class: "text-xs ui-text truncate"
 }, bh = {
   key: 4,
-  class: "hidden lg:flex items-center space-x-2 text-sm truncate"
+  class: "hidden lg:flex items-center space-x-2 text-md truncate"
 }, xh = { class: "ui-text truncate" }, wh = { class: "ui-text font-semibold truncate" }, kh = { class: "flex ui-bg items-center space-x-1 sm:space-x-2 md:space-x-3" }, $h = {
   key: 0,
   class: "relative"
@@ -13116,14 +13116,14 @@ const Cc = {
   class: "absolute -top-0.5 -right-0.5 sm:-top-1 sm:-right-1 min-w-4 h-4 sm:min-w-[18px] sm:h-[18px] ui-danger-bg ui-text text-[10px] sm:text-xs rounded-full flex items-center justify-center font-semibold px-0.5 sm:px-1"
 }, Ah = {
   key: 0,
-  class: "ui-bg absolute right-2 sm:right-4 md:right-6 top-14 sm:top-16 mt-2 w-[calc(100vw-1rem)] max-w-sm sm:w-80 md:w-96 rounded-2xl shadow-xl z-50"
-}, Dh = { class: "p-3 sm:p-4 border-b ui-border-strong bg-linear-to-r from-(--ui-primary-soft) to-(--ui-accent-soft) rounded-lg" }, Mh = { class: "text-sm sm:text-base font-bold ui-text" }, Th = {
+  class: "ui-bg absolute right-2 sm:right-4 md:right-6 top-14 sm:top-16 mt-2 w-[calc(100vw-1rem)] max-w-sm sm:w-80 md:w-96 rounded-2xl shadow-xl z-9999"
+}, Dh = { class: "p-3 sm:p-4 border-b ui-border-strong bg-linear-to-r from-(--ui-primary-soft) to-(--ui-accent-soft) rounded-lg" }, Mh = { class: "text-md sm:text-base font-bold ui-text" }, Th = {
   key: 0,
   class: "text-xs ui-text mt-1"
 }, Vh = { class: "max-h-[60vh] sm:max-h-96 overflow-y-auto" }, Fh = {
   key: 0,
   class: "p-6 sm:p-8 text-center"
-}, Bh = ["onClick"], _h = { class: "flex items-start space-x-2 sm:space-x-3" }, jh = { class: "flex-1 min-w-0" }, Oh = { class: "flex items-start justify-between gap-2" }, Ph = { class: "text-xs sm:text-sm font-semibold ui-text flex-1 leading-tight" }, Eh = {
+}, Bh = ["onClick"], _h = { class: "flex items-start space-x-2 sm:space-x-3" }, jh = { class: "flex-1 min-w-0" }, Oh = { class: "flex items-start justify-between gap-2" }, Ph = { class: "text-xs sm:text-md font-semibold ui-text flex-1 leading-tight" }, Eh = {
   key: 0,
   class: "shrink-0 w-2 h-2 mt-1 ui-primary-bg rounded-full"
 }, Lh = {
@@ -13135,16 +13135,16 @@ const Cc = {
 }, qh = { class: "truncate max-w-[100px] sm:max-w-none" }, Yh = { class: "text-[10px] sm:text-xs ui-text mt-1.5 sm:mt-2 flex items-center" }, Hh = {
   key: 0,
   class: "p-2 sm:p-3 text-center border-t ui-border-strong ui-surface-muted"
-}, Wh = { class: "relative ui-bg" }, Gh = { class: "w-7 h-7 sm:w-8 sm:h-8 bg-linear-to-br from-(--ui-primary-soft) to-(--ui-accent-soft) rounded-full flex items-center justify-center transition-colors shadow-sm" }, Kh = { class: "ui-primary text-xs sm:text-sm font-medium" }, Xh = {
+}, Wh = { class: "relative" }, Gh = { class: "w-7 h-7 sm:w-8 sm:h-8 bg-linear-to-br from-(--ui-primary-soft) to-(--ui-accent-soft) rounded-full flex items-center justify-center transition-colors shadow-sm" }, Kh = { class: "ui-primary text-xs sm:text-sm font-semibold" }, Xh = {
   key: 0,
-  class: "hidden md:block text-left max-w-40 truncate"
-}, Jh = { class: "text-sm font-medium ui-text truncate" }, Qh = { class: "text-xs ui-text truncate leading-tight" }, Zh = {
+  class: "hidden md:block text-left max-w-40 min-w-0"
+}, Jh = { class: "text-sm font-bold ui-text truncate leading-tight" }, Qh = { class: "text-sm ui-primary font-bold truncate leading-tight" }, Zh = {
   key: 0,
   class: "ui-surface absolute right-0 mt-4 w-56 sm:w-58 rounded-lg shadow-lg z-50"
-}, ep = { class: "p-3 sm:p-4 border-b ui-border-strong" }, tp = { class: "text-sm font-medium ui-text truncate" }, ap = { class: "text-xs ui-text truncate" }, np = { class: "py-2" }, sp = {
+}, ep = { class: "p-3 sm:p-4 border-b ui-border-strong" }, tp = { class: "text-md font-medium ui-text truncate" }, ap = { class: "text-xs ui-text truncate" }, np = { class: "py-2" }, sp = {
   key: 0,
   class: "absolute left-0 top-1/2 transform -translate-y-1/2 w-1 h-6 sm:h-8 bg-linear-to-b from-(--ui-primary) to-(--ui-primary) rounded-r-full"
-}, rp = ["onClick"], op = { class: "flex items-center justify-center w-7 h-7 sm:w-8 sm:h-8 rounded-lg mr-2 sm:mr-3 shrink-0 transition-colors ml-1 sm:ml-2 ui-surface-muted ui-text group-hover:bg-(--ui-bg)" }, ip = { class: "flex-1 truncate font-semibold ui-text text-xs sm:text-sm" }, lp = { class: "border-t ui-border-strong py-2" }, up = { class: "flex items-center justify-center w-7 h-7 sm:w-8 sm:h-8 rounded-lg mr-1 sm:mr-1 shrink-0 transition-colors ml-1 sm:ml-2 ui-danger-soft ui-danger group-hover:bg-(--ui-danger-soft)" }, dp = {
+}, rp = ["onClick"], op = { class: "flex items-center justify-center w-7 h-7 sm:w-8 sm:h-8 rounded-lg mr-2 sm:mr-3 shrink-0 transition-colors ml-1 sm:ml-2 ui-surface-muted ui-text group-hover:bg-(--ui-bg)" }, ip = { class: "flex-1 truncate font-semibold ui-text text-xs sm:text-md" }, lp = { class: "border-t ui-border-strong py-2" }, up = { class: "flex items-center justify-center w-7 h-7 sm:w-8 sm:h-8 rounded-lg mr-1 sm:mr-1 shrink-0 transition-colors ml-1 sm:ml-2 ui-danger-soft ui-danger group-hover:bg-(--ui-danger-soft)" }, dp = {
   __name: "Header",
   props: {
     sidebarWidth: { type: Number, default: 256 },
@@ -13255,7 +13255,7 @@ const Cc = {
       const v = $e("router-link");
       return s(), l("header", {
         class: m(Z(P)(
-          "fixed top-0 z-50 ui-bg border-b ui-border-strong  transition-all duration-300 ease-in-out w-full"
+          "fixed top-0 z-9999 ui-bg border-b ui-border-strong  transition-all duration-300 ease-in-out w-full"
         )),
         style: { left: "0" }
       }, [
@@ -13292,7 +13292,7 @@ const Cc = {
               ])) : g("", !0),
               e.organisations.length > 1 ? (s(), l("button", {
                 key: 1,
-                class: "flex items-center gap-1.5 min-w-0 cursor-pointer hover:bg-[color:color-mix(in oklab, var(--ui-surface), transparent 50%)] rounded-md px-1.5 py-0.5 transition-all group flex-1",
+                class: "flex items-center gap-8 w-56 cursor-pointer hover:bg-[color:color-mix(in oklab, var(--ui-surface), transparent 50%)] rounded-md px-1 py-1 transition-all group",
                 onClick: S
               }, [
                 r("div", Zg, [
@@ -13300,14 +13300,15 @@ const Cc = {
                   r("div", th, [
                     V(H, {
                       icon: "user",
-                      class: "w-2.5 h-2.5 ui-primary shrink-0"
+                      size: "lg",
+                      class: "ui-primary shrink-0"
                     }),
                     _.value ? (s(), l("p", ah, k(_.value), 1)) : g("", !0)
                   ])
                 ]),
                 V(H, {
                   icon: "chevron-down",
-                  class: m(["w-3 h-3 ui-primary shrink-0 group-hover:text-(--ui-primary) transition-transform", { "rotate-180": w.value }])
+                  class: m(["w-4 h-4 ui-primary shrink-0 group-hover:text-(--ui-primary) transition-transform", { "rotate-180": w.value }])
                 }, null, 8, ["class"])
               ])) : (s(), l("div", nh, [
                 r("p", sh, k(e.currentOrganisation.organisation_name), 1),
@@ -13343,7 +13344,7 @@ const Cc = {
                       (s(!0), l(W, null, X(e.organisations, (p) => (s(), l("button", {
                         key: p.org_id || p.organisation_name,
                         class: m(Z(P)(
-                          "flex items-center w-full px-3 sm:px-4 py-2.5 sm:py-3 text-sm transition-all group",
+                          "flex items-center w-full px-3 sm:px-4 py-2.5 sm:py-3 text-md transition-all group",
                           p.org_id === e.currentOrganisation?.org_id ? "bg-linear-to-r from-(--ui-primary-soft) to-(--ui-accent-soft) ui-primary border-l-4 border-(--ui-primary)" : "ui-text hover:bg-(--ui-surface) border-l-4 border-transparent"
                         )),
                         onClick: (f) => B(p)
@@ -13397,7 +13398,7 @@ const Cc = {
                 "onUpdate:modelValue": j[1] || (j[1] = (p) => o.value = p),
                 type: "text",
                 placeholder: e.searchPlaceholder,
-                class: "ui-bg pl-8 sm:pl-10 pr-8 sm:pr-4 py-1.5 sm:py-2 w-36 sm:w-48 md:w-64 text-xs sm:text-sm border ui-border-strong rounded-lg focus:ring-2 focus:ring-(--ui-primary) focus:border-(--ui-primary) outline-none transition-all ui-surface"
+                class: "ui-bg pl-8 sm:pl-10 pr-8 sm:pr-4 py-1.5 sm:py-2 w-36 sm:w-48 md:w-64 text-xs sm:text-md border ui-border-strong rounded-lg focus:ring-2 focus:ring-(--ui-primary) focus:border-(--ui-primary) outline-none transition-all ui-surface"
               }, null, 8, Sh), [
                 [nt, o.value]
               ]),
@@ -13452,7 +13453,7 @@ const Cc = {
                         icon: "bell",
                         class: "w-10 h-10 sm:w-12 sm:h-12 mx-auto ui-text mb-2"
                       }),
-                      j[5] || (j[5] = r("p", { class: "text-sm ui-text" }, " No notifications ", -1))
+                      j[5] || (j[5] = r("p", { class: "text-md ui-text" }, " No notifications ", -1))
                     ])) : (s(!0), l(W, { key: 1 }, X(e.notifications, (p) => (s(), l("div", {
                       key: p.id,
                       class: m([
@@ -13536,7 +13537,7 @@ const Cc = {
                   ]),
                   e.notifications.length > 0 ? (s(), l("div", Hh, [
                     r("button", {
-                      class: "text-xs sm:text-sm font-semibold ui-primary hover:text-(--ui-primary) transition-colors",
+                      class: "text-xs sm:text-md font-semibold ui-primary hover:text-(--ui-primary) transition-colors",
                       onClick: E
                     }, " View all notifications → ")
                   ])) : g("", !0)
@@ -13546,7 +13547,7 @@ const Cc = {
             }),
             r("div", Wh, [
               r("button", {
-                class: "flex items-center space-x-1 sm:space-x-2 md:space-x-3 p-1 sm:p-2 rounded-lg hover:bg-(--ui-surface) transition-colors",
+                class: "shrink-0 ui-bg border ui-border-strong px-3 py-4 rounded-lg shadow-2xs flex items-start gap-4 relative hover:bg-(--ui-surface) transition-colors max-w-40 sm:max-w-md",
                 onClick: T
               }, [
                 r("div", Gh, [
@@ -13558,7 +13559,7 @@ const Cc = {
                 ])) : g("", !0),
                 V(H, {
                   icon: "chevron-down",
-                  class: "w-3.5 h-3.5 sm:w-4 sm:h-4 ui-text"
+                  class: "w-3.5 h-3.5 ui-text mt-0.5"
                 })
               ]),
               V(be, {
@@ -13583,7 +13584,7 @@ const Cc = {
                           key: 0,
                           to: p.route,
                           class: m(Z(P)(
-                            "flex items-center px-2.5 sm:px-3 py-2 sm:py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
+                            "flex items-center px-2.5 sm:px-3 py-2 sm:py-2.5 rounded-lg text-md font-medium transition-all duration-200 group relative",
                             $(p) ? "bg-linear-to-br from-(--ui-primary-soft) to-(--ui-primary-soft) ui-primary shadow-sm border border-(--ui-primary-soft)" : "ui-text hover:bg-(--ui-surface) hover:text-(--ui-text) border border-transparent"
                           )),
                           onClick: (f) => b(p)
@@ -13604,7 +13605,7 @@ const Cc = {
                             ], 2),
                             r("span", {
                               class: m(Z(P)(
-                                "flex-1 truncate font-semibold text-xs sm:text-sm",
+                                "flex-1 truncate font-semibold text-xs sm:text-md",
                                 $(p) ? "ui-primary" : "ui-text"
                               ))
                             }, k(p.label), 3)
@@ -13612,7 +13613,7 @@ const Cc = {
                           _: 2
                         }, 1032, ["to", "class", "onClick"])) : (s(), l("button", {
                           key: 1,
-                          class: "flex items-center w-full px-2.5 sm:px-3 py-2 sm:py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative ui-text hover:bg-(--ui-surface) hover:text-(--ui-text) border border-transparent",
+                          class: "flex items-center w-full px-2.5 sm:px-3 py-2 sm:py-2.5 rounded-lg text-md font-medium transition-all duration-200 group relative ui-text hover:bg-(--ui-surface) hover:text-(--ui-text) border border-transparent",
                           onClick: (f) => C(p)
                         }, [
                           r("div", op, [
@@ -13628,7 +13629,7 @@ const Cc = {
                     ]),
                     r("div", lp, [
                       r("button", {
-                        class: "flex items-center w-full px-2.5 sm:px-3 py-2 sm:py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative ui-danger hover:bg-(--ui-danger-soft) border border-transparent",
+                        class: "flex items-center w-full px-2.5 sm:px-3 py-2 sm:py-2.5 rounded-lg text-md font-medium transition-all duration-200 group relative ui-danger hover:bg-(--ui-danger-soft) border border-transparent",
                         onClick: F
                       }, [
                         r("div", up, [
@@ -13637,7 +13638,7 @@ const Cc = {
                             class: "w-3.5 h-3.5 sm:w-4 sm:h-4"
                           })
                         ]),
-                        j[6] || (j[6] = r("span", { class: "truncate font-semibold ui-danger text-xs sm:text-sm" }, " Sign out ", -1))
+                        j[6] || (j[6] = r("span", { class: "truncate font-semibold ui-danger text-xs sm:text-md" }, " Sign out ", -1))
                       ])
                     ])
                   ])) : g("", !0)
@@ -15138,7 +15139,7 @@ const Cc = {
 }, Ty = {
   key: 0,
   class: "flex ui-bg items-center justify-between p-4 border-b ui-border-strong shrink-0 lg:hidden"
-}, Vy = { class: "text-lg font-bold ui-text" }, Fy = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, By = { class: "space-y-2" }, _y = { key: 0 }, jy = {
+}, Vy = { class: "text-lg font-bold ui-text" }, Fy = { class: "flex-1 overflow-y-auto overflow-x-hidden p-4" }, By = { class: "space-y-2 mt-2" }, _y = { key: 0 }, jy = {
   key: 0,
   class: "absolute top-2 right-2 inline-flex items-center justify-center w-5 h-5 text-xs font-bold rounded-full ui-danger-bg ui-text"
 }, Oy = ["onClick"], Py = {
@@ -15153,7 +15154,7 @@ const Cc = {
 }, Iy = {
   key: 0,
   class: "absolute top-1.5 right-1.5 w-2 h-2 ui-primary-bg rounded-full"
-}, Ny = { class: "sticky top-0 border-b z-10" }, Ry = { class: "flex items-center justify-between p-4" }, Uy = { class: "flex-1 text-sm font-bold ui-text ml-2" }, qy = {
+}, Ny = { class: "sticky top-0 border-b ui-border z-10" }, Ry = { class: "flex items-center justify-between p-4" }, Uy = { class: "flex-1 text-sm font-bold ui-text ml-2" }, qy = {
   key: 0,
   class: "px-4 pb-3"
 }, Yy = { class: "relative" }, Hy = ["placeholder"], Wy = { class: "absolute left-3 top-1/2 transform -translate-y-1/2 ui-text" }, Gy = {
@@ -15327,7 +15328,7 @@ const Cc = {
         }),
         r("aside", {
           class: m(Z(P)(
-            "fixed left-0 z-9999 ui-bg border-r ui-border-strong overflow-hidden flex flex-col",
+            "fixed left-0 z-40 ui-bg border-r ui-border-strong overflow-hidden flex flex-col",
             "transition-all duration-300 ease-in-out",
             " ",
             i.value ? Z(P)("transform h-screen", z.value ? "translate-x-0" : "-translate-x-full") : "translate-x-0 h-[calc(100vh-4rem)]"
@@ -15469,7 +15470,7 @@ const Cc = {
               key: 0,
               class: m(
                 Z(P)(
-                  "fixed z-40   border-r overflow-y-auto shadow-lg",
+                  "fixed z-40   border-r ui-border overflow-y-auto shadow-lg",
                   i.value ? "left-0 w-52 top-20 h-screen" : "w-56 top-16 h-[calc(100vh-4rem)]"
                 )
               ),
@@ -15544,7 +15545,7 @@ const Cc = {
                     class: m(
                       Z(P)(
                         "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                        h(f) ? "bg-linear-to-br from-(--ui-primary-soft) to-(--ui-primary-soft) ui-primary shadow-sm border border-(--ui-primary-soft)" : "ui-text hover:bg-(--ui-surface) hover:text-(--ui-text) border border-transparent"
+                        h(f) ? "bg-linear-to-br from-(--ui-primary-soft) to-(--ui-primary-soft) ui-primary shadow-sm border border-(--ui-border-strong)" : "ui-text hover:bg-(--ui-surface) hover:text-(--ui-text) border ui-border-strong"
                       )
                     ),
                     onClick: (U) => se(f)
@@ -15594,13 +15595,13 @@ const Cc = {
               key: 0,
               class: m(
                 Z(P)(
-                  "fixed z-40   border-r overflow-y-auto shadow-lg",
+                  "fixed z-40   border-r ui-border-strong overflow-y-auto shadow-lg",
                   i.value ? "left-0 w-52 top-20 h-full" : "w-58 h-[calc(100vh-4rem)]"
                 )
               ),
               style: he({ ...L.value, top: i.value ? "55px" : "4rem" })
             }, [
-              r("div", { class: "sticky top-0 z-10 border-b" }, [
+              r("div", { class: "sticky top-0 z-10 border-b ui-border-strong" }, [
                 r("div", { class: "flex items-center justify-between p-4" }, [
                   r("button", {
                     class: "p-2 -ml-2 rounded-lg ui-text hover:text-(--ui-text) hover:bg-(--ui-surface) transition-colors",
@@ -15635,7 +15636,7 @@ const Cc = {
                       class: m(
                         Z(P)(
                           "flex items-center px-3 py-2.5 rounded-lg text-sm font-medium transition-all duration-200 group relative",
-                          h(f) ? "bg-linear-to-br from-(--ui-primary-soft) to-(--ui-primary-soft) ui-primary shadow-sm border border-(--ui-primary-soft)" : "ui-text hover:bg-(--ui-surface) hover:text-(--ui-text) border border-transparent"
+                          h(f) ? "bg-linear-to-br from-(--ui-primary-soft) to-(--ui-primary-soft) ui-primary shadow-sm border border-(--ui-border-strong)" : "ui-text hover:bg-(--ui-surface) hover:text-(--ui-text) border ui-border-strong"
                         )
                       ),
                       onClick: (U) => oe(f)
@@ -16474,10 +16475,10 @@ function fx(e, a, t, n, o, i) {
     ], 2)
   ], 2);
 }
-const mx = /* @__PURE__ */ it(Wb, [["render", fx]]), vx = { class: "w-full h-full relative" }, gx = {
+const mx = /* @__PURE__ */ it(Wb, [["render", fx]]), vx = { class: "ui-surface w-full h-full relative" }, gx = {
   key: 0,
-  class: "w-full h-full flex items-center justify-center"
-}, hx = ["width", "height", "viewBox"], px = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], yx = ["cx", "cy", "r", "fill"], bx = { key: 1 }, xx = ["x", "y"], wx = ["x", "y"], kx = { key: 2 }, $x = ["x", "y"], Cx = { key: 3 }, Sx = ["transform"], zx = ["fill"], Ax = { class: "--ui-bg ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-[180px]" }, Dx = { class: "flex items-center gap-2 mb-1.5" }, Mx = { class: "font-semibold text-sm" }, Tx = { class: "flex items-baseline gap-2 ml-5" }, Vx = { class: "text-2xl font-bold" }, Fx = { class: "mt-1 ml-5" }, Bx = { class: "text-xs ui-text" }, Dn = {
+  class: "ui-surface w-full h-full flex items-center justify-center"
+}, hx = ["width", "height", "viewBox"], px = ["d", "fill", "stroke", "stroke-width", "onMouseenter", "onClick"], yx = ["cx", "cy", "r", "fill"], bx = { key: 1 }, xx = ["x", "y"], wx = ["x", "y"], kx = { key: 2 }, $x = ["x", "y"], Cx = { key: 3 }, Sx = ["transform"], zx = ["fill"], Ax = { class: "ui-surface ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-[180px]" }, Dx = { class: "flex items-center gap-2 mb-1.5" }, Mx = { class: "font-semibold text-sm" }, Tx = { class: "flex items-baseline gap-2 ml-5" }, Vx = { class: "text-2xl font-bold" }, Fx = { class: "mt-1 ml-5" }, Bx = { class: "text-xs ui-text" }, Dn = {
   __name: "PieChart",
   props: {
     data: {
@@ -16747,7 +16748,7 @@ const mx = /* @__PURE__ */ it(Wb, [["render", fx]]), vx = { class: "w-full h-ful
           r("div", Fx, [
             r("span", Bx, k(o.value.percentage) + "% of total", 1)
           ]),
-          F[2] || (F[2] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 --ui-bg border-r border-b ui-border-strong" }, null, -1))
+          F[2] || (F[2] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 ui-surface border-r border-b ui-border-strong" }, null, -1))
         ])
       ], 4)) : g("", !0)
     ]));
@@ -16900,7 +16901,7 @@ const mx = /* @__PURE__ */ it(Wb, [["render", fx]]), vx = { class: "w-full h-ful
       tabindex: "0",
       style: he(i.value),
       class: m(Z(P)(
-        " rounded-xl border ui-border-strong  overflow-hidden transition-all select-none flex flex-col relative",
+        " rounded-xl border ui-border-strong overflow-hidden transition-all select-none flex flex-col relative",
         "shadow-sm",
         $.value ? "opacity-50 scale-95" : "hover:shadow-lg cursor-move",
         L.value ? "ring-2 ring-(--ui-primary) ring-offset-2" : ""
@@ -16985,7 +16986,7 @@ const mx = /* @__PURE__ */ it(Wb, [["render", fx]]), vx = { class: "w-full h-ful
               id: `setting-${h.id}`,
               class: m([
                 "relative inline-flex h-6 w-11 items-center rounded-full transition-colors",
-                c.value[h.id] ? "ui-primary-bg" : "ui-bg"
+                c.value[h.id] ? "ui-primary" : "ui-surface"
               ]),
               onClick: (D) => z(h.id, !c.value[h.id])
             }, [
@@ -17946,13 +17947,13 @@ function v2(e, a, t, n, o, i) {
                 r("div", d0, [
                   (s(!0), l(W, null, X(o.weekDaysShort, (d) => (s(), l("div", {
                     key: d,
-                    class: "text-center text-2xl font-black ui-text"
+                    class: "text-center text-xl font-black ui-text"
                   }, k(d), 1))), 128))
                 ]),
                 r("div", c0, [
                   (s(!0), l(W, null, X(u.days, (d, c) => (s(), l("div", {
                     key: c,
-                    class: m(["aspect-square flex items-center justify-center text-xl font-thin rounded-md relative transition-all hover:scale-110", [
+                    class: m(["aspect-square flex items-center justify-center text-lg font-normal rounded-md relative transition-all hover:scale-110", [
                       // Base styles
                       d.isCurrentMonth ? "text-(--ui-muted)" : "ui-text",
                       // Today styling
@@ -17966,7 +17967,7 @@ function v2(e, a, t, n, o, i) {
                     le(k(d.dayNumber) + " ", 1),
                     d.events.length > 1 && d.isCurrentMonth ? (s(), l("div", {
                       key: 0,
-                      class: m(["absolute -top-1 -right-1 w-4 h-4 rounded-full flex items-center justify-center text-[8px] font-black shadow-md", d.isToday ? "bg-(--ui-warning-strong) ui-primary" : "ui-danger-bg ui-text"])
+                      class: m(["absolute -top-1 -right-1 w-4 h-4 rounded-full flex items-center justify-center text-sm font-black shadow-md", d.isToday ? "bg-(--ui-warning-strong) ui-primary" : "ui-danger-bg ui-text"])
                     }, k(d.events.length), 3)) : g("", !0)
                   ], 2))), 128))
                 ])
@@ -17978,7 +17979,7 @@ function v2(e, a, t, n, o, i) {
           r("div", m0, [
             (s(!0), l(W, null, X(o.weekDays, (u) => (s(), l("div", {
               key: u,
-              class: "text-center text-2xl font-semibold ui-text py-3 uppercase tracking-wider"
+              class: "text-center text-xl font-semibold ui-text py-3 uppercase tracking-wider"
             }, k(u), 1))), 128))
           ]),
           r("div", v0, [
@@ -17993,7 +17994,7 @@ function v2(e, a, t, n, o, i) {
             }, [
               r("div", h0, [
                 r("span", {
-                  class: m(["text-3xl font-thin", [
+                  class: m(["text-2xl font-light", [
                     u.isCurrentMonth ? "ui-text" : "ui-text-muted",
                     u.isToday ? "ui-primary-soft ui-text w-6 h-6 flex items-center justify-center rounded-full text-xs" : ""
                   ]])
@@ -18072,7 +18073,7 @@ function v2(e, a, t, n, o, i) {
             r("div", _0, [
               r("div", j0, k(i.dayViewDate.dayName), 1),
               r("div", {
-                class: m(["text-3xl font-bold mt-2", [
+                class: m(["text-2xl font-bold mt-2", [
                   i.dayViewDate.isToday ? "ui-primary" : "ui-text"
                 ]])
               }, k(i.dayViewDate.dayNumber), 3)
@@ -18239,7 +18240,7 @@ function v2(e, a, t, n, o, i) {
     ], !0)
   ]);
 }
-const g2 = /* @__PURE__ */ it(K1, [["render", v2], ["__scopeId", "data-v-65c240b4"]]), h2 = { class: "w-full h-full relative" }, p2 = ["width", "height", "viewBox"], y2 = { key: 0 }, b2 = ["x1", "y1", "x2", "y2", "stroke"], x2 = ["id"], w2 = ["stop-color"], k2 = ["stop-color"], $2 = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], C2 = ["to", "begin"], S2 = ["from", "to", "begin"], z2 = { key: 1 }, A2 = ["x", "y"], D2 = { key: 2 }, M2 = ["x", "y"], T2 = { key: 3 }, V2 = ["x", "y"], F2 = { key: 4 }, B2 = ["x", "y"], _2 = ["x1", "y1", "x2", "y2"], j2 = ["x1", "y1", "x2", "y2"], O2 = { class: "--ui-bg ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-[180px]" }, P2 = { class: "flex items-center gap-2 mb-2" }, E2 = { class: "font-semibold text-sm" }, L2 = { class: "ml-5" }, I2 = { class: "text-xs ui-text mb-1" }, N2 = { class: "text-2xl font-bold" }, R2 = {
+const g2 = /* @__PURE__ */ it(K1, [["render", v2], ["__scopeId", "data-v-bde90a62"]]), h2 = { class: "w-full h-full relative" }, p2 = ["width", "height", "viewBox"], y2 = { key: 0 }, b2 = ["x1", "y1", "x2", "y2", "stroke"], x2 = ["id"], w2 = ["stop-color"], k2 = ["stop-color"], $2 = ["x", "y", "width", "height", "fill", "onMouseenter", "onClick"], C2 = ["to", "begin"], S2 = ["from", "to", "begin"], z2 = { key: 1 }, A2 = ["x", "y"], D2 = { key: 2 }, M2 = ["x", "y"], T2 = { key: 3 }, V2 = ["x", "y"], F2 = { key: 4 }, B2 = ["x", "y"], _2 = ["x1", "y1", "x2", "y2"], j2 = ["x1", "y1", "x2", "y2"], O2 = { class: "ui-surface ui-text px-4 py-3 rounded-lg shadow-2xl border ui-border-strong min-w-[180px]" }, P2 = { class: "flex items-center gap-2 mb-2" }, E2 = { class: "font-semibold text-sm" }, L2 = { class: "ml-5" }, I2 = { class: "text-xs ui-text mb-1" }, N2 = { class: "text-2xl font-bold" }, R2 = {
   __name: "StackedBarChart",
   props: {
     data: {
@@ -18507,7 +18508,7 @@ const g2 = /* @__PURE__ */ it(K1, [["render", v2], ["__scopeId", "data-v-65c240b
             r("p", I2, k(o.value.barLabel), 1),
             r("span", N2, k(o.value.value) + "%", 1)
           ]),
-          E[0] || (E[0] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 --ui-bg border-r border-b ui-border-strong" }, null, -1))
+          E[0] || (E[0] = r("div", { class: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 ui-surface border-r border-b ui-border-strong" }, null, -1))
         ])
       ], 4)) : g("", !0)
     ]));