vlite3 0.9.7 → 0.9.9

package/components/Form/FormField.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, computed as r, markRaw as j, openBlock as u, createBlock as f, mergeProps as c, toHandlers as L, createSlots as E, unref as $, withCtx as o, createVNode as A, createTextVNode as p, toDisplayString as v, createCommentVNode as N, resolveDynamicComponent as H } from "vue";
+import { defineComponent as T, computed as r, markRaw as j, openBlock as u, createBlock as f, mergeProps as c, toHandlers as C, createSlots as E, unref as L, withCtx as o, createVNode as A, createTextVNode as p, toDisplayString as v, createCommentVNode as P, resolveDynamicComponent as H } from "vue";
 import { isComponent as z, isAddonObject as h } from "./utils/form.utils.js";
 import q from "../NumberInput.vue.js";
 import g from "../Button.vue.js";
@@ -12,10 +12,11 @@ import Q from "../AvatarUploader/AvatarUploader.vue.js";
 import V from "../Dropdown/Dropdown.vue.js";
 import W from "../MultiSelect/MultiSelect.vue.js";
 import X from "../DatePicker.vue.js";
-import Y from "../ColorPicker/ColorPicker.vue.js";
-import Z from "../IconPicker.vue.js";
-import _ from "./CustomFields.vue.js";
-const ge = /* @__PURE__ */ T({
+import Y from "../DateRangePicker.vue.js";
+import Z from "../ColorPicker/ColorPicker.vue.js";
+import _ from "../IconPicker.vue.js";
+import ee from "./CustomFields.vue.js";
+const be = /* @__PURE__ */ T({
   __name: "FormField",
   props: {
     field: {},
@@ -34,10 +35,10 @@ const ge = /* @__PURE__ */ T({
     loading: { type: Boolean, default: !1 }
   },
   emits: ["change", "addonChange", "addonAction"],
-  setup(t, { emit: P }) {
-    const e = t, m = P, n = (a, l) => {
+  setup(t, { emit: N }) {
+    const e = t, m = N, n = (a, l) => {
       m("change", { value: a, data: l });
-    }, S = (a) => {
+    }, k = (a) => {
       m("change", { value: a });
     }, b = r(
       () => e.field.type === "number" && e.field.isSensitiveField === !0
@@ -67,21 +68,23 @@ const ge = /* @__PURE__ */ T({
         case "date":
         case "time":
           return X;
+        case "dateRangePicker":
+          return Y;
         case "file":
         case "fileUploader":
           return M;
         case "avatarUpload":
           return Q;
         case "color":
-          return Y;
-        case "iconPicker":
           return Z;
-        case "customFields":
+        case "iconPicker":
           return _;
+        case "customFields":
+          return ee;
         default:
           return y;
       }
-    }), k = r(() => {
+    }), R = r(() => {
       const a = e.field.type, { disabled: l, readonly: d, ...D } = e.field, i = {
         ...D,
         disabled: e.disabled || l === !0,
@@ -89,7 +92,7 @@ const ge = /* @__PURE__ */ T({
         ...e.field.props || {},
         label: "",
         labelI18n: ""
-      }, C = e.field.placeholderI18n ? G(e.field.placeholderI18n) : e.field.placeholder, x = e.variant === "floating" && e.label && !e.floatingActive, s = x ? "" : C;
+      }, $ = e.field.placeholderI18n ? G(e.field.placeholderI18n) : e.field.placeholder, x = e.variant === "floating" && e.label && !e.floatingActive, s = x ? "" : $;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || !a ? {
         ...i,
         modelValue: e.value ?? "",
@@ -163,7 +166,7 @@ const ge = /* @__PURE__ */ T({
         ...i,
         modelValue: Array.isArray(e.value) ? e.value : [],
         options: e.field.options || [],
-        placeholder: C,
+        placeholder: $,
         variant: e.variant,
         size: e.size,
         rounded: e.rounded
@@ -178,6 +181,11 @@ const ge = /* @__PURE__ */ T({
           class: "px-3!",
           ...x ? { text: "​" } : {}
         }
+      } : a === "dateRangePicker" ? {
+        ...i,
+        modelValue: e.value,
+        variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
+        size: e.size
       } : a === "fileUploader" || a === "file" ? {
         ...i,
         modelValue: e.value,
@@ -225,24 +233,24 @@ const ge = /* @__PURE__ */ T({
         value: e.value,
         values: e.values
       } : i;
-    }), R = r(() => {
+    }), S = r(() => {
       const a = e.field.type;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || a === "switch" || a === "check" || !a ? {
-        "update:modelValue": S
+        "update:modelValue": k
       } : a === "number" && b.value ? {
         "update:modelValue": (l) => {
           const d = l === "" ? void 0 : Number(l);
           m("change", { value: isNaN(d) ? void 0 : d });
         }
       } : a === "number" ? {
-        "update:modelValue": S
+        "update:modelValue": k
       } : a === "select" ? {
         onSelect: (l) => {
           n(l.value, l.data);
         }
       } : a === "multiSelect" ? {
         change: (l) => n(l)
-      } : a === "date" || a === "time" ? {
+      } : a === "date" || a === "time" || a === "dateRangePicker" ? {
         change: (l) => n(l)
       } : a === "fileUploader" || a === "file" ? {
         change: (l) => {
@@ -278,10 +286,10 @@ const ge = /* @__PURE__ */ T({
       a.action && m("addonAction", a.action);
     };
     return (a, l) => O.value ? (u(), f(y, c({ key: 0 }, {
-      ...k.value,
+      ...R.value,
       ...t.field?.props || {}
-    }, L(R.value)), E({ _: 2 }, [
-      $(h)(t.field.addonLeft) ? {
+    }, C(S.value)), E({ _: 2 }, [
+      L(h)(t.field.addonLeft) ? {
         name: "addon-left",
         fn: o(() => [
           t.field.addonLeft.type === "select" ? (u(), f(V, c({
@@ -310,11 +318,11 @@ const ge = /* @__PURE__ */ T({
               p(v(t.field.addonLeft.text), 1)
             ]),
             _: 1
-          }, 16)) : N("", !0)
+          }, 16)) : P("", !0)
         ]),
         key: "0"
       } : void 0,
-      $(h)(t.field.addonRight) ? {
+      L(h)(t.field.addonRight) ? {
         name: "addon-right",
         fn: o(() => [
           t.field.addonRight.type === "select" ? (u(), f(V, c({
@@ -343,7 +351,7 @@ const ge = /* @__PURE__ */ T({
               p(v(t.field.addonRight.text), 1)
             ]),
             _: 1
-          }, 16)) : N("", !0)
+          }, 16)) : P("", !0)
         ]),
         key: "1"
       } : void 0
@@ -351,11 +359,11 @@ const ge = /* @__PURE__ */ T({
       key: 1,
       class: ["switch", "check"].includes(t.field?.type) ? "" : "w-full"
     }, {
-      ...k.value,
+      ...R.value,
       ...t.field?.props || {}
-    }, L(R.value)), null, 16, ["class"]));
+    }, C(S.value)), null, 16, ["class"]));
   }
 });
 export {
-  ge as default
+  be as default
 };

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 f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e60dfb65"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f2f7a787"]]);
 export {
-  f as default
+  a as default
 };

package/components/Form/FormFields.vue2.js

@@ -1,6 +1,6 @@
-import { defineComponent as M, computed as O, ref as j, openBlock as s, createElementBlock as o, normalizeClass as m, Fragment as y, renderList as G, withMemo as J, createBlock as h, withCtx as L, unref as R, resolveDynamicComponent as z, createTextVNode as k, toDisplayString as v, createCommentVNode as c, createElementVNode as K, createVNode as P, markRaw as Q } from "vue";
-import { isComponent as p, getNestedValue as W } from "./utils/form.utils.js";
-import U from "../Label.vue.js";
+import { defineComponent as j, computed as H, ref as M, openBlock as s, createElementBlock as o, normalizeClass as m, Fragment as y, renderList as O, withMemo as G, createBlock as p, withCtx as L, unref as R, resolveDynamicComponent as D, createTextVNode as F, toDisplayString as h, createCommentVNode as c, createElementVNode as J, createVNode as K, markRaw as Q } from "vue";
+import { isComponent as v, getNestedValue as W } from "./utils/form.utils.js";
+import z from "../Label.vue.js";
 import X from "./FormField.vue.js";
 import { $t as Y } from "../../utils/i18n.js";
 const Z = {
@@ -15,7 +15,7 @@ const Z = {
 }, ae = {
   key: 2,
   class: "mt-1 -text-fs-2.5 text-destructive"
-}, ie = /* @__PURE__ */ M({
+}, ie = /* @__PURE__ */ j({
   __name: "FormFields",
   props: {
     schema: {},
@@ -33,29 +33,31 @@ const Z = {
     isFieldReadonly: {}
   },
   emits: ["change", "addonAction"],
-  setup(a, { emit: f }) {
-    const r = a, g = f, q = O(() => {
+  setup(a, { emit: U }) {
+    const r = a, g = U, f = H(() => {
       if (r.className) return r.className;
-    }), F = (t) => W(r.values, t.name), l = (t) => r.errors[t.name] || "", D = (t) => r.isFieldVisible ? r.isFieldVisible(t) : !0, x = (t) => r.isFieldDisabled ? r.isFieldDisabled(t) : t.disabled === !0, A = (t) => r.isFieldReadonly ? r.isFieldReadonly(t) : t.readonly === !0, u = (t) => t.labelI18n ? Y(t.labelI18n) : t.label, w = (t) => {
+    }), k = (t) => W(r.values, t.name), l = (t) => r.errors[t.name] || "", q = (t) => r.isFieldVisible ? r.isFieldVisible(t) : !0, x = (t) => r.isFieldDisabled ? r.isFieldDisabled(t) : t.disabled === !0, A = (t) => r.isFieldReadonly ? r.isFieldReadonly(t) : t.readonly === !0, u = (t) => t.labelI18n ? Y(t.labelI18n) : t.label, w = (t) => {
       if (t)
-        return p(t) ? Q(t) : t;
+        return v(t) ? Q(t) : t;
     }, $ = (t, n) => {
       g("change", t.name, n);
     }, B = (t) => t.itemClass || "", I = (t, n) => {
       g("change", t, n);
     }, E = (t) => {
       g("addonAction", t);
-    }, d = j({}), T = (t) => {
+    }, d = M({}), T = (t) => {
       d.value[t] = !0;
-    }, S = (t) => {
+    }, P = (t) => {
       d.value[t] = !1;
     }, C = (t) => {
-      const n = F(t), e = n != null && n !== "" && !(Array.isArray(n) && n.length === 0), i = typeof n == "number" && !isNaN(n);
-      return V(t) || t.type === "number" ? d.value[t.name] || e || i : e || i;
+      const n = k(t);
+      let e = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
+      const i = typeof n == "number" && !isNaN(n);
+      return t.type === "dateRangePicker" && n && typeof n == "object" && (e = !!(n.startDate || n.endDate || n.start || n.end)), V(t) || t.type === "number" ? d.value[t.name] || e || i : e || i;
     }, V = (t) => {
       const n = t.type || "text";
       return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(n);
-    }, H = (t) => t.type === "number" ? (t.props?.variant ?? "split") === "split" ? "left-4" : "left-3" : t.type === "date" || t.type === "time" || t.type === "color" ? "left-10" : "left-3", b = (t) => {
+    }, S = (t) => t.type === "number" ? (t.props?.variant ?? "split") === "split" ? "left-4" : "left-3" : t.type === "date" || t.type === "time" || t.type === "color" || t.type === "dateRangePicker" ? "left-10" : "left-3", b = (t) => {
       if (r.variant !== "floating") return !1;
       const n = t.type || "text";
       return ![
@@ -68,18 +70,18 @@ const Z = {
       ].includes(n);
     }, N = (t) => {
       const n = u(t);
-      if (!(!n || p(n)))
+      if (!(!n || v(n)))
         return n;
     };
     return (t, n) => (s(), o("div", {
-      class: m(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", q.value])
+      class: m(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", f.value])
     }, [
-      (s(!0), o(y, null, G(a.schema, (e) => (s(), o(y, {
+      (s(!0), o(y, null, O(a.schema, (e) => (s(), o(y, {
         key: e.name
       }, [
-        D(e) ? J([
+        q(e) ? G([
           e,
-          F(e),
+          k(e),
           l(e),
           x(e),
           A(e),
@@ -94,45 +96,45 @@ const Z = {
           key: 0,
           class: m(["max-md:col-span-full! form-field-item", B(e)])
         }, [
-          u(e) && e.type !== "switch" && e.type !== "check" && e.type !== "customFields" && !b(e) ? (s(), h(U, {
+          u(e) && e.type !== "switch" && e.type !== "check" && e.type !== "customFields" && !b(e) ? (s(), p(z, {
             key: 0,
             for: e.name,
             class: "mb-2 block -text-fs-2! font-medium"
           }, {
             default: L(() => [
-              R(p)(u(e)) ? (s(), h(z(w(u(e))), { key: 0 })) : (s(), o(y, { key: 1 }, [
-                k(v(u(e)) + " ", 1),
+              R(v)(u(e)) ? (s(), p(D(w(u(e))), { key: 0 })) : (s(), o(y, { key: 1 }, [
+                F(h(u(e)) + " ", 1),
                 e.required && a.showRequiredAsterisk ? (s(), o("span", Z, "*")) : c("", !0)
               ], 64))
             ]),
             _: 2
           }, 1032, ["for"])) : c("", !0),
-          K("div", {
+          J("div", {
             class: m(["relative", ["switch", "check"].includes(e.type) ? "w-auto" : "w-full"]),
             onFocusin: (i) => T(e.name),
-            onFocusout: (i) => S(e.name)
+            onFocusout: (i) => P(e.name)
           }, [
             b(e) && N(e) && !V(e) ? (s(), o("label", {
               key: 0,
               for: e.name,
               class: m([
                 "absolute transition-all duration-200 ease-in-out pointer-events-none z-20",
-                C(e) ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background]" : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${H(e)}`
+                C(e) ? "-top-2.5 left-3 text-xs bg-background px-1 text-black shadow-[0_4px_4px_-4px_bg-background]" : `top-1/2 -translate-y-1/2 text-sm text-muted-foreground/70 ${S(e)}`
               ])
             }, [
-              R(p)(u(e)) ? (s(), h(z(w(u(e))), { key: 0 })) : (s(), o(y, { key: 1 }, [
-                k(v(u(e)) + " ", 1),
+              R(v)(u(e)) ? (s(), p(D(w(u(e))), { key: 0 })) : (s(), o(y, { key: 1 }, [
+                F(h(u(e)) + " ", 1),
                 e.required ? (s(), o("span", te, "*")) : c("", !0)
               ], 64))
             ], 10, ee)) : c("", !0),
-            P(X, {
+            K(X, {
               field: r.variant === "floating" ? {
                 ...e,
                 placeholder: void 0,
                 placeholderI18n: void 0,
                 props: { ...e.props || {}, id: e.name }
               } : { ...e, props: { ...e.props || {}, id: e.name } },
-              value: F(e),
+              value: k(e),
               floatingActive: C(e),
               label: e.type === "customFields" ? void 0 : b(e) ? N(e) : void 0,
               values: a.values,
@@ -150,18 +152,18 @@ const Z = {
               onAddonAction: E
             }, null, 8, ["field", "value", "floatingActive", "label", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
           ], 42, _),
-          u(e) && (e.type === "switch" || e.type === "check") ? (s(), h(U, {
+          u(e) && (e.type === "switch" || e.type === "check") ? (s(), p(z, {
             key: 1,
             for: e.name,
             class: "ml-2 text-sm font-medium cursor-pointer"
           }, {
             default: L(() => [
-              k(v(u(e)) + " ", 1),
+              F(h(u(e)) + " ", 1),
               e.required ? (s(), o("span", ne, "*")) : c("", !0)
             ]),
             _: 2
           }, 1032, ["for"])) : c("", !0),
-          l(e) ? (s(), o("p", ae, v(l(e)), 1)) : c("", !0)
+          l(e) ? (s(), o("p", ae, h(l(e)), 1)) : c("", !0)
         ], 2)), n, 0) : c("", !0)
       ], 64))), 128))
     ], 2));

package/components/Form/types.d.ts

@@ -23,7 +23,7 @@ export interface IFormAddon {
 /**
  * Form field types - maps to corresponding UI components
  */
-export type IFormFieldType = 'text' | 'email' | 'password' | 'number' | 'file' | 'fileUploader' | 'tel' | 'url' | 'search' | 'date' | 'textarea' | 'time' | 'iconPicker' | 'color' | 'switch' | 'check' | 'customFields' | 'select' | 'multiSelect' | 'avatarUpload' | Component;
+export type IFormFieldType = 'text' | 'email' | 'password' | 'number' | 'file' | 'fileUploader' | 'tel' | 'url' | 'search' | 'date' | 'dateRangePicker' | 'textarea' | 'time' | 'iconPicker' | 'color' | 'switch' | 'check' | 'customFields' | 'select' | 'multiSelect' | 'avatarUpload' | Component;
 /**
  * Context passed to conditional functions
  */

package/components/Input.vue.d.ts

@@ -26,12 +26,12 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {}, {},
     "onClick:icon"?: (event: MouseEvent) => any;
     "onClick:icon-right"?: (event: MouseEvent) => any;
 }>, {
-    readonly: boolean;
+    type: import('../types').InputType;
+    class: string;
     variant: InputVariant;
     size: InputSize;
     rounded: InputRounded;
-    type: import('../types').InputType;
-    class: string;
+    readonly: boolean;
     disabled: boolean;
     loading: boolean;
     modelValue: string | number;

package/components/Kanban/KanbanBoard.vue2.js

@@ -1,6 +1,8 @@
-import { defineComponent as T, defineAsyncComponent as V, ref as j, watch as z, onMounted as A, computed as F, openBlock as d, createElementBlock as i, normalizeClass as m, createElementVNode as r, renderSlot as g, unref as n, toDisplayString as y, setBlockTracking as v, Fragment as f, renderList as h, createVNode as x, withCtx as H, isMemoSame as J, createCommentVNode as O } from "vue";
+import { defineComponent as T, defineAsyncComponent as V, ref as j, watch as z, onMounted as A, computed as F, openBlock as d, createElementBlock as i, normalizeClass as c, createElementVNode as r, renderSlot as g, unref as n, toDisplayString as y, setBlockTracking as v, Fragment as f, renderList as h, createVNode as x, withCtx as H, isMemoSame as J, createCommentVNode as O } from "vue";
 import { VueDraggable as R } from "vue-draggable-plus";
 import { useKanbanBoard as q } from "./useKanbanBoard.js";
+import "../../core/config.js";
+import "dayjs";
 import { $t as G } from "../../utils/i18n.js";
 const P = { class: "flex items-center justify-between font-semibold text-foreground" }, Q = {
   key: 0,
@@ -8,7 +10,7 @@ const P = { class: "flex items-center justify-between font-semibold text-foregro
 }, W = { class: "bg-body p-3 rounded-md shadow-sm border border-border text-sm" }, X = {
   key: 0,
   class: "py-4 flex justify-center shrink-0"
-}, te = /* @__PURE__ */ T({
+}, ae = /* @__PURE__ */ T({
   __name: "KanbanBoard",
   props: {
     column: {},
@@ -24,42 +26,42 @@ const P = { class: "flex items-center justify-between font-semibold text-foregro
   },
   emits: ["change", "update:columnData"],
   setup(o, { emit: C }) {
-    const k = V(() => import("../Spinner/Spinner.vue2.js")), l = o, u = C, D = j(null), { items: s, isInitialLoading: I, isLoadingMore: S, pageInfo: w, loadInitial: B, loadMore: K } = q(
-      l.column.id,
-      l.loadData,
-      l.columnData
+    const k = V(() => import("../Spinner/Spinner.vue2.js")), t = o, m = C, D = j(null), { items: s, isInitialLoading: I, isLoadingMore: S, pageInfo: w, loadInitial: B, loadMore: K } = q(
+      t.column.id,
+      t.loadData,
+      t.columnData
     ), N = (e) => {
-      s.value = e, u("update:columnData", e);
+      s.value = e, m("update:columnData", e);
     };
     z(
-      () => l.columnData,
+      () => t.columnData,
       (e) => {
         e && JSON.stringify(e) !== JSON.stringify(s.value) && (s.value = [...e]);
       },
       { deep: !0 }
     ), A(() => {
-      l.loadData && (!l.columnData || l.columnData.length === 0) && B();
+      t.loadData && (!t.columnData || t.columnData.length === 0) && B();
     });
     const $ = (e) => {
-      const t = e.target;
-      t.scrollTop + t.clientHeight >= t.scrollHeight - 50 && K();
+      const l = e.target;
+      l.scrollTop + l.clientHeight >= l.scrollHeight - 50 && K();
     }, M = (e) => {
-      u("change", { type: "add", event: e, columnId: l.column.id });
+      m("change", { type: "add", event: e, columnId: t.column.id });
     }, U = (e) => {
-      u("change", { type: "remove", event: e, columnId: l.column.id });
+      m("change", { type: "remove", event: e, columnId: t.column.id });
     }, E = (e) => {
-      u("change", { type: "update", event: e, columnId: l.column.id });
+      m("change", { type: "update", event: e, columnId: t.column.id });
     }, L = F(
-      () => l.column.titleI18n ? G(l.column.titleI18n) : l.column.title
+      () => t.column.titleI18n ? G(t.column.titleI18n) : t.column.title
     );
-    return (e, t) => (d(), i("div", {
-      class: m([
+    return (e, l) => (d(), i("div", {
+      class: c([
         "flex flex-col bg-card rounded-lg overflow-hidden shrink-0 border border-border/60",
         o.boardClass || "w-80"
       ])
     }, [
       r("div", {
-        class: m(["p-3 border-b border-border/80 ", o.headerClass])
+        class: c(["p-3 border-b border-border/80 ", o.headerClass])
       }, [
         g(e.$slots, "header", {
           column: o.column,
@@ -73,20 +75,20 @@ const P = { class: "flex items-center justify-between font-semibold text-foregro
       r("div", {
         ref_key: "scrollContainer",
         ref: D,
-        class: m([
+        class: c([
           "flex-1 flex flex-col overflow-y-auto p-3 custom-scrollbar scrollable-container",
           o.bodyClass
         ]),
         onScroll: $
       }, [
         n(I) && n(s).length === 0 ? (d(), i("div", Q, [
-          t[0] || (v(-1, !0), (t[0] = (d(), i(f, null, h(3, (a) => r("div", {
+          l[0] || (v(-1, !0), (l[0] = (d(), i(f, null, h(3, (a) => r("div", {
             key: "skeleton-" + a,
             class: "bg-body p-3 rounded-md shadow-sm border border-border animate-pulse flex flex-col gap-3"
-          }, [...t[3] || (t[3] = [
+          }, [...l[3] || (l[3] = [
             r("div", { class: "h-4 bg-muted/60 rounded w-2/3" }, null, -1),
             r("div", { class: "h-3 bg-muted/60 rounded w-1/3" }, null, -1)
-          ])])), 64))).cacheIndex = 0, v(1), t[0])
+          ])])), 64))).cacheIndex = 0, v(1), l[0])
         ])) : (d(), i(f, { key: 1 }, [
           g(e.$slots, "prepend-item", {
             column: o.column,
@@ -98,15 +100,15 @@ const P = { class: "flex items-center justify-between font-semibold text-foregro
             group: o.group,
             animation: 150,
             ghostClass: o.ghostClass || "kanban-ghost",
-            class: m(["flex-1 flex flex-col gap-2 min-h-[50px] py-1", o.draggableClass]),
+            class: c(["flex-1 flex flex-col gap-2 min-h-[50px] py-1", o.draggableClass]),
             onAdd: M,
             onRemove: U,
             onUpdate: E
           }, {
             default: H(() => [
-              (d(!0), i(f, null, h(n(s), (a, Y, Z, c) => {
+              (d(!0), i(f, null, h(n(s), (a, Y, Z, u) => {
                 const b = [a];
-                if (c && c.key === a[o.itemKey || "id"] && J(c, b)) return c;
+                if (u && u.key === a[o.itemKey || "id"] && J(u, b)) return u;
                 const p = (d(), i("div", {
                   key: a[o.itemKey || "id"],
                   class: "cursor-grab active:cursor-grabbing"
@@ -119,7 +121,7 @@ const P = { class: "flex items-center justify-between font-semibold text-foregro
                   ], !0)
                 ]));
                 return p.memo = b, p;
-              }, t, 1), 128))
+              }, l, 1), 128))
             ]),
             _: 3
           }, 8, ["model-value", "group", "ghostClass", "class"]),
@@ -140,5 +142,5 @@ const P = { class: "flex items-center justify-between font-semibold text-foregro
   }
 });
 export {
-  te as default
+  ae as default
 };

package/components/List/List.vue.d.ts

@@ -2,8 +2,8 @@ import { ListProps } from './types';
 declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ListProps> & Readonly<{}>, {
-    variant: import('./types').ListVariant;
     class: string;
+    variant: import('./types').ListVariant;
     loading: boolean;
     columns: import('./types').ListColumns;
     showColon: boolean;

package/components/List/List.vue.js

@@ -5,7 +5,7 @@ import { $t as U } from "../../utils/i18n.js";
 import { getObjectValue as $ } from "./utils.js";
 const W = {
   key: 0,
-  class: "px-3 py-2.5 border-b border-border/70 flex items-center gap-2 bg-gray-50"
+  class: "px-3 py-2.5 border-b border-border/70 flex items-center gap-2 bg-muted"
 }, X = { class: "text-sm font-semibold text-gray-900 tracking-tight" }, Y = { class: "sm:hidden" }, Z = { class: "hidden sm:block" }, _ = { class: "sm:hidden" }, ee = { class: "hidden sm:block" }, te = {
   key: 0,
   class: "px-3 py-8 text-center text-sm text-muted-foreground"

package/components/Navbar/Navbar.vue.d.ts

@@ -82,11 +82,11 @@ declare const __VLS_component: import('vue').DefineComponent<NavbarProps, {}, {}
 }, string, import('vue').PublicProps, Readonly<NavbarProps> & Readonly<{
     "onToggle-mobile"?: () => any;
 }>, {
-    variant: import('../../types/navbar.type').NavbarVariant;
-    floating: boolean;
     class: string;
     height: string;
     border: boolean;
+    variant: import('../../types/navbar.type').NavbarVariant;
+    floating: boolean;
     compact: boolean;
     position: import('../../types/navbar.type').NavbarPosition;
     contentClass: string;

package/components/Navbar/NavbarItem.vue.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClick?: (event: MouseEvent) => any;
 }>, {
-    variant: "default" | "pill" | "underline" | "ghost";
     class: string;
+    variant: "default" | "pill" | "underline" | "ghost";
     disabled: boolean;
     active: boolean;
     orientation: "horizontal" | "vertical";

package/components/Navbar/NavbarTabs.vue.d.ts

@@ -10,9 +10,9 @@ interface Props {
     class?: string;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: string;
     variant: NavbarTabsVariant;
     size: NavbarTabsSize;
-    class: string;
     activeClass: string;
     inactiveClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/components/NumberInput.vue.d.ts

@@ -24,11 +24,11 @@ declare const _default: import('vue').DefineComponent<NumberInputProps, {}, {},
     onFocus?: (event: FocusEvent) => any;
     "onUpdate:modelValue"?: (value: number) => any;
 }>, {
-    readonly: boolean;
     mode: "solid" | "outline" | "ghost";
     variant: "split" | "stacked";
     size: "xs" | "sm" | "md" | "lg" | "xl";
     rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+    readonly: boolean;
     disabled: boolean;
     modelValue: number;
     step: number;

package/components/OTPInput/OTPInput.vue.d.ts

@@ -20,9 +20,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onComplete?: (value: string) => any;
 }>, {
     length: number;
+    type: "text" | "number";
     variant: "solid" | "outline" | "ghost";
     size: "sm" | "md" | "lg";
-    type: "text" | "number";
     error: boolean;
     disabled: boolean;
     placeholder: string;

package/components/PermissionMatrix/PermissionEditor.vue.d.ts

@@ -18,9 +18,9 @@ declare const _default: import('vue').DefineComponent<PermissionEditorProps, {},
 }, string, import('vue').PublicProps, Readonly<PermissionEditorProps> & Readonly<{
     "onUpdate:modelValue"?: (value: string[]) => any;
 }>, {
-    readonly: boolean;
-    size: PermissionMatrixSize;
     class: string;
+    size: PermissionMatrixSize;
+    readonly: boolean;
     layout: PermissionEditorLayout;
     searchable: boolean;
     defaultExpanded: string[];

package/components/PermissionMatrix/PermissionMatrix.vue.d.ts

@@ -4,9 +4,9 @@ declare const _default: import('vue').DefineComponent<PermissionMatrixProps, {},
 }, string, import('vue').PublicProps, Readonly<PermissionMatrixProps> & Readonly<{
     "onUpdate:modelValue"?: (value: PermissionMap) => any;
 }>, {
-    readonly: boolean;
-    size: PermissionMatrixSize;
     class: string;
+    size: PermissionMatrixSize;
+    readonly: boolean;
     searchable: boolean;
     toggleMode: import('./types').PermissionToggleMode;
     collapsible: boolean;

package/components/ProgressBar/ProgressBar.vue.d.ts

@@ -1,9 +1,9 @@
 import { ProgressBarProps, ProgressBarVariant, ProgressBarSize } from '../../types/progressbar';
 declare const _default: import('vue').DefineComponent<ProgressBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ProgressBarProps> & Readonly<{}>, {
+    type: import('../../types/progressbar').ProgressBarType;
     variant: ProgressBarVariant;
     size: ProgressBarSize;
     rounded: string;
-    type: import('../../types/progressbar').ProgressBarType;
     striped: boolean;
     indeterminate: boolean;
     showValue: boolean;

package/components/Screen/Screen.vue.d.ts

@@ -120,8 +120,8 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
     onDelete?: (items: any[]) => any;
     onAdd?: () => any;
 }>, {
-    data: any[];
     name: string;
+    data: any[];
     loading: boolean;
     exportProps: Record<string, any> | boolean;
     importProps: Record<string, any> | boolean;