@citruslime/ui 4.0.2-beta.3 → 4.0.2-beta.4

package/dist/citrus-lime-ui.es.js

@@ -1,5 +1,5 @@
 import { Icon as ae } from "@iconify/vue";
-import { defineComponent as G, ref as I, createElementBlock as v, openBlock as c, renderSlot as V, normalizeProps as he, guardReactiveProps as we, Fragment as K, createElementVNode as h, normalizeClass as R, createVNode as M, unref as m, Transition as Re, withCtx as z, withDirectives as ie, mergeProps as J, vShow as ve, createBlock as j, Teleport as Ol, renderList as _, toDisplayString as U, createCommentVNode as F, computed as T, createTextVNode as de, mergeModels as pe, useModel as be, watch as ee, createSlots as ke, vModelDynamic as tt, shallowRef as Ll, toValue as rl, toRefs as ot, withKeys as ne, onMounted as Ke, onUnmounted as Ml, withModifiers as x, nextTick as Ue, useAttrs as Qe, resolveComponent as De, inject as ml, vModelCheckbox as Rt, watchEffect as Nt, vModelText as Al, useCssVars as at, toHandlers as Bt, normalizeStyle as il, useSlots as zt, provide as $l, isRef as Ft } from "vue";
+import { defineComponent as G, ref as I, createElementBlock as v, openBlock as c, renderSlot as R, normalizeProps as he, guardReactiveProps as we, Fragment as K, createElementVNode as h, normalizeClass as V, createVNode as M, unref as m, Transition as Re, withCtx as z, withDirectives as ie, mergeProps as J, vShow as ve, createBlock as j, Teleport as Ol, renderList as _, toDisplayString as U, createCommentVNode as F, computed as T, createTextVNode as de, mergeModels as pe, useModel as ye, watch as ee, createSlots as ke, vModelDynamic as tt, shallowRef as Ll, toValue as rl, toRefs as ot, withKeys as ne, onMounted as Ke, onUnmounted as Ml, withModifiers as x, nextTick as Ue, useAttrs as Qe, resolveComponent as De, inject as ml, vModelCheckbox as Rt, watchEffect as Nt, vModelText as Al, useCssVars as at, toHandlers as Bt, normalizeStyle as il, useSlots as zt, provide as $l, isRef as Ft } from "vue";
 import { generateStringId as Ut, highlightText as Lt, isTouchDevice as Cl, validateEmail as Pt, escapeStringForRegExp as jt } from "@citruslime/utils";
 import { useFocusWithin as Il, onKeyDown as Sl, toArray as Gt, unrefElement as Ht, tryOnScopeDispose as Wt, onClickOutside as Ye, useBreakpoints as nt, breakpointsTailwind as st, useTimeoutFn as rt, useMouseInElement as Zt, useMediaQuery as ul, useThrottle as Kt, useDebounceFn as ll, useMouse as Qt, useDraggable as Yt, useThrottleFn as Jt, useWindowSize as Xt, useElementSize as Pl, useElementBounding as jl } from "@vueuse/core";
 import { useI18n as fe, createI18n as xt } from "vue-i18n";
@@ -29,7 +29,7 @@ const lo = { class: "cl:overflow-hidden" }, to = /* @__PURE__ */ G({
       }), i.open = !i.open);
     }
     return (a, i) => (c(), v("div", lo, [
-      V(a.$slots, "default", he(we({ isItemOpen: e, toggleItem: n })))
+      R(a.$slots, "default", he(we({ isItemOpen: e, toggleItem: n })))
     ]));
   }
 }), oo = { class: "cl:absolute cl:left-5 cl:top-5" }, ao = { class: "cl:font-semibold cl:ml-10 cl:p-4 cl:select-none cl:text-grey-5" }, no = { class: "cl:overflow-hidden" }, so = /* @__PURE__ */ G({
@@ -47,7 +47,7 @@ const lo = { class: "cl:overflow-hidden" }, to = /* @__PURE__ */ G({
     }
     return (a, i) => (c(), v(K, null, [
       h("div", {
-        class: R(["cl:border-b cl:border-grey-1 cl:relative", {
+        class: V(["cl:border-b cl:border-grey-1 cl:relative", {
           "cl:bg-grey-0": a.disabled,
           "cl:cursor-pointer": !a.disabled
         }]),
@@ -55,7 +55,7 @@ const lo = { class: "cl:overflow-hidden" }, to = /* @__PURE__ */ G({
       }, [
         h("div", oo, [
           M(m(ae), {
-            class: R(["cl:duration-300 cl:ease-in-out cl:text-grey-3 cl:transform-gpu cl:transition-transform", {
+            class: V(["cl:duration-300 cl:ease-in-out cl:text-grey-3 cl:transform-gpu cl:transition-transform", {
               "cl:rotate-180": a.open
             }]),
             icon: "ph:caret-down-bold",
@@ -63,14 +63,14 @@ const lo = { class: "cl:overflow-hidden" }, to = /* @__PURE__ */ G({
           }, null, 8, ["class"])
         ]),
         h("div", ao, [
-          V(a.$slots, "title")
+          R(a.$slots, "title")
         ])
       ], 2),
       h("div", no, [
         M(Re, { name: "grow-down" }, {
           default: z(() => [
             ie(h("div", J(a.$attrs, { class: "cl:ml-10 cl:p-4" }), [
-              V(a.$slots, "default")
+              R(a.$slots, "default")
             ], 16), [
               [ve, a.open]
             ])
@@ -88,7 +88,7 @@ const lo = { class: "cl:overflow-hidden" }, to = /* @__PURE__ */ G({
 }, ro = {}, io = { class: "cl:border-b cl:border-grey-1 cl:font-semibold cl:pl-14 cl:pr-4 cl:py-2 cl:text-grey-3 cl:text-sm" };
 function uo(o, t) {
   return c(), v("div", io, [
-    V(o.$slots, "default")
+    R(o.$slots, "default")
   ]);
 }
 const co = /* @__PURE__ */ qe(ro, [["render", uo]]), cl = I([]);
@@ -113,7 +113,7 @@ const po = ["onClick"], fo = { class: "cl:flex-1 cl:select-none cl:text-ellipsis
   setup(o) {
     return (t, l) => (c(), j(Ol, { to: t.container }, [
       h("div", {
-        class: R(["cl:fixed cl:w-80 cl:z-50", {
+        class: V(["cl:fixed cl:w-80 cl:z-50", {
           "cl:top-[5.5rem] cl:left-5": t.position === "top-left" && t.headerVisible,
           "cl:top-[5.5rem] cl:left-1/2": t.position === "top-centre" && t.headerVisible,
           "cl:top-[5.5rem] cl:right-5": t.position === "top-right" && t.headerVisible,
@@ -158,21 +158,21 @@ const po = ["onClick"], fo = { class: "cl:flex-1 cl:select-none cl:text-ellipsis
         "header-visible": !!t.$slots.header
       }, null, 8, ["header-visible"]),
       h("div", mo, [
-        V(t.$slots, "header"),
+        R(t.$slots, "header"),
         h("div", {
-          class: R(["cl:content-start cl:flex cl:flex-nowrap cl:h-dscreen cl:items-stretch cl:max-h-full cl:relative cl:w-full cl:xl:max-h-screen", {
+          class: V(["cl:content-start cl:flex cl:flex-nowrap cl:h-dscreen cl:items-stretch cl:max-h-full cl:relative cl:w-full cl:xl:max-h-screen", {
             "cl:pt-20": t.$slots.header
           }])
         }, [
-          V(t.$slots, "navigation"),
+          R(t.$slots, "navigation"),
           h("div", {
             id: "cl-ui-app-container",
-            class: R(["cl:grow cl:max-h-full cl:overflow-x-hidden cl:overflow-y-auto cl:overscroll-y-none cl:w-auto", {
+            class: V(["cl:grow cl:max-h-full cl:overflow-x-hidden cl:overflow-y-auto cl:overscroll-y-none cl:w-auto", {
               "cl:lg:pb-0": t.removePadding,
               "cl:lg:pb-8 cl:md:px-8 cl:px-2 cl:md:pt-8 cl:pt-2": !t.removePadding
             }])
           }, [
-            V(t.$slots, "default")
+            R(t.$slots, "default")
           ], 2)
         ], 2)
       ])
@@ -224,7 +224,7 @@ const tl = /* @__PURE__ */ qe(vo, [["render", bo], ["__scopeId", "data-v-1eee625
       }],
       disabled: e.disabled || e.loading
     }), [
-      V(e.$slots, "default"),
+      R(e.$slots, "default"),
       e.loading ? (c(), v("div", wo, [
         M(tl, { class: "cl:-translate-x-1/2 cl:after:h-6! cl:after:w-6! cl:h-6! cl:w-6!" })
       ])) : F("", !0)
@@ -249,43 +249,43 @@ const tl = /* @__PURE__ */ qe(vo, [["render", bo], ["__scopeId", "data-v-1eee625
   },
   setup(o) {
     return (t, l) => (c(), v("div", {
-      class: R(["cl:border cl:border-transparent cl:overflow-hidden cl:relative cl:rounded-md cl:shadow-lg cl:transition-all", {
+      class: V(["cl:border cl:border-transparent cl:overflow-hidden cl:relative cl:rounded-md cl:shadow-lg cl:transition-all", {
         "cl:cursor-pointer cl:hover:shadow-xl cl:hover:border-grey-0": t.hover
       }])
     }, [
       t.$slots.image ? (c(), v("div", Co, [
-        V(t.$slots, "image")
+        R(t.$slots, "image")
       ])) : F("", !0),
       t.$slots.title ? (c(), v("div", {
         key: 1,
-        class: R(["cl:border-grey-2 cl:font-normal", {
+        class: V(["cl:border-grey-2 cl:font-normal", {
           "cl:p-2 cl:text-2xl cl:leading-8": t.size === "small",
           "cl:p-4 cl:text-3xl cl:leading-9": t.size === "medium",
           "cl:p-6 cl:text-4xl cl:leading-10": t.size === "large",
           "cl:border-t": t.$slots.image
         }])
       }, [
-        V(t.$slots, "title")
+        R(t.$slots, "title")
       ], 2)) : F("", !0),
       h("div", {
-        class: R(["cl:border-grey-2", {
+        class: V(["cl:border-grey-2", {
           "cl:p-2": t.size === "small",
           "cl:p-4": t.size === "medium",
           "cl:p-6": t.size === "large",
           "cl:border-t": t.$slots.image || t.$slots.title
         }])
       }, [
-        V(t.$slots, "default")
+        R(t.$slots, "default")
       ], 2),
       t.$slots.footer ? (c(), v("div", {
         key: 2,
-        class: R(["cl:border-grey-2 cl:border-t", {
+        class: V(["cl:border-grey-2 cl:border-t", {
           "cl:p-2": t.size === "small",
           "cl:p-4": t.size === "medium",
           "cl:p-6": t.size === "large"
         }])
       }, [
-        V(t.$slots, "footer")
+        R(t.$slots, "footer")
       ], 2)) : F("", !0)
     ], 2));
   }
@@ -316,16 +316,16 @@ const tl = /* @__PURE__ */ qe(vo, [["render", bo], ["__scopeId", "data-v-1eee625
     const t = o, l = T(() => Object.keys(t.errors ?? []).length > 0);
     return (e, n) => (c(), v("div", qo, [
       h("div", {
-        class: R(["cl:flex", { "cl:flex-col": e.labelPosition === "above", "cl:flex-row-reverse cl:gap-2 cl:items-center cl:justify-end": e.labelPosition === "right" }])
+        class: V(["cl:flex", { "cl:flex-col": e.labelPosition === "above", "cl:flex-row-reverse cl:gap-2 cl:items-center cl:justify-end": e.labelPosition === "right" }])
       }, [
         h("div", Do, [
           e.$slots.label ? (c(), v("span", Eo, [
-            V(e.$slots, "label")
+            R(e.$slots, "label")
           ])) : F("", !0),
           e.showRequiredAsterisk ? (c(), v("span", Oo, "*")) : F("", !0)
         ]),
         h("div", null, [
-          V(e.$slots, "default")
+          R(e.$slots, "default")
         ])
       ], 2),
       l.value ? (c(), v("div", Mo, [
@@ -337,7 +337,7 @@ const tl = /* @__PURE__ */ qe(vo, [["render", bo], ["__scopeId", "data-v-1eee625
         ])
       ])) : e.errors || e.$slots.helpText ? (c(), v("div", Io, [
         h("span", Vo, [
-          V(e.$slots, "helpText", {}, () => [
+          R(e.$slots, "helpText", {}, () => [
             n[0] || (n[0] = de(" "))
           ])
         ])
@@ -361,7 +361,7 @@ const tl = /* @__PURE__ */ qe(vo, [["render", bo], ["__scopeId", "data-v-1eee625
   }),
   emits: /* @__PURE__ */ pe(["focus", "blur", "keySinglePress"], ["update:modelValue"]),
   setup(o, { expose: t, emit: l }) {
-    const e = o, n = be(o, "modelValue"), a = l, i = I(), { focused: d } = Il(i);
+    const e = o, n = ye(o, "modelValue"), a = l, i = I(), { focused: d } = Il(i);
     return ee(d, () => {
       var f;
       d.value && e.selectOnFocus && ((f = i.value) == null || f.select());
@@ -406,14 +406,14 @@ const tl = /* @__PURE__ */ qe(vo, [["render", bo], ["__scopeId", "data-v-1eee625
       f.$slots.default ? {
         name: "label",
         fn: z(() => [
-          V(f.$slots, "default")
+          R(f.$slots, "default")
         ]),
         key: "0"
       } : void 0,
       f.$slots["help-text"] ? {
         name: "helpText",
         fn: z(() => [
-          V(f.$slots, "help-text")
+          R(f.$slots, "help-text")
         ]),
         key: "1"
       } : void 0
@@ -475,7 +475,7 @@ const zo = {
   }),
   emits: ["update:visible"],
   setup(o) {
-    const t = o, l = be(o, "visible"), { trapFocus: e } = ot(t), n = I(), a = Bo(n);
+    const t = o, l = ye(o, "visible"), { trapFocus: e } = ot(t), n = I(), a = Bo(n);
     ee([
       e,
       l
@@ -497,7 +497,7 @@ const zo = {
       r.key === "Escape" && d();
     }
     return (r, s) => (c(), v(K, null, [
-      V(r.$slots, "trigger", he(we({ open: i }))),
+      R(r.$slots, "trigger", he(we({ open: i }))),
       (c(), j(Ol, { to: "body" }, [
         M(Re, { name: "fade" }, {
           default: z(() => [
@@ -516,7 +516,7 @@ const zo = {
                 }]
               }), [
                 ie(h("div", {
-                  class: R(["cl:absolute cl:cursor-pointer cl:right-4 cl:top-4 cl:transition-colors cl:w-3", {
+                  class: V(["cl:absolute cl:cursor-pointer cl:right-4 cl:top-4 cl:transition-colors cl:w-3", {
                     "cl:text-white cl:hover:text-off-white": r.headerColour === "secondary",
                     "cl:text-secondary cl:hover:text-off-white": r.headerColour === "primary",
                     "cl:text-black cl:hover:text-grey-7": r.headerColour === "white"
@@ -530,18 +530,18 @@ const zo = {
                   [ve, !r.preventClose]
                 ]),
                 h("div", {
-                  class: R(["cl:leading-[2.75rem] cl:min-h-12 cl:overflow-hidden cl:pb-2 cl:pl-4 cl:pr-8 cl:pt-2 cl:text-2xl cl:w-full", {
+                  class: V(["cl:leading-[2.75rem] cl:min-h-12 cl:overflow-hidden cl:pb-2 cl:pl-4 cl:pr-8 cl:pt-2 cl:text-2xl cl:w-full", {
                     "cl:bg-secondary-default cl:text-white": r.headerColour === "secondary",
                     "cl:bg-primary-default cl:text-secondary": r.headerColour === "primary"
                   }])
                 }, [
-                  V(r.$slots, "title"),
+                  R(r.$slots, "title"),
                   r.headerColour === "white" ? (c(), v("hr", zo)) : F("", !0)
                 ], 2),
                 h("div", Fo, [
-                  V(r.$slots, "default", he(we({ close: d })))
+                  R(r.$slots, "default", he(we({ close: d })))
                 ]),
-                V(r.$slots, "footer", he(we({ close: d })))
+                R(r.$slots, "footer", he(we({ close: d })))
               ], 16)
             ], 512), [
               [ve, l.value]
@@ -567,7 +567,7 @@ const zo = {
     return (t, l) => (c(), v("div", Uo, [
       t.additionalText !== "" ? (c(), v("div", Lo, U(t.additionalText), 1)) : F("", !0),
       h("div", {
-        class: R({
+        class: V({
           "cl:w-1/2": t.additionalText !== "",
           "cl:w-full": t.additionalText === ""
         })
@@ -619,7 +619,7 @@ const zo = {
     return ee(() => l.selectedIndex, () => r()), (s, p) => {
       var g, b;
       return c(), v("div", {
-        class: R(["cl:cursor-pointer cl:duration-75 cl:flex cl:p-1 cl:text-left cl:transition-colors", {
+        class: V(["cl:cursor-pointer cl:duration-75 cl:flex cl:p-1 cl:text-left cl:transition-colors", {
           "cl:bg-white": i.value === !1,
           "cl:bg-link-light cl:text-white cl:opacity-90": i.value && s.isCreateNewOption === !1,
           "cl:bg-primary-default cl:text-black cl:opacity-90": i.value && s.isCreateNewOption
@@ -630,7 +630,7 @@ const zo = {
       }, [
         s.option !== null && ((g = s.option) == null ? void 0 : g.parentId) !== 0 && ((b = s.option) == null ? void 0 : b.parentId) !== void 0 ? (c(), v("div", Po, U(a.value), 1)) : F("", !0),
         h("div", {
-          class: R({
+          class: V({
             "cl:w-1/2": a.value !== "",
             "cl:w-full": a.value === ""
           })
@@ -725,7 +725,7 @@ const zo = {
         key: 0,
         ref_key: "container",
         ref: r,
-        class: R(["cl:absolute cl:bg-white cl:border cl:border-collapse cl:border-grey-0 cl:h-52 cl:mt-2 cl:overflow-y-auto cl:overscroll-y-none cl:rounded-sm cl:text-sm cl:w-full cl:z-20", {
+        class: V(["cl:absolute cl:bg-white cl:border cl:border-collapse cl:border-grey-0 cl:h-52 cl:mt-2 cl:overflow-y-auto cl:overscroll-y-none cl:rounded-sm cl:text-sm cl:w-full cl:z-20", {
           "cl:overflow-y-hidden": $.loading
         }]),
         onKeydown: [
@@ -866,7 +866,7 @@ const zo = {
         parentId: ((u = b.value) == null ? void 0 : u.id) ?? 0
       }, n("create-object", y.value);
     }
-    function ye() {
+    function be() {
       y.value = {
         name: E.value,
         parentId: 0
@@ -949,7 +949,7 @@ const zo = {
               modelValue: w.value,
               "onUpdate:modelValue": S[0] || (S[0] = (Z) => w.value = Z),
               readonly: !0,
-              class: R(["cl:box-border cl:font-light cl:mb-0 cl:p-[5.5px] cl:rounded-r-none cl:text-sm", {
+              class: V(["cl:box-border cl:font-light cl:mb-0 cl:p-[5.5px] cl:rounded-r-none cl:text-sm", {
                 "cl:cursor-pointer": u.disabled === !1
               }]),
               placeholder: f.value,
@@ -977,7 +977,7 @@ const zo = {
           ]),
           p.value ? (c(), v("div", {
             key: 1,
-            class: R(["cl:border cl:border-grey-2 cl:border-l-0 cl:float-right cl:rounded-l-none cl:rounded-lg cl:text-grey-3 cl:transition-colors cl:w-[27px]", {
+            class: V(["cl:border cl:border-grey-2 cl:border-l-0 cl:float-right cl:rounded-l-none cl:rounded-lg cl:text-grey-3 cl:transition-colors cl:w-[27px]", {
               "cl:cursor-default cl:bg-off-white": u.disabled,
               "cl:cursor-pointer cl:hover:bg-link-light cl:hover:opacity-90 cl:hover:text-white cl:bg-white": u.disabled === !1
             }]),
@@ -990,7 +990,7 @@ const zo = {
             })
           ], 10, ea)) : (c(), v("div", {
             key: 0,
-            class: R(["cl:border cl:border-grey-2 cl:border-l-0 cl:float-right cl:rounded-l-none cl:rounded-lg cl:text-grey-3 cl:transition-colors cl:w-[27px]", {
+            class: V(["cl:border cl:border-grey-2 cl:border-l-0 cl:float-right cl:rounded-l-none cl:rounded-lg cl:text-grey-3 cl:transition-colors cl:w-[27px]", {
               "cl:cursor-default cl:bg-off-white": u.disabled,
               "cl:cursor-pointer cl:hover:bg-link-light cl:hover:opacity-90 cl:hover:text-white cl:bg-white": u.disabled === !1
             }]),
@@ -1018,7 +1018,7 @@ const zo = {
               "error-message": u.errorMessage,
               "current-object-name": w.value,
               "is-visible": p.value,
-              class: R({
+              class: V({
                 "cl:bottom-full": B.value
               }),
               "search-hint": r.value,
@@ -1075,7 +1075,7 @@ const zo = {
                 "can-clear-selected-object": u.canClearSelectedObject,
                 "error-message": u.errorMessage,
                 onSearch: $,
-                onCreateObject: ye
+                onCreateObject: be
               }, null, 8, ["current-object", "results", "loading", "object-type", "object-created-response", "can-create-new-object", "can-clear-selected-object", "error-message"])) : F("", !0),
               M(Fe, {
                 modelValue: k.value,
@@ -1111,14 +1111,14 @@ const sa = {}, ra = { class: "cl:flex cl:flex-wrap cl:left-0 cl:mt-4 cl:w-full"
 function pa(o, t) {
   return c(), v("div", ra, [
     o.$slots.default ? (c(), v("div", ia, [
-      V(o.$slots, "default")
+      R(o.$slots, "default")
     ])) : F("", !0),
     o.$slots.left || o.$slots.right ? (c(), v("div", ua, [
       h("span", ca, [
-        V(o.$slots, "left")
+        R(o.$slots, "left")
       ]),
       h("span", da, [
-        V(o.$slots, "right")
+        R(o.$slots, "right")
       ])
     ])) : F("", !0)
   ]);
@@ -1147,7 +1147,7 @@ const Vl = /* @__PURE__ */ qe(ba, [["render", wa]]), Tl = /* @__PURE__ */ G({
         key: n,
         class: "cl:animate-pulse cl:bg-off-white cl:rounded-full cl:w-16"
       }, [
-        V(t.$slots, "default", {}, () => [
+        R(t.$slots, "default", {}, () => [
           l[0] || (l[0] = de("   "))
         ])
       ]))), 128))
@@ -1201,7 +1201,7 @@ const ka = {
       })), 64))
     ])) : (c(), v("div", $a, [
       h("div", {
-        class: R(["cl:lg:hidden cl:mb-2 cl:text-sm", {
+        class: V(["cl:lg:hidden cl:mb-2 cl:text-sm", {
           "cl:hidden": a.options.hideGridMobileView
         }])
       }, [
@@ -1209,7 +1209,7 @@ const ka = {
       ], 2),
       h("div", Ca, [
         h("div", Sa, [
-          V(a.$slots, "additional-grid-actions", he(we({
+          R(a.$slots, "additional-grid-actions", he(we({
             loading: a.loading,
             editMode: a.options.forceEditMode || a.editMode
           })))
@@ -1250,11 +1250,11 @@ const ka = {
           _: 1
         }, 8, ["disabled"])) : F("", !0),
         a.options.hideViewManager === !1 ? (c(), v("div", Ta, [
-          V(a.$slots, "view-manager")
+          R(a.$slots, "view-manager")
         ])) : F("", !0),
         m(yl)(a.columns) || m(Wl)(a.options, a.columns) ? (c(), v(K, { key: 3 }, [
           h("div", {
-            class: R(["cl:block cl:flex-1 cl:lg:flex-none cl:lg:hidden", {
+            class: V(["cl:block cl:flex-1 cl:lg:flex-none cl:lg:hidden", {
               "cl:hidden": a.options.hideGridMobileView
             }])
           }, [
@@ -1302,7 +1302,7 @@ const ka = {
   }),
   emits: /* @__PURE__ */ pe(["focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: t, emit: l }) {
-    const e = be(o, "modelValue"), n = l, a = I();
+    const e = ye(o, "modelValue"), n = l, a = I();
     return t({
       focus: () => {
         var i;
@@ -1348,7 +1348,7 @@ const ka = {
           h("label", {
             for: i.$attrs.id ? i.$attrs.id.toString() : ""
           }, [
-            V(i.$slots, "default", {}, void 0, !0)
+            R(i.$slots, "default", {}, void 0, !0)
           ], 8, Da)
         ]),
         key: "0"
@@ -1356,7 +1356,7 @@ const ka = {
       i.$slots["help-text"] ? {
         name: "helpText",
         fn: z(() => [
-          V(i.$slots, "help-text", {}, void 0, !0)
+          R(i.$slots, "help-text", {}, void 0, !0)
         ]),
         key: "1"
       } : void 0
@@ -1923,7 +1923,7 @@ const Ha = {
     }
     return (r, s) => {
       var p;
-      return r.column.type === "slot" ? V(r.$slots, r.column.name, { key: 0 }) : r.column.type === "boolean" && r.column.field !== void 0 ? (c(), j(vl, {
+      return r.column.type === "slot" ? R(r.$slots, r.column.name, { key: 0 }) : r.column.type === "boolean" && r.column.field !== void 0 ? (c(), j(vl, {
         key: 1,
         id: `checkbox-${r.column.field}-${r.rowIndex}`,
         readonly: !0,
@@ -1972,7 +1972,7 @@ const Ha = {
     });
     const f = T(() => l.options.textSize === "x-small" ? "cl:lg:text-xs" : l.options.textSize === "small" ? "cl:lg:text-sm" : l.options.textSize === "medium" ? "cl:lg:text-base" : l.options.textSize === "large" ? "cl:lg:text-lg" : "cl:lg:text-sm");
     return (r, s) => (c(), v("td", {
-      class: R(["cl:gap-1 cl:lg:px-1 cl:py-2 cl:text-xs", [
+      class: V(["cl:gap-1 cl:lg:px-1 cl:py-2 cl:text-xs", [
         r.options.hideGridMobileView ? "cl:table-cell cl:m-0" : "cl:border-b cl:border-grey-1 cl:grid cl:grid-cols-2 cl:m-1 cl:mb-0  cl:lg:border-b-0 cl:lg:m-0 cl:lg:table-cell",
         {
           "cl:bg-link-lighter": i.value
@@ -1981,11 +1981,11 @@ const Ha = {
       ]])
     }, [
       h("span", {
-        class: R(["cl:font-semibold cl:lg:hidden", {
+        class: V(["cl:font-semibold cl:lg:hidden", {
           "cl:hidden": r.options.hideGridMobileView
         }])
       }, U(m(n)(r.column.caption)), 3),
-      r.editMode && r.column.editable === !0 ? V(r.$slots, `${r.column.name}Edit`, he(J({ key: 0 }, {
+      r.editMode && r.column.editable === !0 ? R(r.$slots, `${r.column.name}Edit`, he(J({ key: 0 }, {
         cellFocused: () => e("focus"),
         column: r.column,
         edited: i.value,
@@ -2001,7 +2001,7 @@ const Ha = {
           "row-index": r.rowIndex
         }, {
           [r.column.name]: z(() => [
-            V(r.$slots, r.column.name, he(we({
+            R(r.$slots, r.column.name, he(we({
               column: r.column,
               record: r.data,
               searchValue: r.searchValue
@@ -2018,7 +2018,7 @@ const Ha = {
         "row-index": r.rowIndex
       }, {
         [r.column.name]: z(() => [
-          V(r.$slots, r.column.name, he(we({ column: r.column, record: r.data, searchValue: r.searchValue })))
+          R(r.$slots, r.column.name, he(we({ column: r.column, record: r.data, searchValue: r.searchValue })))
         ]),
         _: 2
       }, 1032, ["column", "data", "time-zone", "search-value", "row-index"]))
@@ -2052,7 +2052,7 @@ const Ha = {
           "edit-mode": l.editMode,
           "row-index": l.rowIndex,
           rowspan: m(t) && l.groupBy === n.field ? l.groupGridAreaSpan : void 0,
-          class: R({
+          class: V({
             "cl:bg-white": l.groupBy === n.field && l.groupGridAreaSpan > 1
           }),
           onFocus: e[0] || (e[0] = (i) => l.$emit("cell-focus")),
@@ -2062,7 +2062,7 @@ const Ha = {
           _(l.$slots, (i, d) => ({
             name: d,
             fn: z((f) => [
-              V(l.$slots, d, J({ ref_for: !0 }, f))
+              R(l.$slots, d, J({ ref_for: !0 }, f))
             ])
           }))
         ]), 1032, ["data", "column", "options", "time-zone", "search-value", "edit-mode", "row-index", "rowspan", "class", "onEdit", "onUndo"])) : F("", !0)
@@ -2093,7 +2093,7 @@ const Ha = {
   }),
   emits: /* @__PURE__ */ pe(["row-select", "row-edit", "row-edit-cancelled", "clear-filters"], ["update:selectedRowIndex"]),
   setup(o, { emit: t }) {
-    const l = o, e = be(o, "selectedRowIndex"), n = t, { t: a } = fe(), i = I({
+    const l = o, e = ye(o, "selectedRowIndex"), n = t, { t: a } = fe(), i = I({
       index: -1,
       record: {}
     });
@@ -2176,7 +2176,7 @@ const Ha = {
         y.initialLoad ? (c(!0), v(K, { key: 0 }, _(y.request.pageSize, (O) => (c(), v("tr", { key: O }, [
           h("td", {
             colspan: y.columns.length,
-            class: R(
+            class: V(
               {
                 "cl:border-t cl:border-off-white": O % 2 === 0
               }
@@ -2194,7 +2194,7 @@ const Ha = {
               "time-zone": y.timeZone,
               "search-value": y.searchValue,
               "edit-mode": y.editMode,
-              class: R(["cl:transition-colors", {
+              class: V(["cl:transition-colors", {
                 "cl:bg-white": D % 2 === 0 && y.data.totalRecords > 1,
                 "cl:bg-off-white": D % 2 === 1 || y.data.totalRecords === 1,
                 "cl:cursor-pointer": (y.options.highlightRowSelection || y.options.rowSelectionEnabled) && !y.editMode,
@@ -2219,14 +2219,14 @@ const Ha = {
               _(y.$slots, (P, Y) => ({
                 name: Y,
                 fn: z((H) => [
-                  V(y.$slots, Y, J({ ref_for: !0 }, H))
+                  R(y.$slots, Y, J({ ref_for: !0 }, H))
                 ])
               }))
             ]), 1032, ["data", "options", "columns", "time-zone", "search-value", "edit-mode", "class", "row-index", "group-by", "group-grid-area-span", "onClick", "onCellFocus", "onCellEdit"]);
           }), 128)),
           y.data.results.length < y.request.pageSize ? (c(!0), v(K, { key: 0 }, _(Math.max(5 - y.data.results.length, 0), (O) => (c(), v("tr", {
             key: O,
-            class: R(["cl:lg:table-row", {
+            class: V(["cl:lg:table-row", {
               "cl:hidden": l.options.hideGridMobileView === !1
             }])
           }, [
@@ -2241,7 +2241,7 @@ const Ha = {
           }, [
             h("div", en, [
               y.$slots.noData && y.request.filters.some((O) => O.filterValue !== "") === !1 ? (c(), v("div", ln, [
-                V(y.$slots, "noData")
+                R(y.$slots, "noData")
               ])) : (c(), v("strong", tn, U(m(a)("grid.noData")), 1)),
               y.request.filters.some((O) => O.filterValue !== "") ? (c(), v("div", on, [
                 h("div", an, U(m(a)("grid.noDataFiltersPresent")), 1),
@@ -2286,7 +2286,7 @@ const Ha = {
   }),
   emits: /* @__PURE__ */ pe(["focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: t, emit: l }) {
-    const e = o, n = be(o, "modelValue"), a = l, i = I(0), d = I(), f = I(), { isOutside: r } = Zt(f), { focused: s } = Il(d), p = T(() => e.showArrows && r.value === !1);
+    const e = o, n = ye(o, "modelValue"), a = l, i = I(0), d = I(), f = I(), { isOutside: r } = Zt(f), { focused: s } = Il(d), p = T(() => e.showArrows && r.value === !1);
     ee(s, () => {
       s.value ? (y.value = O.value, A.value = !1, (oe.value || e.selectOnFocus || n.value === 0) && setTimeout(() => {
         var C, L;
@@ -2346,7 +2346,7 @@ const Ha = {
       }
     }
     const oe = I(!1);
-    function ye() {
+    function be() {
       var C;
       oe.value = !0, (C = f.value) == null || C.focus();
     }
@@ -2359,7 +2359,7 @@ const Ha = {
         var C;
         return (C = f.value) == null ? void 0 : C.blur();
       },
-      select: () => ye()
+      select: () => be()
     }), (C, L) => {
       const le = De("icon");
       return c(), j(Be, {
@@ -2424,14 +2424,14 @@ const Ha = {
         C.$slots.default ? {
           name: "label",
           fn: z(() => [
-            V(C.$slots, "default")
+            R(C.$slots, "default")
           ]),
           key: "0"
         } : void 0,
         C.$slots["help-text"] ? {
           name: "helpText",
           fn: z(() => [
-            V(C.$slots, "help-text")
+            R(C.$slots, "help-text")
           ]),
           key: "1"
         } : void 0
@@ -2503,7 +2503,7 @@ const Ha = {
         ])
       ])) : s.loading || (b = (g = s.data) == null ? void 0 : g.results) != null && b.length && s.request ? (c(), v("div", {
         key: 1,
-        class: R(["cl:flex cl:flex-wrap cl:lg:gap-2", {
+        class: V(["cl:flex cl:flex-wrap cl:lg:gap-2", {
           "cl:opacity-40": s.loading
         }]),
         inert: s.loading
@@ -2524,7 +2524,7 @@ const Ha = {
                 h("ul", Sn, [
                   (c(), v(K, null, _(f, (k, E) => h("li", {
                     key: E,
-                    class: R(["cl:last:mr-0 cl:mr-1", {
+                    class: V(["cl:last:mr-0 cl:mr-1", {
                       "cl:text-black cl:font-bold": s.request.pageSize === k,
                       "cl:cursor-pointer": s.request.pageSize !== k
                     }]),
@@ -2536,7 +2536,7 @@ const Ha = {
             h("div", null, [
               h("ul", qn, [
                 h("li", {
-                  class: R({
+                  class: V({
                     "cl:text-grey-2 cl:pointer-events-none": s.request.pageNumber === 1,
                     "cl:cursor-pointer": s.request.pageNumber > 1
                   }),
@@ -2548,7 +2548,7 @@ const Ha = {
                   })
                 ], 2),
                 h("li", {
-                  class: R({
+                  class: V({
                     "cl:cursor-pointer": s.request.pageNumber > 1,
                     "cl:text-grey-2 cl:pointer-events-none": s.request.pageNumber < 2
                   }),
@@ -2561,7 +2561,7 @@ const Ha = {
                 ], 2),
                 (c(!0), v(K, null, _(i.value, (k, E) => (c(), v("li", {
                   key: E,
-                  class: R(["cl:border cl:border-grey-2 cl:px-1.5 cl:rounded-sm cl:text-secondary-default", {
+                  class: V(["cl:border cl:border-grey-2 cl:px-1.5 cl:rounded-sm cl:text-secondary-default", {
                     "cl:font-bold cl:bg-primary-lighter cl:border-primary-default": s.request.pageNumber === k && !s.loading,
                     "cl:cursor-pointer ": s.request.pageNumber !== k,
                     "cl:bg-grey-0": s.loading
@@ -2569,7 +2569,7 @@ const Ha = {
                   onClick: (y) => d(k)
                 }, U(m(Me)(k)), 11, Dn))), 128)),
                 h("li", {
-                  class: R({
+                  class: V({
                     "cl:text-grey-2 cl:pointer-events-none": s.request.pageNumber >= a.value,
                     "cl:cursor-pointer": s.request.pageNumber < a.value
                   }),
@@ -2581,7 +2581,7 @@ const Ha = {
                   })
                 ], 2),
                 h("li", {
-                  class: R({
+                  class: V({
                     "cl:text-grey-2 cl:pointer-events-none": s.request.pageNumber >= a.value,
                     "cl:cursor-pointer": s.request.pageNumber < a.value
                   }),
@@ -2742,7 +2742,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
         var f, r;
         return c(), v("button", {
           key: d,
-          class: R(["cl:border cl:cursor-pointer cl:py-1 cl:rounded-md cl:text-center", {
+          class: V(["cl:border cl:cursor-pointer cl:py-1 cl:rounded-md cl:text-center", {
             "cl:bg-primary-lighter/30 cl:border-primary-default cl:font-bold cl:hover:border-primary-darker": ((f = n.selectedQuickDate) == null ? void 0 : f.name) === i.name,
             "cl:border-grey-2 cl:hover:border-grey-3 cl:hover:opacity-95 cl:opacity-60": ((r = n.selectedQuickDate) == null ? void 0 : r.name) !== i.name
           }]),
@@ -2912,7 +2912,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
     return (e, n) => {
       const a = De("icon");
       return c(), v("div", {
-        class: R(["cl:border cl:border-grey-1 cl:flex cl:flex-nowrap cl:flex-row cl:overflow-hidden cl:rounded-md range-input", [
+        class: V(["cl:border cl:border-grey-1 cl:flex cl:flex-nowrap cl:flex-row cl:overflow-hidden cl:rounded-md range-input", [
           e.$attrs.class,
           {
             "cl:bg-grey-3": e.disabled
@@ -2940,7 +2940,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
           id: e.$attrs.id ? e.$attrs.id + "Clear" : "clUiDateRangeInputClear",
           title: m(t)("input.clearDateRange"),
           size: "small",
-          class: R(["cl:basis-0 cl:border-transparent cl:flex cl:hover:border-transparent cl:items-center cl:justify-center cl:rounded-l-none cl:rounded-r-md", {
+          class: V(["cl:basis-0 cl:border-transparent cl:flex cl:hover:border-transparent cl:items-center cl:justify-center cl:rounded-l-none cl:rounded-r-md", {
             "cl:text-grey-4 cl:hover:text-grey-3": !e.dateRangeSelected && !e.disabled,
             "cl:text-danger-dark cl:hover:text-danger-default": e.dateRangeSelected && !e.disabled
           }]),
@@ -2977,7 +2977,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const t = o, l = be(o, "modelValue"), e = T(() => t.timeZone ?? "UTC"), n = T({
+    const t = o, l = ye(o, "modelValue"), e = T(() => t.timeZone ?? "UTC"), n = T({
       get() {
         let E = null;
         return l.value !== null && (E = {
@@ -3007,7 +3007,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
     const b = ul("(min-width: 768px)"), w = T(() => b.value ? 2 : 1), k = ul("(min-height: 800px)");
     return (E, y) => (c(), j(Be, { "show-required-asterisk": E.required }, ke({
       label: z(() => [
-        V(E.$slots, "default")
+        R(E.$slots, "default")
       ]),
       default: z(() => [
         M(m(Ge), {
@@ -3057,7 +3057,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
       E.$slots["help-text"] ? {
         name: "helpText",
         fn: z(() => [
-          V(E.$slots, "help-text")
+          R(E.$slots, "help-text")
         ]),
         key: "0"
       } : void 0
@@ -3082,7 +3082,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
   }),
   emits: /* @__PURE__ */ pe(["focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: t }) {
-    const l = o, e = be(o, "modelValue"), { resizability: n } = ot(l), a = I();
+    const l = o, e = ye(o, "modelValue"), { resizability: n } = ot(l), a = I();
     ee([
       e,
       a,
@@ -3143,14 +3143,14 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
       d.$slots.default ? {
         name: "label",
         fn: z(() => [
-          V(d.$slots, "default")
+          R(d.$slots, "default")
         ]),
         key: "0"
       } : void 0,
       d.$slots["help-text"] ? {
         name: "helpText",
         fn: z(() => [
-          V(d.$slots, "help-text")
+          R(d.$slots, "help-text")
         ]),
         key: "1"
       } : void 0
@@ -3176,7 +3176,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
     at((p) => ({
       fa14ae6c: d.value
     }));
-    const l = o, e = be(o, "modelValue"), { t: n } = fe(), a = I(), i = I(), d = T(() => `${100 * (e.value - l.min) / (l.max - l.min)}%`), f = I(!1), r = Kt(e, 50);
+    const l = o, e = ye(o, "modelValue"), { t: n } = fe(), a = I(), i = I(), d = T(() => `${100 * (e.value - l.min) / (l.max - l.min)}%`), f = I(!1), r = Kt(e, 50);
     function s(p) {
       var g;
       e.value = p, (g = a.value) == null || g.focus();
@@ -3265,14 +3265,14 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
         p.$slots.default ? {
           name: "label",
           fn: z(() => [
-            V(p.$slots, "default", {}, void 0, !0)
+            R(p.$slots, "default", {}, void 0, !0)
           ]),
           key: "0"
         } : void 0,
         p.$slots["help-text"] ? {
           name: "helpText",
           fn: z(() => [
-            V(p.$slots, "help-text", {}, void 0, !0)
+            R(p.$slots, "help-text", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0
@@ -3397,7 +3397,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
   }),
   emits: /* @__PURE__ */ pe(["focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: t }) {
-    const l = o, e = be(o, "modelValue"), n = T(() => l.timeZone ?? "UTC"), a = T({
+    const l = o, e = ye(o, "modelValue"), n = T(() => l.timeZone ?? "UTC"), a = T({
       get() {
         let b = null;
         return l.type === "time" ? b = e.value === null ? "00:00" : e.value : e.value !== null && (b = X.fromISO(e.value, {
@@ -3420,7 +3420,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
       }
     }), (b, w) => (c(), j(Be, { "show-required-asterisk": b.required }, ke({
       label: z(() => [
-        V(b.$slots, "default")
+        R(b.$slots, "default")
       ]),
       default: z(() => [
         b.type === "time" ? (c(), j(m(Ge), {
@@ -3498,7 +3498,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
       b.$slots["help-text"] ? {
         name: "helpText",
         fn: z(() => [
-          V(b.$slots, "help-text")
+          R(b.$slots, "help-text")
         ]),
         key: "0"
       } : void 0
@@ -3516,7 +3516,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
     return (n, a) => (c(), v("div", J(n.$attrs, {
       onClick: x(e, ["stop", "prevent"])
     }), [
-      V(n.$slots, "default", he(we({ toggleModalInput: e })))
+      R(n.$slots, "default", he(we({ toggleModalInput: e })))
     ], 16));
   }
 }), ts = ["placeholder", "value", "disabled", "onKeydown"], os = ["disabled"], as = ["id", "tabindex", "inert", "onKeydown"], ql = /* @__PURE__ */ G({
@@ -3537,7 +3537,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
   }),
   emits: ["update:modelValue"],
   setup(o, { expose: t }) {
-    const l = o, e = be(o, "modelValue"), n = I(-1), a = I(), i = I(), d = I(!1), f = I(), { focused: r } = Il(f), s = T(() => Array.isArray(e.value)), p = Qe().id ?? "select";
+    const l = o, e = ye(o, "modelValue"), n = I(-1), a = I(), i = I(), d = I(!1), f = I(), { focused: r } = Il(f), s = T(() => Array.isArray(e.value)), p = Qe().id ?? "select";
     function g(C) {
       typeof C < "u" ? d.value = C : l.disabled === !1 && (d.value = !d.value), d.value === !1 && (n.value = -1);
     }
@@ -3612,7 +3612,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
       var C;
       !H && l.openDropDownOnFocus && g(!0), H = !1, (C = f.value) == null || C.focus();
     }
-    function ye() {
+    function be() {
       H = !0;
     }
     return t({
@@ -3629,18 +3629,18 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
           errors: C.errors
         }, ke({
           label: z(() => [
-            V(C.$slots, "label")
+            R(C.$slots, "label")
           ]),
           default: z(() => [
             h("div", {
-              class: R(["cl:w-full", {
+              class: V(["cl:w-full", {
                 "cl:relative": C.isGridFilter === !1
               }])
             }, [
-              V(C.$slots, "input", he(we({ handleEnterPress: O, handleEscapePress: D, selectModalVisible: d.value, toggleSelectModalState: g, moveHighlightBackwards: E, moveHighlightForwards: y, moveHighlightToStart: w, moveHighlightToEnd: k })), () => [
+              R(C.$slots, "input", he(we({ handleEnterPress: O, handleEscapePress: D, selectModalVisible: d.value, toggleSelectModalState: g, moveHighlightBackwards: E, moveHighlightForwards: y, moveHighlightToStart: w, moveHighlightToEnd: k })), () => [
                 s.value === !1 ? (c(), j(Ct, {
                   key: 0,
-                  class: R([[Y.value, {
+                  class: V([[Y.value, {
                     "cl:border cl:border-grey-2": C.isGridFilter === !1,
                     "cl:border-link-light": m(r) && !C.openDropDownOnFocus && C.isGridFilter === !1
                   }], "cl:flex cl:gap-2 cl:items-center cl:justify-between cl:min-h-8 cl:rounded-lg cl:select-none cl:transition-colors cl:w-full"]),
@@ -3655,7 +3655,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
                       placeholder: e.value === null || e.value === void 0 ? C.placeholder ?? void 0 : void 0,
                       value: A(e.value) ? e.value.name : e.value,
                       disabled: C.disabled,
-                      onMousedown: ye,
+                      onMousedown: be,
                       onFocus: oe,
                       onSelect: x(P, ["stop", "prevent"]),
                       onKeydown: [
@@ -3713,7 +3713,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
                 ]
               }), [
                 (c(!0), v(K, null, _(C.list, (te, Se) => (c(), v("div", { key: Se }, [
-                  V(C.$slots, "default", J({ ref_for: !0 }, { option: te, index: Se, select: b, highlightIndex: n.value, isSelected: $ }), () => [
+                  R(C.$slots, "default", J({ ref_for: !0 }, { option: te, index: Se, select: b, highlightIndex: n.value, isSelected: $ }), () => [
                     (c(), j(se, {
                       id: m(p) + "-option-" + (A(te) ? te.id : Se),
                       key: Se,
@@ -3737,7 +3737,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
           C.$slots["help-text"] ? {
             name: "helpText",
             fn: z(() => [
-              V(C.$slots, "help-text")
+              R(C.$slots, "help-text")
             ]),
             key: "0"
           } : void 0
@@ -3756,7 +3756,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
   setup(o, { emit: t }) {
     const l = t;
     return (e, n) => (c(), v("div", {
-      class: R(["cl:px-2 cl:py-0.5", e.disabled ? "cl:bg-grey-1 cl:border-grey-2 cl:placeholder-grey-3" : ["cl:cursor-pointer", {
+      class: V(["cl:px-2 cl:py-0.5", e.disabled ? "cl:bg-grey-1 cl:border-grey-2 cl:placeholder-grey-3" : ["cl:cursor-pointer", {
         "cl:bg-primary-lighter cl:hover:bg-primary-default": e.isSelected && e.isHighlighted === !1,
         "cl:bg-primary-default": e.isSelected && e.isHighlighted,
         "cl:hover:bg-link-lighter": e.isSelected === !1 && e.isHighlighted === !1,
@@ -3764,7 +3764,7 @@ const Vn = { class: "cl:gap-1 cl:grid cl:grid-cols-2" }, Rn = ["onClick"], Nn =
       }]]),
       onClick: n[0] || (n[0] = (a) => e.disabled ? null : l("select"))
     }, [
-      V(e.$slots, "default")
+      R(e.$slots, "default")
     ], 2));
   }
 }), ns = [
@@ -4003,14 +4003,14 @@ const fs = {
         i.value ? (c(), j(m(ae), {
           key: 0,
           icon: i.value.icon,
-          class: R(["cl:text-lg", {
+          class: V(["cl:text-lg", {
             "cl:text-grey-4": l.filter === void 0 || l.filter.filterValue === "",
             "cl:text-primary-default": l.filter && l.filter.filterValue !== ""
           }])
         }, null, 8, ["icon", "class"])) : F("", !0)
       ]),
       h("div", {
-        class: R(["cl:absolute cl:bg-white cl:border cl:border-grey-0 cl:flex-wrap cl:font-normal cl:h-0 cl:hidden cl:rounded-sm cl:shadow-lg cl:text-left cl:text-xs cl:top-8 cl:z-10", {
+        class: V(["cl:absolute cl:bg-white cl:border cl:border-grey-0 cl:flex-wrap cl:font-normal cl:h-0 cl:hidden cl:rounded-sm cl:shadow-lg cl:text-left cl:text-xs cl:top-8 cl:z-10", {
           "cl:group-hover:flex cl:group-hover:h-auto cl:group-hover:w-52": r.loading === !1,
           "cl:right-0": r.dropdownPosition === "left",
           "cl:left-0": r.dropdownPosition === "right"
@@ -4021,7 +4021,7 @@ const fs = {
           var b;
           return c(), v("span", {
             key: g,
-            class: R(["cl:cursor-pointer cl:hover:bg-grey-0 cl:px-4 cl:py-1 cl:transition-colors cl:w-full", {
+            class: V(["cl:cursor-pointer cl:hover:bg-grey-0 cl:px-4 cl:py-1 cl:transition-colors cl:w-full", {
               "cl:bg-primary-default cl:opacity-80": p.method === ((b = i.value) == null ? void 0 : b.method)
             }]),
             onClick: x((w) => d(p.method), ["prevent"])
@@ -4227,7 +4227,7 @@ const fs = {
     const H = T(() => {
       var u;
       return ((u = D.value) == null ? void 0 : u.filterValue) ?? "";
-    }), oe = T(() => H.value === "" ? null : H.value), ye = T(() => H.value === "" ? null : H.value), C = T(() => We(l.column));
+    }), oe = T(() => H.value === "" ? null : H.value), be = T(() => H.value === "" ? null : H.value), C = T(() => We(l.column));
     function L(u, S) {
       var Te;
       let q, Z = S;
@@ -4299,7 +4299,7 @@ const fs = {
       ((u = l.filter) == null ? void 0 : u.length) === 0 && (y.value = Je.id);
     }), (u, S) => C.value ? (c(), v("div", {
       key: 0,
-      class: R(["cl:border cl:border-grey-2 cl:flex cl:relative cl:rounded-md", [
+      class: V(["cl:border cl:border-grey-2 cl:flex cl:relative cl:rounded-md", [
         u.options.hideGridMobileView || s.value || u.column.type === "boolean" || u.column.type === "slot" && u.column.slotType === "boolean" ? "cl:overflow-visible" : "cl:overflow-hidden cl:lg:overflow-visible!"
       ]]),
       inert: u.loading
@@ -4340,7 +4340,7 @@ const fs = {
       ])) : r.value ? (c(), v("div", $s, [
         M(wt, {
           id: `${m(W)}-${u.column.name}`,
-          "model-value": ye.value,
+          "model-value": be.value,
           class: "cl:[&_.clear-icon]:-pb-4 cl:[&_.icon]:text-sm cl:[&_.range-input]:h-[2rem] cl:border-none cl:h-[2rem] cl:mb-0 cl:w-full cl:z-50",
           "time-zone": u.headerDisplayTimezone,
           "quick-date-scope": u.quickDateScope,
@@ -4392,7 +4392,7 @@ const fs = {
           M(Dl, {
             "is-highlighted": me === Ce,
             "is-selected": ge(Z),
-            class: R({
+            class: V({
               "cl:py-0!": Z.name === "",
               "cl:text-xs": Z.name !== ""
             }),
@@ -4439,7 +4439,7 @@ const fs = {
       key: 0,
       class: "cl:h-[34px]"
     })) : e.bulkEditMode && e.column.editable ? (c(), v("div", qs, [
-      V(e.$slots, `${e.column.name}BulkEdit`, he(we({
+      R(e.$slots, `${e.column.name}BulkEdit`, he(we({
         column: e.column
       })), () => [
         l.value ? (c(), j(Xl, {
@@ -4521,18 +4521,18 @@ const fs = {
     function A() {
       y.value++;
       const D = y.value;
-      p.value = [], l.columns.forEach((oe, ye) => {
-        p.value[ye] = document.querySelector(`#resize-handle-${ye}`);
+      p.value = [], l.columns.forEach((oe, be) => {
+        p.value[be] = document.querySelector(`#resize-handle-${be}`);
       });
       const { x: $ } = Qt();
       let P = 0, Y = null, H = 0;
-      p.value.forEach((oe, ye) => {
+      p.value.forEach((oe, be) => {
         oe && Yt(I(oe), {
           disabled: T(() => y.value !== D),
           onStart() {
             P = $.value, g.value = !0, Y = oe;
             const C = Y.getBoundingClientRect(), L = Y.closest("table"), le = L == null ? void 0 : L.getBoundingClientRect(), se = Y.closest("th"), te = se == null ? void 0 : se.getBoundingClientRect();
-            H = (te == null ? void 0 : te.width) ?? 0, b.value = C.right - 5, w.value = (te == null ? void 0 : te.left) ?? 0, le && (k.value = le.top, E.value = le.height);
+            H = (te == null ? void 0 : te.width) ?? 0, b.value = be === a.value.length - 1 ? C.right : C.right - 5, w.value = (te == null ? void 0 : te.left) ?? 0, le && (k.value = le.top, E.value = le.height);
           },
           onMove(C) {
             document.body.classList.add("dragging-cursor"), Y && (b.value = Math.max(C.x, w.value));
@@ -4540,7 +4540,7 @@ const fs = {
           onEnd(C) {
             document.body.classList.remove("dragging-cursor");
             const L = -H, le = Math.max(C.x - P, L);
-            Math.abs(le) > 5 && e("change-column-width", ye, Math.round(H + le)), g.value = !1, Y = null;
+            Math.abs(le) > 5 && e("change-column-width", be, Math.round(H + le)), g.value = !1, Y = null;
           }
         });
       });
@@ -4558,18 +4558,18 @@ const fs = {
       }) : p.value = [];
     }, { immediate: !0 }), (D, $) => (c(), v(K, null, [
       h("thead", {
-        class: R(["cl:-top-1 cl:bg-white cl:z-20", [
+        class: V(["cl:-top-1 cl:bg-white cl:z-20", [
           D.options.hideGridMobileView ? "cl:relative" : "cl:shadow cl:sticky cl:lg:bg-transparent cl:lg:relative cl:lg:shadow-none"
         ]])
       }, [
         h("tr", {
-          class: R(["cl:table-row", {
+          class: V(["cl:table-row", {
             "cl:hidden! cl:lg:table-row!": D.options.hideGridMobileView === !1
           }])
         }, [
           (c(!0), v(K, null, _(a.value, (P, Y) => (c(), v("th", {
             key: Y,
-            class: R(["cl:text-grey-3 cl:text-sm", {
+            class: V(["cl:text-grey-3 cl:text-sm", {
               "cl:cursor-pointer": m(sl)(D.options, P) && D.loading === !1
             }]),
             onClick: (H) => m(sl)(D.options, P) && D.loading === !1 ? r(P.field) : () => {
@@ -4593,13 +4593,13 @@ const fs = {
           ], 10, Es))), 128))
         ], 2),
         h("tr", {
-          class: R(["cl:border cl:border-grey-2 cl:flex cl:flex-wrap cl:lg:border-none cl:lg:p-0 cl:lg:table-row cl:p-2", {
+          class: V(["cl:border cl:border-grey-2 cl:flex cl:flex-wrap cl:lg:border-none cl:lg:p-0 cl:lg:table-row cl:p-2", {
             "cl:hidden cl:lg:table-row": !D.filterPanelOpen && D.options.hideGridMobileView === !1,
             "cl:border-none cl:p-0 cl:table-row": D.options.hideGridMobileView
           }])
         }, [
           h("th", {
-            class: R(["cl:flex cl:justify-end cl:lg:hidden cl:w-full", {
+            class: V(["cl:flex cl:justify-end cl:lg:hidden cl:w-full", {
               "cl:hidden": D.options.hideGridMobileView
             }])
           }, [
@@ -4612,7 +4612,7 @@ const fs = {
           ], 2),
           (c(!0), v(K, null, _(d.value, ({ column: P, filterIndex: Y }, H) => (c(), v("th", {
             key: H,
-            class: R(["cl:lg:table-cell cl:lg:w-auto cl:py-1 cl:relative cl:text-xs", [
+            class: V(["cl:lg:table-cell cl:lg:w-auto cl:py-1 cl:relative cl:text-xs", [
               D.options.hideGridMobileView ? "cl:table-cell cl:w-auto" : "cl:grid cl:grid-cols-4 cl:w-full",
               {
                 "cl:hidden": !m(We)(P) && D.options.hideGridMobileView == !1
@@ -4620,13 +4620,13 @@ const fs = {
             ]])
           }, [
             h("div", {
-              class: R(["cl:col-span-2 cl:lg:hidden", {
+              class: V(["cl:col-span-2 cl:lg:hidden", {
                 "cl:hidden": D.options.hideGridMobileView
               }])
             }, U(m(n)(P.caption)), 3),
             m(sl)(D.options, P) ? (c(), v("div", {
               key: 0,
-              class: R(["cl:col-span-2 cl:gap-1 cl:lg:hidden cl:span", {
+              class: V(["cl:col-span-2 cl:gap-1 cl:lg:hidden cl:span", {
                 "cl:hidden": D.options.hideGridMobileView
               }]),
               onClick: (oe) => D.loading === !1 ? r(P.field) : void 0
@@ -4661,10 +4661,10 @@ const fs = {
               "onUpdate:filter": s,
               onPerformDataRequest: $[1] || ($[1] = (oe) => e("perform-data-request"))
             }, ke({ _: 2 }, [
-              _(D.$slots, (oe, ye) => ({
-                name: ye,
+              _(D.$slots, (oe, be) => ({
+                name: be,
                 fn: z((C) => [
-                  V(D.$slots, ye, J({ ref_for: !0 }, C, { disabled: D.loading }))
+                  R(D.$slots, be, J({ ref_for: !0 }, C, { disabled: D.loading }))
                 ])
               }))
             ]), 1032, ["loading", "initial-load", "bulk-edit-mode", "filter", "column", "time-zone", "quick-date-scope", "header-display-timezone", "options", "filter-dropdown-position"]),
@@ -4673,8 +4673,10 @@ const fs = {
               id: `resize-handle-${H}`,
               ref_for: !0,
               ref: (oe) => p.value[H] = oe,
-              class: "cl:-right-1 cl:absolute cl:cursor-ew-resize cl:h-[34px] cl:top-[calc(50%-17px)] cl:w-2 cl:z-10"
-            }, null, 8, Is)) : F("", !0)
+              class: V(["cl:-right-1 cl:absolute cl:cursor-ew-resize cl:h-[34px] cl:top-[calc(50%-17px)] cl:w-2 cl:z-10", {
+                "cl:right-0 cl:w-1": H === a.value.length - 1
+              }])
+            }, null, 10, Is)) : F("", !0)
           ], 2))), 128))
         ], 2)
       ], 2),
@@ -4701,7 +4703,7 @@ const fs = {
   }),
   emits: /* @__PURE__ */ pe(["update:request"], ["update:searchValue"]),
   setup(o, { expose: t, emit: l }) {
-    const e = o, n = be(o, "searchValue"), a = l, i = T({
+    const e = o, n = ye(o, "searchValue"), a = l, i = T({
       get: () => e.request,
       set: (p) => a("update:request", p)
     });
@@ -4731,7 +4733,7 @@ const fs = {
       }
     }), (p, g) => {
       const b = De("icon");
-      return V(p.$slots, "search", he(we({ searchValue: n.value, performSearch: d })), () => [
+      return R(p.$slots, "search", he(we({ searchValue: n.value, performSearch: d })), () => [
         h("div", Rs, [
           h("div", Ns, [
             M(Fe, {
@@ -4891,7 +4893,7 @@ const fs = {
   emits: /* @__PURE__ */ pe(["update:columns", "update:request", "data-request", "row-edit", "row-edit-cancelled", "edit-start", "edit-end", "row-select", "view-manager-visible", "clear-filters-clicked"], ["update:selectedRowIndex"]),
   setup(o, { expose: t, emit: l }) {
     var Se;
-    const e = o, n = be(o, "selectedRowIndex"), a = l, { lg: i } = nt(st), d = Object.keys(zt()).some((N) => N.endsWith("BulkEdit")), f = Qe();
+    const e = o, n = ye(o, "selectedRowIndex"), a = l, { lg: i } = nt(st), d = Object.keys(zt()).some((N) => N.endsWith("BulkEdit")), f = Qe();
     $l("cl-ui-grid-id", f.id);
     const r = T(() => e.headerDisplayTimezone ?? e.timeZone), s = T(() => e.dateFormatLocale);
     $l(gl, s);
@@ -4974,7 +4976,7 @@ const fs = {
     ee(H, () => {
       H.value ? a("edit-start") : Ue(() => a("edit-end"));
     });
-    const ye = T({
+    const be = T({
       get() {
         const N = $e(B.value);
         return N.filters = N.filters.filter((Q) => Q.filterMethod !== "andcontains" && Q.filterOperation !== ue.AND_CONTAINS), N;
@@ -5028,7 +5030,7 @@ const fs = {
         columns: L.value
       }, {
         search: z((W) => [
-          V(N.$slots, "search", he(we(W)))
+          R(N.$slots, "search", he(we(W)))
         ]),
         _: 3
       }, 8, ["search-value", "request", "columns"])) : F("", !0),
@@ -5055,7 +5057,7 @@ const fs = {
         onClearFilters: O
       }, {
         "additional-grid-actions": z((W) => [
-          V(N.$slots, "additional-grid-actions", he(we(W)))
+          R(N.$slots, "additional-grid-actions", he(we(W)))
         ]),
         "view-manager": z(() => [
           M(Qs, {
@@ -5069,12 +5071,12 @@ const fs = {
       }, 8, ["edit-mode", "filter-panel-open", "can-bulk-edit", "columns", "options", "request", "loading", "initial-load", "disable-edit-mode"]),
       h("div", Xs, [
         h("table", {
-          class: R(["cl:delay-75 cl:min-h-[276px] cl:overflow-x-auto cl:overscroll-x-none cl:text-left cl:transition-opacity cl:w-full", {
+          class: V(["cl:delay-75 cl:min-h-[276px] cl:overflow-x-auto cl:overscroll-x-none cl:text-left cl:transition-opacity cl:w-full", {
             "cl:opacity-40 cl:pointer-events-none": N.loading && le.value === !1
           }])
         }, [
           h("colgroup", {
-            class: R([
+            class: V([
               N.options.hideGridMobileView ? "cl:table-column-group" : "cl:hidden cl:lg:table-column-group"
             ])
           }, [
@@ -5086,8 +5088,8 @@ const fs = {
             A() ? (c(), v("col", xs)) : F("", !0)
           ], 2),
           M(Vs, {
-            request: ye.value,
-            "onUpdate:request": Q[6] || (Q[6] = (W) => ye.value = W),
+            request: be.value,
+            "onUpdate:request": Q[6] || (Q[6] = (W) => be.value = W),
             "filter-panel-open": oe.value,
             "onUpdate:filterPanelOpen": Q[7] || (Q[7] = (W) => oe.value = W),
             columns: g.value,
@@ -5103,7 +5105,7 @@ const fs = {
             _(N.$slots, (W, u) => ({
               name: u,
               fn: z((S) => [
-                V(N.$slots, u, J(S, { disabled: N.loading }))
+                R(N.$slots, u, J(S, { disabled: N.loading }))
               ])
             }))
           ]), 1032, ["request", "filter-panel-open", "columns", "options", "loading", "initial-load", "bulk-edit-mode", "time-zone", "header-display-timezone"]),
@@ -5127,7 +5129,7 @@ const fs = {
             _(N.$slots, (W, u) => ({
               name: u,
               fn: z((S) => [
-                V(N.$slots, u, J(S, { disabled: N.loading }))
+                R(N.$slots, u, J(S, { disabled: N.loading }))
               ])
             }))
           ]), 1032, ["selected-row-index", "columns", "request", "data", "time-zone", "loading", "initial-load", "search-value", "options", "edit-mode"])
@@ -5164,7 +5166,7 @@ const fs = {
   }),
   emits: ["update:columns", "update:request"],
   setup(o) {
-    const t = o, l = be(o, "columns"), e = be(o, "request"), { id: n, ...a } = Qe(), i = n ?? "cl-ui-grid-lite", d = T(() => t.dateFormatLocale);
+    const t = o, l = ye(o, "columns"), e = ye(o, "request"), { id: n, ...a } = Qe(), i = n ?? "cl-ui-grid-lite", d = T(() => t.dateFormatLocale);
     $l(gl, d);
     const f = T(() => l.value.filter((b) => b.visible ?? !0));
     function r() {
@@ -5216,7 +5218,7 @@ const fs = {
             _(b.$slots, (k, E) => ({
               name: E,
               fn: z((y) => [
-                V(b.$slots, E, he(we(y)))
+                R(b.$slots, E, he(we(y)))
               ])
             }))
           ]), 1032, ["grid-id", "columns", "data", "options", "page-size", "time-zone", "initial-load"])
@@ -5257,7 +5259,7 @@ const or = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, ar = ["id"
   }),
   emits: ["update:request"],
   setup(o) {
-    const t = be(o, "request"), { t: l } = fe();
+    const t = ye(o, "request"), { t: l } = fe();
     function e(a, i) {
       var d, f;
       return ((d = t.value.sort) == null ? void 0 : d.sortOnColumn) === a.field && ((f = t.value.sort) == null ? void 0 : f.sortByAscending) === i;
@@ -5290,12 +5292,12 @@ const or = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, ar = ["id"
           }
         }), [
           h("span", {
-            class: R(["cl:tracking-wide cl:whitespace-nowrap", {
+            class: V(["cl:tracking-wide cl:whitespace-nowrap", {
               "cl:opacity-0": a.initialLoad
             }])
           }, U(f.caption ? m(l)(f.caption) : f.name), 3),
           ie(h("div", {
-            class: R(["cl:hover:bg-link-lighter cl:px-0.5 cl:py-1 cl:rounded", {
+            class: V(["cl:hover:bg-link-lighter cl:px-0.5 cl:py-1 cl:rounded", {
               "cl:bg-link-lighter": e(f, !1) || e(f, !0),
               "cl:opacity-0": a.initialLoad
             }])
@@ -5333,7 +5335,7 @@ const or = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, ar = ["id"
     }, [
       (c(!0), v(K, null, _(t.columnCount, (n) => (c(), v("div", {
         key: n,
-        class: R(["cl:border-off-white cl:p-2 cl:w-full", {
+        class: V(["cl:border-off-white cl:p-2 cl:w-full", {
           "cl:border-r": n !== n - 1
         }])
       }, "   ", 2))), 128))
@@ -5365,7 +5367,7 @@ const or = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, ar = ["id"
         _(t.$slots, (a, i) => ({
           name: i,
           fn: z((d) => [
-            V(t.$slots, i, J({ ref_for: !0 }, d))
+            R(t.$slots, i, J({ ref_for: !0 }, d))
           ])
         }))
       ]), 1040, ["id", "data", "time-zone", "column", "is-small-grid", "class"]))), 128))
@@ -5393,11 +5395,11 @@ const or = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, ar = ["id"
           "column-count": a.columns.length
         }, null, 8, ["page-size", "column-count"])) : (((d = a.data) == null ? void 0 : d.results.length) ?? 0) < 1 && a.initialLoad === !1 ? (c(), v("div", {
           key: 1,
-          class: R(["cl:col-[1_/_-1] cl:text-center cl:w-full", [
+          class: V(["cl:col-[1_/_-1] cl:text-center cl:w-full", [
             e.value ? "cl:p-1" : "cl:p-2"
           ]])
         }, [
-          V(a.$slots, "noData", {}, () => [
+          R(a.$slots, "noData", {}, () => [
             de(U(m(l)("grid.noData")), 1)
           ])
         ], 2)) : (c(!0), v(K, { key: 2 }, _(a.data.results, (f, r) => (c(), j(Dt, {
@@ -5406,7 +5408,7 @@ const or = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, ar = ["id"
           "grid-id": `${a.gridId}-r${r}`,
           row: f,
           columns: a.columns,
-          class: R(
+          class: V(
             {
               "cl:border-b cl:border-off-white": r !== a.data.results.length - 1,
               "cl:bg-off-white/75": r % 2 != 0 && n.value
@@ -5418,7 +5420,7 @@ const or = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, ar = ["id"
           _(a.$slots, (s, p) => ({
             name: p,
             fn: z((g) => [
-              V(a.$slots, p, J({ ref_for: !0 }, g))
+              R(a.$slots, p, J({ ref_for: !0 }, g))
             ])
           }))
         ]), 1032, ["id", "grid-id", "row", "columns", "class", "time-zone", "is-small-grid"]))), 128))
@@ -5497,7 +5499,7 @@ const or = { class: "cl:col-[1_/_-1] cl:grid cl:grid-cols-subgrid" }, ar = ["id"
           s.isSmallGrid ? "cl:px-1 cl:py-1.5 cl:text-xs" : "cl:p-2 cl:text-sm"
         ]
       }, e), [
-        s.$slots[s.column.name] ? V(s.$slots, s.column.name, he(J({ key: 0 }, { column: s.column, data: s.data }))) : s.column.type === "boolean" && s.column.field !== void 0 ? (c(), j(vl, {
+        s.$slots[s.column.name] ? R(s.$slots, s.column.name, he(J({ key: 0 }, { column: s.column, data: s.data }))) : s.column.type === "boolean" && s.column.field !== void 0 ? (c(), j(vl, {
           key: 1,
           id: m(l),
           class: "cl:disabled:checked:bg-primary-light cl:disabled:checked:border-primary-light",
@@ -5557,7 +5559,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
   }),
   emits: ["update:request"],
   setup(o) {
-    const t = o, l = be(o, "request"), { t: e } = fe(), n = T(() => {
+    const t = o, l = ye(o, "request"), { t: e } = fe(), n = T(() => {
       var s;
       return t.data !== null ? Math.ceil((((s = t.data) == null ? void 0 : s.totalRecords) ?? 0) / l.value.pageSize) : 1;
     }), a = T(() => {
@@ -5591,7 +5593,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
       const g = De("icon");
       return s.initialLoad ? (c(), j(Mt, { key: 0 })) : (b = s.data) != null && b.results.length && l.value && n.value > 1 ? (c(), v("div", {
         key: 1,
-        class: R(["cl:border-off-white cl:border-t cl:flex cl:flex-wrap cl:gap-y-2 cl:justify-between cl:p-2 cl:text-grey-4", [
+        class: V(["cl:border-off-white cl:border-t cl:flex cl:flex-wrap cl:gap-y-2 cl:justify-between cl:p-2 cl:text-grey-4", [
           s.options.smallGridText ? "cl:px-1 cl:py-1.5 cl:text-xs" : "cl:p-2 cl:text-sm"
         ]])
       }, [
@@ -5605,7 +5607,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
             (c(!0), v(K, null, _(f.value, (w, k) => (c(), v("li", {
               id: `${s.gridId}-page-size-${w}`,
               key: k,
-              class: R(["cl:border-b cl:px-1", {
+              class: V(["cl:border-b cl:px-1", {
                 "cl:text-link-default": l.value.pageSize === w,
                 "cl:border-b-transparent cl:hover:border-b-link-lighter cl:hover:text-link-light cl:cursor-pointer": l.value.pageSize !== w
               }]),
@@ -5617,7 +5619,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
           h("ul", wr, [
             h("li", {
               id: `${s.gridId}-page-first`,
-              class: R({
+              class: V({
                 "cl:text-grey-2 cl:pointer-events-none": l.value.pageNumber === 1,
                 "cl:cursor-pointer": l.value.pageNumber > 1
               }),
@@ -5630,7 +5632,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
             ], 10, kr),
             h("li", {
               id: `${s.gridId}-page-previous`,
-              class: R({
+              class: V({
                 "cl:cursor-pointer": l.value.pageNumber > 1,
                 "cl:text-grey-2 cl:pointer-events-none": l.value.pageNumber < 2
               }),
@@ -5644,7 +5646,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
             (c(!0), v(K, null, _(a.value, (w, k) => (c(), v("li", {
               id: `${s.gridId}-page-${w}`,
               key: k,
-              class: R(["cl:border cl:border-grey-2 cl:hover:bg-primary-lighter cl:px-1.5 cl:rounded", {
+              class: V(["cl:border cl:border-grey-2 cl:hover:bg-primary-lighter cl:px-1.5 cl:rounded", {
                 "cl:text-secondary-default cl:bg-primary-lighter cl:border-primary-lighter": l.value.pageNumber === w,
                 "cl:cursor-pointer ": l.value.pageNumber !== w
               }]),
@@ -5652,7 +5654,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
             }, U(m(Me)(w)), 11, Cr))), 128)),
             h("li", {
               id: `${s.gridId}-page-next`,
-              class: R({
+              class: V({
                 "cl:text-grey-2 cl:pointer-events-none": l.value.pageNumber >= n.value,
                 "cl:cursor-pointer": l.value.pageNumber < n.value
               }),
@@ -5665,7 +5667,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
             ], 10, Sr),
             h("li", {
               id: `${s.gridId}-page-last`,
-              class: R({
+              class: V({
                 "cl:text-grey-2 cl:pointer-events-none": l.value.pageNumber >= n.value,
                 "cl:cursor-pointer": l.value.pageNumber < n.value
               }),
@@ -5692,15 +5694,15 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
     return Ye(n, () => {
       (l.isOpen ?? !1) && e("open-click");
     }), (a, i) => (c(), v("header", qr, [
-      V(a.$slots, "logo"),
+      R(a.$slots, "logo"),
       h("div", {
         ref_key: "headerMenuElement",
         ref: n,
         class: "cl:cursor-pointer cl:flex cl:flex-nowrap",
         onClick: i[0] || (i[0] = (d) => a.$emit("open-click"))
       }, [
-        V(a.$slots, "menu"),
-        V(a.$slots, "icon")
+        R(a.$slots, "menu"),
+        R(a.$slots, "icon")
       ], 512)
     ]));
   }
@@ -5723,7 +5725,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
   },
   setup(o) {
     return (t, l) => (c(), v("div", {
-      class: R(["cl:md:relative", {
+      class: V(["cl:md:relative", {
         "cl:bg-primary-default": t.colour === "default",
         "cl:bg-blue-light": t.colour === "secondary"
       }])
@@ -5741,7 +5743,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
           height: "48"
         })),
         h("div", {
-          class: R(["cl:grow cl:hidden cl:md:block cl:my-4", {
+          class: V(["cl:grow cl:hidden cl:md:block cl:my-4", {
             "cl:text-secondary-default": t.colour === "default",
             "cl:text-white": t.colour === "secondary"
           }])
@@ -5751,7 +5753,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
         ], 2),
         h("div", Ir, [
           M(m(ae), {
-            class: R(["cl:transform-gpu cl:transition-transform", {
+            class: V(["cl:transform-gpu cl:transition-transform", {
               "cl:rotate-180": t.isOpen,
               "cl:text-secondary-default": t.colour === "default",
               "cl:text-white": t.colour === "secondary"
@@ -5763,7 +5765,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
       M(Re, { name: "fade" }, {
         default: z(() => [
           ie(h("div", Vr, [
-            V(t.$slots, "default")
+            R(t.$slots, "default")
           ], 512), [
             [ve, t.isOpen]
           ])
@@ -6003,7 +6005,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
       ref: a,
       type: "text",
       disabled: k.disabled,
-      class: R(["cl:block cl:border cl:duration-300 cl:focus:outline-none cl:h-full cl:mb-1 cl:p-3 cl:rounded-lg cl:transition cl:w-full", {
+      class: V(["cl:block cl:border cl:duration-300 cl:focus:outline-none cl:h-full cl:mb-1 cl:p-3 cl:rounded-lg cl:transition cl:w-full", {
         "cl:hover:border-grey-3!": k.disabled === !1,
         "cl:cursor-default!": k.disabled,
         "cl:border-danger-default!": !k.isValid,
@@ -6041,7 +6043,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
     at((r) => ({
       "1f0967fd": i.value
     }));
-    const l = o, e = be(o, "value"), { t: n } = fe(), a = I(), i = T(() => {
+    const l = o, e = ye(o, "value"), { t: n } = fe(), a = I(), i = T(() => {
       let r = (e.value - l.min) / (l.max - l.min) * 100;
       return r < 35 && r > 0 ? r < 20 ? r += 0.5 : r += 0.25 : r > 65 && r < 100 && (r > 80 ? r -= 0.5 : r -= 0.25), `${r}%`;
     }), d = T(() => l.min <= l.max && l.step > 0), f = I(!1);
@@ -6053,7 +6055,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
     }), (r, s) => d.value ? (c(), v("div", he(J({ key: 0 }, r.$attrs)), [
       h("div", Ur, [
         h("span", {
-          class: R(["cl:border cl:border-transparent cl:leading-6 cl:mr-1 cl:px-2 cl:rounded-full cl:select-none cl:shadow cl:text-center cl:text-xs", {
+          class: V(["cl:border cl:border-transparent cl:leading-6 cl:mr-1 cl:px-2 cl:rounded-full cl:select-none cl:shadow cl:text-center cl:text-xs", {
             "cl:bg-white cl:cursor-pointer cl:hover:border-grey-1": !r.disabled,
             "cl:bg-grey-0": r.disabled
           }]),
@@ -6102,7 +6104,7 @@ const Mt = /* @__PURE__ */ qe(pr, [["render", mr]]), gr = { class: "cl:flex cl:g
           ], 64))
         ]),
         h("span", {
-          class: R(["cl:border cl:border-transparent cl:leading-6 cl:ml-1 cl:px-2 cl:rounded-full cl:select-none cl:shadow cl:text-center cl:text-xs", {
+          class: V(["cl:border cl:border-transparent cl:leading-6 cl:ml-1 cl:px-2 cl:rounded-full cl:select-none cl:shadow cl:text-center cl:text-xs", {
             "cl:bg-white cl:cursor-pointer cl:hover:border-grey-1": !r.disabled,
             "cl:bg-grey-0": r.disabled
           }]),
@@ -6283,7 +6285,7 @@ const Yr = { class: "cl:flex cl:justify-between" }, Jr = { class: "cl:w-full" },
         O.value = !0, Ce ? (D.value = me, n("validated", !1, u)) : (D.value = [], n("validated", !0, u)), B.value = !Ce;
       });
     }
-    function ye() {
+    function be() {
       let u = "";
       return e.inputType === "color" && g.value && (e.disabled ? u = "background: #999999" : u = `background: ${g.value};`), u;
     }
@@ -6379,7 +6381,7 @@ const Yr = { class: "cl:flex cl:justify-between" }, Jr = { class: "cl:w-full" },
               "cl:p-3 cl:rounded-lg": !m(xe)(u.inputType),
               [`${u.inputSpecificClasses}`]: u.inputSpecificClasses !== ""
             }],
-            style: ye(),
+            style: be(),
             type: u.inputType,
             disabled: u.disabled,
             min: u.min ?? void 0,
@@ -6550,13 +6552,13 @@ const di = {
       s && (a.value = !1);
     }), (s, p) => i.value !== null && m(El)(i.value) ? (c(), v("div", di, [
       h("div", {
-        class: R(["cl:flex cl:items-center", {
+        class: V(["cl:flex cl:items-center", {
           "cl:cursor-pointer": !s.disabled
         }]),
         onClick: r
       }, [
         h("span", {
-          class: R(["cl:font-semibold cl:text-xs", {
+          class: V(["cl:font-semibold cl:text-xs", {
             "cl:opacity-50": s.disabled
           }])
         }, U(i.value.nativeName), 3)
@@ -6613,17 +6615,17 @@ const di = {
       a
     ], s), (p, g) => (c(), v("div", vi, [
       h("div", hi, [
-        V(p.$slots, "background")
+        R(p.$slots, "background")
       ]),
       h("form", bi, [
         h("div", yi, [
-          V(p.$slots, "logo")
+          R(p.$slots, "logo")
         ]),
         p.$slots["language-switcher"] ? (c(), v("div", wi, [
-          V(p.$slots, "language-switcher")
+          R(p.$slots, "language-switcher")
         ])) : F("", !0),
         h("div", {
-          class: R(["cl:gap-y-4 cl:grid cl:grid-cols-1 cl:lg:gap-x-2 cl:lg:grid-cols-8", {
+          class: V(["cl:gap-y-4 cl:grid cl:grid-cols-1 cl:lg:gap-x-2 cl:lg:grid-cols-8", {
             "cl:col-span-7": !p.$slots["language-switcher"],
             "cl:col-span-6": p.$slots["language-switcher"]
           }])
@@ -6641,7 +6643,7 @@ const di = {
                   modelValue: n.value,
                   "onUpdate:modelValue": g[0] || (g[0] = (b) => n.value = b),
                   modelModifiers: { trim: !0 },
-                  class: R(["cl:border-2 cl:outline-none cl:p-2 cl:pl-9 cl:text-grey-5 cl:text-sm", {
+                  class: V(["cl:border-2 cl:outline-none cl:p-2 cl:pl-9 cl:text-grey-5 cl:text-sm", {
                     "cl:border-primary-default! cl:hover:border-grey-3! cl:focus-within:border-link-light!": n.value !== "" && d.value,
                     "cl:border-danger-dark! cl:hover:border-grey-3! cl:focus-within:border-link-light!": n.value !== "" && !d.value
                   }]),
@@ -6686,7 +6688,7 @@ const di = {
                 id: "cl-ui-login-passwordinput",
                 modelValue: a.value,
                 "onUpdate:modelValue": g[3] || (g[3] = (b) => a.value = b),
-                class: R(["cl:border-2 cl:outline-none cl:p-2 cl:px-9 cl:text-grey-5 cl:text-sm", {
+                class: V(["cl:border-2 cl:outline-none cl:p-2 cl:px-9 cl:text-grey-5 cl:text-sm", {
                   "cl:border-primary-default! cl:hover:border-grey-3! cl:focus-within:border-link-light!": a.value
                 }]),
                 type: i.value,
@@ -6803,18 +6805,18 @@ const di = {
     }, [
       h("div", {
         id: "group-container",
-        class: R(["cl:h-full cl:overflow-y-auto cl:overscroll-y-none cl:pb-20 cl:w-20 cl:xl:pb-0 cl:z-40", {
+        class: V(["cl:h-full cl:overflow-y-auto cl:overscroll-y-none cl:pb-20 cl:w-20 cl:xl:pb-0 cl:z-40", {
           "cl:bg-primary-default": E.colour === "default",
           "cl:bg-blue-dark": E.colour === "secondary"
         }])
       }, [
-        V(E.$slots, "icon", J({ navcolour: E.colour }, { groupIsOpen: i, toggleOpen: d }), void 0, !0)
+        R(E.$slots, "icon", J({ navcolour: E.colour }, { groupIsOpen: i, toggleOpen: d }), void 0, !0)
       ], 2),
       s.value ? (c(), v("div", Ii)) : F("", !0),
       M(Re, { name: "slide-right" }, {
         default: z(() => [
           ie(h("div", {
-            class: R(["cl:bg-grey-0 cl:border-grey-2 cl:border-r cl:duration-75 cl:h-full cl:min-w-[260px] cl:overflow-y-auto cl:overscroll-y-none cl:p-8 cl:pb-24 cl:top-0 cl:transition-shadow cl:w-[260px] cl:xl:pb-0 cl:z-30", {
+            class: V(["cl:bg-grey-0 cl:border-grey-2 cl:border-r cl:duration-75 cl:h-full cl:min-w-[260px] cl:overflow-y-auto cl:overscroll-y-none cl:p-8 cl:pb-24 cl:top-0 cl:transition-shadow cl:w-[260px] cl:xl:pb-0 cl:z-30", {
               "cl:relative": r.value,
               "cl:absolute cl:left-20 cl:shadow-lg": !r.value
             }])
@@ -6832,7 +6834,7 @@ const di = {
                   icon: "ph:push-pin"
                 }))
               ]),
-              V(E.$slots, "default", he(we({ groupIsOpen: i })), void 0, !0)
+              R(E.$slots, "default", he(we({ groupIsOpen: i })), void 0, !0)
             ])
           ], 2), [
             [ve, a.value]
@@ -6851,7 +6853,7 @@ const di = {
   },
   setup(o) {
     return (t, l) => (c(), v("div", {
-      class: R(["cl:cursor-pointer cl:flex cl:h-20 cl:items-center cl:justify-center cl:transition-colors cl:w-20", {
+      class: V(["cl:cursor-pointer cl:flex cl:h-20 cl:items-center cl:justify-center cl:transition-colors cl:w-20", {
         "cl:text-secondary-default cl:hover:bg-primary-dark cl:hover:text-white": t.colour === "default",
         "cl:bg-primary-darker cl:text-white": t.open && t.colour === "default",
         "cl:text-white cl:hover:bg-blue-light": t.colour === "secondary",
@@ -6875,15 +6877,15 @@ const di = {
   },
   setup(o) {
     return (t, l) => (c(), v("div", {
-      class: R({
+      class: V({
         "cl:hidden": !t.open
       })
     }, [
       t.$slots.title ? (c(), v("div", zi, [
-        V(t.$slots, "title")
+        R(t.$slots, "title")
       ])) : F("", !0),
       h("div", Fi, [
-        V(t.$slots, "default")
+        R(t.$slots, "default")
       ])
     ], 2));
   }
@@ -6894,17 +6896,17 @@ const di = {
 function Hi(o, t) {
   return c(), v("div", Pi, [
     o.$slots.title ? (c(), v("div", ji, [
-      V(o.$slots, "title")
+      R(o.$slots, "title")
     ])) : F("", !0),
     h("span", Gi, [
-      V(o.$slots, "default")
+      R(o.$slots, "default")
     ])
   ]);
 }
 const Wi = /* @__PURE__ */ qe(Li, [["render", Hi]]), Zi = {}, Ki = { class: "cl:cursor-pointer cl:hover:text-primary-darker cl:transition-colors cl:w-full" };
 function Qi(o, t) {
   return c(), v("div", Ki, [
-    V(o.$slots, "default")
+    R(o.$slots, "default")
   ]);
 }
 const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
@@ -6939,12 +6941,12 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
     }), t({
       setTab: p
     }), (g, b) => (c(), v("div", {
-      class: R(["cl:w-full", {
+      class: V(["cl:w-full", {
         "cl:flex cl:flex-row cl:gap-4 cl:xl:gap-6": f.value === !1
       }])
     }, [
       h("div", {
-        class: R(["cl:flex cl:flex-nowrap", [
+        class: V(["cl:flex cl:flex-nowrap", [
           f.value === !1 ? "cl:items-start" : "cl:items-center cl:w-full",
           {
             "cl:border-r cl:h-full cl:border-grey-1": f.value === !1,
@@ -6955,20 +6957,20 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
         h("div", {
           ref_key: "headerContainer",
           ref: d,
-          class: R(["cl:border-b cl:border-grey-1 cl:flex cl:flex-nowrap", {
+          class: V(["cl:border-b cl:border-grey-1 cl:flex cl:flex-nowrap", {
             "cl:overflow-x-auto cl:overscroll-x-none cl:w-full cl:gap-4 cl:xl:gap-6 cl:px-4 cl:flex-row": f.value,
             "cl:flex-col cl:border-b-0": f.value === !1
           }])
         }, [
-          V(g.$slots, "headings", he(we({ isTabOpen: r, toggleOpen: s, colour: g.colour, layout: g.layout })))
+          R(g.$slots, "headings", he(we({ isTabOpen: r, toggleOpen: s, colour: g.colour, layout: g.layout })))
         ], 2)
       ], 2),
       ie(h("div", {
-        class: R(["cl:basis-full cl:p-4", {
+        class: V(["cl:basis-full cl:p-4", {
           "cl:overflow-hidden": g.overflowHidden
         }])
       }, [
-        V(g.$slots, "content", he(we({ isTabOpen: r })))
+        R(g.$slots, "content", he(we({ isTabOpen: r })))
       ], 2), [
         [ve, i.value]
       ])
@@ -6986,7 +6988,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
   setup(o) {
     const t = o, l = T(() => t.layout === "horizontal");
     return (e, n) => (c(), v("div", {
-      class: R(["cl:flex cl:font-bold cl:items-center cl:whitespace-nowrap", {
+      class: V(["cl:flex cl:font-bold cl:items-center cl:whitespace-nowrap", {
         "cl:border-b-4 cl:p-2 cl:pt-4": l.value,
         "cl:border-b-0 cl:border-r-4 cl:pr-4 cl:py-2": l.value === !1,
         "cl:cursor-pointer cl:hover:border-link-lighter/100 cl:border-link-lighter/0 cl:text-secondary-light cl:hover:text-secondary-dark": e.open === !1 && !e.disabled,
@@ -7000,7 +7002,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
       }]),
       inert: e.disabled
     }, [
-      V(e.$slots, "default", {}, () => [
+      R(e.$slots, "default", {}, () => [
         de(U(e.title), 1)
       ])
     ], 10, Xi));
@@ -7013,10 +7015,10 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
   },
   setup(o) {
     return (t, l) => t.open ? (c(), v("div", _i, [
-      t.$slots.header || t.title ? V(t.$slots, "header", { key: 0 }, () => [
+      t.$slots.header || t.title ? R(t.$slots, "header", { key: 0 }, () => [
         h("h4", eu, U(t.title), 1)
       ]) : F("", !0),
-      V(t.$slots, "default")
+      R(t.$slots, "default")
     ])) : F("", !0);
   }
 }), tu = [
@@ -7115,13 +7117,13 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
           disabled: k.disabled,
           onInput: f
         }, null, 40, nu),
-        V(k.$slots, "default")
+        R(k.$slots, "default")
       ], 16)) : (c(), v("input", {
         key: 1,
         ref_key: "fileRefClassic",
         ref: b,
         type: "file",
-        class: R({
+        class: V({
           "cl:cursor-default": k.disabled === !0,
           "cl:cursor-pointer": k.disabled === !1
         }),
@@ -7130,12 +7132,12 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
         disabled: k.disabled,
         onInput: f
       }, null, 42, su)),
-      a.value.length > 0 ? V(k.$slots, "invalid-files", {
+      a.value.length > 0 ? R(k.$slots, "invalid-files", {
         key: 2,
         invalidFiles: a.value
       }, () => [
         h("div", {
-          class: R(["cl:flex cl:flex-col cl:flex-nowrap cl:gap-1 cl:pt-1", {
+          class: V(["cl:flex cl:flex-col cl:flex-nowrap cl:gap-1 cl:pt-1", {
             "cl:w-full": k.uploaderType === "dragDrop",
             "cl:w-max": k.uploaderType == "classic"
           }])
@@ -7160,7 +7162,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
   }),
   emits: /* @__PURE__ */ pe(["selection-changed"], ["update:modelValue"]),
   setup(o, { emit: t }) {
-    const l = o, e = be(o, "modelValue"), n = t;
+    const l = o, e = ye(o, "modelValue"), n = t;
     function a(f) {
       Array.isArray(e.value) ? i(f) : e.value === f && l.required === !1 ? e.value = null : e.value = f;
     }
@@ -7177,7 +7179,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
       "show-required-asterisk": f.required && f.$slots.label !== void 0
     }, ke({
       label: z(() => [
-        V(f.$slots, "label")
+        R(f.$slots, "label")
       ]),
       default: z(() => [
         h("div", J(f.$attrs, {
@@ -7186,7 +7188,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
             "cl:gap-1 cl:flex-col": f.orientation === "vertical"
           }]
         }), [
-          V(f.$slots, "default", { select: a })
+          R(f.$slots, "default", { select: a })
         ], 16)
       ]),
       _: 2
@@ -7194,7 +7196,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
       f.$slots["help-text"] ? {
         name: "helpText",
         fn: z(() => [
-          V(f.$slots, "help-text")
+          R(f.$slots, "help-text")
         ]),
         key: "0"
       } : void 0
@@ -7208,14 +7210,14 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
   },
   setup(o) {
     return (t, l) => (c(), j(Ee, {
-      class: R({
+      class: V({
         "cl:bg-primary-default/40! cl:border-primary-dark cl:hover:border-primary-dark cl:text-black cl:font-bold": t.isSelected,
         "cl:border-secondary-light/40 cl:hover:shadow-md cl:hover:border-secondary-light/100 cl:text-secondary-default! cl:hover:bg-primary-default/15 cl:hover:font-bold": t.isSelected === !1,
         "cl:rounded-none!": t.orientation === "horizontal"
       })
     }, {
       default: z(() => [
-        V(t.$slots, "default")
+        R(t.$slots, "default")
       ]),
       _: 3
     }, 8, ["class"]));
@@ -7238,7 +7240,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
         class: "cl:after:h-1.5 cl:after:m-1 cl:after:rounded-full cl:after:w-1.5 cl:appearance-none cl:bg-clip-content cl:border cl:border-grey-3 cl:checked:after:bg-secondary-default cl:checked:bg-primary-default cl:checked:border-primary-darker cl:cursor-pointer cl:flex cl:gap-2 cl:h-4 cl:items-center cl:rounded-full cl:w-4",
         onClick: l[0] || (l[0] = (e) => t.$emit("click"))
       }, null, 8, du),
-      V(t.$slots, "default")
+      R(t.$slots, "default")
     ]));
   }
 }), pu = /* @__PURE__ */ G({
@@ -7258,7 +7260,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
       onClick: (i) => t.$emit("select", a)
     }, {
       default: z(() => [
-        V(t.$slots, n, {
+        R(t.$slots, n, {
           id: t.id + "-radio-" + n
         })
       ]),
@@ -7285,7 +7287,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
   },
   emits: /* @__PURE__ */ pe(["search-clicked"], ["update:open", "update:pinned"]),
   setup(o) {
-    const t = be(o, "open"), l = be(o, "pinned"), e = I([]), n = I(!1);
+    const t = ye(o, "open"), l = ye(o, "pinned"), e = I([]), n = I(!1);
     function a(r) {
       let s = e.value.find((p) => p.id === r);
       return s || (s = {
@@ -7319,7 +7321,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
           }]
         }), [
           h("div", {
-            class: R(["cl:flex cl:items-center cl:justify-between cl:rounded-lg cl:w-full", {
+            class: V(["cl:flex cl:items-center cl:justify-between cl:rounded-lg cl:w-full", {
               "cl:hover:bg-primary-lighter cl:cursor-pointer cl:transition-colors": t.value === !1,
               "cl:gap-3": t.value
             }]),
@@ -7331,7 +7333,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
           }, [
             M(m(fl), {
               "icon-value": t.value ? "ph:sidebar-simple-duotone" : n.value ? "ph:sidebar-duotone" : "ph:list",
-              class: R(["cl:transition-colors", {
+              class: V(["cl:transition-colors", {
                 "cl:text-grey-3 cl:hover:text-secondary-default cl:cursor-pointer ": t.value,
                 "cl:text-secondary-default": t.value === !1
               }]),
@@ -7339,7 +7341,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
             }, null, 8, ["icon-value", "class"]),
             t.value ? (c(), v("button", {
               key: 0,
-              class: R(["cl:p-1 cl:right-1 cl:rounded-lg cl:top-2.5", {
+              class: V(["cl:p-1 cl:right-1 cl:rounded-lg cl:top-2.5", {
                 "cl:text-grey-3 cl:hover:text-secondary-default cl:hover:bg-primary-lightest": l.value === !1,
                 "cl:text-secondary-default cl:hover:bg-danger-light": l.value
               }]),
@@ -7355,7 +7357,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
           ], 34),
           r.$slots.searchInput ? (c(), v("div", {
             key: 0,
-            class: R(["cl:flex cl:items-center cl:mb-1 cl:relative cl:w-full", {
+            class: V(["cl:flex cl:items-center cl:mb-1 cl:relative cl:w-full", {
               "cl:hover:bg-primary-lighter cl:cursor-pointer cl:rounded-lg cl:transition-colors": t.value === !1
             }]),
             onClick: s[5] || (s[5] = () => {
@@ -7364,20 +7366,20 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
           }, [
             M(m(fl), {
               "icon-value": "ph:magnifying-glass",
-              class: R({
+              class: V({
                 "cl:absolute cl:z-10 cl:text-grey-3": t.value,
                 "cl:text-secondary-default": t.value === !1
               })
             }, null, 8, ["class"]),
             t.value ? (c(), v("div", fu, [
-              V(r.$slots, "searchInput", {}, void 0, !0)
+              R(r.$slots, "searchInput", {}, void 0, !0)
             ])) : F("", !0)
           ], 2)) : F("", !0),
           h("div", mu, [
-            V(r.$slots, "default", he(we({ toggleOpen: i, groupIsOpen: a })), void 0, !0)
+            R(r.$slots, "default", he(we({ toggleOpen: i, groupIsOpen: a })), void 0, !0)
           ]),
           r.$slots.footer ? (c(), v("div", gu, [
-            V(r.$slots, "footer", he(we({ toggleOpen: i, groupIsOpen: a })), void 0, !0)
+            R(r.$slots, "footer", he(we({ toggleOpen: i, groupIsOpen: a })), void 0, !0)
           ])) : F("", !0)
         ], 16),
         t.value && l.value === !1 ? (c(), v("div", vu)) : F("", !0)
@@ -7415,7 +7417,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
           ])
         ], 8, wu),
         h("div", {
-          class: R(["cl:overflow-hidden", { "animate-enabled": t.menuOpen }])
+          class: V(["cl:overflow-hidden", { "animate-enabled": t.menuOpen }])
         }, [
           M(Re, {
             name: "menu-slide",
@@ -7425,7 +7427,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
               ie(h("div", Cu, [
                 M(m(Vt), null, {
                   default: z(() => [
-                    V(t.$slots, "default")
+                    R(t.$slots, "default")
                   ]),
                   _: 3
                 })
@@ -7464,7 +7466,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
         h("div", { class: "cl:bg-grey-2 cl:w-[1px]" }, "   ")
       ], -1)),
       h("div", Du, [
-        V(t.$slots, "default")
+        R(t.$slots, "default")
       ])
     ]));
   }
@@ -7472,7 +7474,7 @@ const Yi = /* @__PURE__ */ qe(Zi, [["render", Qi]]), Ji = /* @__PURE__ */ G({
   __name: "cl-ui-menu-item",
   setup(o) {
     return (t, l) => (c(), v("div", Eu, [
-      V(t.$slots, "default")
+      R(t.$slots, "default")
     ]));
   }
 }), Mu = ["height"], Au = ["y2"], Iu = ["y1", "y2"], Vu = /* @__PURE__ */ G({
@@ -7541,7 +7543,7 @@ const Bu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, zu = { cla
   emits: /* @__PURE__ */ pe(["recalculate-tree-path", "set-child-node-height"], ["update:selectedPath"]),
   setup(o, { emit: t }) {
     var y;
-    const l = o, e = be(o, "selectedPath"), n = t, a = T(() => Ru(...l.pathFragments)), i = Ft(l.rootNode.expanded) ? l.rootNode.expanded : I(l.rootNode.expanded ?? !1), d = I(), { height: f } = Pl(d), r = jl(d), s = I([]), p = T(() => s.value.map((A) => Pl(A))), g = T(() => s.value.map((A) => jl(A))), b = I(new Array(((y = l.rootNode.children) == null ? void 0 : y.length) ?? 0).fill(0)), w = I([]);
+    const l = o, e = ye(o, "selectedPath"), n = t, a = T(() => Ru(...l.pathFragments)), i = Ft(l.rootNode.expanded) ? l.rootNode.expanded : I(l.rootNode.expanded ?? !1), d = I(), { height: f } = Pl(d), r = jl(d), s = I([]), p = T(() => s.value.map((A) => Pl(A))), g = T(() => s.value.map((A) => jl(A))), b = I(new Array(((y = l.rootNode.children) == null ? void 0 : y.length) ?? 0).fill(0)), w = I([]);
     function k() {
       r.update(), w.value = g.value.map((A, B) => (A.update(), A.top.value - r.bottom.value + b.value[B] / 2 + 3)), n("recalculate-tree-path");
     }
@@ -7572,7 +7574,7 @@ const Bu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, zu = { cla
         ]),
         A.depth > 0 ? (c(), v("div", Uu)) : F("", !0),
         h("div", {
-          class: R(["cl:basis-full cl:relative", {
+          class: V(["cl:basis-full cl:relative", {
             "cl-tree-list-selection": e.value === a.value
           }])
         }, [
@@ -7583,7 +7585,7 @@ const Bu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, zu = { cla
             ref: d,
             class: "cl:bg-white cl:border cl:border-grey-2 cl:px-2 cl:py-1 cl:rounded"
           }, [
-            V(A.$slots, A.rootNode.slotName ?? "default", {
+            R(A.$slots, A.rootNode.slotName ?? "default", {
               node: A.rootNode,
               path: a.value,
               depth: A.depth,
@@ -7597,13 +7599,13 @@ const Bu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, zu = { cla
             id: `${A.idPrefix}-node-content`,
             ref_key: "nodeContentDiv",
             ref: d,
-            class: R(["cl:border cl:border-grey-2 cl:px-2 cl:py-1 cl:rounded-sm cl:text-left cl:w-full", {
+            class: V(["cl:border cl:border-grey-2 cl:px-2 cl:py-1 cl:rounded-sm cl:text-left cl:w-full", {
               "cl:bg-primary-lightest cl:border-primary-dark": e.value === a.value,
               "cl-tree-list-button": e.value !== a.value
             }]),
             onClick: B[1] || (B[1] = ($) => e.value = e.value === a.value ? "" : a.value)
           }, [
-            V(A.$slots, A.rootNode.slotName ?? "default", {
+            R(A.$slots, A.rootNode.slotName ?? "default", {
               node: A.rootNode,
               path: a.value,
               depth: A.depth,
@@ -7639,7 +7641,7 @@ const Bu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, zu = { cla
                 _(A.$slots, (Y, H) => ({
                   name: H,
                   fn: z((oe) => [
-                    V(A.$slots, H, J({ ref_for: !0 }, oe))
+                    R(A.$slots, H, J({ ref_for: !0 }, oe))
                   ])
                 }))
               ]), 1032, ["selected-path", "id-prefix", "depth", "breadth", "path-fragments", "root-node", "onRecalculateTreePath", "onSetChildNodeHeight"])
@@ -7671,7 +7673,7 @@ const Bu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, zu = { cla
         key: f.id,
         "selected-path": a.value,
         "onUpdate:selectedPath": d[0] || (d[0] = (s) => a.value = s),
-        class: R({
+        class: V({
           "cl-tree-list-highlight-descendants": i.highlightSelectedDescendants
         }),
         "root-node": f,
@@ -7683,7 +7685,7 @@ const Bu = { class: "cl:flex cl:flex-nowrap cl:flex-row cl:w-full" }, zu = { cla
         _(i.$slots, (s, p) => ({
           name: p,
           fn: z((g) => [
-            V(i.$slots, p, J({ ref_for: !0 }, g))
+            R(i.$slots, p, J({ ref_for: !0 }, g))
           ])
         }))
       ]), 1032, ["selected-path", "class", "root-node", "breadth", "id-prefix", "path-fragments"]))), 128))