@zealsolutions/zeal-ui 1.0.0-alpha.370 → 1.0.0-alpha.372

package/dist/{DropdownMenuTextItem-ZO-nKluf.js → DropdownMenu-Ddt1Ies6.js}

@@ -1,18 +1,17 @@
-import { useSlots as ae, computed as v, openBlock as r, createElementBlock as b, normalizeClass as T, createElementVNode as d, renderSlot as p, createCommentVNode as $, createVNode as y, withCtx as f, mergeModels as J, ref as i, useModel as fe, onMounted as ve, watch as Q, createTextVNode as E, toDisplayString as Y, createBlock as N, resolveDynamicComponent as pe, unref as W, withDirectives as Z, normalizeStyle as ee, withKeys as he, withModifiers as te, vModelText as me, Fragment as ye, renderList as be, vShow as we, nextTick as ge } from "vue";
+import { useSlots as ae, computed as v, openBlock as f, createElementBlock as g, normalizeClass as T, createElementVNode as c, renderSlot as y, createCommentVNode as $, createVNode as m, withCtx as d, mergeModels as J, ref as i, useModel as fe, onMounted as ve, watch as Q, createTextVNode as E, toDisplayString as Y, createBlock as N, resolveDynamicComponent as pe, unref as W, withDirectives as Z, normalizeStyle as ee, withKeys as he, withModifiers as te, vModelText as me, Fragment as ye, renderList as be, vShow as we, nextTick as ge } from "vue";
 import { _ as xe } from "./OpacityScaleTransition-CtMzqccC.js";
 import { _ as ke } from "./OpacityTranslateTransition-fF3EnRwC.js";
 import { _ as $e } from "./OpacityTransition-D4EuhJnX.js";
-import { i as q, g as _e } from "./axiosHelpers-BGXP7XLq.js";
-import { _ as Se } from "./TruncateText-BOyOYUV6.js";
+import { i as q, g as Se } from "./axiosHelpers-BGXP7XLq.js";
+import { _ as _e } from "./TruncateText-BOyOYUV6.js";
 import { _ as Ce } from "./InfiniteScroll-DMPhdVo-.js";
 import Ie from "./CircleStatusIcon-C4Av0hTY.js";
-import { a as De, u as Be, w as Te, b as Me } from "./index-2g68oy2H.js";
+import { a as Be, u as De, w as Te, b as Me } from "./index-2g68oy2H.js";
 import { _ as Ve } from "./BaseDropdownButton-BD1CMHuM.js";
 import Le from "./MagnifyingGlassIcon-ChYNIA-H.js";
 import Ue from "./XMarkIcon-DKJ_--uA.js";
 import Pe from "./CheckIcon-D0-G6sID.js";
-import { _ as Ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ee = { class: "flex h-full items-center space-x-3" }, Ne = { key: 0 }, We = {
+const Ke = { class: "flex h-full items-center space-x-3" }, Ee = { key: 0 }, Ne = {
   key: 0,
   class: "absolute w-3 inset-y-0 right-4 flex items-center justify-center"
 }, le = {
@@ -28,36 +27,36 @@ const Ee = { class: "flex h-full items-center space-x-3" }, Ne = { key: 0 }, We
     }
   },
   setup(n) {
-    const _ = n, x = ae(), M = v(() => x.prefix && q(x.prefix()[0].type)), V = v(() => x.suffix && q(x.suffix()[0].type)), h = v(() => _.selected ? "bg-app-950 text-white" : _.active ? "bg-steel-300 dark:bg-surface-hover text-black-950 dark:text-content" : "bg-surface-raised text-black-950 dark:text-content");
-    return (l, z) => (r(), b("li", {
+    const C = n, x = ae(), M = v(() => x.prefix && q(x.prefix()[0].type)), V = v(() => x.suffix && q(x.suffix()[0].type)), p = v(() => C.selected ? "bg-app-950 text-white" : C.active ? "bg-steel-300 dark:bg-surface-hover text-black-950 dark:text-content" : "bg-surface-raised text-black-950 dark:text-content");
+    return (l, z) => (f(), g("li", {
       class: T(["relative items-center select-none h-[38px] pl-4 text-style-input", [
-        h.value,
+        p.value,
         V.value ? "pr-8" : "pr-4"
       ]])
     }, [
-      d("div", Ee, [
-        M.value ? (r(), b("div", Ne, [
-          p(l.$slots, "prefix")
+      c("div", Ke, [
+        M.value ? (f(), g("div", Ee, [
+          y(l.$slots, "prefix")
         ])) : $("", !0),
-        y(Se, {
+        m(_e, {
           active: n.active,
           class: "rotate-0"
         }, {
-          default: f(() => [
-            p(l.$slots, "default")
+          default: d(() => [
+            y(l.$slots, "default")
           ]),
           _: 3
         }, 8, ["active"])
       ]),
-      V.value ? (r(), b("span", We, [
-        p(l.$slots, "suffix")
+      V.value ? (f(), g("span", Ne, [
+        y(l.$slots, "suffix")
       ])) : $("", !0)
     ], 2));
   }
-}, qe = { class: "relative" }, ze = {
+}, We = { class: "relative" }, qe = {
   key: 0,
   class: "bg-steel-100 dark:bg-surface border-b-0"
-}, Ae = { class: "relative cursor-default select-none h-[38px] pl-4 text-black-950 dark:text-content text-style-input pr-5" }, je = { class: "flex h-full items-center space-x-3" }, He = { class: "relative h-2.5 w-2.5" }, Re = ["placeholder", "onKeydown", "disabled"], Fe = { class: "absolute w-3 inset-y-0 right-4 flex items-center justify-center" }, Oe = { class: "text-style-base-body focus:outline-none" }, B = 38, dt = {
+}, ze = { class: "relative cursor-default select-none h-[38px] pl-4 text-black-950 dark:text-content text-style-input pr-5" }, Ae = { class: "flex h-full items-center space-x-3" }, je = { class: "relative h-2.5 w-2.5" }, He = ["placeholder", "onKeydown", "disabled"], Re = { class: "absolute w-3 inset-y-0 right-4 flex items-center justify-center" }, Fe = { class: "text-style-base-body focus:outline-none" }, D = 38, nt = {
   __name: "DropdownMenu",
   props: /* @__PURE__ */ J({
     displayRows: {
@@ -143,96 +142,96 @@ const Ee = { class: "flex h-full items-center space-x-3" }, Ne = { key: 0 }, We
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ J(["error"], ["update:modelValue"]),
-  setup(n, { emit: _ }) {
-    const { width: x, height: M } = De(), h = Be(Me).smaller("sm"), l = n, z = _, A = ae(), oe = v(() => A.buttonIcon && q(A.buttonIcon()[0].type)), S = i(null), u = i(null), j = i(null), m = fe(n, "modelValue"), o = i(null), L = v(() => !m.value || k.value.length === 0 ? null : k.value.find((e) => e.id === m.value)), U = i(5), se = v(() => l.scrollable ? l.displayRows * B + 24 : "none"), C = i("down"), c = i(!1), H = i(0), s = i(l.data), k = i(l.data), w = i(""), I = v(() => l.buttonPosition === "left"), ne = v(() => h.value ? "origin-bottom" : C.value === "down" ? I.value ? "origin-top-left" : "origin-top-right" : I.value ? "origin-bottom-left" : "origin-bottom-right");
+  setup(n, { emit: C }) {
+    const { width: x, height: M } = Be(), p = De(Me).smaller("sm"), l = n, z = C, A = ae(), oe = v(() => A.buttonIcon && q(A.buttonIcon()[0].type)), S = i(null), r = i(null), j = i(null), h = fe(n, "modelValue"), o = i(null), L = v(() => !h.value || k.value.length === 0 ? null : k.value.find((e) => e.id === h.value)), U = i(5), se = v(() => l.scrollable ? l.displayRows * D + 24 : "none"), _ = i("down"), u = i(!1), H = i(0), s = i(l.data), k = i(l.data), b = i(""), I = v(() => l.buttonPosition === "left"), ne = v(() => p.value ? "origin-bottom" : _.value === "down" ? I.value ? "origin-top-left" : "origin-top-right" : I.value ? "origin-bottom-left" : "origin-bottom-right");
     let R = null, F = null;
-    const D = i(!1), P = () => {
-      l.disabled || (c.value = !c.value, m.value !== void 0 && (o.value = m.value), c.value ? ge(() => {
-        u.value.$el.scrollTop = H.value;
+    const B = i(!1), P = () => {
+      l.disabled || (u.value = !u.value, h.value !== void 0 && (o.value = h.value), u.value ? ge(() => {
+        r.value.$el.scrollTop = H.value;
       }) : o.value = null);
     }, K = (e) => {
-      H.value = u.value.$el.scrollTop, m.value = e, c.value = !1;
+      H.value = r.value.$el.scrollTop, h.value = e, u.value = !1;
     }, O = (e) => {
       o.value = e;
     }, G = () => {
       let e = j.value.getBoundingClientRect();
       S.value.style.display = "block";
       let a = S.value.clientHeight;
-      S.value.style.display = "none", e.top + e.height + a > window.innerHeight ? (C.value = "up", U.value = -a - e.height - 5) : (C.value = "down", U.value = 5);
+      S.value.style.display = "none", e.top + e.height + a > window.innerHeight ? (_.value = "up", U.value = -a - e.height - 5) : (_.value = "down", U.value = 5);
     }, ie = (e) => {
-      e.preventDefault(), u.value.$el.focus(), w.value !== "" && (o.value = s.value[0].id), o.value === null && (o.value = s.value[0].id);
+      e.preventDefault(), r.value.$el.focus(), b.value !== "" && (o.value = s.value[0].id), o.value === null && (o.value = s.value[0].id);
     }, re = (e) => {
       e.preventDefault();
-      let a = Math.floor(u.value.$el.scrollTop / B);
-      if (e.key === "Escape" && (o.value = null, c.value = !1), e.key === "ArrowDown") {
+      let a = Math.floor(r.value.$el.scrollTop / D);
+      if (e.key === "Escape" && (o.value = null, u.value = !1), e.key === "ArrowDown") {
         let t;
-        s.value.length > 0 ? (t = s.value.findIndex((g) => g.id === o.value), t < s.value.length - 1 && (o.value = s.value[t + 1].id)) : ((o.value === null || o.value < F) && o.value++, t = o.value - 1), t - a > l.displayRows - 2 && (u.value.$el.scrollTop += B);
+        s.value.length > 0 ? (t = s.value.findIndex((w) => w.id === o.value), t < s.value.length - 1 && (o.value = s.value[t + 1].id)) : ((o.value === null || o.value < F) && o.value++, t = o.value - 1), t - a > l.displayRows - 2 && (r.value.$el.scrollTop += D);
       }
       if (e.key === "ArrowUp") {
         let t;
-        s.value.length > 0 ? (t = s.value.findIndex((g) => g.id === o.value), t > 0 && (o.value = s.value[t - 1].id)) : o.value === null ? t = 0 : (o.value > 1 && o.value--, t = o.value - 1), t - a < 2 && (u.value.$el.scrollTop -= B);
+        s.value.length > 0 ? (t = s.value.findIndex((w) => w.id === o.value), t > 0 && (o.value = s.value[t - 1].id)) : o.value === null ? t = 0 : (o.value > 1 && o.value--, t = o.value - 1), t - a < 2 && (r.value.$el.scrollTop -= D);
       }
-      (e.key === "Enter" || e.key === "Tab") && (K(o.value), c.value = !1);
+      (e.key === "Enter" || e.key === "Tab") && (K(o.value), u.value = !1);
     }, ue = () => {
-      l.searchable ? S.value.getElementsByTagName("input")[0].focus() : u.value.$el.focus();
+      l.searchable ? S.value.getElementsByTagName("input")[0].focus() : r.value.$el.focus();
     }, ce = (e) => {
     }, X = () => {
-      w.value = "";
+      b.value = "";
     }, de = v(() => {
       let e = `margin-top: ${U.value}px; max-width: ${l.maxWidth};`;
-      return l.forceWidth !== "" && !h.value && (e += `width: ${l.forceWidth};`), e;
+      return l.forceWidth !== "" && !p.value && (e += `width: ${l.forceWidth};`), e;
     });
     return ve(() => {
-      u.value.canEmit = !1, G(), l.fetchUrl !== null && _e(l.fetchUrl, l.fetchParams).then((e) => {
+      r.value.canEmit = !1, G(), l.fetchUrl !== null && Se(l.fetchUrl, l.fetchParams).then((e) => {
         l.responseCallback !== null ? s.value = l.responseCallback(e.data) : s.value = e.data.map((a, t) => ({
           id: a[l.idKey] || t,
           val: a[l.valKey]
         })), k.value = s.value;
       }).catch((e) => {
         z("error", e);
-      }), l.data.length === 0 && (F = u.value.$el.getElementsByTagName("li").length);
+      }), l.data.length === 0 && (F = r.value.$el.getElementsByTagName("li").length);
     }), Q([x, M], () => {
-      h.value || G();
+      p.value || G();
     }), Q(() => l.data, (e) => {
       const a = e || [];
       k.value = a;
-      const t = w.value.trim();
-      s.value = l.searchUrl === null && t !== "" ? a.filter((g) => g.val.toLowerCase().includes(t.toLowerCase())) : a;
-    }), Te(w, (e) => {
+      const t = b.value.trim();
+      s.value = l.searchUrl === null && t !== "" ? a.filter((w) => w.val.toLowerCase().includes(t.toLowerCase())) : a;
+    }), Te(b, (e) => {
       let a = e.trim();
       a !== R && (l.searchUrl !== null ? navValTrimmed === "" && (s.value = k.value) : s.value = k.value.filter((t) => t.val.toLowerCase().includes(a.toLowerCase())), R = a);
-    }, { debounce: l.searchUrl ? 300 : 0, maxWait: l.searchUrl ? 1e3 : void 0 }), (e, a) => (r(), b("div", qe, [
-      d("div", {
+    }, { debounce: l.searchUrl ? 300 : 0, maxWait: l.searchUrl ? 1e3 : void 0 }), (e, a) => (f(), g("div", We, [
+      c("div", {
         ref_key: "button",
         ref: j,
         class: T(["flex", [I.value ? "justify-start" : "justify-end", { "opacity-50 pointer-events-none cursor-not-allowed": n.disabled, "bg-steel-100 dark:bg-surface": n.disabled }]])
       }, [
-        p(e.$slots, "button", {
+        y(e.$slots, "button", {
           selectedItem: L.value,
           toggleDropdown: P,
-          showDropdown: c.value,
-          dropdownDirection: C.value
+          showDropdown: u.value,
+          dropdownDirection: _.value
         }, () => [
-          y(Ve, {
+          m(Ve, {
             "show-button-icon": oe.value,
-            "show-dropdown": c.value,
-            "dropdown-direction": C.value,
+            "show-dropdown": u.value,
+            "dropdown-direction": _.value,
             onClick: P,
             class: T(n.fitContent ? "w-fit" : "w-full")
           }, {
-            buttonIcon: f(() => [
-              p(e.$slots, "buttonIcon")
+            buttonIcon: d(() => [
+              y(e.$slots, "buttonIcon")
             ]),
-            default: f(() => [
+            default: d(() => [
               E(Y(L.value ? L.value.val : n.placeholder) + " ", 1)
             ]),
             _: 3
           }, 8, ["show-button-icon", "show-dropdown", "dropdown-direction", "class"])
         ])
       ], 2),
-      y($e, null, {
-        default: f(() => [
-          c.value ? (r(), b("div", {
+      m($e, null, {
+        default: d(() => [
+          u.value ? (f(), g("div", {
             key: 0,
             class: "fixed inset-0 top-0 left-0 z-10 bg-black-950/85 sm:bg-[transparent]",
             onClick: P
@@ -240,13 +239,13 @@ const Ee = { class: "flex h-full items-center space-x-3" }, Ne = { key: 0 }, We
         ]),
         _: 1
       }),
-      (r(), N(pe(W(h) ? ke : xe), {
-        "enter-active-class": W(h) ? "transition-all duration-200 ease-in delay-100" : "transition-all ease-out duration-75 scale-100",
-        "leave-active-class": W(h) ? "transition-all duration-200 ease-out" : "transition-all ease-in duration-75 scale-100",
+      (f(), N(pe(W(p) ? ke : xe), {
+        "enter-active-class": W(p) ? "transition-all duration-200 ease-in delay-100" : "transition-all ease-out duration-75 scale-100",
+        "leave-active-class": W(p) ? "transition-all duration-200 ease-out" : "transition-all ease-in duration-75 scale-100",
         onAfterEnter: ue
       }, {
-        default: f(() => [
-          Z(d("div", {
+        default: d(() => [
+          Z(c("div", {
             ref_key: "container",
             ref: S,
             class: T(["fixed bottom-[75px] left-2.5 w-[calc(100%-20px)] sm:bottom-auto sm:absolute flex flex-col z-20 rounded-[20px] border-steel-400 dark:border-line-strong overflow-hidden shadow-zeal-md", [
@@ -257,33 +256,33 @@ const Ee = { class: "flex h-full items-center space-x-3" }, Ne = { key: 0 }, We
             ]]),
             style: ee(de.value)
           }, [
-            p(e.$slots, "search", {
-              searchString: w.value,
+            y(e.$slots, "search", {
+              searchString: b.value,
               clearSearch: X,
-              inputDisabled: D.value
+              inputDisabled: B.value
             }, () => [
-              n.searchable ? (r(), b("div", ze, [
-                d("div", Ae, [
-                  d("div", je, [
-                    d("div", He, [
-                      y(Le, { class: "absolute scale-[0.8182] -left-1 -top-1 origin-top-left text-steel-600 dark:text-content-muted" })
+              n.searchable ? (f(), g("div", qe, [
+                c("div", ze, [
+                  c("div", Ae, [
+                    c("div", je, [
+                      m(Le, { class: "absolute scale-[0.8182] -left-1 -top-1 origin-top-left text-steel-600 dark:text-content-muted" })
                     ]),
-                    d("div", null, [
-                      Z(d("input", {
+                    c("div", null, [
+                      Z(c("input", {
                         type: "text",
                         class: "w-full text-style-input bg-[transparent] focus:outline-none focus:ring-0 border-0 px-0",
                         tabindex: "-1",
                         placeholder: n.searchPlaceholder,
-                        "onUpdate:modelValue": a[0] || (a[0] = (t) => w.value = t),
+                        "onUpdate:modelValue": a[0] || (a[0] = (t) => b.value = t),
                         onKeydown: he(te(ie, ["self"]), ["tab"]),
-                        disabled: D.value
-                      }, null, 40, Re), [
-                        [me, w.value]
+                        disabled: B.value
+                      }, null, 40, He), [
+                        [me, b.value]
                       ])
                     ])
                   ]),
-                  d("span", Fe, [
-                    y(Ue, {
+                  c("span", Re, [
+                    m(Ue, {
                       class: "scale-[0.8182] text-steel-700 dark:text-content-muted cursor-pointer",
                       onClick: X
                     })
@@ -291,49 +290,49 @@ const Ee = { class: "flex h-full items-center space-x-3" }, Ne = { key: 0 }, We
                 ])
               ])) : $("", !0)
             ]),
-            y(Ce, {
+            m(Ce, {
               ref_key: "list",
-              ref: u,
+              ref: r,
               down: !1,
               tabindex: "-1",
               class: "w-full py-0 ring-inset focus:outline-none",
               style: ee(`max-height: ${se.value}px;`),
               onLoad: ce,
               onKeydown: te(re, ["self"]),
-              onFocus: a[1] || (a[1] = (t) => D.value = !0),
-              onBlur: a[2] || (a[2] = (t) => D.value = !1)
+              onFocus: a[1] || (a[1] = (t) => B.value = !0),
+              onBlur: a[2] || (a[2] = (t) => B.value = !1)
             }, {
-              default: f(() => [
-                d("ul", Oe, [
-                  p(e.$slots, "default", {
+              default: d(() => [
+                c("ul", Fe, [
+                  y(e.$slots, "default", {
                     itemList: s.value,
                     setActive: O,
                     selectItem: K,
-                    selectedId: m.value,
+                    selectedId: h.value,
                     activeId: o.value
                   }, () => [
-                    (r(!0), b(ye, null, be(s.value, (t) => (r(), N(le, {
+                    (f(!0), g(ye, null, be(s.value, (t) => (f(), N(le, {
                       key: t.id,
-                      selected: t.id === m.value,
+                      selected: t.id === h.value,
                       active: t.id === o.value,
-                      onClick: (g) => K(t.id),
-                      onMouseenter: (g) => O(t.id)
+                      onClick: (w) => K(t.id),
+                      onMouseenter: (w) => O(t.id)
                     }, {
-                      prefix: f(() => [
-                        y(Ie)
+                      prefix: d(() => [
+                        m(Ie)
                       ]),
-                      suffix: f(() => [
-                        t.id === m.value ? (r(), N(Pe, { key: 0 })) : $("", !0)
+                      suffix: d(() => [
+                        t.id === h.value ? (f(), N(Pe, { key: 0 })) : $("", !0)
                       ]),
-                      default: f(() => [
+                      default: d(() => [
                         E(Y(t.val) + " ", 1)
                       ]),
                       _: 2
                     }, 1032, ["selected", "active", "onClick", "onMouseenter"]))), 128))
                   ]),
-                  (n.searchable || n.fetchUrl !== null) && s.value.length === 0 ? p(e.$slots, "empty", { key: 0 }, () => [
-                    y(le, { tabindex: "-1" }, {
-                      default: f(() => [
+                  (n.searchable || n.fetchUrl !== null) && s.value.length === 0 ? y(e.$slots, "empty", { key: 0 }, () => [
+                    m(le, { tabindex: "-1" }, {
+                      default: d(() => [
                         E(" No items found ")
                       ]),
                       _: 1
@@ -344,22 +343,15 @@ const Ee = { class: "flex h-full items-center space-x-3" }, Ne = { key: 0 }, We
               _: 3
             }, 8, ["style"])
           ], 6), [
-            [we, c.value]
+            [we, u.value]
           ])
         ]),
         _: 3
       }, 40, ["enter-active-class", "leave-active-class"]))
     ]));
   }
-}, Ge = {}, Xe = { class: "relative flex items-center cursor-default select-none h-[38px] pl-4 pr-4 rotate-0" };
-function Je(n, _) {
-  return r(), b("li", Xe, [
-    p(n.$slots, "default")
-  ]);
-}
-const ft = /* @__PURE__ */ Ke(Ge, [["render", Je]]);
+};
 export {
-  ft as D,
   le as _,
-  dt as a
+  nt as a
 };

package/dist/DropdownMenuTextItem-DWvsqiMp.js

@@ -0,0 +1,12 @@
+import { openBlock as t, createElementBlock as r, renderSlot as o } from "vue";
+import { _ as n } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const c = {}, s = { class: "relative flex items-center cursor-default select-none h-[38px] pl-4 pr-4 rotate-0" };
+function l(e, a) {
+  return t(), r("li", s, [
+    o(e.$slots, "default")
+  ]);
+}
+const p = /* @__PURE__ */ n(c, [["render", l]]);
+export {
+  p as D
+};

package/dist/{NavigationMenuNotification-esXj2SPy.js → NavigationMenuNotification-DRjZA0Xb.js}

@@ -1,15 +1,16 @@
-import { openBlock as u, createElementBlock as h, createElementVNode as r, normalizeClass as f, renderSlot as k, ref as g, watch as T, createBlock as b, resolveDynamicComponent as j, withCtx as t, toDisplayString as O, createCommentVNode as A, useAttrs as E, computed as M, resolveComponent as L, createVNode as a, mergeProps as B, unref as v, mergeModels as W, useModel as z, normalizeStyle as $, Fragment as R, renderList as U, createTextVNode as m } from "vue";
+import { openBlock as u, createElementBlock as h, createElementVNode as r, normalizeClass as f, renderSlot as k, ref as g, watch as T, createBlock as b, resolveDynamicComponent as j, withCtx as t, toDisplayString as O, createCommentVNode as A, useAttrs as E, computed as M, resolveComponent as L, createVNode as a, mergeProps as B, unref as m, mergeModels as W, useModel as z, normalizeStyle as $, Fragment as R, renderList as U, createTextVNode as v } from "vue";
 import { u as F, d as G, b as X } from "./index-2g68oy2H.js";
 import { _ as N } from "./OpacityTransition-D4EuhJnX.js";
 import { _ as H } from "./ProclusLogo-By7XypEC.js";
 import J from "./BarsIcon-CY8KeVq7.js";
 import K from "./XMarkIcon-DKJ_--uA.js";
-import { a as S, _ as p, D as q } from "./DropdownMenuTextItem-ZO-nKluf.js";
+import { a as S, _ as p } from "./DropdownMenu-Ddt1Ies6.js";
 import Q from "./UserIcon-18Fdcxc7.js";
 import Y from "./SlidersIcon-DOirWVZO.js";
 import Z from "./UserGearIcon-AsvyYngF.js";
 import ee from "./ArrowRightBracketIcon-D_o7oYWm.js";
 import te from "./NotificationIcon-BqK4xBPK.js";
+import { D as q } from "./DropdownMenuTextItem-DWvsqiMp.js";
 import ae from "./AlarmClockIcon-DMGjjgG0.js";
 import se from "./CircleInfoIcon-B6-Jx1og.js";
 import ne from "./FileChartColumnIcon-CUXA0UIo.js";
@@ -145,7 +146,7 @@ const le = {
             "text-delay": e.textDelay,
             "enter-active-class": e.enterActiveClass,
             "leave-active-class": e.leaveActiveClass
-          }, v(i)), {
+          }, m(i)), {
             default: t(() => [
               k(l.$slots, "default")
             ]),
@@ -164,7 +165,7 @@ const le = {
               "text-delay": e.textDelay,
               "enter-active-class": e.enterActiveClass,
               "leave-active-class": e.leaveActiveClass
-            }, v(i)), {
+            }, m(i)), {
               default: t(() => [
                 k(l.$slots, "default")
               ]),
@@ -176,7 +177,7 @@ const le = {
       ]);
     };
   }
-}), de = { class: "hidden sm:flex flex-col" }, fe = { class: "hidden sm:flex flex-1 items-end relative" }, ve = ["href"], _e = {
+}), de = { class: "hidden sm:flex flex-col" }, fe = { class: "hidden sm:flex flex-1 items-end relative" }, me = ["href"], Oe = {
   __name: "SideNavigation",
   props: /* @__PURE__ */ W({
     menuItems: {
@@ -272,7 +273,7 @@ const le = {
                 e.basePath + x.path === e.currentPath && e.navActiveItemTextColour ? `color: ${e.navActiveItemTextColour}` : ""
               ]),
               leaveActiveClass: "duration-0",
-              "show-title": v(o) || v(n) && (v(c) || s.value)
+              "show-title": m(o) || m(n) && (m(c) || s.value)
             }, null, 8, ["item", "class", "style", "show-title"]))), 128))
           ]),
           _: 1
@@ -285,14 +286,14 @@ const le = {
             a(H, {
               class: f(["hover:opacity-75", e.darkMode ? "text-[#017068]" : "text-white"]),
               "enter-active-class": "transition-opacity duration-300 ease-in delay-100",
-              "show-text": v(o) || v(n) && (v(c) || s.value)
+              "show-text": m(o) || m(n) && (m(c) || s.value)
             }, null, 8, ["class", "show-text"])
-          ], 8, ve)
+          ], 8, me)
         ])
       ], 38)
     ], 6));
   }
-}, me = ["onClick"], he = { class: "flex justify-center w-[24px]" }, xe = { class: "flex justify-center w-[24px]" }, ye = { class: "flex justify-center w-[24px]" }, Oe = {
+}, ve = ["onClick"], he = { class: "flex justify-center w-[24px]" }, xe = { class: "flex justify-center w-[24px]" }, ye = { class: "flex justify-center w-[24px]" }, Ee = {
   __name: "NavigationMenuProfile",
   setup(e) {
     const i = {
@@ -318,7 +319,7 @@ const le = {
             ]),
             _: 1
           })
-        ], 8, me)
+        ], 8, ve)
       ]),
       default: t(({ setActive: n, selectItem: l, activeId: c }) => [
         a(p, {
@@ -333,7 +334,7 @@ const le = {
             ])
           ]),
           default: t(() => [
-            m(" Settings ")
+            v(" Settings ")
           ]),
           _: 2
         }, 1032, ["active", "onMouseenter", "onClick"]),
@@ -349,7 +350,7 @@ const le = {
             ])
           ]),
           default: t(() => [
-            m(" Account ")
+            v(" Account ")
           ]),
           _: 2
         }, 1032, ["active", "onMouseenter", "onClick"]),
@@ -365,7 +366,7 @@ const le = {
             ])
           ]),
           default: t(() => [
-            m(" Logout ")
+            v(" Logout ")
           ]),
           _: 2
         }, 1032, ["active", "onMouseenter", "onClick"])
@@ -373,7 +374,7 @@ const le = {
       _: 1
     }));
   }
-}, pe = ["onClick"], be = { class: "flex justify-center w-[24px]" }, we = { class: "flex justify-center w-[24px]" }, ke = { class: "flex justify-center w-[24px]" }, Ee = {
+}, pe = ["onClick"], be = { class: "flex justify-center w-[24px]" }, we = { class: "flex justify-center w-[24px]" }, ke = { class: "flex justify-center w-[24px]" }, Le = {
   __name: "NavigationMenuNotification",
   setup(e) {
     const i = {
@@ -408,7 +409,7 @@ const le = {
           onMouseenter: (s) => n(null)
         }, {
           default: t(() => [
-            m(" Notifications ")
+            v(" Notifications ")
           ]),
           _: 2
         }, 1032, ["onMouseenter"]),
@@ -424,7 +425,7 @@ const le = {
             ])
           ]),
           default: t(() => [
-            m(" This is a reminder notification ")
+            v(" This is a reminder notification ")
           ]),
           _: 2
         }, 1032, ["active", "onMouseenter", "onClick"]),
@@ -440,7 +441,7 @@ const le = {
             ])
           ]),
           default: t(() => [
-            m(" This is a warning notification ")
+            v(" This is a warning notification ")
           ]),
           _: 2
         }, 1032, ["active", "onMouseenter", "onClick"]),
@@ -456,7 +457,7 @@ const le = {
             ])
           ]),
           default: t(() => [
-            m(" This is a report notification ")
+            v(" This is a report notification ")
           ]),
           _: 2
         }, 1032, ["active", "onMouseenter", "onClick"]),
@@ -465,7 +466,7 @@ const le = {
           onMouseenter: (s) => n(null)
         }, {
           default: t(() => [
-            m(" View all notifications ")
+            v(" View all notifications ")
           ]),
           _: 2
         }, 1032, ["onMouseenter"])
@@ -478,7 +479,7 @@ export {
   le as _,
   C as a,
   ue as b,
-  Ee as c,
-  Oe as d,
-  _e as e
+  Le as c,
+  Ee as d,
+  Oe as e
 };

package/dist/components/layouts/index.js

@@ -1,6 +1,6 @@
 import { ref as b, openBlock as r, createElementBlock as d, renderSlot as t, createBlock as u, createCommentVNode as n, createVNode as s, withCtx as f, unref as k, createElementVNode as l, normalizeStyle as c, normalizeClass as x } from "vue";
 import y from "../../BarsIcon-CY8KeVq7.js";
-import { e as p, _ as w, c as B, d as C } from "../../NavigationMenuNotification-esXj2SPy.js";
+import { e as p, _ as w, c as B, d as C } from "../../NavigationMenuNotification-DRjZA0Xb.js";
 import { _ as $ } from "../../BaseOverlay-BxnWhjM4.js";
 import { _ as q } from "../../OpacityTransition-D4EuhJnX.js";
 import { u as I, b as M } from "../../index-2g68oy2H.js";

package/dist/components/menus/index.js

@@ -1,5 +1,6 @@
-import { _ as R } from "../../DropdownMenuTextItem-ZO-nKluf.js";
-import { a as ol, D as nl } from "../../DropdownMenuTextItem-ZO-nKluf.js";
+import { _ as R } from "../../DropdownMenu-Ddt1Ies6.js";
+import { a as ol } from "../../DropdownMenu-Ddt1Ies6.js";
+import { D as sl } from "../../DropdownMenuTextItem-DWvsqiMp.js";
 import { mergeModels as j, useSlots as ie, computed as w, ref as s, useModel as re, onMounted as ue, watch as de, openBlock as p, createElementBlock as I, createElementVNode as d, normalizeClass as V, renderSlot as k, createVNode as m, withCtx as c, createTextVNode as L, toDisplayString as F, createCommentVNode as D, createBlock as U, resolveDynamicComponent as ce, unref as K, withDirectives as O, normalizeStyle as G, withKeys as fe, withModifiers as X, vModelText as ve, Fragment as pe, renderList as me, vShow as he, nextTick as ye } from "vue";
 import { _ as we } from "../../OpacityScaleTransition-CtMzqccC.js";
 import { _ as ge } from "../../OpacityTranslateTransition-fF3EnRwC.js";
@@ -304,5 +305,5 @@ export {
   ol as DropdownMenu,
   R as DropdownMenuItem,
   ll as DropdownMenuMulti,
-  nl as DropdownMenuTextItem
+  sl as DropdownMenuTextItem
 };

package/dist/components/navigation/index.js

@@ -1,4 +1,4 @@
-import { _ as n, a as e, b as o, c as t, d as N, e as g } from "../../NavigationMenuNotification-esXj2SPy.js";
+import { _ as n, a as e, b as o, c as t, d as N, e as g } from "../../NavigationMenuNotification-DRjZA0Xb.js";
 export {
   n as NavigationMenu,
   e as NavigationMenuItem,

package/dist/components/sop-diff/index.js

@@ -368,7 +368,7 @@ const K = { class: "flex flex-col h-full overflow-hidden" }, X = { class: "text-
   key: 0,
   "data-testid": "preview-diff-legend",
   class: "border-b-[1px] border-steel-300 dark:border-line px-6 py-[10px] flex items-center gap-[16px] text-[12px] text-[#697277] dark:text-content-muted shrink-0"
-}, ee = /* @__PURE__ */ V('<span class="font-semibold" data-v-065b2cb7>Unpublished draft changes</span><span class="flex items-center gap-[5px]" data-v-065b2cb7><span class="inline-block w-[14px] h-[10px] rounded-[2px]" style="background-color:#d4fcbc;" data-v-065b2cb7></span>Added</span><span class="flex items-center gap-[5px]" data-v-065b2cb7><span class="inline-block w-[14px] h-[10px] rounded-[2px]" style="background-color:#fbb6c2;" data-v-065b2cb7></span>Removed</span>', 3), te = {
+}, ee = /* @__PURE__ */ V('<span class="font-semibold" data-v-6cebbfea>Unpublished draft changes</span><span class="flex items-center gap-[5px]" data-v-6cebbfea><span class="inline-block w-[14px] h-[10px] rounded-[2px]" style="background-color:#d4fcbc;" data-v-6cebbfea></span>Added</span><span class="flex items-center gap-[5px]" data-v-6cebbfea><span class="inline-block w-[14px] h-[10px] rounded-[2px]" style="background-color:#fbb6c2;" data-v-6cebbfea></span>Removed</span>', 3), te = {
   key: 0,
   "data-testid": "preview-diff-loading",
   class: "italic"
@@ -418,7 +418,7 @@ const K = { class: "flex flex-col h-full overflow-hidden" }, X = { class: "text-
       ])
     ]));
   }
-}, be = /* @__PURE__ */ T(ce, [["__scopeId", "data-v-065b2cb7"]]);
+}, be = /* @__PURE__ */ T(ce, [["__scopeId", "data-v-6cebbfea"]]);
 export {
   be as SopCompare,
   fe as buildPreview,