vlite3 1.4.3 → 1.4.5

package/components/Form/FormField.vue.js

@@ -266,7 +266,7 @@ const Be = /* @__PURE__ */ E({
           maxFiles: e.field.maxFiles || e.field.props?.maxFiles,
           fileTypes: e.field.props?.accept ? e.field.props.accept.split(",") : [],
           returnFormat: "base64",
-          variant: a === "file" ? "input" : "dropzone",
+          variant: e.field.props?.variant ?? (a === "file" ? "input" : "dropzone"),
           placeholder: o,
           size: e.size,
           rounded: e.rounded,

package/components/Form/types.d.ts

@@ -83,6 +83,9 @@ export interface IFormCustomFieldsProps {
     schema: IForm[];
     headers?: string[];
     draggable?: boolean;
+    layout?: 'table' | 'accordion';
+    accordionTitleKey?: string;
+    addButtonText?: string;
 }
 /**
  * Layout for grouped schemas (schema: IForm[][]).

package/components/Modal.vue.d.ts

@@ -13,6 +13,7 @@ interface Props {
     headerClass?: string;
     footerClass?: string;
     body?: Component;
+    styles?: any;
     bodyProps?: Record<string, any>;
 }
 declare function __VLS_template(): {
@@ -46,6 +47,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     maxWidth: string;
     closeOutside: boolean;
     backdrop: boolean;
+    styles: any;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     modalRef: HTMLDivElement;
 }, any>;

package/components/Modal.vue.js

@@ -1,7 +1,7 @@
 import o from "./Modal.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ec288b97"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-208854bc"]]);
 export {
   p as default
 };

package/components/Modal.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as R, ref as f, inject as V, computed as p, markRaw as W, watch as T, provide as K, nextTick as L, onMounted as A, onUnmounted as U, openBlock as s, createElementBlock as a, Fragment as q, mergeProps as B, withModifiers as S, renderSlot as v, createCommentVNode as r, createBlock as I, Teleport as G, normalizeClass as i, createVNode as z, Transition as H, withCtx as J, createElementVNode as h, toDisplayString as F, resolveDynamicComponent as Q } from "vue";
-import X from "./Button.vue.js";
-import { useKeyStroke as Y } from "../composables/useKeyStroke.js";
+import { defineComponent as R, ref as f, inject as V, computed as p, markRaw as W, watch as T, provide as K, nextTick as L, onMounted as A, onUnmounted as U, openBlock as s, createElementBlock as a, Fragment as q, mergeProps as B, withModifiers as S, renderSlot as v, createCommentVNode as r, createBlock as z, Teleport as G, normalizeClass as i, createVNode as I, Transition as H, withCtx as J, normalizeStyle as Q, createElementVNode as h, toDisplayString as F, resolveDynamicComponent as X } from "vue";
+import Y from "./Button.vue.js";
+import { useKeyStroke as Z } from "../composables/useKeyStroke.js";
 import { $t as O } from "../utils/i18n.js";
-const Z = ["data-testid"], _ = ["data-testid"], ee = {
+const _ = ["data-testid"], ee = ["data-testid"], te = {
   key: 0,
   class: "flex-none flex flex-col space-y-1.5 pb-0 border-b border-border/90"
-}, te = { class: "text-lg font-semibold leading-none tracking-tight" }, oe = {
+}, oe = { class: "text-lg font-semibold leading-none tracking-tight" }, le = {
   key: 0,
   class: "text-sm text-muted-foreground mb-3.5"
-}, de = /* @__PURE__ */ R({
+}, ne = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "Modal",
   props: {
@@ -25,13 +25,14 @@ const Z = ["data-testid"], _ = ["data-testid"], ee = {
     headerClass: {},
     footerClass: {},
     body: {},
+    styles: { default: {} },
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen"],
   setup(o, { emit: j }) {
-    const t = o, u = j, l = f(t.show), k = f(!1), b = f(!1), C = f(null);
+    const t = o, u = j, l = f(t.show), k = f(!1), y = f(!1), C = f(null);
     let c = null;
-    const g = f(!1), d = V("dropdown-context", null), w = p(() => t.body ? W(t.body) : void 0);
+    const b = f(!1), d = V("dropdown-context", null), w = p(() => t.body ? W(t.body) : void 0);
     T(
       () => t.show,
       (e) => {
@@ -43,24 +44,24 @@ const Z = ["data-testid"], _ = ["data-testid"], ee = {
     }, E = (e) => {
       k.value = e;
     }, M = (e) => {
-      g.value = e;
+      b.value = e;
     }, m = () => {
       if (k.value) {
-        b.value = !0, c && clearTimeout(c), c = setTimeout(() => {
-          b.value = !1;
+        y.value = !0, c && clearTimeout(c), c = setTimeout(() => {
+          y.value = !1;
         }, 1e3);
         return;
       }
       l.value = !1, u("update:show", !1), u("close");
-    }, y = () => {
+    }, g = () => {
       l.value = !1, u("update:show", !1), u("close");
     };
     K("modal-context", { close: m, setSubmitting: E, registerFormFooter: M });
     const N = () => {
       t.closeOutside && m();
-    }, { onKeyStroke: P } = Y();
+    }, { onKeyStroke: P } = Z();
     P("Escape", m), T(l, async (e) => {
-      e ? (d?.onChildToggle?.(!0), document.body.style.overflow = "hidden", await L(), C.value?.focus()) : (document.body.style.overflow = "", d?.onChildToggle?.(!1), g.value = !1);
+      e ? (d?.onChildToggle?.(!0), document.body.style.overflow = "hidden", await L(), C.value?.focus()) : (document.body.style.overflow = "", d?.onChildToggle?.(!1), b.value = !1);
     }), A(() => {
       l.value && d?.onChildToggle?.(!0);
     }), U(() => {
@@ -80,14 +81,14 @@ const Z = ["data-testid"], _ = ["data-testid"], ee = {
         v(e.$slots, "trigger", {}, () => [
           o.body ? v(e.$slots, "default", { key: 0 }, void 0, !0) : r("", !0)
         ], !0)
-      ], 16, Z)) : r("", !0),
-      (s(), I(G, { to: "body" }, [
+      ], 16, _)) : r("", !0),
+      (s(), z(G, { to: "body" }, [
         l.value ? (s(), a("div", {
           key: 0,
           class: i(["fixed inset-0 z-50 flex items-center justify-center p-4 v-modal-overlay", o.backdrop ? "v-modal-backdrop" : ""]),
           onClick: N
         }, [
-          z(H, { name: "modal-dialog" }, {
+          I(H, { name: "modal-dialog" }, {
             default: J(() => [
               l.value ? (s(), a("div", {
                 key: 0,
@@ -96,43 +97,44 @@ const Z = ["data-testid"], _ = ["data-testid"], ee = {
                 tabindex: "-1",
                 role: "dialog",
                 "aria-modal": "true",
+                style: Q(o.styles),
                 class: i(["modal-body relative w-full rounded border border-border/60 bg-body shadow-lg text-foreground flex flex-col max-h-[85vh] sm:max-h-[90vh] focus:outline-none", [o.maxWidth]]),
                 "data-testid": e.$attrs["data-testid"] || (n.value ? `modal-${n.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "modal"),
                 onClick: $[0] || ($[0] = S(() => {
                 }, ["stop"]))
               }, [
-                n.value ? (s(), a("div", ee, [
+                n.value ? (s(), a("div", te, [
                   h("div", {
                     class: i(["flex items-center justify-between py-2 px-4 rounded-t-md", o.headerClass])
                   }, [
-                    h("h3", te, F(n.value), 1),
-                    z(X, {
+                    h("h3", oe, F(n.value), 1),
+                    I(Y, {
                       rounded: "full",
                       size: "sm",
                       icon: "lucide:x",
                       variant: "ghost",
-                      class: i({ "blink-bg": b.value }),
+                      class: i({ "blink-bg": y.value }),
                       "data-testid": "modal-close-btn",
                       onClick: m
                     }, null, 8, ["class"])
                   ], 2)
                 ])) : r("", !0),
                 h("div", {
-                  class: i(["flex-1 overflow-y-auto px-4 pt-4 min-h-0 scrollbar-thin scrollbar-stable", [g.value ? "pb-0" : "pb-3.5", o.bodyClass]])
+                  class: i(["flex-1 overflow-y-auto px-4 pt-4 min-h-0 scrollbar-thin scrollbar-stable", [b.value ? "pb-0" : "pb-3.5", o.bodyClass]])
                 }, [
-                  x.value ? (s(), a("p", oe, F(x.value), 1)) : r("", !0),
-                  w.value ? (s(), I(Q(w.value), B({ key: 1 }, { ...o.bodyProps, ...e.$attrs }, { close: y }), null, 16)) : v(e.$slots, "default", {
+                  x.value ? (s(), a("p", le, F(x.value), 1)) : r("", !0),
+                  w.value ? (s(), z(X(w.value), B({ key: 1 }, { ...o.bodyProps, ...e.$attrs }, { close: g }), null, 16)) : v(e.$slots, "default", {
                     key: 2,
-                    close: y
+                    close: g
                   }, void 0, !0)
                 ], 2),
                 e.$slots.footer ? (s(), a("div", {
                   key: 1,
                   class: i([o.footerClass, "flex-none flex items-center px-4 py-3 border-t border-border/90 rounded-b-xl bg-body"])
                 }, [
-                  v(e.$slots, "footer", { close: y }, void 0, !0)
+                  v(e.$slots, "footer", { close: g }, void 0, !0)
                 ], 2)) : r("", !0)
-              ], 10, _)) : r("", !0)
+              ], 14, ee)) : r("", !0)
             ]),
             _: 3
           })
@@ -142,5 +144,5 @@ const Z = ["data-testid"], _ = ["data-testid"], ee = {
   }
 });
 export {
-  de as default
+  ne as default
 };

package/components/OTPInput/OTPInput.vue.d.ts

@@ -37,8 +37,8 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     mask: boolean;
     variant: "solid" | "outline" | "ghost";
     size: "sm" | "md" | "lg";
-    placeholder: string;
     error: boolean;
+    placeholder: string;
     disabled: boolean;
     modelValue: string;
     autofocus: boolean;

package/components/Rating/Rating.vue.d.ts

@@ -23,6 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<RatingProps, {}, {}
     icon: string | string[];
     size: "sm" | "md" | "lg" | "xl";
     solid: boolean;
+    clearable: boolean;
     readonly: boolean;
     disabled: boolean;
     modelValue: number;
@@ -32,7 +33,6 @@ declare const __VLS_component: import('vue').DefineComponent<RatingProps, {}, {}
     activeIcon: string | string[];
     activeColor: string;
     inactiveColor: string;
-    clearable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Screen/ScreenFilter.vue.js

@@ -18,6 +18,7 @@ import "@vueuse/core";
 /* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
+/* empty css                                 */
 /* empty css                        */
 /* empty css                                         */
 /* empty css                                    */
@@ -28,7 +29,7 @@ import "../../core/config.js";
 const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, A = { style: { "will-change": "transform", contain: "layout style" } }, E = {
   class: "pt-2 px-2 min-w-[295px]",
   style: { "will-change": "transform", contain: "layout style" }
-}, me = /* @__PURE__ */ B({
+}, ue = /* @__PURE__ */ B({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -191,5 +192,5 @@ const N = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   }
 });
 export {
-  me as default
+  ue as default
 };

package/components/SidePanel.vue.d.ts

@@ -18,6 +18,7 @@ interface Props {
     footerClass?: string;
     backdrop?: boolean;
     body?: Component;
+    styles?: any;
     bodyProps?: Record<string, any>;
 }
 declare function __VLS_template(): {
@@ -60,6 +61,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     triggerClass: string;
     bodyClass: string;
     footerClass: string;
+    styles: any;
     hideCloseButton: boolean;
     overlayClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/components/SidePanel.vue.js

@@ -1,7 +1,7 @@
 import o from "./SidePanel.vue2.js";
 /* empty css               */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-37a55d1c"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-69e4da90"]]);
 export {
   m as default
 };

package/components/SidePanel.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as E, ref as N, inject as P, computed as f, markRaw as D, watch as h, onMounted as L, onUnmounted as V, openBlock as l, createElementBlock as i, Fragment as j, createElementVNode as y, mergeProps as w, withModifiers as K, renderSlot as c, createCommentVNode as a, createBlock as g, Teleport as M, normalizeClass as m, createVNode as F, Transition as R, withCtx as U, toDisplayString as $, resolveDynamicComponent as q } from "vue";
-import G from "./Button.vue.js";
-import { useKeyStroke as H } from "../composables/useKeyStroke.js";
+import { defineComponent as E, ref as N, inject as P, computed as f, markRaw as D, watch as h, onMounted as L, onUnmounted as V, openBlock as l, createElementBlock as i, Fragment as j, createElementVNode as p, mergeProps as w, withModifiers as K, renderSlot as c, createCommentVNode as a, createBlock as g, Teleport as M, normalizeClass as m, createVNode as F, Transition as R, withCtx as U, normalizeStyle as q, toDisplayString as $, resolveDynamicComponent as G } from "vue";
+import H from "./Button.vue.js";
+import { useKeyStroke as J } from "../composables/useKeyStroke.js";
 import { $t as k } from "../utils/i18n.js";
-const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold text-foreground" }, X = {
+const Q = ["data-testid"], W = ["data-testid"], X = { class: "text-lg font-bold text-foreground" }, Y = {
   key: 0,
   class: "-text-fs-2 text-muted-foreground"
-}, te = /* @__PURE__ */ E({
+}, oe = /* @__PURE__ */ E({
   inheritAttrs: !1,
   __name: "SidePanel",
   props: {
@@ -26,6 +26,7 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
     footerClass: { default: "" },
     backdrop: { type: Boolean, default: !0 },
     body: {},
+    styles: { default: {} },
     bodyProps: {}
   },
   emits: ["close", "update:show", "onOpen", "onAfterOpen", "onAfterClose"],
@@ -45,7 +46,7 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
       s.value = !1, v("update:show", !1), v("close");
     }, T = () => {
       t.closeOutside && n();
-    }, { onKeyStroke: z } = H();
+    }, { onKeyStroke: z } = J();
     z("Escape", n), h(s, (e) => {
       u && clearTimeout(u), e ? (r?.onChildToggle?.(!0), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", u = setTimeout(() => {
         r?.onChildToggle?.(!1);
@@ -55,17 +56,17 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
     }), V(() => {
       u && clearTimeout(u), s.value && r?.onChildToggle?.(!1), document.body.style.overflow = "";
     });
-    const A = {
+    const S = {
       sm: "max-w-sm",
       md: "max-w-md",
       lg: "max-w-lg",
       xl: "max-w-xl",
       full: "max-w-full"
-    }, O = f(() => t.position === "left" ? "left-0 rounded-r-lg" : "right-0 rounded-l-md"), S = f(() => t.position === "left" ? "slide-left" : "slide-right"), d = f(() => t.titleI18n ? k(t.titleI18n) : t.title), C = f(
+    }, A = f(() => t.position === "left" ? "left-0 rounded-r-lg" : "right-0 rounded-l-md"), O = f(() => t.position === "left" ? "slide-left" : "slide-right"), d = f(() => t.titleI18n ? k(t.titleI18n) : t.title), C = f(
       () => t.descriptionI18n ? k(t.descriptionI18n) : t.description
     );
-    return (e, p) => (l(), i(j, null, [
-      y("span", w({
+    return (e, y) => (l(), i(j, null, [
+      p("span", w({
         onClick: K(B, ["stop"]),
         class: `${o.triggerClass}`
       }, e.$attrs, {
@@ -74,7 +75,7 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
         c(e.$slots, "trigger", {}, () => [
           o.body ? c(e.$slots, "default", { key: 0 }, void 0, !0) : a("", !0)
         ], !0)
-      ], 16, J),
+      ], 16, Q),
       (l(), g(M, { to: "body" }, [
         s.value ? (l(), i("div", {
           key: 0,
@@ -82,16 +83,17 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
           onClick: T
         }, null, 2)) : a("", !0),
         F(R, {
-          name: S.value,
-          onAfterEnter: p[0] || (p[0] = (I) => e.$emit("onAfterOpen")),
-          onAfterLeave: p[1] || (p[1] = (I) => e.$emit("onAfterClose"))
+          name: O.value,
+          onAfterEnter: y[0] || (y[0] = (I) => e.$emit("onAfterOpen")),
+          onAfterLeave: y[1] || (y[1] = (I) => e.$emit("onAfterClose"))
         }, {
           default: U(() => [
             s.value ? (l(), i("div", {
               key: 0,
               role: "dialog",
+              style: q(o.styles),
               "aria-modal": "true",
-              class: m(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border border-border/80 w-full", [A[o.size], O.value, t.class]]),
+              class: m(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border border-border/80 w-full", [S[o.size], A.value, t.class]]),
               "data-testid": e.$attrs["data-testid"] || (d.value ? `sidepanel-${d.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "sidepanel")
             }, [
               d.value || e.$slots.header ? (l(), i("div", {
@@ -99,12 +101,12 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
                 class: m([o.headerClass, "flex-none flex items-center justify-between px-5 py-2 border-b border-border"])
               }, [
                 c(e.$slots, "header", {}, () => [
-                  y("div", null, [
-                    y("h3", W, $(d.value), 1),
-                    C.value ? (l(), i("p", X, $(C.value), 1)) : a("", !0)
+                  p("div", null, [
+                    p("h3", X, $(d.value), 1),
+                    C.value ? (l(), i("p", Y, $(C.value), 1)) : a("", !0)
                   ])
                 ], !0),
-                o.hideCloseButton ? a("", !0) : (l(), g(G, {
+                o.hideCloseButton ? a("", !0) : (l(), g(H, {
                   key: 0,
                   rounded: "full",
                   size: "sm",
@@ -115,10 +117,10 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
                   "data-testid": "sidepanel-close-btn"
                 }))
               ], 2)) : a("", !0),
-              y("div", {
+              p("div", {
                 class: m(["flex-1 overflow-y-auto px-6 py-4 scrollbar-thin scrollbar-stable", o.bodyClass])
               }, [
-                b.value ? (l(), g(q(b.value), w({ key: 0 }, { ...o.bodyProps, ...e.$attrs }, { close: n }), null, 16)) : c(e.$slots, "default", {
+                b.value ? (l(), g(G(b.value), w({ key: 0 }, { ...o.bodyProps, ...e.$attrs }, { close: n }), null, 16)) : c(e.$slots, "default", {
                   key: 1,
                   close: n
                 }, void 0, !0)
@@ -129,7 +131,7 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
               }, [
                 c(e.$slots, "footer", { close: n }, void 0, !0)
               ], 2)) : a("", !0)
-            ], 10, Q)) : a("", !0)
+            ], 14, W)) : a("", !0)
           ]),
           _: 3
         }, 8, ["name"])
@@ -138,5 +140,5 @@ const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold
   }
 });
 export {
-  te as default
+  oe as default
 };