vlite3 1.0.1 → 1.0.3

package/components/AttachmentsList/AttachmentsList.vue.d.ts

@@ -1,5 +1,6 @@
 import { AttachmentsListProps } from './types';
 declare const _default: import('vue').DefineComponent<AttachmentsListProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AttachmentsListProps> & Readonly<{}>, {
+    variant: "default" | "inline";
     canDownload: boolean;
     canView: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;

package/components/AttachmentsList/AttachmentsList.vue.js

@@ -1,82 +1,128 @@
-import { defineComponent as g, computed as y, openBlock as o, createElementBlock as r, Fragment as v, renderList as b, createElementVNode as n, createVNode as u, toDisplayString as d, createBlock as f, unref as l, withCtx as k, createCommentVNode as h } from "vue";
-import p from "../Button.vue.js";
-import B from "../Modal.vue.js";
-import N from "../Icon.vue.js";
-import { $t as x } from "../../utils/i18n.js";
-import { downloadFile as z } from "../../utils/functions.js";
-import D from "../FilePreview/FilePreview.vue.js";
-const M = { class: "w-full" }, A = {
+import { defineComponent as C, computed as _, openBlock as n, createElementBlock as a, Fragment as f, renderList as z, normalizeClass as l, createElementVNode as i, createVNode as m, toDisplayString as w, createBlock as y, unref as r, withCtx as g, createCommentVNode as u } from "vue";
+import p from "../Modal.vue.js";
+import x from "../Icon.vue.js";
+import k from "../Button.vue.js";
+import { $t as s } from "../../utils/i18n.js";
+import { downloadFile as P } from "../../utils/functions.js";
+import N from "../FilePreview/FilePreview.vue.js";
+const M = { class: "w-full" }, V = {
   key: 0,
-  class: "flex flex-col gap-2"
-}, C = { class: "flex items-center gap-3 overflow-hidden" }, F = { class: "w-10 h-10 rounded-md bg-primary/10 flex items-center justify-center text-primary shrink-0" }, V = { class: "flex flex-col overflow-hidden" }, $ = ["title"], U = { class: "text-xs text-muted-foreground" }, P = { class: "flex items-center gap-1 shrink-0" }, S = {
+  class: "flex flex-col gap-1.5"
+}, $ = { class: "flex items-center gap-2 overflow-hidden min-w-0" }, A = { class: "flex flex-col overflow-hidden leading-tight min-w-0" }, F = ["title"], U = { class: "flex items-center gap-0.5 shrink-0" }, j = ["aria-label"], S = ["aria-label", "onClick"], E = {
   key: 1,
   class: "text-sm text-muted-foreground italic bg-muted/10 p-4 rounded-lg border border-dashed border-border text-center"
-}, J = /* @__PURE__ */ g({
+}, O = /* @__PURE__ */ C({
   __name: "AttachmentsList",
   props: {
     attachments: {},
     canView: { type: Boolean, default: !0 },
-    canDownload: { type: Boolean, default: !0 }
+    canDownload: { type: Boolean, default: !0 },
+    variant: { default: "default" }
   },
-  setup(a) {
-    const s = a, m = y(() => s.attachments ? Array.isArray(s.attachments) ? s.attachments : [s.attachments] : []), _ = (t) => {
-      if (!t) return "0 Bytes";
-      const c = 1024, e = ["Bytes", "KB", "MB", "GB"], i = Math.floor(Math.log(t) / Math.log(c));
-      return parseFloat((t / Math.pow(c, i)).toFixed(2)) + " " + e[i];
-    }, w = async (t) => {
-      t.fileUrl && await z(t.fileUrl, t.fileName || "attachment");
+  setup(e) {
+    const c = e, v = _(() => c.attachments ? Array.isArray(c.attachments) ? c.attachments : [c.attachments] : []), B = (o) => {
+      if (!o) return "0 Bytes";
+      const h = 1024, t = ["Bytes", "KB", "MB", "GB"], d = Math.floor(Math.log(o) / Math.log(h));
+      return parseFloat((o / Math.pow(h, d)).toFixed(2)) + " " + t[d];
+    }, b = async (o) => {
+      o.fileUrl && await P(o.fileUrl, o.fileName || "attachment");
     };
-    return (t, c) => (o(), r("div", M, [
-      m.value.length > 0 ? (o(), r("div", A, [
-        (o(!0), r(v, null, b(m.value, (e, i) => (o(), r("div", {
-          key: i,
-          class: "flex items-center justify-between p-3 border border-border rounded-lg bg-muted/20 hover:bg-muted/40 transition-colors"
+    return (o, h) => (n(), a("div", M, [
+      v.value.length > 0 ? (n(), a("div", V, [
+        (n(!0), a(f, null, z(v.value, (t, d) => (n(), a("div", {
+          key: d,
+          class: l([
+            "flex items-center justify-between gap-2 px-2.5 py-2 rounded-lg transition-colors",
+            e.variant === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "border border-border bg-muted/20 hover:bg-muted/40"
+          ])
         }, [
-          n("div", C, [
-            n("div", F, [
-              u(N, {
+          i("div", $, [
+            i("div", {
+              class: l(["w-7 h-7 rounded flex items-center justify-center shrink-0", e.variant === "inline" ? "bg-[#79797924] hover:bg-[#7979793f]" : "bg-primary/10"])
+            }, [
+              m(x, {
                 icon: "lucide:file-text",
-                class: "w-5 h-5"
-              })
-            ]),
-            n("div", V, [
-              n("span", {
-                class: "text-sm font-medium text-foreground truncate",
-                title: e.fileName
-              }, d(e.fileName || "Unnamed File"), 9, $),
-              n("span", U, d(_(e.fileSize)), 1)
+                class: l(["w-3.5 h-3.5", e.variant === "inline" ? "opacity-75" : "text-primary"])
+              }, null, 8, ["class"])
+            ], 2),
+            i("div", A, [
+              i("span", {
+                class: l(["text-xs font-medium truncate", e.variant === "inline" ? "" : "text-foreground"]),
+                title: t.fileName
+              }, w(t.fileName || "Unnamed File"), 11, F),
+              i("span", {
+                class: l(["text-[10px]", e.variant === "inline" ? "opacity-50" : "text-muted-foreground"])
+              }, w(B(t.fileSize)), 3)
             ])
           ]),
-          n("div", P, [
-            a.canView ? (o(), f(B, {
-              key: 0,
-              title: e.fileName || l(x)("common.words.preview", "Preview"),
-              "max-width": "max-w-3xl",
-              body: l(D),
-              bodyProps: { url: e.fileUrl, name: e.fileName, canDownload: a.canDownload }
-            }, {
-              trigger: k(() => [
-                u(p, {
-                  variant: "ghost",
-                  size: "sm",
-                  icon: "lucide:eye"
+          i("div", U, [
+            e.variant === "inline" ? (n(), a(f, { key: 0 }, [
+              e.canView ? (n(), y(p, {
+                key: 0,
+                title: t.fileName || r(s)("common.words.preview", "Preview"),
+                "max-width": "max-w-3xl",
+                body: r(N),
+                bodyProps: { url: t.fileUrl, name: t.fileName, canDownload: e.canDownload }
+              }, {
+                trigger: g(() => [
+                  i("button", {
+                    type: "button",
+                    class: "inline-flex items-center justify-center w-6 h-6 rounded opacity-60 hover:opacity-100 bg-transparent! transition-all",
+                    "aria-label": r(s)("common.words.preview", "Preview")
+                  }, [
+                    m(x, {
+                      icon: "lucide:eye",
+                      class: "w-3.5 h-3.5"
+                    })
+                  ], 8, j)
+                ]),
+                _: 1
+              }, 8, ["title", "body", "bodyProps"])) : u("", !0),
+              e.canDownload ? (n(), a("button", {
+                key: 1,
+                type: "button",
+                class: "inline-flex items-center justify-center w-6 h-6 rounded opacity-60 hover:opacity-100 bg-transparent! transition-all",
+                "aria-label": r(s)("common.words.download", "Download"),
+                onClick: (D) => b(t)
+              }, [
+                m(x, {
+                  icon: "lucide:download",
+                  class: "w-3.5 h-3.5"
                 })
-              ]),
-              _: 1
-            }, 8, ["title", "body", "bodyProps"])) : h("", !0),
-            a.canDownload ? (o(), f(p, {
-              key: 1,
-              variant: "ghost",
-              size: "sm",
-              icon: "lucide:download",
-              onClick: (j) => w(e)
-            }, null, 8, ["onClick"])) : h("", !0)
+              ], 8, S)) : u("", !0)
+            ], 64)) : (n(), a(f, { key: 1 }, [
+              e.canView ? (n(), y(p, {
+                key: 0,
+                title: t.fileName || r(s)("common.words.preview", "Preview"),
+                "max-width": "max-w-3xl",
+                body: r(N),
+                bodyProps: { url: t.fileUrl, name: t.fileName, canDownload: e.canDownload }
+              }, {
+                trigger: g(() => [
+                  m(k, {
+                    variant: "ghost",
+                    size: "xs",
+                    icon: "lucide:eye",
+                    class: "h-6 w-6 px-0"
+                  })
+                ]),
+                _: 1
+              }, 8, ["title", "body", "bodyProps"])) : u("", !0),
+              e.canDownload ? (n(), y(k, {
+                key: 1,
+                variant: "ghost",
+                size: "xs",
+                icon: "lucide:download",
+                class: "h-6 w-6 px-0",
+                onClick: (D) => b(t)
+              }, null, 8, ["onClick"])) : u("", !0)
+            ], 64))
           ])
-        ]))), 128))
-      ])) : (o(), r("div", S, d(l(x)("common.words.noAttachments", "No attachments found.")), 1))
+        ], 2))), 128))
+      ])) : (n(), a("div", E, w(r(s)("common.words.noAttachments", "No attachments found.")), 1))
     ]));
   }
 });
 export {
-  J as default
+  O as default
 };

package/components/AttachmentsList/types.d.ts

@@ -8,4 +8,9 @@ export interface AttachmentsListProps {
     attachments?: AttachmentItem | AttachmentItem[];
     canView?: boolean;
     canDownload?: boolean;
+    /**
+     * 'default' - standalone card style with border/muted background
+     * 'inline'  - transparent overlay style for embedding inside chat bubbles
+     */
+    variant?: 'default' | 'inline';
 }

package/components/Badge.vue.js

@@ -10,7 +10,7 @@ const p = /* @__PURE__ */ b({
   setup(o) {
     const e = o, s = a(() => {
       const r = {
-        xs: "px-1.5 h-5 text-[10.5px] leading-none",
+        xs: "px-1.5 h-4 text-[9px] leading-none",
         sm: "px-2 h-6 text-xs font-medium",
         md: "px-2.5 h-7 text-xs font-semibold",
         lg: "px-3 h-8 text-sm font-semibold"

package/components/Chat/ChatBubble.vue.d.ts

@@ -7,6 +7,11 @@ type __VLS_Props = {
     showTimestamp: boolean;
     allowDeleteAll?: boolean;
     allowEditAll?: boolean;
+    /**
+     * When true, the delete button requires a second click (confirmation) before emitting the delete event.
+     * Defaults to true.
+     */
+    confirmDelete?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     delete: (id: string | number) => any;

package/components/Chat/ChatInterface.vue.d.ts

@@ -1,3 +1,10 @@
+export interface ChatAttachment {
+    fileUrl: string;
+    fileName?: string;
+    fileType?: string;
+    fileSize?: number;
+    [key: string]: any;
+}
 export interface ChatMessage {
     id: string | number;
     text: string;
@@ -6,6 +13,7 @@ export interface ChatMessage {
     avatar?: string;
     timestamp?: string | Date;
     isEdited?: boolean;
+    attachments?: ChatAttachment[];
     [key: string]: any;
 }
 type __VLS_Props = {
@@ -18,20 +26,28 @@ type __VLS_Props = {
     isLoadingMore?: boolean;
     allowDeleteAll?: boolean;
     allowEditAll?: boolean;
+    /**
+     * When true (default), the delete button requires a second click to confirm deletion.
+     * Set to false to delete immediately on first click.
+     */
+    confirmDelete?: boolean;
+    folderId?: string;
+    maxFileSize?: number;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     delete: (id: string | number) => any;
-    add: (text: string) => any;
+    add: (text: string, attachments?: ChatAttachment[]) => any;
     refetch: () => any;
     edit: (message: ChatMessage) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (id: string | number) => any;
-    onAdd?: (text: string) => any;
+    onAdd?: (text: string, attachments?: ChatAttachment[]) => any;
     onRefetch?: () => any;
     onEdit?: (message: ChatMessage) => any;
 }>, {
     placeholder: string;
     isLoadingMore: boolean;
+    confirmDelete: boolean;
     showAvatar: boolean;
     showUserInfo: boolean;
     showTimestamp: boolean;

package/components/Chat/index.d.ts

@@ -1,2 +1,2 @@
 export { default as ChatInterface } from './ChatInterface.vue';
-export type { ChatMessage } from './ChatInterface.vue';
+export type { ChatMessage, ChatAttachment } from './ChatInterface.vue';

package/components/Clock/Clock.vue.d.ts

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    /** dayjs-compatible format string for the time portion. Default: 'hh:mm:ss A' */
+    timeFormat?: string;
+    /** dayjs-compatible format string for the date portion. Default: 'dddd, MMMM D, YYYY' */
+    dateFormat?: string;
+    /** Whether to render the time heading. Default: true */
+    showTime?: boolean;
+    /** Whether to render the date paragraph. Default: true */
+    showDate?: boolean;
+    /**
+     * Milliseconds between each clock tick.
+     * Reactive — changing this prop will immediately restart the interval.
+     * Default: 1000
+     */
+    tickInterval?: number;
+    /** Additional Tailwind/CSS classes applied to the time <h2> element */
+    timeClass?: string;
+    /** Additional Tailwind/CSS classes applied to the date <p> element */
+    dateClass?: string;
+    /** Additional Tailwind/CSS classes applied to the root wrapper <div> */
+    wrapperClass?: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    wrapperClass: string;
+    timeFormat: string;
+    dateFormat: string;
+    showTime: boolean;
+    showDate: boolean;
+    tickInterval: number;
+    timeClass: string;
+    dateClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/Clock/Clock.vue.js

@@ -0,0 +1,51 @@
+import { defineComponent as h, ref as w, watch as x, onMounted as k, onUnmounted as C, computed as i, openBlock as r, createElementBlock as n, normalizeClass as s, toDisplayString as d, createCommentVNode as u } from "vue";
+import c from "dayjs";
+const D = /* @__PURE__ */ h({
+  __name: "Clock",
+  props: {
+    timeFormat: { default: "hh:mm:ss A" },
+    dateFormat: { default: "dddd, MMMM D, YYYY" },
+    showTime: { type: Boolean, default: !0 },
+    showDate: { type: Boolean, default: !0 },
+    tickInterval: { default: 1e3 },
+    timeClass: { default: "" },
+    dateClass: { default: "" },
+    wrapperClass: { default: "" }
+  },
+  setup(t) {
+    const a = t, o = w(/* @__PURE__ */ new Date());
+    let e;
+    function m(l) {
+      e !== void 0 && clearInterval(e), e = setInterval(() => {
+        o.value = /* @__PURE__ */ new Date();
+      }, l);
+    }
+    x(
+      () => a.tickInterval,
+      (l) => {
+        m(l);
+      }
+    ), k(() => {
+      m(a.tickInterval);
+    }), C(() => {
+      e !== void 0 && clearInterval(e);
+    });
+    const f = i(() => c(o.value).format(a.timeFormat)), v = i(() => c(o.value).format(a.dateFormat));
+    return (l, p) => (r(), n("div", {
+      class: s(["flex flex-col items-center z-10 w-full", t.wrapperClass]),
+      style: { "will-change": "transform", contain: "layout style" }
+    }, [
+      t.showTime ? (r(), n("h2", {
+        key: 0,
+        class: s(["text-5xl md:text-6xl font-extralight text-foreground tracking-tight tabular-nums", t.timeClass])
+      }, d(f.value), 3)) : u("", !0),
+      t.showDate ? (r(), n("p", {
+        key: 1,
+        class: s(["text-fs-1 font-normal text-muted-foreground mt-2.5 tracking-wide", t.dateClass])
+      }, d(v.value), 3)) : u("", !0)
+    ], 2));
+  }
+});
+export {
+  D as default
+};

package/components/Clock/Clock.vue2.js

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

package/components/Clock/index.d.ts

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

package/components/Form/utils/form.utils.d.ts

@@ -54,16 +54,19 @@ export declare function deepClone<T>(obj: T): T;
 export declare function getFieldKey(name: string): string;
 /**
  * Cleans the submit payload by extracting only schema fields,
- * injecting specified emitFields, and removing ignoreFields recursively.
- * Also processes mapped output and transformation functions.
+ * stripping emitFields (e.g. GraphQL __typename) from the payload recursively,
+ * and removing ignoreFields. Also processes mapped output and transformation functions.
+ *
+ * emitFields: fields to STRIP from the payload (e.g. ['__typename']).
+ *   Default is ['__typename'] — this removes GraphQL metadata from all nested objects.
  *
  * KEY BEHAVIOUR (fix for Prisma / Postgres sync on updates):
  * A field is included in the payload only when:
  * 1. It has a non-empty value — always included (create & update).
  * 2. It is empty AND the field key already existed in the original `values`
- * object — meaning the user explicitly cleared a pre-existing value during
- * an update. In this case the canonical empty value (`[]` for multiSelect,
- * `null` for everything else) is sent so the backend overwrites the old data.
+ *    object — meaning the user explicitly cleared a pre-existing value during
+ *    an update. In this case the canonical empty value (`[]` for multiSelect,
+ *    `null` for everything else) is sent so the backend overwrites the old data.
  *
  * Fields that were never filled in (key absent from `values`) are silently
  * omitted to keep create payloads lean.

package/components/Form/utils/form.utils.js

@@ -1,125 +1,125 @@
-function T(e) {
+function U(e) {
   return !!e && typeof e == "object";
 }
-function S(e) {
+function x(e) {
   return e ? typeof e == "object" && (typeof e.render == "function" || typeof e.setup == "function" || e.__name !== void 0 || e.name !== void 0) : !1;
 }
-function w(e, t) {
-  if (typeof e.type == "function" && !S(e.type))
+function w(e, n) {
+  if (typeof e.type == "function" && !x(e.type))
     try {
-      return e.type(t);
-    } catch (s) {
-      return console.error(`[vlite3/Form] Error evaluating dynamic type for field "${e.name}":`, s), "text";
+      return e.type(n);
+    } catch (r) {
+      return console.error(`[vlite3/Form] Error evaluating dynamic type for field "${e.name}":`, r), "text";
     }
   return e.type;
 }
-function A(e, t) {
-  if (!t || !e) return;
-  const s = t.split(".");
-  let u = e;
-  for (const f of s) {
-    if (u == null) return;
-    u = u[f];
+function m(e, n) {
+  if (!n || !e) return;
+  const r = n.split(".");
+  let a = e;
+  for (const i of r) {
+    if (a == null) return;
+    a = a[i];
   }
-  return u;
+  return a;
 }
-function g(e, t, s) {
-  if (!t) return e;
-  const u = t.split("."), f = { ...e };
-  let l = f;
-  for (let m = 0; m < u.length - 1; m++) {
-    const n = u[m];
-    Array.isArray(l[n]) ? l[n] = [...l[n]] : l[n] = l[n] ? { ...l[n] } : {}, l = l[n];
+function g(e, n, r) {
+  if (!n) return e;
+  const a = n.split("."), i = { ...e };
+  let f = i;
+  for (let u = 0; u < a.length - 1; u++) {
+    const t = a[u];
+    Array.isArray(f[t]) ? f[t] = [...f[t]] : f[t] = f[t] ? { ...f[t] } : {}, f = f[t];
   }
-  return l[u[u.length - 1]] = s, f;
+  return f[a[a.length - 1]] = r, i;
 }
-function F(e, t) {
-  return !T(t) || !t.name ? e : A(e, t.name) === void 0 && t.value !== void 0 ? g(e, t.name, t.value) : e;
+function E(e, n) {
+  return !U(n) || !n.name ? e : m(e, n.name) === void 0 && n.value !== void 0 ? g(e, n.name, n.value) : e;
 }
-async function U(e, t, s, u) {
-  let f = t ? V(t) : {};
-  const l = s || f, m = Array.isArray(e[0]) ? e.flat() : e;
-  for (const n of m) {
-    if (!n.name) continue;
-    const v = { values: f, globalValues: l, isUpdate: u };
-    if (n.when && !k(n.when, v))
+async function N(e, n, r, a) {
+  let i = n ? v(n) : {};
+  const f = r || i, u = Array.isArray(e[0]) ? e.flat() : e;
+  for (const t of u) {
+    if (!t.name) continue;
+    const d = { values: i, globalValues: f, isUpdate: a };
+    if (t.when && !b(t.when, d))
       continue;
-    const h = n.mapFrom || n.name;
-    let c = t ? A(t, h) : void 0;
-    if (c != null) {
-      const y = n.valueKey || n.key;
-      y && (Array.isArray(c) ? c = c.map(
-        (r) => r && typeof r == "object" ? A(r, y) : r
-      ) : typeof c == "object" && (c = A(c, y))), n.format && (c = await n.format(c, t || {}));
+    const p = t.mapFrom || t.name;
+    let o = n ? m(n, p) : void 0;
+    if (o != null) {
+      const c = t.valueKey || t.key;
+      c && (Array.isArray(o) ? o = o.map(
+        (s) => s && typeof s == "object" ? m(s, c) : s
+      ) : typeof o == "object" && (o = m(o, c))), t.format && (o = await t.format(o, n || {}));
     }
-    if (c === void 0) {
-      if (n.mapFrom && t) {
-        const y = A(t, n.name);
-        y !== void 0 && (c = y);
+    if (o === void 0) {
+      if (t.mapFrom && n) {
+        const c = m(n, t.name);
+        c !== void 0 && (o = c);
       }
-      if (c === void 0) {
-        const y = typeof n.value == "function" ? n.value() : n.value;
-        y !== void 0 && Object.assign(f, g(f, n.name, y));
+      if (o === void 0) {
+        const c = typeof t.value == "function" ? t.value() : t.value;
+        c !== void 0 && Object.assign(i, g(i, t.name, c));
       } else
-        Object.assign(f, g(f, n.name, c));
+        Object.assign(i, g(i, t.name, o));
     } else
-      Object.assign(f, g(f, n.name, c));
-    if (f = F(f, n.addonLeft), f = F(f, n.addonRight), w(n, v) === "customFields" && n.props?.schema) {
-      const y = n.props.schema;
-      let r = A(f, n.name);
-      if (Array.isArray(r) && r.length > 0) {
-        const i = await Promise.all(
-          r.map((o) => U(y, o, l, u))
+      Object.assign(i, g(i, t.name, o));
+    if (i = E(i, t.addonLeft), i = E(i, t.addonRight), w(t, d) === "customFields" && t.props?.schema) {
+      const c = t.props.schema;
+      let s = m(i, t.name);
+      if (Array.isArray(s) && s.length > 0) {
+        const y = await Promise.all(
+          s.map((l) => N(c, l, f, a))
         );
-        Object.assign(f, g(f, n.name, i));
+        Object.assign(i, g(i, t.name, y));
       }
     }
   }
-  return f;
+  return i;
 }
-function k(e, t) {
-  return e === void 0 ? !1 : typeof e == "boolean" ? e : typeof e == "function" ? e(t) : !1;
+function b(e, n) {
+  return e === void 0 ? !1 : typeof e == "boolean" ? e : typeof e == "function" ? e(n) : !1;
 }
-function $(e, t) {
-  return Array.isArray(e) ? e.filter((s) => s ? !t.every((f) => {
-    const l = s[f.name];
-    return l == null || l === "";
+function z(e, n) {
+  return Array.isArray(e) ? e.filter((r) => r ? !n.every((i) => {
+    const f = r[i.name];
+    return f == null || f === "";
   }) : !1) : [];
 }
-function j(e, t, s, u) {
-  const f = [], l = s || t, m = Array.isArray(e[0]) ? e.flat() : e;
-  for (const n of m) {
-    if (!n.name) continue;
-    const v = { values: t, globalValues: l, isUpdate: u };
-    if (n.when && !k(n.when, v))
+function C(e, n, r, a) {
+  const i = [], f = r || n, u = Array.isArray(e[0]) ? e.flat() : e;
+  for (const t of u) {
+    if (!t.name) continue;
+    const d = { values: n, globalValues: f, isUpdate: a };
+    if (t.when && !b(t.when, d))
       continue;
-    const h = w(n, v);
-    if (h === "file" || h === "avatarUpload" || h === "fileUploader") {
-      const c = A(t, n.name);
-      c && f.push({
-        name: n.name,
-        value: c,
-        type: h,
-        field: n
+    const p = w(t, d);
+    if (p === "file" || p === "avatarUpload" || p === "fileUploader") {
+      const o = m(n, t.name);
+      o && i.push({
+        name: t.name,
+        value: o,
+        type: p,
+        field: t
       });
     }
-    if (h === "customFields" && n.props?.schema) {
-      const c = A(t, n.name);
-      if (Array.isArray(c)) {
-        const r = n.props.schema.filter((i) => !S(i.type));
-        r.length > 0 && c.forEach((i, o) => {
-          r.forEach((a) => {
-            const d = { values: i || {}, globalValues: l, isUpdate: u };
-            if (a.when && !k(a.when, d))
+    if (p === "customFields" && t.props?.schema) {
+      const o = m(n, t.name);
+      if (Array.isArray(o)) {
+        const s = t.props.schema.filter((y) => !x(y.type));
+        s.length > 0 && o.forEach((y, l) => {
+          s.forEach((h) => {
+            const O = { values: y || {}, globalValues: f, isUpdate: a };
+            if (h.when && !b(h.when, O))
               return;
-            const p = w(a, d);
-            if (p === "file" || p === "avatarUpload" || p === "fileUploader") {
-              const b = i?.[a.name];
-              b && f.push({
-                name: `${n.name}.${o}.${a.name}`,
-                value: b,
-                type: p,
-                field: a
+            const V = w(h, O);
+            if (V === "file" || V === "avatarUpload" || V === "fileUploader") {
+              const A = y?.[h.name];
+              A && i.push({
+                name: `${t.name}.${l}.${h.name}`,
+                value: A,
+                type: V,
+                field: h
               });
             }
           });
@@ -127,97 +127,70 @@ function j(e, t, s, u) {
       }
     }
   }
-  return f;
+  return i;
 }
-function V(e) {
+function v(e) {
   if (e === null || typeof e != "object") return e;
   if (e instanceof Date) return new Date(e.getTime());
   if (e instanceof File) return e;
-  if (Array.isArray(e)) return e.map((s) => V(s));
-  const t = {};
-  for (const s in e)
-    Object.prototype.hasOwnProperty.call(e, s) && (t[s] = V(e[s]));
-  return t;
+  if (Array.isArray(e)) return e.map((r) => v(r));
+  const n = {};
+  for (const r in e)
+    Object.prototype.hasOwnProperty.call(e, r) && (n[r] = v(e[r]));
+  return n;
 }
-function N(e, t) {
-  const s = w(e, t);
-  return s === "multiSelect" ? [] : s === "switch" || s === "check" ? !1 : null;
+function P(e, n) {
+  const r = w(e, n);
+  return r === "multiSelect" ? [] : r === "switch" || r === "check" ? !1 : null;
 }
-function P(e) {
+function K(e) {
   return !!(e == null || e === "" || Array.isArray(e) && e.length === 0);
 }
-async function K(e, t, s, u, f, l) {
-  const m = s === void 0 && u === void 0, n = m ? V(e) : {}, v = f || e, h = Array.isArray(t[0]) ? t.flat() : t, c = s || [], y = [];
-  for (const r of h) {
-    if (!r.name) continue;
-    const i = { values: e, globalValues: v, isUpdate: l };
-    if (r.when && !k(r.when, i))
+function k(e, n) {
+  if (!(!e || typeof e != "object"))
+    if (Array.isArray(e))
+      e.forEach((r) => k(r, n));
+    else {
+      for (const r of n)
+        delete e[r];
+      for (const r in e)
+        k(e[r], n);
+    }
+}
+async function $(e, n, r, a, i, f) {
+  const u = r === void 0 && a === void 0, t = u ? v(e) : {}, d = i || e, p = Array.isArray(n[0]) ? n.flat() : n, o = r || [], c = [];
+  for (const s of p) {
+    if (!s.name) continue;
+    const y = { values: e, globalValues: d, isUpdate: f };
+    if (s.when && !b(s.when, y))
       continue;
-    let o = A(e, r.name);
-    const a = r.name.split(".")[0], d = Object.prototype.hasOwnProperty.call(e, a), p = w(r, i);
-    if (P(o)) {
-      if (!d) continue;
-      o = N(r, i);
+    let l = m(e, s.name);
+    const h = s.name.split(".")[0], O = Object.prototype.hasOwnProperty.call(e, h), V = w(s, y);
+    if (K(l)) {
+      if (!O) continue;
+      l = P(s, y);
     }
-    if (o = V(o), p === "customFields" && r.props?.schema && Array.isArray(o)) {
-      const O = r.props.schema;
-      o = await Promise.all(o.map((x) => K(x, O, s, u, v, l)));
+    if (l = v(l), V === "customFields" && s.props?.schema && Array.isArray(l)) {
+      const S = s.props.schema;
+      l = await Promise.all(l.map((T) => $(T, S, r, a, d, f)));
     }
-    let b = !1;
-    r.transform && (o = await r.transform(o, e), b = !0);
-    const E = r.mapTo || r.name;
-    E !== r.name && (b = !0, m && !r.name.includes(".") && delete n[r.name]), !m || b ? Object.assign(n, g(n, E, o)) : Object.assign(n, g(n, r.name, o));
+    let A = !1;
+    s.transform && (l = await s.transform(l, e), A = !0);
+    const F = s.mapTo || s.name;
+    F !== s.name && (A = !0, u && !s.name.includes(".") && delete t[s.name]), !u || A ? Object.assign(t, g(t, F, l)) : Object.assign(t, g(t, s.name, l));
   }
-  if (c.length > 0) {
-    const r = (i, o) => {
-      if (!(!i || typeof i != "object") && !(!o || typeof o != "object"))
-        if (Array.isArray(i) && Array.isArray(o)) {
-          for (const a of c) {
-            const d = i.find((p) => p && typeof p == "object" && p[a] !== void 0)?.[a];
-            d !== void 0 && o.forEach((p) => {
-              p && typeof p == "object" && p[a] === void 0 && (p[a] = V(d));
-            });
-          }
-          i.forEach((a, d) => {
-            o[d] && r(a, o[d]);
-          });
-        } else {
-          for (const a of c)
-            i[a] !== void 0 && o[a] === void 0 && (o[a] = V(i[a]));
-          for (const a in o)
-            typeof o[a] == "object" && typeof i[a] == "object" && r(i[a], o[a]);
-        }
-    };
-    for (const i of c)
-      e[i] !== void 0 && n[i] === void 0 && (n[i] = V(e[i]));
-    r(e, n);
-  }
-  if (y.length > 0) {
-    const r = (i) => {
-      if (!(!i || typeof i != "object"))
-        if (Array.isArray(i))
-          i.forEach(r);
-        else {
-          for (const o of y)
-            delete i[o];
-          for (const o in i)
-            r(i[o]);
-        }
-    };
-    r(n);
-  }
-  return n;
+  return o.length > 0 && k(t, o), c.length > 0 && k(t, c), t;
 }
 export {
-  K as cleanSubmitValues,
-  j as collectFileFields,
-  V as deepClone,
-  k as evaluateConditional,
-  $ as filterNullCustomFields,
-  A as getNestedValue,
-  U as initializeFormValues,
-  T as isAddonObject,
-  S as isComponent,
+  $ as cleanSubmitValues,
+  C as collectFileFields,
+  v as deepClone,
+  b as evaluateConditional,
+  z as filterNullCustomFields,
+  m as getNestedValue,
+  N as initializeFormValues,
+  U as isAddonObject,
+  x as isComponent,
   w as resolveFieldType,
   g as setNestedValue
 };

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

@@ -9,6 +9,8 @@ interface Props {
     variant?: 'solid' | 'outline' | 'ghost';
     attached?: boolean;
     size?: 'sm' | 'md' | 'lg';
+    mask?: boolean;
+    fluid?: boolean;
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: string) => any;
@@ -21,6 +23,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
 }>, {
     length: number;
     type: "text" | "number";
+    mask: boolean;
     variant: "solid" | "outline" | "ghost";
     size: "sm" | "md" | "lg";
     error: boolean;
@@ -29,5 +32,6 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     modelValue: string;
     autofocus: boolean;
     attached: boolean;
+    fluid: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/components/OTPInput/OTPInput.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as j, ref as h, watch as z, onMounted as C, nextTick as V, computed as A, openBlock as g, createElementBlock as m, normalizeClass as v, Fragment as E, renderList as M } from "vue";
-const F = ["value", "type", "disabled", "placeholder", "onInput", "onKeydown"], P = /* @__PURE__ */ j({
+import { defineComponent as C, ref as v, watch as M, onMounted as V, nextTick as A, computed as m, openBlock as g, createElementBlock as h, normalizeClass as y, Fragment as E, renderList as F } from "vue";
+const K = ["value", "type", "inputmode", "disabled", "placeholder", "onInput", "onKeydown"], T = /* @__PURE__ */ C({
   __name: "OTPInput",
   props: {
     length: { default: 6 },
@@ -11,29 +11,31 @@ const F = ["value", "type", "disabled", "placeholder", "onInput", "onKeydown"],
     placeholder: { default: "" },
     variant: { default: "outline" },
     attached: { type: Boolean, default: !1 },
-    size: { default: "md" }
+    size: { default: "md" },
+    mask: { type: Boolean, default: !1 },
+    fluid: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "complete", "change"],
-  setup(f, { emit: b }) {
-    const a = f, p = b, s = h([]), r = h(new Array(a.length).fill(""));
-    z(
-      () => a.modelValue,
-      (t) => {
-        const e = t || "", l = e.split("").slice(0, a.length);
+  setup(d, { emit: b }) {
+    const t = d, p = b, s = v([]), r = v(new Array(t.length).fill(""));
+    M(
+      () => t.modelValue,
+      (l) => {
+        const e = l || "", a = e.split("").slice(0, t.length);
         if (r.value.join("") !== e) {
-          const o = new Array(a.length).fill("");
-          l.forEach((u, i) => o[i] = u), r.value = o;
+          const o = new Array(t.length).fill("");
+          a.forEach((u, i) => o[i] = u), r.value = o;
         }
       },
       { immediate: !0 }
     );
     const c = () => {
-      const t = r.value.join("");
-      p("update:modelValue", t), p("change", t), t.length === a.length && p("complete", t);
-    }, y = (t, e) => {
-      let n = t.target.value;
-      if (a.type === "number" && (n = n.replace(/\D/g, "")), n.length === 1) {
-        r.value[e] = n, c(), e < a.length - 1 && s.value[e + 1]?.focus();
+      const l = r.value.join("");
+      p("update:modelValue", l), p("change", l), l.length === t.length && p("complete", l);
+    }, w = (l, e) => {
+      let n = l.target.value;
+      if (t.type === "number" && (n = n.replace(/\D/g, "")), n.length === 1) {
+        r.value[e] = n, c(), e < t.length - 1 && s.value[e + 1]?.focus();
         return;
       }
       if (!n) {
@@ -41,75 +43,85 @@ const F = ["value", "type", "disabled", "placeholder", "onInput", "onKeydown"],
         return;
       }
       if (n.length > 1) {
-        const o = n.split("").slice(0, a.length - e);
-        o.forEach((i, d) => {
-          e + d < a.length && (r.value[e + d] = i);
+        const o = n.split("").slice(0, t.length - e);
+        o.forEach((i, f) => {
+          e + f < t.length && (r.value[e + f] = i);
         }), c();
-        const u = Math.min(e + o.length, a.length - 1);
+        const u = Math.min(e + o.length, t.length - 1);
         s.value[u]?.focus();
       }
-    }, w = (t, e) => {
-      const l = t.key;
-      if (l === "Backspace") {
-        r.value[e] || (t.preventDefault(), e > 0 && (r.value[e - 1] = "", s.value[e - 1]?.focus(), c()));
+    }, D = (l, e) => {
+      const a = l.key;
+      if (a === "Backspace") {
+        r.value[e] || (l.preventDefault(), e > 0 && (r.value[e - 1] = "", s.value[e - 1]?.focus(), c()));
         return;
       }
-      l === "ArrowLeft" && (t.preventDefault(), e > 0 && s.value[e - 1]?.focus()), l === "ArrowRight" && (t.preventDefault(), e < a.length - 1 && s.value[e + 1]?.focus());
-    }, D = (t) => {
-      t.preventDefault();
-      const e = t.clipboardData?.getData("text/plain");
+      a === "ArrowLeft" && (l.preventDefault(), e > 0 && s.value[e - 1]?.focus()), a === "ArrowRight" && (l.preventDefault(), e < t.length - 1 && s.value[e + 1]?.focus());
+    }, k = (l) => {
+      l.preventDefault();
+      const e = l.clipboardData?.getData("text/plain");
       if (!e) return;
-      let l = e.trim();
-      a.type === "number" && (l = l.replace(/\D/g, ""));
-      const n = l.split("").slice(0, a.length), o = [...r.value];
-      n.forEach((i, d) => {
-        o[d] = i;
+      let a = e.trim();
+      t.type === "number" && (a = a.replace(/\D/g, ""));
+      const n = a.split("").slice(0, t.length), o = [...r.value];
+      n.forEach((i, f) => {
+        o[f] = i;
       }), r.value = o, c();
-      const u = Math.min(n.length, a.length - 1);
+      const u = Math.min(n.length, t.length - 1);
       s.value[u]?.focus();
-    }, k = (t, e) => {
-      t && (s.value[e] = t);
+    }, B = (l, e) => {
+      l && (s.value[e] = l);
     };
-    C(() => {
-      a.autofocus && V(() => {
+    V(() => {
+      t.autofocus && A(() => {
         s.value[0]?.focus();
       });
     });
-    const B = A(() => ["flex items-center", a.attached ? "-space-x-px" : "gap-2"].join(" ")), I = (t) => {
-      const e = "text-center font-medium transition-all focus:outline-none focus:z-10 disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted-foreground", l = {
+    const I = m(() => t.mask ? "password" : t.type === "number" ? "tel" : "text"), j = m(() => {
+      if (!t.mask)
+        return t.type === "number" ? "numeric" : void 0;
+    }), x = m(() => {
+      const l = t.attached ? "-space-x-px" : "gap-2", e = t.fluid ? "w-full" : "";
+      return ["flex items-center", l, e].filter(Boolean).join(" ");
+    }), z = (l) => {
+      const e = "text-center font-medium transition-all focus:outline-none focus:z-10 disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted-foreground", a = t.fluid ? {
+        sm: "flex-1 min-w-0 h-8 text-sm",
+        md: "flex-1 min-w-0 h-10 text-lg",
+        lg: "flex-1 min-w-0 h-12 text-xl"
+      } : {
         sm: "w-8 h-8 text-sm",
         md: "w-10 h-10 text-lg",
         lg: "w-12 h-12 text-xl"
       }, n = {
         solid: "bg-muted border border-transparent focus:border-primary focus:ring-2 focus:ring-primary",
         outline: "border border-input focus:border-primary focus:ring-2 focus:ring-primary",
-        ghost: "bg-transparent border border-transparent hover:bg-accent focus:focus:border-primary focus:ring-2 focus:ring-primary"
-      }, o = a.error ? "border-destructive focus:ring-destructive text-destructive" : "";
+        ghost: "bg-transparent border border-transparent hover:bg-accent focus:border-primary focus:ring-2 focus:ring-primary"
+      }, o = t.error ? "border-destructive focus:ring-destructive text-destructive" : "";
       let u = "rounded-md";
-      return a.attached && (t === 0 ? u = "rounded-l-md rounded-r-none" : t === a.length - 1 ? u = "rounded-r-md rounded-l-none" : u = "rounded-none"), [e, l[a.size], n[a.variant], o, u].join(" ");
+      return t.attached && (l === 0 ? u = "rounded-l-md rounded-r-none" : l === t.length - 1 ? u = "rounded-r-md rounded-l-none" : u = "rounded-none"), [e, a[t.size], n[t.variant], o, u].join(" ");
     };
-    return (t, e) => (g(), m("div", {
-      class: v(B.value)
+    return (l, e) => (g(), h("div", {
+      class: y(x.value)
     }, [
-      (g(!0), m(E, null, M(a.length, (l, n) => (g(), m("input", {
+      (g(!0), h(E, null, F(t.length, (a, n) => (g(), h("input", {
         key: n,
         ref_for: !0,
-        ref: (o) => k(o, n),
+        ref: (o) => B(o, n),
         value: r.value[n],
-        type: f.type === "number" ? "tel" : "text",
-        inputmode: "numeric",
+        type: I.value,
+        inputmode: j.value,
         maxlength: 1,
-        disabled: f.disabled,
-        placeholder: f.placeholder,
-        class: v(I(n)),
-        onInput: (o) => y(o, n),
-        onKeydown: (o) => w(o, n),
-        onPaste: D,
-        onFocus: e[0] || (e[0] = (o) => t.$emit("update:modelValue", r.value.join("")))
-      }, null, 42, F))), 128))
+        disabled: d.disabled,
+        placeholder: d.placeholder,
+        class: y(z(n)),
+        onInput: (o) => w(o, n),
+        onKeydown: (o) => D(o, n),
+        onPaste: k,
+        onFocus: e[0] || (e[0] = (o) => l.$emit("update:modelValue", r.value.join("")))
+      }, null, 42, K))), 128))
     ], 2));
   }
 });
 export {
-  P as default
+  T as default
 };

package/index.d.ts

@@ -76,4 +76,5 @@ export { GoogleSignInPlugin };
 export * from './components/StatusChip';
 export * from './components/Price';
 export * from './components/DateTime';
+export * from './components/Clock';
 export * from './core/config.ts';

package/index.js

@@ -118,7 +118,8 @@ import { default as Qt } from "./components/StatusChip/StatusChip.vue.js";
 import { STATUS_MAP as qt, normalizeStatus as Wt, resolveStatus as Xt } from "./components/StatusChip/status-map.js";
 import { default as Jt } from "./components/Price/Price.vue.js";
 import { default as ea } from "./components/DateTime/DateTime.vue.js";
-import { VLITE_CONFIG_KEY as ra, configState as ta, updateConfig as aa, useVLiteConfig as fa } from "./core/config.js";
+import { default as ra } from "./components/Clock/Clock.vue.js";
+import { VLITE_CONFIG_KEY as aa, configState as fa, updateConfig as ma, useVLiteConfig as la } from "./core/config.js";
 export {
   E as $t,
   Fo as Accordion,
@@ -140,6 +141,7 @@ export {
   nt as CheckBox,
   L as Chip,
   yo as ChoiceBox,
+  ra as Clock,
   yt as ColorPicker,
   Ot as CommandPaletteContent,
   Mt as ConfirmationModal,
@@ -218,12 +220,12 @@ export {
   Mr as TimelineItem,
   Rt as ToastNotification,
   xt as Tooltip,
-  ra as VLITE_CONFIG_KEY,
+  aa as VLITE_CONFIG_KEY,
   fo as Workbook,
   we as barcodesConstants,
   p as camelCase,
   d as capitalize,
-  ta as configState,
+  fa as configState,
   Fr as configure,
   u as copyToClipboard,
   Ht as createVLite,
@@ -259,7 +261,7 @@ export {
   F as throttle,
   Br as toast,
   v as truncate,
-  aa as updateConfig,
+  ma as updateConfig,
   Sr as useAdvancedKeyStroke,
   Ye as useDropdownIds,
   Ve as useDropdownSelection,
@@ -271,6 +273,6 @@ export {
   kr as useNotifications,
   Vo as useTheme,
   oo as useTreeSelection,
-  fa as useVLiteConfig,
+  la as useVLiteConfig,
   Cr as vScrollReveal
 };

package/package.json

@@ -3,7 +3,7 @@
   "private": false,
   "description": "A Vue 3 UI component library built with Tailwind CSS.",
   "license": "MIT",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "type": "module",
   "main": "index.js",
   "module": "index.js",

package/style.css

@@ -459,7 +459,7 @@
   --color-danger-fg-light: #FCFCFC;
   --color-danger: #7F1D1D;
   --color-danger-fg: #ffffff;
-  --color-danger-dark: #771d1c;
+  --color-danger-dark: #850e0c;
 
   /* Warning */
   --color-warning-light: #3a1e00;