vlite3 0.9.2 → 0.9.4

package/components/Alert.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as V, ref as B, computed as t, useSlots as N, openBlock as a, createElementBlock as i, normalizeClass as r, renderSlot as p, createBlock as S, createCommentVNode as o, createElementVNode as v, toDisplayString as m, createTextVNode as T, createVNode as j } from "vue";
-import f from "./Icon.vue.js";
-import { $t as y } from "../utils/i18n.js";
+import { defineComponent as V, ref as B, computed as t, useSlots as N, openBlock as r, createElementBlock as i, normalizeClass as l, renderSlot as p, createBlock as S, createCommentVNode as a, createElementVNode as v, toDisplayString as f, createTextVNode as T, createVNode as j } from "vue";
+import b from "./Icon.vue.js";
+import { $t as m } from "../utils/i18n.js";
 const D = ["role"], E = {
   key: 1,
   class: "text-sm opacity-90 [&_p]:leading-relaxed"
@@ -18,67 +18,69 @@ const D = ["role"], E = {
     class: { default: "" }
   },
   emits: ["close"],
-  setup(s, { emit: b }) {
-    const e = s, k = b, u = B(!0), x = () => {
-      u.value = !1, k("close");
-    }, d = t(() => e.titleI18n ? y(e.titleI18n) : e.title), c = t(() => e.descriptionI18n ? y(e.descriptionI18n) : e.description), h = t(() => ({
-      primary: "bg-primary-light text-primary border-primary/15",
-      success: "bg-success-light text-success-dark border-success/25",
-      warning: "bg-warning-light text-warning-dark border-warning/20",
-      danger: "bg-danger-light text-danger-dark border-danger/15"
+  setup(s, { emit: y }) {
+    const e = s, x = y, u = B(!0), h = () => {
+      u.value = !1, x("close");
+    }, d = t(() => e.titleI18n ? m(e.titleI18n) : e.title), c = t(
+      () => e.descriptionI18n ? m(e.descriptionI18n) : e.description
+    ), k = t(() => ({
+      danger: "bg-danger-subtle text-danger-subtle-fg border-danger-subtle-border/20",
+      primary: "bg-primary-light text-primary-light-fg border-primary/10",
+      success: "bg-success-subtle text-success-subtle-fg border-success-subtle-border/20",
+      warning: "bg-warning-subtle text-warning-subtle-fg border-warning-subtle-border/20"
     })[e.variant]), w = t(() => ({
-      primary: "text-primary!",
-      success: "text-success-dark!",
-      warning: "text-warning-dark!",
-      danger: "text-danger-dark!"
-    })[e.variant]), l = t(() => !c.value && !N().default), C = t(() => [
+      primary: "text-primary-light-fg!",
+      success: "text-success-subtle-fg!",
+      warning: "text-warning-subtle-fg!",
+      danger: "text-danger-subtle-fg!"
+    })[e.variant]), o = t(() => !c.value && !N().default), C = t(() => [
       "relative w-full rounded-lg border px-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:text-foreground",
-      l.value ? "py-3" : "pt-4 pb-2",
-      l.value ? "[&>svg]:top-1/2 [&>svg]:-translate-y-1/2" : "[&>svg]:top-4 top-4 [&>svg+div]:translate-y-[-3px]",
-      h.value,
+      o.value ? "py-3" : "pt-4 pb-2",
+      o.value ? "[&>svg]:top-1/2 [&>svg]:-translate-y-1/2" : "[&>svg]:top-4 top-4 [&>svg+div]:translate-y-[-3px]",
+      k.value,
       e.class
     ].join(" ")), I = t(() => [
       "font-medium leading-none tracking-tight text-inherit!",
-      l.value ? "" : "mb-1"
+      o.value ? "" : "mb-1"
     ].join(" ")), $ = t(() => e.role ? e.role : ["danger", "warning"].includes(e.variant) ? "alert" : "status");
-    return (n, g) => u.value ? (a(), i("div", {
+    return (n, g) => u.value ? (r(), i("div", {
       key: 0,
-      class: r(C.value),
+      class: l(C.value),
       role: $.value
     }, [
       p(n.$slots, "icon", {}, () => [
-        s.icon ? (a(), S(f, {
+        s.icon ? (r(), S(b, {
           key: 0,
           icon: s.icon,
-          class: r(["h-4 w-4", w.value])
-        }, null, 8, ["icon", "class"])) : o("", !0)
+          class: l(["h-4 w-4", w.value])
+        }, null, 8, ["icon", "class"])) : a("", !0)
       ]),
       v("div", {
-        class: r({ "pl-7": s.icon || n.$slots.icon, "pr-6": s.closable })
+        class: l({ "pl-7": s.icon || n.$slots.icon, "pr-6": s.closable })
       }, [
-        d.value ? (a(), i("h5", {
+        d.value ? (r(), i("h5", {
           key: 0,
-          class: r(I.value)
-        }, m(d.value), 3)) : o("", !0),
-        c.value || n.$slots.default ? (a(), i("div", E, [
+          class: l(I.value)
+        }, f(d.value), 3)) : a("", !0),
+        c.value || n.$slots.default ? (r(), i("div", E, [
           p(n.$slots, "default", {}, () => [
-            T(m(c.value), 1)
+            T(f(c.value), 1)
           ])
-        ])) : o("", !0)
+        ])) : a("", !0)
       ], 2),
-      s.closable ? (a(), i("button", {
+      s.closable ? (r(), i("button", {
         key: 0,
         type: "button",
-        onClick: x,
-        class: r(["absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", [l.value ? "top-1/2 -translate-y-1/2" : "top-4"]])
+        onClick: h,
+        class: l(["absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", [o.value ? "top-1/2 -translate-y-1/2" : "top-4"]])
       }, [
-        j(f, {
+        j(b, {
           icon: "lucide:x",
           class: "h-4 w-4"
         }),
         g[0] || (g[0] = v("span", { class: "sr-only" }, "Close", -1))
-      ], 2)) : o("", !0)
-    ], 10, D)) : o("", !0);
+      ], 2)) : a("", !0)
+    ], 10, D)) : a("", !0);
   }
 });
 export {

package/components/Carousel/Carousel.vue.d.ts

@@ -352,7 +352,7 @@ declare function __VLS_template(): {
             };
         }>> & Readonly<{
             "onSlide-change"?: ((index: number) => any) | undefined;
-        }>, "focus" | "state" | "direction" | "goNext" | "draggable" | "easing" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+        }>, "focus" | "state" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
             goToSlide: (index: number, smooth?: boolean) => void;
             goNext: (smooth?: boolean) => void;
             goPrev: (smooth?: boolean) => void;
@@ -778,7 +778,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         };
     }>> & Readonly<{
         "onSlide-change"?: ((index: number) => any) | undefined;
-    }>, "focus" | "state" | "direction" | "goNext" | "draggable" | "easing" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
+    }>, "focus" | "state" | "direction" | "draggable" | "easing" | "goNext" | "gap" | "pagination" | "paginationSize" | "paginationVisibility" | "paginationHoverInitialTimeout" | "paginationHoverEdgeThreshold" | "autoPlay" | "autoPlayInterval" | "itemsToShow" | "speed" | "mousewheel" | "loop" | "currentItem" | "bufferSize" | "maxDomElements" | "goToSlide" | "goPrev" | "autoFocus" | "wheelOptions" | "canGoNext" | "canGoPrev"> & import('vue').ShallowUnwrapRef<{
         goToSlide: (index: number, smooth?: boolean) => void;
         goNext: (smooth?: boolean) => void;
         goPrev: (smooth?: boolean) => void;

package/components/Carousel/Carousel.vue.js

@@ -1,7 +1,7 @@
 import o from "./Carousel.vue2.js";
 /* empty css              */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4034dab4"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e8fba320"]]);
 export {
-  p as default
+  f as default
 };

package/components/Carousel/Carousel.vue2.js

@@ -6,7 +6,7 @@ const w = { class: "carousel-wrapper" }, V = /* @__PURE__ */ g({
   props: {
     data: { default: () => [] },
     pagination: { type: [String, Array, Boolean], default: "dots" },
-    paginationSize: { default: "md" },
+    paginationSize: { default: "sm" },
     paginationPosition: { default: "bottom-center" },
     paginationVisibility: {},
     paginationHoverInitialTimeout: {},

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.vue.js";
+import ee from "./CommandPaletteItem.vue2.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/60 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.vue.js → CommandPaletteItem.vue2.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/DataTable/DataTable.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as pe, inject as ye, computed as r, ref as y, watch as g, openBlock as i, createElementBlock as m, createBlock as F, normalizeClass as T, createSlots as K, withCtx as D, renderSlot as x, createVNode as $, createCommentVNode as z, createElementVNode as f, Fragment as A, renderList as B, normalizeStyle as Y, isMemoSame as W, mergeProps as X, unref as q } from "vue";
+import { defineComponent as pe, inject as ye, computed as r, ref as y, watch as g, openBlock as i, createElementBlock as m, createBlock as F, normalizeClass as T, createSlots as K, withCtx as D, renderSlot as x, createVNode as $, createCommentVNode as A, createElementVNode as f, Fragment as N, renderList as B, normalizeStyle as Y, isMemoSame as W, mergeProps as X, unref as q } from "vue";
 import we from "../CheckBox.vue.js";
 import Pe from "../Button.vue.js";
 import Se from "../ConfirmationModal.vue.js";
@@ -69,7 +69,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
           if (n in e[0]) return n;
       }
       return "_id";
-    }, Q = (e) => e.sortKey || e.field, a = o, b = G, N = ye(xe, null), j = r(() => N?.disableSearch ? !1 : a.showSearch), E = r(() => !a.hideSelectable || !!N?.forceSelectable), d = r(() => J(a.rows, a.keyField)), u = y({ field: "", order: "" }), P = y(
+    }, Q = (e) => e.sortKey || e.field, a = o, b = G, E = ye(xe, null), j = r(() => E?.disableSearch ? !1 : a.showSearch), R = r(() => E ? E.forceSelectable : !a.hideSelectable), d = r(() => J(a.rows, a.keyField)), u = y({ field: "", order: "" }), P = y(
       a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10
     ), h = y(a.pageInfo?.currentPage || 1), p = y(a.search || ""), S = y(!1), Z = r(() => a.loading);
     g(
@@ -81,7 +81,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
     let V = null;
     g(p, () => {
       V && clearTimeout(V), V = setTimeout(() => {
-        h.value = 1, R();
+        h.value = 1, z();
       }, 300);
     }), g(
       () => a.pageInfo?.itemsPerPage,
@@ -134,16 +134,16 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
       }), b("update:selectedRows", t);
     }, le = (e) => {
       const t = a.headers.find((n) => n.field === e), l = t ? Q(t) : e;
-      u.value.field === l ? u.value.order === "asc" ? u.value.order = "desc" : u.value.order === "desc" ? (u.value.order = "", u.value.field = "") : u.value.order = "asc" : (u.value.field = l, u.value.order = "asc"), h.value = 1, R();
+      u.value.field === l ? u.value.order === "asc" ? u.value.order = "desc" : u.value.order === "desc" ? (u.value.order = "", u.value.field = "") : u.value.order = "asc" : (u.value.field = l, u.value.order = "asc"), h.value = 1, z();
     }, ae = (e) => {
-      h.value = e, R();
+      h.value = e, z();
     }, oe = (e) => {
-      P.value = e, h.value = 1, b("update:itemsPerPage", e), R();
+      P.value = e, h.value = 1, b("update:itemsPerPage", e), z();
     }, se = (e) => b("rowClick", e), ne = () => {
       b("delete", _.value), S.value = !1;
     };
     let U = null;
-    const R = () => {
+    const z = () => {
       U && clearTimeout(U), U = setTimeout(() => {
         const e = {
           pagination: { page: h.value, limit: P.value },
@@ -151,7 +151,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
           search: p.value,
           filter: {}
         };
-        b("change", e), N?.onTableChange?.(e);
+        b("change", e), E?.onTableChange?.(e);
       }, 10);
     };
     g(
@@ -222,7 +222,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
           ]),
           key: "2"
         } : void 0
-      ]), 1032, ["modelValue", "show-search", "placeholder", "placeholderI18n", "class", "search-class"])) : z("", !0),
+      ]), 1032, ["modelValue", "show-search", "placeholder", "placeholderI18n", "class", "search-class"])) : A("", !0),
       f("div", {
         class: T(re.value)
       }, [
@@ -237,7 +237,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
               ])
             }, [
               f("tr", Ee, [
-                E.value ? (i(), m("th", Re, [
+                R.value ? (i(), m("th", Re, [
                   f("div", ze, [
                     $(we, {
                       "model-value": M.value,
@@ -246,8 +246,8 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
                       "onUpdate:modelValue": ee
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
-                ])) : z("", !0),
-                (i(!0), m(A, null, B(o.headers, (l) => (i(), F(Ie, {
+                ])) : A("", !0),
+                (i(!0), m(N, null, B(o.headers, (l) => (i(), F(Ie, {
                   key: l.field,
                   header: l,
                   "sort-config": u.value,
@@ -260,19 +260,19 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
               ])
             ], 2),
             f("tbody", Ae, [
-              Z.value ? (i(!0), m(A, { key: 0 }, B(Math.min(P.value, 15), (l, n, ge, v) => {
+              Z.value ? (i(!0), m(N, { key: 0 }, B(Math.min(P.value, 15), (l, n, ge, v) => {
                 const k = [];
                 if (v && v.key === "skeleton-" + l && W(v, k)) return v;
                 const C = (i(), m("tr", {
                   key: "skeleton-" + l,
                   class: "border-b border-border/70 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
                 }, [
-                  E.value ? (i(), m("td", Ne, [...t[8] || (t[8] = [
+                  R.value ? (i(), m("td", Ne, [...t[8] || (t[8] = [
                     f("div", { class: "flex items-center justify-center" }, [
                       f("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                     ], -1)
-                  ])])) : z("", !0),
-                  (i(!0), m(A, null, B(o.headers, (I) => (i(), m("td", {
+                  ])])) : A("", !0),
+                  (i(!0), m(N, null, B(o.headers, (I) => (i(), m("td", {
                     key: I.field,
                     class: T(["p-5! align-middle last:pr-6!", [I.hideOnMobile ? "hidden md:table-cell" : ""]])
                   }, [
@@ -283,7 +283,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
                   ], 2))), 128))
                 ]));
                 return C.memo = k, C;
-              }, t, 2), 128)) : o.rows.length > 0 ? (i(!0), m(A, { key: 1 }, B(o.rows, (l, n, ge, v) => {
+              }, t, 2), 128)) : o.rows.length > 0 ? (i(!0), m(N, { key: 1 }, B(o.rows, (l, n, ge, v) => {
                 const k = [
                   l,
                   s.value.has(c(l, d.value)),
@@ -298,7 +298,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
                   headers: o.headers,
                   index: n,
                   "key-field": d.value,
-                  selectable: E.value,
+                  selectable: R.value,
                   "is-selected": s.value.has(c(l, d.value)),
                   hoverable: o.hoverable,
                   striped: o.striped,
@@ -317,7 +317,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
                 return C.memo = k, C;
               }, t, 4), 128)) : (i(), m("tr", Ve, [
                 f("td", {
-                  colspan: E.value ? o.headers.length + 1 : o.headers.length,
+                  colspan: R.value ? o.headers.length + 1 : o.headers.length,
                   class: "align-middle hover:bg-transparent"
                 }, [
                   x(e.$slots, "empty", {}, () => [
@@ -351,7 +351,7 @@ const $e = { class: "space-y-6.5" }, Be = { class: "overflow-x-auto w-full" }, E
           onChange: ae,
           "onUpdate:itemsPerPage": oe
         }), null, 16, ["current-page", "total-pages", "total-items"])
-      ])) : z("", !0),
+      ])) : A("", !0),
       $(Se, {
         show: S.value,
         "onUpdate:show": t[6] || (t[6] = (l) => S.value = l),

package/components/DataTable/DataTableRow.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as C, computed as S, openBlock as s, createElementBlock as d, normalizeClass as u, withModifiers as B, createElementVNode as M, createVNode as p, createCommentVNode as N, Fragment as V, renderList as z, renderSlot as F, createBlock as m } from "vue";
 import L from "../CheckBox.vue.js";
 import $ from "../Price/Price.vue.js";
-import T from "../Date/Date.vue.js";
+import T from "../DateTime/DateTime.vue.js";
 const E = ["data-state"], H = { class: "flex items-center justify-center" }, I = ["title", "innerHTML"], j = /* @__PURE__ */ C({
   __name: "DataTableRow",
   props: {

package/components/DateTime/DateTime.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as D, computed as n, openBlock as _, createElementBlock as g, toDisplayString as h } from "vue";
+import s from "dayjs";
+import { useVLiteConfig as y } from "../../core/config.js";
+const V = /* @__PURE__ */ D({
+  __name: "DateTime",
+  props: {
+    value: {},
+    format: {}
+  },
+  setup(m) {
+    const t = m, i = y(), c = n(() => t.format || i?.components?.datetime?.format || "MM/DD/YYYY"), f = n(() => {
+      if (!t.value) return "--";
+      if (typeof t.value == "string") {
+        const e = t.value.trim();
+        if (/^([01]?\d|2[0-3]):([0-5]\d)(:([0-5]\d))?$/.test(e)) {
+          const r = e.split(":"), u = r[0].padStart(2, "0"), l = r[1], p = r[2] || "00", d = `1970-01-01T${u}:${l}:${p}`, a = s(d);
+          if (a.isValid()) {
+            const v = t.format || "h:mm A";
+            return a.format(v);
+          }
+        }
+      }
+      const o = s(t.value);
+      return o.isValid() ? o.format(c.value) : String(t.value);
+    });
+    return (o, e) => (_(), g("span", null, h(f.value), 1));
+  }
+});
+export {
+  V as default
+};

package/components/DateTime/DateTime.vue2.js

@@ -0,0 +1,4 @@
+import f from "./DateTime.vue.js";
+export {
+  f as default
+};

package/components/DateTime/index.d.ts

@@ -0,0 +1 @@
+export { default as DateTime } from './DateTime.vue';

package/components/Dropdown/Dropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as le, ref as i, computed as c, inject as ne, onMounted as oe, onUnmounted as ae, watch as P, provide as ie, reactive as se, toRefs as re, openBlock as x, createElementBlock as V, normalizeStyle as de, createVNode as M, unref as g, withCtx as f, renderSlot as m, createCommentVNode as R, createBlock as ue, normalizeClass as ce, createSlots as fe, normalizeProps as z, guardReactiveProps as E } from "vue";
+import { defineComponent as ne, ref as i, computed as c, inject as oe, onMounted as ae, onUnmounted as ie, watch as P, provide as V, reactive as se, toRefs as re, openBlock as x, createElementBlock as R, normalizeStyle as de, createVNode as M, unref as g, withCtx as f, renderSlot as m, createCommentVNode as z, createBlock as ue, normalizeClass as ce, createSlots as fe, normalizeProps as E, guardReactiveProps as j } from "vue";
 import me from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
 import ve from "./DropdownMenu.vue.js";
@@ -10,7 +10,7 @@ import { useDropdownHydration as be } from "./composables/useDropdownHydration.j
 const Ce = {
   key: 0,
   tabindex: "0"
-}, Me = /* @__PURE__ */ le({
+}, Me = /* @__PURE__ */ ne({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -50,21 +50,21 @@ const Ce = {
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(l, { emit: j }) {
-    const o = l, v = j, y = i(!1), h = i(null), r = i({
+  setup(l, { emit: U }) {
+    const o = l, v = U, y = i(!1), h = i(null), r = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), U = c(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), q = c(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), b = i(o.isOpen || !1), C = i(0), F = `dropdown-${Math.random().toString(36).substring(2, 9)}`, $ = c(() => o.menuId || F), p = i([]), s = ne("dropdown-context", null), G = (e) => {
+    }), q = c(() => o.position ? o.position : o.direction === "rtl" ? "bottom-end" : "bottom-start"), F = c(() => o.nestedPosition ? o.nestedPosition : o.direction === "rtl" ? "left-start" : "right-start"), b = i(o.isOpen || !1), C = i(0), G = `dropdown-${Math.random().toString(36).substring(2, 9)}`, $ = c(() => o.menuId || G), p = i([]), s = oe("dropdown-context", null), J = (e) => {
       p.value.includes(e) || p.value.push(e), s?.registerChildId?.(e);
-    }, J = (e) => {
+    }, K = (e) => {
       p.value = p.value.filter((n) => n !== e), s?.unregisterChildId?.(e);
     };
-    oe(() => {
+    ae(() => {
       s?.registerChildId && s.registerChildId(`#${$.value}`);
-    }), ae(() => {
+    }), ie(() => {
       s?.unregisterChildId && s.unregisterChildId(`#${$.value}`);
     }), P(
       () => o.isOpen,
@@ -83,17 +83,17 @@ const Ce = {
       b.value = e, v("update:isOpen", e), v(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
     }, O = () => {
       N(!1);
-    }, K = (e) => {
+    }, Q = (e) => {
       e ? C.value++ : C.value = Math.max(0, C.value - 1);
     };
-    ie("dropdown-context", {
+    V("dropdown-context", {
       close: O,
       onChildToggle: (e) => {
-        K(e), s?.onChildToggle?.(e);
+        Q(e), s?.onChildToggle?.(e);
       },
-      registerChildId: G,
-      unregisterChildId: J
-    });
+      registerChildId: J,
+      unregisterChildId: K
+    }), V("modal-context", null);
     const w = c(() => o.options ? o.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), S = i([]), A = i(!1), k = i(!1);
     P(
       w,
@@ -118,18 +118,18 @@ const Ce = {
       return I.value.forEach((t, d) => {
         n.has(d) || (e.unshift(t), n.add(d));
       }), e;
-    }), { selectedBuffer: I, isHydrating: Q, hydrateSelected: H } = be({
+    }), { selectedBuffer: I, isHydrating: W, hydrateSelected: H } = be({
       fetchSelected: o.fetchSelected,
       getAvailableOptions: () => u.value,
       isReady: () => k.value
-    }), { getAllRecursiveIds: W } = ge(), X = se({
+    }), { getAllRecursiveIds: X } = ge(), Y = se({
       ...re(o),
       options: u
-    }), { currentValue: T, selectedLabel: D, selectOption: Y } = ye(
-      X,
+    }), { currentValue: T, selectedLabel: D, selectOption: Z } = ye(
+      Y,
       v
-    ), Z = c(() => {
-      const e = o.ignoreClickOutside || [], n = W(u.value);
+    ), _ = c(() => {
+      const e = o.ignoreClickOutside || [], n = X(u.value);
       return [.../* @__PURE__ */ new Set([...e, ...n, ...p.value])];
     });
     P(
@@ -139,7 +139,7 @@ const Ce = {
       },
       { deep: !0 }
     );
-    const _ = (e) => {
+    const ee = (e) => {
       if (o.disabled || e.disabled) return;
       o.doubleConfirmation || !!e.confirmation ? (h.value = e, typeof e.confirmation == "object" ? r.value = {
         title: e.confirmation.title || "Confirm Selection",
@@ -158,7 +158,7 @@ const Ce = {
       if (o.disabled || e.disabled) return;
       const n = e.value ?? e.label;
       I.value.has(n) || I.value.set(n, e);
-      const t = Y(e);
+      const t = Z(e);
       if (!o.isNested) {
         const d = e._originalOption || e, a = d.value ?? d.label;
         (e._path || [d]).forEach((B) => {
@@ -170,12 +170,12 @@ const Ce = {
           });
         });
       }
-    }, ee = () => {
-      h.value && (L(h.value), h.value = null, y.value = !1);
     }, te = () => {
+      h.value && (L(h.value), h.value = null, y.value = !1);
+    }, le = () => {
       h.value = null, y.value = !1;
     };
-    return (e, n) => (x(), V("div", {
+    return (e, n) => (x(), R("div", {
       class: "relative inline-block text-left",
       style: de({ direction: l.direction })
     }, [
@@ -185,11 +185,11 @@ const Ce = {
         arrow: !1,
         teleport: l.teleport,
         offset: l.offset,
-        placement: U.value,
+        placement: q.value,
         isOpen: b.value,
         keepAlive: C.value > 0,
         menuId: $.value,
-        ignoreClickOutside: Z.value,
+        ignoreClickOutside: _.value,
         class: "w-full",
         className: "dropdown " + (l.className || ""),
         onOnShow: n[2] || (n[2] = (t) => e.$emit("onOpen")),
@@ -199,7 +199,7 @@ const Ce = {
         styles: { padding: "0" }
       }, {
         trigger: f(({ isOpen: t }) => [
-          m(e.$slots, "trigger", z(E({ selectedLabel: g(D), isOpen: t })), () => [
+          m(e.$slots, "trigger", E(j({ selectedLabel: g(D), isOpen: t })), () => [
             M(he, {
               "selected-label": g(D),
               "is-open": t,
@@ -211,9 +211,9 @@ const Ce = {
           ])
         ]),
         default: f(() => [
-          e.$slots?.default ? (x(), V("span", Ce, [
+          e.$slots?.default ? (x(), R("span", Ce, [
             m(e.$slots, "default")
-          ])) : R("", !0),
+          ])) : z("", !0),
           !l.disabled && (w.value.length || u.value.length || e.$slots.menu || e.$slots.item || l.remote || l.searchable) ? (x(), ue(ve, {
             key: 1,
             options: w.value,
@@ -222,18 +222,18 @@ const Ce = {
             selected: g(T),
             selectedIndex: l.selectedIndex,
             maxHeight: l.maxHeight,
-            nestedPosition: q.value,
+            nestedPosition: F.value,
             nestedOffset: l.nestedOffset,
             selectable: l.selectable,
             direction: l.direction,
             layout: l.layout,
             columns: l.columns,
-            loading: l.loading || g(Q),
+            loading: l.loading || g(W),
             hasMore: l.hasMore,
             searchable: l.searchable,
             remote: l.remote,
             debounceTime: l.debounceTime,
-            onSelect: _,
+            onSelect: ee,
             onClose: O,
             onLoadMore: n[0] || (n[0] = (t) => e.$emit("load-more")),
             onSearch: n[1] || (n[1] = (t) => e.$emit("search", t))
@@ -248,7 +248,7 @@ const Ce = {
             e.$slots.item ? {
               name: "item",
               fn: f((t) => [
-                m(e.$slots, "item", z(E(t)))
+                m(e.$slots, "item", E(j(t)))
               ]),
               key: "1"
             } : void 0,
@@ -266,7 +266,7 @@ const Ce = {
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : R("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : z("", !0)
         ]),
         _: 3
       }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className"]),
@@ -277,8 +277,8 @@ const Ce = {
         "confirm-text": r.value.confirmText,
         "cancel-text": r.value.cancelText,
         variant: r.value.variant,
-        onConfirm: ee,
-        onCancel: te
+        onConfirm: te,
+        onCancel: le
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])
     ], 4));
   }

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

@@ -8,6 +8,7 @@ interface Props {
     size?: InputSize;
     rounded?: InputRounded;
     disabled?: boolean;
+    draggable?: boolean;
     minRows?: number;
     maxRows?: number;
     addButtonText?: string;
@@ -33,6 +34,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     isUpdate: boolean;
     modelValue: Record<string, any>[];
     headers: string[];
+    draggable: boolean;
     minRows: number;
     addButtonText: string;
     showRowNumbers: boolean;

package/components/Form/CustomFields.vue.js

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