vlite3 0.1.10 → 0.2.2

package/components/Spinner/Spinner.vue.js

@@ -0,0 +1,89 @@
+import { defineComponent as m, computed as a, openBlock as t, createElementBlock as o, normalizeClass as h, createStaticVNode as c, createCommentVNode as i, createElementVNode as s } from "vue";
+const f = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+}, w = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+}, k = {
+  key: 2,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+}, C = {
+  key: 3,
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+}, y = /* @__PURE__ */ m({
+  __name: "Spinner",
+  props: {
+    size: { default: "md" },
+    color: { default: "current" },
+    variant: { default: "border" },
+    class: { default: "" }
+  },
+  setup(e) {
+    const l = e, u = a(() => ({
+      xs: "text-xs",
+      sm: "text-sm",
+      md: "text-base",
+      lg: "text-xl",
+      xl: "text-2xl"
+    })[l.size]), d = a(() => l.color === "current" ? "text-current" : {
+      primary: "text-primary",
+      secondary: "text-secondary",
+      success: "text-success",
+      warning: "text-warning",
+      danger: "text-destructive",
+      white: "text-white"
+    }[l.color]);
+    return (n, r) => (t(), o("span", {
+      class: h([d.value, u.value])
+    }, [
+      e.variant == "dots" ? (t(), o("svg", f, [...r[0] || (r[0] = [
+        c('<g><circle cx="3" cy="12" r="2" fill="currentColor" stroke-width="0.3" stroke="currentColor"></circle><circle cx="21" cy="12" r="2" fill="currentColor" stroke-width="0.3" stroke="currentColor"></circle><circle cx="12" cy="21" r="2" fill="currentColor" stroke-width="0.3" stroke="currentColor"></circle><circle cx="12" cy="3" r="2" fill="currentColor" stroke-width="0.3" stroke="currentColor"></circle><circle cx="5.64" cy="5.64" r="2" fill="currentColor" stroke-width="0.3" stroke="currentColor"></circle><circle cx="18.36" cy="18.36" r="2" fill="currentColor" stroke-width="0.3" stroke="currentColor"></circle><circle cx="5.64" cy="18.36" r="2" fill="currentColor" stroke-width="0.3" stroke="currentColor"></circle><circle cx="18.36" cy="5.64" r="2" fill="currentColor" stroke-width="0.3" stroke="currentColor"></circle><animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"></animateTransform></g>', 1)
+      ])])) : i("", !0),
+      e.variant === "border" ? (t(), o("svg", w, [...r[1] || (r[1] = [
+        s("path", {
+          fill: "currentColor",
+          d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
+          opacity: "0.25",
+          "stroke-width": "0.3",
+          stroke: "currentColor"
+        }, null, -1),
+        s("path", {
+          fill: "currentColor",
+          d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z",
+          "stroke-width": "0.3",
+          stroke: "currentColor"
+        }, [
+          s("animateTransform", {
+            attributeName: "transform",
+            dur: "0.75s",
+            repeatCount: "indefinite",
+            type: "rotate",
+            values: "0 12 12;360 12 12"
+          })
+        ], -1)
+      ])])) : i("", !0),
+      e.variant === "bars" ? (t(), o("svg", k, [...r[2] || (r[2] = [
+        c('<g><rect width="2" height="5" x="11" y="1" fill="currentColor" opacity="0.14" stroke-width="0.3" stroke="currentColor"></rect><rect width="2" height="5" x="11" y="1" fill="currentColor" opacity="0.29" transform="rotate(30 12 12)" stroke-width="0.3" stroke="currentColor"></rect><rect width="2" height="5" x="11" y="1" fill="currentColor" opacity="0.43" transform="rotate(60 12 12)" stroke-width="0.3" stroke="currentColor"></rect><rect width="2" height="5" x="11" y="1" fill="currentColor" opacity="0.57" transform="rotate(90 12 12)" stroke-width="0.3" stroke="currentColor"></rect><rect width="2" height="5" x="11" y="1" fill="currentColor" opacity="0.71" transform="rotate(120 12 12)" stroke-width="0.3" stroke="currentColor"></rect><rect width="2" height="5" x="11" y="1" fill="currentColor" opacity="0.86" transform="rotate(150 12 12)" stroke-width="0.3" stroke="currentColor"></rect><rect width="2" height="5" x="11" y="1" fill="currentColor" transform="rotate(180 12 12)" stroke-width="0.3" stroke="currentColor"></rect><animateTransform attributeName="transform" calcMode="discrete" dur="0.75s" repeatCount="indefinite" type="rotate" values="0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12"></animateTransform></g>', 1)
+      ])])) : i("", !0),
+      e.variant == "ping" ? (t(), o("svg", C, [...r[3] || (r[3] = [
+        c('<circle cx="12" cy="12" r="0" fill="currentColor" stroke-width="0.3" stroke="currentColor"><animate id="SVG0cdVlcnN" fill="freeze" attributeName="r" begin="0;SVGftllRbIv.begin+0.6s" calcMode="spline" dur="1.2s" keySplines=".52,.6,.25,.99" values="0;11"></animate><animate fill="freeze" attributeName="opacity" begin="0;SVGftllRbIv.begin+0.6s" calcMode="spline" dur="1.2s" keySplines=".52,.6,.25,.99" values="1;0"></animate></circle><circle cx="12" cy="12" r="0" fill="currentColor" stroke-width="0.3" stroke="currentColor"><animate id="SVGftllRbIv" fill="freeze" attributeName="r" begin="SVG0cdVlcnN.begin+0.6s" calcMode="spline" dur="1.2s" keySplines=".52,.6,.25,.99" values="0;11"></animate><animate fill="freeze" attributeName="opacity" begin="SVG0cdVlcnN.begin+0.6s" calcMode="spline" dur="1.2s" keySplines=".52,.6,.25,.99" values="1;0"></animate></circle>', 2)
+      ])])) : i("", !0)
+    ], 2));
+  }
+});
+export {
+  y as default
+};

package/components/Spinner/Spinner.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Spinner.vue.js";
+export {
+  f as default
+};

package/components/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Spinner } from './Spinner.vue';
+export * from './types';

package/components/Spinner/types.d.ts

@@ -0,0 +1,9 @@
+export type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type SpinnerColor = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'current' | 'white';
+export type SpinnerVariant = 'border' | 'dots' | 'bars' | 'ping';
+export interface SpinnerProps {
+    size?: SpinnerSize;
+    color?: SpinnerColor;
+    variant?: SpinnerVariant;
+    class?: string;
+}

package/components/Tabes/Tabes.vue.d.ts

@@ -17,5 +17,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     size: TabesSize;
     variant: TabesVariant;
     block: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;

package/components/Tabes/Tabes.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent as x, computed as d, openBlock as n, createElementBlock as l, normalizeClass as o, Fragment as h, renderList as w, createBlock as C, createCommentVNode as k, createElementVNode as S, toDisplayString as V } from "vue";
-import z from "../Icon.vue.js";
-const B = ["aria-selected", "disabled", "onClick"], j = /* @__PURE__ */ x({
+import { defineComponent as M, ref as g, watch as c, onMounted as j, computed as p, openBlock as i, createElementBlock as u, normalizeClass as l, normalizeStyle as A, createCommentVNode as y, Fragment as E, renderList as I, createBlock as N, createElementVNode as T, toDisplayString as _, nextTick as D } from "vue";
+import { useResizeObserver as F } from "@vueuse/core";
+import O from "../Icon.vue.js";
+const q = ["aria-selected", "disabled", "onClick"], K = /* @__PURE__ */ M({
   __name: "Tabes",
   props: {
     options: {},
@@ -11,65 +12,123 @@ const B = ["aria-selected", "disabled", "onClick"], j = /* @__PURE__ */ x({
     textClass: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(a, { emit: u }) {
-    const s = a, c = u, m = (e) => {
-      e.disabled || (c("update:modelValue", e.value), c("change", e.value));
-    }, b = d(() => ["inline-flex rounded-lg relative isolate transition-all duration-200", {
+  setup(s, { emit: x }) {
+    const r = s, v = x, d = g(null), f = g(/* @__PURE__ */ new Map()), h = (e, n) => {
+      e ? f.value.set(n, e) : f.value.delete(n);
+    }, b = g({
+      width: "0px",
+      height: "0px",
+      transform: "translate(0px, 0px)",
+      opacity: 0
+    }), o = async () => {
+      await D();
+      const e = d.value, n = f.value.get(r.modelValue);
+      if (!e || !n) {
+        b.value.opacity = 0;
+        return;
+      }
+      const a = e.getBoundingClientRect(), t = n.getBoundingClientRect(), m = t.left - a.left, $ = t.top - a.top, B = t.width, L = t.height;
+      b.value = {
+        width: `${B}px`,
+        height: `${L}px`,
+        transform: `translate(${m}px, ${$}px)`,
+        opacity: 1
+      };
+    };
+    F(d, o), c(() => r.modelValue, o), c(() => r.options, o, { deep: !0 }), c(() => r.size, o), c(() => r.block, o), j(o);
+    const k = (e) => {
+      e.disabled || (v("update:modelValue", e.value), v("change", e.value));
+    }, C = p(() => ["inline-flex rounded-lg relative isolate", {
       surface: "bg-secondary p-1",
       primary: "bg-secondary p-1",
       secondary: "bg-secondary p-1",
-      // Default secondary container
       danger: "bg-danger/10 p-1",
       success: "bg-success/10 p-1",
       outline: "bg-transparent border border-border p-1",
       line: "bg-transparent gap-6 rounded-none p-0 border-b border-border w-full"
-      // Tabs style
-    }[s.variant], s.block ? "flex w-full" : ""]), g = {
+    }[r.variant], r.block ? "flex w-full" : ""]), w = {
       sm: "text-xs px-2.5 py-1",
       md: "text-xs px-3 py-1",
       lg: "text-base px-4 py-1.5"
-    }, f = d(() => [s.variant === "line" ? "relative z-10 flex items-center justify-center gap-2 font-medium transition-all duration-200 ease-out cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-primary/50 -mb-[1px] border-b-2 border-transparent hover:text-foreground" : "relative z-10 flex-1 flex items-center justify-center gap-2 font-medium transition-all duration-200 ease-out cursor-pointer select-none rounded-md outline-none focus-visible:ring-2 focus-visible:ring-primary/50"]), p = (e) => {
-      const r = e.value === s.modelValue, t = s.variant === "line";
-      let i = "";
-      r || (i = t ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground/80");
-      const y = e.disabled ? "opacity-50 cursor-not-allowed" : "";
-      return [f.value, i, y].join(" ");
-    }, v = (e) => e.value !== s.modelValue ? "" : {
-      surface: "bg-background text-foreground shadow-sm",
-      primary: "bg-primary text-primary-foreground shadow-sm",
-      secondary: "bg-secondary-foreground text-secondary shadow-sm",
-      // Inverted for contrast
-      danger: "bg-danger text-danger-fg shadow-sm",
-      success: "bg-success text-success-fg shadow-sm",
-      outline: "bg-accent/50 text-accent-foreground ring-1 ring-border shadow-sm",
-      line: "text-primary border-primary"
-      // Border-b-2 handled by base class + border color here
-    }[s.variant];
-    return (e, r) => (n(), l("div", {
-      class: o(b.value),
+    }, z = p(() => [r.variant === "line" ? "relative z-10 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none outline-none focus-visible:ring-2 focus-visible:ring-primary/50 pb-2 border-b-2 border-transparent hover:text-foreground" : "relative z-10 flex-1 flex items-center justify-center gap-2 font-medium transition-colors duration-50 ease-out cursor-pointer select-none rounded-md outline-none focus-visible:ring-2 focus-visible:ring-primary/50"]), V = (e) => {
+      const n = e.value === r.modelValue, a = r.variant === "line";
+      let t = "";
+      if (n)
+        if (a)
+          t = "text-primary";
+        else
+          switch (r.variant) {
+            case "surface":
+              t = "text-foreground";
+              break;
+            case "primary":
+              t = "text-primary-foreground";
+              break;
+            case "secondary":
+              t = "text-secondary";
+              break;
+            case "danger":
+              t = "text-danger-fg";
+              break;
+            case "success":
+              t = "text-success-fg";
+              break;
+            case "outline":
+              t = "text-accent-foreground";
+              break;
+            default:
+              t = "text-foreground";
+          }
+      else
+        t = a ? "text-muted-foreground" : "text-muted-foreground hover:text-foreground/80";
+      const m = e.disabled ? "opacity-50 cursor-not-allowed" : "";
+      return [z.value, t, m].join(" ");
+    }, R = p(() => {
+      const e = "absolute left-0 top-0 transition-all duration-300 ease-[cubic-bezier(0.25,0.1,0.25,1)] z-0 pointer-events-none";
+      return r.variant === "line" ? `${e} !h-[2px] !top-auto bottom-0` : `${e} rounded-md shadow-sm`;
+    }), S = () => ({
+      surface: "bg-background",
+      primary: "bg-primary",
+      secondary: "bg-secondary-foreground",
+      danger: "bg-danger",
+      success: "bg-success",
+      outline: "bg-accent/50 ring-1 ring-border",
+      line: "bg-primary"
+    })[r.variant];
+    return (e, n) => (i(), u("div", {
+      ref_key: "containerRef",
+      ref: d,
+      class: l(C.value),
       role: "tablist"
     }, [
-      (n(!0), l(h, null, w(a.options, (t) => (n(), l("button", {
-        key: t.value,
+      s.modelValue !== void 0 ? (i(), u("div", {
+        key: 0,
+        class: l([R.value, S()]),
+        style: A(b.value)
+      }, null, 6)) : y("", !0),
+      (i(!0), u(E, null, I(s.options, (a) => (i(), u("button", {
+        key: a.value,
+        ref_for: !0,
+        ref: (t) => h(t, a.value),
         role: "tab",
-        "aria-selected": a.modelValue === t.value,
-        disabled: t.disabled,
-        class: o([p(t), v(t), g[s.size]]),
-        onClick: (i) => m(t),
+        "aria-selected": s.modelValue === a.value,
+        disabled: a.disabled,
+        class: l([V(a), w[r.size]]),
+        onClick: (t) => k(a),
         type: "button"
       }, [
-        t.icon ? (n(), C(z, {
+        a.icon ? (i(), N(O, {
           key: 0,
-          icon: t.icon,
-          class: o(a.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4")
-        }, null, 8, ["icon", "class"])) : k("", !0),
-        S("span", {
-          class: o(["whitespace-nowrap", a.textClass])
-        }, V(t.label), 3)
-      ], 10, B))), 128))
+          icon: a.icon,
+          class: l(s.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4")
+        }, null, 8, ["icon", "class"])) : y("", !0),
+        T("span", {
+          class: l(["whitespace-nowrap z-20 relative", s.textClass])
+        }, _(a.label), 3)
+      ], 10, q))), 128))
     ], 2));
   }
 });
 export {
-  j as default
+  K as default
 };

package/directives/vScrollReveal.d.ts

@@ -0,0 +1,2 @@
+import { Directive } from 'vue';
+export declare const vScrollReveal: Directive;

package/directives/vScrollReveal.js

@@ -0,0 +1,48 @@
+import c from "../node_modules/scrollreveal/dist/scrollreveal.es.js";
+const o = /* @__PURE__ */ new WeakMap(), s = {
+  distance: "50px",
+  duration: 800,
+  delay: 200,
+  easing: "cubic-bezier(0.5, 0, 0, 1)",
+  origin: "bottom",
+  interval: 0,
+  opacity: 0,
+  scale: 1,
+  cleanup: !1,
+  mobile: !0,
+  reset: !1,
+  // true = animations repeat on scroll up/down
+  useDelay: "always",
+  viewFactor: 0
+};
+function r(e) {
+  if (!e) return window;
+  if (e === document.body || e === document.documentElement)
+    return document.documentElement;
+  const t = getComputedStyle(e).overflowY;
+  return (t === "auto" || t === "scroll" || t === "overlay") && e.scrollHeight > e.clientHeight ? e : r(e.parentElement);
+}
+const u = {
+  mounted: (e, l) => {
+    if (typeof window > "u") return;
+    const t = r(e.parentElement);
+    let n = o.get(t);
+    n || (n = c({
+      // If container is window/html, ScrollReveal expects 'document.documentElement' usually,
+      // but 'container' option defaults to window.document.documentElement.
+      // If it's a specific div, we pass that div.
+      container: t === window ? document.documentElement : t
+    }), o.set(t, n));
+    const a = Object.assign({}, s, l.value);
+    e.classList.add("v-scroll-reveal"), n.reveal(e, a);
+  },
+  updated: (e, l) => {
+    if (!(typeof window > "u") && JSON.stringify(l.value) !== JSON.stringify(l.oldValue)) {
+      const t = r(e.parentElement), n = o.get(t);
+      n && n.reveal(e, Object.assign({}, s, l.value));
+    }
+  }
+};
+export {
+  u as vScrollReveal
+};

package/index.d.ts

@@ -1,3 +1,4 @@
+import { default as GoogleSignInPlugin } from 'vue3-google-signin';
 export * from './components/Accordion';
 export { default as Alert } from './components/Alert.vue';
 export { default as Avatar } from './components/Avatar.vue';
@@ -21,6 +22,7 @@ export * from './components/Heatmap';
 export { default as Icon } from './components/Icon.vue';
 export { default as IconPicker } from './components/IconPicker.vue';
 export { default as Input } from './components/Input.vue';
+export { default as NumberInput } from './components/NumberInput.vue';
 export { default as Label } from './components/Label.vue';
 export { default as Logo } from './components/Logo.vue';
 export * from './components/Masonry';
@@ -33,6 +35,7 @@ export * from './components/PricingPlan';
 export { default as SidePanel } from './components/SidePanel.vue';
 export * from './components/SidebarMenu';
 export { default as Slider } from './components/Slider.vue';
+export * from './components/Spinner';
 export { default as Switch } from './components/Switch.vue';
 export * from './components/Tabes';
 export { default as Textarea } from './components/Textarea.vue';
@@ -41,9 +44,14 @@ export { default as Timeline } from './components/Timeline.vue';
 export { default as ToastNotification } from './components/ToastNotification.vue';
 export { default as Tooltip } from './components/Tooltip.vue';
 export * from './components/Workbook';
+export { default as GoogleLogin } from './components/GoogleLogin.vue';
+export * from './components/ProgressBar';
+export * from './components/Spinner';
 export * from './composables/useNotifications';
 export * from './composables/useTheme';
 export * from './composables/useKeyStroke';
+export * from './directives/vScrollReveal';
 export { createVLite, useVLiteConfig } from './core';
+export { GoogleSignInPlugin };
 export * from './utils';
 export * from './types';