vlite3 1.2.13 → 1.2.15

package/components/Avatar.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as k, ref as c, watch as w, computed as a, openBlock as t, createElementBlock as r, normalizeClass as d, renderSlot as b, toDisplayString as g, createBlock as C } from "vue";
-import _ from "./Icon.vue.js";
-const y = ["src", "alt"], z = { key: 0 }, A = /* @__PURE__ */ k({
+import { defineComponent as k, ref as c, watch as w, computed as a, openBlock as s, createElementBlock as r, normalizeClass as d, renderSlot as b, toDisplayString as g, createBlock as y } from "vue";
+import C from "./Icon.vue.js";
+const _ = ["src", "alt"], z = { key: 0 }, A = /* @__PURE__ */ k({
   __name: "Avatar",
   props: {
     src: { default: "" },
@@ -11,18 +11,18 @@ const y = ["src", "alt"], z = { key: 0 }, A = /* @__PURE__ */ k({
     class: { default: "" }
   },
   setup(o) {
-    const e = o, s = c(!1), n = c(!1);
+    const e = o, t = c(!1), n = c(!1);
     w(
       () => e.src,
       () => {
-        s.value = !1, n.value = !1;
+        t.value = !1, n.value = !1;
       }
     );
     const f = () => {
-      s.value = !0, n.value = !1;
+      t.value = !0, n.value = !1;
     }, i = () => {
-      n.value = !0, s.value = !1;
-    }, m = a(() => e.src && !s.value), u = a(() => {
+      n.value = !0, t.value = !1;
+    }, m = a(() => e.src && !t.value), u = a(() => {
       if (e.fallback) return e.fallback;
       if (!e.alt) return "";
       const l = e.alt.trim().split(/\s+/);
@@ -43,27 +43,27 @@ const y = ["src", "alt"], z = { key: 0 }, A = /* @__PURE__ */ k({
       "2xl": "rounded-2xl",
       full: "rounded-full"
     }, v = a(() => [
-      "relative flex shrink-0 overflow-hidden bg-muted border border-border/50",
+      "relative flex shrink-0 overflow-hidden bg-secondary! border border-border/50",
       x[e.size],
       h[e.rounded],
       e.class
-    ].join(" ")), p = a(() => "flex h-full w-full items-center justify-center bg-muted text-muted-foreground font-medium");
-    return (l, j) => (t(), r("div", {
+    ].join(" ")), p = a(() => "flex h-full w-full items-center justify-center bg-secondary! text-muted-foreground font-medium");
+    return (l, j) => (s(), r("div", {
       class: d(v.value)
     }, [
-      m.value ? (t(), r("img", {
+      m.value ? (s(), r("img", {
         key: 0,
         src: o.src,
         alt: o.alt,
         class: "aspect-square h-full w-full object-cover",
         onError: f,
         onLoad: i
-      }, null, 40, y)) : (t(), r("div", {
+      }, null, 40, _)) : (s(), r("div", {
         key: 1,
         class: d(p.value)
       }, [
         b(l.$slots, "fallback", {}, () => [
-          u.value ? (t(), r("span", z, g(u.value), 1)) : (t(), C(_, {
+          u.value ? (s(), r("span", z, g(u.value), 1)) : (s(), y(C, {
             key: 1,
             icon: "lucide:user",
             class: "h-1/2 w-1/2"

package/components/Button.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as N, useAttrs as T, computed as s, useSlots as A, withDirectives as G, openBlock as i, createElementBlock as l, normalizeClass as a, Fragment as C, createElementVNode as k, createBlock as f, createCommentVNode as c, renderSlot as S, createTextVNode as $, toDisplayString as v, unref as F } from "vue";
-import p from "./Icon.vue.js";
+import { defineComponent as N, useAttrs as T, computed as s, useSlots as A, withDirectives as G, openBlock as i, createElementBlock as l, normalizeClass as a, Fragment as C, createElementVNode as k, createBlock as x, createCommentVNode as c, renderSlot as S, createTextVNode as $, toDisplayString as p, unref as F } from "vue";
+import v from "./Icon.vue.js";
 import { vRipple as H } from "../directives/vRipple.js";
 import { $t as M } from "../utils/i18n.js";
 const O = ["type", "disabled", "data-testid"], Z = {
@@ -65,10 +65,10 @@ const O = ["type", "disabled", "data-testid"], Z = {
       md: "w-12 h-12",
       lg: "w-14 h-14",
       xl: "w-16 h-16"
-    })[e.size]), r = s(() => e.textI18n ? M(e.textI18n) : e.text), B = A(), x = s(
+    })[e.size]), r = s(() => e.textI18n ? M(e.textI18n) : e.text), B = A(), m = s(
       () => e?.asIcon || e.icon && !r.value && !B.default
     ), u = s(() => e.icon ? e.icon.startsWith("http://") || e.icon.startsWith("https://") || e.icon.startsWith("data:image/") ? !0 : [".png", ".jpg", ".jpeg", ".gif", ".svg", ".webp", ".ico", ".avif"].some((g) => e.icon.toLowerCase().endsWith(g)) : !1), R = s(() => {
-      const g = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer ${o.value === "tile" ? "flex-col gap-1.5 items-center" : o.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${x.value ? "icon-only shrink-0" : ""}`, y = {
+      const g = `inline-flex items-center justify-center whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 active:scale-[0.98] cursor-pointer ${o.value === "tile" ? "flex-col gap-1.5 items-center" : o.value === "vertical" ? "flex-col gap-2" : e.description ? "gap-3" : "gap-2"} ${m.value ? "icon-only shrink-0" : ""}`, y = {
         primary: "bg-primary text-primary-foreground hover:bg-primary/90",
         "primary-light": "bg-primary-light text-primary-fg-light hover:bg-primary/15",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
@@ -114,7 +114,7 @@ const O = ["type", "disabled", "data-testid"], Z = {
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let w = x.value ? V[e.size] : d[e.size];
+      let w = m.value ? V[e.size] : d[e.size];
       o.value === "tile" ? w = {
         xs: "h-auto p-0!",
         sm: "h-auto p-0!",
@@ -134,7 +134,7 @@ const O = ["type", "disabled", "data-testid"], Z = {
       return [g, D, W[e.rounded], w, e.class].join(
         " "
       );
-    }), m = s(() => {
+    }), f = s(() => {
       if (h.value && u.value)
         return `${b.value} object-cover`;
       const n = e.description && o.value === "horizontal", g = {
@@ -152,7 +152,7 @@ const O = ["type", "disabled", "data-testid"], Z = {
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      let d = x.value ? y[e.size] : g[e.size];
+      let d = m.value ? y[e.size] : g[e.size];
       return u.value && (d += " object-cover"), h.value ? d += " scale-[1.45]!" : o.value === "vertical" && (d += " scale-[1.35]! mt-1"), d;
     }), E = s(() => o.value === "vertical" ? "scale-[0.9]" : "");
     return (n, g) => G((i(), l("button", {
@@ -169,14 +169,14 @@ const O = ["type", "disabled", "data-testid"], Z = {
             u.value ? "" : b.value
           ]])
         }, [
-          t.loading ? (i(), f(p, {
+          t.loading ? (i(), x(v, {
             key: 0,
             icon: "lucide:loader-2",
-            class: a(["animate-spin pointer-events-none", [m.value, u.value ? b.value : ""]])
-          }, null, 8, ["class"])) : t.icon ? (i(), f(p, {
+            class: a(["animate-spin pointer-events-none", [f.value, u.value ? b.value : ""]])
+          }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
             key: 1,
             icon: t.icon,
-            class: a(["pointer-events-none", [t.iconClass, m.value]])
+            class: a(["pointer-events-none", [t.iconClass, f.value]])
           }, null, 8, ["icon", "class"])) : c("", !0)
         ], 2),
         r.value || n.$slots.default || e.description ? (i(), l("span", {
@@ -185,38 +185,41 @@ const O = ["type", "disabled", "data-testid"], Z = {
         }, [
           r.value || n.$slots.default ? (i(), l("span", Z, [
             S(n.$slots, "default", {}, () => [
-              $(v(r.value), 1)
+              $(p(r.value), 1)
             ])
           ])) : c("", !0),
-          e.description ? (i(), l("span", q, v(e.description), 1)) : c("", !0)
+          e.description ? (i(), l("span", q, p(e.description), 1)) : c("", !0)
         ], 2)) : c("", !0)
       ], 64)) : (i(), l(C, { key: 1 }, [
-        t.loading ? (i(), f(p, {
+        t.loading ? (i(), x(v, {
           key: 0,
           icon: "lucide:loader-2",
-          class: a(["animate-spin pointer-events-none", m.value])
-        }, null, 8, ["class"])) : t.icon ? (i(), f(p, {
+          class: a(["animate-spin pointer-events-none", f.value])
+        }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
           key: 1,
           icon: t.icon,
-          class: a(["pointer-events-none", [t.iconClass, m.value, x.value ? "mx-auto" : ""]])
+          class: a(["pointer-events-none", [t.iconClass, f.value, m.value ? "mx-auto" : ""]])
         }, null, 8, ["icon", "class"])) : c("", !0),
-        r.value || n.$slots.default || e.description ? (i(), l("div", {
+        !m.value && (r.value || n.$slots.default || e.description) ? (i(), l("div", {
           key: 2,
-          class: a(["flex flex-col justify-center", o.value === "vertical" ? "items-center text-center" : "items-start text-left"])
+          class: a(["flex flex-col justify-center", [
+            o.value === "vertical" ? "items-center text-center" : e.description ? "items-start text-left" : "items-center text-center",
+            !t.icon && !t.iconRight && !t.loading ? "flex-1 w-full" : ""
+          ]])
         }, [
-          k("span", {
-            class: a([[t.textClass, E.value], "leading-tight"])
+          k("div", {
+            class: a([[t.textClass, E.value], "leading-tight w-full [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
           }, [
             S(n.$slots, "default", {}, () => [
-              $(v(r.value), 1)
+              $(p(r.value), 1)
             ])
           ], 2),
-          e.description ? (i(), l("span", J, v(e.description), 1)) : c("", !0)
+          e.description ? (i(), l("span", J, p(e.description), 1)) : c("", !0)
         ], 2)) : c("", !0),
-        t.iconRight && !t.loading ? (i(), f(p, {
+        t.iconRight && !t.loading ? (i(), x(v, {
           key: 3,
           icon: t.iconRight,
-          class: a([[t.iconRightClass, m.value], "h-4 w-4 pointer-events-none"])
+          class: a([[t.iconRightClass, f.value], "h-4 w-4 pointer-events-none"])
         }, null, 8, ["icon", "class"])) : c("", !0)
       ], 64))
     ], 10, O)), [