@zealsolutions/zeal-ui 1.0.0-alpha.310 → 1.0.0-alpha.312

package/dist/components/tiptap/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as Rr, ref as I, onMounted as rn, onBeforeUnmount as La, h as Pr, getCurrentInstance as Ra, watchEffect as Gd, nextTick as Cr, unref as P, markRaw as Xd, provide as Ic, customRef as ym, reactive as Ii, render as Lc, computed as le, openBlock as x, createBlock as K, withCtx as $, createElementVNode as v, normalizeClass as _, createVNode as R, pushScopeId as bm, popScopeId as vm, createElementBlock as T, useAttrs as wm, Teleport as Yd, resolveDynamicComponent as pn, createCommentVNode as F, mergeProps as xm, renderSlot as oe, mergeModels as Tn, useModel as Bo, withDirectives as bo, vModelDynamic as Cm, createTextVNode as fe, resolveComponent as no, normalizeStyle as lt, withModifiers as Lt, toDisplayString as te, watch as Tt, Fragment as ye, renderList as Te, vShow as Fl, Transition as Ts, useSlots as Zd, withKeys as km, vModelText as Sm, getCurrentScope as Tm, onScopeDispose as Em, onUnmounted as Am, isRef as Mm, defineAsyncComponent as Om } from "vue";
+import { defineComponent as Rr, ref as I, onMounted as rn, onBeforeUnmount as La, h as Pr, getCurrentInstance as Ra, watchEffect as Gd, nextTick as Cr, unref as P, markRaw as Xd, provide as Ic, customRef as ym, reactive as Ii, render as Lc, computed as le, openBlock as x, createBlock as K, withCtx as $, createElementVNode as v, normalizeClass as z, createVNode as R, pushScopeId as bm, popScopeId as vm, createElementBlock as T, useAttrs as wm, Teleport as Yd, resolveDynamicComponent as pn, createCommentVNode as F, mergeProps as xm, renderSlot as oe, mergeModels as Tn, useModel as Bo, withDirectives as bo, vModelDynamic as Cm, createTextVNode as fe, resolveComponent as no, normalizeStyle as lt, withModifiers as Lt, toDisplayString as te, watch as Tt, Fragment as ye, renderList as Te, vShow as Fl, Transition as Ts, useSlots as Zd, withKeys as km, vModelText as Sm, getCurrentScope as Tm, onScopeDispose as Em, onUnmounted as Am, isRef as Mm, defineAsyncComponent as Om } from "vue";
 import { _ as Pa } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import { m as Nm, v as Dm, e as Im, d as Lm, s as Qd, $ as ef, j as Rm, b as Pm, H as Bm, k as $m } from "../../index-COL9-cc5.js";
 import { a as vo, _ as $o } from "../../SecondaryButton-btKxXICN.js";
@@ -13478,25 +13478,25 @@ function T2(n, e) {
   function ce(S) {
     S === void 0 && (S = !1), w.style.pointerEvents = y.props.interactive && !S ? "" : "none", w.style.zIndex = "" + y.props.zIndex;
   }
-  function Me(S, z, W) {
+  function Me(S, _, W) {
     if (W === void 0 && (W = !0), H.forEach(function(re) {
-      re[S] && re[S].apply(re, z);
+      re[S] && re[S].apply(re, _);
     }), W) {
       var se;
-      (se = y.props)[S].apply(se, z);
+      (se = y.props)[S].apply(se, _);
     }
   }
   function ct() {
     var S = y.props.aria;
     if (S.content) {
-      var z = "aria-" + S.content, W = w.id, se = fr(y.props.triggerTarget || n);
+      var _ = "aria-" + S.content, W = w.id, se = fr(y.props.triggerTarget || n);
       se.forEach(function(re) {
-        var Ge = re.getAttribute(z);
+        var Ge = re.getAttribute(_);
         if (y.state.isVisible)
-          re.setAttribute(z, Ge ? Ge + " " + W : W);
+          re.setAttribute(_, Ge ? Ge + " " + W : W);
         else {
           var ut = Ge && Ge.replace(W, "").trim();
-          ut ? re.setAttribute(z, ut) : re.removeAttribute(z);
+          ut ? re.setAttribute(_, ut) : re.removeAttribute(_);
         }
       });
     }
@@ -13504,8 +13504,8 @@ function T2(n, e) {
   function rt() {
     if (!(L || !y.props.aria.expanded)) {
       var S = fr(y.props.triggerTarget || n);
-      S.forEach(function(z) {
-        y.props.interactive ? z.setAttribute("aria-expanded", y.state.isVisible && z === G() ? "true" : "false") : z.removeAttribute("aria-expanded");
+      S.forEach(function(_) {
+        y.props.interactive ? _.setAttribute("aria-expanded", y.state.isVisible && _ === G() ? "true" : "false") : _.removeAttribute("aria-expanded");
       });
     }
   }
@@ -13516,10 +13516,10 @@ function T2(n, e) {
   }
   function q(S) {
     if (!(It.isTouch && (a || S.type === "mousedown"))) {
-      var z = S.composedPath && S.composedPath()[0] || S.target;
-      if (!(y.props.interactive && Zu(w, z))) {
+      var _ = S.composedPath && S.composedPath()[0] || S.target;
+      if (!(y.props.interactive && Zu(w, _))) {
         if (fr(y.props.triggerTarget || n).some(function(W) {
-          return Zu(W, z);
+          return Zu(W, _);
         })) {
           if (It.isTouch || y.state.isVisible && y.props.trigger.indexOf("click") >= 0)
             return;
@@ -13545,31 +13545,31 @@ function T2(n, e) {
     var S = he();
     S.removeEventListener("mousedown", q, !0), S.removeEventListener("touchend", q, Rn), S.removeEventListener("touchstart", ee, Rn), S.removeEventListener("touchmove", ue, Rn);
   }
-  function nr(S, z) {
+  function nr(S, _) {
     rr(S, function() {
-      !y.state.isVisible && w.parentNode && w.parentNode.contains(w) && z();
+      !y.state.isVisible && w.parentNode && w.parentNode.contains(w) && _();
     });
   }
-  function Wt(S, z) {
-    rr(S, z);
+  function Wt(S, _) {
+    rr(S, _);
   }
-  function rr(S, z) {
+  function rr(S, _) {
     var W = ie().box;
     function se(re) {
-      re.target === W && (wl(W, "remove", se), z());
+      re.target === W && (wl(W, "remove", se), _());
     }
     if (S === 0)
-      return z();
+      return _();
     wl(W, "remove", d), wl(W, "add", se), d = se;
   }
-  function on(S, z, W) {
+  function on(S, _, W) {
     W === void 0 && (W = !1);
     var se = fr(y.props.triggerTarget || n);
     se.forEach(function(re) {
-      re.addEventListener(S, z, W), p.push({
+      re.addEventListener(S, _, W), p.push({
         node: re,
         eventType: S,
-        handler: z,
+        handler: _,
         options: W
       });
     });
@@ -13596,21 +13596,21 @@ function T2(n, e) {
   }
   function qo() {
     p.forEach(function(S) {
-      var z = S.node, W = S.eventType, se = S.handler, re = S.options;
-      z.removeEventListener(W, se, re);
+      var _ = S.node, W = S.eventType, se = S.handler, re = S.options;
+      _.removeEventListener(W, se, re);
     }), p = [];
   }
   function Fr(S) {
-    var z, W = !1;
+    var _, W = !1;
     if (!(!y.state.isEnabled || Vr(S) || l)) {
-      var se = ((z = u) == null ? void 0 : z.type) === "focus";
+      var se = ((_ = u) == null ? void 0 : _.type) === "focus";
       u = S, m = S.currentTarget, rt(), !y.state.isVisible && s2(S) && di.forEach(function(re) {
         return re(S);
       }), S.type === "click" && (y.props.trigger.indexOf("mouseenter") < 0 || s) && y.props.hideOnClick !== !1 && y.state.isVisible ? W = !0 : Ur(S), S.type === "click" && (s = !W), W && !se && Dn(S);
     }
   }
   function Ko(S) {
-    var z = S.target, W = G().contains(z) || w.contains(z);
+    var _ = S.target, W = G().contains(_) || w.contains(_);
     if (!(S.type === "mousemove" && W)) {
       var se = sn().concat(w).map(function(re) {
         var Ge, ut = re._tippy, ir = (Ge = ut.popperInstance) == null ? void 0 : Ge.state;
@@ -13624,8 +13624,8 @@ function T2(n, e) {
     }
   }
   function Jo(S) {
-    var z = Vr(S) || y.props.trigger.indexOf("click") >= 0 && s;
-    if (!z) {
+    var _ = Vr(S) || y.props.trigger.indexOf("click") >= 0 && s;
+    if (!_) {
       if (y.props.interactive) {
         y.hideWithInteractivity(S);
         return;
@@ -13641,7 +13641,7 @@ function T2(n, e) {
   }
   function Go() {
     Xo();
-    var S = y.props, z = S.popperOptions, W = S.placement, se = S.offset, re = S.getReferenceClientRect, Ge = S.moveTransition, ut = X() ? fa(w).arrow : null, ir = re ? {
+    var S = y.props, _ = S.popperOptions, W = S.placement, se = S.offset, re = S.getReferenceClientRect, Ge = S.moveTransition, ut = X() ? fa(w).arrow : null, ir = re ? {
       getBoundingClientRect: re,
       contextElement: re.contextElement || G()
     } : n, Dc = {
@@ -13690,7 +13690,7 @@ function T2(n, e) {
         element: ut,
         padding: 3
       }
-    }), In.push.apply(In, (z == null ? void 0 : z.modifiers) || []), y.popperInstance = Yv(ir, w, Object.assign({}, z, {
+    }), In.push.apply(In, (_ == null ? void 0 : _.modifiers) || []), y.popperInstance = Yv(ir, w, Object.assign({}, _, {
       placement: W,
       onFirstUpdate: f,
       modifiers: In
@@ -13700,8 +13700,8 @@ function T2(n, e) {
     y.popperInstance && (y.popperInstance.destroy(), y.popperInstance = null);
   }
   function qt() {
-    var S = y.props.appendTo, z, W = G();
-    y.props.interactive && S === Kp || S === "parent" ? z = W.parentNode : z = Jp(S, [W]), z.contains(w) || z.appendChild(w), y.state.isMounted = !0, Go(), process.env.NODE_ENV !== "production" && Qt(y.props.interactive && S === it.appendTo && W.nextElementSibling !== w, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
+    var S = y.props.appendTo, _, W = G();
+    y.props.interactive && S === Kp || S === "parent" ? _ = W.parentNode : _ = Jp(S, [W]), _.contains(w) || _.appendChild(w), y.state.isMounted = !0, Go(), process.env.NODE_ENV !== "production" && Qt(y.props.interactive && S === it.appendTo && W.nextElementSibling !== w, ["Interactive tippy element may not be accessible via keyboard", "navigation because it is not directly after the reference element", "in the DOM source order.", `
 
 `, "Using a wrapper <div> or <span> tag around the reference element", "solves this by creating a new parentNode context.", `
 
@@ -13714,10 +13714,10 @@ function T2(n, e) {
   }
   function Ur(S) {
     y.clearDelayTimeouts(), S && Me("onTrigger", [y, S]), Re();
-    var z = ae(!0), W = J(), se = W[0], re = W[1];
-    It.isTouch && se === "hold" && re && (z = re), z ? r = setTimeout(function() {
+    var _ = ae(!0), W = J(), se = W[0], re = W[1];
+    It.isTouch && se === "hold" && re && (_ = re), _ ? r = setTimeout(function() {
       y.show();
-    }, z) : y.show();
+    }, _) : y.show();
   }
   function Dn(S) {
     if (y.clearDelayTimeouts(), Me("onUntrigger", [y, S]), !y.state.isVisible) {
@@ -13725,10 +13725,10 @@ function T2(n, e) {
       return;
     }
     if (!(y.props.trigger.indexOf("mouseenter") >= 0 && y.props.trigger.indexOf("click") >= 0 && ["mouseleave", "mousemove"].indexOf(S.type) >= 0 && s)) {
-      var z = ae(!1);
-      z ? o = setTimeout(function() {
+      var _ = ae(!1);
+      _ ? o = setTimeout(function() {
         y.state.isVisible && y.hide();
-      }, z) : i = requestAnimationFrame(function() {
+      }, _) : i = requestAnimationFrame(function() {
         y.hide();
       });
     }
@@ -13745,12 +13745,12 @@ function T2(n, e) {
   function Qo(S) {
     if (process.env.NODE_ENV !== "production" && Qt(y.state.isDestroyed, cr("setProps")), !y.state.isDestroyed) {
       Me("onBeforeUpdate", [y, S]), qo();
-      var z = y.props, W = td(n, Object.assign({}, z, Xu(S), {
+      var _ = y.props, W = td(n, Object.assign({}, _, Xu(S), {
         ignoreAttributes: !0
       }));
-      y.props = W, or(), z.interactiveDebounce !== W.interactiveDebounce && (Vt(), h = Ju(Ko, W.interactiveDebounce)), z.triggerTarget && !W.triggerTarget ? fr(z.triggerTarget).forEach(function(se) {
+      y.props = W, or(), _.interactiveDebounce !== W.interactiveDebounce && (Vt(), h = Ju(Ko, W.interactiveDebounce)), _.triggerTarget && !W.triggerTarget ? fr(_.triggerTarget).forEach(function(se) {
         se.removeAttribute("aria-expanded");
-      }) : W.triggerTarget && n.removeAttribute("aria-expanded"), rt(), ce(), k && k(z, W), y.popperInstance && (Go(), sn().forEach(function(se) {
+      }) : W.triggerTarget && n.removeAttribute("aria-expanded"), rt(), ce(), k && k(_, W), y.popperInstance && (Go(), sn().forEach(function(se) {
         requestAnimationFrame(se._tippy.popperInstance.forceUpdate);
       })), Me("onAfterUpdate", [y, S]);
     }
@@ -13762,8 +13762,8 @@ function T2(n, e) {
   }
   function dm() {
     process.env.NODE_ENV !== "production" && Qt(y.state.isDestroyed, cr("show"));
-    var S = y.state.isVisible, z = y.state.isDestroyed, W = !y.state.isEnabled, se = It.isTouch && !y.props.touch, re = bl(y.props.duration, 0, it.duration);
-    if (!(S || z || W || se) && !G().hasAttribute("disabled") && (Me("onShow", [y], !1), y.props.onShow(y) !== !1)) {
+    var S = y.state.isVisible, _ = y.state.isDestroyed, W = !y.state.isEnabled, se = It.isTouch && !y.props.touch, re = bl(y.props.duration, 0, it.duration);
+    if (!(S || _ || W || se) && !G().hasAttribute("disabled") && (Me("onShow", [y], !1), y.props.onShow(y) !== !1)) {
       if (y.state.isVisible = !0, X() && (w.style.visibility = "visible"), ce(), Re(), y.state.isMounted || (w.style.transition = "none"), X()) {
         var Ge = ie(), ut = Ge.box, ir = Ge.content;
         vl([ut, ir], 0);
@@ -13784,8 +13784,8 @@ function T2(n, e) {
   }
   function fm() {
     process.env.NODE_ENV !== "production" && Qt(y.state.isDestroyed, cr("hide"));
-    var S = !y.state.isVisible, z = y.state.isDestroyed, W = !y.state.isEnabled, se = bl(y.props.duration, 1, it.duration);
-    if (!(S || z || W) && (Me("onHide", [y], !1), y.props.onHide(y) !== !1)) {
+    var S = !y.state.isVisible, _ = y.state.isDestroyed, W = !y.state.isEnabled, se = bl(y.props.duration, 1, it.duration);
+    if (!(S || _ || W) && (Me("onHide", [y], !1), y.props.onHide(y) !== !1)) {
       if (y.state.isVisible = !1, y.state.isShown = !1, c = !1, s = !1, X() && (w.style.visibility = "hidden"), Vt(), Ut(), ce(!0), X()) {
         var re = ie(), Ge = re.box, ut = re.content;
         y.props.animation && (vl([Ge, ut], se), Yu([Ge, ut], "hidden"));
@@ -16012,7 +16012,7 @@ const sh = ih(!1, !0), lh = ih(!0, !0), yw = Se.create({
           v("div", zw, [
             v("button", {
               onClick: s[0] || (s[0] = (l) => r(2)),
-              class: _({
+              class: z({
                 "px-2 py-1 text-xs rounded flex items-center gap-1": !0,
                 "bg-blue-500 hover:bg-blue-600": t.value === 2,
                 "bg-gray-100 text-gray-700 hover:bg-gray-200": t.value !== 2
@@ -16021,7 +16021,7 @@ const sh = ih(!1, !0), lh = ih(!0, !0), yw = Se.create({
             }, Fw, 2),
             v("button", {
               onClick: s[1] || (s[1] = (l) => r(3)),
-              class: _({
+              class: z({
                 "px-2 py-1 text-xs rounded flex items-center gap-1": !0,
                 "bg-blue-500 hover:bg-blue-600": t.value === 3,
                 "bg-gray-100 text-gray-700 hover:bg-gray-200": t.value !== 3
@@ -18293,7 +18293,7 @@ const gi = ({ editor: n }) => {
   setup(n, { emit: e }) {
     const t = e;
     return (r, o) => (x(), T("div", {
-      class: _(["fixed inset-0 z-40", n.transparent ? "bg-transparent" : "bg-black-950/40"]),
+      class: z(["fixed inset-0 z-40", n.transparent ? "bg-transparent" : "bg-black-950/40"]),
       onClick: o[0] || (o[0] = (i) => t("close"))
     }, null, 2));
   }
@@ -18440,7 +18440,7 @@ const gi = ({ editor: n }) => {
       r("blur");
     }, s = le(() => t.hasError && !t.disabled ? "ring-error-950 focus-within:bg-error-100 focus-within:ring-error-950 text-error-950" : t.disabled ? "ring-steel-500 bg-steel-100 cursor-not-allowed" : "ring-steel-500 focus-within:bg-app-100 focus-within:ring-app-950 text-black-950");
     return (l, a) => (x(), T("div", {
-      class: _(["relative flex flex-1 gap-x-2 px-4 text-style-input items-center h-10 rounded-[20px] ring-1 ring-inset focus-within:ring-2 focus-within:outline-none", s.value])
+      class: z(["relative flex flex-1 gap-x-2 px-4 text-style-input items-center h-10 rounded-[20px] ring-1 ring-inset focus-within:ring-2 focus-within:outline-none", s.value])
     }, [
       oe(l.$slots, "icon"),
       bo(v("input", {
@@ -18448,7 +18448,7 @@ const gi = ({ editor: n }) => {
         name: n.label,
         onBlur: i,
         type: n.fieldType,
-        class: _(["flex-1 border-0 bg-transparent pl-0 ring-0 focus:ring-0 outline-none focus:outline-none disabled:placeholder:text-steel-800 disabled:pointer-events-none", n.hasError ? " focus:placeholder:text-error-950 pr-6" : "placeholder:text-steel-950 pr-0"]),
+        class: z(["flex-1 border-0 bg-transparent pl-0 ring-0 focus:ring-0 outline-none focus:outline-none disabled:placeholder:text-steel-800 disabled:pointer-events-none", n.hasError ? " focus:placeholder:text-error-950 pr-6" : "placeholder:text-steel-950 pr-0"]),
         placeholder: n.placeholder,
         disabled: n.disabled
       }, null, 42, lC), [
@@ -18795,15 +18795,15 @@ const zC = /* @__PURE__ */ v("p", { class: "text-style-sub-header text-app-950 p
             default: $(() => [
               v("div", HC, [
                 v("button", {
-                  class: _(["flex flex-col justify-center items-center p-[10px] rounded-xl hover:bg-app-950 *:hover:text-white transition duration-300", l.value == "left" ? "bg-app-950 *:text-white" : "bg-white"]),
+                  class: z(["flex flex-col justify-center items-center p-[10px] rounded-xl hover:bg-app-950 *:hover:text-white transition duration-300", l.value == "left" ? "bg-app-950 *:text-white" : "bg-white"]),
                   onClick: u[3] || (u[3] = (d) => l.value = "left")
                 }, VC, 2),
                 v("button", {
-                  class: _(["flex flex-col justify-center items-center p-[10px] rounded-xl hover:bg-app-950 *:hover:text-white transition duration-300", l.value == "center" ? "bg-app-950 *:text-white" : "bg-white"]),
+                  class: z(["flex flex-col justify-center items-center p-[10px] rounded-xl hover:bg-app-950 *:hover:text-white transition duration-300", l.value == "center" ? "bg-app-950 *:text-white" : "bg-white"]),
                   onClick: u[4] || (u[4] = (d) => l.value = "center")
                 }, qC, 2),
                 v("button", {
-                  class: _(["flex flex-col justify-center items-center p-[10px] rounded-xl hover:bg-app-950 *:hover:text-white transition duration-300", l.value == "end" ? "bg-app-950 *:text-white" : "bg-white"]),
+                  class: z(["flex flex-col justify-center items-center p-[10px] rounded-xl hover:bg-app-950 *:hover:text-white transition duration-300", l.value == "end" ? "bg-app-950 *:text-white" : "bg-white"]),
                   onClick: u[5] || (u[5] = (d) => l.value = "end")
                 }, GC, 2)
               ])
@@ -18969,7 +18969,7 @@ function n5(n, e, t, r, o, i) {
           style: lt("width:" + o.displayWidth + "px;")
         }, [
           v("p", {
-            class: _([i.getTextStyleForAlignment[0], "truncate"]),
+            class: z([i.getTextStyleForAlignment[0], "truncate"]),
             style: lt(i.getTextStyleForAlignment[1])
           }, te(t.node.attrs.imageTitle), 7)
         ], 4)
@@ -19213,7 +19213,7 @@ const r5 = /* @__PURE__ */ Pa(QC, [["render", n5]]), o5 = be.create({
         v("div", a5, [
           (x(!0), T(ye, null, Te(o.value, (h) => bo((x(), T("div", {
             key: h.DocumentGUID,
-            class: _(["w-[200px] h-[200px] flex flex-col justify-center items-center", d.value.includes(h.ImageUrl) ? "scale-95 p-2 border border-app-500 rounded-lg" : ""]),
+            class: z(["w-[200px] h-[200px] flex flex-col justify-center items-center", d.value.includes(h.ImageUrl) ? "scale-95 p-2 border border-app-500 rounded-lg" : ""]),
             onClick: (m) => {
               d.value.includes(h.ImageUrl) ? d.value.splice(d.value.indexOf(h.ImageUrl), 1) : d.value.length < n.numberAllowed && d.value.push(h.ImageUrl);
             }
@@ -19306,7 +19306,7 @@ const r5 = /* @__PURE__ */ Pa(QC, [["render", n5]]), o5 = be.create({
         default: $(() => [
           v("div", y5, [
             v("div", {
-              class: _(i.value.length > 0 ? "h-[450px]" : "")
+              class: z(i.value.length > 0 ? "h-[450px]" : "")
             }, [
               v("div", b5, [
                 v("img", {
@@ -20681,12 +20681,12 @@ const dk = vt.create({
   setup(n) {
     const e = n, t = le(() => e.active ? "bg-app-950" : "bg-white");
     return (r, o) => (x(), T("div", {
-      class: _(["rounded-md cursor-pointer", t.value])
+      class: z(["rounded-md cursor-pointer", t.value])
     }, [
       v("div", gk, [
         oe(r.$slots, "icon"),
         v("span", {
-          class: _(["text-style-body font-medium text-steel-950 group-hover:text-white", e.active ? "text-white" : "text-steel-950"])
+          class: z(["text-style-body font-medium text-steel-950 group-hover:text-white", e.active ? "text-white" : "text-steel-950"])
         }, te(n.controlName), 3)
       ])
     ], 2));
@@ -20733,7 +20733,7 @@ const dk = vt.create({
     };
     return (d, f) => n.editor ? (x(), T("div", {
       key: 0,
-      class: _(["h-full absolute fixed right-0 top-0 bg-white shadow-xl z-50 transition transition-width ease-in-out duration-300", [n.isOpen ? "w-72" : "w-0", n.customClasses]])
+      class: z(["h-full absolute fixed right-0 top-0 bg-white shadow-xl z-50 transition transition-width ease-in-out duration-300", [n.isOpen ? "w-72" : "w-0", n.customClasses]])
     }, [
       n.isOpen ? (x(), T("div", yk, [
         bk,
@@ -20759,7 +20759,7 @@ const dk = vt.create({
           }, {
             icon: $(() => [
               R(Fm, {
-                class: _(["text-steel-950 group-hover:text-white", n.editor.isActive("image") ? "text-white" : "text-steel-950"])
+                class: z(["text-steel-950 group-hover:text-white", n.editor.isActive("image") ? "text-white" : "text-steel-950"])
               }, null, 8, ["class"])
             ]),
             _: 1
@@ -20780,7 +20780,7 @@ const dk = vt.create({
           }, {
             icon: $(() => [
               R(jm, {
-                class: _(["text-steel-950 group-hover:text-white", n.editor.isActive("orderedList") ? "text-white" : "text-steel-950"])
+                class: z(["text-steel-950 group-hover:text-white", n.editor.isActive("orderedList") ? "text-white" : "text-steel-950"])
               }, null, 8, ["class"])
             ]),
             _: 1
@@ -20793,7 +20793,7 @@ const dk = vt.create({
           }, {
             icon: $(() => [
               R(Vm, {
-                class: _(["text-steel-950 group-hover:text-white", n.editor.isActive("table") ? "text-white" : "text-steel-950"])
+                class: z(["text-steel-950 group-hover:text-white", n.editor.isActive("table") ? "text-white" : "text-steel-950"])
               }, null, 8, ["class"])
             ]),
             _: 1
@@ -20806,7 +20806,7 @@ const dk = vt.create({
           }, {
             icon: $(() => [
               R(Um, {
-                class: _(["text-steel-950 group-hover:text-white", n.editor.isActive("ImageCarousel") ? "text-white" : "text-steel-950"])
+                class: z(["text-steel-950 group-hover:text-white", n.editor.isActive("ImageCarousel") ? "text-white" : "text-steel-950"])
               }, null, 8, ["class"])
             ]),
             _: 1
@@ -20819,7 +20819,7 @@ const dk = vt.create({
           }, {
             icon: $(() => [
               R(Wm, {
-                class: _(["text-steel-950 group-hover:text-white", n.editor.isActive("columnBlock") ? "text-white" : "text-steel-950"])
+                class: z(["text-steel-950 group-hover:text-white", n.editor.isActive("columnBlock") ? "text-white" : "text-steel-950"])
               }, null, 8, ["class"])
             ]),
             _: 1
@@ -20986,31 +20986,31 @@ function qk(n, e, t, r, o, i) {
           ])) : F("", !0),
           v("button", {
             onClick: e[2] || (e[2] = (c) => t.editor.chain().focus().toggleBold().run()),
-            class: _([t.editor.isActive("bold") ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
+            class: z([t.editor.isActive("bold") ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
           }, Ik, 2),
           v("button", {
             onClick: e[3] || (e[3] = (c) => t.editor.chain().focus().toggleItalic().run()),
-            class: _([t.editor.isActive("italic") ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
+            class: z([t.editor.isActive("italic") ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
           }, Rk, 2),
           v("button", {
             onClick: e[4] || (e[4] = (c) => t.editor.chain().focus().toggleUnderline().run()),
-            class: _([t.editor.isActive("underline") ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
+            class: z([t.editor.isActive("underline") ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
           }, Bk, 2),
           v("button", {
             onClick: e[5] || (e[5] = (c) => t.editor.chain().focus().toggleStrike().run()),
-            class: _([t.editor.isActive("strike") ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
+            class: z([t.editor.isActive("strike") ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
           }, zk, 2),
           v("button", {
             onClick: e[6] || (e[6] = (c) => t.editor.chain().focus().setTextAlign("left").run()),
-            class: _([t.editor.isActive({ textAlign: "left" }) ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
+            class: z([t.editor.isActive({ textAlign: "left" }) ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
           }, Hk, 2),
           v("button", {
             onClick: e[7] || (e[7] = (c) => t.editor.chain().focus().setTextAlign("center").run()),
-            class: _([t.editor.isActive({ textAlign: "center" }) ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
+            class: z([t.editor.isActive({ textAlign: "center" }) ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
           }, jk, 2),
           v("button", {
             onClick: e[8] || (e[8] = (c) => t.editor.chain().focus().setTextAlign("right").run()),
-            class: _([t.editor.isActive({ textAlign: "right" }) ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
+            class: z([t.editor.isActive({ textAlign: "right" }) ? "bg-steel-500" : "bg-steel-200", "size-6 border border-steel-500 rounded p-0.5 items-center flex justify-center"])
           }, Uk, 2)
         ]),
         i.listActive ? (x(), T("div", Wk, [
@@ -21033,7 +21033,7 @@ function qk(n, e, t, r, o, i) {
 const Kk = /* @__PURE__ */ Pa(kk, [["render", qk]]), Jk = {
   key: 0,
   class: "flex flex-row justify-end mx-8 mb-2"
-}, w7 = {
+}, v7 = {
   __name: "Tiptap",
   props: {
     modelValue: {
@@ -21130,7 +21130,7 @@ const Kk = /* @__PURE__ */ Pa(kk, [["render", qk]]), Jk = {
       v("div", Gk, [
         v("label", {
           for: n.label,
-          class: _(["whitespace-nowrap font-medium pr-5", n.disabled ? "text-steel-800" : ""])
+          class: z(["whitespace-nowrap font-medium pr-5", n.disabled ? "text-steel-800" : ""])
         }, [
           fe(te(n.label), 1),
           n.required ? (x(), T("span", Yk, " *")) : F("", !0)
@@ -21299,7 +21299,7 @@ const Kk = /* @__PURE__ */ Pa(kk, [["render", qk]]), Jk = {
       r("after-leave");
     };
     return (s, l) => (x(), T("div", {
-      class: _(["absolute z-50 pointer-events-none w-48 -translate-x-1/2", n.position === "top" ? "-translate-y-full" : ""]),
+      class: z(["absolute z-50 pointer-events-none w-48 -translate-x-1/2", n.position === "top" ? "-translate-y-full" : ""]),
       style: lt(`top: ${n.top}px; left: ${n.left}px;`)
     }, [
       R(Lh, {
@@ -21309,7 +21309,7 @@ const Kk = /* @__PURE__ */ Pa(kk, [["render", qk]]), Jk = {
         default: $(() => [
           n.show ? (x(), T("div", {
             key: 0,
-            class: _(["bg-black-950 rounded-lg shadow-md py-2.5 px-4 before:absolute before:left-1/2 before:-translate-x-1/2 before:rotate-45 before:w-2.5 before:h-2.5 before:bg-black-950", n.position === "top" ? "before:bottom-0 before:translate-y-1/2" : "before:top-0 before:-translate-y-1/2"])
+            class: z(["bg-black-950 rounded-lg shadow-md py-2.5 px-4 before:absolute before:left-1/2 before:-translate-x-1/2 before:rotate-45 before:w-2.5 before:h-2.5 before:bg-black-950", n.position === "top" ? "before:bottom-0 before:translate-y-1/2" : "before:top-0 before:-translate-y-1/2"])
           }, [
             v("span", n3, [
               oe(s.$slots, "default")
@@ -21923,7 +21923,7 @@ const zh = /* @__PURE__ */ Mt(N3, [["render", R3]]), P3 = { class: "flex h-full
     return (e, t) => (x(), T("button", {
       ref: "button",
       type: "button",
-      class: _(["relative cursor-default text-style-input rounded-[20px] h-10 pl-4 pr-8 text-left text-black-950 ring-inset focus:outline-none focus:ring-2 focus:ring-app-950 focus:bg-app-100", n.showDropdown ? "ring-2 ring-app-950 bg-app-100" : "ring-1 ring-steel-400 bg-white"])
+      class: z(["relative cursor-default text-style-input rounded-[20px] h-10 pl-4 pr-8 text-left text-black-950 ring-inset focus:outline-none focus:ring-2 focus:ring-app-950 focus:bg-app-100", n.showDropdown ? "ring-2 ring-app-950 bg-app-100" : "ring-1 ring-steel-400 bg-white"])
     }, [
       v("div", P3, [
         n.showButtonIcon ? oe(e.$slots, "buttonIcon", { key: 0 }) : F("", !0),
@@ -21932,10 +21932,10 @@ const zh = /* @__PURE__ */ Mt(N3, [["render", R3]]), P3 = { class: "flex h-full
         ])
       ]),
       v("span", {
-        class: _(["absolute flex pointer-events-none inset-y-0 right-[18px] w-3 items-center justify-center", n.showDropdown ? "text-black-950" : "text-steel-800"])
+        class: z(["absolute flex pointer-events-none inset-y-0 right-[18px] w-3 items-center justify-center", n.showDropdown ? "text-black-950" : "text-steel-800"])
       }, [
         R(zh, {
-          class: _(["transition-transform duration-300", n.dropdownDirection === "down" ? "" : "rotate-180"])
+          class: z(["transition-transform duration-300", n.dropdownDirection === "down" ? "" : "rotate-180"])
         }, null, 8, ["class"])
       ], 2)
     ], 2));
@@ -22009,7 +22009,7 @@ const eS = /* @__PURE__ */ Mt(G3, [["render", Q3]]), tS = (n) => typeof n == "ob
   setup(n) {
     const e = n, t = Zd(), r = le(() => t.prefix && Aa(t.prefix()[0].type)), o = le(() => t.suffix && Aa(t.suffix()[0].type)), i = le(() => e.selected ? "bg-app-950 text-white" : e.active ? "bg-steel-300 text-black-950" : "bg-white text-black-950");
     return (s, l) => (x(), T("li", {
-      class: _(["relative items-center select-none h-[38px] pl-4 text-style-input", [
+      class: z(["relative items-center select-none h-[38px] pl-4 text-style-input", [
         i.value,
         o.value ? "pr-8" : "pr-4"
       ]])
@@ -23634,7 +23634,7 @@ const w4 = (n, e = {}, t = {}) => new Promise((r, o) => {
       v("div", {
         ref_key: "button",
         ref: d,
-        class: _(["flex", k.value ? "justify-start" : "justify-end"])
+        class: z(["flex", k.value ? "justify-start" : "justify-end"])
       }, [
         oe(q.$slots, "button", {
           selectedItem: h.value,
@@ -23647,7 +23647,7 @@ const w4 = (n, e = {}, t = {}) => new Promise((r, o) => {
             "show-dropdown": C.value,
             "dropdown-direction": b.value,
             onClick: X,
-            class: _(n.fitContent ? "w-fit" : "w-full")
+            class: z(n.fitContent ? "w-fit" : "w-full")
           }, {
             buttonIcon: $(() => [
               oe(q.$slots, "buttonIcon")
@@ -23678,7 +23678,7 @@ const w4 = (n, e = {}, t = {}) => new Promise((r, o) => {
           bo(v("div", {
             ref_key: "container",
             ref: c,
-            class: _(["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 overflow-hidden shadow-zeal-md", [
+            class: z(["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 overflow-hidden shadow-zeal-md", [
               H.value,
               n.fitContent ? "sm:w-fit" : "sm:w-full",
               k.value ? "sm:left-0" : "sm:left-auto sm:right-0",
@@ -23872,7 +23872,7 @@ const Z4 = /* @__PURE__ */ Mt(K4, [["render", Y4]]), Q4 = {
   setup(n, { emit: e }) {
     const t = n, r = le(() => t.isSelected ? "bg-app-950 text-white cursor-pointer" : t.isCurrentDay ? "bg-black-950 text-white cursor-pointer hover:bg-app-300 hover:text-black-950" : t.disabled ? "bg-steel-200 text-steel-800 cursor-not-allowed" : "bg-white text-black-950 cursor-pointer hover:bg-app-300 hover:text-black-950"), o = e;
     return (i, s) => (x(), T("div", {
-      class: _(["flex flex-wrap justify-center content-center text-style-label-small size-[40px] p-[5px] border-steel-400 border-l-[1px] first-of-type:border-none", r.value]),
+      class: z(["flex flex-wrap justify-center content-center text-style-label-small size-[40px] p-[5px] border-steel-400 border-l-[1px] first-of-type:border-none", r.value]),
       onClick: s[0] || (s[0] = (l) => n.disabled ? null : o("selectDay"))
     }, te(n.cellNumber), 3));
   }
@@ -24138,7 +24138,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
     };
     return (a, c) => n.colInfo.colType === "text" ? (x(), T("td", {
       key: 0,
-      class: _([[Yr, n.colInfo.colClass, s(n.data, n.colInfo.colourLookup)], "break-words min-w-0 !whitespace-normal"])
+      class: z([[Yr, n.colInfo.colClass, s(n.data, n.colInfo.colourLookup)], "break-words min-w-0 !whitespace-normal"])
     }, [
       n.colInfo.IsCopy ? (x(), T("i", {
         key: 0,
@@ -24162,7 +24162,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
       style: lt("background-color:" + n.data)
     }, null, 4)) : n.colInfo.colType === "icons" ? (x(), T("td", {
       key: 3,
-      class: _([Yr, n.colInfo.colClass])
+      class: z([Yr, n.colInfo.colClass])
     }, [
       v("div", B8, [
         (x(!0), T(ye, null, Te(n.colInfo.colIcons, (u) => (x(), T("div", {
@@ -24174,7 +24174,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
             onClick: Lt((d) => r("actionButtonClicked", u.name), ["stop"])
           }, [
             (x(), K(pn(i(u.name)), {
-              class: _(["text-[22px]", t.textColour])
+              class: z(["text-[22px]", t.textColour])
             }, null, 8, ["class"])),
             u.tooltip ? (x(), T("span", z8, te(u.tooltip), 1)) : F("", !0)
           ], 8, $8)),
@@ -24184,7 +24184,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
             onClick: Lt((d) => r("actionButtonClicked", u.name), ["stop"])
           }, [
             (x(), K(pn(i(u.name)), {
-              class: _(["text-[22px]", t.textColour])
+              class: z(["text-[22px]", t.textColour])
             }, null, 8, ["class"])),
             u.tooltip ? (x(), T("span", H8, te(u.tooltip), 1)) : F("", !0)
           ], 8, _8)) : F("", !0),
@@ -24194,7 +24194,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
             onClick: Lt((d) => r("actionButtonClicked", u.name), ["stop"])
           }, [
             (x(), K(pn(i(u.name)), {
-              class: _(["text-[22px]", t.textColour])
+              class: z(["text-[22px]", t.textColour])
             }, null, 8, ["class"])),
             u.tooltip ? (x(), T("span", j8, te(u.tooltip), 1)) : F("", !0)
           ], 8, F8)) : F("", !0)
@@ -24202,12 +24202,12 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
       ])
     ], 2)) : n.colInfo.colType === "associations" ? (x(), T("td", {
       key: 4,
-      class: _([Yr, n.colInfo.colClass])
+      class: z([Yr, n.colInfo.colClass])
     }, [
       n.colInfo.hideMissing ? (x(), T("div", V8, [
         (x(!0), T(ye, null, Te(n.colInfo.associations.filter((u) => n.data.includes(u.name.toLowerCase())), (u) => (x(), T("div", U8, [
           v("button", {
-            class: _(["flex justify-center items-center p-1 h-10 w-10 ring-2 ring-offset-1 rounded-full", [u.bgColour, u.ringColour]]),
+            class: z(["flex justify-center items-center p-1 h-10 w-10 ring-2 ring-offset-1 rounded-full", [u.bgColour, u.ringColour]]),
             onClick: Lt((d) => r("actionButtonClicked", u.name.toLowerCase()), ["stop"])
           }, [
             (x(), K(pn(i(u.icon)), { class: "text-white text-[22px]" }))
@@ -24217,7 +24217,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
       ])) : (x(), T("div", K8, [
         (x(!0), T(ye, null, Te(n.colInfo.associations, (u) => (x(), T("div", J8, [
           v("button", {
-            class: _(["flex justify-center items-center p-1 h-10 w-10 ring-2 ring-offset-1 rounded-full", n.data.includes(u.name.toLowerCase()) ? [u.bgColour, u.ringColour] : "bg-steel-500 ring-steel-500"]),
+            class: z(["flex justify-center items-center p-1 h-10 w-10 ring-2 ring-offset-1 rounded-full", n.data.includes(u.name.toLowerCase()) ? [u.bgColour, u.ringColour] : "bg-steel-500 ring-steel-500"]),
             onClick: Lt((d) => r("actionButtonClicked", u.name.toLowerCase()), ["stop"])
           }, [
             (x(), K(pn(i(u.icon)), { class: "text-white text-[22px]" }))
@@ -24227,12 +24227,12 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
       ]))
     ], 2)) : n.colInfo.colType === "edsNaruIcon" ? (x(), T("td", {
       key: 5,
-      class: _([[Yr, n.colInfo.colClass, n.data === !0 ? "bg-warning-950" : "bg-steel-600"], "text-white w-12"])
+      class: z([[Yr, n.colInfo.colClass, n.data === !0 ? "bg-warning-950" : "bg-steel-600"], "text-white w-12"])
     }, [
       R(P(I8))
     ], 2)) : n.colInfo.colType === "status" ? (x(), T("td", {
       key: 6,
-      class: _([Yr, n.colInfo.colClass])
+      class: z([Yr, n.colInfo.colClass])
     }, [
       n.data.id === 0 ? (x(), T("div", Y8, "-")) : n.data.id === 1 ? (x(), T("div", Z8, [
         v("button", Q8, [
@@ -24319,7 +24319,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
           R(P(am), { class: "text-steel-950 group-hover:text-black-950" })
         ]),
         (x(!0), T(ye, null, Te(o.value, (l) => (x(), T("button", {
-          class: _(["flex items-center justify-center px-4 py-2 text-sm font-semibold border border-steel-300 border-l-0 cursor-pointer focus:outline-offset-0 focus:z-20 focus:outline-app-950", n.tablePage == l ? t.backgroundColour + " text-white focus:outline-offset-2" : "bg-white text-steel-950 hover:bg-steel-300 hover:text-black-950 focus:outline-offset-0"]),
+          class: z(["flex items-center justify-center px-4 py-2 text-sm font-semibold border border-steel-300 border-l-0 cursor-pointer focus:outline-offset-0 focus:z-20 focus:outline-app-950", n.tablePage == l ? t.backgroundColour + " text-white focus:outline-offset-2" : "bg-white text-steel-950 hover:bg-steel-300 hover:text-black-950 focus:outline-offset-0"]),
           onClick: (a) => r("setTablePage", l)
         }, [
           v("p", null, te(l), 1)
@@ -24513,13 +24513,13 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
     }), (y, E) => (x(), T("div", {
       ref_key: "root",
       ref: r,
-      class: _(["w-full h-full bg-transparent", t.backgroundColour])
+      class: z(["w-full h-full bg-transparent", t.backgroundColour])
     }, [
       v("div", TT, [
         oe(y.$slots, "tableTitle")
       ]),
       v("div", {
-        class: _(["flex ml-[32px] items-center", t.enableSearchBar ? "justify-between" : "justify-end"])
+        class: z(["flex ml-[32px] items-center", t.enableSearchBar ? "justify-between" : "justify-end"])
       }, [
         t.enableSearchBar ? (x(), T("div", ET, [
           v("div", AT, [
@@ -24541,10 +24541,10 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
           v("thead", null, [
             oe(y.$slots, "tableHeader", {}, () => [
               v("tr", {
-                class: _(t.backgroundColour)
+                class: z(t.backgroundColour)
               }, [
                 (x(!0), T(ye, null, Te(n.tableCols, (w) => (x(), T("th", {
-                  class: _(["sticky top-0 z-10 border-b border-gray-300 px-5 font-semibold text-white w-fit", [t.backgroundColour, n.activeFilter ? "py-1" : "py-3"]]),
+                  class: z(["sticky top-0 z-10 border-b border-gray-300 px-5 font-semibold text-white w-fit", [t.backgroundColour, n.activeFilter ? "py-1" : "py-3"]]),
                   style: lt("text-align:" + (w.headerAlign ? w.headerAlign : "left"))
                 }, [
                   v("div", {
@@ -24566,7 +24566,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
           v("tbody", null, [
             oe(y.$slots, "tableBody", {}, () => [
               c.value ? (x(!0), T(ye, { key: 0 }, Te(n.tableData.Result.filter((w, k) => u.value.includes(k) && (a.value && w.IsActive || !a.value && !w.IsActive || !n.activeFilter)), (w) => (x(), T("tr", {
-                class: _(["even:bg-steel-100 transition duration-300 ease-in-out hover:bg-sop-150 border-b border-steel-300", [w.colour ? "*:!" + g(w.colour) : "text-black-950", n.rowClickAction ? "cursor-pointer" : ""]]),
+                class: z(["even:bg-steel-100 transition duration-300 ease-in-out hover:bg-sop-150 border-b border-steel-300", [w.colour ? "*:!" + g(w.colour) : "text-black-950", n.rowClickAction ? "cursor-pointer" : ""]]),
                 onClick: (k) => n.rowClickAction ? o("rowClicked", w) : null
               }, [
                 (x(!0), T(ye, null, Te(n.tableCols, (k) => (x(), K(Jd, {
@@ -24577,7 +24577,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
                   onActionButtonClicked: (H) => b(H, w)
                 }, null, 8, ["colInfo", "data", "rowData", "textColour", "onActionButtonClicked"]))), 256))
               ], 10, NT))), 256)) : (x(!0), T(ye, { key: 1 }, Te(n.tableData.Result.filter((w, k) => k >= h.value - 1 && k <= m.value - 1 && (a.value && w.IsActive || !a.value && !w.IsActive || !n.activeFilter)), (w) => (x(), T("tr", {
-                class: _(["even:bg-steel-100 transition duration-300 ease-in-out hover:bg-sop-150 border-b border-steel-300", [w.colour ? "*:!" + g(w.colour) : "text-black-950", n.rowClickAction ? "cursor-pointer" : ""]]),
+                class: z(["even:bg-steel-100 transition duration-300 ease-in-out hover:bg-sop-150 border-b border-steel-300", [w.colour ? "*:!" + g(w.colour) : "text-black-950", n.rowClickAction ? "cursor-pointer" : ""]]),
                 onClick: (k) => n.rowClickAction ? o("rowClicked", w) : null
               }, [
                 (x(!0), T(ye, null, Te(n.tableCols, (k) => (x(), K(Jd, {
@@ -24623,7 +24623,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
   setup(n) {
     return (e, t) => (x(), T("button", {
       type: "button",
-      class: _(["flex items-center gap-x-2 rounded-[20px] px-4 h-10 text-style-input bg-app-950 border-2 outline-none disabled:bg-steel-200 disabled:text-steel-950 disabled:border-steel-800 disabled:cursor-not-allowed", [
+      class: z(["flex items-center gap-x-2 rounded-[20px] px-4 h-10 text-style-input bg-app-950 border-2 outline-none disabled:bg-steel-200 disabled:text-steel-950 disabled:border-steel-800 disabled:cursor-not-allowed", [
         n.reverse ? "flex-row-reverse" : "flex-row",
         n.error && !n.disabled ? "bg-white text-error-950 border-error-950 hover:bg-error-950 hover:border-error-950 hover:text-white focus:bg-error-950 focus:border-error-950 focus:text-white focus:outline-app-950" : "text-white border-app-950 hover:bg-black-950 hover:border-black-950 focus:bg-black-950 focus:border-black-950 focus:outline-app-950"
       ]]),
@@ -24652,7 +24652,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
   setup(n) {
     return (e, t) => (x(), T("button", {
       type: "button",
-      class: _(["flex items-center gap-x-2 rounded-[20px] px-4 h-10 text-style-input bg-white border-2 border-steel-600 outline-none disabled:bg-steel-200 disabled:text-steel-950 disabled:border-steel-800 disabled:cursor-not-allowed", [
+      class: z(["flex items-center gap-x-2 rounded-[20px] px-4 h-10 text-style-input bg-white border-2 border-steel-600 outline-none disabled:bg-steel-200 disabled:text-steel-950 disabled:border-steel-800 disabled:cursor-not-allowed", [
         n.reverse ? "flex-row-reverse" : "flex-row",
         n.error && !n.disabled ? "bg-white text-error-950 border-error-950 hover:bg-error-950 hover:border-error-950 hover:text-white focus:bg-error-950 focus:border-error-950 focus:text-white" : "text-black-950 hover:text-app-950 hover:border-app-950 focus:text-app-950 focus:border-app-950"
       ]]),
@@ -24829,7 +24829,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
   ZT
 ], e7 = /* @__PURE__ */ v("i", { class: "fa-solid fa-image text-sm" }, null, -1), t7 = [
   e7
-], n7 = { class: "w-full px-5 py-3 bg-white rounded-bl-2xl rounded-br-2xl border border-steel-500 overflow-auto resize-y" }, C7 = {
+], x7 = {
   __name: "TiptapTextArea",
   props: {
     modelValue: {
@@ -24915,14 +24915,14 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
     return (g, b) => (x(), T(ye, null, [
       v("div", WT, [
         v("div", {
-          class: _(["flex flex-row items-center w-full border-t border-l border-r border-steel-500 rounded-tl-2xl rounded-tr-2xl bg-steel-100 px-5 gap-x-1", { "opacity-50 pointer-events-none": n.readOnly }])
+          class: z(["flex flex-row items-center w-full border-t border-l border-r border-steel-500 rounded-tl-2xl rounded-tr-2xl bg-steel-100 px-5 gap-x-1", { "opacity-50 pointer-events-none": n.readOnly }])
         }, [
           v("button", {
-            class: _(["h-8 w-8 hover:bg-steel-300", P(s).isActive("bold") ? "bg-app-950" : ""]),
+            class: z(["h-8 w-8 hover:bg-steel-300", P(s).isActive("bold") ? "bg-app-950" : ""]),
             onClick: a
           }, KT, 2),
           v("button", {
-            class: _(["h-8 w-8 hover:bg-steel-300", P(s).isActive("italic") ? "bg-app-950" : ""]),
+            class: z(["h-8 w-8 hover:bg-steel-300", P(s).isActive("italic") ? "bg-app-950" : ""]),
             onClick: c
           }, GT, 2),
           v("button", {
@@ -24930,7 +24930,7 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
             onClick: h
           }, YT),
           v("button", {
-            class: _(["h-8 w-8 hover:bg-steel-300", P(s).isActive("bulletList") ? "bg-app-950" : ""]),
+            class: z(["h-8 w-8 hover:bg-steel-300", P(s).isActive("bulletList") ? "bg-app-950" : ""]),
             onClick: u
           }, QT, 2),
           v("button", {
@@ -24938,9 +24938,11 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
             onClick: m
           }, t7)
         ], 2),
-        v("div", n7, [
+        v("div", {
+          class: z(["w-full px-5 py-3 bg-white rounded-bl-2xl rounded-br-2xl border border-steel-500 overflow-auto resize-y", { "cursor-not-allowed bg-steel-100": n.readOnly }])
+        }, [
           R(P(rh), { editor: P(s) }, null, 8, ["editor"])
-        ])
+        ], 2)
       ]),
       o.value ? (x(), K(FT, {
         key: 0,
@@ -24959,6 +24961,6 @@ const I8 = /* @__PURE__ */ Mt(A8, [["render", D8]]), L8 = (n, e, t) => {
   }
 };
 export {
-  w7 as Tiptap,
-  C7 as TiptapTextArea
+  v7 as Tiptap,
+  x7 as TiptapTextArea
 };

package/package.json

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