vlite3 0.4.8 → 0.5.2

package/components/Form/FormField.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as n, markRaw as P, openBlock as r, createBlock as f, mergeProps as u, toHandlers as S, createSlots as B, unref as R, withCtx as o, createVNode as z, createTextVNode as m, toDisplayString as c, createCommentVNode as $, resolveDynamicComponent as I } from "vue";
+import { defineComponent as U, computed as o, markRaw as I, openBlock as r, createBlock as f, mergeProps as u, toHandlers as S, createSlots as N, unref as R, withCtx as n, createVNode as z, createTextVNode as c, toDisplayString as m, createCommentVNode as L, resolveDynamicComponent as B } from "vue";
 import { isComponent as h, isAddonObject as p } from "./utils/form.utils.js";
 import O from "../NumberInput.vue.js";
 import v from "../Button.vue.js";
@@ -6,16 +6,15 @@ import { $t as T } from "../../utils/i18n.js";
 import g from "../Input.vue.js";
 import j from "../Switch.vue.js";
 import D from "../CheckBox.vue.js";
-import E from "../Textarea.vue.js";
-import H from "../FilePicker/FilePicker.vue.js";
-import q from "../AvatarUploader/AvatarUploader.vue.js";
+import E from "../FilePicker/FilePicker.vue.js";
+import H from "../AvatarUploader/AvatarUploader.vue.js";
 import y from "../Dropdown/Dropdown.vue.js";
-import G from "../MultiSelect/MultiSelect.vue.js";
-import J from "../DatePicker.vue.js";
-import K from "../ColorPicker/ColorPicker.vue.js";
-import M from "../IconPicker.vue.js";
-import Q from "./CustomFields.vue.js";
-const me = /* @__PURE__ */ N({
+import q from "../MultiSelect/MultiSelect.vue.js";
+import G from "../DatePicker.vue.js";
+import J from "../ColorPicker/ColorPicker.vue.js";
+import K from "../IconPicker.vue.js";
+import M from "./CustomFields.vue.js";
+const ue = /* @__PURE__ */ U({
   __name: "FormField",
   props: {
     field: {},
@@ -27,18 +26,19 @@ const me = /* @__PURE__ */ N({
     disabled: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     error: { default: "" },
-    isUpdate: { type: Boolean, default: !1 }
+    isUpdate: { type: Boolean, default: !1 },
+    label: {}
   },
   emits: ["change", "addonChange", "addonAction"],
-  setup(l, { emit: L }) {
-    const e = l, s = L, d = (t, a) => {
+  setup(l, { emit: $ }) {
+    const e = l, s = $, d = (t, a) => {
       s("change", { value: t, data: a });
-    }, C = (t) => {
+    }, w = (t) => {
       s("change", { value: t });
-    }, F = n(() => {
+    }, C = o(() => {
       const t = e.field.type;
       if (h(t))
-        return P(t);
+        return I(t);
       switch (t) {
         case "text":
         case "email":
@@ -46,11 +46,10 @@ const me = /* @__PURE__ */ N({
         case "tel":
         case "url":
         case "search":
+        case "textarea":
           return g;
         case "number":
           return O;
-        case "textarea":
-          return E;
         case "switch":
           return j;
         case "check":
@@ -58,34 +57,38 @@ const me = /* @__PURE__ */ N({
         case "select":
           return y;
         case "multiSelect":
-          return G;
+          return q;
         case "date":
         case "time":
-          return J;
+          return G;
         case "file":
         case "fileUploader":
-          return H;
+          return E;
         case "avatarUpload":
-          return q;
+          return H;
         case "color":
-          return K;
+          return J;
         case "iconPicker":
-          return M;
+          return K;
         case "customFields":
-          return Q;
+          return M;
         default:
           return g;
       }
-    }), x = n(() => {
+    }), x = o(() => {
       const t = e.field.type, a = {
         disabled: e.disabled || e.field.disabled === !0,
-        ...e.field.props || {}
+        ...e?.field || {},
+        ...e.field.props || {},
+        label: e?.field?.label,
+        labelI18n: e?.field?.labelI18n
       }, i = e.field.placeholderI18n ? T(e.field.placeholderI18n) : e.field.placeholder;
-      return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || !t ? {
+      return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || t === "textarea" || !t ? {
         ...a,
         modelValue: e.value ?? "",
         type: t || "text",
         placeholder: i,
+        label: e.label,
         icon: e.field.icon,
         iconRight: e.field.iconRight,
         // Only pass addon strings; object addons are rendered via slots
@@ -98,6 +101,7 @@ const me = /* @__PURE__ */ N({
         min: e.field.min,
         // kept for validation attributes if needed
         max: e.field.max,
+        rows: t === "textarea" ? e.field.props?.rows || 3 : void 0,
         class: `${e.field.className}`
       } : t === "number" ? {
         ...a,
@@ -111,12 +115,6 @@ const me = /* @__PURE__ */ N({
         rounded: e.rounded,
         placeholder: i,
         class: e.field.className
-      } : t === "textarea" ? {
-        ...a,
-        modelValue: e.value ?? "",
-        placeholder: i,
-        rows: e.field.props?.rows || 3,
-        class: e.field.className
       } : t === "switch" ? {
         ...a,
         modelValue: !!e.value,
@@ -133,17 +131,24 @@ const me = /* @__PURE__ */ N({
         options: e.field.options || [],
         placeholder: i,
         selectable: !0,
-        closeOnSelect: !0
+        closeOnSelect: !0,
+        triggerProps: {
+          variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline"
+        }
       } : t === "multiSelect" ? {
         ...a,
         modelValue: Array.isArray(e.value) ? e.value : [],
         options: e.field.options || [],
-        placeholder: i
+        placeholder: i,
+        variant: e.variant
       } : t === "date" || t === "time" ? {
         ...a,
         modelValue: e.value,
         mode: t === "time" ? "time" : "date",
-        placeholder: i
+        placeholder: i,
+        btnProps: {
+          variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline"
+        }
       } : t === "fileUploader" || t === "file" ? {
         ...a,
         modelValue: e.value,
@@ -183,10 +188,10 @@ const me = /* @__PURE__ */ N({
         value: e.value,
         values: e.values
       } : a;
-    }), V = n(() => {
+    }), b = o(() => {
       const t = e.field.type;
       return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || t === "textarea" || t === "switch" || t === "check" || t === "number" || !t ? {
-        "update:modelValue": C
+        "update:modelValue": w
       } : t === "select" ? {
         onSelect: (a) => {
           d(a.value, a.data);
@@ -220,32 +225,32 @@ const me = /* @__PURE__ */ N({
           d(a.value, a.data);
         }
       } : {};
-    }), w = n(() => p(e.field.addonLeft) || p(e.field.addonRight)), A = n(() => {
+    }), F = o(() => p(e.field.addonLeft) || p(e.field.addonRight)), A = o(() => {
       const t = e.field.type;
       return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || !t;
-    }), U = n(() => w.value && A.value), b = (t, a) => {
+    }), P = o(() => F.value && A.value), V = (t, a) => {
       s("addonChange", t.name, { value: a.value });
     }, k = (t) => {
       t.action && s("addonAction", t.action);
     };
-    return (t, a) => U.value ? (r(), f(g, u({ key: 0 }, {
+    return (t, a) => P.value ? (r(), f(g, u({ key: 0 }, {
       ...x.value,
       ...l.field?.props || {}
-    }, S(V.value)), B({ _: 2 }, [
+    }, S(b.value)), N({ _: 2 }, [
       R(p)(l.field.addonLeft) ? {
         name: "addon-left",
-        fn: o(() => [
+        fn: n(() => [
           l.field.addonLeft.type === "select" ? (r(), f(y, u({
             key: 0,
             modelValue: l.field.addonLeft.name ? l.values[l.field.addonLeft.name] : void 0,
             options: l.field.addonLeft.options || []
           }, l.field.addonLeft.props || {}, {
-            onOnSelect: a[0] || (a[0] = (i) => b(l.field.addonLeft, i))
+            onOnSelect: a[0] || (a[0] = (i) => V(l.field.addonLeft, i))
           }), {
-            trigger: o(({ selectedLabel: i }) => [
+            trigger: n(({ selectedLabel: i }) => [
               z(v, { variant: "outline" }, {
-                default: o(() => [
-                  m(c(i), 1)
+                default: n(() => [
+                  c(m(i), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -257,28 +262,28 @@ const me = /* @__PURE__ */ N({
           }, l.field.addonLeft.props || {}, {
             onClick: a[1] || (a[1] = (i) => k(l.field.addonLeft))
           }), {
-            default: o(() => [
-              m(c(l.field.addonLeft.text), 1)
+            default: n(() => [
+              c(m(l.field.addonLeft.text), 1)
             ]),
             _: 1
-          }, 16)) : $("", !0)
+          }, 16)) : L("", !0)
         ]),
         key: "0"
       } : void 0,
       R(p)(l.field.addonRight) ? {
         name: "addon-right",
-        fn: o(() => [
+        fn: n(() => [
           l.field.addonRight.type === "select" ? (r(), f(y, u({
             key: 0,
             modelValue: l.field.addonRight.name ? l.values[l.field.addonRight.name] : void 0,
             options: l.field.addonRight.options || []
           }, l.field.addonRight.props || {}, {
-            onOnSelect: a[2] || (a[2] = (i) => b(l.field.addonRight, i))
+            onOnSelect: a[2] || (a[2] = (i) => V(l.field.addonRight, i))
           }), {
-            trigger: o(({ selectedLabel: i }) => [
+            trigger: n(({ selectedLabel: i }) => [
               z(v, { variant: "outline" }, {
-                default: o(() => [
-                  m(c(i), 1)
+                default: n(() => [
+                  c(m(i), 1)
                 ]),
                 _: 2
               }, 1024)
@@ -290,20 +295,23 @@ const me = /* @__PURE__ */ N({
           }, l.field.addonRight.props || {}, {
             onClick: a[3] || (a[3] = (i) => k(l.field.addonRight))
           }), {
-            default: o(() => [
-              m(c(l.field.addonRight.text), 1)
+            default: n(() => [
+              c(m(l.field.addonRight.text), 1)
             ]),
             _: 1
-          }, 16)) : $("", !0)
+          }, 16)) : L("", !0)
         ]),
         key: "1"
       } : void 0
-    ]), 1040)) : (r(), f(I(F.value), u({ key: 1 }, {
+    ]), 1040)) : (r(), f(B(C.value), u({
+      key: 1,
+      class: ["switch", "check"].includes(l.field?.type) ? "" : "w-full"
+    }, {
       ...x.value,
       ...l.field?.props || {}
-    }, S(V.value)), null, 16));
+    }, S(b.value)), null, 16, ["class"]));
   }
 });
 export {
-  me as default
+  ue as default
 };

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

@@ -9,6 +9,7 @@ interface Props {
     rounded?: InputRounded;
     className?: string;
     isUpdate?: boolean;
+    showRequiredAsterisk?: boolean;
     /** Function to check if field is visible */
     isFieldVisible?: (field: IForm) => boolean;
     /** Function to check if field is disabled */
@@ -23,9 +24,10 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     onChange?: (name: string, payload: IFormFieldChangePayload) => any;
     onAddonAction?: (action: string) => any;
 }>, {
-    size: InputSize;
     variant: InputVariant;
+    size: InputSize;
     rounded: InputRounded;
+    showRequiredAsterisk: boolean;
     isUpdate: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _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 p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f01b3b3b"]]);
+const c = /* @__PURE__ */ r(o, [["__scopeId", "data-v-03c267ac"]]);
 export {
-  p as default
+  c as default
 };

package/components/Form/FormFields.vue2.js

@@ -1,18 +1,21 @@
-import { defineComponent as U, computed as f, openBlock as n, createElementBlock as s, normalizeClass as y, Fragment as u, renderList as w, createBlock as m, withCtx as p, unref as I, resolveDynamicComponent as L, createTextVNode as F, toDisplayString as h, createCommentVNode as i, createVNode as $ } from "vue";
-import { isComponent as v, getNestedValue as q } from "./utils/form.utils.js";
-import k from "../Label.vue.js";
-import E from "./FormField.vue.js";
-import { $t as S } from "../../utils/i18n.js";
-const T = {
+import { defineComponent as H, computed as O, ref as j, openBlock as s, createElementBlock as r, normalizeClass as i, Fragment as l, renderList as G, createBlock as d, withCtx as A, unref as _, resolveDynamicComponent as w, createTextVNode as b, toDisplayString as m, createCommentVNode as u, createElementVNode as J, createVNode as K } from "vue";
+import { isComponent as p, getNestedValue as M } from "./utils/form.utils.js";
+import V from "../Label.vue.js";
+import P from "./FormField.vue.js";
+import { $t as Q } from "../../utils/i18n.js";
+const W = {
   key: 0,
   class: "text-destructive ml-0.5"
-}, j = {
+}, X = ["onFocusin", "onFocusout"], Y = ["for"], Z = {
   key: 0,
   class: "text-destructive ml-0.5"
-}, G = {
+}, ee = {
+  key: 0,
+  class: "text-destructive ml-0.5"
+}, te = {
   key: 2,
   class: "mt-1 text-sm text-destructive"
-}, P = /* @__PURE__ */ U({
+}, ce = /* @__PURE__ */ H({
   __name: "FormFields",
   props: {
     schema: {},
@@ -23,80 +26,123 @@ const T = {
     rounded: { default: "md" },
     className: {},
     isUpdate: { type: Boolean, default: !1 },
+    showRequiredAsterisk: { type: Boolean, default: !0 },
     isFieldVisible: {},
     isFieldDisabled: {},
     isFieldReadonly: {}
   },
   emits: ["change", "addonAction"],
-  setup(a, { emit: b }) {
-    const r = a, d = b, g = f(() => {
-      if (r.className) return r.className;
-    }), C = (e) => q(r.values, e.name), l = (e) => r.errors[e.name] || "", x = (e) => r.isFieldVisible ? r.isFieldVisible(e) : !0, V = (e) => r.isFieldDisabled ? r.isFieldDisabled(e) : e.disabled === !0, A = (e) => r.isFieldReadonly ? r.isFieldReadonly(e) : e.readonly === !0, o = (e) => e.labelI18n ? S(e.labelI18n) : e.label, N = (e) => {
-      if (e)
-        return v(e), e;
-    }, D = (e, c) => {
-      d("change", e.name, c);
-    }, _ = (e) => e.itemClass || "", z = (e, c) => {
-      d("change", e, c);
-    }, B = (e) => {
-      d("addonAction", e);
+  setup(c, { emit: N }) {
+    const a = c, y = N, L = O(() => {
+      if (a.className) return a.className;
+    }), k = (t) => M(a.values, t.name), h = (t) => a.errors[t.name] || "", z = (t) => a.isFieldVisible ? a.isFieldVisible(t) : !0, D = (t) => a.isFieldDisabled ? a.isFieldDisabled(t) : t.disabled === !0, R = (t) => a.isFieldReadonly ? a.isFieldReadonly(t) : t.readonly === !0, o = (t) => t.labelI18n ? Q(t.labelI18n) : t.label, x = (t) => {
+      if (t)
+        return p(t), t;
+    }, $ = (t, n) => {
+      y("change", t.name, n);
+    }, q = (t) => t.itemClass || "", B = (t, n) => {
+      y("change", t, n);
+    }, I = (t) => {
+      y("addonAction", t);
+    }, v = j({}), U = (t) => {
+      v.value[t] = !0;
+    }, E = (t) => {
+      v.value[t] = !1;
+    }, f = (t) => {
+      const n = k(t), e = n != null && n !== "" && !(Array.isArray(n) && n.length === 0);
+      return v.value[t.name] || e;
+    }, T = (t) => {
+      const n = t.type || "text";
+      return ["text", "email", "password", "tel", "url", "search", "textarea"].includes(n);
+    }, S = (t) => t.type === "number" && t.props?.variant !== "stacked" ? "left-10" : t.type === "date" || t.type === "time" || t.type === "color" ? "left-9" : "left-3", g = (t) => {
+      if (a.variant !== "floating") return !1;
+      const n = t.type || "text";
+      return !["switch", "check", "customFields", "avatarUpload", "number"].includes(n);
+    }, C = (t) => {
+      const n = o(t);
+      if (!(!n || p(n)))
+        return n;
     };
-    return (e, c) => (n(), s("div", {
-      class: y(["grid gap-4", g.value])
+    return (t, n) => (s(), r("div", {
+      class: i(["grid", c.variant === "floating" ? "gap-6" : "gap-4", L.value])
     }, [
-      (n(!0), s(u, null, w(a.schema, (t) => (n(), s(u, {
-        key: t.name
+      (s(!0), r(l, null, G(c.schema, (e) => (s(), r(l, {
+        key: e.name
       }, [
-        x(t) ? (n(), s("div", {
+        z(e) ? (s(), r("div", {
           key: 0,
-          class: y(["form-field-item", _(t)])
+          class: i(["form-field-item", q(e)])
         }, [
-          o(t) && t.type !== "switch" && t.type !== "check" && t.type !== "customFields" ? (n(), m(k, {
+          o(e) && e.type !== "switch" && e.type !== "check" && e.type !== "customFields" && !g(e) ? (s(), d(V, {
             key: 0,
-            for: t.name,
+            for: e.name,
             class: "mb-2 block text-sm font-medium"
           }, {
-            default: p(() => [
-              I(v)(o(t)) ? (n(), m(L(N(o(t))), { key: 0 })) : (n(), s(u, { key: 1 }, [
-                F(h(o(t)) + " ", 1),
-                t.required ? (n(), s("span", T, "*")) : i("", !0)
+            default: A(() => [
+              _(p)(o(e)) ? (s(), d(w(x(o(e))), { key: 0 })) : (s(), r(l, { key: 1 }, [
+                b(m(o(e)) + " ", 1),
+                e.required && c.showRequiredAsterisk ? (s(), r("span", W, "*")) : u("", !0)
               ], 64))
             ]),
             _: 2
-          }, 1032, ["for"])) : i("", !0),
-          $(E, {
-            field: t,
-            value: C(t),
-            label: t.type === "customFields" ? o(t) : void 0,
-            values: a.values,
-            variant: a.variant,
-            size: a.size,
-            rounded: a.rounded,
-            disabled: V(t),
-            readonly: A(t),
-            error: l(t),
-            isUpdate: a.isUpdate,
-            onChange: (R) => D(t, R),
-            onAddonChange: z,
-            onAddonAction: B
-          }, null, 8, ["field", "value", "label", "values", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "onChange"]),
-          o(t) && (t.type === "switch" || t.type === "check") ? (n(), m(k, {
+          }, 1032, ["for"])) : u("", !0),
+          J("div", {
+            class: i(["relative", ["switch", "check"].includes(e.type) ? "w-auto" : "w-full"]),
+            onFocusin: (F) => U(e.name),
+            onFocusout: (F) => E(e.name)
+          }, [
+            g(e) && C(e) && !T(e) ? (s(), r("label", {
+              key: 0,
+              for: e.name,
+              class: i([
+                "absolute transition-all duration-200 ease-in-out pointer-events-none z-20",
+                f(e) ? "-top-2.5 left-3 text-xs bg-background px-1 text-primary shadow-[0_4px_4px_-4px_bg-background]" : `top-2.5 text-sm text-muted-foreground/70 ${S(e)}`
+              ])
+            }, [
+              _(p)(o(e)) ? (s(), d(w(x(o(e))), { key: 0 })) : (s(), r(l, { key: 1 }, [
+                b(m(o(e)) + " ", 1),
+                e.required ? (s(), r("span", Z, "*")) : u("", !0)
+              ], 64))
+            ], 10, Y)) : u("", !0),
+            K(P, {
+              field: a.variant === "floating" ? {
+                ...e,
+                placeholder: void 0,
+                placeholderI18n: void 0,
+                props: { ...e.props || {}, id: e.name }
+              } : { ...e, props: { ...e.props || {}, id: e.name } },
+              value: k(e),
+              label: e.type === "customFields" ? void 0 : g(e) ? C(e) : void 0,
+              values: c.values,
+              variant: c.variant,
+              size: c.size,
+              rounded: c.rounded,
+              disabled: D(e),
+              readonly: R(e),
+              error: h(e),
+              isUpdate: c.isUpdate,
+              onChange: (F) => $(e, F),
+              onAddonChange: B,
+              onAddonAction: I
+            }, null, 8, ["field", "value", "label", "values", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "onChange"])
+          ], 42, X),
+          o(e) && (e.type === "switch" || e.type === "check") ? (s(), d(V, {
             key: 1,
-            for: t.name,
+            for: e.name,
             class: "ml-2 text-sm font-medium cursor-pointer"
           }, {
-            default: p(() => [
-              F(h(o(t)) + " ", 1),
-              t.required ? (n(), s("span", j, "*")) : i("", !0)
+            default: A(() => [
+              b(m(o(e)) + " ", 1),
+              e.required ? (s(), r("span", ee, "*")) : u("", !0)
             ]),
             _: 2
-          }, 1032, ["for"])) : i("", !0),
-          l(t) ? (n(), s("p", G, h(l(t)), 1)) : i("", !0)
-        ], 2)) : i("", !0)
+          }, 1032, ["for"])) : u("", !0),
+          h(e) ? (s(), r("p", te, m(h(e)), 1)) : u("", !0)
+        ], 2)) : u("", !0)
       ], 64))), 128))
     ], 2));
   }
 });
 export {
-  P as default
+  ce as default
 };

package/components/GoogleLogin.vue.d.ts

@@ -27,10 +27,10 @@ declare const __VLS_component: import('vue').DefineComponent<GoogleLoginProps, {
     onSuccess?: (response: any) => any;
     onError?: (error: any) => any;
 }>, {
-    disabled: boolean;
-    size: any;
     variant: any;
+    size: any;
     rounded: any;
+    disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/Icon.vue.d.ts

@@ -1,7 +1,9 @@
 type __VLS_Props = {
     icon?: string;
+    emoji?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     icon: string;
+    emoji: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/Icon.vue.js

@@ -1,25 +1,26 @@
-import { defineComponent as c, computed as a, openBlock as i, createElementBlock as l, mergeProps as s, createBlock as u, unref as f } from "vue";
-import { Icon as m } from "@iconify/vue";
-const p = ["src"], h = /* @__PURE__ */ c({
+import { defineComponent as a, computed as l, openBlock as i, createElementBlock as r, mergeProps as o, toDisplayString as m, createBlock as u, unref as f, createCommentVNode as d } from "vue";
+import { Icon as g } from "@iconify/vue";
+const h = ["src"], j = /* @__PURE__ */ a({
   inheritAttrs: !1,
   __name: "Icon",
   props: {
-    icon: { default: "" }
+    icon: { default: "" },
+    emoji: { default: "" }
   },
   setup(e) {
-    const t = e, r = a(() => t.icon ? t.icon.startsWith("http://") || t.icon.startsWith("https://") || t.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((o) => t.icon.toLowerCase().endsWith(o)) : !1);
-    return (n, o) => e.icon && r.value ? (i(), l("img", s({
-      key: 0,
+    const t = e, c = l(() => t.icon ? t.icon.startsWith("http://") || t.icon.startsWith("https://") || t.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((s) => t.icon.toLowerCase().endsWith(s)) : !1);
+    return (n, s) => e.emoji ? (i(), r("span", o({ key: 0 }, n.$attrs, { class: "inline-flex items-center justify-center font-normal" }), m(e.emoji), 17)) : e.icon && c.value ? (i(), r("img", o({
+      key: 1,
       src: e.icon
     }, n.$attrs, {
       alt: "icon",
       class: "rounded-full scale-105"
-    }), null, 16, p)) : (i(), u(f(m), s({
-      key: 1,
+    }), null, 16, h)) : e.icon ? (i(), u(f(g), o({
+      key: 2,
       icon: e.icon
-    }, n.$attrs), null, 16, ["icon"]));
+    }, n.$attrs), null, 16, ["icon"])) : d("", !0);
   }
 });
 export {
-  h as default
+  j as default
 };

package/components/ImportData/ImportData.vue.d.ts

@@ -0,0 +1,31 @@
+import { ImportDataProps } from './types';
+type __VLS_Props = ImportDataProps & {
+    show?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:show": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:show"?: (value: boolean) => any;
+}>, {
+    title: string;
+    batchSize: number;
+    show: boolean;
+    buttonText: string;
+    buttonIcon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};