vlite3 1.4.40 → 1.5.0

package/components/Navbar/NavbarTabs.vue2.js

@@ -0,0 +1,204 @@
+import { defineComponent as q, ref as v, onMounted as J, nextTick as g, onUnmounted as K, watch as R, computed as p, openBlock as a, createElementBlock as m, normalizeClass as s, createVNode as h, Transition as A, withCtx as T, createElementVNode as l, createCommentVNode as x, Fragment as Q, renderList as X, isMemoSame as Y, createBlock as I, resolveDynamicComponent as Z, mergeProps as ee, toDisplayString as te, unref as re } from "vue";
+import { useRoute as ne } from "vue-router";
+import y from "../Icon.vue.js";
+import { $t as oe } from "../../utils/i18n.js";
+import { useRtl as ae } from "../../composables/useRtl.js";
+import { getTabesScrollOverflow as se, scrollTabesStrip as le } from "../Tabes/tabes.utils.js";
+const ie = {
+  key: 0,
+  class: "navbar-tabs-edge navbar-tabs-edge--start absolute top-0 bottom-0 z-10 flex items-center pointer-events-none"
+}, ce = { class: "truncate" }, ue = {
+  key: 0,
+  class: "navbar-tabs-edge navbar-tabs-edge--end absolute top-0 bottom-0 z-10 flex items-center justify-end pointer-events-none"
+}, de = "[data-navbar-tab]", he = /* @__PURE__ */ q({
+  __name: "NavbarTabs",
+  props: {
+    items: {},
+    variant: { default: "solid" },
+    size: { default: "md" },
+    activeClass: { default: "" },
+    inactiveClass: { default: "" },
+    class: { default: "" }
+  },
+  setup(i) {
+    const o = i, c = ae(), u = v(null), k = v(!1), C = v(!1), d = () => {
+      const t = u.value;
+      if (!t) {
+        k.value = !1, C.value = !1;
+        return;
+      }
+      const r = se(t, de);
+      k.value = r.canScrollStart, C.value = r.canScrollEnd;
+    }, E = (t) => {
+      const r = u.value;
+      r && le(r, t, r.clientWidth * 0.6);
+    };
+    J(() => {
+      g(() => {
+        d(), u.value?.addEventListener("scroll", d, { passive: !0 });
+      });
+    }), K(() => {
+      u.value?.removeEventListener("scroll", d);
+    });
+    const w = ne();
+    R(
+      () => w.path,
+      () => g(d)
+    ), R(c, () => g(d));
+    const S = v(/* @__PURE__ */ new Map()), L = (t, r) => {
+      const e = t?.$el ?? t;
+      e instanceof HTMLElement ? S.value.set(r, e) : S.value.delete(r);
+    };
+    R(
+      () => w.path,
+      (t) => {
+        g(() => {
+          const r = o.items.findIndex((n) => f(n));
+          if (r === -1) return;
+          S.value.get(r)?.scrollIntoView({ block: "nearest", inline: "center", behavior: "smooth" });
+        });
+      },
+      { immediate: !0 }
+    );
+    const N = {
+      line: "flex border-b border-border gap-0",
+      pill: "flex gap-1 p-1 bg-secondary/80 rounded-lg",
+      solid: "flex gap-0",
+      ghost: "flex gap-1"
+    }, $ = {
+      sm: "px-2.5 py-1.5 text-xs",
+      md: "px-3.5 py-2 text-sm",
+      lg: "px-5 py-2.5 text-base"
+    }, M = {
+      line: "text-primary border-b-2 border-primary -mb-px",
+      pill: "bg-background text-foreground shadow-sm",
+      solid: "bg-primary-light text-primary-dark",
+      ghost: "bg-accent text-accent-foreground"
+    }, j = {
+      line: "text-muted-foreground border-b-2 border-transparent hover:text-foreground hover:border-border",
+      pill: "text-muted-foreground hover:text-foreground hover:bg-accent/50",
+      solid: "text-muted-foreground hover:text-foreground hover:bg-accent/50",
+      ghost: "text-muted-foreground hover:text-foreground hover:bg-accent/50"
+    }, f = (t) => {
+      const r = w.path;
+      if (!t.to) return !1;
+      const e = typeof t.to == "string" ? t.to : t.to.path;
+      if (!e) return !1;
+      if (t.exact || e === "/")
+        return r === e;
+      if (r === e) return !0;
+      if (r.startsWith(e)) {
+        const n = r[e.length];
+        return n === "/" || n === "?" || n === "#" || n === void 0;
+      }
+      return !1;
+    }, D = (t) => {
+      const r = "group relative inline-flex items-center justify-center gap-2 font-medium whitespace-nowrap shrink-0 select-none cursor-pointer outline-none   focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-offset-1", e = t.disabled ? "opacity-50 pointer-events-none cursor-not-allowed" : "", z = f(t) ? o.activeClass || M[o.variant] : o.inactiveClass || j[o.variant];
+      return [r, $[o.size], z, e].filter(Boolean).join(" ");
+    }, P = (t) => t.to ? "router-link" : t.href ? "a" : "button", G = (t) => t.to ? { to: t.to } : t.href ? { href: t.href, target: "_blank", rel: "noopener noreferrer" } : { type: "button" }, O = (t, r) => {
+      r.disabled && t.preventDefault();
+    }, W = p(
+      () => c.value ? "lucide:chevron-right" : "lucide:chevron-left"
+    ), F = p(
+      () => c.value ? "lucide:chevron-left" : "lucide:chevron-right"
+    ), H = p(
+      () => c.value ? "bg-gradient-to-l from-background to-transparent" : "bg-gradient-to-r from-background to-transparent"
+    ), U = p(
+      () => c.value ? "bg-gradient-to-r from-background to-transparent" : "bg-gradient-to-l from-background to-transparent"
+    );
+    return (t, r) => (a(), m("div", {
+      class: s(["relative flex items-center w-full min-w-0 border-b", o.class])
+    }, [
+      h(A, { name: "fade-x" }, {
+        default: T(() => [
+          k.value ? (a(), m("div", ie, [
+            l("div", {
+              class: s(["w-8 h-full", H.value])
+            }, null, 2),
+            l("button", {
+              type: "button",
+              class: "pointer-events-auto absolute start-0 bg-body h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors",
+              "aria-label": "Scroll tabs to start",
+              tabindex: "-1",
+              onClick: r[0] || (r[0] = (e) => E("start"))
+            }, [
+              h(y, {
+                icon: W.value,
+                class: "w-4 h-4"
+              }, null, 8, ["icon"])
+            ])
+          ])) : x("", !0)
+        ]),
+        _: 1
+      }),
+      l("nav", {
+        ref_key: "scrollRef",
+        ref: u,
+        role: "tablist",
+        class: s([
+          "flex-1 overflow-x-auto scroll-smooth navbar-tabs-no-scrollbar",
+          N[i.variant]
+        ]),
+        style: { "will-change": "transform", contain: "layout style" },
+        "aria-label": "Page tabs"
+      }, [
+        (a(!0), m(Q, null, X(i.items, (e, n, z, b) => {
+          const B = [e, f(e), e.disabled];
+          if (b && b.key === n && Y(b, B)) return b;
+          const V = (a(), I(Z(P(e)), ee({ key: n }, { ref_for: !0 }, G(e), {
+            ref_for: !0,
+            ref: (_) => L(_, n),
+            role: "tab",
+            "data-navbar-tab": "",
+            "aria-selected": f(e),
+            "aria-disabled": e.disabled || void 0,
+            tabindex: e.disabled ? -1 : 0,
+            class: D(e),
+            onClick: (_) => O(_, e)
+          }), {
+            default: T(() => [
+              e.icon ? (a(), I(y, {
+                key: 0,
+                icon: e.icon,
+                class: s(["shrink-0", i.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4"])
+              }, null, 8, ["icon", "class"])) : x("", !0),
+              l("span", ce, te(e.labelI18n ? re(oe)(e.labelI18n) : e.label), 1),
+              e.iconRight ? (a(), I(y, {
+                key: 1,
+                icon: e.iconRight,
+                class: s(["shrink-0 opacity-70", i.size === "sm" ? "w-3.5 h-3.5" : "w-4 h-4"])
+              }, null, 8, ["icon", "class"])) : x("", !0)
+            ]),
+            _: 2
+          }, 1040, ["aria-selected", "aria-disabled", "tabindex", "class", "onClick"]));
+          return V.memo = B, V;
+        }, r, 1), 128))
+      ], 2),
+      h(A, { name: "fade-x" }, {
+        default: T(() => [
+          C.value ? (a(), m("div", ue, [
+            l("div", {
+              class: s(["w-8 h-full", U.value])
+            }, null, 2),
+            l("button", {
+              type: "button",
+              class: "pointer-events-auto absolute end-0 h-full px-1 flex items-center text-muted-foreground hover:text-foreground transition-colors bg-body",
+              "aria-label": "Scroll tabs to end",
+              tabindex: "-1",
+              onClick: r[3] || (r[3] = (e) => E("end"))
+            }, [
+              h(y, {
+                icon: F.value,
+                class: "w-4 h-4"
+              }, null, 8, ["icon"])
+            ])
+          ])) : x("", !0)
+        ]),
+        _: 1
+      })
+    ], 2));
+  }
+});
+export {
+  he as default
+};

package/components/Navbar/useNavbar.js

@@ -45,13 +45,13 @@ function j(e) {
     };
   }), b = i(() => {
     const l = e.variant === "sidebar", s = {
-      fixed: "fixed top-0 left-0 z-40",
+      fixed: "fixed top-0 start-0 z-40",
       sticky: "sticky top-0 z-40",
       relative: "relative z-10",
-      absolute: "absolute top-0 left-0 w-full z-40"
+      absolute: "absolute top-0 start-0 w-full z-40"
     }, d = "bg-body", o = [
       e.glass && (t.value || l || e.floating) ? "bg-background/95" : "bg-background",
-      e.border && !e.floating ? l ? "border-r border-border" : "border-b border-border" : "",
+      e.border && !e.floating ? l ? "border-e border-border" : "border-b border-border" : "",
       e.floating ? "m-4 rounded shadow-lg border border-border/50" : "",
       t.value && !e.floating && !l && e.position === "sticky" ? "shadow-sm" : ""
     ];

package/components/NavbarCommandPalette.vue.js

@@ -4,7 +4,7 @@ import v from "./Modal.vue.js";
 import N from "./CommandPalette/CommandPaletteContent.vue.js";
 import { $t as U } from "../utils/i18n.js";
 /* 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({
+const V = { class: "block truncate -text-fs-1.5" }, S = { class: "ms-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 ms-1" }, A = /* @__PURE__ */ x({
   __name: "NavbarCommandPalette",
   props: {
     items: { default: () => [] },

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

package/components/NumberInput.vue2.js

@@ -1,9 +1,10 @@
-import { defineComponent as W, ref as k, watch as q, computed as r, onBeforeUnmount as L, openBlock as f, createElementBlock as y, normalizeClass as i, withModifiers as u, createVNode as h, createCommentVNode as P, createElementVNode as g, withKeys as z } from "vue";
+import { defineComponent as q, ref as k, watch as D, computed as i, onBeforeUnmount as M, openBlock as f, createElementBlock as y, normalizeClass as u, 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", "placeholder", "disabled", "readonly", "onKeydown", "data-testid"], p = ["disabled", "data-testid"], A = {
+import { useRtl as U } from "../composables/useRtl.js";
+const A = ["disabled", "data-testid"], G = ["value", "placeholder", "disabled", "readonly", "dir", "onKeydown", "data-testid"], H = ["disabled", "data-testid"], J = {
   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", "data-testid"], H = ["disabled", "data-testid"], Q = /* @__PURE__ */ W({
+  class: "flex flex-col justify-center h-full py-[3px] pe-[3px]"
+}, L = { class: "flex flex-col h-full w-6 scale-80" }, O = ["disabled", "data-testid"], Q = ["disabled", "data-testid"], _ = /* @__PURE__ */ q({
   __name: "NumberInput",
   props: {
     modelValue: { default: void 0 },
@@ -23,13 +24,13 @@ const M = ["disabled", "data-testid"], U = ["value", "placeholder", "disabled",
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(e, { emit: V }) {
     const n = e, m = V, a = k(n.modelValue ?? "");
-    q(
+    D(
       () => n.modelValue,
       (d) => {
         d !== void 0 && (a.value = d);
       }
     );
-    const B = k(null), c = r(() => {
+    const B = k(null), I = U(), S = i(() => I.value ? "rtl" : "ltr"), c = i(() => {
       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" },
@@ -38,7 +39,7 @@ const M = ["disabled", "data-testid"], U = ["value", "placeholder", "disabled",
         xl: { h: "h-12", text: "text-lg", px: "px-5", icon: "w-6 h-6" }
       };
       return d[n.size] || d.md;
-    }), I = r(() => ({
+    }), j = i(() => ({
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
@@ -46,51 +47,52 @@ const M = ["disabled", "data-testid"], U = ["value", "placeholder", "disabled",
       xl: "rounded-xl",
       "2xl": "rounded-2xl",
       full: "rounded-full"
-    })[n.rounded] || "rounded-md"), j = r(() => ({
-      none: "rounded-l-none",
-      sm: "rounded-l-sm",
-      md: "rounded-l-md",
-      lg: "rounded-l-lg",
-      xl: "rounded-l-xl",
-      "2xl": "rounded-l-2xl",
-      full: "rounded-l-full"
-    })[n.rounded] || "rounded-l-md"), S = r(() => ({
-      none: "rounded-r-none",
-      sm: "rounded-r-sm",
-      md: "rounded-r-md",
-      lg: "rounded-r-lg",
-      xl: "rounded-r-xl",
-      "2xl": "rounded-r-2xl",
-      full: "rounded-r-full"
-    })[n.rounded] || "rounded-r-md"), E = r(() => [
-      "flex items-center w-full relative transition-all duration-200",
+    })[n.rounded] || "rounded-md"), E = i(() => ({
+      none: "rounded-s-none",
+      sm: "rounded-s-sm",
+      md: "rounded-s-md",
+      lg: "rounded-s-lg",
+      xl: "rounded-s-xl",
+      "2xl": "rounded-s-2xl",
+      full: "rounded-s-full"
+    })[n.rounded] || "rounded-s-md"), R = i(() => ({
+      none: "rounded-e-none",
+      sm: "rounded-e-sm",
+      md: "rounded-e-md",
+      lg: "rounded-e-lg",
+      xl: "rounded-e-xl",
+      "2xl": "rounded-e-2xl",
+      full: "rounded-e-full"
+    })[n.rounded] || "rounded-e-md"), p = i(() => [
+      // bare flex: under dir=rtl first control sits on inline-start with logical radii
+      "input-addon-group 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,
-      I.value
-    ]), F = r(() => [
+      j.value
+    ]), F = i(() => [
       "flex-1 w-full bg-transparent focus:outline-none appearance-none",
-      n.variant === "split" ? "text-center" : "text-left pl-3 pr-2",
+      n.variant === "split" ? "text-center" : "text-start ps-3 pe-2",
       "placeholder:text-muted-foreground/50",
       c.value.text,
       n.disabled ? "cursor-not-allowed" : ""
-    ]), C = r(() => {
+    ]), C = i(() => {
       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" ? [
         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"
-      ] : [d, t, "h-full", "px-2"] : [d, t, "h-1/2 w-8 border-l border-input/50"];
+      ] : [d, t, "h-full", "px-2"] : [d, t, "h-1/2 w-8 border-s border-input/50"];
     }), s = (d) => {
       if (n.disabled || n.readonly) return;
       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 b = null, x = null;
+    let b = null, v = null;
     const l = () => {
-      b && clearTimeout(b), x && clearInterval(x), b = null, x = null;
+      b && clearTimeout(b), v && clearInterval(v), b = null, v = null;
     }, $ = () => {
       if (n.disabled || n.readonly || n.max !== void 0 && Number(a.value) >= n.max) {
         l();
@@ -105,9 +107,9 @@ const M = ["disabled", "data-testid"], U = ["value", "placeholder", "disabled",
       }
       const d = Number(a.value) || 0;
       s(d - n.step);
-    }, v = (d, t) => {
+    }, x = (d, t) => {
       t.button !== 0 && t.pointerType === "mouse" || (l(), d === "inc" ? $() : N(), b = setTimeout(() => {
-        x = setInterval(() => {
+        v = setInterval(() => {
           d === "inc" ? $() : N();
         }, 50);
       }, 400));
@@ -118,43 +120,44 @@ const M = ["disabled", "data-testid"], U = ["value", "placeholder", "disabled",
         return;
       }
       s(o);
-    }, R = (d) => {
+    }, T = (d) => {
       m("blur", d);
       const t = parseFloat(String(a.value));
       isNaN(t) ? s(n.min || 0) : s(t);
-    }, T = (d) => {
+    }, W = (d) => {
       const t = d.target;
       document.activeElement === t && t.blur();
     };
-    return L(() => {
+    return M(() => {
       l();
     }), (d, t) => (f(), y("div", {
-      class: i([E.value, "overflow-hidden"])
+      class: u([p.value, "overflow-hidden"]),
+      dir: "ltr"
     }, [
       e.variant === "split" && !e.disabled && !e.readonly ? (f(), y("button", {
         key: 0,
         tabindex: "-1",
         type: "button",
-        class: i([
+        class: u([
           C.value,
-          e.mode === "outline" ? "border-r border-input" : "",
-          e.variant === "split" && e.mode !== "solid" ? j.value : ""
+          e.mode === "outline" ? "border-e border-input" : "",
+          e.variant === "split" && e.mode !== "solid" ? E.value : ""
         ]),
         disabled: e.disabled || e.min !== void 0 && Number(a.value) <= e.min,
-        onPointerdown: t[0] || (t[0] = (o) => v("dec", o)),
+        onPointerdown: t[0] || (t[0] = (o) => x("dec", o)),
         onPointerup: l,
         onPointerleave: l,
         onPointercancel: l,
-        onContextmenu: t[1] || (t[1] = u(() => {
+        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(w, {
+        g(w, {
           icon: "lucide:minus",
-          class: i(c.value.icon)
+          class: u(c.value.icon)
         }, null, 8, ["class"])
-      ], 42, M)) : P("", !0),
-      g("input", {
+      ], 42, A)) : P("", !0),
+      h("input", {
         ref_key: "inputRef",
         ref: B,
         type: "number",
@@ -162,85 +165,86 @@ const M = ["disabled", "data-testid"], U = ["value", "placeholder", "disabled",
         placeholder: e.placeholder,
         disabled: e.disabled,
         readonly: e.readonly,
-        class: i(F.value),
+        class: u(F.value),
+        dir: S.value,
         onInput: K,
         onFocus: t[2] || (t[2] = (o) => m("focus", o)),
-        onBlur: R,
+        onBlur: T,
         onKeydown: [
-          z(u($, ["prevent"]), ["up"]),
-          z(u(N, ["prevent"]), ["down"])
+          z(r($, ["prevent"]), ["up"]),
+          z(r(N, ["prevent"]), ["down"])
         ],
-        onWheel: T,
-        onInvalid: t[3] || (t[3] = u(() => {
+        onWheel: W,
+        onInvalid: t[3] || (t[3] = r(() => {
         }, ["prevent"])),
         "data-testid": d.$attrs["data-testid"] || (e.name ? `number-${e.name}` : e.id ? `number-${e.id}` : "number-input")
-      }, null, 42, U),
+      }, null, 42, G),
       e.variant === "split" && !e.disabled && !e.readonly ? (f(), y("button", {
         key: 1,
         tabindex: "-1",
         type: "button",
-        class: i([
+        class: u([
           C.value,
-          e.mode === "outline" ? "border-l border-input" : "",
-          e.variant === "split" && e.mode !== "solid" ? S.value : ""
+          e.mode === "outline" ? "border-s border-input" : "",
+          e.variant === "split" && e.mode !== "solid" ? R.value : ""
         ]),
         disabled: e.disabled || e.max !== void 0 && Number(a.value) >= e.max,
-        onPointerdown: t[4] || (t[4] = (o) => v("inc", o)),
+        onPointerdown: t[4] || (t[4] = (o) => x("inc", o)),
         onPointerup: l,
         onPointerleave: l,
         onPointercancel: l,
-        onContextmenu: t[5] || (t[5] = u(() => {
+        onContextmenu: t[5] || (t[5] = 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)
+          class: u(c.value.icon)
         }, null, 8, ["class"])
-      ], 42, p)) : P("", !0),
-      e.variant === "stacked" && !e.disabled && !e.readonly ? (f(), y("div", A, [
-        g("div", D, [
-          g("button", {
+      ], 42, H)) : P("", !0),
+      e.variant === "stacked" && !e.disabled && !e.readonly ? (f(), y("div", J, [
+        h("div", L, [
+          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[6] || (t[6] = (o) => v("inc", o)),
+            onPointerdown: t[6] || (t[6] = (o) => x("inc", o)),
             onPointerup: l,
             onPointerleave: l,
             onPointercancel: l,
-            onContextmenu: t[7] || (t[7] = u(() => {
+            onContextmenu: t[7] || (t[7] = 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, {
-              class: i(["text-gray-700/85!", e.size === "xs" || e.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5"]),
+            g(w, {
+              class: u(["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),
-          g("button", {
+          ], 40, O),
+          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[8] || (t[8] = (o) => v("dec", o)),
+            onPointerdown: t[8] || (t[8] = (o) => x("dec", o)),
             onPointerup: l,
             onPointerleave: l,
             onPointercancel: l,
-            onContextmenu: t[9] || (t[9] = u(() => {
+            onContextmenu: t[9] || (t[9] = 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, {
-              class: i(["text-gray-700/85!", e.size === "xs" || e.size === "sm" ? "w-3 h-3" : "w-3.5 h-3.5"]),
+            g(w, {
+              class: u(["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, Q)
         ])
       ])) : P("", !0)
     ], 2));
   }
 });
 export {
-  Q as default
+  _ as default
 };