vlite3 1.1.1 → 1.1.4

package/components/MultiSelect/MultiSelect.vue.js

@@ -1,11 +1,11 @@
 import { defineComponent as P, ref as k, computed as s, watch as M, openBlock as r, createBlock as m, unref as h, withCtx as p, createCommentVNode as f, createElementVNode as g, withKeys as I, withModifiers as y, normalizeClass as c, createElementBlock as v, toDisplayString as S, Fragment as T, renderList as R, createVNode as L, createTextVNode as U } from "vue";
-import C from "../Icon.vue.js";
+import $ from "../Icon.vue.js";
 import q from "../Dropdown/Dropdown.vue.js";
 import G from "../Dropdown/DropdownMenu.vue.js";
-import { $t as $ } from "../../utils/i18n.js";
+import { $t as C } from "../../utils/i18n.js";
 import N from "../Badge.vue.js";
 import { useMultiSelectHydration as J } from "./composables/useMultiSelectHydration.js";
-const Q = ["tabindex"], W = {
+const Q = ["tabindex", "data-testid"], W = {
   key: 0,
   class: "text-muted-foreground pl-0.5 truncate"
 }, X = { class: "truncate min-w-0" }, Y = ["onClick"], Z = {
@@ -35,64 +35,64 @@ const Q = ["tabindex"], W = {
   },
   emits: ["update:modelValue", "change", "load-more", "search"],
   setup(l, { emit: j }) {
-    const e = l, i = j, o = k(!1), D = s(() => {
-      if (e.placeholderI18n) return $(e.placeholderI18n);
-      if (e.placeholder) return e.placeholder;
-      const t = $("vlite.multiSelect.placeholder");
-      return t !== "vlite.multiSelect.placeholder" ? t : "Select items...";
-    }), x = s(() => e.options ? e.options.map((t) => typeof t == "string" || typeof t == "number" ? { label: String(t), value: String(t) } : t) : []), B = k(!1), w = k(!1);
+    const t = l, i = j, o = k(!1), D = s(() => {
+      if (t.placeholderI18n) return C(t.placeholderI18n);
+      if (t.placeholder) return t.placeholder;
+      const e = C("vlite.multiSelect.placeholder");
+      return e !== "vlite.multiSelect.placeholder" ? e : "Select items...";
+    }), x = s(() => t.options ? t.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), B = k(!1), w = k(!1);
     M(
       x,
-      (t) => {
-        !B.value && t.length > 0 && (B.value = !0, setTimeout(() => {
-          w.value = !0, d.hydrateSelected(e.modelValue || []);
+      (e) => {
+        !B.value && e.length > 0 && (B.value = !0, setTimeout(() => {
+          w.value = !0, d.hydrateSelected(t.modelValue || []);
         }, 10));
       },
       { immediate: !0 }
     );
     const V = s(() => {
-      const t = [...x.value], a = new Set(t.map((n) => n.value ?? n.label));
+      const e = [...x.value], a = new Set(e.map((n) => n.value ?? n.label));
       return d.selectedBuffer.value.forEach((n, u) => {
-        a.has(u) || (t.unshift(n), a.add(u));
-      }), t;
+        a.has(u) || (e.unshift(n), a.add(u));
+      }), e;
     }), d = J({
-      fetchSelected: e.fetchSelected,
-      getValues: () => e.modelValue || [],
+      fetchSelected: t.fetchSelected,
+      getValues: () => t.modelValue || [],
       getOptions: () => V.value,
       isInitialLoadDone: () => w.value
     });
     M(
-      () => e.modelValue,
-      (t) => {
-        w.value && d.hydrateSelected(t || []);
+      () => t.modelValue,
+      (e) => {
+        w.value && d.hydrateSelected(e || []);
       },
       { deep: !0 }
     );
-    const b = s(() => V.value.filter((t) => {
-      const a = t.value ?? t.label;
-      return e.modelValue.includes(a);
-    })), E = s(() => b.value.slice(0, e.maxVisible)), O = s(() => b.value.length - e.maxVisible), H = (t) => {
-      if (e.disabled) return;
-      const a = t.value ?? t.label;
-      d.selectedBuffer.value.has(a) || d.selectedBuffer.value.set(a, t);
-      const n = [...e.modelValue], u = n.indexOf(a);
+    const b = s(() => V.value.filter((e) => {
+      const a = e.value ?? e.label;
+      return t.modelValue.includes(a);
+    })), E = s(() => b.value.slice(0, t.maxVisible)), O = s(() => b.value.length - t.maxVisible), H = (e) => {
+      if (t.disabled) return;
+      const a = e.value ?? e.label;
+      d.selectedBuffer.value.has(a) || d.selectedBuffer.value.set(a, e);
+      const n = [...t.modelValue], u = n.indexOf(a);
       u === -1 ? n.push(a) : n.splice(u, 1), i("update:modelValue", n), i("change", n);
-    }, K = (t) => {
-      if (e.disabled) return;
-      const a = e.modelValue.filter((n) => n !== t);
+    }, K = (e) => {
+      if (t.disabled) return;
+      const a = t.modelValue.filter((n) => n !== e);
       i("update:modelValue", a), i("change", a);
     }, A = () => {
-      e.disabled || (i("update:modelValue", []), i("change", []));
+      t.disabled || (i("update:modelValue", []), i("change", []));
     }, F = s(() => {
-      const t = e.rounded === "none" ? "rounded-none" : `rounded-${e.rounded}`, a = e.variant === "transparent" ? "px-2 py-0" : "px-3 py-1.5", n = e.variant === "transparent" ? "h-full min-h-[40px]" : "min-h-[40px]";
+      const e = t.rounded === "none" ? "rounded-none" : `rounded-${t.rounded}`, a = t.variant === "transparent" ? "px-2 py-0" : "px-3 py-1.5", n = t.variant === "transparent" ? "h-full min-h-[40px]" : "min-h-[40px]";
       return [
-        `flex items-center justify-between w-full ${a} ${n} ${t} border text-sm transition-colors cursor-pointer outline-none`,
-        e.disabled ? "opacity-50 cursor-not-allowed bg-muted" : e.variant === "floating" || e.variant === "transparent" ? "bg-transparent text-foreground" : "bg-background hover:bg-gray-50/70",
-        e.variant === "outline" || e.variant === "floating" ? "border-input focus-visible:ring-1 focus-visible:ring-primary" : e.variant === "transparent" ? "border-transparent" : "border-transparent bg-muted",
-        o.value && e.variant !== "transparent" ? "border-primary/20 ring-1 ring-primary/20" : ""
+        `flex items-center justify-between w-full ${a} ${n} ${e} border text-sm transition-colors cursor-pointer outline-none`,
+        t.disabled ? "opacity-50 cursor-not-allowed bg-muted" : t.variant === "floating" || t.variant === "transparent" ? "bg-transparent text-foreground" : "bg-background hover:bg-gray-50/70",
+        t.variant === "outline" || t.variant === "floating" ? "border-input focus-visible:ring-1 focus-visible:ring-primary" : t.variant === "transparent" ? "border-transparent" : "border-transparent bg-muted",
+        o.value && t.variant !== "transparent" ? "border-primary/20 ring-1 ring-primary/20" : ""
       ].join(" ");
-    }), z = s(() => e.size === "sm" ? "xs" : "sm");
-    return (t, a) => (r(), m(h(q), {
+    }), z = s(() => t.size === "sm" ? "xs" : "sm");
+    return (e, a) => (r(), m(h(q), {
       isOpen: o.value,
       "onUpdate:isOpen": a[5] || (a[5] = (n) => o.value = n),
       "close-on-select": !1,
@@ -106,7 +106,8 @@ const Q = ["tabindex"], W = {
           onKeydown: [
             a[0] || (a[0] = I(y((n) => !l.disabled && (o.value = !o.value), ["prevent"]), ["enter"])),
             a[1] || (a[1] = I(y((n) => !l.disabled && (o.value = !o.value), ["prevent"]), ["space"]))
-          ]
+          ],
+          "data-testid": e.$attrs["data-testid"] || (e.$attrs.name ? `multiselect-${e.$attrs.name}` : "multiselect")
         }, [
           g("div", {
             class: c(["flex gap-1.5 items-center flex-1 min-w-0", [l.wrap ? "flex-wrap py-0.5" : "flex-nowrap overflow-hidden py-1"]])
@@ -123,7 +124,7 @@ const Q = ["tabindex"], W = {
                 ]])
               }, {
                 default: p(() => [
-                  g("span", X, S(n.labelI18n ? h($)(n.labelI18n) : n.label), 1),
+                  g("span", X, S(n.labelI18n ? h(C)(n.labelI18n) : n.label), 1),
                   l.disabled ? f("", !0) : (r(), v("button", {
                     key: 0,
                     type: "button",
@@ -133,7 +134,7 @@ const Q = ["tabindex"], W = {
                       l.variant === "transparent" ? "text-muted-foreground hover:bg-black/10 hover:text-foreground" : "hover:bg-destructive/10 hover:text-destructive p-0.5 rounded-full"
                     ])
                   }, [
-                    L(C, {
+                    L($, {
                       icon: "lucide:x",
                       class: "w-3 h-3"
                     })
@@ -159,14 +160,14 @@ const Q = ["tabindex"], W = {
             ], 64))
           ], 2),
           l.showControls ? (r(), v("div", Z, [
-            b.value.length > 0 && !l.disabled ? (r(), m(C, {
+            b.value.length > 0 && !l.disabled ? (r(), m($, {
               key: 0,
               icon: "lucide:x",
               class: "w-4 h-4 hover:text-foreground transition-colors",
               onClick: y(A, ["stop"])
             })) : f("", !0),
             a[6] || (a[6] = g("div", { class: "w-px h-4 bg-border mx-0.5" }, null, -1)),
-            L(C, {
+            L($, {
               icon: "lucide:chevron-down",
               class: c(["w-4 h-4 transition-transform duration-200", { "rotate-180": o.value }])
             }, null, 8, ["class"])
@@ -188,8 +189,8 @@ const Q = ["tabindex"], W = {
           layout: l.layout,
           onSelect: H,
           onClose: a[2] || (a[2] = (n) => o.value = !1),
-          onLoadMore: a[3] || (a[3] = (n) => t.$emit("load-more")),
-          onSearch: a[4] || (a[4] = (n) => t.$emit("search", n))
+          onLoadMore: a[3] || (a[3] = (n) => e.$emit("load-more")),
+          onSearch: a[4] || (a[4] = (n) => e.$emit("search", n))
         }, null, 8, ["options", "cachedOptions", "selected", "loading", "hasMore", "searchable", "remote", "debounceTime", "layout"]))
       ]),
       _: 1

package/components/MultiSelect/composables/useMultiSelectHydration.d.ts

@@ -19,6 +19,7 @@ export declare function useMultiSelectHydration(opts: UseMultiSelectHydrationOpt
         description?: string;
         descriptionI18n?: string;
         icon?: string;
+        badge?: string;
         emoji?: string;
         disabled?: {
             valueOf: () => boolean;
@@ -59,6 +60,7 @@ export declare function useMultiSelectHydration(opts: UseMultiSelectHydrationOpt
         description?: string;
         descriptionI18n?: string;
         icon?: string;
+        badge?: string;
         emoji?: string;
         disabled?: {
             valueOf: () => boolean;

package/components/Navbar/NavbarItem.vue.d.ts

@@ -27,9 +27,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     class: string;
     variant: "default" | "pill" | "underline" | "ghost";
+    orientation: "horizontal" | "vertical";
     disabled: boolean;
     active: boolean;
-    orientation: "horizontal" | "vertical";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/NumberInput.vue.d.ts

@@ -15,13 +15,13 @@ export interface NumberInputProps {
 }
 declare const _default: import('vue').DefineComponent<NumberInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     blur: (event: FocusEvent) => any;
-    change: (value: number) => any;
     focus: (event: FocusEvent) => any;
+    change: (value: number) => any;
     "update:modelValue": (value: number) => any;
 }, string, import('vue').PublicProps, Readonly<NumberInputProps> & Readonly<{
     onBlur?: (event: FocusEvent) => any;
-    onChange?: (value: number) => any;
     onFocus?: (event: FocusEvent) => any;
+    onChange?: (value: number) => any;
     "onUpdate:modelValue"?: (value: number) => any;
 }>, {
     mode: "solid" | "outline" | "ghost";

package/components/NumberInput.vue.js

@@ -1,7 +1,7 @@
 import o from "./NumberInput.vue2.js";
 /* empty css                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-651a2b21"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dc6c26b4"]]);
 export {
-  a as default
+  c as default
 };

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 q, computed as u, onBeforeUnmount as L, openBlock as v, createElementBlock as y, normalizeClass as i, withModifiers as r, createVNode as h, createCommentVNode as P, createElementVNode as g, withKeys as z } from "vue";
+import w from "./Icon.vue.js";
+const M = ["disabled", "data-testid"], U = ["value", "min", "max", "step", "placeholder", "disabled", "readonly", "onKeydown", "data-testid"], A = ["disabled", "data-testid"], D = {
   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({
+}, G = { class: "flex flex-col h-full w-6 scale-80" }, H = ["disabled", "data-testid"], J = ["disabled", "data-testid"], W = /* @__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 ?? "");
+  setup(e, { emit: V }) {
+    const n = e, m = V, a = k(n.modelValue ?? "");
     q(
       () => 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;
+    }), j = 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"), I = 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,7 +62,7 @@ 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" : "",
@@ -70,169 +70,174 @@ const M = ["disabled"], U = ["value", "min", "max", "step", "placeholder", "disa
       n.mode === "ghost" ? "bg-transparent" : "",
       c.value.h,
       j.value
-    ]), K = a(() => [
+    ]), 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);
+    }, f = (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"])
+      l();
+    }), (d, t) => (v(), y("div", {
+      class: i([F.value, "overflow-hidden"])
     }, [
-      t.variant === "split" ? (v(), y("button", {
+      e.variant === "split" && !e.disabled && !e.readonly ? (v(), 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" ? I.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) => f("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, {
+        h(w, {
           icon: "lucide:minus",
-          class: u(c.value.icon)
+          class: i(c.value.icon)
         }, null, 8, ["class"])
       ], 42, M)) : P("", !0),
-      p("input", {
+      g("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,
+        min: e.min,
+        max: e.max,
+        step: e.step,
+        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"])
-        ]
+          z(r($, ["prevent"]), ["up"]),
+          z(r(N, ["prevent"]), ["down"])
+        ],
+        "data-testid": d.$attrs["data-testid"] || (e.name ? `number-${e.name}` : e.id ? `number-${e.id}` : "number-input")
       }, null, 42, U),
-      t.variant === "split" ? (v(), y("button", {
+      e.variant === "split" && !e.disabled && !e.readonly ? (v(), 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[3] || (t[3] = (o) => f("inc", o)),
+        onPointerup: l,
+        onPointerleave: l,
+        onPointercancel: l,
+        onContextmenu: t[4] || (t[4] = 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, {
+        h(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, A)) : P("", !0),
+      e.variant === "stacked" && !e.disabled && !e.readonly ? (v(), y("div", D, [
+        g("div", G, [
+          g("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[5] || (t[5] = (o) => f("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, {
-              class: u(["text-gray-700/85!", t.size === "xs" || t.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5"]),
+            h(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, H),
+          g("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[7] || (t[7] = (o) => f("dec", o)),
+            onPointerup: l,
+            onPointerleave: l,
+            onPointercancel: l,
+            onContextmenu: t[8] || (t[8] = 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"]),
+            h(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, J)
         ])
       ])) : P("", !0)
     ], 2));
   }
 });
 export {
-  Q as default
+  W as default
 };

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

@@ -26,9 +26,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     mask: boolean;
     variant: "solid" | "outline" | "ghost";
     size: "sm" | "md" | "lg";
+    placeholder: string;
     error: boolean;
     disabled: boolean;
-    placeholder: string;
     modelValue: string;
     autofocus: boolean;
     attached: boolean;

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

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

package/components/SidePanel.vue.js

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