vlite3 0.1.0 → 0.1.2

package/components/Navbar/NavbarItem.vue.js

@@ -0,0 +1,104 @@
+import { defineComponent as k, computed as l, inject as C, openBlock as r, createBlock as s, withCtx as f, resolveDynamicComponent as $, normalizeClass as i, createCommentVNode as c, createElementBlock as m, renderSlot as v, createTextVNode as j, toDisplayString as w } from "vue";
+import h from "../Icon.vue.js";
+import B from "../Tooltip.vue.js";
+const z = /* @__PURE__ */ k({
+  __name: "NavbarItem",
+  props: {
+    to: {},
+    href: {},
+    label: {},
+    icon: {},
+    iconRight: {},
+    active: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    class: { default: "" },
+    orientation: { default: "horizontal" },
+    variant: { default: "ghost" }
+  },
+  emits: ["click"],
+  setup(o, { emit: b }) {
+    const e = o, g = b, u = l(() => e.href && (e.href.startsWith("http") || e.href.startsWith("//"))), d = l(() => e.to ? "router-link" : e.href ? "a" : "button"), p = C("navbar-context", null), n = l(() => p?.compact.value || !1), x = l(() => {
+      const t = "group flex items-center gap-2 px-3 py-2 text-sm font-medium transition-all duration-200 rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none cursor-pointer", a = n.value ? "justify-center" : "";
+      return e.variant === "ghost" ? [
+        t,
+        a,
+        "hover:bg-accent hover:text-foreground text-muted-foreground",
+        e.active ? "bg-accent text-accent-foreground font-semibold" : "text-muted-foreground",
+        e.class
+      ].join(" ") : e.variant === "pill" ? [
+        t,
+        a,
+        e.active ? "bg-primary text-primary-fg shadow-sm" : "text-muted-foreground hover:bg-accent hover:text-foreground",
+        e.class
+      ].join(" ") : e.variant === "underline" ? [
+        t,
+        a,
+        "rounded-none border-b-2",
+        e.active ? "text-primary border-primary" : "text-muted-foreground border-transparent hover:border-border hover:text-foreground",
+        e.class
+      ].join(" ") : [
+        t,
+        a,
+        "hover:text-foreground transition-colors",
+        e.active ? "text-foreground font-semibold" : "text-muted-foreground",
+        e.class
+      ].join(" ");
+    }), y = (t) => {
+      if (e.disabled) {
+        t.preventDefault();
+        return;
+      }
+      g("click", t);
+    };
+    return (t, a) => (r(), s(B, {
+      content: o.label || (typeof t.$slots.default == "string" ? t.$slots.default : ""),
+      placement: "right",
+      disabled: !n.value,
+      class: "w-full"
+    }, {
+      default: f(() => [
+        (r(), s($(d.value), {
+          to: o.to,
+          href: o.href,
+          type: d.value === "button" ? "button" : void 0,
+          target: u.value ? "_blank" : void 0,
+          rel: u.value ? "noopener noreferrer" : void 0,
+          class: i(x.value),
+          onClick: y
+        }, {
+          default: f(() => [
+            o.icon ? (r(), s(h, {
+              key: 0,
+              icon: o.icon,
+              class: i(["h-4 w-4 shrink-0 transition-colors", o.active ? "text-current" : "text-muted-foreground group-hover:text-current"])
+            }, null, 8, ["icon", "class"])) : c("", !0),
+            o.label || t.$slots.default ? (r(), m("span", {
+              key: 1,
+              class: i(["flex-1 truncate text-left", { "md:hidden": n.value }])
+            }, [
+              v(t.$slots, "default", {}, () => [
+                j(w(o.label), 1)
+              ])
+            ], 2)) : c("", !0),
+            o.iconRight ? (r(), s(h, {
+              key: 2,
+              icon: o.iconRight,
+              class: i(["h-4 w-4 shrink-0 opacity-70", { "md:hidden": n.value }])
+            }, null, 8, ["icon", "class"])) : c("", !0),
+            t.$slots.badge ? (r(), m("div", {
+              key: 3,
+              class: i(["ml-auto", { "md:hidden": n.value }])
+            }, [
+              v(t.$slots, "badge")
+            ], 2)) : c("", !0)
+          ]),
+          _: 3
+        }, 8, ["to", "href", "type", "target", "rel", "class"]))
+      ]),
+      _: 3
+    }, 8, ["content", "disabled"]));
+  }
+});
+export {
+  z as default
+};

package/components/Navbar/NavbarItem.vue2.js

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

package/components/Navbar/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Navbar } from './Navbar.vue';
+export { default as NavbarItem } from './NavbarItem.vue';
+export { default as NavbarGroup } from './NavbarGroup.vue';

package/components/OTPInput/OTPInput.vue.d.ts

@@ -0,0 +1,33 @@
+interface Props {
+    length?: number;
+    modelValue?: string;
+    disabled?: boolean;
+    error?: boolean;
+    autofocus?: boolean;
+    type?: 'text' | 'number';
+    placeholder?: string;
+    variant?: 'solid' | 'outline' | 'ghost';
+    attached?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+    change: (value: string) => any;
+    complete: (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+    onChange?: (value: string) => any;
+    onComplete?: (value: string) => any;
+}>, {
+    disabled: boolean;
+    length: number;
+    type: "text" | "number";
+    size: "sm" | "md" | "lg";
+    placeholder: string;
+    variant: "solid" | "outline" | "ghost";
+    attached: boolean;
+    modelValue: string;
+    error: boolean;
+    autofocus: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/components/OTPInput/OTPInput.vue.js

@@ -0,0 +1,115 @@
+import { defineComponent as j, ref as h, watch as z, onMounted as C, nextTick as V, computed as A, openBlock as g, createElementBlock as m, normalizeClass as v, Fragment as E, renderList as M } from "vue";
+const F = ["value", "type", "disabled", "placeholder", "onInput", "onKeydown"], P = /* @__PURE__ */ j({
+  __name: "OTPInput",
+  props: {
+    length: { default: 6 },
+    modelValue: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    autofocus: { type: Boolean, default: !1 },
+    type: { default: "number" },
+    placeholder: { default: "" },
+    variant: { default: "outline" },
+    attached: { type: Boolean, default: !1 },
+    size: { default: "md" }
+  },
+  emits: ["update:modelValue", "complete", "change"],
+  setup(f, { emit: b }) {
+    const a = f, p = b, s = h([]), r = h(new Array(a.length).fill(""));
+    z(
+      () => a.modelValue,
+      (t) => {
+        const e = t || "", l = e.split("").slice(0, a.length);
+        if (r.value.join("") !== e) {
+          const o = new Array(a.length).fill("");
+          l.forEach((u, i) => o[i] = u), r.value = o;
+        }
+      },
+      { immediate: !0 }
+    );
+    const c = () => {
+      const t = r.value.join("");
+      p("update:modelValue", t), p("change", t), t.length === a.length && p("complete", t);
+    }, y = (t, e) => {
+      let n = t.target.value;
+      if (a.type === "number" && (n = n.replace(/\D/g, "")), n.length === 1) {
+        r.value[e] = n, c(), e < a.length - 1 && s.value[e + 1]?.focus();
+        return;
+      }
+      if (!n) {
+        r.value[e] = "", c();
+        return;
+      }
+      if (n.length > 1) {
+        const o = n.split("").slice(0, a.length - e);
+        o.forEach((i, d) => {
+          e + d < a.length && (r.value[e + d] = i);
+        }), c();
+        const u = Math.min(e + o.length, a.length - 1);
+        s.value[u]?.focus();
+      }
+    }, w = (t, e) => {
+      const l = t.key;
+      if (l === "Backspace") {
+        r.value[e] || (t.preventDefault(), e > 0 && (r.value[e - 1] = "", s.value[e - 1]?.focus(), c()));
+        return;
+      }
+      l === "ArrowLeft" && (t.preventDefault(), e > 0 && s.value[e - 1]?.focus()), l === "ArrowRight" && (t.preventDefault(), e < a.length - 1 && s.value[e + 1]?.focus());
+    }, D = (t) => {
+      t.preventDefault();
+      const e = t.clipboardData?.getData("text/plain");
+      if (!e) return;
+      let l = e.trim();
+      a.type === "number" && (l = l.replace(/\D/g, ""));
+      const n = l.split("").slice(0, a.length), o = [...r.value];
+      n.forEach((i, d) => {
+        o[d] = i;
+      }), r.value = o, c();
+      const u = Math.min(n.length, a.length - 1);
+      s.value[u]?.focus();
+    }, k = (t, e) => {
+      t && (s.value[e] = t);
+    };
+    C(() => {
+      a.autofocus && V(() => {
+        s.value[0]?.focus();
+      });
+    });
+    const B = A(() => ["flex items-center", a.attached ? "-space-x-px" : "gap-2"].join(" ")), I = (t) => {
+      const e = "text-center font-medium transition-all focus:outline-none focus:z-10 disabled:opacity-50 disabled:cursor-not-allowed placeholder:text-muted-foreground", l = {
+        sm: "w-8 h-8 text-sm",
+        md: "w-10 h-10 text-lg",
+        lg: "w-12 h-12 text-xl"
+      }, n = {
+        solid: "bg-muted border border-transparent focus:border-primary focus:ring-2 focus:ring-primary",
+        outline: "border border-input focus:border-primary focus:ring-2 focus:ring-primary",
+        ghost: "bg-transparent border border-transparent hover:bg-accent focus:focus:border-primary focus:ring-2 focus:ring-primary"
+      }, o = a.error ? "border-destructive focus:ring-destructive text-destructive" : "";
+      let u = "rounded-md";
+      return a.attached && (t === 0 ? u = "rounded-l-md rounded-r-none" : t === a.length - 1 ? u = "rounded-r-md rounded-l-none" : u = "rounded-none"), [e, l[a.size], n[a.variant], o, u].join(" ");
+    };
+    return (t, e) => (g(), m("div", {
+      class: v(B.value)
+    }, [
+      (g(!0), m(E, null, M(a.length, (l, n) => (g(), m("input", {
+        key: n,
+        ref_for: !0,
+        ref: (o) => k(o, n),
+        value: r.value[n],
+        type: f.type === "number" ? "tel" : "text",
+        inputmode: "numeric",
+        maxlength: 1,
+        disabled: f.disabled,
+        placeholder: f.placeholder,
+        class: v(I(n)),
+        onInput: (o) => y(o, n),
+        onKeydown: (o) => w(o, n),
+        onPaste: D,
+        onFocus: e[0] || (e[0] = (o) => t.$emit("update:modelValue", r.value.join("")))
+      }, null, 42, F))), 128))
+    ], 2));
+  }
+});
+export {
+  P as default
+};

package/components/OTPInput/OTPInput.vue2.js

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

package/components/OTPInput/index.d.ts

@@ -0,0 +1 @@
+export { default as OTPInput } from './OTPInput.vue';

package/components/Pagination/Pagination.vue.d.ts

@@ -0,0 +1,34 @@
+interface Props {
+    currentPage?: number;
+    totalPages: number;
+    siblingCount?: number;
+    disabled?: boolean;
+    showEdges?: boolean;
+    showPageInfo?: boolean;
+    showItemsPerPage?: boolean;
+    itemsPerPage?: number;
+    itemsPerPageOptions?: number[];
+    navType?: 'text' | 'icon';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (value: number) => any;
+    "update:currentPage": (value: number) => any;
+    "update:itemsPerPage": (value: number) => any;
+    "change:itemsPerPage": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: (value: number) => any;
+    "onUpdate:currentPage"?: (value: number) => any;
+    "onUpdate:itemsPerPage"?: (value: number) => any;
+    "onChange:itemsPerPage"?: (value: number) => any;
+}>, {
+    disabled: boolean;
+    currentPage: number;
+    siblingCount: number;
+    showEdges: boolean;
+    showPageInfo: boolean;
+    showItemsPerPage: boolean;
+    itemsPerPage: number;
+    itemsPerPageOptions: number[];
+    navType: "text" | "icon";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Pagination/Pagination.vue.js

@@ -0,0 +1,196 @@
+import { defineComponent as B, computed as N, openBlock as s, createElementBlock as l, normalizeClass as z, createElementVNode as d, Fragment as f, renderList as S, toDisplayString as x, createVNode as b, createCommentVNode as P, createTextVNode as h, createBlock as v, withCtx as w } from "vue";
+import O from "../Icon.vue.js";
+import o from "../Button.vue.js";
+const R = {
+  key: 0,
+  class: "flex flex-wrap items-center justify-center md:justify-start gap-4 order-2 md:order-1"
+}, j = {
+  key: 0,
+  class: "flex items-center gap-2 text-sm text-muted-foreground"
+}, E = { class: "relative" }, V = ["value", "disabled"], L = ["value"], M = {
+  key: 1,
+  class: "hidden md:block w-px h-4 bg-border"
+}, A = {
+  key: 2,
+  class: "text-sm text-muted-foreground whitespace-nowrap"
+}, F = { class: "font-medium text-foreground" }, q = { class: "font-medium text-foreground" }, G = {
+  class: "flex items-center justify-center gap-1 order-1 md:order-2",
+  "aria-label": "Pagination"
+}, H = {
+  key: 0,
+  class: "px-2 text-gray-400 select-none"
+}, U = /* @__PURE__ */ B({
+  __name: "Pagination",
+  props: {
+    currentPage: { default: 1 },
+    totalPages: {},
+    siblingCount: { default: 1 },
+    disabled: { type: Boolean, default: !1 },
+    showEdges: { type: Boolean, default: !1 },
+    showPageInfo: { type: Boolean, default: !1 },
+    showItemsPerPage: { type: Boolean, default: !1 },
+    itemsPerPage: { default: 10 },
+    itemsPerPageOptions: { default: () => [10, 25, 50, 100] },
+    navType: { default: "text" }
+  },
+  emits: ["update:currentPage", "change", "update:itemsPerPage", "change:itemsPerPage"],
+  setup(e, { emit: $ }) {
+    const a = e, g = $, r = (i) => {
+      a.disabled || i < 1 || i > a.totalPages || i !== a.currentPage && (g("update:currentPage", i), g("change", i));
+    }, T = (i) => {
+      const t = i.target, n = parseInt(t.value);
+      g("update:itemsPerPage", n), g("change:itemsPerPage", n), g("update:currentPage", 1), g("change", 1);
+    }, D = N(() => {
+      if (a.siblingCount * 2 + 5 >= a.totalPages)
+        return y(1, a.totalPages);
+      const t = Math.max(a.currentPage - a.siblingCount, 1), n = Math.min(a.currentPage + a.siblingCount, a.totalPages), u = t > 2, c = n < a.totalPages - 2, k = 1, C = a.totalPages;
+      if (!u && c) {
+        let m = 3 + 2 * a.siblingCount;
+        return [...y(1, m), "DOTS", C];
+      }
+      if (u && !c) {
+        let m = 3 + 2 * a.siblingCount, I = y(a.totalPages - m + 1, a.totalPages);
+        return [k, "DOTS", ...I];
+      }
+      if (u && c) {
+        let m = y(t, n);
+        return [k, "DOTS", ...m, "DOTS", C];
+      }
+      return [];
+    }), y = (i, t) => {
+      let n = t - i + 1;
+      return Array.from({ length: n }, (u, c) => c + i);
+    };
+    return (i, t) => (s(), l("div", {
+      class: z(["flex flex-col md:flex-row items-center gap-4 w-full", [e.showPageInfo || e.showItemsPerPage ? "justify-between" : "justify-center"]])
+    }, [
+      e.showPageInfo || e.showItemsPerPage ? (s(), l("div", R, [
+        e.showItemsPerPage ? (s(), l("div", j, [
+          t[8] || (t[8] = d("span", { class: "whitespace-nowrap" }, "Show", -1)),
+          d("div", E, [
+            d("select", {
+              value: e.itemsPerPage,
+              class: "appearance-none bg-background border border-border hover:border-accent text-foreground py-1 pl-2 pr-6 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-primary text-sm cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+              disabled: e.disabled,
+              onChange: T
+            }, [
+              (s(!0), l(f, null, S(e.itemsPerPageOptions, (n) => (s(), l("option", {
+                key: n,
+                value: n
+              }, x(n), 9, L))), 128))
+            ], 40, V),
+            b(O, {
+              icon: "lucide:chevron-down",
+              class: "absolute right-1.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-muted-foreground pointer-events-none"
+            })
+          ]),
+          t[9] || (t[9] = d("span", { class: "whitespace-nowrap" }, "per page", -1))
+        ])) : P("", !0),
+        e.showItemsPerPage && e.showPageInfo ? (s(), l("div", M)) : P("", !0),
+        e.showPageInfo ? (s(), l("span", A, [
+          t[10] || (t[10] = h(" Page ", -1)),
+          d("span", F, x(e.currentPage), 1),
+          t[11] || (t[11] = h(" of ", -1)),
+          d("span", q, x(e.totalPages), 1)
+        ])) : P("", !0)
+      ])) : P("", !0),
+      d("nav", G, [
+        e.showEdges ? (s(), v(o, {
+          key: 0,
+          variant: "ghost",
+          size: "sm",
+          icon: "lucide:chevrons-left",
+          disabled: e.disabled || e.currentPage === 1,
+          onClick: t[0] || (t[0] = (n) => r(1))
+        }, null, 8, ["disabled"])) : P("", !0),
+        e.navType === "icon" ? (s(), v(o, {
+          key: 1,
+          variant: "ghost",
+          size: "sm",
+          icon: "lucide:chevron-left",
+          disabled: e.disabled || e.currentPage === 1,
+          onClick: t[1] || (t[1] = (n) => r(e.currentPage - 1))
+        }, null, 8, ["disabled"])) : (s(), l(f, { key: 2 }, [
+          b(o, {
+            variant: "ghost",
+            size: "sm",
+            class: "hidden sm:flex",
+            disabled: e.disabled || e.currentPage === 1,
+            onClick: t[2] || (t[2] = (n) => r(e.currentPage - 1))
+          }, {
+            default: w(() => [...t[12] || (t[12] = [
+              h(" Previous ", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"]),
+          b(o, {
+            variant: "ghost",
+            size: "sm",
+            icon: "lucide:chevron-left",
+            class: "flex sm:hidden",
+            disabled: e.disabled || e.currentPage === 1,
+            onClick: t[3] || (t[3] = (n) => r(e.currentPage - 1))
+          }, null, 8, ["disabled"])
+        ], 64)),
+        (s(!0), l(f, null, S(D.value, (n, u) => (s(), l(f, { key: u }, [
+          n === "DOTS" ? (s(), l("div", H, "...")) : (s(), v(o, {
+            key: 1,
+            size: "sm",
+            variant: n === e.currentPage ? "outline" : "ghost",
+            class: z({
+              "bg-white text-primary border-primary ring-1 ring-primary pointer-events-none z-10": n === e.currentPage,
+              "text-gray-600 hover:bg-gray-100": n !== e.currentPage
+            }),
+            disabled: e.disabled,
+            onClick: (c) => r(n)
+          }, {
+            default: w(() => [
+              h(x(n), 1)
+            ]),
+            _: 2
+          }, 1032, ["variant", "class", "disabled", "onClick"]))
+        ], 64))), 128)),
+        e.navType === "icon" ? (s(), v(o, {
+          key: 3,
+          variant: "ghost",
+          size: "sm",
+          icon: "lucide:chevron-right",
+          disabled: e.disabled || e.currentPage === e.totalPages,
+          onClick: t[4] || (t[4] = (n) => r(e.currentPage + 1))
+        }, null, 8, ["disabled"])) : (s(), l(f, { key: 4 }, [
+          b(o, {
+            variant: "ghost",
+            size: "sm",
+            class: "hidden sm:flex",
+            disabled: e.disabled || e.currentPage === e.totalPages,
+            onClick: t[5] || (t[5] = (n) => r(e.currentPage + 1))
+          }, {
+            default: w(() => [...t[13] || (t[13] = [
+              h(" Next ", -1)
+            ])]),
+            _: 1
+          }, 8, ["disabled"]),
+          b(o, {
+            variant: "ghost",
+            size: "sm",
+            icon: "lucide:chevron-right",
+            class: "flex sm:hidden",
+            disabled: e.disabled || e.currentPage === e.totalPages,
+            onClick: t[6] || (t[6] = (n) => r(e.currentPage + 1))
+          }, null, 8, ["disabled"])
+        ], 64)),
+        e.showEdges ? (s(), v(o, {
+          key: 5,
+          variant: "ghost",
+          size: "sm",
+          icon: "lucide:chevrons-right",
+          disabled: e.disabled || e.currentPage === e.totalPages,
+          onClick: t[7] || (t[7] = (n) => r(e.totalPages))
+        }, null, 8, ["disabled"])) : P("", !0)
+      ])
+    ], 2));
+  }
+});
+export {
+  U as default
+};

package/components/Pagination/Pagination.vue2.js

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

package/components/Pagination/index.d.ts

@@ -0,0 +1 @@
+export { default as Pagination } from './Pagination.vue';

package/components/PricingPlan/PricingPlan.vue.d.ts

@@ -0,0 +1,22 @@
+import { PricingPlanItemSchema, PricingPlanVariant } from './types';
+interface Props {
+    modelValue?: string | number | null;
+    items: PricingPlanItemSchema[];
+    variant?: PricingPlanVariant;
+    columns?: number | string;
+    gap?: number;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | number) => any;
+    change: (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | number) => any;
+    onChange?: (value: string | number) => any;
+}>, {
+    variant: PricingPlanVariant;
+    modelValue: string | number | null;
+    items: PricingPlanItemSchema[];
+    gap: number;
+    columns: number | string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/PricingPlan/PricingPlan.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent as p, computed as r, openBlock as i, createElementBlock as u, normalizeStyle as f, normalizeClass as v, Fragment as y, renderList as x, createBlock as C } from "vue";
+import $ from "./PricingPlanItem.vue.js";
+const S = /* @__PURE__ */ p({
+  __name: "PricingPlan",
+  props: {
+    modelValue: { default: null },
+    items: { default: () => [] },
+    variant: { default: "outline" },
+    columns: { default: 3 },
+    gap: { default: 6 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(t, { emit: c }) {
+    const e = t, o = c, d = (l) => {
+      o("update:modelValue", l.id), o("change", l.id);
+    };
+    r(() => {
+      const l = e.columns;
+      let a = "";
+      return typeof l == "number" ? a = `repeat(${l}, minmax(0, 1fr))` : a = l, {
+        display: "grid",
+        gridTemplateColumns: a,
+        gap: `${e.gap * 4}px`
+        // assuming prop is in standard tailwind units (4px), or just pixels?
+        // Let's use it as tailwind multiplier for consistency if possible, but style takes pixels usually.
+        // If user passed 6, usually means gap-6 (1.5rem = 24px).
+        // Let's map it roughly or just use class if possible.
+        // Actually dynamic gap via style is easier for custom.
+        // Let's assume input is pixels if large, or multiple of 4 if small?
+        // Let's just rely on classes for standard gaps, or style for custom.
+        // To be safe and simple, let's use class for standard grid, or style for columns.
+      };
+    });
+    const s = r(() => e.columns === 3 ? "grid grid-cols-1 md:grid-cols-3" : e.columns === 2 ? "grid grid-cols-1 md:grid-cols-2" : e.columns === 4 ? "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4" : ""), m = r(() => `gap-${e.gap}`), g = r(() => s.value ? {} : {
+      display: "grid",
+      gridTemplateColumns: `repeat(${e.columns}, minmax(0, 1fr))`,
+      gap: `${e.gap * 4}px`
+    });
+    return (l, a) => (i(), u("div", {
+      class: v(["w-full", [s.value, m.value]]),
+      style: f(g.value)
+    }, [
+      (i(!0), u(y, null, x(t.items, (n) => (i(), C($, {
+        key: n.id,
+        item: n,
+        selected: t.modelValue === n.id,
+        variant: t.variant,
+        onSelect: d
+      }, null, 8, ["item", "selected", "variant"]))), 128))
+    ], 6));
+  }
+});
+export {
+  S as default
+};

package/components/PricingPlan/PricingPlan.vue2.js

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

package/components/PricingPlan/PricingPlanItem.vue.d.ts

@@ -0,0 +1,17 @@
+import { PricingPlanItemSchema } from './types';
+interface Props {
+    item: PricingPlanItemSchema;
+    selected?: boolean;
+    variant?: 'outline' | 'solid';
+    selectable?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    select: (item: PricingPlanItemSchema) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onSelect?: (item: PricingPlanItemSchema) => any;
+}>, {
+    variant: "outline" | "solid";
+    selected: boolean;
+    selectable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;