vlite3 1.2.16 → 1.3.1

package/components/Button.vue.d.ts

@@ -7,6 +7,8 @@ declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
         default?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLButtonElement;

package/components/Button.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as L, useAttrs as N, computed as s, useSlots as G, Comment as F, Fragment as C, Text as H, withDirectives as M, openBlock as r, createElementBlock as c, normalizeClass as a, createElementVNode as $, createBlock as f, createCommentVNode as u, renderSlot as I, createTextVNode as j, toDisplayString as b, unref as O } from "vue";
-import x from "./Icon.vue.js";
+import { defineComponent as L, useAttrs as N, computed as a, useSlots as G, Comment as F, Fragment as b, Text as H, withDirectives as M, openBlock as i, createElementBlock as c, normalizeClass as r, createElementVNode as I, createBlock as x, createCommentVNode as u, renderSlot as w, createTextVNode as k, toDisplayString as h, unref as O } from "vue";
+import p from "./Icon.vue.js";
 import { vRipple as Z } from "../directives/vRipple.js";
 import { $t as q } from "../utils/i18n.js";
 const J = ["type", "disabled", "data-testid"], K = {
@@ -33,7 +33,7 @@ const J = ["type", "disabled", "data-testid"], K = {
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const k = {
+    const $ = {
       primary: "bg-primary text-primary-foreground",
       "primary-light": "bg-primary-light text-primary-fg-light",
       secondary: "bg-secondary text-secondary-foreground",
@@ -55,20 +55,20 @@ const J = ["type", "disabled", "data-testid"], K = {
       ghost: "bg-accent text-accent-foreground",
       link: "bg-primary/10 text-primary",
       transparent: "bg-muted text-foreground"
-    }, e = t, B = N(), o = s(() => {
+    }, e = t, B = N(), o = a(() => {
       const n = e.layout || B.layout;
       return n === "tile" ? "tile" : n === "vertical" ? "vertical" : "horizontal";
-    }), h = s(() => o.value === "tile"), R = s(() => k[e.variant] ?? k.primary), y = s(() => ({
+    }), m = a(() => o.value === "tile"), R = a(() => $[e.variant] ?? $.primary), C = a(() => ({
       xs: "w-9 h-9",
       sm: "w-10 h-10",
       sm2: "w-11 h-11",
       md: "w-12 h-12",
       lg: "w-14 h-14",
       xl: "w-16 h-16"
-    })[e.size]), l = s(() => e.textI18n ? q(e.textI18n) : e.text), S = G(), p = s(() => S.default ? S.default().some((i) => !(i.type === F || i.type === C && Array.isArray(i.children) && i.children.length === 0 || i.type === H && typeof i.children == "string" && i.children.trim() === "")) : !1), v = s(
-      () => e?.asIcon || e.icon && !l.value && !p.value
-    ), g = 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((i) => e.icon.toLowerCase().endsWith(i)) : !1), A = s(() => {
-      const i = `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"} ${v.value ? "icon-only shrink-0" : ""}`, w = {
+    })[e.size]), l = a(() => e.textI18n ? q(e.textI18n) : e.text), j = G(), v = a(() => j.default ? j.default().some((s) => !(s.type === F || s.type === b && Array.isArray(s.children) && s.children.length === 0 || s.type === H && typeof s.children == "string" && s.children.trim() === "")) : !1), y = a(
+      () => e?.asIcon || e.icon && !l.value && !v.value
+    ), g = a(() => 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((s) => e.icon.toLowerCase().endsWith(s)) : !1), A = a(() => {
+      const s = `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"} ${y.value ? "icon-only shrink-0" : ""}`, z = {
         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,15 +114,15 @@ const J = ["type", "disabled", "data-testid"], K = {
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let z = v.value ? T[e.size] : d[e.size];
-      o.value === "tile" ? z = {
+      let S = y.value ? T[e.size] : d[e.size];
+      o.value === "tile" ? S = {
         xs: "h-auto p-0!",
         sm: "h-auto p-0!",
         sm2: "h-auto p-0!",
         md: "h-auto p-0!",
         lg: "h-auto p-0!",
         xl: "h-auto p-0!"
-      }[e.size] : o.value === "vertical" && (z = {
+      }[e.size] : o.value === "vertical" && (S = {
         xs: "h-auto py-1.5 px-2 min-w-16",
         sm: "h-auto py-2 px-3 min-w-20",
         sm2: "h-auto py-2 px-3 min-w-20",
@@ -130,21 +130,21 @@ const J = ["type", "disabled", "data-testid"], K = {
         lg: "h-auto py-3 px-4 min-w-28",
         xl: "h-auto py-4 px-10 min-w-32"
       }[e.size]);
-      const W = h.value ? "group text-foreground focus:outline-none focus-visible:outline-none active:scale-100!" : w[e.variant];
-      return [i, W, V[e.rounded], z, e.class].join(
+      const W = m.value ? "group text-foreground focus:outline-none focus-visible:outline-none active:scale-100!" : z[e.variant];
+      return [s, W, V[e.rounded], S, e.class].join(
         " "
       );
-    }), m = s(() => {
-      if (h.value && g.value)
-        return `${y.value} object-cover`;
-      const n = e.description && o.value === "horizontal", i = {
+    }), f = a(() => {
+      if (m.value && g.value)
+        return `${C.value} object-cover`;
+      const n = e.description && o.value === "horizontal", s = {
         xs: n ? "w-3.5 h-3.5" : "w-3 h-3",
         sm: n ? "w-5 h-5" : "w-4 h-4",
         sm2: n ? "w-5 h-5" : "w-4 h-4",
         md: n ? "w-5 h-5" : "w-4 h-4",
         lg: n ? "w-5 h-5" : "w-4 h-4",
         xl: n ? "w-5 h-5" : "w-4 h-4"
-      }, w = {
+      }, z = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         sm2: "w-4 h-4",
@@ -152,78 +152,89 @@ const J = ["type", "disabled", "data-testid"], K = {
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      let d = v.value ? w[e.size] : i[e.size];
-      return g.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, i) => M((r(), c("button", {
+      let d = y.value ? z[e.size] : s[e.size];
+      return g.value && (d += " object-cover"), m.value ? d += " scale-[1.45]!" : o.value === "vertical" && (d += " scale-[1.35]! mt-1"), d;
+    }), E = a(() => o.value === "vertical" ? "scale-[0.9]" : "");
+    return (n, s) => M((i(), c("button", {
       type: t.type,
-      class: a([A.value, "cursor-pointer"]),
+      class: r([A.value, "cursor-pointer"]),
       disabled: t.disabled || t.loading,
       "data-testid": n.$attrs["data-testid"] || (l.value ? `btn-${l.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : t.icon ? `btn-${t.icon.replace(/[^a-zA-Z0-9]+/g, "-")}` : "button")
     }, [
-      h.value ? (r(), c(C, { key: 0 }, [
-        $("span", {
-          class: a(["inline-flex items-center justify-center shrink-0 transition-transform duration-150 ease-out group-active:scale-[0.92]", [
+      m.value ? (i(), c(b, { key: 0 }, [
+        I("span", {
+          class: r(["inline-flex items-center justify-center shrink-0 transition-transform duration-150 ease-out group-active:scale-[0.92]", [
             g.value ? "" : "rounded-full",
             g.value ? "" : R.value,
-            g.value ? "" : y.value
+            g.value ? "" : C.value
           ]])
         }, [
-          t.loading ? (r(), f(x, {
+          t.loading ? (i(), x(p, {
             key: 0,
             icon: "lucide:loader-2",
-            class: a(["animate-spin pointer-events-none", [m.value, g.value ? y.value : ""]])
-          }, null, 8, ["class"])) : t.icon ? (r(), f(x, {
+            class: r(["animate-spin pointer-events-none", [f.value, g.value ? C.value : ""]])
+          }, null, 8, ["class"])) : t.icon ? (i(), x(p, {
             key: 1,
             icon: t.icon,
-            class: a(["pointer-events-none", [t.iconClass, m.value]])
+            class: r(["pointer-events-none", [t.iconClass, f.value]])
           }, null, 8, ["icon", "class"])) : u("", !0)
         ], 2),
-        l.value || p.value || e.description ? (r(), c("span", {
+        l.value || v.value || e.description ? (i(), c("span", {
           key: 0,
-          class: a(["flex flex-col items-center max-w-full", t.textClass])
+          class: r(["flex flex-col items-center max-w-full", t.textClass])
         }, [
-          l.value || p.value ? (r(), c("span", K, [
-            I(n.$slots, "default", {}, () => [
-              j(b(l.value), 1)
+          l.value || v.value ? (i(), c("span", K, [
+            w(n.$slots, "default", {}, () => [
+              k(h(l.value), 1)
             ])
           ])) : u("", !0),
-          e.description ? (r(), c("span", P, b(e.description), 1)) : u("", !0)
+          e.description ? (i(), c("span", P, h(e.description), 1)) : u("", !0)
         ], 2)) : u("", !0)
-      ], 64)) : (r(), c(C, { key: 1 }, [
-        t.loading ? (r(), f(x, {
+      ], 64)) : (i(), c(b, { key: 1 }, [
+        t.loading ? (i(), x(p, {
           key: 0,
           icon: "lucide:loader-2",
-          class: a(["animate-spin pointer-events-none", m.value])
-        }, null, 8, ["class"])) : t.icon ? (r(), f(x, {
+          class: r(["animate-spin pointer-events-none shrink-0", f.value])
+        }, null, 8, ["class"])) : t.icon ? (i(), x(p, {
           key: 1,
           icon: t.icon,
-          class: a(["pointer-events-none", [t.iconClass, m.value, v.value ? "mx-auto" : ""]])
+          class: r(["pointer-events-none shrink-0", [t.iconClass, f.value, y.value ? "mx-auto" : ""]])
         }, null, 8, ["icon", "class"])) : u("", !0),
-        l.value || p.value || e.description ? (r(), c("div", {
-          key: 2,
-          class: a(["flex flex-col justify-center", [
+        !e.description && o.value === "horizontal" ? (i(), c(b, { key: 2 }, [
+          t.textClass ? (i(), c("div", {
+            key: 0,
+            class: r([t.textClass, "leading-tight truncate inline-flex items-center justify-center gap-1.5"])
+          }, [
+            w(n.$slots, "default", {}, () => [
+              k(h(l.value), 1)
+            ])
+          ], 2)) : w(n.$slots, "default", { key: 1 }, () => [
+            k(h(l.value), 1)
+          ])
+        ], 64)) : l.value || v.value || e.description ? (i(), c("div", {
+          key: 3,
+          class: r(["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" : ""
           ]])
         }, [
-          $("div", {
-            class: a([[t.textClass, E.value], "leading-tight w-full [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
+          I("div", {
+            class: r([[t.textClass, E.value], "inline-flex items-center gap-1.5 w-full leading-tight [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
           }, [
-            I(n.$slots, "default", {}, () => [
-              j(b(l.value), 1)
+            w(n.$slots, "default", {}, () => [
+              k(h(l.value), 1)
             ])
           ], 2),
-          e.description ? (r(), c("span", Q, b(e.description), 1)) : u("", !0)
+          e.description ? (i(), c("span", Q, h(e.description), 1)) : u("", !0)
         ], 2)) : u("", !0),
-        t.iconRight && !t.loading ? (r(), f(x, {
-          key: 3,
+        t.iconRight && !t.loading ? (i(), x(p, {
+          key: 4,
           icon: t.iconRight,
-          class: a([[t.iconRightClass, m.value], "h-4 w-4 pointer-events-none"])
+          class: r([[t.iconRightClass, f.value], "h-4 w-4 pointer-events-none shrink-0"])
         }, null, 8, ["icon", "class"])) : u("", !0)
       ], 64))
     ], 10, J)), [
-      [O(Z), !h.value]
+      [O(Z), !m.value]
     ]);
   }
 });