vlite3 0.1.0 → 0.1.2

package/components/PricingPlan/PricingPlanItem.vue.js

@@ -0,0 +1,94 @@
+import { defineComponent as P, computed as l, openBlock as r, createElementBlock as a, normalizeClass as d, createVNode as x, withCtx as g, createTextVNode as h, toDisplayString as n, createCommentVNode as m, createElementVNode as o, Fragment as $, renderList as z, createBlock as p } from "vue";
+import b from "../Icon.vue.js";
+import N from "../Button.vue.js";
+import F from "../Badge.vue.js";
+const T = {
+  key: 0,
+  class: "absolute -top-3 left-1/2 -translate-x-1/2 z-20"
+}, E = { class: "mb-3 text-center" }, I = { class: "text-xl font-bold text-foreground tracking-tight" }, S = {
+  key: 0,
+  class: "text-sm text-muted-foreground mt-2 min-h-[40px] leading-relaxed"
+}, j = { class: "mb-8 text-center flex items-center justify-center" }, D = { class: "text-4xl font-extrabold text-foreground tracking-tight" }, L = {
+  key: 0,
+  class: "text-muted-foreground text-sm font-medium ml-1 self-end mb-1.5 opacity-80"
+}, M = { class: "flex-1 space-y-2.5 mb-8" }, R = { class: "mt-0 shrink-0 transition-transform group-hover/feature:scale-110" }, q = { class: "mt-auto pt-4 border-t border-border/70" }, K = /* @__PURE__ */ P({
+  __name: "PricingPlanItem",
+  props: {
+    item: {},
+    selected: { type: Boolean, default: !1 },
+    variant: { default: "outline" },
+    selectable: { type: Boolean, default: !0 }
+  },
+  emits: ["select"],
+  setup(e, { emit: y }) {
+    const s = e, v = y, k = () => {
+      s.selectable && v("select", s.item);
+    }, u = l(() => s.item.popular || s.item.recommended), _ = l(() => {
+      const t = "relative flex flex-col p-8 rounded-2xl transition-all duration-300 cursor-pointer group isolation-auto";
+      let i = "bg-background text-card-foreground";
+      return s.selected ? i += " border-2 border-primary shadow scale-[1.02] z-10" : i += " border hover:border-gray-400 hover:shadow-lg hover:-translate-y-1", `${t} ${i}`;
+    }), w = l(() => s.selected ? "default" : "secondary"), C = l(() => s.selected || u.value ? "primary" : "outline"), V = (t) => typeof t == "string" ? t : t.text, f = (t) => typeof t == "string" ? !0 : t.included !== !1;
+    return (t, i) => (r(), a("div", {
+      class: d(_.value),
+      onClick: k
+    }, [
+      u.value ? (r(), a("div", T, [
+        x(F, {
+          variant: w.value,
+          class: "shadow-sm px-4 py-1 text-xs uppercase tracking-wider font-bold"
+        }, {
+          default: g(() => [
+            h(n(e.item.recommended ? "Recommended" : "Most Popular"), 1)
+          ]),
+          _: 1
+        }, 8, ["variant"])
+      ])) : m("", !0),
+      o("div", E, [
+        o("h3", I, n(e.item.title), 1),
+        e.item.description ? (r(), a("p", S, n(e.item.description), 1)) : m("", !0)
+      ]),
+      o("div", j, [
+        o("span", D, n(e.item.price), 1),
+        e.item.period ? (r(), a("span", L, n(e.item.period), 1)) : m("", !0)
+      ]),
+      o("ul", M, [
+        (r(!0), a($, null, z(e.item.features, (c, B) => (r(), a("li", {
+          key: B,
+          class: "flex items-start gap-3 text-sm group/feature"
+        }, [
+          o("div", R, [
+            f(c) ? (r(), p(b, {
+              key: 0,
+              icon: "lucide:check",
+              class: "w-4 h-4 text-primary font-bold"
+            })) : (r(), p(b, {
+              key: 1,
+              icon: "lucide:minus",
+              class: "w-4 h-4 text-muted-foreground/30"
+            }))
+          ]),
+          o("span", {
+            class: d(
+              f(c) ? "text-foreground/90 font-medium" : "text-muted-foreground/60 decoration-slate-300/50"
+            )
+          }, n(V(c)), 3)
+        ]))), 128))
+      ]),
+      o("div", q, [
+        x(N, {
+          variant: C.value,
+          class: d(["w-full font-semibold shadow-sm rounded-lg", { "ring-2 ring-primary ring-offset-2": e.selected }]),
+          size: "lg"
+        }, {
+          default: g(() => [
+            h(n(e.item.buttonText || (e.selected ? "Selected" : "Choose Plan")), 1)
+          ]),
+          _: 1
+        }, 8, ["variant", "class"])
+      ])
+    ], 2));
+  }
+});
+export {
+  K as default
+};

package/components/PricingPlan/PricingPlanItem.vue2.js

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

package/components/PricingPlan/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PricingPlan } from './PricingPlan.vue';
+export { default as PricingPlanItem } from './PricingPlanItem.vue';
+export * from './types';

package/components/PricingPlan/types.d.ts

@@ -0,0 +1,25 @@
+export interface PricingPlanFeature {
+    text: string;
+    included: boolean;
+}
+export interface PricingPlanItemSchema {
+    id: string | number;
+    title: string;
+    price: string | number;
+    period?: string;
+    description?: string;
+    features?: (string | PricingPlanFeature)[];
+    popular?: boolean;
+    recommended?: boolean;
+    buttonText?: string;
+    variant?: 'outline' | 'solid';
+    [key: string]: any;
+}
+export type PricingPlanVariant = 'outline' | 'solid';
+export interface PricingPlanProps {
+    items: PricingPlanItemSchema[];
+    modelValue?: string | number | null;
+    variant?: PricingPlanVariant;
+    columns?: number | string;
+    gap?: number;
+}

package/components/SidePanel.vue.d.ts

@@ -0,0 +1,64 @@
+import { Component } from 'vue';
+import { SidePanelPosition, SidePanelSize } from '../types';
+interface Props {
+    show?: boolean;
+    title?: string;
+    description?: string;
+    position?: SidePanelPosition;
+    size?: SidePanelSize;
+    closeOutside?: boolean;
+    hideCloseButton?: boolean;
+    class?: string;
+    overlayClass?: string;
+    triggerClass?: string;
+    backdrop?: boolean;
+    body?: Component;
+    bodyProps?: Record<string, any>;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trigger?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {
+            close: () => void;
+        }): any;
+        header?(_: {}): 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;
+    onAfterOpen: () => any;
+    onAfterClose: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: () => any;
+    onOnOpen?: () => any;
+    "onUpdate:show"?: (value: boolean) => any;
+    onOnAfterOpen?: () => any;
+    onOnAfterClose?: () => any;
+}>, {
+    class: string;
+    size: SidePanelSize;
+    triggerClass: string;
+    position: SidePanelPosition;
+    show: boolean;
+    closeOutside: boolean;
+    backdrop: boolean;
+    hideCloseButton: boolean;
+    overlayClass: string;
+}, {}, {}, {}, 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;
+    };
+};

package/components/SidePanel.vue.js

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

package/components/SidePanel.vue2.js

@@ -0,0 +1,131 @@
+import { defineComponent as A, ref as S, watch as y, onUnmounted as E, computed as p, openBlock as o, createElementBlock as i, Fragment as N, createElementVNode as u, normalizeClass as f, withModifiers as P, renderSlot as r, createCommentVNode as s, createBlock as m, Teleport as V, createVNode as v, Transition as b, withCtx as h, toDisplayString as g, resolveDynamicComponent as D, mergeProps as K } from "vue";
+import T from "./Button.vue.js";
+import { useKeyStroke as j } from "../composables/useKeyStroke.js";
+const F = {
+  key: 0,
+  class: "flex-none flex items-center justify-between px-6 py-2 border-b border-border"
+}, L = { class: "text-lg font-bold text-foreground" }, M = {
+  key: 0,
+  class: "mt-1 text-sm text-muted-foreground"
+}, U = { class: "flex-1 overflow-y-auto px-6 py-4" }, q = {
+  key: 1,
+  class: "flex-none px-6 py-4 border-t border-border bg-muted-light"
+}, J = /* @__PURE__ */ A({
+  __name: "SidePanel",
+  props: {
+    show: { type: Boolean, default: !1 },
+    title: {},
+    description: {},
+    position: { default: "right" },
+    size: { default: "md" },
+    closeOutside: { type: Boolean, default: !0 },
+    hideCloseButton: { type: Boolean, default: !1 },
+    class: { default: "" },
+    overlayClass: { default: "" },
+    triggerClass: { default: "" },
+    backdrop: { type: Boolean, default: !0 },
+    body: {},
+    bodyProps: {}
+  },
+  emits: ["close", "update:show", "onOpen", "onAfterOpen", "onAfterClose"],
+  setup(e, { emit: k }) {
+    const l = e, c = k, n = S(l.show);
+    y(
+      () => l.show,
+      (t) => {
+        n.value = t, t && c("onOpen");
+      }
+    );
+    const w = () => {
+      n.value = !0;
+    }, a = () => {
+      n.value = !1, c("update:show", !1), c("close");
+    }, C = () => {
+      l.closeOutside && a();
+    }, { onKeyStroke: x } = j();
+    x("Escape", a), y(n, (t) => {
+      t ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }), E(() => {
+      document.body.style.overflow = "";
+    });
+    const $ = {
+      sm: "max-w-sm",
+      md: "max-w-md",
+      lg: "max-w-lg",
+      xl: "max-w-xl",
+      full: "max-w-full"
+    }, B = p(() => l.position === "left" ? "left-0" : "right-0"), z = p(() => l.position === "left" ? "slide-left" : "slide-right");
+    return (t, d) => (o(), i(N, null, [
+      u("span", {
+        onClick: P(w, ["stop"]),
+        class: f(`${e.triggerClass}`)
+      }, [
+        r(t.$slots, "trigger", {}, () => [
+          e.body ? r(t.$slots, "default", { key: 0 }, void 0, !0) : s("", !0)
+        ], !0)
+      ], 2),
+      (o(), m(V, { to: "body" }, [
+        v(b, {
+          "enter-active-class": "transition-opacity duration-300 ease-out",
+          "enter-from-class": "opacity-0",
+          "enter-to-class": "opacity-100",
+          "leave-active-class": "transition-opacity duration-200 ease-in",
+          "leave-from-class": "opacity-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: h(() => [
+            n.value ? (o(), i("div", {
+              key: 0,
+              class: f(["fixed inset-0 z-50 bg-[#00000033]", [e.overlayClass, { "backdrop-blur-[2px]": e.backdrop }]]),
+              onClick: C
+            }, null, 2)) : s("", !0)
+          ]),
+          _: 1
+        }),
+        v(b, {
+          name: z.value,
+          onAfterEnter: d[0] || (d[0] = (O) => t.$emit("onAfterOpen")),
+          onAfterLeave: d[1] || (d[1] = (O) => t.$emit("onAfterClose"))
+        }, {
+          default: h(() => [
+            n.value ? (o(), i("div", {
+              key: 0,
+              class: f(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [$[e.size], B.value, l.class]])
+            }, [
+              e.title || t.$slots.header ? (o(), i("div", F, [
+                r(t.$slots, "header", {}, () => [
+                  u("div", null, [
+                    u("h3", L, g(e.title), 1),
+                    e.description ? (o(), i("p", M, g(e.description), 1)) : s("", !0)
+                  ])
+                ], !0),
+                e.hideCloseButton ? s("", !0) : (o(), m(T, {
+                  key: 0,
+                  rounded: "full",
+                  size: "sm",
+                  variant: "ghost",
+                  icon: "lucide:x",
+                  onClick: a,
+                  class: "-mr-2"
+                }))
+              ])) : s("", !0),
+              u("div", U, [
+                e.body ? (o(), m(D(e.body), K({ key: 0 }, e.bodyProps, { close: a }), null, 16)) : r(t.$slots, "default", {
+                  key: 1,
+                  close: a
+                }, void 0, !0)
+              ]),
+              t.$slots.footer ? (o(), i("div", q, [
+                r(t.$slots, "footer", { close: a }, void 0, !0)
+              ])) : s("", !0)
+            ], 2)) : s("", !0)
+          ]),
+          _: 3
+        }, 8, ["name"])
+      ]))
+    ], 64));
+  }
+});
+export {
+  J as default
+};

package/components/SidebarMenu/SidebarMenu.vue.d.ts

@@ -0,0 +1,11 @@
+import { SidebarMenuProps, SidebarMenuItemSchema } from './types';
+declare const _default: import('vue').DefineComponent<SidebarMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SidebarMenuProps> & Readonly<{}>, {
+    variant: "default" | "ghost";
+    items: SidebarMenuItemSchema[];
+    allowMultiple: boolean;
+    compact: boolean;
+    indentSize: number;
+    defaultExpanded: string[];
+    showCompactLabels: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/components/SidebarMenu/SidebarMenu.vue.js

@@ -0,0 +1,78 @@
+import { defineComponent as _, ref as v, watch as h, reactive as g, computed as r, provide as w, openBlock as f, createElementBlock as x, Fragment as y, renderList as M, createBlock as B } from "vue";
+import { useRoute as S } from "vue-router";
+import k from "./SidebarMenuItem.vue.js";
+/* empty css                     */
+const C = {
+  class: "flex flex-col space-y-1 w-full",
+  role: "tree",
+  "aria-label": "Sidebar Menu"
+}, W = /* @__PURE__ */ _({
+  __name: "SidebarMenu",
+  props: {
+    items: { default: () => [] },
+    allowMultiple: { type: Boolean, default: !0 },
+    indentSize: { default: 12 },
+    variant: { default: "default" },
+    defaultExpanded: { default: () => [] },
+    compact: { type: Boolean, default: !1 },
+    renderMode: {},
+    showCompactLabels: { type: Boolean, default: !1 }
+  },
+  setup(p) {
+    const a = p, u = S(), l = v([...a.defaultExpanded]), i = v(null), b = (e, n) => {
+      if (i.value === e.id) return !0;
+      if (e.to) {
+        const t = typeof e.to == "string" ? e.to : e.to.path;
+        if (t && (n === t || n.startsWith(t) && t !== "/" && t.length > 1))
+          return !0;
+      }
+      return !1;
+    }, s = (e, n, t = []) => {
+      let c = !1;
+      for (const o of e) {
+        const m = o.id || o.label;
+        b(o, n) && (i.value = m, t.forEach((d) => {
+          l.value.includes(d) || l.value.push(d);
+        }), c = !0), o.children && s(o.children, n, [...t, m]) && (c = !0);
+      }
+      return c;
+    };
+    h(
+      () => u?.path,
+      (e) => {
+        e && s(a.items, e);
+      },
+      { immediate: !0 }
+    ), h(
+      () => a.items,
+      () => {
+        u?.path && s(a.items, u.path);
+      },
+      { deep: !0 }
+    );
+    const E = g({
+      activeItem: i,
+      expandedItems: l,
+      toggleExpand: (e) => {
+        l.value.includes(e) ? l.value = l.value.filter((t) => t !== e) : (a.allowMultiple, l.value.push(e));
+      },
+      setActive: (e) => {
+        i.value = e;
+      },
+      indentSize: r(() => a.indentSize),
+      variant: r(() => a.variant),
+      renderMode: r(() => a.renderMode || "tree"),
+      compact: r(() => a.compact),
+      showCompactLabels: r(() => a.showCompactLabels)
+    });
+    return w("sidebar-menu-ctx", E), (e, n) => (f(), x("nav", C, [
+      (f(!0), x(y, null, M(p.items, (t) => (f(), B(k, {
+        key: t.id || t.label,
+        item: t
+      }, null, 8, ["item"]))), 128))
+    ]));
+  }
+});
+export {
+  W as default
+};

package/components/SidebarMenu/SidebarMenu.vue2.js

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

package/components/SidebarMenu/SidebarMenuItem.vue.d.ts

@@ -0,0 +1,9 @@
+import { SidebarMenuItemSchema } from './types';
+interface Props {
+    item: SidebarMenuItemSchema;
+    depth?: number;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    depth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;