vlite3 0.9.7 → 0.9.8

package/components/DatePicker.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as k, computed as o, openBlock as v, createBlock as h, unref as r, withCtx as m, createElementVNode as P, createVNode as u, renderSlot as V, mergeProps as b } from "vue";
-import y from "./Button.vue.js";
-import I from "./Dropdown/Dropdown.vue.js";
+import { defineComponent as I, computed as d, openBlock as g, createBlock as D, unref as o, withCtx as u, createElementVNode as N, createVNode as m, renderSlot as T, mergeProps as x } from "vue";
+import w from "./Button.vue.js";
+import z from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
-import { $t as g } from "../utils/i18n.js";
+import { $t as k } from "../utils/i18n.js";
 /* empty css           */
 /* empty css                           */
-import z, { TimePicker as T } from "v-datepicker-lite";
+import $, { TimePicker as B } from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
-const $ = { class: "overflow-hidden min-w-[300px]" }, M = /* @__PURE__ */ k({
+const j = { class: "overflow-hidden min-w-[300px]" }, q = /* @__PURE__ */ I({
   __name: "DatePicker",
   props: {
     placeholder: {},
@@ -29,112 +29,132 @@ const $ = { class: "overflow-hidden min-w-[300px]" }, M = /* @__PURE__ */ k({
     readonly: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: D }) {
-    const l = e, s = D, a = o({
+  setup(t, { emit: P }) {
+    const l = t, s = P, a = d({
       get: () => l.modelValue ?? l.value,
-      set: (t) => {
-        s("update:modelValue", t), s("change", t);
+      set: (e) => {
+        s("update:modelValue", e), s("change", e);
       }
-    }), x = (t) => t instanceof Date ? t.getHours() !== 0 || t.getMinutes() !== 0 : typeof t == "string" ? t.includes("T") || /\d{2}:\d{2}/.test(t) : !1, n = o(() => {
+    }), S = (e) => e instanceof Date ? e.getHours() !== 0 || e.getMinutes() !== 0 : typeof e == "string" ? e.includes("T") || /\d{2}:\d{2}/.test(e) : !1, c = (e) => {
+      try {
+        if (e && typeof e == "object" && e.start && e.end) {
+          const b = new Date(e.start), y = new Date(e.end);
+          if (!isNaN(b.getTime()) && !isNaN(y.getTime())) return { start: b, end: y };
+        }
+        const n = new Date(e);
+        if (isNaN(n.getTime())) return null;
+        const i = new Date(n), h = new Date(n);
+        return h.setDate(i.getDate() + 6), { start: i, end: h };
+      } catch {
+        return null;
+      }
+    }, r = d(() => {
       if (!a.value) return "";
       if (l.mode === "time") return a.value;
+      if (l.mode === "week") {
+        const e = c(a.value);
+        if (!e) return "";
+        const n = e.start.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }), i = e.end.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
+        return `${n} - ${i}`;
+      }
       try {
-        const t = new Date(a.value);
-        if (isNaN(t.getTime())) return String(a.value);
-        if (l.mode === "week") {
-          const i = new Date(t);
-          i.setDate(t.getDate() + 6);
-          const w = t.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }), S = i.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" });
-          return `${w} - ${S}`;
-        }
-        const d = l.mode === "dateTime" && x(a.value);
-        return t.toLocaleDateString("en-US", {
+        const e = new Date(a.value);
+        if (isNaN(e.getTime())) return String(a.value);
+        const n = l.mode === "dateTime" && S(a.value);
+        return e.toLocaleDateString("en-US", {
           month: "short",
           day: "numeric",
           year: "numeric",
-          ...d ? { hour: "2-digit", minute: "2-digit", hour12: l.timeFormat === "12h" } : {}
+          ...n ? { hour: "2-digit", minute: "2-digit", hour12: l.timeFormat === "12h" } : {}
         });
       } catch {
         return String(a.value);
       }
-    }), c = o(() => {
-      if (l.placeholderI18n) return g(l.placeholderI18n);
+    }), f = d(() => {
+      if (l.placeholderI18n) return k(l.placeholderI18n);
       if (l.placeholder !== void 0) return l.placeholder;
-      const t = g("vlite.datePicker.placeholder");
-      return t !== "vlite.datePicker.placeholder" ? t : "Select date";
-    }), f = (t) => {
-      a.value = t;
-    };
-    return (t, d) => e.mode !== "time" ? (v(), h(r(I), {
+      const e = k("vlite.datePicker.placeholder");
+      return e !== "vlite.datePicker.placeholder" ? e : "Select date";
+    }), v = (e) => {
+      if (l.mode === "week") {
+        const n = c(e);
+        if (n) {
+          a.value = { start: n.start, end: n.end };
+          return;
+        }
+      }
+      a.value = e;
+    }, V = d(() => l.mode === "week" && a.value && typeof a.value == "object" && a.value.start ? a.value.start : a.value);
+    return (e, n) => t.mode !== "time" ? (g(), D(o(z), {
       key: 0,
       position: "bottom-start",
       class: "w-full",
       maxHeight: "max-h-[500px]",
-      teleport: e.teleport,
-      disabled: e.disabled || e.readonly
+      teleport: t.teleport,
+      disabled: t.disabled || t.readonly
     }, {
-      trigger: m(() => [
-        V(t.$slots, "default", {
+      trigger: u(() => [
+        T(e.$slots, "default", {
           value: a.value,
-          displayValue: n.value
+          displayValue: r.value
         }, () => [
-          u(y, b({
-            text: n.value || c.value,
-            variant: e.variant || "outline",
-            size: e.size || "md",
-            icon: e.icon || "lucide:calendar",
-            disabled: e.disabled
-          }, e.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon", "disabled"])
+          m(w, x({
+            text: r.value || f.value,
+            variant: t.variant || "outline",
+            size: t.size || "md",
+            icon: t.icon || "lucide:calendar",
+            disabled: t.disabled
+          }, t.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon", "disabled"])
         ])
       ]),
-      default: m(() => [
-        P("div", $, [
-          u(r(z), {
-            value: a.value,
-            mode: e.mode,
-            "min-date": e.minDate,
-            "max-date": e.maxDate,
-            "disabled-dates": e.disabledDates,
+      default: u(() => [
+        N("div", j, [
+          m(o($), {
+            value: V.value,
+            mode: t.mode,
+            "min-date": t.minDate,
+            "max-date": t.maxDate,
+            "disabled-dates": t.disabledDates,
             class: "w-full",
-            minuteInterval: e.minuteInterval,
+            minuteInterval: t.minuteInterval,
             "time-format": "12h",
-            disabled: e.disabled,
-            readonly: e.readonly,
-            onChange: f
+            disabled: t.disabled,
+            readonly: t.readonly,
+            onChange: v
           }, null, 8, ["value", "mode", "min-date", "max-date", "disabled-dates", "minuteInterval", "disabled", "readonly"])
         ])
       ]),
       _: 3
-    }, 8, ["teleport", "disabled"])) : (v(), h(r(T), {
+    }, 8, ["teleport", "disabled"])) : (g(), D(o(B), {
       key: 1,
       "model-value": a.value,
       "onUpdate:modelValue": [
-        d[0] || (d[0] = (i) => a.value = i),
-        f
+        n[0] || (n[0] = (i) => a.value = i),
+        v
       ],
-      mode: e.mode,
-      "min-date": e.minDate,
-      "max-date": e.maxDate,
-      "disabled-dates": e.disabledDates,
+      mode: t.mode,
+      "min-date": t.minDate,
+      "max-date": t.maxDate,
+      "disabled-dates": t.disabledDates,
       class: "w-full",
-      minuteInterval: e.minuteInterval,
+      minuteInterval: t.minuteInterval,
       "time-format": "12h",
-      disabled: e.disabled,
-      readonly: e.readonly
+      disabled: t.disabled,
+      readonly: t.readonly
     }, {
-      default: m(() => [
-        u(y, b({
-          text: n.value || c.value,
-          variant: e.variant || "outline",
-          size: e.size || "md",
-          icon: e.icon || (e.mode === "time" ? "lucide:clock" : "lucide:calendar"),
-          disabled: e.disabled
-        }, e.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon", "disabled"])
+      default: u(() => [
+        m(w, x({
+          text: r.value || f.value,
+          variant: t.variant || "outline",
+          size: t.size || "md",
+          icon: t.icon || (t.mode === "time" ? "lucide:clock" : "lucide:calendar"),
+          disabled: t.disabled
+        }, t.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon", "disabled"])
       ]),
       _: 1
     }, 8, ["model-value", "mode", "min-date", "max-date", "disabled-dates", "minuteInterval", "disabled", "readonly"]));
   }
 });
 export {
-  M as default
+  q as default
 };

package/components/Form/FormField.vue.d.ts

@@ -27,10 +27,10 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onAddonAction?: (action: string) => any;
     onAddonChange?: (name: string, payload: IFormFieldChangePayload) => any;
 }>, {
-    readonly: boolean;
     variant: InputVariant;
     size: InputSize;
     rounded: InputRounded;
+    readonly: boolean;
     error: string;
     disabled: boolean;
     loading: boolean;

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;

package/components/Screen/ScreenFilter.vue.js

@@ -12,7 +12,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 import "vue-draggable-plus";

package/components/SidePanel.vue.d.ts

@@ -50,8 +50,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     onOnAfterOpen?: () => any;
     onOnAfterClose?: () => any;
 }>, {
-    size: SidePanelSize;
     class: string;
+    size: SidePanelSize;
     headerClass: string;
     position: SidePanelPosition;
     show: boolean;

package/components/Spinner/Spinner.vue.d.ts

@@ -1,8 +1,8 @@
 import { SpinnerProps, SpinnerSize, SpinnerColor, SpinnerVariant } from './types';
 declare const _default: import('vue').DefineComponent<SpinnerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpinnerProps> & Readonly<{}>, {
-    variant: SpinnerVariant;
-    size: SpinnerSize;
     class: string;
     color: SpinnerColor;
+    variant: SpinnerVariant;
+    size: SpinnerSize;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
 export default _default;

package/components/Stats/Stats.vue.d.ts

@@ -1,7 +1,7 @@
 import { StatsProps } from './types';
 declare const _default: import('vue').DefineComponent<StatsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StatsProps> & Readonly<{}>, {
-    variant: import('./types').StatsVariant;
     class: string;
+    variant: import('./types').StatsVariant;
     columns: number | string;
     layout: import('./types').StatsLayout;
     attached: boolean;

package/components/StatusChip/StatusChip.vue.d.ts

@@ -14,8 +14,8 @@ 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;
     size: ChipProps["size"];
     hideIcon: boolean | null;
-    class: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;