vlite3 0.9.6 → 0.9.7

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue2.js";
-/* empty css             */
+import o from "./ColorIro.vue.js";
+/* empty css              */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -6,8 +6,8 @@ import O from "../Input.vue.js";
 import "../../core/config.js";
 /* empty css                            */
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue2.js";
-/* empty css             */
+import E from "./ColorIro.vue.js";
+/* empty css              */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

package/components/DatePicker.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as P, computed as n, openBlock as f, createBlock as v, unref as o, withCtx as r, createElementVNode as V, createVNode as m, renderSlot as k, mergeProps as h } from "vue";
-import b from "./Button.vue.js";
-import w from "./Dropdown/Dropdown.vue.js";
+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 "@iconify/vue";
-import { $t as y } from "../utils/i18n.js";
+import { $t as g } from "../utils/i18n.js";
 /* empty css           */
 /* empty css                           */
-import I, { TimePicker as z } from "v-datepicker-lite";
+import z, { TimePicker as T } from "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
-const S = { class: "overflow-hidden min-w-[300px]" }, E = /* @__PURE__ */ P({
+const $ = { class: "overflow-hidden min-w-[300px]" }, M = /* @__PURE__ */ k({
   __name: "DatePicker",
   props: {
     placeholder: {},
@@ -29,19 +29,25 @@ const S = { class: "overflow-hidden min-w-[300px]" }, E = /* @__PURE__ */ P({
     readonly: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: x }) {
-    const l = e, u = x, a = n({
+  setup(e, { emit: D }) {
+    const l = e, s = D, a = o({
       get: () => l.modelValue ?? l.value,
       set: (t) => {
-        u("update:modelValue", t), u("change", t);
+        s("update:modelValue", t), s("change", t);
       }
-    }), g = (t) => t instanceof Date ? t.getHours() !== 0 || t.getMinutes() !== 0 : typeof t == "string" ? t.includes("T") || /\d{2}:\d{2}/.test(t) : !1, i = n(() => {
+    }), 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(() => {
       if (!a.value) return "";
       if (l.mode === "time") return a.value;
       try {
         const t = new Date(a.value);
         if (isNaN(t.getTime())) return String(a.value);
-        const d = l.mode === "dateTime" && g(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", {
           month: "short",
           day: "numeric",
@@ -51,15 +57,15 @@ const S = { class: "overflow-hidden min-w-[300px]" }, E = /* @__PURE__ */ P({
       } catch {
         return String(a.value);
       }
-    }), s = n(() => {
-      if (l.placeholderI18n) return y(l.placeholderI18n);
+    }), c = o(() => {
+      if (l.placeholderI18n) return g(l.placeholderI18n);
       if (l.placeholder !== void 0) return l.placeholder;
-      const t = y("vlite.datePicker.placeholder");
+      const t = g("vlite.datePicker.placeholder");
       return t !== "vlite.datePicker.placeholder" ? t : "Select date";
-    }), c = (t) => {
+    }), f = (t) => {
       a.value = t;
     };
-    return (t, d) => e.mode !== "time" ? (f(), v(o(w), {
+    return (t, d) => e.mode !== "time" ? (v(), h(r(I), {
       key: 0,
       position: "bottom-start",
       class: "w-full",
@@ -67,13 +73,13 @@ const S = { class: "overflow-hidden min-w-[300px]" }, E = /* @__PURE__ */ P({
       teleport: e.teleport,
       disabled: e.disabled || e.readonly
     }, {
-      trigger: r(() => [
-        k(t.$slots, "default", {
+      trigger: m(() => [
+        V(t.$slots, "default", {
           value: a.value,
-          displayValue: i.value
+          displayValue: n.value
         }, () => [
-          m(b, h({
-            text: i.value || s.value,
+          u(y, b({
+            text: n.value || c.value,
             variant: e.variant || "outline",
             size: e.size || "md",
             icon: e.icon || "lucide:calendar",
@@ -81,9 +87,9 @@ const S = { class: "overflow-hidden min-w-[300px]" }, E = /* @__PURE__ */ P({
           }, e.btnProps, { class: "w-full justify-start text-left font-normal" }), null, 16, ["text", "variant", "size", "icon", "disabled"])
         ])
       ]),
-      default: r(() => [
-        V("div", S, [
-          m(o(I), {
+      default: m(() => [
+        P("div", $, [
+          u(r(z), {
             value: a.value,
             mode: e.mode,
             "min-date": e.minDate,
@@ -94,17 +100,17 @@ const S = { class: "overflow-hidden min-w-[300px]" }, E = /* @__PURE__ */ P({
             "time-format": "12h",
             disabled: e.disabled,
             readonly: e.readonly,
-            onChange: c
+            onChange: f
           }, null, 8, ["value", "mode", "min-date", "max-date", "disabled-dates", "minuteInterval", "disabled", "readonly"])
         ])
       ]),
       _: 3
-    }, 8, ["teleport", "disabled"])) : (f(), v(o(z), {
+    }, 8, ["teleport", "disabled"])) : (v(), h(r(T), {
       key: 1,
       "model-value": a.value,
       "onUpdate:modelValue": [
-        d[0] || (d[0] = (D) => a.value = D),
-        c
+        d[0] || (d[0] = (i) => a.value = i),
+        f
       ],
       mode: e.mode,
       "min-date": e.minDate,
@@ -116,9 +122,9 @@ const S = { class: "overflow-hidden min-w-[300px]" }, E = /* @__PURE__ */ P({
       disabled: e.disabled,
       readonly: e.readonly
     }, {
-      default: r(() => [
-        m(b, h({
-          text: i.value || s.value,
+      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"),
@@ -130,5 +136,5 @@ const S = { class: "overflow-hidden min-w-[300px]" }, E = /* @__PURE__ */ P({
   }
 });
 export {
-  E as default
+  M as default
 };

package/components/DateRangePicker.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, ref as w, watch as L, computed as u, openBlock as d, createBlock as m, unref as h, withCtx as y, createElementVNode as s, createElementBlock as x, Fragment as z, renderList as B, createCommentVNode as E, createVNode as g, normalizeClass as k, toDisplayString as R } from "vue";
+import { defineComponent as V, ref as w, watch as L, computed as u, openBlock as d, createBlock as m, unref as h, withCtx as y, createElementVNode as r, createElementBlock as x, Fragment as z, renderList as B, createCommentVNode as E, createVNode as g, normalizeClass as k, toDisplayString as R } from "vue";
 import T from "./Dropdown/Dropdown.vue.js";
 import f from "./Icon.vue.js";
 import { $t as l } from "../utils/i18n.js";
@@ -26,8 +26,8 @@ const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { cla
     triggerClass: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(r, { emit: M }) {
-    const v = r, b = M, o = w(!1), c = w(0);
+  setup(s, { emit: M }) {
+    const v = s, b = M, o = w(!1), c = w(0);
     L(o, (t) => {
       t && c.value++;
     });
@@ -144,39 +144,39 @@ const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { cla
       isOpen: o.value,
       "onUpdate:isOpen": e[0] || (e[0] = (a) => o.value = a),
       position: "bottom-start",
-      disabled: r.disabled || r.readonly,
+      disabled: s.disabled || s.readonly,
       class: "w-full sm:w-auto inline-block",
       maxHeight: "none"
     }, {
       trigger: y(({ isOpen: a }) => [
         g(P, {
           icon: "lucide:calendar",
-          variant: r.variant || "outline",
-          size: r.size || "md",
-          disabled: r.disabled,
-          class: k(["w-max justify-between text-left font-normal", [r.triggerClass, { "ring-1 ring-ring ring-offset-[1]": a }]])
+          variant: s.variant || "outline",
+          size: s.size || "md",
+          disabled: s.disabled,
+          class: k(["w-max justify-between text-left font-normal", [s.triggerClass, { "ring-1 ring-ring ring-offset-[1]": a }]])
         }, {
           default: y(() => [
-            s("div", $, [
-              s("span", {
+            r("div", $, [
+              r("span", {
                 class: k({ "text-muted-foreground": !n.value.start })
-              }, R(n.value.start ? D(n.value.start) : r.placeholderStart), 3),
+              }, R(n.value.start ? D(n.value.start) : s.placeholderStart), 3),
               g(f, {
                 icon: "lucide:arrow-right",
                 class: "w-4 h-4 text-muted-foreground opacity-60 shrink-0"
               }),
-              s("span", {
+              r("span", {
                 class: k({ "text-muted-foreground": !n.value.end })
-              }, R(n.value.end ? D(n.value.end) : r.placeholderEnd), 3)
+              }, R(n.value.end ? D(n.value.end) : s.placeholderEnd), 3)
             ])
           ]),
           _: 1
         }, 8, ["variant", "size", "disabled", "class"])
       ]),
       menu: y(() => [
-        s("div", j, [
-          r.showQuickRanges ? (d(), x("div", H, [
-            e[1] || (e[1] = s("div", { class: "text-xs pl-2 pb-2 font-semibold text-muted-foreground uppercase tracking-wider" }, " Quick Ranges ", -1)),
+        r("div", j, [
+          s.showQuickRanges ? (d(), x("div", H, [
+            e[1] || (e[1] = r("div", { class: "text-xs pl-2 pb-2 font-semibold text-muted-foreground uppercase tracking-wider" }, " Quick Ranges ", -1)),
             (d(!0), x(z, null, B(N.value, (a) => (d(), m(P, {
               key: a.value,
               text: a.label,
@@ -187,20 +187,21 @@ const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { cla
               onClick: (i) => F(a)
             }, null, 8, ["text", "icon", "onClick"]))), 128))
           ])) : E("", !0),
-          s("div", Q, [
-            s("div", O, [
+          r("div", Q, [
+            r("div", O, [
               (d(), m(h(p), {
                 key: "start-" + c.value,
                 value: n.value.start,
                 onChange: Y,
                 mode: "date",
                 "max-date": S.value,
-                "min-date": r.minDate,
-                disabled: r.disabled,
-                readonly: r.readonly
+                "min-date": s.minDate,
+                disabled: s.disabled,
+                class: "min-w-[270px]",
+                readonly: s.readonly
               }, null, 8, ["value", "max-date", "min-date", "disabled", "readonly"]))
             ]),
-            s("div", I, [
+            r("div", I, [
               g(f, {
                 icon: "lucide:arrow-right",
                 class: "w-5 h-5 text-muted-foreground hidden sm:block opacity-50"
@@ -210,16 +211,17 @@ const $ = { class: "flex items-center justify-between gap-2 w-full" }, j = { cla
                 class: "w-5 h-5 text-muted-foreground sm:hidden opacity-50"
               })
             ]),
-            s("div", U, [
+            r("div", U, [
               (d(), m(h(p), {
                 key: "end-" + c.value,
                 value: n.value.end,
                 onChange: _,
                 mode: "date",
                 "min-date": C.value,
-                "max-date": r.maxDate,
-                disabled: r.disabled,
-                readonly: r.readonly
+                "max-date": s.maxDate,
+                class: "min-w-[270px]",
+                disabled: s.disabled,
+                readonly: s.readonly
               }, null, 8, ["value", "min-date", "max-date", "disabled", "readonly"]))
             ])
           ])

package/components/Dropdown/DropdownBooleanItem.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as r, computed as d, openBlock as l, createElementBlock as u, withModifiers as p, normalizeClass as f, createElementVNode as a, createBlock as g, createCommentVNode as v, toDisplayString as h, createVNode as x } from "vue";
-import y from "../Switch.vue.js";
-import b from "../Icon.vue.js";
+import { defineComponent as r, computed as d, openBlock as a, createElementBlock as u, withModifiers as p, normalizeClass as f, createElementVNode as l, createBlock as g, createCommentVNode as v, toDisplayString as h, createVNode as x } from "vue";
+import b from "../Switch.vue.js";
+import y from "../Icon.vue.js";
 import { $t as k } from "../../utils/i18n.js";
 const w = { class: "flex items-center gap-2 flex-1 min-w-0" }, B = { class: "truncate font-medium" }, N = /* @__PURE__ */ r({
   __name: "DropdownBooleanItem",
@@ -11,26 +11,29 @@ const w = { class: "flex items-center gap-2 flex-1 min-w-0" }, B = { class: "tru
   },
   emits: ["change"],
   setup(e, { emit: c }) {
-    const o = e, s = c, m = d(() => o.option.labelI18n ? k(o.option.labelI18n) : o.option.label), t = (n) => {
+    const o = e, s = c, m = d(
+      () => o.option.labelI18n ? k(o.option.labelI18n) : o.option.label
+    ), t = (n) => {
       s("change", n, o.option);
     };
-    return (n, i) => (l(), u("div", {
+    return (n, i) => (a(), u("div", {
+      tabindex: "0",
       "data-dropdown-item": "",
       class: f(["relative flex cursor-pointer select-none items-center justify-between rounded-sm px-2 py-1.5 text-sm outline-none transition-colors", [
         e.focused ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground"
       ]]),
       onClick: i[0] || (i[0] = p((j) => t(!e.value), ["stop"]))
     }, [
-      a("div", w, [
-        e.option.icon || e.option.emoji ? (l(), g(b, {
+      l("div", w, [
+        e.option.icon || e.option.emoji ? (a(), g(y, {
           key: 0,
           icon: e.option.icon,
           emoji: e.option.emoji,
           class: "h-4 w-4 shrink-0 opacity-70"
         }, null, 8, ["icon", "emoji"])) : v("", !0),
-        a("span", B, h(m.value), 1)
+        l("span", B, h(m.value), 1)
       ]),
-      x(y, {
+      x(b, {
         "model-value": e.value,
         class: "ml-3 shrink-0 scale-75 origin-right",
         "onUpdate:modelValue": t

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,7 +1,7 @@
 import o from "./DropdownMenu.vue2.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-adc57063"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c4c5d9e4"]]);
 export {
-  m as default
+  e as default
 };

package/components/Dropdown/DropdownMenu.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as ee, ref as B, computed as v, watch as C, onMounted as te, onBeforeUnmount as le, openBlock as o, createElementBlock as i, createVNode as j, createCommentVNode as d, renderSlot as b, unref as r, normalizeStyle as se, normalizeClass as T, toDisplayString as E, createBlock as m, Fragment as N, renderList as oe, withCtx as P, createElementVNode as S, createSlots as ne, mergeProps as re, nextTick as ae } from "vue";
+import { defineComponent as ee, ref as C, computed as v, watch as j, onMounted as te, onBeforeUnmount as le, openBlock as o, createElementBlock as i, createVNode as T, createCommentVNode as d, renderSlot as b, unref as r, normalizeStyle as se, normalizeClass as E, toDisplayString as N, createBlock as m, Fragment as P, renderList as oe, withCtx as V, createElementVNode as S, createSlots as ne, mergeProps as re, nextTick as ae } from "vue";
 import O from "../Icon.vue.js";
 import ie from "../Input.vue.js";
 /* empty css            */
@@ -7,7 +7,7 @@ import de from "./DropdownBooleanItem.vue.js";
 import ue from "./DropdownGroupedLayout.vue.js";
 import { useDropdownNavigation as fe } from "./composables/useDropdownNavigation.js";
 import { useDropdownIds as me } from "./composables/useDropdownIds.js";
-import { $t as $ } from "../../utils/i18n.js";
+import { $t as _ } from "../../utils/i18n.js";
 import he from "./Dropdown.vue.js";
 const ve = ["dir"], ye = {
   key: 0,
@@ -15,19 +15,19 @@ const ve = ["dir"], ye = {
 }, ge = {
   key: 1,
   class: "shrink-0"
-}, be = {
+}, be = ["tabindex"], ke = {
   key: 0,
   class: "px-2 py-6 text-center text-sm text-muted-foreground"
-}, ke = {
+}, we = {
   key: 0,
   class: "h-px bg-border my-1 mx-1"
-}, we = ["onMouseenter"], pe = { class: "flex items-center flex-1 min-w-0" }, xe = { class: "truncate" }, Se = {
+}, xe = ["onMouseenter"], pe = { class: "flex items-center flex-1 min-w-0" }, Se = { class: "truncate" }, Oe = {
   key: 3,
   class: "flex justify-center py-2"
-}, Oe = {
+}, _e = {
   key: 3,
   class: "shrink-0"
-}, Ve = /* @__PURE__ */ ee({
+}, De = /* @__PURE__ */ ee({
   __name: "DropdownMenu",
   props: {
     options: { default: () => [] },
@@ -49,16 +49,16 @@ const ve = ["dir"], ye = {
     direction: { default: "ltr" }
   },
   emits: ["select", "close", "load-more", "search"],
-  setup(a, { emit: V }) {
-    const t = a, f = V, _ = B(null), h = B(""), { getMenuId: D, getAllRecursiveIds: z } = me(), H = v(() => {
-      const e = $("vlite.dropdown.empty");
+  setup(a, { emit: D }) {
+    const t = a, f = D, $ = C(null), h = C(""), { getMenuId: z, getAllRecursiveIds: H } = me(), L = v(() => {
+      const e = _("vlite.dropdown.empty");
       return e !== "vlite.dropdown.empty" ? e : "No options found";
-    }), L = v(() => {
-      const e = $("vlite.dropdown.search");
+    }), R = v(() => {
+      const e = _("vlite.dropdown.search");
       return e !== "vlite.dropdown.search" ? e : "Search...";
-    }), u = v(() => t.options ? t.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), R = v(() => t.remote ? t.searchable : t.searchable && (u.value.length || 0) > 9);
+    }), u = v(() => t.options ? t.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), I = v(() => t.remote ? t.searchable : t.searchable && (u.value.length || 0) > 9);
     let k = null;
-    C(h, (e) => {
+    j(h, (e) => {
       t.remote && (k && clearTimeout(k), k = setTimeout(() => {
         e !== void 0 && f("search", e);
       }, t.debounceTime));
@@ -70,16 +70,16 @@ const ve = ["dir"], ye = {
       e.disabled || f("select", e);
     }, {
       focusedIndex: y,
-      isKeyboardMode: p,
+      isKeyboardMode: x,
       filteredOptions: F,
-      handleKeyDown: I,
-      handleMouseMove: M,
-      onMouseEnterItem: x,
+      handleKeyDown: M,
+      handleMouseMove: B,
+      onMouseEnterItem: p,
       scrollToIndex: K
     } = fe({
       options: u,
       searchQuery: h,
-      containerRef: _,
+      containerRef: $,
       emit: (e, ...s) => f(e, ...s),
       handleSelect: (e, s) => w(e)
     }), g = v(() => t.remote ? h.value ? u.value : t.cachedOptions.length ? t.cachedOptions : u.value : F.value), U = (e) => {
@@ -113,26 +113,26 @@ const ve = ["dir"], ye = {
       let e = -1;
       t.layout !== "grouped" && (t.selectedIndex !== null && t.selectedIndex >= 0 ? e = t.selectedIndex : t.selected !== void 0 && typeof t.selected != "object" && (e = u.value.findIndex((s) => s.value === t.selected)), e !== -1 && K(e));
     };
-    C(
+    j(
       () => g.value,
       () => {
         y.value = -1;
       }
     ), te(() => {
-      W(), window.addEventListener("keydown", I);
+      W(), window.addEventListener("keydown", M);
     }), le(() => {
-      window.removeEventListener("keydown", I);
+      window.removeEventListener("keydown", M);
     });
-    const X = (e) => e.labelI18n ? $(e.labelI18n) : e.label, Y = (e) => e.showChevron !== !1;
+    const X = (e) => e.labelI18n ? _(e.labelI18n) : e.label, Y = (e) => e.showChevron !== !1;
     return (e, s) => (o(), i("div", {
       class: "dropdown-menu w-full min-w-[150px] flex flex-col",
       dir: a.direction
     }, [
-      R.value ? (o(), i("div", ye, [
-        j(ie, {
+      I.value ? (o(), i("div", ye, [
+        T(ie, {
           modelValue: h.value,
           "onUpdate:modelValue": s[0] || (s[0] = (l) => h.value = l),
-          placeholder: L.value,
+          placeholder: R.value,
           icon: "lucide:search",
           size: "sm",
           class: "font-medium!",
@@ -148,19 +148,19 @@ const ve = ["dir"], ye = {
       u.value.length > 0 || e.$slots.menu ? (o(), i("div", {
         key: 2,
         ref_key: "containerRef",
-        ref: _,
-        tabindex: "0",
+        ref: $,
+        tabindex: I.value ? -1 : 0,
         role: "menu",
-        class: T([
+        class: E([
           "w-full p-1 space-y-0.5 overflow-y-auto overflow-x-hidden focus:outline-none flex-1 scrollbar-thin",
           t.class
         ]),
         style: se({ maxHeight: t.maxHeight }),
         onMousemove: s[1] || (s[1] = //@ts-ignore
-        (...l) => r(M) && r(M)(...l)),
+        (...l) => r(B) && r(B)(...l)),
         onScroll: A
       }, [
-        g.value.length === 0 && u.value.length > 0 && !a.loading ? (o(), i("div", be, E(H.value), 1)) : d("", !0),
+        g.value.length === 0 && u.value.length > 0 && !a.loading ? (o(), i("div", ke, N(L.value), 1)) : d("", !0),
         a.layout === "grouped" ? (o(), m(ue, {
           key: 1,
           options: g.value,
@@ -168,14 +168,14 @@ const ve = ["dir"], ye = {
           selectable: a.selectable,
           columns: a.columns,
           onSelect: w
-        }, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), i(N, { key: 2 }, oe(g.value, (l, n) => (o(), i(N, { key: n }, [
-          l.label === "---" ? (o(), i("div", ke)) : l.data?.isBoolean ? (o(), m(de, {
+        }, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), i(P, { key: 2 }, oe(g.value, (l, n) => (o(), i(P, { key: n }, [
+          l.label === "---" ? (o(), i("div", we)) : l.data?.isBoolean ? (o(), m(de, {
             key: 1,
             option: l,
             value: G(l),
-            focused: r(p) && r(y) === n,
+            focused: r(x) && r(y) === n,
             onChange: J,
-            onMouseenter: (c) => r(x)(n)
+            onMouseenter: (c) => r(p)(n)
           }, null, 8, ["option", "value", "focused", "onMouseenter"])) : l.children && l.children.length > 0 ? (o(), m(he, {
             key: 2,
             "is-nested": !0,
@@ -184,24 +184,24 @@ const ve = ["dir"], ye = {
             class: "w-full",
             options: l.children,
             selected: U(l),
-            menuId: r(D)(l),
+            menuId: r(z)(l),
             nestedPosition: t.nestedPosition,
             nestedOffset: t.nestedOffset,
             selectable: t.selectable,
-            ignoreClickOutside: r(z)(l.children),
+            ignoreClickOutside: r(H)(l.children),
             direction: a.direction,
             onOnSelect: (c) => Q(l, c)
           }, {
-            trigger: P(() => [
+            trigger: V(() => [
               S("div", {
                 tabindex: 0,
                 "data-dropdown-item": "",
-                class: T(["relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none transition-colors justify-between w-full focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-offset-1", [
-                  r(p) && r(y) === n ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
+                class: E(["relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none transition-colors justify-between w-full focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-offset-1", [
+                  r(x) && r(y) === n ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
                   l.disabled ? "opacity-50 cursor-not-allowed" : "",
                   l.triggerClass || l.class || ""
                 ]]),
-                onMouseenter: (c) => r(x)(n)
+                onMouseenter: (c) => r(p)(n)
               }, [
                 S("div", pe, [
                   l.icon || l.emoji ? (o(), m(O, {
@@ -210,14 +210,14 @@ const ve = ["dir"], ye = {
                     emoji: l.emoji,
                     class: "mr-2 h-4 w-4 shrink-0 mt-0.5"
                   }, null, 8, ["icon", "emoji"])) : d("", !0),
-                  S("span", xe, E(X(l)), 1)
+                  S("span", Se, N(X(l)), 1)
                 ]),
                 Y(l) ? (o(), m(O, {
                   key: 0,
                   icon: a.direction === "rtl" ? "lucide:chevron-left" : "lucide:chevron-right",
                   class: "h-4 w-4 text-muted-foreground shrink-0 ml-2"
                 }, null, 8, ["icon"])) : d("", !0)
-              ], 42, we)
+              ], 42, xe)
             ]),
             _: 2
           }, 1032, ["position", "offset", "options", "selected", "menuId", "nestedPosition", "nestedOffset", "selectable", "ignoreClickOutside", "direction", "onOnSelect"])) : (o(), m(ce, {
@@ -225,34 +225,34 @@ const ve = ["dir"], ye = {
             option: l,
             index: n,
             selected: q(l),
-            focused: r(p) && r(y) === n,
+            focused: r(x) && r(y) === n,
             selectable: a.selectable,
             onClick: (c) => w(l),
-            onMouseenter: (c) => r(x)(n)
+            onMouseenter: (c) => r(p)(n)
           }, ne({ _: 2 }, [
             e.$slots.item ? {
               name: "default",
-              fn: P((c) => [
+              fn: V((c) => [
                 b(e.$slots, "item", re({ ref_for: !0 }, c), void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["option", "index", "selected", "focused", "selectable", "onClick", "onMouseenter"]))
         ], 64))), 128)),
-        a.loading ? (o(), i("div", Se, [
-          j(O, {
+        a.loading ? (o(), i("div", Oe, [
+          T(O, {
             icon: "lucide:loader-2",
             class: "w-4 h-4 animate-spin text-muted-foreground"
           })
         ])) : d("", !0),
         b(e.$slots, "menu", {}, void 0, !0)
-      ], 38)) : d("", !0),
-      e.$slots.footer ? (o(), i("div", Oe, [
+      ], 46, be)) : d("", !0),
+      e.$slots.footer ? (o(), i("div", _e, [
         b(e.$slots, "footer", {}, void 0, !0)
       ])) : d("", !0)
     ], 8, ve));
   }
 });
 export {
-  Ve as default
+  De as default
 };

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

@@ -1,6 +1,7 @@
 import { IForm } from './types';
 import { InputVariant, InputSize, InputRounded } from '../../types';
 interface Props {
+    name?: string;
     modelValue?: Record<string, any>[];
     schema: IForm[];
     headers?: string[];
@@ -18,6 +19,8 @@ interface Props {
     showRowNumbers?: boolean;
     /** All form values for context */
     values?: Record<string, any>;
+    /** Form Validation errors passed down */
+    errors?: Record<string, string>;
     isUpdate?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -38,5 +41,6 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     minRows: number;
     addButtonText: string;
     showRowNumbers: boolean;
+    errors: Record<string, string>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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 r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-90c3a6e8"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3674ca13"]]);
 export {
-  r as default
+  s as default
 };