vlite3 0.0.1

package/components/Input.vue.js

@@ -0,0 +1,250 @@
+import { defineComponent as U, useSlots as W, ref as z, computed as a, onMounted as q, nextTick as P, openBlock as r, createElementBlock as s, normalizeClass as c, createBlock as x, withCtx as G, createTextVNode as h, toDisplayString as v, createCommentVNode as i, createElementVNode as w, renderSlot as S, createVNode as k } from "vue";
+import f from "./Icon.vue.js";
+import H from "./Label.vue.js";
+import J from "./Textarea.vue.js";
+const K = { class: "relative w-full" }, O = ["type", "value", "placeholder", "disabled", "min", "max"], Q = { class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center justify-center gap-2" }, X = {
+  key: 1,
+  class: "text-sm font-medium text-danger"
+}, te = /* @__PURE__ */ U({
+  __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: L }) {
+    const e = t, u = L, m = W(), y = z(null), b = z(!1), $ = a(() => e.type === "password" && b.value ? "text" : e.type), C = a(() => e.modelValue !== "" && e.modelValue !== null && e.modelValue !== void 0), g = a(() => !!e.addonLeft || !!m["addon-left"]), p = a(
+      () => !!e.addonRight || !!m["addon-right"]
+    ), A = a(() => [
+      "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(" ")), I = a(() => [
+      "relative flex w-full items-stretch",
+      e.labelPosition !== "top" ? "flex-1" : ""
+    ].join(" ")), V = a(() => {
+      const d = "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 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"
+      }, n = {
+        sm: "h-8 text-xs",
+        md: "h-10 text-sm",
+        lg: "h-12 text-base"
+      }, j = {
+        none: "rounded-none",
+        sm: "rounded-sm",
+        md: "rounded-md",
+        lg: "rounded-lg",
+        xl: "rounded-xl",
+        "2xl": "rounded-2xl",
+        full: "rounded-full"
+      };
+      let l = j[e.rounded];
+      g.value && (l = l.replace("rounded-", "rounded-r-").replace("rounded-l-", ""), e.rounded === "md" && (l = "rounded-r-md rounded-l-none"), e.rounded === "sm" && (l = "rounded-r-sm rounded-l-none"), e.rounded === "lg" && (l = "rounded-r-lg rounded-l-none"), e.rounded === "full" && (l = "rounded-r-full rounded-l-none")), p.value && (j[e.rounded], g.value ? l = "rounded-none" : (e.rounded === "md" && (l = "rounded-l-md rounded-r-none"), e.rounded === "sm" && (l = "rounded-l-sm rounded-r-none"), e.rounded === "lg" && (l = "rounded-l-lg rounded-r-none"), e.rounded === "full" && (l = "rounded-l-full rounded-r-none"))), e.variant === "outline-b" && (l = "rounded-none");
+      const R = e.variant === "outline-b" || e.variant === "transparent";
+      return [
+        d,
+        o[e.variant],
+        n[e.size],
+        l,
+        e.error ? "border-destructive focus-visible:ring-destructive" : "",
+        // Left Padding
+        e.icon ? "pl-9" : R && !g.value ? "pl-0" : "",
+        // Right Padding
+        e.showClearButton && C.value || e.type === "password" || e.loading || e.iconRight ? "pr-9" : R && !p.value ? "pr-0" : "",
+        e.inputClass
+      ].join(" ");
+    }), B = {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }, N = a(() => {
+      const d = {
+        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 ? "" : B[e.size],
+        d[e.rounded] || "rounded-l-md",
+        e.addonLeftClass
+      ].join(" ");
+    }), T = a(() => {
+      const d = {
+        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 ? "" : B[e.size],
+        d[e.rounded] || "rounded-r-md",
+        e.addonRightClass
+      ].join(" ");
+    }), E = (d) => {
+      if (e.lazy) return;
+      const o = d.target;
+      u("update:modelValue", o.value);
+    }, F = (d) => {
+      const o = d.target;
+      e.lazy && u("update:modelValue", o.value), u("change", o.value);
+    }, M = () => {
+      b.value = !b.value;
+    }, D = () => {
+      u("update:modelValue", ""), P(() => {
+        y.value?.focus();
+      });
+    };
+    return q(() => {
+      e.autofocus && P(() => {
+        y.value?.focus();
+      });
+    }), (d, o) => (r(), s("div", {
+      class: c(A.value)
+    }, [
+      t.label ? (r(), x(H, {
+        key: 0,
+        for: t.label,
+        class: c(["mb-1.5", t.labelPosition !== "top" ? "mb-0" : ""].join(" "))
+      }, {
+        default: G(() => [
+          h(v(t.label), 1)
+        ]),
+        _: 1
+      }, 8, ["for", "class"])) : i("", !0),
+      w("div", {
+        class: c(I.value)
+      }, [
+        g.value ? (r(), s("div", {
+          key: 0,
+          class: c(N.value)
+        }, [
+          S(d.$slots, "addon-left", {}, () => [
+            h(v(t.addonLeft), 1)
+          ])
+        ], 2)) : i("", !0),
+        w("div", K, [
+          t.type === "textarea" ? (r(), x(J, {
+            key: 0,
+            "model-value": String(t.modelValue),
+            placeholder: t.placeholder,
+            disabled: t.disabled,
+            rows: t.rows,
+            class: c(V.value),
+            "onUpdate:modelValue": o[0] || (o[0] = (n) => u("update:modelValue", n)),
+            onBlur: o[1] || (o[1] = (n) => u("blur", n)),
+            onFocus: o[2] || (o[2] = (n) => u("focus", n))
+          }, null, 8, ["model-value", "placeholder", "disabled", "rows", "class"])) : (r(), s("input", {
+            key: 1,
+            ref_key: "inputRef",
+            ref: y,
+            type: $.value,
+            value: t.modelValue,
+            placeholder: t.placeholder,
+            disabled: t.disabled,
+            min: t.min,
+            max: t.max,
+            class: c(V.value),
+            onInput: E,
+            onChange: F,
+            onBlur: o[3] || (o[3] = (n) => u("blur", n)),
+            onFocus: o[4] || (o[4] = (n) => u("focus", n))
+          }, null, 42, O)),
+          t.icon ? (r(), s("div", {
+            key: 2,
+            class: "absolute left-3 top-1/2 -translate-y-1/2 flex items-center justify-center cursor-pointer text-muted-foreground hover:text-foreground",
+            onClick: o[5] || (o[5] = (n) => u("click:icon", n))
+          }, [
+            k(f, {
+              icon: t.icon,
+              class: "h-4 w-4"
+            }, null, 8, ["icon"])
+          ])) : i("", !0),
+          w("div", Q, [
+            t.loading ? (r(), x(f, {
+              key: 0,
+              icon: "lucide:loader-2",
+              class: "h-4 w-4 animate-spin text-muted-foreground"
+            })) : t.iconRight ? (r(), x(f, {
+              key: 1,
+              icon: t.iconRight,
+              class: "h-4 w-4 text-muted-foreground cursor-pointer hover:text-foreground",
+              onClick: o[6] || (o[6] = (n) => u("click:icon-right", n))
+            }, null, 8, ["icon"])) : i("", !0),
+            t.type === "password" && !t.disabled ? (r(), s("button", {
+              key: 2,
+              type: "button",
+              class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none",
+              onClick: M
+            }, [
+              k(f, {
+                icon: b.value ? "lucide:eye-off" : "lucide:eye",
+                class: "h-4 w-4"
+              }, null, 8, ["icon"])
+            ])) : i("", !0),
+            t.showClearButton && C.value && !t.disabled && !t.loading && t.type !== "textarea" && t.type !== "password" ? (r(), s("button", {
+              key: 3,
+              type: "button",
+              class: "flex items-center justify-center text-muted-foreground hover:text-foreground focus:outline-none",
+              onClick: D
+            }, [
+              k(f, {
+                icon: "lucide:x-circle",
+                class: "h-4 w-4"
+              })
+            ])) : i("", !0)
+          ])
+        ]),
+        p.value ? (r(), s("div", {
+          key: 1,
+          class: c(T.value)
+        }, [
+          S(d.$slots, "addon-right", {}, () => [
+            h(v(t.addonRight), 1)
+          ])
+        ], 2)) : i("", !0)
+      ], 2),
+      t.error ? (r(), s("p", X, v(t.error), 1)) : i("", !0)
+    ], 2));
+  }
+});
+export {
+  te 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: number;
+            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;
+    cols: number | Record<string | number, number>;
+    tag: string;
+    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 m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5c6cb3dc"]]);
+export {
+  m as default
+};

package/components/Masonry/Masonry.vue2.js

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

@@ -0,0 +1,100 @@
+import { defineComponent as k, ref as w, watch as f, onUnmounted as C, openBlock as o, createElementBlock as n, Fragment as B, createElementVNode as i, normalizeClass as m, withModifiers as p, renderSlot as c, createBlock as $, Teleport as O, createVNode as h, Transition as S, withCtx as z, toDisplayString as y, createCommentVNode as a } from "vue";
+import E from "./Button.vue.js";
+import { useKeyStroke as N } from "../composables/useKeyStroke.js";
+const V = {
+  key: 0,
+  class: "flex-none flex flex-col space-y-1.5 pb-0 border-b"
+}, _ = { class: "flex items-center justify-between bg-muted py-2.5 px-4 rounded-t-xl" }, j = { class: "text-lg font-semibold leading-none tracking-tight" }, K = { class: "flex-1 overflow-y-auto px-4 py-4 min-h-0" }, M = {
+  key: 0,
+  class: "text-sm text-muted-foreground mb-2"
+}, T = {
+  key: 1,
+  class: "flex-none flex items-center px-4 py-3 border-t rounded-b-xl"
+}, U = /* @__PURE__ */ k({
+  __name: "Modal",
+  props: {
+    show: { type: Boolean, default: !1 },
+    title: {},
+    maxWidth: { default: "sm:max-w-lg" },
+    closeOutside: { type: Boolean, default: !0 },
+    description: {},
+    triggerClass: {}
+  },
+  emits: ["close", "update:show", "onOpen"],
+  setup(t, { emit: x }) {
+    const r = t, d = x, s = w(r.show);
+    f(
+      () => r.show,
+      (e) => {
+        s.value = e, e && d("onOpen");
+      }
+    );
+    const b = () => {
+      s.value = !0;
+    }, l = () => {
+      s.value = !1, d("update:show", !1), d("close");
+    }, v = () => {
+      r.closeOutside && l();
+    }, { onKeyStroke: g } = N();
+    return g("Escape", l), f(s, (e) => {
+      e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "";
+    }), C(() => {
+      document.body.style.overflow = "";
+    }), (e, u) => (o(), n(B, null, [
+      i("span", {
+        onClick: p(b, ["stop"]),
+        class: m(`${t.triggerClass}`)
+      }, [
+        c(e.$slots, "trigger")
+      ], 2),
+      (o(), $(O, { to: "body" }, [
+        h(S, {
+          "enter-active-class": "transition duration-200 ease-out",
+          "enter-from-class": "opacity-0",
+          "enter-to-class": "opacity-100",
+          "leave-active-class": "transition duration-150 ease-in",
+          "leave-from-class": "opacity-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: z(() => [
+            s.value ? (o(), n("div", {
+              key: 0,
+              class: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm p-4",
+              onClick: v
+            }, [
+              i("div", {
+                class: m(["relative w-full rounded border border-border bg-background text-foreground shadow-lg flex flex-col max-h-[85vh] sm:max-h-[90vh]", [t.maxWidth]]),
+                onClick: u[0] || (u[0] = p(() => {
+                }, ["stop"]))
+              }, [
+                t.title ? (o(), n("div", V, [
+                  i("div", _, [
+                    i("h3", j, y(t.title), 1),
+                    h(E, {
+                      rounded: "full",
+                      size: "sm",
+                      icon: "lucide:x",
+                      variant: "ghost",
+                      onClick: l
+                    })
+                  ])
+                ])) : a("", !0),
+                i("div", K, [
+                  t.description ? (o(), n("p", M, y(t.description), 1)) : a("", !0),
+                  c(e.$slots, "default", { close: l })
+                ]),
+                e.$slots.footer ? (o(), n("div", T, [
+                  c(e.$slots, "footer", { close: l })
+                ])) : a("", !0)
+              ], 2)
+            ])) : a("", !0)
+          ]),
+          _: 3
+        })
+      ]))
+    ], 64));
+  }
+});
+export {
+  U as default
+};

package/components/Modal.vue2.js

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