@zealsolutions/zeal-ui 1.0.0-alpha.330 → 1.0.0-alpha.331

package/dist/components/header/index.js

@@ -1,29 +1,29 @@
-import { openBlock as o, createElementBlock as i, createVNode as C, createElementVNode as n, createTextVNode as U, mergeModels as Z, useModel as ye, getCurrentInstance as ae, ref as b, computed as S, watch as R, nextTick as ee, onMounted as ve, onBeforeUnmount as me, createBlock as I, Teleport as be, withModifiers as A, withDirectives as K, vModelText as ge, createCommentVNode as v, normalizeClass as $, toDisplayString as m, Fragment as N, renderList as j, normalizeStyle as ke, pushScopeId as we, popScopeId as $e, Transition as se, withCtx as re, resolveDynamicComponent as ie, unref as G, vShow as ce, renderSlot as B } from "vue";
-import Ce from "../../HouseIcon-BxmNyxvv.js";
-import _e from "../../ArrowLeftIcon-Cgsy08pY.js";
-import ue from "../../MagnifyingGlassIcon-ChYNIA-H.js";
-import { _ as Me } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { o as pe } from "../../index-CedrSBIl.js";
-import te from "../../BellIcon-lK5EZXNf.js";
-import Se from "../../CircleCheckIcon-CA15yXgI.js";
-import Te from "../../XMarkIcon-DKJ_--uA.js";
-const Ie = /* @__PURE__ */ n("span", { class: "hidden whitespace-nowrap sm:inline" }, "Search", -1), Ae = /* @__PURE__ */ n("kbd", { class: "hidden items-center gap-px rounded border border-proclusteal-300 bg-proclusteal-100 px-[5px] py-0.5 font-sans text-[11px] font-bold leading-none text-proclusteal-500 sm:inline-flex" }, [
+import { openBlock as o, createElementBlock as s, createVNode as M, createElementVNode as n, createTextVNode as j, mergeModels as ee, useModel as me, getCurrentInstance as re, ref as g, computed as _, watch as R, nextTick as te, onMounted as be, onBeforeUnmount as ge, createBlock as A, Teleport as ke, withModifiers as E, withDirectives as G, vModelText as we, createCommentVNode as v, normalizeClass as C, toDisplayString as m, Fragment as N, renderList as L, normalizeStyle as K, pushScopeId as $e, popScopeId as Ce, Transition as se, withCtx as ie, resolveDynamicComponent as ce, unref as q, vShow as ue, renderSlot as V } from "vue";
+import _e from "../../HouseIcon-BxmNyxvv.js";
+import Me from "../../ArrowLeftIcon-Cgsy08pY.js";
+import pe from "../../MagnifyingGlassIcon-ChYNIA-H.js";
+import { _ as Se } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { o as de } from "../../index-CedrSBIl.js";
+import le from "../../BellIcon-lK5EZXNf.js";
+import Te from "../../CircleCheckIcon-CA15yXgI.js";
+import Ie from "../../XMarkIcon-DKJ_--uA.js";
+const Ae = /* @__PURE__ */ n("span", { class: "hidden whitespace-nowrap sm:inline" }, "Search", -1), Ee = /* @__PURE__ */ n("kbd", { class: "hidden items-center gap-px rounded border border-proclusteal-300 bg-proclusteal-100 px-[5px] py-0.5 font-sans text-[11px] font-bold leading-none text-proclusteal-500 sm:inline-flex" }, [
   /* @__PURE__ */ n("span", null, "⌘"),
-  /* @__PURE__ */ U("K ")
-], -1), Ee = {
+  /* @__PURE__ */ j("K ")
+], -1), He = {
   __name: "GlobalSearchPill",
   emits: ["click"],
   setup(e) {
-    return (u, p) => (o(), i("button", {
+    return (i, c) => (o(), s("button", {
       type: "button",
       class: "inline-flex h-[34px] cursor-pointer items-center justify-center gap-[7px] rounded-lg border border-proclusteal-300 bg-white pl-[11px] pr-[9px] font-sans text-[13px] font-semibold text-proclusteal-600 transition-[border-color,color,box-shadow] duration-150 hover:border-proclusteal-950 hover:text-proclusteal-800 hover:shadow-[0_1px_3px_rgba(20,40,45,0.08)] focus:border-proclusteal-950 focus:text-proclusteal-800 focus:outline-none",
       title: "Search (Ctrl K)",
       "aria-label": "Search (Ctrl K)",
-      onClick: p[0] || (p[0] = (g) => u.$emit("click"))
+      onClick: c[0] || (c[0] = (k) => i.$emit("click"))
     }, [
-      C(ue, { class: "!h-[15px] !w-[15px] flex-none text-proclusteal-950" }),
-      Ie,
-      Ae
+      M(pe, { class: "!h-[15px] !w-[15px] flex-none text-proclusteal-950" }),
+      Ae,
+      Ee
     ]));
   }
 }, Ne = {
@@ -39,57 +39,57 @@ const Ie = /* @__PURE__ */ n("span", { class: "hidden whitespace-nowrap sm:inlin
   EDS: { label: "Equipment Data", colour: "#708090", icon: '<path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><rect x="8" y="2" width="8" height="4" rx="1" ry="1"/><line x1="8" y1="12" x2="16" y2="12"/><line x1="8" y1="16" x2="14" y2="16"/>' },
   TIS: { label: "Training Sheets", colour: "#4682b4", icon: '<line x1="8" y1="6" x2="21" y2="6"/><line x1="8" y1="12" x2="21" y2="12"/><line x1="8" y1="18" x2="21" y2="18"/><line x1="3" y1="6" x2="3.01" y2="6"/><line x1="3" y1="12" x2="3.01" y2="12"/><line x1="3" y1="18" x2="3.01" y2="18"/>' },
   Training: { label: "Training", colour: "#3f7cac", icon: '<path d="M22 10 12 5 2 10l10 5 10-5z"/><path d="M6 12v5c0 1 2.7 3 6 3s6-2 6-3v-5"/>' }
-}, He = {
+}, De = {
   colour: "#9aa4ad",
   icon: '<circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>'
 };
-function De(e, u = {}) {
-  const p = { ...Ne, ...u };
-  return Object.prototype.hasOwnProperty.call(p, e) ? p[e] : { ...He, label: e };
+function Oe(e, i = {}) {
+  const c = { ...Ne, ...i };
+  return Object.prototype.hasOwnProperty.call(c, e) ? c[e] : { ...De, label: e };
 }
-function Oe(e) {
-  return (e == null ? "" : String(e)).replace(/[&<>"']/g, (u) => ({
+function Ue(e) {
+  return (e == null ? "" : String(e)).replace(/[&<>"']/g, (i) => ({
     "&": "&amp;",
     "<": "&lt;",
     ">": "&gt;",
     '"': "&quot;",
     "'": "&#39;"
-  })[u]);
+  })[i]);
 }
-function Ue(e) {
+function fe(e) {
   if (!e)
     return "";
-  const u = String(e).trim();
-  return /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(u) || /^(rgb|rgba|hsl|hsla)\([0-9.,%\s/]+\)$/i.test(u) || /^[a-z]{3,20}$/i.test(u) ? u : "";
+  const i = String(e).trim();
+  return /^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.test(i) || /^(rgb|rgba|hsl|hsla)\([0-9.,%\s/]+\)$/i.test(i) || /^[a-z]{3,20}$/i.test(i) ? i : "";
 }
-function H(e) {
+function D(e) {
   if (!e)
     return "";
-  const u = String(e).trim();
-  if (u.includes("\\"))
+  const i = String(e).trim();
+  if (i.includes("\\"))
     return "";
-  let p;
+  let c;
   try {
-    p = new URL(u, "https://url-check.invalid/");
+    c = new URL(i, "https://url-check.invalid/");
   } catch {
     return "";
   }
-  return p.protocol === "http:" || p.protocol === "https:" ? u : "";
+  return c.protocol === "http:" || c.protocol === "https:" ? i : "";
 }
 function je(e) {
-  return String(e || "").toLowerCase().split(/\s+/).filter((u) => u.length >= 2);
+  return String(e || "").toLowerCase().split(/\s+/).filter((i) => i.length >= 2);
 }
-function le(e, u) {
-  const p = Oe(e);
-  if (!u || !u.length)
-    return p;
-  const g = new RegExp(`(${u.map((d) => d.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|")})`, "ig");
-  return p.replace(g, "<mark>$1</mark>");
+function oe(e, i) {
+  const c = Ue(e);
+  if (!i || !i.length)
+    return c;
+  const k = new RegExp(`(${i.map((f) => f.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|")})`, "ig");
+  return c.replace(k, "<mark>$1</mark>");
 }
-const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex items-center gap-2.5 border-b border-proclusteal-200 px-4 py-3.5" }, Pe = ["placeholder"], Ve = {
+const Le = (e) => ($e("data-v-b4eb0ff3"), e = e(), Ce(), e), ze = { class: "flex items-center gap-2.5 border-b border-proclusteal-200 px-4 py-3.5" }, Pe = ["placeholder"], Be = {
   key: 0,
   class: "px-[18px] pb-0.5 pt-3.5 text-[15px] font-extrabold text-[#1e262c]"
-}, Be = {
+}, Ve = {
   key: 1,
   class: "border-b border-proclusteal-200 px-[18px] pb-3 pt-2.5"
 }, Re = ["onClick"], Ke = { class: "sticky top-0 z-[1] border-t border-proclusteal-200 bg-proclusteal-150 px-[18px] py-2 text-[12px] font-extrabold tracking-[0.3px] text-proclusteal-700" }, Ge = { class: "ml-0.5 text-[#667079]" }, qe = ["href", "data-row-idx", "onClick", "onMouseenter"], Fe = ["innerHTML"], Qe = { class: "min-w-0 flex-1" }, Xe = ["innerHTML"], Ye = ["innerHTML"], Je = /* @__PURE__ */ Le(() => /* @__PURE__ */ n("svg", {
@@ -102,9 +102,9 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
   "stroke-linejoin": "round"
 }, [
   /* @__PURE__ */ n("polyline", { points: "9 18 15 12 9 6" })
-], -1)), oe = "mb-2 mr-2 inline-flex cursor-pointer items-center gap-[7px] rounded-[20px] border border-[#dde3e8] bg-[#f4f6f8] px-3.5 py-1.5 text-[13px] font-bold text-proclusteal-700 hover:border-proclusteal-950", ne = "!border-proclusteal-950 !bg-proclusteal-950 !text-white", V = "px-5 py-[26px] text-center text-[13px] font-medium text-[#667079]", We = {
+], -1)), ne = "mb-2 mr-2 inline-flex cursor-pointer items-center gap-[7px] rounded-[20px] border border-[#dde3e8] bg-[#f4f6f8] px-3.5 py-1.5 text-[13px] font-bold text-proclusteal-700 hover:border-proclusteal-950", ae = "!border-proclusteal-950 !bg-proclusteal-950 !text-white", B = "px-5 py-[26px] text-center text-[13px] font-medium text-[#667079]", We = {
   __name: "GlobalSearchModal",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ ee({
     searchProvider: {
       type: Function,
       required: !0
@@ -129,228 +129,228 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
     open: { type: Boolean, default: !1 },
     openModifiers: {}
   }),
-  emits: /* @__PURE__ */ Z(["navigate"], ["update:open"]),
-  setup(e, { emit: u }) {
-    const p = e, g = u, d = ye(e, "open"), x = ae(), y = b(null), _ = b(null), M = b(null), w = b(""), c = b(""), r = b([]), l = b("all"), h = b("zero"), k = b(-1);
-    let L = null, E = 0, D = null, T = null;
-    const q = S(() => je(c.value)), F = (t) => De(t, p.types), Q = S(() => {
+  emits: /* @__PURE__ */ ee(["navigate"], ["update:open"]),
+  setup(e, { emit: i }) {
+    const c = e, k = i, f = me(e, "open"), y = re(), b = g(null), S = g(null), w = g(null), $ = g(""), x = g(""), p = g([]), l = g("all"), u = g("zero"), d = g(-1);
+    let T = null, H = 0, O = null, I = null;
+    const F = _(() => je(x.value)), Q = (t) => Oe(t, c.types), X = _(() => {
       let t = 0;
-      return r.value.filter((s) => l.value === "all" || s.type === l.value).map((s) => {
-        const a = F(s.type);
+      return p.value.filter((r) => l.value === "all" || r.type === l.value).map((r) => {
+        const a = Q(r.type);
         return {
-          type: s.type,
+          type: r.type,
           label: a.label,
-          items: s.items.map((f) => ({
-            url: H(f.Url),
-            titleHtml: le(f.Title, q.value),
-            subtitleHtml: le(f.Subtitle, q.value),
-            tileColour: Ue(f.Colour) || a.colour,
+          items: r.items.map((h) => ({
+            url: D(h.Url),
+            titleHtml: oe(h.Title, F.value),
+            subtitleHtml: oe(h.Subtitle, F.value),
+            tileColour: fe(h.Colour) || a.colour,
             tileIcon: a.icon,
             flatIdx: t++
           }))
         };
       });
-    }), X = S(() => Q.value.flatMap((t) => t.items)), de = S(() => r.value.reduce((t, s) => t + s.items.length, 0));
+    }), Y = _(() => X.value.flatMap((t) => t.items)), xe = _(() => p.value.reduce((t, r) => t + r.items.length, 0));
     function z(t) {
-      const s = X.value;
-      if (!s.length) {
-        k.value = -1;
+      const r = Y.value;
+      if (!r.length) {
+        d.value = -1;
         return;
       }
-      k.value = Math.min(Math.max(t, 0), s.length - 1), ee(() => {
-        var f;
-        const a = (f = M.value) == null ? void 0 : f.querySelector(`[data-row-idx="${k.value}"]`);
+      d.value = Math.min(Math.max(t, 0), r.length - 1), te(() => {
+        var h;
+        const a = (h = w.value) == null ? void 0 : h.querySelector(`[data-row-idx="${d.value}"]`);
         a == null || a.scrollIntoView({ block: "nearest" });
       });
     }
-    function Y(t) {
-      var s;
-      l.value = t, z(0), (s = y.value) == null || s.focus();
-    }
     function J(t) {
-      var s, a;
-      t && (g("navigate", t), (a = (s = x == null ? void 0 : x.vnode) == null ? void 0 : s.props) != null && a.onNavigate || (window.location.href = t), O());
+      var r;
+      l.value = t, z(0), (r = b.value) == null || r.focus();
+    }
+    function W(t) {
+      var r, a;
+      t && (k("navigate", t), (a = (r = y == null ? void 0 : y.vnode) == null ? void 0 : r.props) != null && a.onNavigate || (window.location.href = t), U());
     }
-    function O() {
-      d.value = !1;
+    function U() {
+      f.value = !1;
     }
-    async function fe(t) {
-      const s = ++E;
-      c.value = t;
+    async function he(t) {
+      const r = ++H;
+      x.value = t;
       try {
-        const a = await p.searchProvider(t);
-        if (s !== E || !d.value)
+        const a = await c.searchProvider(t);
+        if (r !== H || !f.value)
           return;
-        r.value = a && a.groups || [], l.value = "all", h.value = r.value.length ? "results" : "empty", z(0);
+        p.value = a && a.groups || [], l.value = "all", u.value = p.value.length ? "results" : "empty", z(0);
       } catch {
-        if (s !== E || !d.value)
+        if (r !== H || !f.value)
           return;
-        r.value = [], h.value = "error", k.value = -1;
+        p.value = [], u.value = "error", d.value = -1;
       }
     }
-    R(w, (t) => {
-      clearTimeout(L);
-      const s = t.trim();
-      if (s.length < p.minChars) {
-        E++, r.value = [], h.value = s.length ? "hint" : "zero", k.value = -1;
+    R($, (t) => {
+      clearTimeout(T);
+      const r = t.trim();
+      if (r.length < c.minChars) {
+        H++, p.value = [], u.value = r.length ? "hint" : "zero", d.value = -1;
         return;
       }
-      L = setTimeout(() => fe(s), p.debounce);
-    }), R(d, (t) => {
-      t ? (D = document.activeElement, w.value = "", c.value = "", r.value = [], l.value = "all", h.value = "zero", k.value = -1, T = document.body.style.overflow, document.body.style.overflow = "hidden", ee(() => {
-        var s;
-        return (s = y.value) == null ? void 0 : s.focus();
-      })) : (clearTimeout(L), E++, T !== null && (document.body.style.overflow = T, T = null), D != null && D.focus && D.focus());
+      T = setTimeout(() => he(r), c.debounce);
+    }), R(f, (t) => {
+      t ? (O = document.activeElement, $.value = "", x.value = "", p.value = [], l.value = "all", u.value = "zero", d.value = -1, I = document.body.style.overflow, document.body.style.overflow = "hidden", te(() => {
+        var r;
+        return (r = b.value) == null ? void 0 : r.focus();
+      })) : (clearTimeout(T), H++, I !== null && (document.body.style.overflow = I, I = null), O != null && O.focus && O.focus());
     }, { immediate: !0 });
-    function xe(t) {
-      var s;
+    function ye(t) {
+      var r;
       if (t.key === "Escape") {
-        t.preventDefault(), O();
+        t.preventDefault(), U();
         return;
       }
       if (t.key === "ArrowDown") {
-        t.preventDefault(), z(k.value + 1);
+        t.preventDefault(), z(d.value + 1);
         return;
       }
       if (t.key === "ArrowUp") {
-        t.preventDefault(), z(k.value - 1);
+        t.preventDefault(), z(d.value - 1);
         return;
       }
       if (t.key === "Enter") {
         if (t.isComposing)
           return;
-        const a = X.value;
+        const a = Y.value;
         if (!a.length)
           return;
-        t.preventDefault(), J(a[k.value >= 0 ? k.value : 0].url);
+        t.preventDefault(), W(a[d.value >= 0 ? d.value : 0].url);
         return;
       }
       if (t.key === "Tab") {
-        const a = (s = _.value) == null ? void 0 : s.querySelectorAll('input, button, a[href], [tabindex]:not([tabindex="-1"])');
+        const a = (r = S.value) == null ? void 0 : r.querySelectorAll('input, button, a[href], [tabindex]:not([tabindex="-1"])');
         if (!(a != null && a.length))
           return;
-        const f = a[0], P = a[a.length - 1];
-        t.shiftKey && document.activeElement === f ? (t.preventDefault(), P.focus()) : !t.shiftKey && document.activeElement === P && (t.preventDefault(), f.focus());
+        const h = a[0], P = a[a.length - 1];
+        t.shiftKey && document.activeElement === h ? (t.preventDefault(), P.focus()) : !t.shiftKey && document.activeElement === P && (t.preventDefault(), h.focus());
       }
     }
-    function he(t) {
+    function ve(t) {
       if (!t)
         return !1;
-      const s = (t.tagName || "").toLowerCase();
-      return s === "input" || s === "textarea" || s === "select" || t.isContentEditable;
+      const r = (t.tagName || "").toLowerCase();
+      return r === "input" || r === "textarea" || r === "select" || t.isContentEditable;
     }
-    function W(t) {
-      if (t.key === "Escape" && d.value) {
-        t.preventDefault(), O();
+    function Z(t) {
+      if (t.key === "Escape" && f.value) {
+        t.preventDefault(), U();
         return;
       }
       if ((t.ctrlKey || t.metaKey) && (t.key === "k" || t.key === "K")) {
-        t.preventDefault(), d.value = !d.value;
+        t.preventDefault(), f.value = !f.value;
         return;
       }
-      t.key === "/" && !d.value && !he(document.activeElement) && (t.preventDefault(), d.value = !0);
+      t.key === "/" && !f.value && !ve(document.activeElement) && (t.preventDefault(), f.value = !0);
     }
-    return ve(() => {
-      document.addEventListener("keydown", W);
-    }), me(() => {
-      document.removeEventListener("keydown", W), clearTimeout(L), E++, T !== null && (document.body.style.overflow = T, T = null);
-    }), (t, s) => (o(), I(be, { to: "body" }, [
-      d.value ? (o(), i("div", {
+    return be(() => {
+      document.addEventListener("keydown", Z);
+    }), ge(() => {
+      document.removeEventListener("keydown", Z), clearTimeout(T), H++, I !== null && (document.body.style.overflow = I, I = null);
+    }), (t, r) => (o(), A(ke, { to: "body" }, [
+      f.value ? (o(), s("div", {
         key: 0,
         class: "fixed inset-0 z-[20000] flex items-start justify-center bg-[#11181c]/45",
-        onMousedown: A(O, ["self"]),
-        onKeydown: xe
+        onMousedown: E(U, ["self"]),
+        onKeydown: ye
       }, [
         n("div", {
           ref_key: "panelEl",
-          ref: _,
+          ref: S,
           class: "mt-[4vh] flex max-h-[88vh] w-[94%] max-w-[720px] flex-col overflow-hidden rounded-[14px] bg-white font-sans shadow-[0_30px_80px_rgba(0,0,0,0.3)] sm:mt-[8vh] sm:max-h-[82vh]",
           role: "dialog",
           "aria-modal": "true",
           "aria-label": "Search"
         }, [
           n("div", ze, [
-            C(ue, { class: "!h-[18px] !w-[18px] flex-none text-proclusteal-400" }),
-            K(n("input", {
+            M(pe, { class: "!h-[18px] !w-[18px] flex-none text-proclusteal-400" }),
+            G(n("input", {
               ref_key: "inputEl",
-              ref: y,
-              "onUpdate:modelValue": s[0] || (s[0] = (a) => w.value = a),
+              ref: b,
+              "onUpdate:modelValue": r[0] || (r[0] = (a) => $.value = a),
               type: "text",
               autocomplete: "off",
               placeholder: e.placeholder,
               class: "flex-1 border-0 bg-transparent p-0 text-[16px] text-[#1e262c] outline-none placeholder:text-proclusteal-400 focus:ring-0"
             }, null, 8, Pe), [
-              [ge, w.value]
+              [we, $.value]
             ]),
             n("button", {
               type: "button",
               class: "cursor-pointer border-0 bg-transparent px-1 text-[22px] leading-none text-proclusteal-400 hover:text-proclusteal-700",
               "aria-label": "Close search",
               title: "Close (Esc)",
-              onClick: O
+              onClick: U
             }, "×")
           ]),
-          h.value === "results" ? (o(), i("div", Ve, " Search results ")) : v("", !0),
-          h.value === "results" ? (o(), i("div", Be, [
+          u.value === "results" ? (o(), s("div", Be, " Search results ")) : v("", !0),
+          u.value === "results" ? (o(), s("div", Ve, [
             n("button", {
               type: "button",
-              class: $([oe, l.value === "all" ? ne : ""]),
-              onClick: s[1] || (s[1] = (a) => Y("all"))
+              class: C([ne, l.value === "all" ? ae : ""]),
+              onClick: r[1] || (r[1] = (a) => J("all"))
             }, [
-              U(" All "),
+              j(" All "),
               n("span", {
-                class: $(["font-bold", l.value === "all" ? "opacity-85" : "opacity-60"])
-              }, "(" + m(de.value) + ")", 3)
+                class: C(["font-bold", l.value === "all" ? "opacity-85" : "opacity-60"])
+              }, "(" + m(xe.value) + ")", 3)
             ], 2),
-            (o(!0), i(N, null, j(r.value, (a) => (o(), i("button", {
+            (o(!0), s(N, null, L(p.value, (a) => (o(), s("button", {
               key: a.type,
               type: "button",
-              class: $([oe, l.value === a.type ? ne : ""]),
-              onClick: (f) => Y(a.type)
+              class: C([ne, l.value === a.type ? ae : ""]),
+              onClick: (h) => J(a.type)
             }, [
-              U(m(F(a.type).label) + " ", 1),
+              j(m(Q(a.type).label) + " ", 1),
               n("span", {
-                class: $(["font-bold", l.value === a.type ? "opacity-85" : "opacity-60"])
+                class: C(["font-bold", l.value === a.type ? "opacity-85" : "opacity-60"])
               }, "(" + m(a.items.length) + ")", 3)
             ], 10, Re))), 128))
           ])) : v("", !0),
           n("div", {
             ref_key: "resultsEl",
-            ref: M,
+            ref: w,
             class: "overflow-y-auto pb-2.5"
           }, [
-            h.value === "zero" ? (o(), i("div", {
+            u.value === "zero" ? (o(), s("div", {
               key: 0,
-              class: $(V)
-            }, " Search across SOPs, incidents, assets, people and more — you only ever see what you have access to. ")) : h.value === "hint" ? (o(), i("div", {
+              class: C(B)
+            }, " Search across SOPs, incidents, assets, people and more — you only ever see what you have access to. ")) : u.value === "hint" ? (o(), s("div", {
               key: 1,
-              class: $(V)
-            }, " Keep typing… enter at least " + m(e.minChars) + " characters to search. ", 1)) : h.value === "empty" ? (o(), i("div", {
+              class: C(B)
+            }, " Keep typing… enter at least " + m(e.minChars) + " characters to search. ", 1)) : u.value === "empty" ? (o(), s("div", {
               key: 2,
-              class: $(V)
-            }, " No results for “" + m(c.value) + "” — try a broader term or a code. ", 1)) : h.value === "error" ? (o(), i("div", {
+              class: C(B)
+            }, " No results for “" + m(x.value) + "” — try a broader term or a code. ", 1)) : u.value === "error" ? (o(), s("div", {
               key: 3,
-              class: $(V)
-            }, " Search is temporarily unavailable. ")) : (o(!0), i(N, { key: 4 }, j(Q.value, (a) => (o(), i("div", {
+              class: C(B)
+            }, " Search is temporarily unavailable. ")) : (o(!0), s(N, { key: 4 }, L(X.value, (a) => (o(), s("div", {
               key: a.type
             }, [
               n("div", Ke, [
-                U(m(a.label) + " ", 1),
+                j(m(a.label) + " ", 1),
                 n("span", Ge, "(" + m(a.items.length) + ")", 1)
               ]),
-              (o(!0), i(N, null, j(a.items, (f) => (o(), i("a", {
-                key: f.flatIdx,
-                href: f.url || null,
-                class: $(["flex items-center gap-[13px] px-[18px] py-[11px] text-[#1e262c] no-underline", { "bg-proclusteal-50": f.flatIdx === k.value }]),
-                "data-row-idx": f.flatIdx,
-                onClick: A((P) => J(f.url), ["exact", "prevent"]),
-                onMouseenter: (P) => k.value = f.flatIdx
+              (o(!0), s(N, null, L(a.items, (h) => (o(), s("a", {
+                key: h.flatIdx,
+                href: h.url || null,
+                class: C(["flex items-center gap-[13px] px-[18px] py-[11px] text-[#1e262c] no-underline", { "bg-proclusteal-50": h.flatIdx === d.value }]),
+                "data-row-idx": h.flatIdx,
+                onClick: E((P) => W(h.url), ["exact", "prevent"]),
+                onMouseenter: (P) => d.value = h.flatIdx
               }, [
                 n("span", {
                   class: "inline-flex h-[42px] w-[42px] flex-none items-center justify-center rounded-[10px] text-white",
-                  style: ke({ background: f.tileColour })
+                  style: K({ background: h.tileColour })
                 }, [
-                  (o(), i("svg", {
+                  (o(), s("svg", {
                     class: "h-5 w-5",
                     viewBox: "0 0 24 24",
                     fill: "none",
@@ -358,17 +358,17 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
                     "stroke-width": "2",
                     "stroke-linecap": "round",
                     "stroke-linejoin": "round",
-                    innerHTML: f.tileIcon
+                    innerHTML: h.tileIcon
                   }, null, 8, Fe))
                 ], 4),
                 n("span", Qe, [
                   n("span", {
                     class: "gs-marked block truncate text-[14px] font-bold",
-                    innerHTML: f.titleHtml
+                    innerHTML: h.titleHtml
                   }, null, 8, Xe),
                   n("span", {
                     class: "gs-marked mt-0.5 block truncate text-[12.5px] text-[#5b6570]",
-                    innerHTML: f.subtitleHtml
+                    innerHTML: h.subtitleHtml
                   }, null, 8, Ye)
                 ]),
                 Je
@@ -379,13 +379,13 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
       ], 32)) : v("", !0)
     ]));
   }
-}, Ze = /* @__PURE__ */ Me(We, [["__scopeId", "data-v-b4eb0ff3"]]), et = {
+}, Ze = /* @__PURE__ */ Se(We, [["__scopeId", "data-v-b4eb0ff3"]]), et = {
   key: 0,
   class: "absolute -right-[3px] -top-[3px] h-2 w-2 rounded-full bg-[#dd3730] ring-2 ring-white"
 }, tt = { class: "absolute right-0 top-full z-30 mt-2 w-[400px] max-w-[90vw] origin-top-right overflow-hidden rounded-[10px] border border-proclusteal-300 bg-white shadow-zeal-md" }, lt = { class: "max-h-[420px] overflow-y-auto" }, ot = {
   key: 0,
   class: "px-5 py-[26px] text-center text-[13px] font-medium text-[#667079]"
-}, nt = ["onClick"], at = { class: "inline-flex h-[42px] w-[42px] flex-none items-center justify-center rounded-[10px] bg-proclusteal-950 text-white" }, st = { class: "min-w-0 flex-1" }, rt = { class: "block truncate text-[14px] font-bold text-[#1e262c]" }, it = { class: "block truncate text-[12.5px] text-[#5b6570]" }, ct = {
+}, nt = ["onClick"], at = { class: "inline-flex h-[42px] w-[42px] flex-none items-center justify-center rounded-[10px] bg-proclusteal-950 text-white" }, rt = { class: "min-w-0 flex-1" }, st = { class: "block truncate text-[14px] font-bold text-[#1e262c]" }, it = { class: "block truncate text-[12.5px] text-[#5b6570]" }, ct = {
   key: 0,
   class: "mt-0.5 block text-[12px] text-proclusteal-500"
 }, ut = { class: "flex flex-none flex-col items-center gap-2 pt-0.5 text-proclusteal-600" }, pt = ["onClick"], dt = ["onClick"], ft = ["href"], xt = {
@@ -405,25 +405,25 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
     }
   },
   emits: ["markAsRead", "deleteNotification", "navigate"],
-  setup(e, { emit: u }) {
-    const p = e, g = u, d = b(null), x = b(!1), y = S(() => {
-      var c;
-      return ((c = p.notifications) == null ? void 0 : c.data) || [];
-    }), _ = S(() => y.value.some((c) => c.ClassRead === "unread"));
-    pe(d, () => {
-      x.value = !1;
+  setup(e, { emit: i }) {
+    const c = e, k = i, f = g(null), y = g(!1), b = _(() => {
+      var x;
+      return ((x = c.notifications) == null ? void 0 : x.data) || [];
+    }), S = _(() => b.value.some((x) => x.ClassRead === "unread"));
+    de(f, () => {
+      y.value = !1;
     });
-    function M(c) {
-      return Object.prototype.hasOwnProperty.call(p.iconMap, c.VueAppTypeIcon) && p.iconMap[c.VueAppTypeIcon] || te;
+    function w(x) {
+      return Object.prototype.hasOwnProperty.call(c.iconMap, x.VueAppTypeIcon) && c.iconMap[x.VueAppTypeIcon] || le;
     }
-    function w(c) {
-      x.value = !1;
-      const r = H(c);
-      r && g("navigate", r);
+    function $(x) {
+      y.value = !1;
+      const p = D(x);
+      p && k("navigate", p);
     }
-    return (c, r) => (o(), i("div", {
+    return (x, p) => (o(), s("div", {
       ref_key: "rootEl",
-      ref: d,
+      ref: f,
       class: "relative font-sans"
     }, [
       n("button", {
@@ -431,12 +431,12 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
         class: "relative flex cursor-pointer items-center justify-center text-proclusteal-600 transition-colors duration-150 hover:text-proclusteal-900",
         title: "View Notifications",
         "aria-label": "View Notifications",
-        onClick: r[0] || (r[0] = (l) => x.value = !x.value)
+        onClick: p[0] || (p[0] = (l) => y.value = !y.value)
       }, [
-        C(te, { class: "!h-[21px] !w-[21px]" }),
-        _.value ? (o(), i("span", et)) : v("", !0)
+        M(le, { class: "!h-[21px] !w-[21px]" }),
+        S.value ? (o(), s("span", et)) : v("", !0)
       ]),
-      C(se, {
+      M(se, {
         "enter-active-class": "transition-all ease-out duration-75",
         "enter-from-class": "scale-95 opacity-0",
         "enter-to-class": "scale-100 opacity-100",
@@ -444,53 +444,53 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
         "leave-from-class": "scale-100 opacity-100",
         "leave-to-class": "scale-95 opacity-0"
       }, {
-        default: re(() => [
-          K(n("div", tt, [
+        default: ie(() => [
+          G(n("div", tt, [
             n("div", lt, [
-              y.value.length ? v("", !0) : (o(), i("div", ot, " No notifications. ")),
-              (o(!0), i(N, null, j(y.value, (l) => (o(), i("div", {
+              b.value.length ? v("", !0) : (o(), s("div", ot, " No notifications. ")),
+              (o(!0), s(N, null, L(b.value, (l) => (o(), s("div", {
                 key: l.NotifyID,
-                class: $(["flex cursor-pointer items-start gap-3 border-b border-proclusteal-200 px-4 py-3", l.ClassRead === "unread" ? "bg-proclusteal-50" : "bg-white"]),
-                onClick: (h) => w(l.url)
+                class: C(["flex cursor-pointer items-start gap-3 border-b border-proclusteal-200 px-4 py-3", l.ClassRead === "unread" ? "bg-proclusteal-50" : "bg-white"]),
+                onClick: (u) => $(l.url)
               }, [
                 n("span", at, [
-                  (o(), I(ie(M(l)), { class: "!h-5 !w-5" }))
+                  (o(), A(ce(w(l)), { class: "!h-5 !w-5" }))
                 ]),
-                n("span", st, [
-                  n("span", rt, m(l.notifyname), 1),
+                n("span", rt, [
+                  n("span", st, m(l.notifyname), 1),
                   n("span", it, m(l.summary), 1),
-                  l.dateText ? (o(), i("span", ct, m(l.dateText), 1)) : v("", !0)
+                  l.dateText ? (o(), s("span", ct, m(l.dateText), 1)) : v("", !0)
                 ]),
                 n("span", ut, [
-                  l.ClassRead === "unread" ? (o(), i("button", {
+                  l.ClassRead === "unread" ? (o(), s("button", {
                     key: 0,
                     type: "button",
                     class: "hover:text-proclusteal-900",
                     title: "Mark notification as read",
                     "aria-label": "Mark notification as read",
-                    onClick: A((h) => c.$emit("markAsRead", l.NotifyID), ["stop"])
+                    onClick: E((u) => x.$emit("markAsRead", l.NotifyID), ["stop"])
                   }, [
-                    C(Se, { class: "!h-4 !w-4" })
+                    M(Te, { class: "!h-4 !w-4" })
                   ], 8, pt)) : v("", !0),
                   n("button", {
                     type: "button",
                     class: "hover:text-[#dd3730]",
                     title: "Delete notification",
                     "aria-label": "Delete notification",
-                    onClick: A((h) => c.$emit("deleteNotification", l.NotifyID), ["stop"])
+                    onClick: E((u) => x.$emit("deleteNotification", l.NotifyID), ["stop"])
                   }, [
-                    C(Te, { class: "!w-3" })
+                    M(Ie, { class: "!w-3" })
                   ], 8, dt)
                 ])
               ], 10, nt))), 128))
             ]),
             n("a", {
-              href: G(H)(e.notificationsUrl) || null,
+              href: q(D)(e.notificationsUrl) || null,
               class: "block border-t border-proclusteal-200 px-4 py-2.5 text-center text-[13px] font-bold text-proclusteal-700 no-underline hover:bg-proclusteal-50 hover:text-proclusteal-900",
-              onClick: r[1] || (r[1] = A((l) => w(e.notificationsUrl), ["exact", "prevent"]))
+              onClick: p[1] || (p[1] = E((l) => $(e.notificationsUrl), ["exact", "prevent"]))
             }, " See all notifications ", 8, ft)
           ], 512), [
-            [ce, x.value]
+            [ue, y.value]
           ])
         ]),
         _: 1
@@ -516,21 +516,21 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
     }
   },
   emits: ["select"],
-  setup(e, { emit: u }) {
-    const p = e, g = u, d = b(null), x = b(!1), y = b(!1);
-    R(() => p.user.avatarUrl, () => {
-      y.value = !1;
+  setup(e, { emit: i }) {
+    const c = e, k = i, f = g(null), y = g(!1), b = g(!1);
+    R(() => c.user.avatarUrl, () => {
+      b.value = !1;
     });
-    const _ = S(() => `${p.user.firstName || ""} ${p.user.surname || ""}`.trim()), M = S(() => `${(p.user.firstName || "").charAt(0)}${(p.user.surname || "").charAt(0)}`.toUpperCase());
-    pe(d, () => {
-      x.value = !1;
+    const S = _(() => `${c.user.firstName || ""} ${c.user.surname || ""}`.trim()), w = _(() => `${(c.user.firstName || "").charAt(0)}${(c.user.surname || "").charAt(0)}`.toUpperCase());
+    de(f, () => {
+      y.value = !1;
     });
-    function w(c) {
-      x.value = !1, g("select", c);
+    function $(x) {
+      y.value = !1, k("select", x);
     }
-    return (c, r) => (o(), i("div", {
+    return (x, p) => (o(), s("div", {
       ref_key: "rootEl",
-      ref: d,
+      ref: f,
       class: "relative font-sans"
     }, [
       n("button", {
@@ -538,17 +538,17 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
         class: "flex cursor-pointer items-center justify-center",
         title: "View Menu Options",
         "aria-label": "View Menu Options",
-        onClick: r[1] || (r[1] = (l) => x.value = !x.value)
+        onClick: p[1] || (p[1] = (l) => y.value = !y.value)
       }, [
-        e.user.avatarUrl && !y.value ? (o(), i("img", {
+        e.user.avatarUrl && !b.value ? (o(), s("img", {
           key: 0,
           src: e.user.avatarUrl,
           alt: "",
           class: "h-[34px] w-[34px] rounded-full object-cover",
-          onError: r[0] || (r[0] = (l) => y.value = !0)
-        }, null, 40, ht)) : (o(), i("span", yt, m(M.value), 1))
+          onError: p[0] || (p[0] = (l) => b.value = !0)
+        }, null, 40, ht)) : (o(), s("span", yt, m(w.value), 1))
       ]),
-      C(se, {
+      M(se, {
         "enter-active-class": "transition-all ease-out duration-75",
         "enter-from-class": "scale-95 opacity-0",
         "enter-to-class": "scale-100 opacity-100",
@@ -556,22 +556,22 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
         "leave-from-class": "scale-100 opacity-100",
         "leave-to-class": "scale-95 opacity-0"
       }, {
-        default: re(() => [
-          K(n("div", vt, [
+        default: ie(() => [
+          G(n("div", vt, [
             n("div", mt, [
-              n("span", bt, m(_.value), 1),
+              n("span", bt, m(S.value), 1),
               gt,
               n("span", kt, m(e.user.orgName), 1)
             ]),
             wt,
-            (o(!0), i(N, null, j(e.menuItems, (l, h) => (o(), i(N, { key: h }, [
-              l.divider ? (o(), i("div", $t)) : (o(), i("a", {
+            (o(!0), s(N, null, L(e.menuItems, (l, u) => (o(), s(N, { key: u }, [
+              l.divider ? (o(), s("div", $t)) : (o(), s("a", {
                 key: 1,
-                href: l.href && G(H)(l.href) || null,
+                href: l.href && q(D)(l.href) || null,
                 class: "flex items-center gap-2.5 px-[18px] py-2 text-[13px] font-semibold text-proclusteal-700 no-underline hover:bg-proclusteal-50 hover:text-proclusteal-900",
-                onClick: A((k) => w(l), ["exact", "prevent"])
+                onClick: E((d) => $(l), ["exact", "prevent"])
               }, [
-                l.icon ? (o(), I(ie(l.icon), {
+                l.icon ? (o(), A(ce(l.icon), {
                   key: 0,
                   class: "!h-4 !w-4 flex-none"
                 })) : v("", !0),
@@ -579,7 +579,7 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
               ], 8, Ct))
             ], 64))), 128))
           ], 512), [
-            [ce, x.value]
+            [ue, y.value]
           ])
         ]),
         _: 1
@@ -592,7 +592,7 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
 }, It = {
   key: 0,
   class: "font-normal text-black-800"
-}, At = { class: "flex items-center gap-3.5 text-proclusteal-600" }, Et = ["href", "title", "aria-label"], Nt = { class: "flex items-center gap-[18px] sm:gap-[25px]" }, Bt = {
+}, At = ["href", "title", "aria-label"], Et = { class: "flex items-center gap-[18px] sm:gap-[25px]" }, Bt = {
   __name: "AppHeader",
   props: {
     title: {
@@ -615,6 +615,12 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
       type: Boolean,
       default: !1
     },
+    // Per-module accent (proclus `.top-left-part:after`): a 2x45px bar dividing the
+    // brand block from the header icons. Omit for no divider.
+    accentColour: {
+      type: String,
+      default: ""
+    },
     user: {
       type: Object,
       default: null
@@ -649,85 +655,94 @@ const Le = (e) => (we("data-v-b4eb0ff3"), e = e(), $e(), e), ze = { class: "flex
     }
   },
   emits: ["navigate", "home", "menu-select", "markAsRead", "deleteNotification"],
-  setup(e, { emit: u }) {
-    const p = e, g = u, d = ae(), x = b(!1);
-    function y(c) {
-      var l, h;
-      if (!c)
+  setup(e, { emit: i }) {
+    const c = e, k = i, f = re(), y = g(!1), b = _(() => fe(c.accentColour)), S = _(() => b.value || "#1c6f63");
+    function w(l) {
+      var d, T;
+      if (!l)
         return;
-      const r = H(c);
-      r && (g("navigate", r), (h = (l = d == null ? void 0 : d.vnode) == null ? void 0 : l.props) != null && h.onNavigate || (window.location.href = r));
+      const u = D(l);
+      u && (k("navigate", u), (T = (d = f == null ? void 0 : f.vnode) == null ? void 0 : d.props) != null && T.onNavigate || (window.location.href = u));
     }
-    function _() {
-      g("home"), y(p.homeUrl);
+    function $() {
+      k("home"), w(c.homeUrl);
     }
-    function M() {
+    function x() {
       window.history.back();
     }
-    function w(c) {
-      g("menu-select", c), c.href && y(c.href);
+    function p(l) {
+      k("menu-select", l), l.href && w(l.href);
     }
-    return (c, r) => (o(), i("header", Mt, [
+    return (l, u) => (o(), s("header", Mt, [
       n("div", St, [
-        B(c.$slots, "logo"),
-        e.title ? (o(), i("span", Tt, [
-          U(m(e.title), 1),
-          e.subtitle ? (o(), i("span", It, " " + m(e.subtitle), 1)) : v("", !0)
+        V(l.$slots, "logo"),
+        e.title ? (o(), s("span", Tt, [
+          j(m(e.title), 1),
+          e.subtitle ? (o(), s("span", It, " " + m(e.subtitle), 1)) : v("", !0)
         ])) : v("", !0),
-        n("nav", At, [
-          e.homeUrl ? (o(), i("a", {
+        b.value ? (o(), s("span", {
+          key: 1,
+          class: "h-[45px] w-[2px] shrink-0",
+          style: K({ background: b.value }),
+          "aria-hidden": "true"
+        }, null, 4)) : v("", !0),
+        n("nav", {
+          class: "flex items-center gap-7 text-proclusteal-600",
+          style: K({ "--hdr-accent": S.value })
+        }, [
+          e.homeUrl ? (o(), s("a", {
             key: 0,
-            href: G(H)(e.homeUrl) || null,
-            class: "hover:text-proclusteal-900",
+            href: q(D)(e.homeUrl) || null,
+            class: "hover:text-[var(--hdr-accent)]",
             title: e.homeTooltip,
             "aria-label": e.homeTooltip,
-            onClick: A(_, ["exact", "prevent"])
+            onClick: E($, ["exact", "prevent"])
           }, [
-            C(Ce, { class: "!h-5 !w-5" })
-          ], 8, Et)) : v("", !0),
-          e.showBack ? (o(), i("button", {
+            M(_e, { class: "!h-[22px] !w-[22px]" })
+          ], 8, At)) : v("", !0),
+          e.showBack ? (o(), s("button", {
             key: 1,
             type: "button",
-            class: "cursor-pointer hover:text-proclusteal-900",
+            class: "cursor-pointer hover:text-[var(--hdr-accent)]",
             title: "Go Back",
             "aria-label": "Go Back",
-            onClick: M
+            onClick: x
           }, [
-            C(_e, { class: "!h-5 !w-5" })
+            M(Me, { class: "!h-[22px] !w-[22px]" })
           ])) : v("", !0)
-        ]),
-        B(c.$slots, "left")
+        ], 4),
+        V(l.$slots, "left")
       ]),
-      n("div", Nt, [
-        B(c.$slots, "right"),
-        e.searchProvider ? (o(), I(Ee, {
+      n("div", Et, [
+        V(l.$slots, "right"),
+        e.searchProvider ? (o(), A(He, {
           key: 0,
-          onClick: r[0] || (r[0] = (l) => x.value = !0)
+          onClick: u[0] || (u[0] = (d) => y.value = !0)
         })) : v("", !0),
-        e.notifications ? (o(), I(xt, {
+        e.notifications ? (o(), A(xt, {
           key: 1,
           notifications: e.notifications,
           "notifications-url": e.notificationsUrl,
           "icon-map": e.notificationIconMap,
-          onMarkAsRead: r[1] || (r[1] = (l) => c.$emit("markAsRead", l)),
-          onDeleteNotification: r[2] || (r[2] = (l) => c.$emit("deleteNotification", l)),
-          onNavigate: y
+          onMarkAsRead: u[1] || (u[1] = (d) => l.$emit("markAsRead", d)),
+          onDeleteNotification: u[2] || (u[2] = (d) => l.$emit("deleteNotification", d)),
+          onNavigate: w
         }, null, 8, ["notifications", "notifications-url", "icon-map"])) : v("", !0),
-        e.user ? (o(), I(_t, {
+        e.user ? (o(), A(_t, {
           key: 2,
           user: e.user,
           "menu-items": e.menuItems,
-          onSelect: w
+          onSelect: p
         }, null, 8, ["user", "menu-items"])) : v("", !0)
       ]),
-      e.searchProvider ? (o(), I(Ze, {
+      e.searchProvider ? (o(), A(Ze, {
         key: 0,
-        open: x.value,
-        "onUpdate:open": r[3] || (r[3] = (l) => x.value = l),
+        open: y.value,
+        "onUpdate:open": u[3] || (u[3] = (d) => y.value = d),
         "search-provider": e.searchProvider,
         placeholder: e.searchPlaceholder,
         types: e.searchTypes,
-        onNavigate: y
+        onNavigate: w
       }, null, 8, ["open", "search-provider", "placeholder", "types"])) : v("", !0)
     ]));
   }
@@ -736,8 +751,8 @@ export {
   Bt as AppHeader,
   Ne as DEFAULT_SEARCH_TYPES,
   Ze as GlobalSearchModal,
-  Ee as GlobalSearchPill,
+  He as GlobalSearchPill,
   xt as HeaderNotificationDropdown,
   _t as HeaderUserMenu,
-  H as safeUrl
+  D as safeUrl
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zealsolutions/zeal-ui",
-    "version": "1.0.0-alpha.330",
+    "version": "1.0.0-alpha.331",
     "description": "UI library for Zeal Solutions",
     "author": "Zeal Solutions",
     "license": "ISC",