vlite3 1.2.15 → 1.2.16

package/components/Button.vue.js

@@ -1,17 +1,17 @@
-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 = {
+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 { vRipple as Z } from "../directives/vRipple.js";
+import { $t as q } from "../utils/i18n.js";
+const J = ["type", "disabled", "data-testid"], K = {
   key: 0,
   class: "text-xs font-medium leading-tight truncate max-w-full"
-}, q = {
+}, P = {
   key: 1,
   class: "text-[10px] font-normal opacity-70 mt-0.5 leading-tight truncate max-w-full"
-}, J = {
+}, Q = {
   key: 0,
   class: "text-[0.75em] font-normal opacity-70 mt-0.5 leading-tight"
-}, X = /* @__PURE__ */ N({
+}, ee = /* @__PURE__ */ L({
   __name: "Button",
   props: {
     description: {},
@@ -33,7 +33,7 @@ const O = ["type", "disabled", "data-testid"], Z = {
     layout: { default: "horizontal" }
   },
   setup(t) {
-    const z = {
+    const k = {
       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 O = ["type", "disabled", "data-testid"], Z = {
       ghost: "bg-accent text-accent-foreground",
       link: "bg-primary/10 text-primary",
       transparent: "bg-muted text-foreground"
-    }, e = t, I = T(), o = s(() => {
-      const n = e.layout || I.layout;
+    }, e = t, B = N(), o = s(() => {
+      const n = e.layout || B.layout;
       return n === "tile" ? "tile" : n === "vertical" ? "vertical" : "horizontal";
-    }), h = s(() => o.value === "tile"), j = s(() => z[e.variant] ?? z.primary), b = s(() => ({
+    }), h = s(() => o.value === "tile"), R = s(() => k[e.variant] ?? k.primary), y = s(() => ({
       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]), 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"} ${m.value ? "icon-only shrink-0" : ""}`, y = {
+    })[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 = {
         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",
@@ -97,14 +97,14 @@ const O = ["type", "disabled", "data-testid"], Z = {
         md: e.description ? "h-auto py-2.5 px-4" : "h-9 px-4 py-2",
         lg: e.description ? "h-auto py-3 px-4" : "h-10 px-4",
         xl: e.description ? "h-auto py-4 px-10" : "h-12 px-10"
-      }, V = {
+      }, T = {
         xs: "h-6.5 w-6.5 min-h-6.5 min-w-6.5",
         sm: "h-7.5 w-7.5 min-h-7.5 min-w-7.5",
         sm2: "h-8 w-8 min-h-8 min-w-8",
         md: "h-9 w-9 min-h-9 min-w-9",
         lg: "h-10 w-10 min-h-10 min-w-10",
         xl: "h-12 w-12 min-h-12 min-w-12"
-      }, W = {
+      }, V = {
         none: "rounded-none",
         sm: "rounded-sm",
         sm2: "rounded-sm",
@@ -114,15 +114,15 @@ const O = ["type", "disabled", "data-testid"], Z = {
         "2xl": "rounded-2xl",
         full: "rounded-full"
       };
-      let w = m.value ? V[e.size] : d[e.size];
-      o.value === "tile" ? w = {
+      let z = v.value ? T[e.size] : d[e.size];
+      o.value === "tile" ? z = {
         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" && (w = {
+      }[e.size] : o.value === "vertical" && (z = {
         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 O = ["type", "disabled", "data-testid"], Z = {
         lg: "h-auto py-3 px-4 min-w-28",
         xl: "h-auto py-4 px-10 min-w-32"
       }[e.size]);
-      const D = h.value ? "group text-foreground focus:outline-none focus-visible:outline-none active:scale-100!" : y[e.variant];
-      return [g, D, W[e.rounded], w, e.class].join(
+      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(
         " "
       );
-    }), f = s(() => {
-      if (h.value && u.value)
-        return `${b.value} object-cover`;
-      const n = e.description && o.value === "horizontal", g = {
+    }), m = s(() => {
+      if (h.value && g.value)
+        return `${y.value} object-cover`;
+      const n = e.description && o.value === "horizontal", i = {
         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"
-      }, y = {
+      }, w = {
         xs: "w-3 h-3",
         sm: "w-4 h-4",
         sm2: "w-4 h-4",
@@ -152,81 +152,81 @@ const O = ["type", "disabled", "data-testid"], Z = {
         lg: "w-4 h-4",
         xl: "w-4 h-4"
       };
-      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;
+      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, g) => G((i(), l("button", {
+    return (n, i) => M((r(), c("button", {
       type: t.type,
-      class: a([R.value, "cursor-pointer"]),
+      class: a([A.value, "cursor-pointer"]),
       disabled: t.disabled || t.loading,
-      "data-testid": n.$attrs["data-testid"] || (r.value ? `btn-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : t.icon ? `btn-${t.icon.replace(/[^a-zA-Z0-9]+/g, "-")}` : "button")
+      "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 ? (i(), l(C, { key: 0 }, [
-        k("span", {
+      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]", [
-            u.value ? "" : "rounded-full",
-            u.value ? "" : j.value,
-            u.value ? "" : b.value
+            g.value ? "" : "rounded-full",
+            g.value ? "" : R.value,
+            g.value ? "" : y.value
           ]])
         }, [
-          t.loading ? (i(), x(v, {
+          t.loading ? (r(), f(x, {
             key: 0,
             icon: "lucide:loader-2",
-            class: a(["animate-spin pointer-events-none", [f.value, u.value ? b.value : ""]])
-          }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
+            class: a(["animate-spin pointer-events-none", [m.value, g.value ? y.value : ""]])
+          }, null, 8, ["class"])) : t.icon ? (r(), f(x, {
             key: 1,
             icon: t.icon,
-            class: a(["pointer-events-none", [t.iconClass, f.value]])
-          }, null, 8, ["icon", "class"])) : c("", !0)
+            class: a(["pointer-events-none", [t.iconClass, m.value]])
+          }, null, 8, ["icon", "class"])) : u("", !0)
         ], 2),
-        r.value || n.$slots.default || e.description ? (i(), l("span", {
+        l.value || p.value || e.description ? (r(), c("span", {
           key: 0,
           class: a(["flex flex-col items-center max-w-full", t.textClass])
         }, [
-          r.value || n.$slots.default ? (i(), l("span", Z, [
-            S(n.$slots, "default", {}, () => [
-              $(p(r.value), 1)
+          l.value || p.value ? (r(), c("span", K, [
+            I(n.$slots, "default", {}, () => [
+              j(b(l.value), 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(), x(v, {
+          ])) : u("", !0),
+          e.description ? (r(), c("span", P, b(e.description), 1)) : u("", !0)
+        ], 2)) : u("", !0)
+      ], 64)) : (r(), c(C, { key: 1 }, [
+        t.loading ? (r(), f(x, {
           key: 0,
           icon: "lucide:loader-2",
-          class: a(["animate-spin pointer-events-none", f.value])
-        }, null, 8, ["class"])) : t.icon ? (i(), x(v, {
+          class: a(["animate-spin pointer-events-none", m.value])
+        }, null, 8, ["class"])) : t.icon ? (r(), f(x, {
           key: 1,
           icon: t.icon,
-          class: a(["pointer-events-none", [t.iconClass, f.value, m.value ? "mx-auto" : ""]])
-        }, null, 8, ["icon", "class"])) : c("", !0),
-        !m.value && (r.value || n.$slots.default || e.description) ? (i(), l("div", {
+          class: a(["pointer-events-none", [t.iconClass, m.value, v.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", [
             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("div", {
+          $("div", {
             class: a([[t.textClass, E.value], "leading-tight w-full [&>:where(svg)]:mx-auto [&>:where(img)]:mx-auto"])
           }, [
-            S(n.$slots, "default", {}, () => [
-              $(p(r.value), 1)
+            I(n.$slots, "default", {}, () => [
+              j(b(l.value), 1)
             ])
           ], 2),
-          e.description ? (i(), l("span", J, p(e.description), 1)) : c("", !0)
-        ], 2)) : c("", !0),
-        t.iconRight && !t.loading ? (i(), x(v, {
+          e.description ? (r(), c("span", Q, b(e.description), 1)) : u("", !0)
+        ], 2)) : u("", !0),
+        t.iconRight && !t.loading ? (r(), f(x, {
           key: 3,
           icon: t.iconRight,
-          class: a([[t.iconRightClass, f.value], "h-4 w-4 pointer-events-none"])
-        }, null, 8, ["icon", "class"])) : c("", !0)
+          class: a([[t.iconRightClass, m.value], "h-4 w-4 pointer-events-none"])
+        }, null, 8, ["icon", "class"])) : u("", !0)
       ], 64))
-    ], 10, O)), [
-      [F(H), !h.value]
+    ], 10, J)), [
+      [O(Z), !h.value]
     ]);
   }
 });
 export {
-  X as default
+  ee as default
 };

package/components/CommandPalette/CommandPaletteContent.vue2.js

@@ -4,7 +4,7 @@ import k from "../Icon.vue.js";
 import { $t as E } from "../../utils/i18n.js";
 import { useCommandPaletteItems as Y } from "./useCommandPaletteItems.js";
 import { useCommandPaletteNav as Z } from "./useCommandPaletteNav.js";
-import ee from "./CommandPaletteItem.vue2.js";
+import ee from "./CommandPaletteItem.vue.js";
 const te = { class: "command-palette-content flex flex-col w-full h-full max-h-[70vh]" }, oe = { class: "flex items-center gap-3 px-4 py-3 border-b border-border/80 shrink-0" }, se = ["placeholder"], ne = ["aria-label"], re = {
   key: 0,
   class: "flex flex-col items-center justify-center py-14 px-6 text-center select-none",

package/components/CommandPalette/{CommandPaletteItem.vue2.js → CommandPaletteItem.vue.js}

@@ -1,5 +1,5 @@
 import t from "./CommandPaletteItem.vue3.js";
-/* empty css                       */
+/* empty css                        */
 import o from "../../_virtual/_plugin-vue_export-helper.js";
 const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-66b1ae06"]]);
 export {

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                      */
+/* empty css                                       */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

package/package.json

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