vlite3 1.3.2 → 1.3.4

package/components/FileTree/FileTreeNode.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as O, computed as a, resolveComponent as j, openBlock as s, createElementBlock as d, createElementVNode as c, normalizeClass as k, normalizeStyle as b, withModifiers as $, createVNode as B, createCommentVNode as v, createBlock as g, Fragment as K, renderList as C, toDisplayString as M, isMemoSame as U } from "vue";
-import m from "../Icon.vue.js";
-import A from "../CheckBox.vue.js";
-import { $t as G } from "../../utils/i18n.js";
-const H = { class: "flex flex-col select-none" }, J = ["title"], R = {
+import { defineComponent as U, computed as a, resolveComponent as A, openBlock as s, createElementBlock as d, createElementVNode as c, normalizeClass as m, normalizeStyle as y, createCommentVNode as u, withModifiers as C, createVNode as E, createBlock as f, Fragment as K, renderList as M, toDisplayString as L, renderSlot as I, isMemoSame as G, createSlots as H, withCtx as J, mergeProps as R } from "vue";
+import x from "../Icon.vue.js";
+import W from "../CheckBox.vue.js";
+import { $t as X } from "../../utils/i18n.js";
+const Y = { class: "flex flex-col select-none" }, Z = ["title"], p = {
   key: 1,
   class: "w-6 mr-1"
-}, W = { class: "mr-2 text-muted-foreground shrink-0" }, X = { class: "flex-1 truncate text-sm font-medium" }, Y = { class: "mr-2 text-gray-400 select-none shrink-0" }, Z = { class: "truncate" }, _ = {
+}, _ = { class: "mr-2 text-muted-foreground shrink-0" }, ee = { class: "flex-1 truncate text-sm font-medium" }, te = { class: "mr-2 text-gray-400 select-none shrink-0" }, ne = { class: "truncate" }, le = {
   key: 0,
   class: "relative flex flex-col"
-}, oe = /* @__PURE__ */ O({
+}, ae = /* @__PURE__ */ U({
   name: "FileTreeNode",
   __name: "FileTreeNode",
   props: {
@@ -21,144 +21,160 @@ const H = { class: "flex flex-col select-none" }, J = ["title"], R = {
     loadingKeys: {},
     showCheckboxes: { type: Boolean, default: !1 },
     highlightSearch: { type: Boolean, default: !1 },
-    searchQuery: {}
+    searchQuery: {},
+    variant: { default: "default" }
   },
   emits: ["toggle-expand", "toggle-select", "click-node"],
-  setup(e, { emit: E }) {
-    const n = e, y = E, w = a(() => n.selectedKeys.has(n.node.id)), I = a(() => n.indeterminateKeys.has(n.node.id)), x = a(() => n.expandedKeys.has(n.node.id)), L = a(() => n.loadingKeys.has(n.node.id)), h = a(
-      () => n.node.isFolder || n.node.children && n.node.children.length > 0
-    ), Q = a(() => n.depth * 20 + "px"), S = a(() => n.node.labelI18n ? G(n.node.labelI18n) : n.node.label), P = a(() => {
-      const t = S.value, l = 35;
-      if (t.length <= l) return t;
+  setup(e, { emit: P }) {
+    const l = e, v = P, w = a(() => l.selectedKeys.has(l.node.id)), Q = a(() => l.indeterminateKeys.has(l.node.id)), k = a(() => l.expandedKeys.has(l.node.id)), S = a(() => l.loadingKeys.has(l.node.id)), g = a(
+      () => l.node.isFolder || l.node.children && l.node.children.length > 0
+    ), q = a(() => l.depth * 20 + "px"), $ = a(() => l.node.labelI18n ? X(l.node.labelI18n) : l.node.label), z = a(() => {
+      const t = $.value, n = 35;
+      if (t.length <= n) return t;
       const o = t.lastIndexOf(".");
       if (o === -1 || t.length - o > 10)
-        return t.substring(0, l) + "...";
-      const i = t.substring(o), r = t.substring(0, o), N = Math.max(0, l - i.length - 3);
-      return r.substring(0, N) + "..." + i;
-    }), q = a(() => {
-      const t = P.value;
-      if (!n.highlightSearch || !n.searchQuery)
+        return t.substring(0, n) + "...";
+      const i = t.substring(o), h = t.substring(0, o), F = Math.max(0, n - i.length - 3);
+      return h.substring(0, F) + "..." + i;
+    }), V = a(() => {
+      const t = z.value;
+      if (!l.highlightSearch || !l.searchQuery)
         return [{ text: t, highlight: !1 }];
-      const l = n.searchQuery.toLowerCase(), o = t.toLowerCase().indexOf(l);
+      const n = l.searchQuery.toLowerCase(), o = t.toLowerCase().indexOf(n);
       return o === -1 ? [{ text: t, highlight: !1 }] : [
         { text: t.slice(0, o), highlight: !1 },
         {
-          text: t.slice(o, o + l.length),
+          text: t.slice(o, o + n.length),
           highlight: !0
         },
-        { text: t.slice(o + l.length), highlight: !1 }
+        { text: t.slice(o + n.length), highlight: !1 }
       ];
-    }), z = a(() => {
-      const t = n.node.searchMatch;
+    }), D = a(() => {
+      const t = l.node.searchMatch;
       if (!t) return [];
-      const l = t.line_content, o = t.match_start, i = t.match_length;
-      return o < 0 || o >= l.length ? [{ text: l, highlight: !1 }] : [
-        { text: l.substring(0, o), highlight: !1 },
-        { text: l.substring(o, o + i), highlight: !0 },
-        { text: l.substring(o + i), highlight: !1 }
+      const n = t.line_content, o = t.match_start, i = t.match_length;
+      return o < 0 || o >= n.length ? [{ text: n, highlight: !1 }] : [
+        { text: n.substring(0, o), highlight: !1 },
+        { text: n.substring(o, o + i), highlight: !0 },
+        { text: n.substring(o + i), highlight: !1 }
       ];
-    }), p = (t) => {
-      t && t.stopPropagation(), y("toggle-expand", n.node);
-    }, V = () => {
-      y("toggle-select", n.node);
-    }, D = (t) => {
-      t.stopPropagation(), h.value ? p() : n.selectionMode !== "none" && y("toggle-select", n.node), y("click-node", n.node);
+    }), N = (t) => {
+      t && t.stopPropagation(), v("toggle-expand", l.node);
+    }, O = () => {
+      v("toggle-select", l.node);
+    }, j = (t) => {
+      t.stopPropagation(), g.value ? N() : l.selectionMode !== "none" && v("toggle-select", l.node), v("click-node", l.node);
     };
-    return (t, l) => {
-      const o = j("FileTreeNode", !0);
-      return s(), d("div", H, [
+    return (t, n) => {
+      const o = A("FileTreeNode", !0);
+      return s(), d("div", Y, [
         c("div", {
-          class: k(["group flex flex-col rounded-md transition-colors cursor-pointer", {
+          class: m(["group flex flex-col transition-colors cursor-pointer relative", {
             "bg-accent/50 text-accent-foreground": w.value && e.selectionMode === "single" && !e.showCheckboxes,
             "hover:bg-accent/50": !w.value || e.selectionMode !== "single",
-            "opacity-50 pointer-events-none": e.node.disabled
+            "opacity-50 pointer-events-none": e.node.disabled,
+            "rounded-none": e.variant === "bordered",
+            "rounded-md": e.variant === "default"
           }]),
-          onClick: D,
-          title: S.value
+          onClick: j,
+          title: $.value
         }, [
+          e.variant === "bordered" ? (s(), d("div", {
+            key: 0,
+            class: "absolute bottom-0 right-0 h-[1px] bg-border pointer-events-none",
+            style: y({ left: e.depth * 20 + "px" })
+          }, null, 4)) : u("", !0),
           c("div", {
-            class: "flex items-center py-1 pr-2 min-h-[32px]",
-            style: b({ paddingLeft: Q.value })
+            class: m(["flex items-center pr-2", e.variant === "bordered" ? "py-2 min-h-[40px]" : "py-1 min-h-[32px]"]),
+            style: y({ paddingLeft: q.value })
           }, [
-            h.value ? (s(), d("button", {
+            g.value ? (s(), d("button", {
               key: 0,
               type: "button",
-              class: k(["p-1 mr-1 rounded-sm hover:bg-muted text-muted-foreground transition-transform duration-200 focus:outline-none", { "rotate-90": x.value }]),
-              onClick: $(p, ["stop"])
+              class: m(["p-1 mr-1 rounded-sm hover:bg-muted text-muted-foreground transition-transform duration-200 focus:outline-none", { "rotate-90": k.value }]),
+              onClick: C(N, ["stop"])
             }, [
-              B(m, {
+              E(x, {
                 icon: "lucide:chevron-right",
                 class: "w-4 h-4"
               })
-            ], 2)) : (s(), d("div", R)),
+            ], 2)) : (s(), d("div", p)),
             e.showCheckboxes && e.selectionMode !== "none" ? (s(), d("div", {
               key: 2,
               class: "mr-2 flex items-center justify-center bg-transparent",
-              onClick: l[0] || (l[0] = $(() => {
+              onClick: n[0] || (n[0] = C(() => {
               }, ["stop"]))
             }, [
-              B(A, {
+              E(W, {
                 checked: w.value,
-                indeterminate: I.value,
+                indeterminate: Q.value,
                 disabled: e.node.disabled,
-                "onUpdate:checked": V,
+                "onUpdate:checked": O,
                 rounded: "sm",
                 size: "sm"
               }, null, 8, ["checked", "indeterminate", "disabled"])
-            ])) : v("", !0),
-            c("div", W, [
-              L.value ? (s(), g(m, {
+            ])) : u("", !0),
+            c("div", _, [
+              S.value ? (s(), f(x, {
                 key: 0,
                 icon: "lucide:loader-2",
                 class: "w-4 h-4 animate-spin"
-              })) : e.node.icon ? (s(), g(m, {
+              })) : e.node.icon ? (s(), f(x, {
                 key: 1,
                 icon: e.node.icon,
                 class: "w-4 h-4"
-              }, null, 8, ["icon"])) : h.value ? (s(), g(m, {
+              }, null, 8, ["icon"])) : g.value ? (s(), f(x, {
                 key: 2,
-                icon: x.value ? "lucide:folder-open" : "lucide:folder",
+                icon: k.value ? "lucide:folder-open" : "lucide:folder",
                 class: "w-4 h-4"
-              }, null, 8, ["icon"])) : (s(), g(m, {
+              }, null, 8, ["icon"])) : (s(), f(x, {
                 key: 3,
                 icon: "lucide:file",
                 class: "w-4 h-4"
               }))
             ]),
-            c("div", X, [
-              (s(!0), d(K, null, C(q.value, (i, r) => (s(), d("span", {
-                key: r,
-                class: k({
+            c("div", ee, [
+              (s(!0), d(K, null, M(V.value, (i, h) => (s(), d("span", {
+                key: h,
+                class: m({
                   "bg-yellow-100 text-yellow-900 rounded-sm px-0.5": i.highlight
                 })
-              }, M(i.text), 3))), 128))
-            ])
-          ], 4),
+              }, L(i.text), 3))), 128))
+            ]),
+            t.$slots.actions ? (s(), d("div", {
+              key: 3,
+              class: "ml-2 flex items-center shrink-0",
+              onClick: n[1] || (n[1] = C(() => {
+              }, ["stop"]))
+            }, [
+              I(t.$slots, "actions", { node: e.node })
+            ])) : u("", !0)
+          ], 6),
           e.node.searchMatch ? (s(), d("div", {
-            key: 0,
+            key: 1,
             class: "flex items-center text-[11px] text-gray-500 font-mono pr-2 pb-1.5 truncate",
-            style: b({ paddingLeft: e.depth * 20 + 28 + "px" })
+            style: y({ paddingLeft: e.depth * 20 + 28 + "px" })
           }, [
-            c("span", Y, "L" + M(e.node.searchMatch.line_number), 1),
-            c("div", Z, [
-              (s(!0), d(K, null, C(z.value, (i, r) => (s(), d("span", {
-                key: r,
-                class: k({
+            c("span", te, "L" + L(e.node.searchMatch.line_number), 1),
+            c("div", ne, [
+              (s(!0), d(K, null, M(D.value, (i, h) => (s(), d("span", {
+                key: h,
+                class: m({
                   "bg-yellow-500/20 text-gray-900 px-0.5 rounded-[1px] font-medium border border-yellow-600/30": i.highlight
                 })
-              }, M(i.text), 3))), 128))
+              }, L(i.text), 3))), 128))
             ])
-          ], 4)) : v("", !0)
-        ], 10, J),
-        x.value && h.value && !L.value ? (s(), d("div", _, [
+          ], 4)) : u("", !0)
+        ], 10, Z),
+        k.value && g.value && !S.value ? (s(), d("div", le, [
           c("div", {
             class: "absolute top-1 bottom-1 border-l border-border",
-            style: b({ left: e.depth * 20 + 10 + "px" })
+            style: y({ left: e.depth * 20 + 10 + "px" })
           }, null, 4),
-          e.node.children && e.node.children.length > 0 ? (s(!0), d(K, { key: 0 }, C(e.node.children, (i, r, N, f) => {
-            const F = [i, e.selectedKeys, e.expandedKeys, e.indeterminateKeys, e.loadingKeys, e.highlightSearch, e.searchQuery];
-            if (f && f.key === i.id && U(f, F)) return f;
-            const T = (s(), g(o, {
+          e.node.children && e.node.children.length > 0 ? (s(!0), d(K, { key: 0 }, M(e.node.children, (i, h, F, b) => {
+            const T = [i, e.selectedKeys, e.expandedKeys, e.indeterminateKeys, e.loadingKeys, e.highlightSearch, e.searchQuery, e.showCheckboxes, e.variant, !!t.$slots.actions];
+            if (b && b.key === i.id && G(b, T)) return b;
+            const B = (s(), f(o, {
               key: i.id,
               node: i,
               depth: e.depth + 1,
@@ -170,21 +186,30 @@ const H = { class: "flex flex-col select-none" }, J = ["title"], R = {
               "show-checkboxes": e.showCheckboxes,
               "highlight-search": e.highlightSearch,
               "search-query": e.searchQuery,
-              onToggleExpand: l[1] || (l[1] = (u) => t.$emit("toggle-expand", u)),
-              onToggleSelect: l[2] || (l[2] = (u) => t.$emit("toggle-select", u)),
-              onClickNode: l[3] || (l[3] = (u) => t.$emit("click-node", u))
-            }, null, 8, ["node", "depth", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query"]));
-            return T.memo = F, T;
-          }, l, 4), 128)) : x.value && h.value && (!e.node.children || e.node.children.length === 0) ? (s(), d("div", {
+              variant: e.variant,
+              onToggleExpand: n[2] || (n[2] = (r) => t.$emit("toggle-expand", r)),
+              onToggleSelect: n[3] || (n[3] = (r) => t.$emit("toggle-select", r)),
+              onClickNode: n[4] || (n[4] = (r) => t.$emit("click-node", r))
+            }, H({ _: 2 }, [
+              t.$slots.actions ? {
+                name: "actions",
+                fn: J((r) => [
+                  I(t.$slots, "actions", R({ ref_for: !0 }, r))
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["node", "depth", "selection-mode", "selected-keys", "expanded-keys", "indeterminate-keys", "loading-keys", "show-checkboxes", "highlight-search", "search-query", "variant"]));
+            return B.memo = T, B;
+          }, n, 5), 128)) : k.value && g.value && (!e.node.children || e.node.children.length === 0) ? (s(), d("div", {
             key: 1,
             class: "py-0.5 text-xs text-muted-foreground italic",
-            style: b({ paddingLeft: (e.depth + 1) * 20 + 26 + "px" })
-          }, null, 4)) : v("", !0)
-        ])) : v("", !0)
+            style: y({ paddingLeft: (e.depth + 1) * 20 + 26 + "px" })
+          }, null, 4)) : u("", !0)
+        ])) : u("", !0)
       ]);
     };
   }
 });
 export {
-  oe as default
+  ae as default
 };

package/components/FileTree/types.d.ts

@@ -18,6 +18,7 @@ export interface FileNode {
     searchMatch?: SearchMatch;
 }
 export type FileTreeSelectionMode = 'single' | 'multiple' | 'none';
+export type FileTreeVariant = 'default' | 'bordered';
 export interface FileTreeProps {
     modelValue?: string[];
     data?: FileNode[];
@@ -30,6 +31,7 @@ export interface FileTreeProps {
     class?: string;
     emptyText?: string;
     emptyTextI18n?: string;
+    variant?: FileTreeVariant;
 }
 export interface FileTreeEvents {
     (e: 'update:modelValue', keys: string[]): void;

package/components/Form/FormField.vue.js

@@ -19,7 +19,7 @@ import te from "../ColorPicker/ColorPicker.vue.js";
 import ne from "../IconPicker.vue.js";
 import re from "./CustomFields.vue.js";
 import de from "../ChoiceBox/ChoiceBox.vue.js";
-const Pe = /* @__PURE__ */ H({
+const Le = /* @__PURE__ */ H({
   __name: "FormField",
   props: {
     field: {},
@@ -159,7 +159,7 @@ const Pe = /* @__PURE__ */ H({
           class: e.field.className
         };
       if (a === "switch") {
-        const { variant: r, size: oe, rounded: se, error: ue, switchVariant: fe, ...E } = t;
+        const { variant: r, rounded: oe, error: se, switchVariant: ue, ...E } = t;
         return {
           ...E,
           modelValue: !!e.value,
@@ -168,7 +168,8 @@ const Pe = /* @__PURE__ */ H({
           description: e.field.props?.description,
           descriptionI18n: e.field.props?.descriptionI18n,
           // Default to 'card' inside forms unless explicitly overridden via field.props.switchVariant
-          variant: e.field.props?.switchVariant ?? "card"
+          variant: e.field.props?.switchVariant ?? "card",
+          size: e.size
         };
       }
       if (a === "check")
@@ -480,5 +481,5 @@ const Pe = /* @__PURE__ */ H({
   }
 });
 export {
-  Pe as default
+  Le as default
 };

package/components/Form/FormFields.vue.js

@@ -1,7 +1,7 @@
 import o from "./FormFields.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-54cb90d4"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-14e67e92"]]);
 export {
-  s as default
+  p as default
 };

package/components/Form/FormFields.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as y, Fragment as p, renderList as W, withMemo as X, unref as d, createBlock as b, withCtx as D, resolveDynamicComponent as B, createTextVNode as V, toDisplayString as F, createCommentVNode as i, createElementVNode as Y, createVNode as Z, markRaw as _ } from "vue";
-import { isComponent as m, getNestedValue as w, resolveFieldType as ee } from "./utils/form.utils.js";
+import { defineComponent as J, computed as K, ref as Q, openBlock as o, createElementBlock as u, normalizeClass as y, Fragment as p, renderList as W, withMemo as X, unref as d, createBlock as b, withCtx as D, resolveDynamicComponent as B, createTextVNode as A, toDisplayString as k, createCommentVNode as i, createElementVNode as Y, createVNode as Z, markRaw as _ } from "vue";
+import { isComponent as m, getNestedValue as V, resolveFieldType as ee } from "./utils/form.utils.js";
 import q from "../Label.vue.js";
 import te from "./FormField.vue.js";
 import { $t as ne } from "../../utils/i18n.js";
@@ -15,7 +15,7 @@ const ae = {
 }, ce = {
   key: 2,
   class: "mt-1 -text-fs-2.5 text-destructive"
-}, he = /* @__PURE__ */ J({
+}, ve = /* @__PURE__ */ J({
   __name: "FormFields",
   props: {
     schema: {},
@@ -35,43 +35,43 @@ const ae = {
   },
   emits: ["change", "addonAction"],
   setup(a, { emit: $ }) {
-    const s = a, k = $, f = K(() => {
-      if (s.className) return s.className;
-    }), r = (t) => ee(t, {
-      values: s.values,
-      globalValues: s.values,
-      isUpdate: s.isUpdate
-    }), E = (t) => {
-      if (!s.excludeTypes || s.excludeTypes.length === 0) return !0;
-      const n = r(t);
-      return !n || !s.excludeTypes.includes(n);
-    }, x = (t) => w(s.values, t.name), v = (t) => s.errors[t.name] || "", I = (t) => s.isFieldVisible ? s.isFieldVisible(t) : !0, C = (t) => s.isFieldDisabled ? s.isFieldDisabled(t) : t.disabled === !0, N = (t) => s.isFieldReadonly ? s.isFieldReadonly(t) : t.readonly === !0, c = (t) => t.labelI18n ? ne(t.labelI18n) : t.label, R = (t) => {
+    const r = a, F = $, E = K(() => {
+      if (r.className) return r.className;
+    }), s = (t) => ee(t, {
+      values: r.values,
+      globalValues: r.values,
+      isUpdate: r.isUpdate
+    }), I = (t) => {
+      if (!r.excludeTypes || r.excludeTypes.length === 0) return !0;
+      const n = s(t);
+      return !n || !r.excludeTypes.includes(n);
+    }, x = (t) => V(r.values, t.name), h = (t) => r.errors[t.name] || "", f = (t) => r.isFieldVisible ? r.isFieldVisible(t) : !0, C = (t) => r.isFieldDisabled ? r.isFieldDisabled(t) : t.disabled === !0, N = (t) => r.isFieldReadonly ? r.isFieldReadonly(t) : t.readonly === !0, c = (t) => t.labelI18n ? ne(t.labelI18n) : t.label, R = (t) => {
       if (t)
         return m(t) ? _(t) : t;
     }, j = (t, n) => {
-      k("change", t.name, n);
+      F("change", t.name, n);
     }, P = (t) => t.itemClass || "", S = (t, n) => {
-      k("change", t, n);
+      F("change", t, n);
     }, H = (t) => {
-      k("addonAction", t);
-    }, h = (t) => t && typeof t == "object" && t.name ? t.name : null, g = Q({}), M = (t) => {
+      F("addonAction", t);
+    }, v = (t) => t && typeof t == "object" && t.name ? t.name : null, g = Q({}), M = (t) => {
       g.value[t] = !0;
     }, O = (t) => {
       g.value[t] = !1;
     }, L = (t) => {
-      const n = x(t), e = r(t);
+      const n = x(t), e = s(t);
       let l = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
       const z = typeof n == "number" && !isNaN(n);
       return e === "dateRangePicker" && n && typeof n == "object" && (l = !!(n.startDate || n.endDate || n.start || n.end)), T(t) || e === "number" ? g.value[t.name] || l || z : l || z;
     }, T = (t) => {
-      const n = r(t) || "text";
+      const n = s(t) || "text";
       return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(n);
     }, G = (t) => {
-      const n = r(t);
+      const n = s(t);
       return n === "number" ? (t.props?.variant ?? "split") === "split" ? "left-4" : "left-3" : n === "date" || n === "time" || n === "color" || n === "dateRangePicker" ? "left-10" : "left-3";
-    }, A = (t) => {
-      if (s.variant !== "floating") return !1;
-      const n = r(t) || "text";
+    }, w = (t) => {
+      if (r.variant !== "floating") return !1;
+      const n = s(t) || "text";
       return ![
         "switch",
         "check",
@@ -87,15 +87,15 @@ const ae = {
         return n;
     };
     return (t, n) => (o(), u("div", {
-      class: y(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", f.value])
+      class: y(["grid", a.variant === "floating" ? "gap-5 mt-1" : "gap-4", E.value])
     }, [
       (o(!0), u(p, null, W(a.schema, (e) => (o(), u(p, {
         key: e.name
       }, [
-        I(e) && E(e) ? X([
+        f(e) && I(e) ? X([
           e,
           x(e),
-          v(e),
+          h(e),
           C(e),
           N(e),
           g.value[e.name],
@@ -105,15 +105,15 @@ const ae = {
           a.isUpdate,
           a.showRequiredAsterisk,
           a.fieldLoading[e.name],
-          r(e),
-          d(m)(r(e)) || r(e) === "customFields" ? a.values : null,
-          h(e.addonLeft) ? d(w)(a.values, h(e.addonLeft)) : null,
-          h(e.addonRight) ? d(w)(a.values, h(e.addonRight)) : null
+          s(e),
+          d(m)(s(e)) || s(e) === "customFields" ? a.values : null,
+          v(e.addonLeft) ? d(V)(a.values, v(e.addonLeft)) : null,
+          v(e.addonRight) ? d(V)(a.values, v(e.addonRight)) : null
         ], () => (o(), u("div", {
           key: 0,
           class: y(["max-md:col-span-full! form-field-item", P(e)])
         }, [
-          c(e) && r(e) !== "switch" && r(e) !== "check" && r(e) !== "customFields" && r(e) !== "choiceBox" && !A(e) ? (o(), b(q, {
+          c(e) && s(e) !== "switch" && s(e) !== "check" && s(e) !== "customFields" && s(e) !== "choiceBox" && !w(e) ? (o(), b(q, {
             key: 0,
             size: "md",
             for: e.name,
@@ -121,21 +121,21 @@ const ae = {
           }, {
             default: D(() => [
               d(m)(c(e)) ? (o(), b(B(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
-                V(F(c(e)) + " ", 1),
+                A(k(c(e)) + " ", 1),
                 e.required && a.showRequiredAsterisk ? (o(), u("span", ae, "*")) : i("", !0)
               ], 64))
             ]),
             _: 2
           }, 1032, ["for"])) : i("", !0),
           Y("div", {
-            class: y([
-              "relative",
-              r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? "w-auto" : "w-full"
-            ]),
+            class: y(["relative", [
+              s(e) === "check" || s(e) === "switch" && e.props?.switchVariant === "basic" ? "w-auto" : "w-full",
+              s(e) === "switch" || s(e) === "check" ? "mt-auto" : ""
+            ]]),
             onFocusin: (l) => M(e.name),
             onFocusout: (l) => O(e.name)
           }, [
-            A(e) && U(e) && !T(e) ? (o(), u("label", {
+            w(e) && U(e) && !T(e) ? (o(), u("label", {
               key: 0,
               for: e.name,
               class: y([
@@ -144,12 +144,12 @@ const ae = {
               ])
             }, [
               d(m)(c(e)) ? (o(), b(B(R(c(e))), { key: 0 })) : (o(), u(p, { key: 1 }, [
-                V(F(c(e)) + " ", 1),
+                A(k(c(e)) + " ", 1),
                 e.required ? (o(), u("span", oe, "*")) : i("", !0)
               ], 64))
             ], 10, re)) : i("", !0),
             Z(te, {
-              field: s.variant === "floating" ? {
+              field: r.variant === "floating" ? {
                 ...e,
                 placeholder: void 0,
                 placeholderI18n: void 0,
@@ -157,7 +157,7 @@ const ae = {
               } : { ...e, props: { ...e.props || {}, id: e.name } },
               value: x(e),
               floatingActive: L(e),
-              label: r(e) === "customFields" ? void 0 : A(e) ? U(e) : void 0,
+              label: s(e) === "customFields" ? void 0 : w(e) ? U(e) : void 0,
               values: a.values,
               errors: a.errors,
               variant: a.variant,
@@ -165,7 +165,7 @@ const ae = {
               rounded: a.rounded,
               disabled: C(e),
               readonly: N(e),
-              error: v(e),
+              error: h(e),
               isUpdate: a.isUpdate,
               loading: a.fieldLoading[e.name],
               onChange: (l) => j(e, l),
@@ -173,23 +173,23 @@ const ae = {
               onAddonAction: H
             }, null, 8, ["field", "value", "floatingActive", "label", "values", "errors", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "loading", "onChange"])
           ], 42, se),
-          r(e) === "check" || r(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), b(q, {
+          s(e) === "check" || s(e) === "switch" && e.props?.switchVariant === "basic" ? (o(), b(q, {
             key: 1,
             for: e.name,
             class: "ml-2 text-sm font-medium cursor-pointer"
           }, {
             default: D(() => [
-              V(F(c(e)) + " ", 1),
+              A(k(c(e)) + " ", 1),
               e.required ? (o(), u("span", ue, "*")) : i("", !0)
             ]),
             _: 2
           }, 1032, ["for"])) : i("", !0),
-          v(e) ? (o(), u("p", ce, F(v(e)), 1)) : i("", !0)
+          h(e) ? (o(), u("p", ce, k(h(e)), 1)) : i("", !0)
         ], 2)), n, 0) : i("", !0)
       ], 64))), 128))
     ], 2));
   }
 });
 export {
-  he as default
+  ve as default
 };

package/components/Pagination/Pagination.vue.d.ts

@@ -15,6 +15,7 @@ declare const _default: import('vue').DefineComponent<PaginationProps, {}, {}, {
     itemsPerPage: number;
     currentPage: number;
     totalItems: number;
+    siblingCount: number;
     showEdges: boolean;
     showPageInfo: boolean;
     showItemsPerPage: boolean;