vlite3 1.1.4 → 1.1.5

package/components/MultiSelect/MultiSelect.vue.js

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

package/components/NavbarCommandPalette.vue.js

@@ -3,7 +3,7 @@ import L from "./Icon.vue.js";
 import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
-/* empty css                                      */
+/* empty css                                       */
 const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ml-auto inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-mono font-medium border border-border/80 bg-background text-muted-foreground ml-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {

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 c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dc6c26b4"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cce64dd9"]]);
 export {
   c as default
 };

package/components/NumberInput.vue2.js

@@ -1,9 +1,9 @@
-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 { 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 M = ["disabled", "data-testid"], U = ["value", "min", "max", "step", "placeholder", "disabled", "readonly", "onKeydown", "data-testid"], A = ["disabled", "data-testid"], D = {
+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]"
-}, G = { class: "flex flex-col h-full w-6 scale-80" }, H = ["disabled", "data-testid"], J = ["disabled", "data-testid"], W = /* @__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 },
@@ -23,7 +23,7 @@ const M = ["disabled", "data-testid"], U = ["value", "min", "max", "step", "plac
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: V }) {
     const n = e, m = V, a = k(n.modelValue ?? "");
-    q(
+    p(
       () => n.modelValue,
       (d) => {
         d !== void 0 && (a.value = d);
@@ -38,7 +38,7 @@ const M = ["disabled", "data-testid"], U = ["value", "min", "max", "step", "plac
         xl: { h: "h-12", text: "text-lg", px: "px-5", icon: "w-6 h-6" }
       };
       return d[n.size] || d.md;
-    }), j = u(() => ({
+    }), I = u(() => ({
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
@@ -46,7 +46,7 @@ const M = ["disabled", "data-testid"], U = ["value", "min", "max", "step", "plac
       xl: "rounded-xl",
       "2xl": "rounded-2xl",
       full: "rounded-full"
-    })[n.rounded] || "rounded-md"), I = u(() => ({
+    })[n.rounded] || "rounded-md"), j = u(() => ({
       none: "rounded-l-none",
       sm: "rounded-l-sm",
       md: "rounded-l-md",
@@ -69,7 +69,7 @@ const M = ["disabled", "data-testid"], U = ["value", "min", "max", "step", "plac
       n.mode === "outline" ? "border border-input bg-background" : "",
       n.mode === "ghost" ? "bg-transparent" : "",
       c.value.h,
-      j.value
+      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",
@@ -105,7 +105,7 @@ const M = ["disabled", "data-testid"], U = ["value", "min", "max", "step", "plac
       }
       const d = Number(a.value) || 0;
       s(d - n.step);
-    }, f = (d, t) => {
+    }, v = (d, t) => {
       t.button !== 0 && t.pointerType === "mouse" || (l(), d === "inc" ? $() : N(), b = setTimeout(() => {
         x = setInterval(() => {
           d === "inc" ? $() : N();
@@ -123,22 +123,22 @@ const M = ["disabled", "data-testid"], U = ["value", "min", "max", "step", "plac
       const t = parseFloat(String(a.value));
       isNaN(t) ? s(n.min || 0) : s(t);
     };
-    return L(() => {
+    return q(() => {
       l();
-    }), (d, t) => (v(), y("div", {
+    }), (d, t) => (f(), y("div", {
       class: i([F.value, "overflow-hidden"])
     }, [
-      e.variant === "split" && !e.disabled && !e.readonly ? (v(), y("button", {
+      e.variant === "split" && !e.disabled && !e.readonly ? (f(), y("button", {
         key: 0,
         tabindex: "-1",
         type: "button",
         class: i([
           C.value,
           e.mode === "outline" ? "border-r border-input" : "",
-          e.variant === "split" && e.mode !== "solid" ? I.value : ""
+          e.variant === "split" && e.mode !== "solid" ? j.value : ""
         ]),
         disabled: e.disabled || e.min !== void 0 && Number(a.value) <= e.min,
-        onPointerdown: t[0] || (t[0] = (o) => f("dec", o)),
+        onPointerdown: t[0] || (t[0] = (o) => v("dec", o)),
         onPointerup: l,
         onPointerleave: l,
         onPointercancel: l,
@@ -146,19 +146,16 @@ const M = ["disabled", "data-testid"], U = ["value", "min", "max", "step", "plac
         }, ["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(w, {
+        g(w, {
           icon: "lucide:minus",
           class: i(c.value.icon)
         }, null, 8, ["class"])
-      ], 42, M)) : P("", !0),
-      g("input", {
+      ], 42, L)) : P("", !0),
+      h("input", {
         ref_key: "inputRef",
         ref: B,
         type: "number",
         value: a.value,
-        min: e.min,
-        max: e.max,
-        step: e.step,
         placeholder: e.placeholder,
         disabled: e.disabled,
         readonly: e.readonly,
@@ -170,9 +167,13 @@ const M = ["disabled", "data-testid"], U = ["value", "min", "max", "step", "plac
           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, U),
-      e.variant === "split" && !e.disabled && !e.readonly ? (v(), y("button", {
+      }, null, 42, M),
+      e.variant === "split" && !e.disabled && !e.readonly ? (f(), y("button", {
         key: 1,
         tabindex: "-1",
         type: "button",
@@ -182,62 +183,62 @@ const M = ["disabled", "data-testid"], U = ["value", "min", "max", "step", "plac
           e.variant === "split" && e.mode !== "solid" ? S.value : ""
         ]),
         disabled: e.disabled || e.max !== void 0 && Number(a.value) >= e.max,
-        onPointerdown: t[3] || (t[3] = (o) => f("inc", o)),
+        onPointerdown: t[5] || (t[5] = (o) => v("inc", o)),
         onPointerup: l,
         onPointerleave: l,
         onPointercancel: l,
-        onContextmenu: t[4] || (t[4] = r(() => {
+        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(w, {
+        g(w, {
           icon: "lucide:plus",
           class: i(c.value.icon)
         }, null, 8, ["class"])
-      ], 42, A)) : P("", !0),
-      e.variant === "stacked" && !e.disabled && !e.readonly ? (v(), y("div", D, [
-        g("div", G, [
-          g("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: e.disabled || e.max !== void 0 && Number(a.value) >= e.max,
-            onPointerdown: t[5] || (t[5] = (o) => f("inc", o)),
+            onPointerdown: t[7] || (t[7] = (o) => v("inc", o)),
             onPointerup: l,
             onPointerleave: l,
             onPointercancel: l,
-            onContextmenu: t[6] || (t[6] = r(() => {
+            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(w, {
+            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, H),
-          g("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: e.disabled || e.min !== void 0 && Number(a.value) <= e.min,
-            onPointerdown: t[7] || (t[7] = (o) => f("dec", o)),
+            onPointerdown: t[9] || (t[9] = (o) => v("dec", o)),
             onPointerup: l,
             onPointerleave: l,
             onPointercancel: l,
-            onContextmenu: t[8] || (t[8] = r(() => {
+            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(w, {
+            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, J)
+          ], 40, G)
         ])
       ])) : P("", !0)
     ], 2));
   }
 });
 export {
-  W as default
+  O as 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';