vlite3 0.1.0 → 0.1.2

package/components/Input.vue.js

@@ -0,0 +1,267 @@
+import { defineComponent as G, useSlots as J, ref as v, computed as u, onMounted as K, nextTick as A, openBlock as d, createElementBlock as i, normalizeClass as s, createBlock as C, withCtx as O, createTextVNode as k, toDisplayString as V, createCommentVNode as c, createElementVNode as B, renderSlot as F, createVNode as x } from "vue";
+import f from "./Icon.vue.js";
+import Q from "./Label.vue.js";
+import X from "./Textarea.vue.js";
+const Y = ["type", "value", "placeholder", "disabled", "min", "max"], Z = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2" }, le = /* @__PURE__ */ G({
+  __name: "Input",
+  props: {
+    modelValue: { default: "" },
+    type: { default: "text" },
+    label: {},
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    error: {},
+    icon: {},
+    iconRight: {},
+    showClearButton: { type: Boolean, default: !0 },
+    autofocus: { type: Boolean, default: !1 },
+    class: { default: "" },
+    inputClass: { default: "" },
+    rows: { default: 3 },
+    lazy: { type: Boolean, default: !1 },
+    variant: { default: "outline" },
+    size: { default: "md" },
+    rounded: { default: "md" },
+    labelPosition: { default: "top" },
+    addonLeft: {},
+    addonRight: {},
+    addonLeftClass: { default: "" },
+    addonRightClass: { default: "" },
+    min: {},
+    max: {}
+  },
+  emits: ["update:modelValue", "focus", "blur", "change", "click:icon", "click:icon-right"],
+  setup(t, { emit: I }) {
+    const e = t, r = I, m = J(), y = v(null), b = v(!1), M = u(() => e.type === "password" && b.value ? "text" : e.type), j = u(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), g = u(() => !!e.addonLeft || !!m["addon-left"]), h = u(() => !!e.addonRight || !!m["addon-right"]), N = u(() => [
+      "relative w-full",
+      e.class,
+      e.labelPosition === "left" ? "flex items-center gap-4" : "",
+      e.labelPosition === "right" ? "flex flex-row-reverse items-center gap-4" : "space-y-2"
+    ].join(" ")), T = u(() => ["relative flex w-full items-stretch", e.labelPosition !== "top" ? "flex-1" : ""].join(
+      " "
+    )), R = u(() => {
+      const l = "block w-full bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground/50 disabled:cursor-not-allowed disabled:opacity-50 transition-all focus-visible:outline-none", o = {
+        solid: "bg-muted border-transparent focus-visible:border-primary",
+        outline: "border border-input focus-visible:border-primary",
+        "outline-b": "border-b border-input bg-transparent rounded-none focus-visible:border-primary",
+        transparent: "border-none bg-transparent shadow-none"
+      }, a = {
+        sm: "h-8 text-xs",
+        md: "h-9 text-sm",
+        lg: "h-10 text-base"
+      }, $ = {
+        none: "rounded-none",
+        sm: "rounded-sm",
+        md: "rounded-md",
+        lg: "rounded-lg",
+        xl: "rounded-xl",
+        "2xl": "rounded-2xl",
+        full: "rounded-full"
+      };
+      let n = $[e.rounded];
+      g.value && (n = n.replace("rounded-", "rounded-r-").replace("rounded-l-", ""), e.rounded === "md" && (n = "rounded-r-md rounded-l-none"), e.rounded === "sm" && (n = "rounded-r-sm rounded-l-none"), e.rounded === "lg" && (n = "rounded-r-lg rounded-l-none"), e.rounded === "full" && (n = "rounded-r-full rounded-l-none")), h.value && ($[e.rounded], g.value ? n = "rounded-none" : (e.rounded === "md" && (n = "rounded-l-md rounded-r-none"), e.rounded === "sm" && (n = "rounded-l-sm rounded-r-none"), e.rounded === "lg" && (n = "rounded-l-lg rounded-r-none"), e.rounded === "full" && (n = "rounded-l-full rounded-r-none"))), e.variant === "outline-b" && (n = "rounded-none");
+      const L = e.variant === "outline-b" || e.variant === "transparent";
+      return [
+        l,
+        o[e.variant],
+        a[e.size],
+        n,
+        e.error ? "border-destructive focus-visible:ring-destructive" : "",
+        // Left Padding
+        e.icon ? "pl-9" : L && !g.value ? "pl-0" : "",
+        // Right Padding
+        e.showClearButton && j.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : L && !h.value ? "pr-0" : "",
+        e.inputClass
+      ].join(" ");
+    }), z = {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }, E = u(() => {
+      const l = {
+        sm: "rounded-l-sm",
+        md: "rounded-l-md",
+        lg: "rounded-l-lg",
+        full: "rounded-l-full",
+        none: "rounded-none",
+        xl: "rounded-l-xl",
+        "2xl": "rounded-l-2xl"
+      }, o = !!m["addon-left"];
+      return [
+        "flex items-center justify-center whitespace-nowrap",
+        o ? "border-none" : "bg-muted border border-input border-r-0! px-3 text-muted-foreground",
+        o ? "" : z[e.size],
+        l[e.rounded] || "rounded-l-md",
+        e.addonLeftClass,
+        e.disabled ? "opacity-50 cursor-not-allowed" : ""
+      ].join(" ");
+    }), D = u(() => {
+      const l = {
+        sm: "rounded-r-sm",
+        md: "rounded-r-md",
+        lg: "rounded-r-lg",
+        full: "rounded-r-full",
+        none: "rounded-none",
+        xl: "rounded-r-xl",
+        "2xl": "rounded-r-2xl"
+      }, o = !!m["addon-right"];
+      return [
+        "flex items-center justify-center whitespace-nowrap",
+        o ? "border-none" : "bg-muted border border-input border-l-0! px-3 text-muted-foreground",
+        o ? "" : z[e.size],
+        l[e.rounded] || "rounded-r-md",
+        e.addonRightClass,
+        e.disabled ? "opacity-50 cursor-not-allowed" : ""
+      ].join(" ");
+    }), H = (l) => {
+      if (e.lazy) return;
+      const o = l.target;
+      r("update:modelValue", o.value);
+    }, U = (l) => {
+      const o = l.target;
+      e.lazy && r("update:modelValue", o.value), r("change", o.value);
+    }, W = () => {
+      b.value = !b.value;
+    }, q = () => {
+      r("update:modelValue", ""), A(() => {
+        y.value?.focus();
+      });
+    }, p = v(!1), w = v(!1), P = (l) => {
+      p.value = !0, r("focus", l);
+    }, S = (l) => {
+      p.value = !1, r("blur", l);
+    };
+    return K(() => {
+      e.autofocus && A(() => {
+        y.value?.focus();
+      });
+    }), (l, o) => (d(), i("div", {
+      class: s(N.value)
+    }, [
+      t.label ? (d(), C(Q, {
+        key: 0,
+        for: t.label,
+        class: s(["mb-1.5", t.labelPosition !== "top" ? "mb-0" : ""].join(" "))
+      }, {
+        default: O(() => [
+          k(V(t.label), 1)
+        ]),
+        _: 1
+      }, 8, ["for", "class"])) : c("", !0),
+      B("div", {
+        class: s(T.value)
+      }, [
+        g.value ? (d(), i("div", {
+          key: 0,
+          class: s(E.value)
+        }, [
+          F(l.$slots, "addon-left", {}, () => [
+            k(V(t.addonLeft), 1)
+          ])
+        ], 2)) : c("", !0),
+        B("div", {
+          class: "relative w-full",
+          onMouseenter: o[3] || (o[3] = (a) => w.value = !0),
+          onMouseleave: o[4] || (o[4] = (a) => w.value = !1)
+        }, [
+          t.type === "textarea" ? (d(), C(X, {
+            key: 0,
+            "model-value": String(t.modelValue),
+            placeholder: t.placeholder,
+            disabled: t.disabled,
+            rows: t.rows,
+            class: s(R.value),
+            "onUpdate:modelValue": o[0] || (o[0] = (a) => r("update:modelValue", a)),
+            onBlur: S,
+            onFocus: P
+          }, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (d(), i("input", {
+            key: 1,
+            ref_key: "inputRef",
+            ref: y,
+            type: M.value,
+            value: t.modelValue,
+            placeholder: t.placeholder,
+            disabled: t.disabled,
+            min: t.min,
+            max: t.max,
+            class: s(R.value),
+            onInput: H,
+            onChange: U,
+            onBlur: S,
+            onFocus: P
+          }, null, 42, Y)),
+          t.icon ? (d(), i("div", {
+            key: 2,
+            tabindex: "-1",
+            class: s([
+              "absolute left-3 top-1/2 -translate-y-1/2 flex items-center justify-center text-muted-foreground",
+              t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
+            ]),
+            onClick: o[1] || (o[1] = (a) => !t.disabled && r("click:icon", a))
+          }, [
+            x(f, {
+              icon: t.icon,
+              class: "h-4 w-4"
+            }, null, 8, ["icon"])
+          ], 2)) : c("", !0),
+          B("div", Z, [
+            t.loading ? (d(), C(f, {
+              key: 0,
+              icon: "lucide:loader-2",
+              class: "h-4 w-4 animate-spin text-muted-foreground"
+            })) : t.iconRight ? (d(), i("div", {
+              key: 1,
+              tabindex: "-1",
+              class: s([
+                "flex items-center justify-center text-muted-foreground",
+                t.disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:text-foreground"
+              ]),
+              onClick: o[2] || (o[2] = (a) => !t.disabled && r("click:icon-right", a))
+            }, [
+              x(f, {
+                icon: t.iconRight,
+                class: "h-4 w-4"
+              }, null, 8, ["icon"])
+            ], 2)) : c("", !0),
+            t.type === "password" && !t.disabled ? (d(), i("button", {
+              key: 2,
+              type: "button",
+              tabindex: "-1",
+              class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none",
+              onClick: W
+            }, [
+              x(f, {
+                icon: b.value ? "lucide:eye-off" : "lucide:eye",
+                class: "h-4 w-4"
+              }, null, 8, ["icon"])
+            ])) : c("", !0),
+            t.showClearButton && j.value && !t.disabled && !t.loading && t.type !== "textarea" && t.type !== "password" && (p.value || w.value) ? (d(), i("button", {
+              key: 3,
+              type: "button",
+              tabindex: "-1",
+              class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none transition-opacity duration-200",
+              onClick: q
+            }, [
+              x(f, {
+                icon: "lucide:x-circle",
+                class: "h-4 w-4"
+              })
+            ])) : c("", !0)
+          ])
+        ], 32),
+        h.value ? (d(), i("div", {
+          key: 1,
+          class: s(D.value)
+        }, [
+          F(l.$slots, "addon-right", {}, () => [
+            k(V(t.addonRight), 1)
+          ])
+        ], 2)) : c("", !0)
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  le as default
+};

package/components/Input.vue2.js

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

package/components/Label.vue.d.ts

@@ -0,0 +1,23 @@
+interface Props {
+    for?: string;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLLabelElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    class: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLabelElement>;
+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/Label.vue.js

@@ -0,0 +1,23 @@
+import { defineComponent as l, computed as r, openBlock as a, createElementBlock as n, normalizeClass as c, renderSlot as d } from "vue";
+const p = ["for"], m = /* @__PURE__ */ l({
+  __name: "Label",
+  props: {
+    for: {},
+    class: { default: "" }
+  },
+  setup(o) {
+    const e = o, s = r(() => [
+      "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+      e.class
+    ].join(" "));
+    return (t, f) => (a(), n("label", {
+      for: e.for,
+      class: c(s.value)
+    }, [
+      d(t.$slots, "default")
+    ], 10, p));
+  }
+});
+export {
+  m as default
+};

package/components/Label.vue2.js

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

package/components/Logo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/Logo.vue.js

@@ -0,0 +1,10 @@
+import { defineComponent as e } from "vue";
+const _ = /* @__PURE__ */ e({
+  __name: "Logo",
+  setup(n) {
+    return (o, t) => null;
+  }
+});
+export {
+  _ as default
+};

package/components/Logo.vue2.js

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

package/components/Masonry/Masonry.vue.d.ts

@@ -0,0 +1,31 @@
+import { MasonryProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            data: any;
+            index: any;
+            colIndex: number;
+        }): any;
+    };
+    refs: {
+        containerRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MasonryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MasonryProps> & Readonly<{}>, {
+    gap: number;
+    tag: string;
+    cols: number | Record<string | number, number>;
+    itemKey: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    containerRef: unknown;
+}, any>;
+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/Masonry/Masonry.vue.js

@@ -0,0 +1,7 @@
+import o from "./Masonry.vue2.js";
+/* empty css             */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c29d0159"]]);
+export {
+  p as default
+};

package/components/Masonry/Masonry.vue2.js

@@ -0,0 +1,83 @@
+import { defineComponent as B, ref as d, computed as m, onMounted as K, onUnmounted as O, openBlock as u, createBlock as w, resolveDynamicComponent as z, normalizeStyle as v, withCtx as C, createElementBlock as c, Fragment as p, renderList as y, renderSlot as S } from "vue";
+import { MASONRY_BREAKPOINTS as x } from "./types.js";
+import { debounce as A } from "../../utils/functions.js";
+const j = /* @__PURE__ */ B({
+  __name: "Masonry",
+  props: {
+    data: {},
+    cols: { default: () => ({ default: 1, sm: 2, lg: 3 }) },
+    gap: { default: 16 },
+    tag: { default: "div" },
+    itemKey: { default: "id" }
+  },
+  setup(i) {
+    const l = i, r = d(null), f = d(0), s = d(null), g = () => {
+      r.value && (f.value = r.value.clientWidth);
+    }, b = m(() => {
+      if (typeof l.cols == "number") return l.cols;
+      const n = f.value;
+      if (!n) return l.cols.default || 1;
+      let o = l.cols.default || 1;
+      const t = Object.keys(l.cols).map((e) => {
+        let a = 0;
+        return typeof e == "number" || !isNaN(Number(e)) ? a = Number(e) : e in x && (a = x[e]), { k: e, px: a, val: l.cols[e] };
+      }).filter((e) => e.val !== void 0).sort((e, a) => e.px - a.px);
+      for (const e of t)
+        n >= e.px && (o = e.val);
+      return o || 1;
+    }), h = m(() => {
+      const n = b.value, o = Array.from({ length: n }, () => []), t = l.data.length;
+      for (let e = 0; e < t; e++)
+        o[e % n].push({
+          data: l.data[e],
+          index: e
+        });
+      return o;
+    });
+    K(() => {
+      g();
+      const n = A((o) => {
+        const t = o[0];
+        t && (f.value = t.contentRect.width);
+      }, 100);
+      s.value = new ResizeObserver(n), r.value && s.value.observe(r.value);
+    }), O(() => {
+      s.value && (s.value.disconnect(), s.value = null);
+    });
+    const R = (n, o) => {
+      const t = n.data;
+      return t && typeof t == "object" && l.itemKey in t ? t[l.itemKey] : o;
+    };
+    return (n, o) => (u(), w(z(i.tag), {
+      ref_key: "containerRef",
+      ref: r,
+      class: "flex w-full",
+      style: v({ gap: `${i.gap}px` })
+    }, {
+      default: C(() => [
+        (u(!0), c(p, null, y(h.value, (t, e) => (u(), c("div", {
+          key: e,
+          class: "flex flex-col flex-1 min-w-0",
+          style: v({ gap: `${i.gap}px` }),
+          role: "list"
+        }, [
+          (u(!0), c(p, null, y(t, (a, N) => (u(), c("div", {
+            key: R(a, N),
+            class: "masonry-item",
+            role: "listitem"
+          }, [
+            S(n.$slots, "default", {
+              data: a.data,
+              index: a.index,
+              colIndex: e
+            }, void 0, !0)
+          ]))), 128))
+        ], 4))), 128))
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+});
+export {
+  j as default
+};

package/components/Masonry/index.d.ts

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

package/components/Masonry/types.d.ts

@@ -0,0 +1,33 @@
+export interface MasonryProps {
+    /**
+     * Array of items to render
+     */
+    data: any[];
+    /**
+     * Column configuration object.
+     * Can be number keys (width in px) or string keys ('sm', 'md', 'lg', 'xl', '2xl').
+     * Values are element counts.
+     * Example: { default: 1, md: 2, lg: 3 }
+     */
+    cols?: number | Record<string | number, number>;
+    /**
+     * Gap between columns and rows (in px or tailwind class number equivalent if implemented manually).
+     * For simplicity here, we assume it's a number representing pixels or 'rem' spacing via style,
+     * or a simple numeric multiplier for standard spacing.
+     * Defaults to 16 (px) or similar.
+     */
+    gap?: number;
+    /**
+     * Element used for the root container
+     */
+    tag?: string;
+    /**
+     * Key property name in data items to use as unique key.
+     * Defaults to 'id'. If not found, uses index (not recommended for large lists).
+     */
+    itemKey?: string;
+}
+/**
+ * Breakpoint values mapping in pixels
+ */
+export declare const MASONRY_BREAKPOINTS: Record<string, number>;

package/components/Masonry/types.js

@@ -0,0 +1,10 @@
+const l = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+};
+export {
+  l as MASONRY_BREAKPOINTS
+};

package/components/Modal.vue.d.ts

@@ -0,0 +1,52 @@
+import { Component } from 'vue';
+interface Props {
+    show?: boolean;
+    title?: string;
+    maxWidth?: string;
+    closeOutside?: boolean;
+    backdrop?: boolean;
+    description?: string;
+    triggerClass?: string;
+    bodyClass?: string;
+    headerClass?: string;
+    footerClass?: string;
+    body?: Component;
+    bodyProps?: Record<string, any>;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {
+            close: () => void;
+        }): any;
+        footer?(_: {
+            close: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    onOpen: () => any;
+    "update:show": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: () => any;
+    onOnOpen?: () => any;
+    "onUpdate:show"?: (value: boolean) => any;
+}>, {
+    show: boolean;
+    maxWidth: string;
+    closeOutside: boolean;
+    backdrop: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};