vlite3 1.2.9 → 1.2.12

package/components/Form/Form.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as we, inject as Ae, computed as r, onMounted as ae, onUnmounted as O, ref as E, watch as le, openBlock as s, createElementBlock as d, withKeys as ie, withModifiers as J, normalizeClass as m, createElementVNode as f, createVNode as T, mergeProps as K, toDisplayString as z, unref as t, renderSlot as se, createCommentVNode as c, createBlock as C, Fragment as Te, renderList as Re } from "vue";
+import { defineComponent as we, inject as Ae, computed as r, onMounted as le, onUnmounted as O, ref as E, watch as ie, openBlock as s, createElementBlock as d, withKeys as se, withModifiers as J, normalizeClass as m, createElementVNode as f, createVNode as T, mergeProps as K, toDisplayString as z, unref as t, renderSlot as ne, createCommentVNode as c, createBlock as C, Fragment as Te, renderList as Re } from "vue";
 import { useForm as Pe } from "./composables/useForm.js";
 import Q from "./FormFields.vue.js";
 import Ue from "./FormField.vue.js";
@@ -62,18 +62,18 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
     backButtonPath: {}
   },
   emits: ["onSubmit", "onCancel", "onStepChange", "onAddonAction", "onBack"],
-  setup(e, { expose: ne, emit: oe }) {
-    const l = e, b = oe, v = Ae("modal-context", null), re = Ne(), B = r(() => re?.components?.form || {}), L = r(() => l.variant ?? B.value.variant ?? "outline"), N = r(() => l.size ?? B.value.size ?? "md"), D = r(() => l.rounded ?? B.value.rounded ?? "md"), M = r(
+  setup(e, { expose: oe, emit: re }) {
+    const l = e, b = re, v = Ae("modal-context", null), ue = Ne(), B = r(() => ue?.components?.form || {}), L = r(() => l.variant ?? B.value.variant ?? "outline"), N = r(() => l.size ?? B.value.size ?? "md"), D = r(() => l.rounded ?? B.value.rounded ?? "md"), M = r(
       () => l.showRequiredAsterisk ?? B.value.showRequiredAsterisk ?? !0
-    ), ue = r(() => l.showCancel || !!v), F = r(() => !!v), P = r(() => l.stickyFooter || F.value);
-    ae(() => {
+    ), de = r(() => l.showCancel || !!v), F = r(() => !!v), P = r(() => l.stickyFooter || F.value);
+    le(() => {
       l.footer && F.value && v?.registerFormFooter?.(!0);
     }), O(() => {
       F.value && v?.registerFormFooter?.(!1);
     });
-    const de = E(null), G = E(null), W = E(!1);
+    const ce = E(null), G = E(null), W = E(!1);
     let j = null;
-    ae(() => {
+    le(() => {
       G.value && (j = new IntersectionObserver(
         ([a]) => {
           W.value = !a.isIntersecting;
@@ -98,9 +98,9 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
       errors: y,
       isSubmitting: x,
       fieldLoading: q,
-      handleFieldChange: ce,
+      handleFieldChange: Z,
       validateField: me,
-      validateAll: Z,
+      validateAll: _,
       isFieldVisible: U,
       isFieldDisabled: V,
       isFieldReadonly: H,
@@ -120,7 +120,7 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
         }));
       }
     });
-    le(
+    ie(
       () => l.loading || x.value,
       (a) => {
         v?.setSubmitting && v.setSubmitting(a);
@@ -128,14 +128,14 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
       { immediate: !0 }
     ), O(() => {
       v?.setSubmitting && v.setSubmitting(!1);
-    }), le(
+    }), ie(
       [() => l.schema, () => l.values, () => l.schemaLoading],
       ([a, i, o]) => {
         o || fe(a, i);
       }
     );
     const $ = (a, i) => {
-      ce(a, i.value, i.data);
+      Z(a, i.value, i.data);
     }, ye = async () => {
       if (!u.value) return !0;
       const a = Y.value;
@@ -145,19 +145,19 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
         await me(o) && (i = !1);
       }
       return i;
-    }, xe = r(() => u.value ? n.value < S.value.length - 1 : !1), _ = r(() => u.value ? n.value > 0 : !1), I = r(() => u.value ? n.value === S.value.length - 1 : !0), ee = async () => {
+    }, xe = r(() => u.value ? n.value < S.value.length - 1 : !1), ee = r(() => u.value ? n.value > 0 : !1), I = r(() => u.value ? n.value === S.value.length - 1 : !0), te = async () => {
       !xe.value || !await ye() || (n.value++, b("onStepChange", n.value));
     }, ke = () => {
-      _.value && (n.value--, b("onStepChange", n.value));
+      ee.value && (n.value--, b("onStepChange", n.value));
     }, pe = (a, i) => {
       i <= n.value && (n.value = i, b("onStepChange", n.value));
     }, k = async () => {
       if (u.value) {
         if (!I.value && !l.isUpdate) {
-          await ee();
+          await te();
           return;
         }
-        if (!await Z()) {
+        if (!await _()) {
           const i = S.value.findIndex(
             (o) => o.some((p) => !!y.value[p.name])
           );
@@ -173,18 +173,19 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
       if (a.key !== "Enter") return;
       const o = a.target.tagName.toLowerCase();
       o !== "textarea" && o !== "button" && (a.preventDefault(), k());
-    }, te = (a) => {
+    }, ae = (a) => {
       (a.metaKey || a.ctrlKey) && a.key === "s" && (a.preventDefault(), k());
     };
-    ne({
+    oe({
       formValues: h,
       errors: y,
       isSubmitting: x,
       handleSubmit: k,
-      validateAll: Z,
+      validateAll: _,
       resetForm: ge,
       setFieldError: he,
-      clearErrors: be
+      clearErrors: be,
+      setFieldValue: Z
     });
     const Ce = () => {
       b("onCancel"), v && v?.close?.();
@@ -194,8 +195,8 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
       onSubmit: J(k, ["prevent"]),
       onKeydown: [
         Se,
-        ie(J(te, ["meta", "prevent"]), ["s"]),
-        ie(J(te, ["ctrl", "prevent"]), ["s"])
+        se(J(ae, ["meta", "prevent"]), ["s"]),
+        se(J(ae, ["ctrl", "prevent"]), ["s"])
       ]
     }, [
       e.isPage ? (s(), d("div", {
@@ -215,7 +216,7 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
           }, z(e.pageTitleI18n ? t(Le)(e.pageTitleI18n) : e.pageTitle), 3)
         ]),
         f("div", $e, [
-          se(a.$slots, "header-actions", {
+          ne(a.$slots, "header-actions", {
             values: t(h),
             isSubmitting: t(x),
             handleSubmit: k
@@ -364,7 +365,7 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
                 onAddonAction: i[1] || (i[1] = (o) => b("onAddonAction", o))
               }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly", "excludeTypes"])
             ])),
-            se(a.$slots, "default", {
+            ne(a.$slots, "default", {
               values: t(h),
               errors: t(y),
               isSubmitting: t(x),
@@ -382,7 +383,7 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
       e.footer && !e.schemaLoading ? (s(), d("div", {
         key: 2,
         ref_key: "footerRef",
-        ref: de,
+        ref: ce,
         class: m([
           "form-footer items-center gap-3 z-20 rounded-b-md!",
           e.isPage ? "flex sm:hidden" : "flex",
@@ -403,7 +404,7 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
         ])
       }, [
         f("div", Je, [
-          ue.value ? (s(), C(R, {
+          de.value ? (s(), C(R, {
             key: 0,
             type: "button",
             variant: "outline",
@@ -424,7 +425,7 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
         f("div", {
           class: m(["flex gap-3 items-center", u.value && "ml-auto"])
         }, [
-          u.value && _.value ? (s(), C(R, {
+          u.value && ee.value ? (s(), C(R, {
             key: 0,
             type: "button",
             variant: "outline",
@@ -438,7 +439,7 @@ const qe = ["onKeydown"], He = { class: "flex items-center gap-3" }, $e = { clas
             variant: e.isUpdate ? "outline" : "primary",
             text: "Next",
             iconRight: "lucide:arrow-right",
-            onClick: ee
+            onClick: te
           }, null, 8, ["variant"])) : c("", !0),
           !u.value || I.value ? (s(), C(R, K({
             key: 2,

package/components/Form/FormFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormFields.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3e65ff52"]]);
+const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-54cb90d4"]]);
 export {
-  e as default
+  s as default
 };

package/components/Form/FormFields.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as y, Fragment as p, renderList as W, withMemo as X, unref as d, createBlock as b, withCtx as z, resolveDynamicComponent as B, createTextVNode as V, toDisplayString as F, createCommentVNode as l, createElementVNode as Y, createVNode as Z, markRaw as _ } from "vue";
+import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as y, Fragment as p, renderList as W, withMemo as X, unref as d, createBlock as b, withCtx as D, resolveDynamicComponent as B, createTextVNode as V, toDisplayString as F, createCommentVNode as i, createElementVNode as Y, createVNode as Z, markRaw as _ } from "vue";
 import { isComponent as m, getNestedValue as w, resolveFieldType as ee } from "./utils/form.utils.js";
-import f from "../Label.vue.js";
+import q from "../Label.vue.js";
 import te from "./FormField.vue.js";
 import { $t as ne } from "../../utils/i18n.js";
 const ae = {
@@ -34,8 +34,8 @@ const ae = {
     excludeTypes: { default: () => [] }
   },
   emits: ["change", "addonAction"],
-  setup(a, { emit: q }) {
-    const s = a, k = q, $ = K(() => {
+  setup(a, { emit: $ }) {
+    const s = a, k = $, f = K(() => {
       if (s.className) return s.className;
     }), r = (t) => ee(t, {
       values: s.values,
@@ -60,9 +60,9 @@ const ae = {
       g.value[t] = !1;
     }, L = (t) => {
       const n = x(t), e = r(t);
-      let i = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
-      const D = typeof n == "number" && !isNaN(n);
-      return e === "dateRangePicker" && n && typeof n == "object" && (i = !!(n.startDate || n.endDate || n.start || n.end)), T(t) || e === "number" ? g.value[t.name] || i || D : i || D;
+      let l = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
+      const z = typeof n == "number" && !isNaN(n);
+      return e === "dateRangePicker" && n && typeof n == "object" && (l = !!(n.startDate || n.endDate || n.start || n.end)), T(t) || e === "number" ? g.value[t.name] || l || z : l || z;
     }, T = (t) => {
       const n = r(t) || "text";
       return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(n);
@@ -87,7 +87,7 @@ const ae = {
         return n;
     };
     return (t, n) => (o(), u("div", {
-      class: y(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", $.value])
+      class: y(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", f.value])
     }, [
       (o(!0), u(p, null, W(a.schema, (e) => (o(), u(p, {
         key: e.name
@@ -113,23 +113,27 @@ const ae = {
           key: 0,
           class: y(["max-md:col-span-full! form-field-item", P(e)])
         }, [
-          c(e) && r(e) !== "switch" && r(e) !== "check" && r(e) !== "customFields" && r(e) !== "choiceBox" && !A(e) ? (o(), b(f, {
+          c(e) && r(e) !== "switch" && r(e) !== "check" && r(e) !== "customFields" && r(e) !== "choiceBox" && !A(e) ? (o(), b(q, {
             key: 0,
+            size: "md",
             for: e.name,
-            class: "mb-2 block -text-fs-2! font-medium"
+            class: "mb-2 block font-medium"
           }, {
-            default: z(() => [
+            default: D(() => [
               d(m)(c(e)) ? (o(), b(B(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
                 V(F(c(e)) + " ", 1),
-                e.required && a.showRequiredAsterisk ? (o(), u("span", ae, "*")) : l("", !0)
+                e.required && a.showRequiredAsterisk ? (o(), u("span", ae, "*")) : i("", !0)
               ], 64))
             ]),
             _: 2
-          }, 1032, ["for"])) : l("", !0),
+          }, 1032, ["for"])) : i("", !0),
           Y("div", {
-            class: y(["relative", r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? "w-auto" : "w-full"]),
-            onFocusin: (i) => M(e.name),
-            onFocusout: (i) => O(e.name)
+            class: y([
+              "relative",
+              r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? "w-auto" : "w-full"
+            ]),
+            onFocusin: (l) => M(e.name),
+            onFocusout: (l) => O(e.name)
           }, [
             A(e) && U(e) && !T(e) ? (o(), u("label", {
               key: 0,
@@ -141,9 +145,9 @@ const ae = {
             }, [
               d(m)(c(e)) ? (o(), b(B(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
                 V(F(c(e)) + " ", 1),
-                e.required ? (o(), u("span", oe, "*")) : l("", !0)
+                e.required ? (o(), u("span", oe, "*")) : i("", !0)
               ], 64))
-            ], 10, re)) : l("", !0),
+            ], 10, re)) : i("", !0),
             Z(te, {
               field: s.variant === "floating" ? {
                 ...e,
@@ -164,24 +168,24 @@ const ae = {
               error: v(e),
               isUpdate: a.isUpdate,
               loading: a.fieldLoading[e.name],
-              onChange: (i) => j(e, i),
+              onChange: (l) => j(e, l),
               onAddonChange: S,
               onAddonAction: H
             }, null, 8, ["field", "value", "floatingActive", "label", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
           ], 42, se),
-          r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), b(f, {
+          r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), b(q, {
             key: 1,
             for: e.name,
             class: "ml-2 text-sm font-medium cursor-pointer"
           }, {
-            default: z(() => [
+            default: D(() => [
               V(F(c(e)) + " ", 1),
-              e.required ? (o(), u("span", ue, "*")) : l("", !0)
+              e.required ? (o(), u("span", ue, "*")) : i("", !0)
             ]),
             _: 2
-          }, 1032, ["for"])) : l("", !0),
-          v(e) ? (o(), u("p", ce, F(v(e)), 1)) : l("", !0)
-        ], 2)), n, 0) : l("", !0)
+          }, 1032, ["for"])) : i("", !0),
+          v(e) ? (o(), u("p", ce, F(v(e)), 1)) : i("", !0)
+        ], 2)), n, 0) : i("", !0)
       ], 64))), 128))
     ], 2));
   }

package/components/ImportData/ImportStep2.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as V, ref as $, computed as r, openBlock as n, createElementBlock as a, createElementVNode as e, toDisplayString as c, Fragment as h, renderList as x, isMemoSame as B, normalizeClass as I, createBlock as O, unref as j, createCommentVNode as w, createVNode as z } from "vue";
+import { defineComponent as V, ref as $, computed as r, openBlock as n, createElementBlock as a, createElementVNode as e, toDisplayString as c, Fragment as f, renderList as x, isMemoSame as B, normalizeClass as I, createBlock as O, unref as j, createCommentVNode as w, createVNode as z } from "vue";
 import A from "../Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
 import { $t as E } from "../../utils/i18n.js";
 /* empty css            */
 /* empty css                            */
 import P from "../CheckBox.vue.js";
-const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }, q = { class: "border border-border rounded-xl overflow-hidden" }, L = { class: "overflow-x-auto max-h-[440px]" }, W = { class: "import-table" }, G = { class: "import-thead" }, J = { class: "import-th" }, K = { class: "import-th" }, Q = { class: "import-th" }, T = { class: "import-tbody" }, X = { class: "import-td-header" }, Y = { class: "import-td-dropdown" }, Z = {
+const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }, q = { class: "border border-border rounded-xl overflow-hidden" }, L = { class: "overflow-x-auto max-h-[440px] always-scroll scrollbar-thin" }, W = { class: "import-table" }, G = { class: "import-thead" }, J = { class: "import-th" }, K = { class: "import-th" }, Q = { class: "import-th" }, T = { class: "import-tbody" }, X = { class: "import-td-header" }, Y = { class: "import-td-dropdown" }, Z = {
   key: 1,
   class: "text-xs italic text-muted-foreground"
 }, tt = { class: "import-td-preview" }, et = {
@@ -56,7 +56,7 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
               ])
             ]),
             e("tbody", T, [
-              (n(!0), a(h, null, x(l.headers, (t, g, nt, u) => {
+              (n(!0), a(f, null, x(l.headers, (t, g, nt, u) => {
                 const _ = [
                   t,
                   o.value.includes(t),
@@ -64,7 +64,7 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
                   l.preview.map((p) => p[t])
                 ];
                 if (u && u.key === t && B(u, _)) return u;
-                const f = (n(), a("tr", {
+                const h = (n(), a("tr", {
                   key: t,
                   class: I([
                     "import-tr",
@@ -86,7 +86,7 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
                   ]),
                   e("td", tt, [
                     o.value.includes(t) ? w("", !0) : (n(), a("div", et, [
-                      (n(!0), a(h, null, x(l.preview, (p, N) => (n(), a("div", {
+                      (n(!0), a(f, null, x(l.preview, (p, N) => (n(), a("div", {
                         key: N,
                         class: "truncate text-xs"
                       }, c(String(p[t] || "").slice(0, 50)), 1))), 128))
@@ -102,7 +102,7 @@ const R = { class: "space-y-5" }, U = { class: "text-sm text-muted-foreground" }
                     ])
                   ])
                 ], 2));
-                return f.memo = _, f;
+                return h.memo = _, h;
               }, i, 0), 128))
             ])
           ])

package/components/Input.vue.js

@@ -41,7 +41,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
   setup(t, { emit: D }) {
     const e = t, c = D, a = d(() => e.labelI18n ? E(e.labelI18n) : e.label), S = d(
       () => e.placeholderI18n ? E(e.placeholderI18n) : e.placeholder
-    ), y = Z(), m = v(null), x = v(!1), h = v(!1), H = d(() => e.type === "password" && x.value ? "text" : e.type), k = d(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), $ = d(() => b.value || k.value || h.value), p = d(() => !!e.addonLeft || !!y["addon-left"]), V = d(() => !!e.addonRight || !!y["addon-right"]), U = d(() => [
+    ), x = Z(), m = v(null), y = v(!1), h = v(!1), H = d(() => e.type === "password" && y.value ? "text" : e.type), k = d(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), $ = d(() => b.value || k.value || h.value), p = d(() => !!e.addonLeft || !!x["addon-left"]), V = d(() => !!e.addonRight || !!x["addon-right"]), U = d(() => [
       "relative w-full",
       e.class,
       e.labelPosition === "left" ? "flex items-center gap-4" : "",
@@ -97,7 +97,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
         "z-10"
       ].join(" ");
     }, q = d(() => {
-      const l = !!y["addon-left"];
+      const l = !!x["addon-left"];
       return [
         "flex items-center justify-center whitespace-nowrap",
         l ? `border-none ${P("left")}` : `bg-muted border border-input border-r-0! px-3 text-muted-foreground ${{
@@ -114,7 +114,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
         e.disabled ? "opacity-50 cursor-not-allowed" : ""
       ].join(" ");
     }), G = d(() => {
-      const l = !!y["addon-right"];
+      const l = !!x["addon-right"];
       return [
         "flex items-center justify-center whitespace-nowrap",
         l ? `border-none ${P("right")}` : `bg-muted border border-input border-l-0! px-3 text-muted-foreground ${{
@@ -137,7 +137,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
       const n = l.target;
       c("change", n.value);
     }, O = () => {
-      e.disabled || e.readonly || (x.value = !x.value);
+      e.disabled || e.readonly || (y.value = !y.value);
     }, Q = () => {
       e.disabled || e.readonly || (c("update:modelValue", ""), B(() => {
         m.value?.focus();
@@ -162,6 +162,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
     }, [
       a.value && t.variant !== "floating" ? (r(), j(te, {
         key: 0,
+        size: "xs",
         for: a.value,
         class: u(["mb-1.5", t.labelPosition !== "top" ? "mb-0" : ""].join(" "))
       }, {
@@ -265,7 +266,7 @@ const ne = ["for"], oe = ["type", "value", "placeholder", "disabled", "readonly"
               onClick: O
             }, [
               C(g, {
-                icon: x.value ? "lucide:eye-off" : "lucide:eye",
+                icon: y.value ? "lucide:eye-off" : "lucide:eye",
                 class: "h-4 w-4"
               }, null, 8, ["icon"])
             ])) : i("", !0),

package/components/Kanban/Kanban.vue.js

@@ -1,7 +1,7 @@
 import o from "./Kanban.vue2.js";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bf22f73c"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-52c07c6d"]]);
 export {
   m as default
 };

package/components/Kanban/Kanban.vue2.js

@@ -89,7 +89,7 @@ const U = /* @__PURE__ */ D({
     }, y = (e) => u.value[e] || [];
     return (e, n) => (v(), h("div", {
       class: B([
-        "flex gap-4 overflow-x-auto p-1 custom-scrollbar-x scrollable-container",
+        "flex gap-4 scrollbar-thin overflow-x-auto p-1 scrollbar-thin-x scrollable-container",
         o.class
       ])
     }, [

package/components/Kanban/KanbanBoard.vue.js

@@ -1,7 +1,7 @@
 import o from "./KanbanBoard.vue2.js";
 /* empty css                 */
 import a from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-406ae285"]]);
+const p = /* @__PURE__ */ a(o, [["__scopeId", "data-v-38015ba3"]]);
 export {
   p as default
 };

package/components/Kanban/KanbanBoard.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as j, ref as z, watch as H, onMounted as J, computed as p, openBlock as r, createElementBlock as d, normalizeClass as c, createElementVNode as i, renderSlot as b, unref as n, toDisplayString as k, createCommentVNode as x, setBlockTracking as D, Fragment as v, renderList as C, createVNode as I, withCtx as G, isMemoSame as R } from "vue";
+import { defineComponent as j, ref as z, watch as H, onMounted as J, computed as p, openBlock as r, createElementBlock as d, normalizeClass as c, createElementVNode as i, renderSlot as b, unref as a, toDisplayString as k, createCommentVNode as x, setBlockTracking as D, Fragment as v, renderList as C, createVNode as I, withCtx as G, isMemoSame as R } from "vue";
 import { VueDraggable as q } from "vue-draggable-plus";
 import { useKanbanBoard as P } from "./useKanbanBoard.js";
 import "../../core/config.js";
@@ -49,8 +49,8 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
       o.loadData && (!o.columnData || o.columnData.length === 0) && K();
     });
     const N = (e) => {
-      const a = e.target;
-      a.scrollTop + a.clientHeight >= a.scrollHeight - 50 && L();
+      const n = e.target;
+      n.scrollTop + n.clientHeight >= n.scrollHeight - 50 && L();
     }, T = (e) => {
       m("change", { type: "add", event: e, columnId: o.column.id });
     }, U = (e) => {
@@ -60,7 +60,7 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
     }, O = p(
       () => o.column.titleI18n ? Q(o.column.titleI18n) : o.column.title
     ), u = p(() => o.column.disabled === !0), V = p(() => u.value ? { name: o.group, pull: !1, put: !1 } : o.group), g = (e) => typeof o.isItemDisabled == "function" ? o.isItemDisabled(e) : !1;
-    return (e, a) => (r(), d("div", {
+    return (e, n) => (r(), d("div", {
       class: c([
         "flex flex-col bg-card rounded-lg overflow-hidden shrink-0 border border-border/50 w-full flex-1 min-w-75",
         // Visual indicator for a fully-disabled/locked board
@@ -73,7 +73,7 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
       }, [
         b(e.$slots, "header", {
           column: l.column,
-          pageInfo: n(F)
+          pageInfo: a(F)
         }, () => [
           i("div", X, [
             i("span", null, k(O.value), 1),
@@ -85,26 +85,26 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
         ref_key: "scrollContainer",
         ref: $,
         class: c([
-          "flex-1 flex flex-col overflow-y-auto p-3 custom-scrollbar scrollable-container",
+          "flex-1 flex flex-col overflow-y-auto p-3 scrollbar-thin  scrollable-container",
           l.bodyClass
         ]),
         onScroll: N
       }, [
-        n(B) && n(s).length === 0 ? (r(), d("div", Z, [
-          a[0] || (D(-1, !0), (a[0] = (r(), d(v, null, C(3, (t) => i("div", {
+        a(B) && a(s).length === 0 ? (r(), d("div", Z, [
+          n[0] || (D(-1, !0), (n[0] = (r(), d(v, null, C(3, (t) => i("div", {
             key: "skeleton-" + t,
             class: "bg-body p-3 rounded-md shadow-sm border border-border animate-pulse flex flex-col gap-3"
-          }, [...a[3] || (a[3] = [
+          }, [...n[3] || (n[3] = [
             i("div", { class: "h-4 bg-muted/60 rounded w-2/3" }, null, -1),
             i("div", { class: "h-3 bg-muted/60 rounded w-1/3" }, null, -1)
-          ])])), 64))).cacheIndex = 0, D(1), a[0])
+          ])])), 64))).cacheIndex = 0, D(1), n[0])
         ])) : (r(), d(v, { key: 1 }, [
           b(e.$slots, "prepend-item", {
             column: l.column,
-            items: n(s)
+            items: a(s)
           }, void 0, !0),
-          I(n(q), {
-            "model-value": n(s),
+          I(a(q), {
+            "model-value": a(s),
             "onUpdate:modelValue": M,
             group: V.value,
             animation: 150,
@@ -117,7 +117,7 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
             onUpdate: A
           }, {
             default: G(() => [
-              (r(!0), d(v, null, C(n(s), (t, ee, oe, f) => {
+              (r(!0), d(v, null, C(a(s), (t, ee, oe, f) => {
                 const y = [t];
                 if (f && f.key === t[l.itemKey || "id"] && R(f, y)) return f;
                 const h = (r(), d("div", {
@@ -142,15 +142,15 @@ const X = { class: "flex items-center justify-between font-semibold text-foregro
                   ], !0)
                 ], 2));
                 return h.memo = y, h;
-              }, a, 1), 128))
+              }, n, 1), 128))
             ]),
             _: 3
           }, 8, ["model-value", "group", "ghostClass", "class", "filter"]),
           b(e.$slots, "append-item", {
             column: l.column,
-            items: n(s)
+            items: a(s)
           }, void 0, !0),
-          n(E) ? (r(), d("div", _, [
+          a(E) ? (r(), d("div", _, [
             I(W, {
               size: "sm",
               variant: "dots",

package/components/Label.vue.d.ts

@@ -1,6 +1,8 @@
-interface Props {
+export type LabelSize = 'xs' | 'sm' | 'md' | 'lg';
+export interface LabelProps {
     for?: string;
     class?: string;
+    size?: LabelSize;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -11,8 +13,9 @@ declare function __VLS_template(): {
     rootEl: HTMLLabelElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<LabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LabelProps> & Readonly<{}>, {
     class: string;
+    size: LabelSize;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLabelElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Label.vue.js

@@ -1,23 +1,30 @@
-import { defineComponent as r, computed as a, openBlock as l, createElementBlock as n, normalizeClass as c, renderSlot as d } from "vue";
-const p = ["for"], u = /* @__PURE__ */ r({
+import { defineComponent as l, computed as a, openBlock as r, createElementBlock as n, normalizeClass as c, renderSlot as d } from "vue";
+const f = ["for"], m = /* @__PURE__ */ l({
   __name: "Label",
   props: {
     for: {},
-    class: { default: "" }
+    class: { default: "" },
+    size: { default: "md" }
   },
-  setup(o) {
-    const e = o, s = a(() => [
-      "text-sm  leading-none text-gray-800 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+  setup(t) {
+    const e = t, o = a(() => [
+      {
+        xs: "-text-fs-3.5",
+        sm: "-text-fs-3",
+        md: "-text-fs-2",
+        lg: "text-base"
+      }[e.size],
+      "leading-none text-gray-800 block peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
       e.class
     ].join(" "));
-    return (t, f) => (l(), n("label", {
+    return (s, i) => (r(), n("label", {
       for: e.for,
-      class: c(s.value)
+      class: c(o.value)
     }, [
-      d(t.$slots, "default")
-    ], 10, p));
+      d(s.$slots, "default")
+    ], 10, f));
   }
 });
 export {
-  u as default
+  m as default
 };

package/components/Modal.vue.js

@@ -1,7 +1,7 @@
 import o from "./Modal.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b47509d4"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e4bc0806"]]);
 export {
   p as default
 };

package/components/Modal.vue2.js

@@ -128,7 +128,7 @@ const Z = ["data-testid"], _ = ["data-testid"], ee = {
                 ], 2),
                 e.$slots.footer ? (s(), a("div", {
                   key: 1,
-                  class: i([o.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/75 rounded-b-xl bg-body"])
+                  class: i([o.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/90 rounded-b-xl bg-body"])
                 }, [
                   v(e.$slots, "footer", { close: y }, void 0, !0)
                 ], 2)) : r("", !0)

package/components/MultiSelect/MultiSelect.vue.d.ts

@@ -55,9 +55,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     loading: boolean;
     readonly: boolean;
     disabled: boolean;
+    layout: "default" | "grouped";
     modelValue: any[];
     options: (IDropdownOption | string | number)[];
-    layout: "default" | "grouped";
     hasMore: boolean;
     searchable: boolean;
     remote: boolean;