vlite3 1.2.4 → 1.2.5

package/README.md

@@ -1,6 +1,12 @@
-# vlite3
+# Vlite3: The Foundation for Enterprise SaaS
 
-A lightweight Vue 3 UI component library built with Tailwind CSS, created for personal projects and available for anyone to use.
+A clean, modular, and highly customizable component library for Vue 3. Build large, complex applications with confidence. Vlite3 gives you the solid, Vlite3 delivers 80+ production-ready components designed for real-world enterprise applications. Each component has been thoroughly tested in demanding enterprise production environments, ensuring stability, scalability, and performance.
+
+Created for personal projects and available for anyone to use.
+
+## Demo
+
+[Live Demo](https://vlite3.vercel.app/)
 
 ## Installation
 
@@ -14,10 +20,6 @@ yarn add vlite3
 
 ```
 
-## Demo
-
-[Live Demo](https://vlite3.vercel.app/)
-
 ## 2. Tailwind CSS Setup (Tailwind v4)
 
 `vite.config.ts`
@@ -407,6 +409,8 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [x] **Screen**
 - [x] **ChatInterface**
 - [x] **CommentThread**
+- [x] **Clipboard**
+- [x] **AppShell**
 
 ### Inputs & Forms
 
@@ -437,6 +441,7 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 ### Data Display
 
 - [x] **Avatar**
+- [x] **Persona**
 - [x] **Accordion**
 - [x] **Carousel**
 - [x] **DataTable**
@@ -460,6 +465,7 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 ### Feedback & Overlays
 
 - [x] **Alert**
+- [x] **Beacon**
 - [x] **Modal**
 - [x] **Empty**
 - [x] **ConfirmationModal**
@@ -485,7 +491,11 @@ Follow these rules strictly to ensure visual consistency and predictable styling
 - [0-setup.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/0-vlite3-setup.md)
 - [1-theming.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/1-theming.md)
 - [2-components.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/2-all-components.md)
-- [3-forms.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/components/Forms.md)
+- [3-forms.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/1-Components/Forms.md)
 - [3-utility.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/3-utility.md)
 - [4-i18n.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/4-i18n.md)
 - [5-search-util.md](https://github.com/safdar-azeem/vlite3/blob/main/docs/5-search-util.md)
+
+## Author
+
+[safdar-azeem](https://github.com/safdar-azeem)

package/components/AvatarGroup/AvatarGroup.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as k, computed as u, openBlock as l, createElementBlock as s, normalizeClass as a, Fragment as z, renderList as b, createVNode as f, withCtx as x, createElementVNode as y, toDisplayString as r, createCommentVNode as o, normalizeStyle as C } from "vue";
-import p from "../Avatar.vue.js";
-import S from "../Tooltip.vue.js";
-const w = { class: "flex flex-col gap-0.5 text-left" }, N = {
+import { defineComponent as k, computed as u, openBlock as l, createElementBlock as s, normalizeClass as a, Fragment as z, renderList as b, createVNode as f, withCtx as x, createElementVNode as p, toDisplayString as r, createCommentVNode as o, normalizeStyle as y } from "vue";
+import C from "../Avatar.vue.js";
+import w from "../Tooltip.vue.js";
+const S = { class: "flex flex-col gap-0.5 text-left" }, N = {
   key: 0,
   class: "font-semibold text-sm text-tooltip-foreground"
 }, V = {
@@ -44,18 +44,19 @@ const w = { class: "flex flex-col gap-0.5 text-left" }, N = {
         key: c,
         class: a([c !== 0 ? m[e.overlap] : "", "relative shrink-0"])
       }, [
-        f(S, {
+        f(w, {
           disabled: !t.heading && !t.text,
-          placement: "top"
+          placement: "top",
+          contentClass: "min-w-[100px] px-10!"
         }, {
           content: x(() => [
-            y("div", w, [
+            p("div", S, [
               t.heading ? (l(), s("span", N, r(t.heading), 1)) : o("", !0),
               t.text ? (l(), s("span", V, r(t.text), 1)) : o("", !0)
             ])
           ]),
           default: x(() => [
-            f(p, {
+            f(C, {
               src: t.src,
               alt: t.alt,
               fallback: t.fallback,
@@ -76,7 +77,7 @@ const w = { class: "flex flex-col gap-0.5 text-left" }, N = {
           g,
           e.rounded === "full" ? "rounded-full" : e.rounded === "none" ? "rounded-none" : `rounded-${e.rounded}`
         ]),
-        style: C({
+        style: y({
           // Match the same size as Avatar sizeClasses
           width: i[e.size],
           height: i[e.size],

package/components/Beacon.vue.d.ts

@@ -0,0 +1,13 @@
+export type BeaconVariant = 'primary' | 'danger' | 'warning' | 'success' | 'info';
+export type BeaconSize = 'sm' | 'md' | 'lg';
+interface Props {
+    variant?: BeaconVariant | string;
+    size?: BeaconSize | string;
+    class?: any;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: any;
+    variant: BeaconVariant | string;
+    size: BeaconSize | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+export default _default;

package/components/CategoryManager/CategoryManager.vue.js

@@ -16,7 +16,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import me from "../IconPicker.vue.js";
 /* empty css                        */
 /* empty css                      */

package/components/{CopyButton.vue.d.ts → Clipboard.vue.d.ts}

@@ -1,5 +1,5 @@
 import { ButtonVariant, ButtonSize, ButtonRounded } from '../types';
-export interface CopyButtonProps {
+export interface ClipboardProps {
     /** The content to be copied to the clipboard */
     textToCopy: string;
     variant?: ButtonVariant;
@@ -26,15 +26,16 @@ declare function __VLS_template(): {
     rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<CopyButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_component: import('vue').DefineComponent<ClipboardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     copy: (text: string) => any;
     error: (err: Error) => any;
-}, string, import('vue').PublicProps, Readonly<CopyButtonProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<ClipboardProps> & Readonly<{
     onCopy?: (text: string) => any;
     onError?: (err: Error) => any;
 }>, {
     variant: ButtonVariant;
     size: ButtonSize;
+    rounded: ButtonRounded;
     asIcon: boolean;
     defaultIcon: string;
     copiedIcon: string;

package/components/{CopyButton.vue.js → Clipboard.vue.js}

@@ -1,61 +1,61 @@
-import { defineComponent as f, ref as p, computed as l, openBlock as m, createBlock as x, normalizeClass as T, withCtx as y, renderSlot as v, createCommentVNode as I } from "vue";
+import { defineComponent as f, ref as p, computed as i, openBlock as m, createBlock as x, normalizeClass as T, withCtx as v, renderSlot as y, createCommentVNode as I } from "vue";
 import C from "./Button.vue.js";
-import { $t as r } from "../utils/i18n.js";
-const z = /* @__PURE__ */ f({
-  __name: "CopyButton",
+import { $t as d } from "../utils/i18n.js";
+const w = /* @__PURE__ */ f({
+  __name: "Clipboard",
   props: {
     textToCopy: {},
     variant: { default: "outline" },
     size: { default: "md" },
-    rounded: {},
+    rounded: { default: "full" },
     class: {},
     disabled: { type: Boolean },
     defaultIcon: { default: "lucide:copy" },
     copiedIcon: { default: "lucide:check" },
     defaultText: {},
     copiedText: {},
-    defaultTextI18n: { default: "vlite.copyButton.copy" },
-    copiedTextI18n: { default: "vlite.copyButton.copied" },
+    defaultTextI18n: { default: "vlite.clipboard.copy" },
+    copiedTextI18n: { default: "vlite.clipboard.copied" },
     asIcon: { type: Boolean, default: !1 }
   },
   emits: ["copy", "error"],
-  setup(o, { emit: d }) {
-    const e = o, c = d, a = p(!1);
+  setup(o, { emit: r }) {
+    const e = o, l = r, a = p(!1);
     let n = null;
-    const u = l(() => a.value ? e.copiedIcon : e.defaultIcon), i = l(() => {
+    const u = i(() => a.value ? e.copiedIcon : e.defaultIcon), c = i(() => {
       if (!e.asIcon)
         if (a.value) {
           if (e.copiedText) return e.copiedText;
-          const t = r(e.copiedTextI18n);
+          const t = d(e.copiedTextI18n);
           return t !== e.copiedTextI18n ? t : "Copied";
         } else {
           if (e.defaultText) return e.defaultText;
-          const t = r(e.defaultTextI18n);
+          const t = d(e.defaultTextI18n);
           return t !== e.defaultTextI18n ? t : "Copy";
         }
     }), s = async () => {
       if (!e.disabled)
         try {
-          await navigator.clipboard.writeText(e.textToCopy), a.value = !0, c("copy", e.textToCopy), n && clearTimeout(n), n = setTimeout(() => {
+          await navigator.clipboard.writeText(e.textToCopy), a.value = !0, l("copy", e.textToCopy), n && clearTimeout(n), n = setTimeout(() => {
             a.value = !1;
           }, 500);
         } catch (t) {
-          c("error", t instanceof Error ? t : new Error("Copy failed"));
+          l("error", t instanceof Error ? t : new Error("Copy failed"));
         }
     };
-    return (t, B) => (m(), x(C, {
+    return (t, b) => (m(), x(C, {
       variant: o.variant,
       size: o.size,
       rounded: o.rounded,
       class: T(e.class),
       disabled: o.disabled,
       icon: u.value,
-      text: i.value,
+      text: c.value,
       "as-icon": o.asIcon,
       onClick: s
     }, {
-      default: y(() => [
-        !o.asIcon && !i.value ? v(t.$slots, "default", {
+      default: v(() => [
+        !o.asIcon && !c.value ? y(t.$slots, "default", {
           key: 0,
           copied: a.value
         }) : I("", !0)
@@ -65,5 +65,5 @@ const z = /* @__PURE__ */ f({
   }
 });
 export {
-  z as default
+  w as default
 };

package/components/Clipboard.vue2.js

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

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.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.vue.js";
-/* empty css              */
+import E from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

package/components/DataTable/types.d.ts

@@ -18,7 +18,7 @@ export interface FilterConfig {
 }
 export interface TableFilter {
     pagination: PaginationConfig;
-    sort: SortConfig;
+    sort?: SortConfig;
     filter: FilterConfig;
 }
 export interface TableHeader {

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-350b61e5"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b47509d4"]]);
 export {
   p as default
 };

package/components/Modal.vue2.js

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

package/components/Persona.vue.d.ts

@@ -0,0 +1,25 @@
+import { AvatarSize, AvatarRounded } from '../types';
+export type PresenceType = 'online' | 'offline' | 'busy' | 'dnd' | 'away';
+export type PersonaLabelTheme = 'default' | 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'info' | 'muted' | string;
+interface Props {
+    src?: string;
+    link?: string;
+    alt?: string;
+    fallback?: string;
+    size?: AvatarSize;
+    rounded?: AvatarRounded;
+    presence?: PresenceType;
+    label?: string;
+    secondaryLabel?: string;
+    labelTheme?: PersonaLabelTheme;
+    hideDetails?: boolean;
+    class?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: string;
+    size: AvatarSize;
+    rounded: AvatarRounded;
+    labelTheme: PersonaLabelTheme;
+    hideDetails: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/Screen/ScreenFilter.vue.js

@@ -14,7 +14,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */

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-3446a690"]]);
+import a from "../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-d7a169fa"]]);
 export {
-  m as default
+  f as default
 };