@scalar/components 0.13.56 → 0.13.58

package/dist/components/ScalarMenu/ScalarMenuButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, openBlock as l, createBlock as c, unref as e, withCtx as p, createElementVNode as n, renderSlot as t, createVNode as r, createTextVNode as i, toDisplayString as u } from "vue";
+import { defineComponent as a, createBlock as l, openBlock as c, unref as e, withCtx as p, createElementVNode as n, createVNode as t, renderSlot as r, createTextVNode as i, toDisplayString as u } from "vue";
 import m from "../ScalarHeader/ScalarHeaderButton.vue.js";
 import s from "../ScalarIcon/ScalarIcon.vue.js";
 const d = { class: "h-5 w-auto" }, _ = { class: "sr-only" }, B = /* @__PURE__ */ a({
@@ -7,19 +7,19 @@ const d = { class: "h-5 w-auto" }, _ = { class: "sr-only" }, B = /* @__PURE__ */
     open: { type: Boolean }
   },
   setup(f) {
-    return (o, h) => (l(), c(e(m), { class: "gap-0.5 px-2" }, {
+    return (o, h) => (c(), l(e(m), { class: "gap-0.5 px-2" }, {
       default: p(() => [
         n("div", d, [
-          t(o.$slots, "logo", {}, () => [
-            r(e(s), { icon: "Logo" })
+          r(o.$slots, "logo", {}, () => [
+            t(e(s), { icon: "Logo" })
           ])
         ]),
         n("span", _, [
-          t(o.$slots, "label", {}, () => [
+          r(o.$slots, "label", {}, () => [
             i(u(o.open ? "Close Menu" : "Open Menu"), 1)
           ])
         ]),
-        r(e(s), {
+        t(e(s), {
           class: "shrink-0 text-c-3 group-hover/button:text-c-1",
           icon: o.open ? "ChevronUp" : "ChevronDown",
           size: "md"

package/dist/components/ScalarMenu/ScalarMenuLink.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, openBlock as o, createBlock as n, unref as s, withCtx as a, normalizeClass as t, createElementBlock as i, createElementVNode as l, renderSlot as c } from "vue";
+import { defineComponent as r, createBlock as n, openBlock as o, unref as s, withCtx as a, createElementBlock as i, createElementVNode as l, normalizeClass as t, renderSlot as c } from "vue";
 import { DropdownMenu as m } from "radix-vue/namespaced";
 import f from "../ScalarDropdown/ScalarDropdownButton.vue.js";
 import p from "../ScalarIcon/ScalarIcon.vue.js";

package/dist/components/ScalarMenu/ScalarMenuProduct.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as s, createBlock as a, unref as r, mergeProps as i, withCtx as c, renderSlot as l } from "vue";
+import { defineComponent as n, createBlock as s, openBlock as a, unref as r, mergeProps as i, withCtx as c, renderSlot as l } from "vue";
 import { useBindCx as p, cva as d } from "@scalar/use-hooks/useBindCx";
 import f from "./ScalarMenuLink.vue.js";
 const v = /* @__PURE__ */ n({
@@ -19,7 +19,7 @@ const v = /* @__PURE__ */ n({
         }
       }
     });
-    return (e, m) => (s(), a(r(f), i({
+    return (e, m) => (a(), s(r(f), i({
       is: e.is,
       icon: e.icon,
       strong: "",

package/dist/components/ScalarMenu/ScalarMenuProducts.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, openBlock as m, createElementBlock as c, normalizeProps as u, guardReactiveProps as h, unref as C, createVNode as r, withCtx as t, createTextVNode as l } from "vue";
+import { defineComponent as p, createElementBlock as m, openBlock as c, normalizeProps as u, guardReactiveProps as h, unref as C, createVNode as r, withCtx as t, createTextVNode as l } from "vue";
 import { useBindCx as k } from "@scalar/use-hooks/useBindCx";
 import d from "./ScalarMenuProduct.vue.js";
 const g = /* @__PURE__ */ p({
@@ -13,7 +13,7 @@ const g = /* @__PURE__ */ p({
     const { cx: f } = k();
     return (o, e) => {
       var n, i, a;
-      return m(), c("div", u(h(C(f)("flex flex-col"))), [
+      return c(), m("div", u(h(C(f)("flex flex-col"))), [
         r(d, {
           href: ((n = o.hrefs) == null ? void 0 : n.dashboard) ?? "https://dashboard.scalar.com",
           icon: "House",

package/dist/components/ScalarMenu/ScalarMenuResources.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as n, openBlock as l, createBlock as s, withCtx as o, createTextVNode as e, createVNode as r } from "vue";
+import { defineComponent as n, createBlock as l, openBlock as s, withCtx as o, createVNode as r, createTextVNode as e } from "vue";
 import a from "./ScalarMenuLink.vue.js";
 import i from "./ScalarMenuSection.vue.js";
 const d = /* @__PURE__ */ n({
   __name: "ScalarMenuResources",
   setup(m) {
-    return (p, t) => (l(), s(i, null, {
+    return (p, t) => (s(), l(i, null, {
       title: o(() => t[0] || (t[0] = [
         e("Resources")
       ])),

package/dist/components/ScalarMenu/ScalarMenuSection.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as r, openBlock as t, createElementBlock as n, Fragment as o, createVNode as a, unref as l, renderSlot as c } from "vue";
+import { defineComponent as r, createElementBlock as t, openBlock as n, Fragment as o, createVNode as a, renderSlot as l, unref as c } from "vue";
 import i from "../ScalarDropdown/ScalarDropdownDivider.vue.js";
 const u = /* @__PURE__ */ r({
   inheritAttrs: !1,
   __name: "ScalarMenuSection",
   setup(m) {
-    return (e, p) => (t(), n(o, null, [
-      a(l(i)),
-      c(e.$slots, "default")
+    return (e, p) => (n(), t(o, null, [
+      a(c(i)),
+      l(e.$slots, "default")
     ], 64));
   }
 });

package/dist/components/ScalarMenu/ScalarMenuTeamPicker.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, computed as b, openBlock as n, createBlock as u, unref as e, withCtx as r, createVNode as a, mergeProps as v, createElementVNode as x, createElementBlock as k, Fragment as C, renderList as S, createTextVNode as w } from "vue";
+import { defineComponent as g, computed as b, createBlock as u, openBlock as n, unref as e, withCtx as r, createVNode as a, mergeProps as v, createElementVNode as x, createElementBlock as k, Fragment as C, renderList as S, createTextVNode as w } from "vue";
 import { DropdownMenu as s } from "radix-vue/namespaced";
 import V from "./ScalarMenuTeamProfile.vue.js";
 import $ from "./ScalarMenuLink.vue.js";

package/dist/components/ScalarMenu/ScalarMenuTeamProfile.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as r, createElementBlock as t, normalizeProps as a, guardReactiveProps as i, unref as s, Fragment as c, createTextVNode as m, toDisplayString as l, createBlock as d, createCommentVNode as u } from "vue";
+import { defineComponent as n, createElementBlock as t, openBlock as r, normalizeProps as a, guardReactiveProps as i, unref as s, createCommentVNode as c, createBlock as m, Fragment as d, createTextVNode as u, toDisplayString as l } from "vue";
 import p from "../ScalarIcon/ScalarIcon.vue.js";
 import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
 const b = ["src"], h = {
@@ -24,15 +24,15 @@ const b = ["src"], h = {
         role: "presentation",
         src: e.src
       }, null, 8, b)) : (r(), t("div", h, [
-        e.label && e.label.length > 0 ? (r(), t(c, { key: 0 }, [
-          m(l(e.label[0]), 1)
-        ], 64)) : (r(), d(s(p), {
+        e.label && e.label.length > 0 ? (r(), t(d, { key: 0 }, [
+          u(l(e.label[0]), 1)
+        ], 64)) : (r(), m(s(p), {
           key: 1,
           icon: "Users",
           size: "xs"
         }))
       ])),
-      e.label && e.label.length > 0 ? (r(), t("div", g, l(e.label), 1)) : u("", !0)
+      e.label && e.label.length > 0 ? (r(), t("div", g, l(e.label), 1)) : c("", !0)
     ], 16));
   }
 });

package/dist/components/ScalarModal/ScalarModal.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, openBlock as l, createBlock as i, unref as a, withCtx as t, createElementVNode as x, normalizeClass as o, createVNode as m, normalizeStyle as w, createTextVNode as b, toDisplayString as y, createCommentVNode as n, createElementBlock as r, renderSlot as d, reactive as g } from "vue";
+import { defineComponent as p, createBlock as i, openBlock as l, unref as a, withCtx as t, createElementVNode as x, normalizeClass as o, createVNode as m, createElementBlock as r, createCommentVNode as n, normalizeStyle as w, createTextVNode as b, toDisplayString as y, renderSlot as d, reactive as g } from "vue";
 import { Dialog as z, DialogPanel as k, DialogTitle as C } from "@headlessui/vue";
 import { cva as f, cx as v } from "@scalar/use-hooks/useBindCx";
 import S from "../ScalarIconButton/ScalarIconButton.vue.js";

package/dist/components/ScalarPopover/ScalarPopover.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as m, openBlock as i, createBlock as c, unref as e, withCtx as t, createVNode as r, normalizeProps as u, guardReactiveProps as d, mergeProps as _, renderSlot as s } from "vue";
-import { Popover as P, PopoverPanel as v, PopoverButton as B } from "@headlessui/vue";
+import { defineComponent as m, createBlock as i, openBlock as c, unref as e, withCtx as t, createVNode as r, normalizeProps as u, guardReactiveProps as d, renderSlot as s, mergeProps as _ } from "vue";
+import { Popover as P, PopoverButton as v, PopoverPanel as B } from "@headlessui/vue";
 import { useBindCx as $ } from "@scalar/use-hooks/useBindCx";
 import g from "../ScalarFloating/ScalarFloating.vue.js";
 import y from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
@@ -17,11 +17,11 @@ const b = /* @__PURE__ */ m({
   },
   setup(h) {
     const { cx: l } = $();
-    return (o, k) => (i(), c(e(P), { as: "template" }, {
+    return (o, k) => (c(), i(e(P), { as: "template" }, {
       default: t(({ open: a }) => [
         r(e(g), u(d(o.$props)), {
           floating: t(({ width: p, height: f }) => [
-            r(e(v), _({
+            r(e(B), _({
               focus: o.focus,
               style: { width: p, height: f }
             }, e(l)("relative flex flex-col p-0.75")), {
@@ -38,7 +38,7 @@ const b = /* @__PURE__ */ m({
             }, 1040, ["focus", "style"])
           ]),
           default: t(() => [
-            r(e(B), { as: "template" }, {
+            r(e(v), { as: "template" }, {
               default: t(() => [
                 s(o.$slots, "default", { open: a })
               ]),

package/dist/components/ScalarSearchInput/ScalarSearchInput.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as h, ref as v, computed as g, useAttrs as k, openBlock as s, createElementBlock as S, normalizeClass as i, unref as a, createBlock as o, createCommentVNode as c, createElementVNode as V, mergeProps as y, withModifiers as C } from "vue";
+import { defineComponent as h, ref as v, computed as g, useAttrs as k, createElementBlock as S, openBlock as s, normalizeClass as i, unref as a, createBlock as o, createCommentVNode as c, createElementVNode as V, mergeProps as y, withModifiers as C } from "vue";
 import { cva as z, cx as u } from "@scalar/use-hooks/useBindCx";
 import B from "../ScalarIcon/ScalarIcon.vue.js";
 import I from "../ScalarLoading/ScalarLoading.vue.js";

package/dist/components/ScalarSearchResults/ScalarSearchResultItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, openBlock as o, createElementBlock as t, mergeProps as a, unref as l, renderSlot as s, createBlock as m, createCommentVNode as n, createElementVNode as r } from "vue";
+import { defineComponent as d, createElementBlock as t, openBlock as o, mergeProps as a, unref as l, createCommentVNode as s, createElementVNode as n, renderSlot as r, createBlock as m } from "vue";
 import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
 import u from "../ScalarIcon/ScalarIcon.vue.js";
 const f = ["aria-selected"], h = {
@@ -30,27 +30,27 @@ const f = ["aria-selected"], h = {
       )
     ), [
       e.icon ? (o(), t("div", h, [
-        s(e.$slots, "icon", {}, () => [
+        r(e.$slots, "icon", {}, () => [
           e.icon ? (o(), m(l(u), {
             key: 0,
             icon: e.icon,
             size: "sm"
-          }, null, 8, ["icon"])) : n("", !0)
+          }, null, 8, ["icon"])) : s("", !0)
         ]),
-        i[0] || (i[0] = r("span", null, " ", -1))
-      ])) : n("", !0),
-      r("div", k, [
-        r("div", x, [
-          r("div", _, [
-            s(e.$slots, "default")
+        i[0] || (i[0] = n("span", null, " ", -1))
+      ])) : s("", !0),
+      n("div", k, [
+        n("div", x, [
+          n("div", _, [
+            r(e.$slots, "default")
           ]),
           e.$slots.addon ? (o(), t("div", g, [
-            s(e.$slots, "addon")
-          ])) : n("", !0)
+            r(e.$slots, "addon")
+          ])) : s("", !0)
         ]),
         e.$slots.description ? (o(), t("div", v, [
-          s(e.$slots, "description")
-        ])) : n("", !0)
+          r(e.$slots, "description")
+        ])) : s("", !0)
       ])
     ], 16, f));
   }

package/dist/components/ScalarSearchResults/ScalarSearchResultList.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, openBlock as n, createElementBlock as a, mergeProps as m, unref as u, renderSlot as s, createElementVNode as t, createCommentVNode as f } from "vue";
+import { defineComponent as r, createElementBlock as n, openBlock as a, mergeProps as m, unref as u, renderSlot as s, createCommentVNode as f, createElementVNode as t } from "vue";
 import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
 const x = /* @__PURE__ */ r({
   inheritAttrs: !1,
@@ -8,7 +8,7 @@ const x = /* @__PURE__ */ r({
   },
   setup(c) {
     const { cx: l } = p();
-    return (e, o) => (n(), a("ul", m({ role: "listbox" }, u(l)("flex flex-col")), [
+    return (e, o) => (a(), n("ul", m({ role: "listbox" }, u(l)("flex flex-col")), [
       e.noResults ? s(e.$slots, "noResults", { key: 0 }, () => [
         o[0] || (o[0] = t("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [
           t("div", { class: "rotate-90 text-lg font-bold" }, ":("),

package/dist/components/ScalarSidebar/ScalarSidebar.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, openBlock as t, createElementBlock as a, normalizeProps as n, guardReactiveProps as s, unref as d, renderSlot as l } from "vue";
+import { defineComponent as o, createElementBlock as t, openBlock as a, normalizeProps as n, guardReactiveProps as s, unref as d, renderSlot as l } from "vue";
 import { useBindCx as c } from "@scalar/use-hooks/useBindCx";
 const i = {}, u = /* @__PURE__ */ o({
   ...i,
@@ -6,7 +6,7 @@ const i = {}, u = /* @__PURE__ */ o({
   __name: "ScalarSidebar",
   setup(f) {
     const { cx: e } = c();
-    return (r, _) => (t(), a("aside", n(s(
+    return (r, _) => (a(), t("aside", n(s(
       d(e)("flex flex-col border-r bg-sidebar-b-1 border-sidebar-border w-72")
     )), [
       l(r.$slots, "default")

package/dist/components/ScalarSidebar/ScalarSidebarButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, openBlock as s, createBlock as c, resolveDynamicComponent as u, mergeProps as f, unref as o, withCtx as p, renderSlot as t, createVNode as n, createElementVNode as m, createElementBlock as a, createCommentVNode as l } from "vue";
+import { defineComponent as r, createBlock as c, openBlock as s, resolveDynamicComponent as u, mergeProps as f, unref as o, withCtx as p, renderSlot as t, createElementVNode as m, createElementBlock as n, createCommentVNode as a, createVNode as l } from "vue";
 import { cva as b, useBindCx as v } from "@scalar/use-hooks/useBindCx";
 import y from "./ScalarSidebarIndent.vue.js";
 import h from "../ScalarIcon/ScalarIcon.vue.js";
@@ -35,22 +35,22 @@ const B = { class: "flex items-center gap-1 flex-1 py-2 leading-5" }, g = {
     }, o(i)(o(d)({ selected: e.selected, disabled: e.disabled }))), {
       default: p(() => [
         t(e.$slots, "indent", {}, () => [
-          n(y, {
+          l(y, {
             indent: e.indent,
             selected: e.selected
           }, null, 8, ["indent", "selected"])
         ]),
         m("div", B, [
-          e.icon || e.$slots.icon ? (s(), a("div", g, [
+          e.icon || e.$slots.icon ? (s(), n("div", g, [
             t(e.$slots, "icon", {}, () => [
-              n(o(h), { icon: e.icon }, null, 8, ["icon"])
+              l(o(h), { icon: e.icon }, null, 8, ["icon"])
             ])
-          ])) : l("", !0),
+          ])) : a("", !0),
           t(e.$slots, "default")
         ]),
-        e.$slots.aside ? (s(), a("div", S, [
+        e.$slots.aside ? (s(), n("div", S, [
           t(e.$slots, "aside")
-        ])) : l("", !0)
+        ])) : a("", !0)
       ]),
       _: 3
     }, 16, ["aria-level", "aria-selected", "type"]));

package/dist/components/ScalarSidebar/ScalarSidebarFooter.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as l, openBlock as a, createElementBlock as i, normalizeProps as c, guardReactiveProps as d, unref as s, renderSlot as t, createElementVNode as r, createVNode as m } from "vue";
+import { defineComponent as l, createElementBlock as a, openBlock as i, normalizeProps as c, guardReactiveProps as d, unref as s, renderSlot as t, createElementVNode as r, createVNode as m } from "vue";
 import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
 import p from "../ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
 const _ = { class: "flex items-center" }, u = { class: "flex-1 min-w-0 flex items-center text-sm text-sidebar-c-2" }, x = {}, w = /* @__PURE__ */ l({
@@ -7,7 +7,7 @@ const _ = { class: "flex items-center" }, u = { class: "flex-1 min-w-0 flex item
   __name: "ScalarSidebarFooter",
   setup(b) {
     const { cx: n } = f();
-    return (e, o) => (a(), i("div", c(d(s(n)("flex flex-col gap-3 p-3 border-t"))), [
+    return (e, o) => (i(), a("div", c(d(s(n)("flex flex-col gap-3 p-3 border-t"))), [
       t(e.$slots, "default"),
       r("div", _, [
         r("div", u, [

package/dist/components/ScalarSidebar/ScalarSidebarGroup.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, mergeModels as p, useModel as c, openBlock as i, createElementBlock as f, renderSlot as a, unref as t, createVNode as r, withCtx as n, createBlock as v, resolveDynamicComponent as _, normalizeProps as x, mergeProps as b, createCommentVNode as C } from "vue";
+import { defineComponent as d, mergeModels as p, useModel as c, createElementBlock as f, openBlock as i, renderSlot as a, createBlock as v, createCommentVNode as _, unref as t, createVNode as r, withCtx as n, resolveDynamicComponent as x, normalizeProps as b, mergeProps as C } from "vue";
 import { useBindCx as S } from "@scalar/use-hooks/useBindCx";
 import $ from "./ScalarSidebarButton.vue.js";
 import g from "./ScalarSidebarGroupToggle.vue.js";
@@ -49,14 +49,14 @@ const V = { class: "group/item contents" }, y = {}, A = /* @__PURE__ */ d({
           _: 3
         }, 8, ["aria-expanded", "indent"])
       ]),
-      e.value ? (i(), v(_(o.is), x(b({ key: 0 }, t(m)("flex flex-col gap-px"))), {
+      e.value ? (i(), v(x(o.is), b(C({ key: 0 }, t(m)("flex flex-col gap-px"))), {
         default: n(() => [
           a(o.$slots, "items", {
             open: !!e.value
           })
         ]),
         _: 3
-      }, 16)) : C("", !0)
+      }, 16)) : _("", !0)
     ]));
   }
 });

package/dist/components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, openBlock as s, createBlock as p, resolveDynamicComponent as i, mergeProps as l, unref as o, withCtx as u, renderSlot as n, createVNode as d, createElementVNode as f, createTextVNode as c, toDisplayString as m } from "vue";
+import { defineComponent as r, createBlock as s, openBlock as p, resolveDynamicComponent as i, mergeProps as l, unref as o, withCtx as u, renderSlot as n, createElementVNode as d, createVNode as f, createTextVNode as c, toDisplayString as m } from "vue";
 import { cva as v, useBindCx as h } from "@scalar/use-hooks/useBindCx";
 import y from "../ScalarIcon/ScalarIcon.vue.js";
 const C = { class: "sr-only" }, _ = {}, N = /* @__PURE__ */ r({
@@ -16,14 +16,14 @@ const C = { class: "sr-only" }, _ = {}, N = /* @__PURE__ */ r({
       variants: { open: { true: "rotate-90" } },
       defaultVariants: { open: !1 }
     }), { cx: a } = h();
-    return (e, g) => (s(), p(i(e.is), l({
+    return (e, g) => (p(), s(i(e.is), l({
       type: e.is === "button" ? "button" : void 0
     }, o(a)(o(t)({ open: e.open }))), {
       default: u(() => [
         n(e.$slots, "default", { open: e.open }, () => [
-          d(o(y), { icon: e.icon }, null, 8, ["icon"])
+          f(o(y), { icon: e.icon }, null, 8, ["icon"])
         ]),
-        f("span", C, [
+        d("span", C, [
           n(e.$slots, "label", { open: e.open }, () => [
             c(m(e.open ? "Close" : "Open") + " Group ", 1)
           ])

package/dist/components/ScalarSidebar/ScalarSidebarIndent.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, computed as c, openBlock as t, createElementBlock as n, normalizeProps as u, guardReactiveProps as b, unref as m, Fragment as f, renderList as p, createElementVNode as v, normalizeClass as g, createCommentVNode as y } from "vue";
+import { defineComponent as o, computed as c, createElementBlock as t, openBlock as n, normalizeProps as u, guardReactiveProps as b, unref as m, Fragment as f, renderList as p, createElementVNode as v, createCommentVNode as g, normalizeClass as y } from "vue";
 import { useBindCx as _ } from "@scalar/use-hooks/useBindCx";
 const h = {}, C = /* @__PURE__ */ o({
   ...h,
@@ -10,24 +10,24 @@ const h = {}, C = /* @__PURE__ */ o({
   },
   setup(s) {
     const a = c(() => Array.from({ length: s.indent }, (e, r) => r)), { cx: d } = _();
-    return (e, r) => (t(), n("div", u(b(
+    return (e, r) => (n(), t("div", u(b(
       m(d)("scalar-sidebar-indent flex justify-center", {
         "mr-[calc(18px-var(--scalar-sidebar-indent))]": e.indent > 0,
         "scalar-sidebar-indent-selected": e.selected
       })
     )), [
-      (t(!0), n(f, null, p(a.value, (l, i) => (t(), n("div", {
+      (n(!0), t(f, null, p(a.value, (l, i) => (n(), t("div", {
         key: l,
         class: "relative w-[var(--scalar-sidebar-indent)]"
       }, [
         r[0] || (r[0] = v("div", { class: "scalar-sidebar-indent-border absolute left-1.75 inset-y-0 w-border bg-sidebar-indent-border" }, null, -1)),
-        i === a.value.length - 1 ? (t(), n("div", {
+        i === a.value.length - 1 ? (n(), t("div", {
           key: 0,
-          class: g([
+          class: y([
             "absolute left-1.75 inset-y-0 w-border",
             e.selected ? "bg-sidebar-indent-active" : "group-hover/button:bg-sidebar-indent-hover"
           ])
-        }, null, 2)) : y("", !0)
+        }, null, 2)) : g("", !0)
       ]))), 128))
     ], 16));
   }

package/dist/components/ScalarSidebar/ScalarSidebarItem.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, useSlots as s, openBlock as i, createElementBlock as l, createVNode as a, mergeProps as d, unref as p, createSlots as c, renderList as _, withCtx as m, renderSlot as f } from "vue";
+import { defineComponent as n, useSlots as s, createElementBlock as i, openBlock as l, createVNode as a, mergeProps as d, unref as p, createSlots as c, renderList as _, withCtx as m, renderSlot as f } from "vue";
 import u from "./ScalarSidebarButton.vue.js";
 import { useSidebarGroups as S } from "./useSidebarGroups.js";
 const h = { class: "group/item contents" }, B = {}, C = /* @__PURE__ */ n({
@@ -15,7 +15,7 @@ const h = { class: "group/item contents" }, B = {}, C = /* @__PURE__ */ n({
   },
   setup($) {
     const o = s(), { level: r } = S();
-    return (e, b) => (i(), l("li", h, [
+    return (e, b) => (l(), i("li", h, [
       a(u, d({ ...e.$attrs, ...e.$props }, {
         indent: e.indent ?? p(r)
       }), c({ _: 2 }, [

package/dist/components/ScalarSidebar/ScalarSidebarItems.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, openBlock as r, createBlock as a, resolveDynamicComponent as n, normalizeProps as s, guardReactiveProps as l, unref as p, withCtx as i, renderSlot as c } from "vue";
+import { defineComponent as o, createBlock as r, openBlock as a, resolveDynamicComponent as n, normalizeProps as s, guardReactiveProps as l, unref as p, withCtx as i, renderSlot as c } from "vue";
 import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
 const u = {}, C = /* @__PURE__ */ o({
   ...u,
@@ -9,7 +9,7 @@ const u = {}, C = /* @__PURE__ */ o({
   },
   setup(m) {
     const { cx: t } = f();
-    return (e, _) => (r(), a(n(e.is), s(l(p(t)("flex flex-col p-3 gap-px"))), {
+    return (e, _) => (a(), r(n(e.is), s(l(p(t)("flex flex-col p-3 gap-px"))), {
       default: i(() => [
         c(e.$slots, "default")
       ]),

package/dist/components/ScalarTeleport/ScalarTeleport.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, openBlock as r, createBlock as a, Teleport as s, unref as l, createElementVNode as d, mergeProps as n, renderSlot as p } from "vue";
+import { defineComponent as o, createBlock as r, openBlock as a, Teleport as s, unref as l, createElementVNode as d, mergeProps as n, renderSlot as p } from "vue";
 import { useTeleport as i } from "./useTeleport.js";
 const m = {}, b = /* @__PURE__ */ o({
   ...m,
@@ -11,7 +11,7 @@ const m = {}, b = /* @__PURE__ */ o({
   },
   setup(f) {
     const t = i();
-    return (e, c) => (r(), a(s, {
+    return (e, c) => (a(), r(s, {
       defer: !e.immediate,
       disabled: e.disabled,
       to: e.to || l(t)

package/dist/components/ScalarTeleport/ScalarTeleportRoot.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, openBlock as n, createElementBlock as s, Fragment as l, renderSlot as a, createElementVNode as c, unref as p } from "vue";
+import { defineComponent as r, createElementBlock as n, openBlock as s, Fragment as l, renderSlot as a, createElementVNode as c, unref as p } from "vue";
 import { useProvideTeleport as d } from "./useTeleport.js";
 const i = ["id"], _ = {}, k = /* @__PURE__ */ r({
   ..._,
@@ -9,7 +9,7 @@ const i = ["id"], _ = {}, k = /* @__PURE__ */ r({
   },
   setup(e) {
     const t = d(e.id);
-    return (o, u) => (n(), s(l, null, [
+    return (o, u) => (s(), n(l, null, [
       a(o.$slots, "default"),
       c("div", {
         id: p(t),

package/dist/components/ScalarTextArea/ScalarTextArea.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, useModel as f, onMounted as c, openBlock as p, createElementBlock as x, mergeProps as i, unref as r, withDirectives as v, createElementVNode as b, vModelText as _ } from "vue";
+import { defineComponent as d, useModel as f, onMounted as c, createElementBlock as p, openBlock as x, mergeProps as i, unref as r, withDirectives as v, createElementVNode as b, vModelText as _ } from "vue";
 import { useBindCx as g } from "@scalar/use-hooks/useBindCx";
 import { useTextareaAutosize as h } from "@vueuse/core";
 const k = {}, C = /* @__PURE__ */ d({
@@ -18,7 +18,7 @@ const k = {}, C = /* @__PURE__ */ d({
     return c(() => {
       var n;
       "autofocus" in s.value && ((n = o.value) == null || n.focus());
-    }), (n, e) => (p(), x("div", i(
+    }), (n, e) => (x(), p("div", i(
       r(m)(
         "bg-b-1.5 custom-scroll flex min-h-0 shrink cursor-text items-center gap-0.75 rounded-md border px-3 py-2.5 outline-offset-[-1px] focus-within:bg-b-1 has-[input:focus-visible]:outline"
       ),

package/dist/components/ScalarTextInput/ScalarTextInput.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as h, useModel as v, ref as $, onMounted as b, openBlock as t, createElementBlock as s, mergeProps as f, unref as c, createElementVNode as a, renderSlot as n, createCommentVNode as l, withDirectives as w, vModelDynamic as _, toDisplayString as k } from "vue";
+import { defineComponent as h, useModel as v, ref as $, onMounted as b, createElementBlock as t, openBlock as s, mergeProps as f, unref as c, createElementVNode as a, renderSlot as n, createCommentVNode as l, withDirectives as w, vModelDynamic as _, toDisplayString as k } from "vue";
 import { useBindCx as y } from "@scalar/use-hooks/useBindCx";
 const g = { class: "flex flex-1 relative" }, V = {
   key: 0,
@@ -26,7 +26,7 @@ const g = { class: "flex flex-1 relative" }, V = {
     return b(() => {
       var e;
       "autofocus" in u.value && ((e = i.value) == null || e.focus());
-    }), (e, o) => (t(), s("div", f(
+    }), (e, o) => (s(), t("div", f(
       c(x)(
         "bg-b-1.5 flex cursor-text items-center gap-0.75 rounded-md border px-3 py-2.5 outline-offset-[-1px] focus-within:bg-b-1 has-[input:focus-visible]:outline"
       ),
@@ -38,7 +38,7 @@ const g = { class: "flex flex-1 relative" }, V = {
       }
     ), [
       a("div", g, [
-        e.$slots.prefix ? (t(), s("span", V, [
+        e.$slots.prefix ? (s(), t("span", V, [
           n(e.$slots, "prefix")
         ])) : l("", !0),
         w(a("input", f({
@@ -49,12 +49,12 @@ const g = { class: "flex flex-1 relative" }, V = {
         }, c(u)), null, 16), [
           [_, r.value]
         ]),
-        e.$slots.prefix || e.$slots.suffix ? (t(), s("div", C, [
-          e.$slots.prefix ? (t(), s("span", M, [
+        e.$slots.prefix || e.$slots.suffix ? (s(), t("div", C, [
+          e.$slots.prefix ? (s(), t("span", M, [
             n(e.$slots, "prefix")
           ])) : l("", !0),
           a("span", B, k(r.value || e.$attrs.placeholder), 1),
-          e.$slots.suffix ? (t(), s("span", D, [
+          e.$slots.suffix ? (s(), t("span", D, [
             n(e.$slots, "suffix")
           ])) : l("", !0)
         ])) : l("", !0)

package/dist/components/ScalarToggle/ScalarToggle.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, openBlock as t, createElementBlock as l, normalizeClass as o, unref as n, createElementVNode as m, toDisplayString as p, createCommentVNode as b } from "vue";
+import { defineComponent as u, createElementBlock as t, openBlock as l, normalizeClass as o, unref as n, createElementVNode as m, createCommentVNode as p, toDisplayString as b } from "vue";
 import { cva as f, cx as h } from "@scalar/use-hooks/useBindCx";
 const V = ["aria-checked", "aria-disabled"], g = {
   key: 0,
@@ -23,7 +23,7 @@ const V = ["aria-checked", "aria-disabled"], g = {
         disabled: { true: "cursor-not-allowed opacity-40" }
       }
     });
-    return (e, k) => (t(), l("button", {
+    return (e, k) => (l(), t("button", {
       "aria-checked": e.modelValue,
       "aria-disabled": e.disabled,
       class: o(n(h)(n(c)({ checked: e.modelValue, disabled: e.disabled }))),
@@ -34,7 +34,7 @@ const V = ["aria-checked", "aria-disabled"], g = {
       m("div", {
         class: o(["absolute left-px top-px flex h-3 w-3 items-center justify-center rounded-full bg-white text-c-accent transition-transform duration-300", { "translate-x-2.5": e.modelValue }])
       }, null, 2),
-      e.label ? (t(), l("span", g, p(e.label), 1)) : b("", !0)
+      e.label ? (l(), t("span", g, b(e.label), 1)) : p("", !0)
     ], 10, V));
   }
 });

package/dist/components/ScalarTooltip/ScalarTooltip.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, openBlock as i, createBlock as o, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as n, createCommentVNode as p } from "vue";
+import { defineComponent as f, createBlock as i, openBlock as o, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as n, createCommentVNode as p } from "vue";
 import { cva as u, cx as m } from "@scalar/use-hooks/useBindCx";
 import { TooltipProvider as k, TooltipRoot as x, TooltipTrigger as y, TooltipContent as g } from "radix-vue";
 import _ from "../ScalarTeleport/ScalarTeleport.vue.js";
@@ -30,7 +30,7 @@ const T = /* @__PURE__ */ f({
         }
       }
     }), e = c;
-    return (l, C) => (i(), o(t(k), {
+    return (l, C) => (o(), i(t(k), {
       delayDuration: e.delay,
       skipDelayDuration: e.skipDelay
     }, {
@@ -49,7 +49,7 @@ const T = /* @__PURE__ */ f({
             }, 8, ["as", "class", "onClick"]),
             s(t(_), null, {
               default: a(() => [
-                e.disabled ? p("", !0) : (i(), o(t(g), {
+                e.disabled ? p("", !0) : (o(), i(t(g), {
                   key: 0,
                   align: e.align,
                   class: r(t(m)(t(d)({ textSize: e.textSize }), e.class)),

package/dist/components/ScalarVirtualText/ScalarVirtualText.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, ref as o, computed as t, onMounted as w, onBeforeUnmount as E, watchEffect as k, openBlock as v, createElementBlock as f, normalizeClass as h, createElementVNode as _, normalizeStyle as m, Fragment as $, renderList as z, toDisplayString as L } from "vue";
+import { defineComponent as b, ref as o, computed as t, onMounted as w, onBeforeUnmount as E, watchEffect as k, createElementBlock as v, openBlock as f, normalizeClass as h, createElementVNode as _, normalizeStyle as m, Fragment as $, renderList as z, toDisplayString as L } from "vue";
 const B = /* @__PURE__ */ b({
   __name: "ScalarVirtualText",
   props: {
@@ -32,7 +32,7 @@ const B = /* @__PURE__ */ b({
       window.removeEventListener("resize", c);
     }), k(() => {
       s.value && (s.value.style.transform = `translateY(${Math.max(0, a.value - 10) * e.lineHeight}px)`);
-    }), (i, g) => (v(), f("div", {
+    }), (i, g) => (f(), v("div", {
       ref_key: "containerRef",
       ref: n,
       class: h(["scalar-virtual-text overflow-auto", i.containerClass]),
@@ -44,7 +44,7 @@ const B = /* @__PURE__ */ b({
         class: h(["scalar-virtual-text-content", i.contentClass]),
         style: m(C.value)
       }, [
-        (v(!0), f($, null, z(y.value, (u, S) => (v(), f("div", {
+        (f(!0), v($, null, z(y.value, (u, S) => (f(), v("div", {
           key: a.value + S,
           class: h(["scalar-virtual-text-line", i.lineClass]),
           style: m({