vlite3 1.1.1 → 1.1.2

package/components/CategoryManager/CategoryManager.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as Y, ref as c, watch as Z, computed as I, provide as ee, openBlock as g, createElementBlock as V, createElementVNode as u, renderSlot as te, createBlock as R, withCtx as U, createTextVNode as $, createCommentVNode as z, createVNode as f, toDisplayString as O, withDirectives as oe, withKeys as F, vModelText as ne, unref as re } from "vue";
-import le from "./CategoryNode.vue.js";
-import de from "../Modal.vue.js";
-import ie from "../Form/Form.vue.js";
-import ae from "../Icon.vue.js";
+import { defineComponent as te, ref as p, watch as R, computed as D, provide as oe, openBlock as x, createElementBlock as V, createElementVNode as m, renderSlot as ne, createBlock as $, withCtx as _, createTextVNode as F, createCommentVNode as A, createVNode as g, toDisplayString as J, withDirectives as re, withKeys as B, vModelText as le, unref as ie } from "vue";
+import de from "./CategoryNode.vue.js";
+import ae from "../Modal.vue.js";
+import se from "../Form/Form.vue.js";
+import ue from "../Icon.vue.js";
 /* empty css                  */
-import D from "../Button.vue.js";
+import E from "../Button.vue.js";
 import "../../core/config.js";
 /* empty css            */
 import "vue-draggable-plus";
@@ -17,27 +17,28 @@ import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
 /* empty css                          */
-import se from "../IconPicker.vue.js";
+import ce from "../IconPicker.vue.js";
 /* empty css                        */
 /* empty css                      */
 import { getUniqueId as N } from "../../utils/functions.js";
-const ue = { class: "category-manager-container w-full bg-muted/10 rounded-xl border border-border p-4 lg:p-6" }, ce = { class: "flex items-center justify-between mb-6" }, me = {
+const me = { class: "category-manager-container w-full bg-muted/10 rounded-xl border border-border p-4 lg:p-6" }, fe = { class: "flex items-center justify-between mb-6" }, pe = {
   key: 0,
   class: "flex flex-col items-center justify-center py-10 px-4 text-center border border-dashed border-border rounded-xl bg-background"
-}, fe = { class: "w-12 h-12 bg-muted rounded-full flex items-center justify-center mb-4" }, pe = { class: "text-base font-medium text-foreground" }, ve = { class: "text-sm text-muted-foreground mt-1 max-w-sm" }, he = {
+}, ve = { class: "w-12 h-12 bg-muted rounded-full flex items-center justify-center mb-4" }, he = { class: "text-base font-medium text-foreground" }, ge = { class: "text-sm text-muted-foreground mt-1 max-w-sm" }, ye = {
   key: 1,
   class: "w-full tree-wrapper scrollable-container",
   style: { "will-change": "transform", contain: "layout style" }
-}, ge = {
+}, xe = {
   key: 0,
   class: "flex items-center gap-1.5 py-1.5 px-2 bg-background border border-border shadow-sm rounded-lg w-full mt-2"
-}, ye = {
+}, be = {
   class: "modal-body",
   style: { "will-change": "transform", contain: "layout style" }
-}, je = /* @__PURE__ */ Y({
+}, Ke = /* @__PURE__ */ te({
   __name: "CategoryManager",
   props: {
     modelValue: { default: () => [] },
+    rawData: { default: void 0 },
     formSchema: {},
     readonly: { type: Boolean, default: !1 },
     emptyTitle: { default: "No Categories Found" },
@@ -45,199 +46,238 @@ const ue = { class: "category-manager-container w-full bg-muted/10 rounded-xl bo
     size: { default: "md" }
   },
   emits: ["update:modelValue", "onAdd", "onEdit", "onDelete", "onReorder"],
-  setup(y, { emit: B }) {
-    const b = y, s = B, i = c([]), x = c(/* @__PURE__ */ new Set()), w = (t) => JSON.parse(JSON.stringify(t)), A = (t) => {
-      t.forEach((e) => {
-        e.children || (e.children = []), A(e.children);
+  setup(b, { emit: j }) {
+    const w = b, f = j, d = p([]), S = p(/* @__PURE__ */ new Set()), u = (t) => JSON.parse(JSON.stringify(t)), v = (t, e = null) => {
+      t.forEach((o, l) => {
+        o.parentId = e, o.position = l, o.children || (o.children = []), v(o.children, o.id);
       });
+    }, q = (t) => {
+      const e = /* @__PURE__ */ new Map(), o = [];
+      t.forEach((n) => {
+        e.set(n.id, {
+          ...n,
+          id: n.id,
+          title: n.name || n.title || "Untitled",
+          icon: n.icon,
+          parentId: n.parentId || null,
+          position: n.position ?? 0,
+          children: []
+        });
+      }), t.forEach((n) => {
+        const r = e.get(n.id);
+        r && (n.parentId && e.has(n.parentId) ? e.get(n.parentId).children.push(r) : o.push(r));
+      });
+      const l = (n) => {
+        n.sort((r, a) => (r.position ?? 0) - (a.position ?? 0)), n.forEach((r) => {
+          r.children && l(r.children);
+        });
+      };
+      return l(o), o;
     };
-    Z(
-      () => b.modelValue,
+    R(
+      () => w.rawData,
+      (t) => {
+        if (t && t.length > 0) {
+          const e = q(t);
+          v(e);
+          const o = JSON.stringify(e), l = JSON.stringify(d.value);
+          if (o !== l) {
+            const n = u(e);
+            d.value = n, f("update:modelValue", n);
+          }
+        }
+      },
+      { immediate: !0, deep: !0 }
+    ), R(
+      () => w.modelValue,
       (t) => {
-        const e = JSON.stringify(t), o = JSON.stringify(i.value);
-        if (e !== o) {
-          const r = w(t);
-          A(r), i.value = r;
+        const e = JSON.stringify(t), o = JSON.stringify(d.value);
+        if (e !== o && t.length > 0) {
+          const l = u(t);
+          v(l), d.value = l;
         }
       },
       { immediate: !0, deep: !0 }
     );
-    const p = (t = !1) => {
-      const e = w(i.value);
-      s("update:modelValue", e), t && s("onReorder", e);
-    }, J = (t) => {
-      const e = new Set(x.value);
-      e.has(t) ? e.delete(t) : e.add(t), x.value = e;
-    }, a = c({
+    const y = (t = !1) => {
+      v(d.value);
+      const e = u(d.value);
+      f("update:modelValue", e), t && f("onReorder", e);
+    }, K = (t) => {
+      const e = new Set(S.value);
+      e.has(t) ? e.delete(t) : e.add(t), S.value = e;
+    }, s = p({
       mode: null,
       targetId: null,
       title: "",
       icon: "lucide:folder"
-    }), _ = (t, e) => {
-      a.value = {
+    }), M = (t, e) => {
+      s.value = {
         mode: t,
         targetId: t === "add-child" && e || null,
         title: "",
         icon: "lucide:folder"
-      }, t === "add-child" && e && x.value.add(e);
-    }, S = () => {
-      a.value = { mode: null, targetId: null, title: "", icon: "lucide:folder" };
+      }, t === "add-child" && e && S.value.add(e);
+    }, I = () => {
+      s.value = { mode: null, targetId: null, title: "", icon: "lucide:folder" };
     }, T = () => {
-      const { mode: t, targetId: e, title: o, icon: r } = a.value;
+      const { mode: t, targetId: e, title: o, icon: l } = s.value;
       if (!o.trim()) return;
-      const d = [...i.value];
-      if (t === "add-root") {
-        const l = { id: N(), title: o, icon: r, children: [] };
-        d.push(l), s("onAdd", l);
-      } else if (t === "add-child") {
-        const l = { id: N(), title: o, icon: r, children: [] }, n = (v) => {
-          for (const h of v) {
-            if (h.id === e)
-              return h.children || (h.children = []), h.children.push(l), !0;
-            if (h.children && n(h.children)) return !0;
+      const n = [...d.value];
+      let r = null;
+      if (t === "add-root")
+        r = { id: N(), title: o, icon: l, children: [] }, n.push(r);
+      else if (t === "add-child") {
+        r = { id: N(), title: o, icon: l, children: [] };
+        const a = (c) => {
+          for (const i of c) {
+            if (i.id === e)
+              return i.children || (i.children = []), i.children.push(r), !0;
+            if (i.children && a(i.children)) return !0;
           }
           return !1;
         };
-        n(d), s("onAdd", l);
+        a(n);
       }
-      i.value = d, p(), S();
-    }, C = c(!1), m = c("add"), k = c(null), E = c(null), M = c({}), j = [
+      r && (v(n), f("onAdd", u(r))), d.value = n, y(), I();
+    }, k = p(!1), h = p("add"), U = p(null), z = p(null), O = p({}), P = [
       { name: "icon", label: "Category Icon", type: "iconPicker" },
       { name: "title", label: "Title", type: "text", required: !0 },
       { name: "description", label: "Description", type: "textarea", props: { rows: 3 } }
-    ], q = I(() => b.formSchema || j), K = I(() => m.value === "add" ? "Add Category" : m.value === "add-child" ? "Add Sub-category" : "Edit Category"), P = (t, e, o) => {
-      m.value = t, k.value = e || null, E.value = o || null, M.value = e ? w(e) : {}, C.value = !0;
-    }, G = async (t) => {
-      const e = t?.values || t, o = [...i.value];
-      if (m.value === "add") {
+    ], G = D(() => w.formSchema || P), H = D(() => h.value === "add" ? "Add Category" : h.value === "add-child" ? "Add Sub-category" : "Edit Category"), L = (t, e, o) => {
+      h.value = t, U.value = e || null, z.value = o || null, O.value = e ? u(e) : {}, k.value = !0;
+    }, Q = async (t) => {
+      const e = t?.values || t, o = [...d.value];
+      let l = null, n = null;
+      if (h.value === "add") {
         const r = { id: N(), children: [], ...e };
-        o.push(r), s("onAdd", r);
-      } else if (m.value === "add-child") {
-        const r = { id: N(), children: [], ...e }, d = (l) => {
-          for (const n of l) {
-            if (n.id === E.value)
-              return n.children || (n.children = []), n.children.push(r), x.value.add(n.id), !0;
-            if (n.children && d(n.children)) return !0;
+        o.push(r), l = r, n = "onAdd";
+      } else if (h.value === "add-child") {
+        const r = { id: N(), children: [], ...e }, a = (c) => {
+          for (const i of c) {
+            if (i.id === z.value)
+              return i.children || (i.children = []), i.children.push(r), S.value.add(i.id), !0;
+            if (i.children && a(i.children)) return !0;
           }
           return !1;
         };
-        d(o), s("onAdd", r);
-      } else if (m.value === "edit" && k.value) {
-        const r = k.value.id, d = (l) => {
-          const n = l.findIndex((v) => v.id === r);
-          if (n > -1)
-            return l[n] = { ...l[n], ...e }, !0;
-          for (const v of l)
-            if (v.children && d(v.children)) return !0;
+        a(o), l = r, n = "onAdd";
+      } else if (h.value === "edit" && U.value) {
+        const r = U.value.id, a = (c) => {
+          const i = c.findIndex((C) => C.id === r);
+          if (i > -1)
+            return c[i] = { ...c[i], ...e }, l = c[i], !0;
+          for (const C of c)
+            if (C.children && a(C.children)) return !0;
           return !1;
         };
-        d(o), s("onEdit", { ...k.value, ...e });
+        a(o), n = "onEdit";
       }
-      i.value = o, p(), t && typeof t.setSubmitting == "function" && t.setSubmitting(!1), C.value = !1;
-    }, H = (t) => {
-      const e = t.id, o = (d) => {
-        const l = d.findIndex((n) => n.id === e);
-        if (l > -1)
-          return d.splice(l, 1), !0;
-        for (const n of d)
-          if (n.children && o(n.children)) return !0;
+      v(o), l && (n === "onAdd" ? f("onAdd", u(l)) : n === "onEdit" && f("onEdit", u(l))), d.value = o, y(), t && typeof t.setSubmitting == "function" && t.setSubmitting(!1), k.value = !1;
+    }, W = (t) => {
+      const e = t.id, o = (n) => {
+        const r = n.findIndex((a) => a.id === e);
+        if (r > -1)
+          return n.splice(r, 1), !0;
+        for (const a of n)
+          if (a.children && o(a.children)) return !0;
         return !1;
-      }, r = [...i.value];
-      o(r), i.value = r, s("onDelete", t), p();
-    }, L = (t) => {
-      s("onEdit", w(t)), p();
-    }, Q = (t) => {
-      i.value = [...t], p(!0);
-    }, W = () => {
-      p(!0);
+      }, l = [...d.value];
+      o(l), v(l), d.value = l, f("onDelete", u(t)), y();
+    }, X = (t) => {
+      f("onEdit", u(t)), y();
+    }, Y = (t) => {
+      d.value = [...t], y(!0);
+    }, Z = () => {
+      y(!0);
     };
-    ee("categoryManager", {
-      expandedIds: x,
-      inlineState: a,
-      toggleExpand: J,
-      startInline: _,
+    oe("categoryManager", {
+      expandedIds: S,
+      inlineState: s,
+      toggleExpand: K,
+      startInline: M,
       saveInline: T,
-      cancelInline: S,
-      saveItem: L,
-      openModalForm: P,
-      deleteItem: H,
-      readonly: I(() => b.readonly),
-      size: I(() => b.size)
+      cancelInline: I,
+      saveItem: X,
+      openModalForm: L,
+      deleteItem: W,
+      readonly: D(() => w.readonly),
+      size: D(() => w.size)
     });
-    const X = {
+    const ee = {
       mounted: (t) => {
         setTimeout(() => t.focus(), 10);
       }
     };
-    return (t, e) => (g(), V("div", ue, [
-      u("div", ce, [
-        te(t.$slots, "header", {}, () => [
-          e[6] || (e[6] = u("div", null, [
-            u("h3", { class: "text-lg font-bold text-foreground" }, "Categories"),
-            u("p", { class: "text-sm text-muted-foreground mt-0.5" }, "Manage your hierarchical structure.")
+    return (t, e) => (x(), V("div", me, [
+      m("div", fe, [
+        ne(t.$slots, "header", {}, () => [
+          e[6] || (e[6] = m("div", null, [
+            m("h3", { class: "text-lg font-bold text-foreground" }, "Categories"),
+            m("p", { class: "text-sm text-muted-foreground mt-0.5" }, "Manage your hierarchical structure.")
           ], -1)),
-          y.readonly ? z("", !0) : (g(), R(D, {
+          b.readonly ? A("", !0) : (x(), $(E, {
             key: 0,
             variant: "primary",
             icon: "lucide:plus",
             size: "sm",
-            onClick: e[0] || (e[0] = (o) => _("add-root"))
+            onClick: e[0] || (e[0] = (o) => M("add-root"))
           }, {
-            default: U(() => [...e[5] || (e[5] = [
-              $(" Add Category ", -1)
+            default: _(() => [...e[5] || (e[5] = [
+              F(" Add Category ", -1)
             ])]),
             _: 1
           }))
         ])
       ]),
-      i.value.length === 0 && a.value.mode !== "add-root" ? (g(), V("div", me, [
-        u("div", fe, [
-          f(ae, {
+      d.value.length === 0 && s.value.mode !== "add-root" ? (x(), V("div", pe, [
+        m("div", ve, [
+          g(ue, {
             icon: "lucide:folder-tree",
             class: "w-6 h-6 text-muted-foreground"
           })
         ]),
-        u("h4", pe, O(y.emptyTitle), 1),
-        u("p", ve, O(y.emptyDescription), 1),
-        y.readonly ? z("", !0) : (g(), R(D, {
+        m("h4", he, J(b.emptyTitle), 1),
+        m("p", ge, J(b.emptyDescription), 1),
+        b.readonly ? A("", !0) : (x(), $(E, {
           key: 0,
           variant: "outline",
           size: "sm",
           class: "mt-5",
           icon: "lucide:plus",
-          onClick: e[1] || (e[1] = (o) => _("add-root"))
+          onClick: e[1] || (e[1] = (o) => M("add-root"))
         }, {
-          default: U(() => [...e[7] || (e[7] = [
-            $(" Create Category ", -1)
+          default: _(() => [...e[7] || (e[7] = [
+            F(" Create Category ", -1)
           ])]),
           _: 1
         }))
-      ])) : (g(), V("div", he, [
-        f(le, {
-          modelValue: i.value,
-          "onUpdate:modelValue": Q,
-          onChange: W
+      ])) : (x(), V("div", ye, [
+        g(de, {
+          modelValue: d.value,
+          "onUpdate:modelValue": Y,
+          onChange: Z
         }, null, 8, ["modelValue"]),
-        a.value.mode === "add-root" ? (g(), V("div", ge, [
-          f(se, {
-            modelValue: a.value.icon,
-            "onUpdate:modelValue": e[2] || (e[2] = (o) => a.value.icon = o),
+        s.value.mode === "add-root" ? (x(), V("div", xe, [
+          g(ce, {
+            modelValue: s.value.icon,
+            "onUpdate:modelValue": e[2] || (e[2] = (o) => s.value.icon = o),
             "btn-props": { variant: "ghost", size: "xs", class: "h-7 w-7 p-0 text-muted-foreground hover:text-foreground shrink-0 rounded-md" },
             position: "bottom-start"
           }, null, 8, ["modelValue"]),
-          oe(u("input", {
-            "onUpdate:modelValue": e[3] || (e[3] = (o) => a.value.title = o),
+          re(m("input", {
+            "onUpdate:modelValue": e[3] || (e[3] = (o) => s.value.title = o),
             class: "flex-1 bg-transparent border-0 outline-none focus:ring-0 px-1 py-1 text-sm transition-colors w-full shadow-none caret-primary text-foreground placeholder:text-muted-foreground",
             placeholder: "New root category...",
             onKeyup: [
-              F(T, ["enter"]),
-              F(S, ["esc"])
+              B(T, ["enter"]),
+              B(I, ["esc"])
             ]
           }, null, 544), [
-            [X],
-            [ne, a.value.title]
+            [ee],
+            [le, s.value.title]
           ]),
-          f(D, {
+          g(E, {
             variant: "primary",
             size: "xs",
             icon: "lucide:check",
@@ -245,30 +285,30 @@ const ue = { class: "category-manager-container w-full bg-muted/10 rounded-xl bo
             title: "Save",
             onClick: T
           }),
-          f(D, {
+          g(E, {
             variant: "ghost",
             size: "xs",
             icon: "lucide:x",
             class: "shrink-0 h-7 w-7 px-0",
             title: "Cancel",
-            onClick: S
+            onClick: I
           })
-        ])) : z("", !0)
+        ])) : A("", !0)
       ])),
-      f(de, {
-        show: C.value,
-        "onUpdate:show": e[4] || (e[4] = (o) => C.value = o),
-        title: K.value,
+      g(ae, {
+        show: k.value,
+        "onUpdate:show": e[4] || (e[4] = (o) => k.value = o),
+        title: H.value,
         "max-width": "max-w-md"
       }, {
-        default: U(() => [
-          u("div", ye, [
-            f(re(ie), {
-              schema: q.value,
-              values: M.value,
-              isUpdate: m.value === "edit",
+        default: _(() => [
+          m("div", be, [
+            g(ie(se), {
+              schema: G.value,
+              values: O.value,
+              isUpdate: h.value === "edit",
               submitText: "Save Details",
-              onOnSubmit: G
+              onOnSubmit: Q
             }, null, 8, ["schema", "values", "isUpdate"])
           ])
         ]),
@@ -278,5 +318,5 @@ const ue = { class: "category-manager-container w-full bg-muted/10 rounded-xl bo
   }
 });
 export {
-  je as default
+  Ke as default
 };

package/components/CategoryManager/types.d.ts

@@ -6,11 +6,25 @@ export interface CategoryItem {
     icon?: string;
     description?: string;
     children?: CategoryItem[];
+    parentId?: string | number | null;
+    position?: number;
+    [key: string]: any;
+}
+export interface RawCategoryItem {
+    id: string | number;
+    name?: string;
+    title?: string;
+    icon?: string;
+    position?: number;
+    parentId?: string | number | null;
+    fullPath?: string;
     [key: string]: any;
 }
 export interface CategoryManagerProps {
     /** The nested array of category items */
     modelValue?: CategoryItem[];
+    /** Optional flat list of items to be auto-converted to a nested tree */
+    rawData?: RawCategoryItem[];
     /** Optional custom form schema for add/edit operations */
     formSchema?: IForm[];
     /** Disable drag-and-drop and mutation actions */

package/components/Chip/Chip.vue.d.ts

@@ -13,11 +13,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ExtendedProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    click: (event: MouseEvent) => any;
     delete: (event: MouseEvent) => any;
+    click: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<ExtendedProps> & Readonly<{
-    onClick?: (event: MouseEvent) => any;
     onDelete?: (event: MouseEvent) => any;
+    onClick?: (event: MouseEvent) => any;
 }>, {
     text: string;
     class: string;

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue2.js";
+import ee from "./CommandPaletteItem.vue.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue2.js → CommandPaletteItem.vue.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                       */
+/* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/ConfirmationModal.vue.d.ts

@@ -22,11 +22,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    cancel: () => any;
     confirm: () => any;
+    cancel: () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    onCancel?: () => any;
     onConfirm?: () => any;
+    onCancel?: () => any;
 }>, {
     variant: "danger" | "primary" | "warning" | "success" | "info";
     loading: boolean;

package/components/CustomFieldsDisplay/CustomFieldsDisplay.vue.d.ts

@@ -32,8 +32,8 @@ declare function __VLS_template(): {
 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<{}>, {
     variant: CustomFieldsDisplayVariant;
-    columns: 1 | 2 | 3 | 4;
     fields: CustomFieldItem[];
+    columns: 1 | 2 | 3 | 4;
     emptyText: string;
     keyProp: string;
     valueProp: string;

package/components/DataTable/DataTable.vue.d.ts

@@ -18,24 +18,24 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     select: (state: SelectionState) => any;
-    change: (state: TableState) => any;
     delete: (rows: any[]) => any;
+    change: (state: TableState) => any;
     "update:itemsPerPage": (value: number) => any;
     rowClick: (payload: RowClickPayload) => any;
     "update:selectedRows": (value: any[]) => any;
 }, string, import('vue').PublicProps, Readonly<DataTableProps> & Readonly<{
     onSelect?: (state: SelectionState) => any;
-    onChange?: (state: TableState) => any;
     onDelete?: (rows: any[]) => any;
+    onChange?: (state: TableState) => any;
     "onUpdate:itemsPerPage"?: (value: number) => any;
     onRowClick?: (payload: RowClickPayload) => any;
     "onUpdate:selectedRows"?: (value: any[]) => any;
 }>, {
     search: string;
     variant: "default" | "raised";
+    loading: boolean;
     striped: boolean;
     compact: boolean;
-    loading: boolean;
     rows: any[];
     showSearch: boolean;
     headers: TableHeader[];

package/components/Dropdown/Dropdown.vue.d.ts

@@ -83,12 +83,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onOnOpen?: () => any;
     "onUpdate:isOpen"?: (value: boolean) => any;
 }>, {
-    disabled: boolean;
+    columns: number | string;
     loading: boolean;
+    disabled: boolean;
     direction: "ltr" | "rtl";
     selectable: boolean;
     options: (IDropdownOption | string | number)[];
-    columns: number | string;
     selectedIndex: number | null;
     maxHeight: string;
     layout: "default" | "grouped";

package/components/Dropdown/DropdownGroupedLayout.vue.d.ts

@@ -14,8 +14,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onSelect?: (option: IDropdownOption) => any;
     onMouseenter?: (payload: any) => any;
 }>, {
+    columns: number | string;
     selectable: boolean;
     options: IDropdownOptions;
-    columns: number | string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/components/Dropdown/DropdownMenu.vue.d.ts

@@ -48,11 +48,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onLoad-more"?: () => any;
 }>, {
     class: string;
+    columns: number | string;
     loading: boolean;
     direction: "ltr" | "rtl";
     selectable: boolean;
     options: (IDropdownOption | string | number)[];
-    columns: number | string;
     cachedOptions: IDropdownOptions;
     selectedIndex: number | null;
     maxHeight: string;

package/components/Dropdown/DropdownTrigger.vue.d.ts

@@ -9,8 +9,8 @@ interface Props {
     triggerProps?: ButtonProps;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
-    disabled: boolean;
     placeholder: string;
+    disabled: boolean;
     direction: "ltr" | "rtl";
     selectedLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;

package/components/FilePicker/FilePicker.vue.d.ts

@@ -52,8 +52,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     variant: "dropzone" | "input";
     size: InputSize;
     rounded: InputRounded;
-    disabled: boolean;
     loading: boolean;
+    disabled: boolean;
     multiSelect: boolean;
     modelValue: FilePickerValue | FilePickerValue[] | null;
     fileTypes: string[];