vlite3 1.4.40 → 1.5.0

package/components/Dropdown/Dropdown.vue.js

@@ -1,13 +1,14 @@
-import { defineComponent as re, ref as a, computed as u, inject as de, onMounted as ue, onUnmounted as ce, watch as x, provide as L, reactive as fe, toRefs as me, openBlock as N, createElementBlock as ve, normalizeStyle as ye, createVNode as R, unref as c, withCtx as m, createBlock as j, normalizeClass as he, createSlots as ge, renderSlot as v, normalizeProps as z, guardReactiveProps as U, createCommentVNode as q, createElementVNode as be } from "vue";
-import Ce from "v-tooltip-lite";
+import { defineComponent as fe, ref as a, computed as r, watch as $, inject as me, onMounted as ve, onUnmounted as ye, provide as U, reactive as he, toRefs as ge, openBlock as D, createElementBlock as be, normalizeStyle as pe, createVNode as q, unref as c, withCtx as m, createBlock as G, normalizeClass as Ce, createSlots as Se, renderSlot as v, normalizeProps as J, guardReactiveProps as K, createCommentVNode as Q, createElementVNode as we } from "vue";
+import Oe from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
-import pe from "./DropdownMenu.vue.js";
-import Se from "./DropdownTrigger.vue.js";
-import we from "../ConfirmationModal.vue.js";
-import { useDropdownIds as Oe } from "./composables/useDropdownIds.js";
-import { useDropdownSelection as $e } from "./composables/useDropdownSelection.js";
-import { useDropdownHydration as Ie } from "./composables/useDropdownHydration.js";
-const Ve = /* @__PURE__ */ re({
+import $e from "./DropdownMenu.vue.js";
+import Ie from "./DropdownTrigger.vue.js";
+import ke from "../ConfirmationModal.vue.js";
+import { useDropdownIds as Te } from "./composables/useDropdownIds.js";
+import { useDropdownSelection as Be } from "./composables/useDropdownSelection.js";
+import { useDropdownHydration as Me } from "./composables/useDropdownHydration.js";
+import { useRtl as Pe, resolveDirFromAncestors as xe } from "../../composables/useRtl.js";
+const Fe = /* @__PURE__ */ fe({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -46,7 +47,7 @@ const Ve = /* @__PURE__ */ re({
     debounceTime: { default: 300 },
     fetchSelected: {},
     triggerProps: {},
-    direction: { default: "ltr" },
+    direction: { default: "auto" },
     isNested: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
@@ -54,160 +55,166 @@ const Ve = /* @__PURE__ */ re({
     trigger: { default: "click" }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(t, { emit: F }) {
-    const n = t, y = F, h = a(!1), g = a(null), G = u(() => n.doubleConfirmation || h.value ? !0 : (n.options ?? []).some(
+  setup(t, { emit: X }) {
+    const l = t, E = Pe(), I = a(null), y = r(() => l.direction === "rtl" ? "rtl" : l.direction === "ltr" ? "ltr" : I.value ? I.value : E.value ? "rtl" : "ltr"), h = X, g = a(!1), b = a(null), Y = r(() => l.doubleConfirmation || g.value ? !0 : (l.options ?? []).some(
       (e) => typeof e == "object" && e !== null && !!e.confirmation
-    )), r = a({
+    )), d = a({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), J = u(() => n.position ? n.position : n.direction === "rtl" ? "bottom-end" : "bottom-start"), K = u(() => n.nestedPosition ? n.nestedPosition : n.direction === "rtl" ? "left-start" : "right-start"), C = a(n.isOpen || !1), p = a(0), Q = a(null), O = a(null), $ = () => {
-      O.value && setTimeout(() => {
-        O.value?.focus({ preventScroll: !0 });
+    }), Z = r(() => l.position ? l.position : y.value === "rtl" ? "bottom-end" : "bottom-start"), _ = r(() => l.nestedPosition ? l.nestedPosition : y.value === "rtl" ? "left-start" : "right-start"), C = a(l.isOpen || !1), S = a(0), H = a(null), k = a(null), R = () => {
+      I.value = xe(H.value);
+    };
+    $(E, () => {
+      R();
+    });
+    const T = () => {
+      k.value && setTimeout(() => {
+        k.value?.focus({ preventScroll: !0 });
       }, 10);
-    }, X = `dropdown-${Math.random().toString(36).substring(2, 9)}`, I = u(() => n.menuId || X), b = a([]), s = de("dropdown-context", null), Y = (e) => {
-      b.value.includes(e) || b.value.push(e), s?.registerChildId?.(e);
-    }, Z = (e) => {
-      b.value = b.value.filter((o) => o !== e), s?.unregisterChildId?.(e);
+    }, ee = `dropdown-${Math.random().toString(36).substring(2, 9)}`, B = r(() => l.menuId || ee), p = a([]), s = me("dropdown-context", null), te = (e) => {
+      p.value.includes(e) || p.value.push(e), s?.registerChildId?.(e);
+    }, le = (e) => {
+      p.value = p.value.filter((o) => o !== e), s?.unregisterChildId?.(e);
     };
-    ue(() => {
-      s?.registerChildId && s.registerChildId(`#${I.value}`);
-    }), ce(() => {
-      s?.unregisterChildId && s.unregisterChildId(`#${I.value}`);
-    }), x(
-      () => n.isOpen,
+    ve(() => {
+      R(), s?.registerChildId && s.registerChildId(`#${B.value}`);
+    }), ye(() => {
+      s?.unregisterChildId && s.unregisterChildId(`#${B.value}`);
+    }), $(
+      () => l.isOpen,
       (e) => {
         if (e !== void 0) {
-          if ((n.disabled || n.readonly) && e) return;
+          if ((l.disabled || l.readonly) && e) return;
           C.value = e;
         }
       }
     );
-    const A = (e) => {
-      if (n.disabled || n.readonly) {
-        C.value = !1, y("update:isOpen", !1);
+    const V = (e) => {
+      if (l.disabled || l.readonly) {
+        C.value = !1, h("update:isOpen", !1);
         return;
       }
-      C.value = e, y("update:isOpen", e), y(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
-    }, S = () => {
-      A(!1);
-    }, _ = (e) => {
-      e ? p.value++ : p.value = Math.max(0, p.value - 1);
+      C.value = e, h("update:isOpen", e), h(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
+    }, w = () => {
+      V(!1);
+    }, ne = (e) => {
+      e ? S.value++ : S.value = Math.max(0, S.value - 1);
     };
-    L("dropdown-context", {
-      close: S,
+    U("dropdown-context", {
+      close: w,
       onChildToggle: (e) => {
-        _(e), s?.onChildToggle?.(e);
+        ne(e), s?.onChildToggle?.(e);
       },
-      registerChildId: Y,
-      unregisterChildId: Z
-    }), L("modal-context", null);
-    const k = u(() => n.options ? n.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), w = a([]), E = a(!1), T = a(!1);
-    x(
-      k,
+      registerChildId: te,
+      unregisterChildId: le
+    }), U("modal-context", null);
+    const M = r(() => l.options ? l.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), O = a([]), W = a(!1), P = a(!1);
+    $(
+      M,
       (e) => {
         if (e) {
-          if (n.remote) {
-            const o = [...w.value];
-            e.forEach((l) => {
-              o.some((i) => i.value !== void 0 && l.value !== void 0 ? typeof i.value == "object" && i.key && l.key ? i.key === l.key && i.value[i.key] === l.value[l.key] : i.value === l.value : i.label === l.label) || o.push(l);
-            }), w.value = o;
+          if (l.remote) {
+            const o = [...O.value];
+            e.forEach((n) => {
+              o.some((i) => i.value !== void 0 && n.value !== void 0 ? typeof i.value == "object" && i.key && n.key ? i.key === n.key && i.value[i.key] === n.value[n.key] : i.value === n.value : i.label === n.label) || o.push(n);
+            }), O.value = o;
           } else
-            w.value = e;
-          !E.value && e.length > 0 && (E.value = !0, setTimeout(() => {
-            T.value = !0, H(M.value);
+            O.value = e;
+          !W.value && e.length > 0 && (W.value = !0, setTimeout(() => {
+            P.value = !0, L(A.value);
           }, 10));
         }
       },
       { immediate: !0 }
     );
-    const f = u(() => {
-      const e = [...w.value], o = new Set(e.map((l) => l.value ?? l.label));
-      return B.value.forEach((l, d) => {
-        o.has(d) || (e.unshift(l), o.add(d));
+    const f = r(() => {
+      const e = [...O.value], o = new Set(e.map((n) => n.value ?? n.label));
+      return x.value.forEach((n, u) => {
+        o.has(u) || (e.unshift(n), o.add(u));
       }), e;
-    }), { selectedBuffer: B, isHydrating: ee, hydrateSelected: H } = Ie({
-      fetchSelected: n.fetchSelected,
+    }), { selectedBuffer: x, isHydrating: oe, hydrateSelected: L } = Me({
+      fetchSelected: l.fetchSelected,
       getAvailableOptions: () => f.value,
-      isReady: () => T.value
-    }), { getAllRecursiveIds: te } = Oe(), ne = fe({
-      ...me(n),
+      isReady: () => P.value
+    }), { getAllRecursiveIds: ae } = Te(), ie = he({
+      ...ge(l),
       options: f
-    }), { currentValue: M, selectedLabel: V, selectedIcon: W, selectOption: le } = $e(
-      ne,
-      y
-    ), oe = u(() => {
-      const e = n.ignoreClickOutside || [], o = te(f.value);
-      return [.../* @__PURE__ */ new Set([...e, ...o, ...b.value])];
+    }), { currentValue: A, selectedLabel: j, selectedIcon: z, selectOption: se } = Be(
+      ie,
+      h
+    ), re = r(() => {
+      const e = l.ignoreClickOutside || [], o = ae(f.value);
+      return [.../* @__PURE__ */ new Set([...e, ...o, ...p.value])];
     });
-    x(
-      () => M.value,
+    $(
+      () => A.value,
       (e) => {
-        T.value && H(e);
+        P.value && L(e);
       },
       { deep: !0 }
     );
-    const ae = (e) => {
-      if (n.disabled || n.readonly || e.disabled) return;
-      n.doubleConfirmation || !!e.confirmation ? (g.value = e, typeof e.confirmation == "object" ? r.value = {
+    const de = (e) => {
+      if (l.disabled || l.readonly || e.disabled) return;
+      l.doubleConfirmation || !!e.confirmation ? (b.value = e, typeof e.confirmation == "object" ? d.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
         cancelText: e.confirmation.cancelText || "Cancel",
         variant: e.confirmation.variant || "primary"
-      } : r.value = {
+      } : d.value = {
         title: "Confirm Selection",
         description: `Are you sure you want to select "${e.label}"?`,
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, h.value = !0, S()) : (D(e), n.closeOnSelect && (S(), $()));
-    }, D = (e) => {
-      if (n.disabled || n.readonly || e.disabled) return;
+      }, g.value = !0, w()) : (F(e), l.closeOnSelect && (w(), T()));
+    }, F = (e) => {
+      if (l.disabled || l.readonly || e.disabled) return;
       const o = e.value ?? e.label;
-      B.value.has(o) || B.value.set(o, e);
-      const l = le(e);
-      if (!n.isNested) {
-        const d = e._originalOption || e, i = d.value ?? d.label;
-        (e._path || [d]).forEach((P) => {
-          typeof P.onSelect == "function" && P.onSelect({
+      x.value.has(o) || x.value.set(o, e);
+      const n = se(e);
+      if (!l.isNested) {
+        const u = e._originalOption || e, i = u.value ?? u.label;
+        (e._path || [u]).forEach((N) => {
+          typeof N.onSelect == "function" && N.onSelect({
             value: i,
-            option: P,
+            option: N,
             data: f.value || [],
-            values: l
+            values: n
           });
         });
       }
-    }, ie = () => {
-      g.value && (D(g.value), g.value = null, h.value = !1, $());
-    }, se = () => {
-      g.value = null, h.value = !1, $();
+    }, ue = () => {
+      b.value && (F(b.value), b.value = null, g.value = !1, T());
+    }, ce = () => {
+      b.value = null, g.value = !1, T();
     };
-    return (e, o) => (N(), ve("div", {
-      class: "relative inline-block text-left",
-      style: ye({ direction: t.direction }),
+    return (e, o) => (D(), be("div", {
+      class: "relative inline-block text-start",
+      style: pe({ direction: y.value }),
       ref_key: "dropdownWrapper",
-      ref: Q
+      ref: H
     }, [
-      R(c(Ce), {
+      q(c(Oe), {
         content: "",
         trigger: t.trigger,
         arrow: !1,
         disabled: t.disabled || t.readonly,
         teleport: t.teleport,
         offset: t.offset,
-        placement: J.value,
+        placement: Z.value,
         isOpen: C.value,
-        keepAlive: p.value > 0,
-        menuId: I.value,
-        ignoreClickOutside: oe.value,
+        keepAlive: S.value > 0,
+        menuId: B.value,
+        ignoreClickOutside: re.value,
         class: "w-full flex!",
         className: "dropdown " + (t.className || "") + (t.variant === "transparent" ? " unstyled-dropdown" : "") + (t.variant === "secondary" ? " dropdown-secondary" : ""),
-        onOnShow: o[2] || (o[2] = (l) => e.$emit("onOpen")),
-        onOnHide: o[3] || (o[3] = (l) => e.$emit("onClose")),
-        "onUpdate:isOpen": A,
+        onOnShow: o[2] || (o[2] = (n) => e.$emit("onOpen")),
+        onOnHide: o[3] || (o[3] = (n) => e.$emit("onClose")),
+        "onUpdate:isOpen": V,
         triggerClass: "w-full flex items-center",
         styles: {
           ...t.menuStyles || {},
@@ -217,17 +224,17 @@ const Ve = /* @__PURE__ */ re({
           ...t.variant === "transparent" ? { background: "transparent", border: "none", boxShadow: "none" } : {}
         }
       }, {
-        trigger: m(({ isOpen: l }) => [
-          v(e.$slots, "trigger", z(U({
-            selectedLabel: c(V),
-            selectedIcon: t.showSelectedIcon ? c(W) : void 0,
-            isOpen: l
+        trigger: m(({ isOpen: n }) => [
+          v(e.$slots, "trigger", J(K({
+            selectedLabel: c(j),
+            selectedIcon: t.showSelectedIcon ? c(z) : void 0,
+            isOpen: n
           })), () => [
-            R(Se, {
-              "selected-label": c(V),
-              "selected-icon": t.showSelectedIcon ? c(W) : void 0,
-              "is-open": l,
-              direction: t.direction,
+            q(Ie, {
+              "selected-label": c(j),
+              "selected-icon": t.showSelectedIcon ? c(z) : void 0,
+              "is-open": n,
+              direction: y.value,
               disabled: t.disabled,
               readonly: t.readonly,
               triggerProps: t.triggerProps,
@@ -236,34 +243,34 @@ const Ve = /* @__PURE__ */ re({
           ])
         ]),
         default: m(() => [
-          !(t.disabled || t.readonly) && (k.value.length || f.value.length || e.$slots.menu || e.$slots.item || e.$slots.default || t.remote || t.searchable) ? (N(), j(pe, {
+          !(t.disabled || t.readonly) && (M.value.length || f.value.length || e.$slots.menu || e.$slots.item || e.$slots.default || t.remote || t.searchable) ? (D(), G($e, {
             key: 0,
-            options: k.value,
+            options: M.value,
             cachedOptions: f.value,
-            class: he(t.className),
+            class: Ce(t.className),
             emptyMessage: t.emptyMessage,
             searchEmptyMessage: t.searchEmptyMessage,
-            selected: c(M),
+            selected: c(A),
             selectedIndex: t.selectedIndex,
             maxHeight: t.maxHeight,
-            nestedPosition: K.value,
+            nestedPosition: _.value,
             nestedOffset: t.nestedOffset,
             selectable: t.selectable,
-            direction: t.direction,
+            direction: y.value,
             isCustomSlotMenu: !!e.$slots?.default || !!e.$slots?.menu,
             layout: t.layout,
             columns: t.columns,
-            loading: t.loading || c(ee),
+            loading: t.loading || c(oe),
             hasMore: t.hasMore,
             searchable: t.searchable,
             remote: t.remote,
             debounceTime: t.debounceTime,
             trigger: t.trigger,
-            onSelect: ae,
-            onClose: S,
-            onLoadMore: o[0] || (o[0] = (l) => e.$emit("load-more")),
-            onSearch: o[1] || (o[1] = (l) => e.$emit("search", l))
-          }, ge({ _: 2 }, [
+            onSelect: de,
+            onClose: w,
+            onLoadMore: o[0] || (o[0] = (n) => e.$emit("load-more")),
+            onSearch: o[1] || (o[1] = (n) => e.$emit("search", n))
+          }, Se({ _: 2 }, [
             e.$slots.menu || e.$slots?.default ? {
               name: "menu",
               fn: m(() => [
@@ -274,8 +281,8 @@ const Ve = /* @__PURE__ */ re({
             } : void 0,
             e.$slots.item ? {
               name: "item",
-              fn: m((l) => [
-                v(e.$slots, "item", z(U(l)))
+              fn: m((n) => [
+                v(e.$slots, "item", J(K(n)))
               ]),
               key: "1"
             } : void 0,
@@ -293,24 +300,24 @@ const Ve = /* @__PURE__ */ re({
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "emptyMessage", "searchEmptyMessage", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "isCustomSlotMenu", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime", "trigger"])) : q("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "emptyMessage", "searchEmptyMessage", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "isCustomSlotMenu", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime", "trigger"])) : Q("", !0)
         ]),
         _: 3
       }, 8, ["trigger", "disabled", "teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className", "styles"]),
-      G.value ? (N(), j(we, {
+      Y.value ? (D(), G(ke, {
         key: 0,
-        show: h.value,
-        title: r.value.title,
-        description: r.value.description,
-        "confirm-text": r.value.confirmText,
-        "cancel-text": r.value.cancelText,
-        variant: r.value.variant,
-        onConfirm: ie,
-        onCancel: se
-      }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])) : q("", !0),
-      be("span", {
+        show: g.value,
+        title: d.value.title,
+        description: d.value.description,
+        "confirm-text": d.value.confirmText,
+        "cancel-text": d.value.cancelText,
+        variant: d.value.variant,
+        onConfirm: ue,
+        onCancel: ce
+      }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])) : Q("", !0),
+      we("span", {
         ref_key: "focusTrapAfter",
-        ref: O,
+        ref: k,
         tabindex: "-1",
         class: "outline-none pointer-events-none absolute opacity-0 w-0 h-0",
         "aria-hidden": "true"
@@ -319,5 +326,5 @@ const Ve = /* @__PURE__ */ re({
   }
 });
 export {
-  Ve as default
+  Fe as default
 };

package/components/Dropdown/DropdownTrigger.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as a, openBlock as l, createBlock as d, mergeProps as i } from "vue";
-import n from "../Button.vue.js";
-const s = /* @__PURE__ */ a({
+import { defineComponent as a, openBlock as l, createBlock as d, mergeProps as n } from "vue";
+import i from "../Button.vue.js";
+const c = /* @__PURE__ */ a({
   __name: "DropdownTrigger",
   props: {
     selectedLabel: { default: "" },
@@ -14,7 +14,7 @@ const s = /* @__PURE__ */ a({
     triggerProps: {}
   },
   setup(e) {
-    return (t, o) => (l(), d(n, i({
+    return (t, o) => (l(), d(i, n({
       text: e.selectedLabel || e.placeholder,
       iconRight: e.disabled || e.readonly ? void 0 : "iconamoon:arrow-down-2",
       variant: "outline",
@@ -27,11 +27,11 @@ const s = /* @__PURE__ */ a({
         e.readonly && !e.disabled ? "pointer-events-none justify-start!" : "",
         e.disabled || e.readonly ? "justify-start!" : "justify-between!"
       ]],
-      "icon-right-class": "ml-auto!",
+      "icon-right-class": "ms-auto!",
       "data-testid": t.$attrs["data-testid"] || "dropdown-trigger"
     }), null, 16, ["text", "iconRight", "disabled", "dir", "icon", "class", "data-testid"]));
   }
 });
 export {
-  s as default
+  c as default
 };

package/components/ExportData/ExportData.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as N, computed as k, openBlock as c, createElementBlock as E, createBlock as v, withCtx as w, createElementVNode as u, toDisplayString as g, Fragment as V, renderList as A, createVNode as D } from "vue";
+import { defineComponent as V, computed as k, openBlock as c, createElementBlock as E, createBlock as v, withCtx as w, createElementVNode as u, toDisplayString as g, Fragment as _, renderList as A, createVNode as D } from "vue";
 import b from "../Button.vue.js";
 import I from "../Modal.vue.js";
 import O from "../Icon.vue.js";
 import { showToast as p } from "../../composables/useNotifications.js";
-import { $t as F } from "../../utils/i18n.js";
+import { $t as B } from "../../utils/i18n.js";
 import { resolveModuleRuntime as h } from "../../utils/UtilsModuleInterop.js";
-const R = { class: "px-1 py-1 text-sm" }, L = { class: "font-medium mb-3 text-muted-foreground" }, M = { class: "space-y-3" }, H = /* @__PURE__ */ N({
+const R = { class: "px-1 py-1 text-sm" }, L = { class: "font-medium mb-3 text-muted-foreground" }, M = { class: "space-y-3" }, H = /* @__PURE__ */ V({
   __name: "ExportData",
   props: {
     data: {},
@@ -18,7 +18,7 @@ const R = { class: "px-1 py-1 text-sm" }, L = { class: "font-medium mb-3 text-mu
     mode: { default: "frontend" },
     onExport: {}
   },
-  setup(s, { expose: B }) {
+  setup(s, { expose: F }) {
     const S = async () => {
       const o = await import("xlsx"), e = h(
         o,
@@ -44,19 +44,19 @@ const R = { class: "px-1 py-1 text-sm" }, L = { class: "font-medium mb-3 text-mu
         throw new Error("The file download runtime is unavailable.");
       a(o, e);
     }, n = s, i = (o, e, t) => {
-      const r = t ? F(o, t) : F(o);
+      const r = t ? B(o, t) : B(o);
       return r !== o ? r : e;
-    }, $ = (o, e) => {
+    }, j = (o, e) => {
       if (!(!o || !e))
         return e.includes(".") ? e.split(".").reduce((t, r) => t?.[r], o) : o[e];
     }, y = k(() => [
       { label: "Excel (.xlsx)", value: "excel", icon: "lucide:file-spreadsheet" },
       { label: "CSV (.csv)", value: "csv", icon: "lucide:file-text" },
       { label: "JSON (.json)", value: "json", icon: "lucide:file-json" }
-    ].filter((e) => n.formats.includes(e.value))), j = () => n.data.map((o) => {
+    ].filter((e) => n.formats.includes(e.value))), T = () => n.data.map((o) => {
       const e = {};
       return n.fields.forEach((t) => {
-        const r = $(o, t.field);
+        const r = j(o, t.field);
         t.format ? e[t.title] = t.format(r, o) : e[t.title] = r ?? "";
       }), e;
     }), f = async (o, e) => {
@@ -73,13 +73,13 @@ const R = { class: "px-1 py-1 text-sm" }, L = { class: "font-medium mb-3 text-mu
         return;
       }
       try {
-        const t = n.filename ? n.filename : `${n.title.toLowerCase().replace(/\s+/g, "-")}-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`, r = j();
+        const t = n.filename ? n.filename : `${n.title.toLowerCase().replace(/\s+/g, "-")}-${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}`, r = T();
         switch (o) {
           case "excel": {
             const a = await S(), l = a.utils.book_new(), x = a.utils.json_to_sheet(r);
             a.utils.book_append_sheet(l, x, n.title.substring(0, 31));
-            const d = a.write(l, { bookType: "xlsx", type: "array" }), _ = new Blob([d], { type: "application/octet-stream" });
-            await m(_, `${t}.xlsx`);
+            const d = a.write(l, { bookType: "xlsx", type: "array" }), N = new Blob([d], { type: "application/octet-stream" });
+            await m(N, `${t}.xlsx`);
             break;
           }
           case "csv": {
@@ -102,8 +102,8 @@ const R = { class: "px-1 py-1 text-sm" }, L = { class: "font-medium mb-3 text-mu
       } catch (t) {
         console.error("Export error:", t), p(i("vlite.exportData.error", "An error occurred while exporting data."), "error");
       }
-    }, T = k(() => i("vlite.exportData.selectFormat", "Select Export Format"));
-    return B({
+    }, $ = k(() => i("vlite.exportData.selectFormat", "Select Export Format"));
+    return F({
       exportData: f,
       availableFormats: y
     }), (o, e) => (c(), E("div", null, [
@@ -127,9 +127,9 @@ const R = { class: "px-1 py-1 text-sm" }, L = { class: "font-medium mb-3 text-mu
         ]),
         default: w(({ close: t }) => [
           u("div", R, [
-            u("h6", L, g(T.value), 1),
+            u("h6", L, g($.value), 1),
             u("div", M, [
-              (c(!0), E(V, null, A(y.value, (r) => (c(), v(b, {
+              (c(!0), E(_, null, A(y.value, (r) => (c(), v(b, {
                 key: r.value,
                 variant: "outline",
                 class: "w-full flex items-center justify-start gap-3 h-12",

package/components/FilePicker/FilePickerDropzone.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as F, ref as u, computed as D, openBlock as n, createElementBlock as t, normalizeClass as k, createElementVNode as o, createBlock as s, toDisplayString as d, createTextVNode as T, createCommentVNode as g, Fragment as w, renderList as L, unref as B, createVNode as P } from "vue";
+import { defineComponent as F, ref as u, computed as D, openBlock as n, createElementBlock as i, normalizeClass as k, createElementVNode as o, createBlock as s, toDisplayString as d, createTextVNode as T, createCommentVNode as g, Fragment as w, renderList as B, unref as L, createVNode as P } from "vue";
 import f from "../Icon.vue.js";
 import R from "../Button.vue.js";
 import p from "./FilePreview.vue.js";
@@ -6,10 +6,10 @@ import { isImageFile as C } from "./utils.js";
 const N = ["data-testid"], S = { class: "p-3 bg-muted rounded-full text-muted-foreground" }, V = { class: "space-y-1" }, z = { class: "text-sm font-medium text-foreground" }, A = { class: "text-primary hover:underline" }, M = {
   key: 0,
   class: "text-xs text-muted-foreground"
-}, $ = {
+}, j = {
   key: 1,
   class: "space-y-2"
-}, j = {
+}, E = {
   key: 0,
   class: "flex gap-2 mb-4!"
 }, H = /* @__PURE__ */ F({
@@ -37,14 +37,14 @@ const N = ["data-testid"], S = { class: "p-3 bg-muted rounded-full text-muted-fo
     onDrop: { type: Function }
   },
   setup(e) {
-    const a = e, l = u(!1), y = u(null), b = (i) => {
-      i.preventDefault(), !(a.disabled || a.loading) && (l.value = !0);
-    }, v = (i) => {
-      i.preventDefault(), l.value = !1;
-    }, x = (i) => {
-      i.preventDefault(), l.value = !1, !(a.disabled || a.loading || a.isProcessing) && i.dataTransfer?.files && a.onDrop(i.dataTransfer.files);
+    const a = e, l = u(!1), y = u(null), b = (t) => {
+      t.preventDefault(), !(a.disabled || a.loading) && (l.value = !0);
+    }, v = (t) => {
+      t.preventDefault(), l.value = !1;
+    }, x = (t) => {
+      t.preventDefault(), l.value = !1, !(a.disabled || a.loading || a.isProcessing) && t.dataTransfer?.files && a.onDrop(t.dataTransfer.files);
     }, h = D(() => a.multiSelect ? a.maxFiles ? a.displayFiles.length < a.maxFiles : !0 : !1);
-    return (i, c) => (n(), t("div", {
+    return (t, c) => (n(), i("div", {
       ref_key: "containerRef",
       ref: y,
       class: "relative",
@@ -53,8 +53,8 @@ const N = ["data-testid"], S = { class: "p-3 bg-muted rounded-full text-muted-fo
       onDragleave: v,
       onDrop: x
     }, [
-      e.hasValue ? (n(), t("div", $, [
-        (n(!0), t(w, null, L(e.displayFiles, (r, m) => (n(), s(p, {
+      e.hasValue ? (n(), i("div", j, [
+        (n(!0), i(w, null, B(e.displayFiles, (r, m) => (n(), s(p, {
           key: m,
           file: r,
           index: m,
@@ -66,12 +66,12 @@ const N = ["data-testid"], S = { class: "p-3 bg-muted rounded-full text-muted-fo
           "enter-file-name-label": e.enterFileNameLabel,
           "rename-file-label": e.renameFileLabel,
           "get-preview-src": e.getPreviewSrc,
-          "is-image": B(C),
+          "is-image": L(C),
           "on-remove": e.onRemove,
           "on-rename": e.onRename,
           "on-trigger": e.onTrigger
         }, null, 8, ["file", "index", "allow-rename", "disabled", "loading", "is-processing", "multi-select", "enter-file-name-label", "rename-file-label", "get-preview-src", "is-image", "on-remove", "on-rename", "on-trigger"]))), 128)),
-        h.value ? (n(), t("div", j, [
+        h.value ? (n(), i("div", E, [
           P(R, {
             size: "sm",
             variant: "outline",
@@ -81,7 +81,7 @@ const N = ["data-testid"], S = { class: "p-3 bg-muted rounded-full text-muted-fo
             onClick: e.onTrigger
           }, null, 8, ["text", "disabled", "onClick"])
         ])) : g("", !0)
-      ])) : (n(), t("div", {
+      ])) : (n(), i("div", {
         key: 0,
         class: k(["border-2 bg-body border-dashed border-border rounded-lg p-6 transition-all duration-200 ease-in-out cursor-pointer flex flex-col items-center justify-center text-center gap-2", [
           l.value ? "border-primary bg-primary/5" : "hover:border-primary/50",
@@ -106,7 +106,7 @@ const N = ["data-testid"], S = { class: "p-3 bg-muted rounded-full text-muted-fo
             o("span", A, d(e.displayText), 1),
             T(" " + d(e.dragAndDropLabel), 1)
           ]),
-          e.fileTypes.length ? (n(), t("p", M, d(e.fileTypes.join(", ")), 1)) : g("", !0)
+          e.fileTypes.length ? (n(), i("p", M, d(e.fileTypes.join(", ")), 1)) : g("", !0)
         ])
       ], 2))
     ], 40, N));