@stlhorizon/vue-ui 3.27.6 → 3.27.7

package/dist/index.esm.js

@@ -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 ui-bg inset-0 z-9999 backdrop-blur-2xl flex items-center justify-center", { "pointer-events-none": e.resizable }]),
             onClick: u
           }, [
             r("div", {
@@ -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)
@@ -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 = {
@@ -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)