vlite3 1.1.2 → 1.1.5

package/components/NumberInput.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as E, ref as k, watch as q, computed as a, onBeforeUnmount as L, openBlock as v, createElementBlock as y, normalizeClass as u, withModifiers as i, createVNode as h, createCommentVNode as P, createElementVNode as p, withKeys as z } from "vue";
-import g from "./Icon.vue.js";
-const M = ["disabled"], U = ["value", "min", "max", "step", "placeholder", "disabled", "readonly", "onKeydown"], $ = ["disabled"], A = {
+import { defineComponent as E, ref as k, watch as p, computed as u, onBeforeUnmount as q, openBlock as f, createElementBlock as y, normalizeClass as i, withModifiers as r, createVNode as g, createCommentVNode as P, createElementVNode as h, withKeys as z } from "vue";
+import w from "./Icon.vue.js";
+const L = ["disabled", "data-testid"], M = ["value", "placeholder", "disabled", "readonly", "onKeydown", "data-testid"], U = ["disabled", "data-testid"], W = {
   key: 2,
   class: "flex flex-col justify-center h-full py-[3px] pr-[3px]"
-}, D = { class: "flex flex-col h-full w-6 scale-80" }, G = ["disabled"], H = ["disabled"], Q = /* @__PURE__ */ E({
+}, A = { class: "flex flex-col h-full w-6 scale-80" }, D = ["disabled", "data-testid"], G = ["disabled", "data-testid"], O = /* @__PURE__ */ E({
   __name: "NumberInput",
   props: {
     modelValue: { default: void 0 },
@@ -21,24 +21,24 @@ const M = ["disabled"], U = ["value", "min", "max", "step", "placeholder", "disa
     rounded: { default: "md" }
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
-  setup(t, { emit: V }) {
-    const n = t, m = V, d = k(n.modelValue ?? "");
-    q(
+  setup(e, { emit: V }) {
+    const n = e, m = V, a = k(n.modelValue ?? "");
+    p(
       () => n.modelValue,
-      (l) => {
-        l !== void 0 && (d.value = l);
+      (d) => {
+        d !== void 0 && (a.value = d);
       }
     );
-    const B = k(null), c = a(() => {
-      const l = {
+    const B = k(null), c = u(() => {
+      const d = {
         xs: { h: "h-7", text: "text-xs", px: "px-2", icon: "w-3 h-3" },
         sm: { h: "h-8", text: "text-xs", px: "px-2", icon: "w-3.5 h-3.5" },
         md: { h: "h-9", text: "text-sm", px: "px-3", icon: "w-4 h-4" },
         lg: { h: "h-10", text: "text-sm", px: "px-4", icon: "w-5 h-5" },
         xl: { h: "h-12", text: "text-lg", px: "px-5", icon: "w-6 h-6" }
       };
-      return l[n.size] || l.md;
-    }), j = a(() => ({
+      return d[n.size] || d.md;
+    }), I = u(() => ({
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
@@ -46,7 +46,7 @@ const M = ["disabled"], U = ["value", "min", "max", "step", "placeholder", "disa
       xl: "rounded-xl",
       "2xl": "rounded-2xl",
       full: "rounded-full"
-    })[n.rounded] || "rounded-md"), I = a(() => ({
+    })[n.rounded] || "rounded-md"), j = u(() => ({
       none: "rounded-l-none",
       sm: "rounded-l-sm",
       md: "rounded-l-md",
@@ -54,7 +54,7 @@ const M = ["disabled"], U = ["value", "min", "max", "step", "placeholder", "disa
       xl: "rounded-l-xl",
       "2xl": "rounded-l-2xl",
       full: "rounded-l-full"
-    })[n.rounded] || "rounded-l-md"), S = a(() => ({
+    })[n.rounded] || "rounded-l-md"), S = u(() => ({
       none: "rounded-r-none",
       sm: "rounded-r-sm",
       md: "rounded-r-md",
@@ -62,177 +62,183 @@ const M = ["disabled"], U = ["value", "min", "max", "step", "placeholder", "disa
       xl: "rounded-r-xl",
       "2xl": "rounded-r-2xl",
       full: "rounded-r-full"
-    })[n.rounded] || "rounded-r-md"), F = a(() => [
+    })[n.rounded] || "rounded-r-md"), F = u(() => [
       "flex items-center w-full relative transition-all duration-200",
       n.disabled ? "opacity-50 cursor-not-allowed" : "",
       n.mode === "solid" ? "bg-muted" : "",
       n.mode === "outline" ? "border border-input bg-background" : "",
       n.mode === "ghost" ? "bg-transparent" : "",
       c.value.h,
-      j.value
-    ]), K = a(() => [
+      I.value
+    ]), K = u(() => [
       "flex-1 w-full bg-transparent focus:outline-none appearance-none",
       n.variant === "split" ? "text-center" : "text-left pl-3 pr-2",
       "placeholder:text-muted-foreground/50",
       c.value.text,
       n.disabled ? "cursor-not-allowed" : ""
-    ]), C = a(() => {
-      const l = "flex items-center justify-center transition-colors active:scale-95 shrink-0 select-none", e = n.disabled ? "" : "hover:text-primary hover:bg-muted/50";
+    ]), C = u(() => {
+      const d = "flex items-center justify-center transition-colors active:scale-95 shrink-0 select-none", t = n.disabled ? "" : "hover:text-primary hover:bg-muted/50";
       return n.size === "xs" || n.size, n.variant === "split" ? n.mode === "solid" ? [
-        l,
+        d,
         n.disabled ? "" : "hover:text-primary hover:bg-background/80",
         "bg-background shadow-sm rounded-full mx-1 my-0.5 aspect-square self-center h-[calc(100%-12px)] w-auto max-w-[calc(100%-12px)] flex items-center justify-center"
-      ] : [l, e, "h-full", "px-2"] : [l, e, "h-1/2 w-8 border-l border-input/50"];
-    }), s = (l) => {
+      ] : [d, t, "h-full", "px-2"] : [d, t, "h-1/2 w-8 border-l border-input/50"];
+    }), s = (d) => {
       if (n.disabled || n.readonly) return;
-      let e = l;
-      n.min !== void 0 && e < n.min && (e = n.min), n.max !== void 0 && e > n.max && (e = n.max), d.value = e, m("update:modelValue", e), m("change", e);
+      let t = d;
+      n.min !== void 0 && t < n.min && (t = n.min), n.max !== void 0 && t > n.max && (t = n.max), a.value = t, m("update:modelValue", t), m("change", t);
     };
-    let x = null, f = null;
-    const o = () => {
-      x && clearTimeout(x), f && clearInterval(f), x = null, f = null;
-    }, w = () => {
-      if (n.disabled || n.readonly || n.max !== void 0 && Number(d.value) >= n.max) {
-        o();
+    let b = null, x = null;
+    const l = () => {
+      b && clearTimeout(b), x && clearInterval(x), b = null, x = null;
+    }, $ = () => {
+      if (n.disabled || n.readonly || n.max !== void 0 && Number(a.value) >= n.max) {
+        l();
         return;
       }
-      const l = Number(d.value) || 0;
-      s(l + n.step);
+      const d = Number(a.value) || 0;
+      s(d + n.step);
     }, N = () => {
-      if (n.disabled || n.readonly || n.min !== void 0 && Number(d.value) <= n.min) {
-        o();
+      if (n.disabled || n.readonly || n.min !== void 0 && Number(a.value) <= n.min) {
+        l();
         return;
       }
-      const l = Number(d.value) || 0;
-      s(l - n.step);
-    }, b = (l, e) => {
-      e.button !== 0 && e.pointerType === "mouse" || (o(), l === "inc" ? w() : N(), x = setTimeout(() => {
-        f = setInterval(() => {
-          l === "inc" ? w() : N();
+      const d = Number(a.value) || 0;
+      s(d - n.step);
+    }, v = (d, t) => {
+      t.button !== 0 && t.pointerType === "mouse" || (l(), d === "inc" ? $() : N(), b = setTimeout(() => {
+        x = setInterval(() => {
+          d === "inc" ? $() : N();
         }, 50);
       }, 400));
-    }, R = (l) => {
-      const e = l.target, r = parseFloat(e.value);
-      if (isNaN(r)) {
-        d.value = e.value;
+    }, R = (d) => {
+      const t = d.target, o = parseFloat(t.value);
+      if (isNaN(o)) {
+        a.value = t.value;
         return;
       }
-      s(r);
-    }, T = (l) => {
-      m("blur", l);
-      const e = parseFloat(String(d.value));
-      isNaN(e) ? s(n.min || 0) : s(e);
+      s(o);
+    }, T = (d) => {
+      m("blur", d);
+      const t = parseFloat(String(a.value));
+      isNaN(t) ? s(n.min || 0) : s(t);
     };
-    return L(() => {
-      o();
-    }), (l, e) => (v(), y("div", {
-      class: u([F.value, "overflow-hidden"])
+    return q(() => {
+      l();
+    }), (d, t) => (f(), y("div", {
+      class: i([F.value, "overflow-hidden"])
     }, [
-      t.variant === "split" ? (v(), y("button", {
+      e.variant === "split" && !e.disabled && !e.readonly ? (f(), y("button", {
         key: 0,
         tabindex: "-1",
         type: "button",
-        class: u([
+        class: i([
           C.value,
-          t.mode === "outline" ? "border-r border-input" : "",
-          t.variant === "split" && t.mode !== "solid" ? I.value : ""
+          e.mode === "outline" ? "border-r border-input" : "",
+          e.variant === "split" && e.mode !== "solid" ? j.value : ""
         ]),
-        disabled: t.disabled || t.min !== void 0 && Number(d.value) <= t.min,
-        onPointerdown: e[0] || (e[0] = (r) => b("dec", r)),
-        onPointerup: o,
-        onPointerleave: o,
-        onPointercancel: o,
-        onContextmenu: e[1] || (e[1] = i(() => {
-        }, ["prevent"]))
+        disabled: e.disabled || e.min !== void 0 && Number(a.value) <= e.min,
+        onPointerdown: t[0] || (t[0] = (o) => v("dec", o)),
+        onPointerup: l,
+        onPointerleave: l,
+        onPointercancel: l,
+        onContextmenu: t[1] || (t[1] = r(() => {
+        }, ["prevent"])),
+        "data-testid": d.$attrs["data-testid"] ? `${d.$attrs["data-testid"]}-dec` : e.name ? `number-${e.name}-dec` : e.id ? `number-${e.id}-dec` : "number-input-dec"
       }, [
-        h(g, {
+        g(w, {
           icon: "lucide:minus",
-          class: u(c.value.icon)
+          class: i(c.value.icon)
         }, null, 8, ["class"])
-      ], 42, M)) : P("", !0),
-      p("input", {
+      ], 42, L)) : P("", !0),
+      h("input", {
         ref_key: "inputRef",
         ref: B,
         type: "number",
-        value: d.value,
-        min: t.min,
-        max: t.max,
-        step: t.step,
-        placeholder: t.placeholder,
-        disabled: t.disabled,
-        readonly: t.readonly,
-        class: u(K.value),
+        value: a.value,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        class: i(K.value),
         onInput: R,
-        onFocus: e[2] || (e[2] = (r) => m("focus", r)),
+        onFocus: t[2] || (t[2] = (o) => m("focus", o)),
         onBlur: T,
         onKeydown: [
-          z(i(w, ["prevent"]), ["up"]),
-          z(i(N, ["prevent"]), ["down"])
-        ]
-      }, null, 42, U),
-      t.variant === "split" ? (v(), y("button", {
+          z(r($, ["prevent"]), ["up"]),
+          z(r(N, ["prevent"]), ["down"])
+        ],
+        onWheel: t[3] || (t[3] = r(() => {
+        }, ["prevent"])),
+        onInvalid: t[4] || (t[4] = r(() => {
+        }, ["prevent"])),
+        "data-testid": d.$attrs["data-testid"] || (e.name ? `number-${e.name}` : e.id ? `number-${e.id}` : "number-input")
+      }, null, 42, M),
+      e.variant === "split" && !e.disabled && !e.readonly ? (f(), y("button", {
         key: 1,
         tabindex: "-1",
         type: "button",
-        class: u([
+        class: i([
           C.value,
-          t.mode === "outline" ? "border-l border-input" : "",
-          t.variant === "split" && t.mode !== "solid" ? S.value : ""
+          e.mode === "outline" ? "border-l border-input" : "",
+          e.variant === "split" && e.mode !== "solid" ? S.value : ""
         ]),
-        disabled: t.disabled || t.max !== void 0 && Number(d.value) >= t.max,
-        onPointerdown: e[3] || (e[3] = (r) => b("inc", r)),
-        onPointerup: o,
-        onPointerleave: o,
-        onPointercancel: o,
-        onContextmenu: e[4] || (e[4] = i(() => {
-        }, ["prevent"]))
+        disabled: e.disabled || e.max !== void 0 && Number(a.value) >= e.max,
+        onPointerdown: t[5] || (t[5] = (o) => v("inc", o)),
+        onPointerup: l,
+        onPointerleave: l,
+        onPointercancel: l,
+        onContextmenu: t[6] || (t[6] = r(() => {
+        }, ["prevent"])),
+        "data-testid": d.$attrs["data-testid"] ? `${d.$attrs["data-testid"]}-inc` : e.name ? `number-${e.name}-inc` : e.id ? `number-${e.id}-inc` : "number-input-inc"
       }, [
-        h(g, {
+        g(w, {
           icon: "lucide:plus",
-          class: u(c.value.icon)
+          class: i(c.value.icon)
         }, null, 8, ["class"])
-      ], 42, $)) : P("", !0),
-      t.variant === "stacked" ? (v(), y("div", A, [
-        p("div", D, [
-          p("button", {
+      ], 42, U)) : P("", !0),
+      e.variant === "stacked" && !e.disabled && !e.readonly ? (f(), y("div", W, [
+        h("div", A, [
+          h("button", {
             tabindex: "-1",
             type: "button",
             class: "flex-1 flex items-center justify-center bg-gray-100 hover:bg-gray-200 text-muted-foreground hover:text-foreground rounded-t-[3px] border-b border-gray-300 transition-colors disabled:cursor-not-allowed",
-            disabled: t.disabled || t.max !== void 0 && Number(d.value) >= t.max,
-            onPointerdown: e[5] || (e[5] = (r) => b("inc", r)),
-            onPointerup: o,
-            onPointerleave: o,
-            onPointercancel: o,
-            onContextmenu: e[6] || (e[6] = i(() => {
-            }, ["prevent"]))
+            disabled: e.disabled || e.max !== void 0 && Number(a.value) >= e.max,
+            onPointerdown: t[7] || (t[7] = (o) => v("inc", o)),
+            onPointerup: l,
+            onPointerleave: l,
+            onPointercancel: l,
+            onContextmenu: t[8] || (t[8] = r(() => {
+            }, ["prevent"])),
+            "data-testid": d.$attrs["data-testid"] ? `${d.$attrs["data-testid"]}-inc` : e.name ? `number-${e.name}-inc` : e.id ? `number-${e.id}-inc` : "number-input-inc"
           }, [
-            h(g, {
-              class: u(["text-gray-700/85!", t.size === "xs" || t.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5"]),
+            g(w, {
+              class: i(["text-gray-700/85!", e.size === "xs" || e.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5"]),
               icon: "mynaui:chevron-up-solid"
             }, null, 8, ["class"])
-          ], 40, G),
-          p("button", {
+          ], 40, D),
+          h("button", {
             tabindex: "-1",
             type: "button",
             class: "flex-1 flex items-center justify-center bg-gray-100 hover:bg-gray-200 text-muted-foreground hover:text-foreground rounded-b-[3px] transition-colors disabled:cursor-not-allowed",
-            disabled: t.disabled || t.min !== void 0 && Number(d.value) <= t.min,
-            onPointerdown: e[7] || (e[7] = (r) => b("dec", r)),
-            onPointerup: o,
-            onPointerleave: o,
-            onPointercancel: o,
-            onContextmenu: e[8] || (e[8] = i(() => {
-            }, ["prevent"]))
+            disabled: e.disabled || e.min !== void 0 && Number(a.value) <= e.min,
+            onPointerdown: t[9] || (t[9] = (o) => v("dec", o)),
+            onPointerup: l,
+            onPointerleave: l,
+            onPointercancel: l,
+            onContextmenu: t[10] || (t[10] = r(() => {
+            }, ["prevent"])),
+            "data-testid": d.$attrs["data-testid"] ? `${d.$attrs["data-testid"]}-dec` : e.name ? `number-${e.name}-dec` : e.id ? `number-${e.id}-dec` : "number-input-dec"
           }, [
-            h(g, {
-              class: u(["text-gray-700/85!", t.size === "xs" || t.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5"]),
+            g(w, {
+              class: i(["text-gray-700/85!", e.size === "xs" || e.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5"]),
               icon: "mynaui:chevron-down-solid"
             }, null, 8, ["class"])
-          ], 40, H)
+          ], 40, G)
         ])
       ])) : P("", !0)
     ], 2));
   }
 });
 export {
-  Q as default
+  O as default
 };

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

@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     variant: PricingPlanVariant;
     columns: number | string;
     modelValue: string | number | null;
-    items: PricingPlanItemSchema[];
     gap: number;
+    items: PricingPlanItemSchema[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/components/RichTextEditor/RichTextLinkPopover.vue.d.ts

@@ -0,0 +1,26 @@
+interface Props {
+    visible: boolean;
+    isEditing: boolean;
+    url: string;
+    popoverStyle?: Record<string, string | number>;
+}
+declare function focusInput(): void;
+declare const _default: import('vue').DefineComponent<Props, {
+    focusInput: typeof focusInput;
+    el: import('vue').Ref<HTMLInputElement, HTMLInputElement>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    apply: () => any;
+    close: () => any;
+    "update:url": (val: string) => any;
+    unlink: () => any;
+    openTab: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onApply?: () => any;
+    onClose?: () => any;
+    "onUpdate:url"?: (val: string) => any;
+    onUnlink?: () => any;
+    onOpenTab?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    linkInputRef: HTMLInputElement;
+}, any>;
+export default _default;

package/components/RichTextEditor/RichTextReader.vue.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    content?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    content: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/components/RichTextEditor/RichTextToolbar.vue.d.ts

@@ -0,0 +1,24 @@
+interface Props {
+    toolbarState: Record<string, boolean>;
+    activeBlock: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    isUploadingImage: boolean;
+    label?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    command: (cmd: string, val?: string) => any;
+    setBlock: (tag: string) => any;
+    insertCode: () => any;
+    triggerImageUpload: () => any;
+    openLinkPopover: () => any;
+    clearFormat: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCommand?: (cmd: string, val?: string) => any;
+    onSetBlock?: (tag: string) => any;
+    onInsertCode?: () => any;
+    onTriggerImageUpload?: () => any;
+    onOpenLinkPopover?: () => any;
+    onClearFormat?: () => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/RichTextEditor/composables/useRichTextImageUpload.d.ts

@@ -0,0 +1,14 @@
+export declare function useRichTextImageUpload(editorRef: {
+    value: HTMLDivElement | null;
+}, callbacks: {
+    saveSelection: () => void;
+    restoreSelection: () => void;
+    onInput: () => void;
+}): {
+    imageInputRef: import('vue').Ref<HTMLInputElement, HTMLInputElement>;
+    isUploadingImage: import('vue').ComputedRef<boolean>;
+    triggerImageUpload: (disabledOrReadonly: boolean) => void;
+    onImageFileChange: (e: Event) => Promise<void>;
+    onPaste: (e: ClipboardEvent) => Promise<void>;
+    onDrop: (e: DragEvent) => Promise<void>;
+};

package/components/RichTextEditor/composables/useRichTextLinks.d.ts

@@ -0,0 +1,32 @@
+import { Ref, ComponentPublicInstance } from 'vue';
+export interface EditorContext {
+    editorRef: Ref<HTMLDivElement | null>;
+    rootRef: Ref<HTMLDivElement | null>;
+    linkPopoverElRef: Ref<HTMLElement | ComponentPublicInstance | null>;
+    callbacks: {
+        restoreSelection: () => void;
+        onInput: () => void;
+    };
+}
+export declare function useRichTextLinks(ctx: EditorContext): {
+    linkPopover: import('vue').ShallowRef<{
+        visible: boolean;
+        x: number;
+        y: number;
+        url: string;
+        isEditing: boolean;
+    }, {
+        visible: boolean;
+        x: number;
+        y: number;
+        url: string;
+        isEditing: boolean;
+    }>;
+    checkLinkAtCursor: () => void;
+    openLinkPopover: () => void;
+    applyLink: (urlVal?: string) => void;
+    unlinkCurrent: () => void;
+    openLinkInTab: (urlVal?: string) => void;
+    closeLinkPopover: () => void;
+    updateUrl: (url: string) => void;
+};

package/components/RichTextEditor/index.d.ts

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