vlite3 1.2.14 → 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 f, createCommentVNode as c, renderSlot as S, createTextVNode as $, toDisplayString as v, unref as F } from "vue";
-import p 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(), x = 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 = {
+    })[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 = x.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(
         " "
       );
     }), m = s(() => {
-      if (h.value && u.value)
-        return `${b.value} object-cover`;
-      const n = e.description && o.value === "horizontal", g = {
+      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,78 +152,81 @@ 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];
-      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(), f(p, {
+          t.loading ? (r(), f(x, {
             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", [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, m.value]])
-          }, null, 8, ["icon", "class"])) : c("", !0)
+          }, 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", {}, () => [
-              $(v(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, v(e.description), 1)) : c("", !0)
-        ], 2)) : c("", !0)
-      ], 64)) : (i(), l(C, { key: 1 }, [
-        t.loading ? (i(), f(p, {
+          ])) : 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", m.value])
-        }, null, 8, ["class"])) : t.icon ? (i(), f(p, {
+        }, null, 8, ["class"])) : t.icon ? (r(), f(x, {
           key: 1,
           icon: t.icon,
-          class: a(["pointer-events-none", [t.iconClass, m.value, x.value ? "mx-auto" : ""]])
-        }, null, 8, ["icon", "class"])) : c("", !0),
-        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 flex-1 w-full", 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("div", {
-            class: a([[t.textClass, E.value], "leading-tight w-full"])
+          $("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)
+            I(n.$slots, "default", {}, () => [
+              j(b(l.value), 1)
             ])
           ], 2),
-          e.description ? (i(), l("span", J, v(e.description), 1)) : c("", !0)
-        ], 2)) : c("", !0),
-        t.iconRight && !t.loading ? (i(), f(p, {
+          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, m.value], "h-4 w-4 pointer-events-none"])
-        }, null, 8, ["icon", "class"])) : c("", !0)
+        }, 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/Clipboard.vue.d.ts

@@ -15,7 +15,18 @@ export interface ClipboardProps {
     copiedTextI18n?: string;
     asIcon?: boolean;
 }
-declare const _default: import('vue').DefineComponent<ClipboardProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            copied: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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<ClipboardProps> & Readonly<{
@@ -31,4 +42,10 @@ declare const _default: import('vue').DefineComponent<ClipboardProps, {}, {}, {}
     defaultTextI18n: string;
     copiedTextI18n: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Clipboard.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as f, ref as p, computed as i, openBlock as x, createBlock as m, normalizeClass as T } from "vue";
-import v from "./Button.vue.js";
-import { $t as l } from "../utils/i18n.js";
-const z = /* @__PURE__ */ f({
+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 d } from "../utils/i18n.js";
+const w = /* @__PURE__ */ f({
   __name: "Clipboard",
   props: {
     textToCopy: {},
@@ -20,42 +20,50 @@ const z = /* @__PURE__ */ f({
   },
   emits: ["copy", "error"],
   setup(o, { emit: r }) {
-    const e = o, c = r, a = p(!1);
+    const e = o, l = r, a = p(!1);
     let n = null;
-    const d = i(() => a.value ? e.copiedIcon : e.defaultIcon), u = i(() => {
+    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 = l(e.copiedTextI18n);
+          const t = d(e.copiedTextI18n);
           return t !== e.copiedTextI18n ? t : "Copied";
         } else {
           if (e.defaultText) return e.defaultText;
-          const t = l(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, y) => (x(), m(v, {
+    return (t, b) => (m(), x(C, {
       variant: o.variant,
       size: o.size,
       rounded: o.rounded,
       class: T(e.class),
       disabled: o.disabled,
-      icon: d.value,
-      text: u.value,
+      icon: u.value,
+      text: c.value,
       "as-icon": o.asIcon,
       onClick: s
-    }, null, 8, ["variant", "size", "rounded", "class", "disabled", "icon", "text", "as-icon"]));
+    }, {
+      default: v(() => [
+        !o.asIcon && !c.value ? y(t.$slots, "default", {
+          key: 0,
+          copied: a.value
+        }) : I("", !0)
+      ]),
+      _: 3
+    }, 8, ["variant", "size", "rounded", "class", "disabled", "icon", "text", "as-icon"]));
   }
 });
 export {
-  z as default
+  w 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/components/Workbook/Sheet.vue.js

@@ -83,7 +83,7 @@ const U = {
     }, E = v(() => [
       "group relative flex items-center min-w-[120px] max-w-[240px] h-9 px-3 border-r border-border select-none cursor-pointer transition-all duration-200 ease-out",
       e.itemClass,
-      e.isActive ? `bg-muted text-foreground ring-1 ring-border ring-b-0 z-10 ${e.activeItemClass}` : `text-muted-foreground hover:bg-accent/50 ${e.inactiveItemClass}`,
+      e.isActive ? `bg-secondary text-foreground ring-1 ring-border ring-b-0 z-10 ${e.activeItemClass}` : `text-muted-foreground hover:bg-accent/50 ${e.inactiveItemClass}`,
       e.isEditing ? "cursor-text" : ""
     ].filter(Boolean).join(" "));
     return (n, t) => (a(), d("div", {

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.14",
+  "version": "1.2.16",
   "type": "module",
   "main": "index.js",
   "module": "index.js",