@scalar/components 0.13.56 → 0.13.57

package/dist/components/ScalarButton/ScalarButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, openBlock as a, createElementBlock as i, mergeProps as m, unref as o, normalizeClass as r, renderSlot as l, createCommentVNode as u, createVNode as g } from "vue";
+import { defineComponent as f, createElementBlock as a, openBlock as i, mergeProps as m, unref as o, createCommentVNode as r, renderSlot as l, normalizeClass as u, createVNode as g } from "vue";
 import { useBindCx as b } from "@scalar/use-hooks/useBindCx";
 import { variants as v } from "./variants.js";
 import y from "../ScalarLoading/ScalarLoading.vue.js";
@@ -20,7 +20,7 @@ const h = ["ariaDisabled", "type"], c = {
     const { cx: p } = b();
     return (e, B) => {
       var s, n, t, d;
-      return a(), i("button", m(
+      return i(), a("button", m(
         {
           ariaDisabled: e.disabled || void 0,
           type: e.type
@@ -29,24 +29,24 @@ const h = ["ariaDisabled", "type"], c = {
           relative: (s = e.loading) == null ? void 0 : s.isLoading
         })
       ), [
-        e.$slots.icon ? (a(), i("div", {
+        e.$slots.icon ? (i(), a("div", {
           key: 0,
-          class: r(["mr-2 h-4 w-4", { invisible: (n = e.loading) == null ? void 0 : n.isLoading }])
+          class: u(["mr-2 h-4 w-4", { invisible: (n = e.loading) == null ? void 0 : n.isLoading }])
         }, [
           l(e.$slots, "icon")
-        ], 2)) : u("", !0),
-        e.loading ? (a(), i("span", {
+        ], 2)) : r("", !0),
+        e.loading ? (i(), a("span", {
           key: 1,
-          class: r({ invisible: (t = e.loading) == null ? void 0 : t.isLoading })
+          class: u({ invisible: (t = e.loading) == null ? void 0 : t.isLoading })
         }, [
           l(e.$slots, "default")
         ], 2)) : l(e.$slots, "default", { key: 2 }),
-        (d = e.loading) != null && d.isLoading ? (a(), i("div", c, [
+        (d = e.loading) != null && d.isLoading ? (i(), a("div", c, [
           g(o(y), {
             loadingState: e.loading,
             size: "xs"
           }, null, 8, ["loadingState"])
-        ])) : u("", !0)
+        ])) : r("", !0)
       ], 16, h);
     };
   }

package/dist/components/ScalarCodeBlock/ScalarCodeBlock.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, computed as s, openBlock as o, createElementBlock as n, unref as l, createElementVNode as a, createVNode as y, createCommentVNode as c } from "vue";
+import { defineComponent as f, computed as s, createElementBlock as o, openBlock as n, createCommentVNode as a, createElementVNode as c, unref as l, createVNode as y } from "vue";
 import { syntaxHighlight as b, standardLanguages as C } from "@scalar/code-highlight";
 import { useClipboard as g } from "@scalar/use-hooks/useClipboard";
 import { prettyPrintJson as i } from "../../helpers/oas-utils.js";
@@ -25,22 +25,22 @@ const k = {
       lineNumbers: e.lineNumbers,
       maskCredentials: e.hideCredentials
     }).slice(5, -6)), { copyToClipboard: p } = g(), m = s(() => e.content !== null && e.content !== "null" && e.content !== "404 Not Found");
-    return (r, t) => (o(), n("div", k, [
-      r.copy ? (o(), n("div", N, [
-        m.value ? (o(), n("button", {
+    return (r, t) => (n(), o("div", k, [
+      r.copy ? (n(), o("div", N, [
+        m.value ? (n(), o("button", {
           key: 0,
           class: "copy-button",
           type: "button",
           onClick: t[0] || (t[0] = (v) => l(p)(l(i)(e.content)))
         }, [
-          t[1] || (t[1] = a("span", { class: "sr-only" }, "Copy content", -1)),
+          t[1] || (t[1] = c("span", { class: "sr-only" }, "Copy content", -1)),
           y(l(h), {
             icon: "Clipboard",
             size: "md"
           })
-        ])) : c("", !0)
-      ])) : c("", !0),
-      a("pre", {
+        ])) : a("", !0)
+      ])) : a("", !0),
+      c("pre", {
         class: "scalar-codeblock-pre",
         innerHTML: u.value
       }, null, 8, _)

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, computed as c, openBlock as r, createBlock as t, unref as o, isRef as s } from "vue";
+import { defineComponent as u, computed as c, createBlock as r, openBlock as t, unref as o, isRef as s } from "vue";
 import { useColorMode as p } from "@scalar/use-hooks/useColorMode";
 import f from "./ScalarColorModeToggleButton.vue.js";
 import _ from "./ScalarColorModeToggleIcon.vue.js";
@@ -12,12 +12,12 @@ const k = {}, S = /* @__PURE__ */ u({
     const { isDarkMode: e, toggleColorMode: n, darkLightMode: i } = p(), l = c(
       () => e.value ? "Set light mode" : "Set dark mode"
     );
-    return (d, a) => d.variant === "switch" ? (r(), t(f, {
+    return (d, a) => d.variant === "switch" ? (t(), r(f, {
       key: 0,
       modelValue: o(e),
       "onUpdate:modelValue": a[0] || (a[0] = (m) => s(e) ? e.value = m : null),
       "aria-label": l.value
-    }, null, 8, ["modelValue", "aria-label"])) : (r(), t(_, {
+    }, null, 8, ["modelValue", "aria-label"])) : (t(), r(_, {
       key: 1,
       "aria-label": l.value,
       mode: o(i),

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, useModel as s, openBlock as i, createElementBlock as u, mergeProps as a, unref as d, createElementVNode as t, normalizeClass as m, createVNode as f } from "vue";
+import { defineComponent as n, useModel as s, createElementBlock as i, openBlock as u, mergeProps as a, unref as d, createElementVNode as t, normalizeClass as m, createVNode as f } from "vue";
 import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
 import c from "./ScalarColorModeToggleIcon.vue.js";
 const g = ["aria-pressed"], x = {}, B = /* @__PURE__ */ n({
@@ -12,7 +12,7 @@ const g = ["aria-pressed"], x = {}, B = /* @__PURE__ */ n({
   emits: ["update:modelValue"],
   setup(l) {
     const { cx: r } = p(), e = s(l, "modelValue");
-    return (b, o) => (i(), u("button", a(
+    return (b, o) => (u(), i("button", a(
       {
         "aria-pressed": e.value,
         type: "button"

package/dist/components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, computed as r, openBlock as i, createBlock as c, resolveDynamicComponent as u, mergeProps as m, unref as p, withCtx as g, createElementVNode as e } from "vue";
+import { defineComponent as a, computed as r, createBlock as i, openBlock as c, resolveDynamicComponent as u, mergeProps as m, unref as p, withCtx as g, createElementVNode as e } from "vue";
 import { useBindCx as d } from "@scalar/use-hooks/useBindCx";
 const f = {}, _ = /* @__PURE__ */ a({
   ...f,
@@ -12,7 +12,7 @@ const f = {}, _ = /* @__PURE__ */ a({
     const { cx: n } = d(), s = r(
       () => l.mode === "dark" ? "Set light mode" : "Set dark mode"
     );
-    return (o, t) => (i(), c(u(o.is), m({
+    return (o, t) => (c(), i(u(o.is), m({
       "aria-label": s.value,
       class: `toggle-icon-${o.mode}`,
       type: o.is === "button" ? "button" : void 0

package/dist/components/ScalarCombobox/ScalarCombobox.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, openBlock as p, createBlock as d, withCtx as l, renderSlot as t, createVNode as s, createSlots as n } from "vue";
+import { defineComponent as m, createBlock as p, openBlock as d, withCtx as l, createVNode as s, createSlots as n, renderSlot as t } from "vue";
 import f from "./ScalarComboboxOptions.vue.js";
 import i from "./ScalarComboboxPopover.vue.js";
 const c = /* @__PURE__ */ m({
@@ -16,7 +16,7 @@ const c = /* @__PURE__ */ m({
   },
   emits: ["update:modelValue"],
   setup(u) {
-    return (e, V) => (p(), d(i, {
+    return (e, V) => (d(), p(i, {
       middleware: e.middleware,
       offset: e.offset,
       placement: e.placement ?? "bottom-start",

package/dist/components/ScalarCombobox/ScalarComboboxMultiselect.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, ref as f, openBlock as p, createBlock as n, withCtx as l, createSlots as u, renderSlot as a, createCommentVNode as b } from "vue";
+import { defineComponent as d, ref as f, createBlock as p, openBlock as n, withCtx as l, renderSlot as a, createCommentVNode as u, createSlots as b } from "vue";
 import $ from "./ScalarComboboxOptions.vue.js";
 import V from "./ScalarComboboxPopover.vue.js";
 const w = /* @__PURE__ */ d({
@@ -18,7 +18,7 @@ const w = /* @__PURE__ */ d({
   emits: ["update:modelValue", "delete"],
   setup(y, { expose: i }) {
     const s = f(null);
-    return i({ comboboxPopoverRef: s }), (e, o) => (p(), n(V, {
+    return i({ comboboxPopoverRef: s }), (e, o) => (n(), p(V, {
       ref_key: "comboboxPopoverRef",
       ref: s,
       middleware: e.middleware,
@@ -31,7 +31,7 @@ const w = /* @__PURE__ */ d({
       popover: l(({ open: t }) => {
         var m;
         return [
-          (m = e.options) != null && m.length ? (p(), n($, {
+          (m = e.options) != null && m.length ? (n(), p($, {
             key: 0,
             isDeletable: e.isDeletable,
             modelValue: e.modelValue,
@@ -41,7 +41,7 @@ const w = /* @__PURE__ */ d({
             placeholder: e.placeholder,
             onDelete: o[0] || (o[0] = (r) => e.$emit("delete", r)),
             "onUpdate:modelValue": o[1] || (o[1] = (r) => e.$emit("update:modelValue", r))
-          }, u({ _: 2 }, [
+          }, b({ _: 2 }, [
             e.$slots.before ? {
               name: "before",
               fn: l(() => [
@@ -56,7 +56,7 @@ const w = /* @__PURE__ */ d({
               ]),
               key: "1"
             } : void 0
-          ]), 1032, ["isDeletable", "modelValue", "open", "options", "placeholder"])) : b("", !0)
+          ]), 1032, ["isDeletable", "modelValue", "open", "options", "placeholder"])) : u("", !0)
         ];
       }),
       default: l(() => [

package/dist/components/ScalarCombobox/ScalarComboboxOption.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, openBlock as l, createElementBlock as r, normalizeClass as n, unref as t, createVNode as i, normalizeStyle as c, createElementVNode as p, renderSlot as m, createBlock as d, withModifiers as u, createCommentVNode as f } from "vue";
+import { defineComponent as s, createElementBlock as r, openBlock as l, normalizeClass as n, unref as t, createVNode as i, createElementVNode as c, createBlock as p, createCommentVNode as m, normalizeStyle as d, renderSlot as u, withModifiers as f } from "vue";
 import { cva as b, cx as y } from "@scalar/use-hooks/useBindCx";
 import v from "../ScalarListbox/ScalarListboxCheckbox.vue.js";
 import k from "../ScalarIcon/ScalarIcon.vue.js";
@@ -36,20 +36,20 @@ const g = ["aria-selected"], B = { class: "inline-block min-w-0 flex-1 truncate
     }, [
       i(t(v), {
         selected: e.selected,
-        style: c(e.style)
+        style: d(e.style)
       }, null, 8, ["selected", "style"]),
-      p("span", B, [
-        m(e.$slots, "default")
+      c("span", B, [
+        u(e.$slots, "default")
       ]),
-      e.isDeletable ? (l(), d(t(k), {
+      e.isDeletable ? (l(), p(t(k), {
         key: 0,
         "aria-label": "Delete",
         class: "text-c-2 opacity-0 group-hover/item:opacity-100",
         icon: "Delete",
         size: "md",
         thickness: "1.5",
-        onClick: o[0] || (o[0] = u((x) => e.$emit("delete"), ["stop"]))
-      })) : f("", !0)
+        onClick: o[0] || (o[0] = f((x) => e.$emit("delete"), ["stop"]))
+      })) : m("", !0)
     ], 10, g));
   }
 });

package/dist/components/ScalarCombobox/ScalarComboboxOptionGroup.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as t, useId as a, openBlock as o, createElementBlock as d, renderSlot as l, createCommentVNode as i } from "vue";
+import { defineComponent as t, useId as a, createElementBlock as o, openBlock as d, createCommentVNode as i, renderSlot as l } from "vue";
 const n = ["id", "aria-labelledby", "role"], r = ["id"], m = /* @__PURE__ */ t({
   __name: "ScalarComboboxOptionGroup",
   props: {
@@ -6,13 +6,13 @@ const n = ["id", "aria-labelledby", "role"], r = ["id"], m = /* @__PURE__ */ t({
     hidden: { type: Boolean, default: !1 }
   },
   setup(s) {
-    return (e, p) => (o(), d("div", {
+    return (e, p) => (d(), o("div", {
       id: e.id,
       "aria-labelledby": e.id ? `${e.id}-label` : void 0,
       class: "contents",
       role: e.hidden ? void 0 : "group"
     }, [
-      e.hidden ? i("", !0) : (o(), d("div", {
+      e.hidden ? i("", !0) : (d(), o("div", {
         key: 0,
         id: `${e.id}-label`,
         class: "min-w-0 truncate px-2.5 py-1.5 text-left text-c-2"

package/dist/components/ScalarCombobox/ScalarComboboxOptions.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as O, useId as q, computed as b, ref as D, onMounted as F, watch as G, openBlock as c, createElementBlock as y, Fragment as $, createElementVNode as w, createVNode as U, unref as j, withDirectives as C, withKeys as x, withModifiers as h, vModelText as H, renderSlot as S, renderList as B, createBlock as M, withCtx as V, createTextVNode as E, toDisplayString as N, normalizeStyle as J, createCommentVNode as P, vShow as Q } from "vue";
+import { defineComponent as O, useId as q, computed as b, ref as D, onMounted as F, watch as G, createElementBlock as y, openBlock as c, Fragment as $, createElementVNode as w, withDirectives as C, createVNode as U, unref as j, withKeys as x, withModifiers as h, vModelText as H, renderSlot as S, renderList as B, createBlock as M, withCtx as V, createCommentVNode as J, normalizeStyle as P, createTextVNode as E, toDisplayString as N, vShow as Q } from "vue";
 import R from "./ScalarComboboxOption.vue.js";
 import W from "./ScalarComboboxOptionGroup.vue.js";
 import { isGroups as L } from "./types.js";
@@ -116,7 +116,7 @@ const Y = { class: "relative flex" }, Z = ["aria-activedescendant", "placeholder
                   active: ((u = o.value) == null ? void 0 : u.id) === l.id,
                   isDeletable: l.isDeletable ?? e.isDeletable,
                   selected: s.value.some((i) => i.id === l.id),
-                  style: J(e.multiselect ? "checkbox" : "radio"),
+                  style: P(e.multiselect ? "checkbox" : "radio"),
                   onClick: (i) => g(l),
                   onDelete: (i) => e.$emit("delete", l),
                   onMousedown: t[4] || (t[4] = h(() => {
@@ -127,7 +127,7 @@ const Y = { class: "relative flex" }, Z = ["aria-activedescendant", "placeholder
                     E(N(l.label), 1)
                   ]),
                   _: 2
-                }, 1032, ["id", "active", "isDeletable", "selected", "style", "onClick", "onDelete", "onMouseenter"])) : P("", !0)
+                }, 1032, ["id", "active", "isDeletable", "selected", "style", "onClick", "onDelete", "onMouseenter"])) : J("", !0)
               ], 64);
             }), 128))
           ]),

package/dist/components/ScalarCombobox/ScalarComboboxPopover.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, ref as c, openBlock as _, createBlock as v, unref as o, withCtx as t, createVNode as r, normalizeProps as y, guardReactiveProps as w, createSlots as x, renderSlot as l, mergeProps as B } from "vue";
+import { defineComponent as u, ref as c, createBlock as _, openBlock as v, unref as o, withCtx as t, createVNode as r, normalizeProps as y, guardReactiveProps as w, createSlots as x, renderSlot as l, mergeProps as B } from "vue";
 import { Popover as P, PopoverButton as h, PopoverPanel as k } from "@headlessui/vue";
 import { useBindCx as g } from "@scalar/use-hooks/useBindCx";
 import $ from "../ScalarFloating/ScalarFloating.vue.js";
@@ -19,7 +19,7 @@ const z = /* @__PURE__ */ u({
       var n;
       ["ArrowUp", "ArrowDown"].includes(e.key) && (e.preventDefault(), (n = e.target) == null || n.dispatchEvent(new KeyboardEvent("keydown", { key: "Enter" })));
     };
-    return s({ popoverButtonRef: p }), (e, n) => (_(), v(o(P), { as: "template" }, {
+    return s({ popoverButtonRef: p }), (e, n) => (v(), _(o(P), { as: "template" }, {
       default: t(({ open: a }) => [
         r(o($), y(w(e.$props)), x({
           default: t(() => [

package/dist/components/ScalarContextMenu/ScalarContextMenu.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, openBlock as r, createBlock as i, unref as e, withCtx as t, createVNode as n, normalizeClass as f, renderSlot as a } from "vue";
+import { defineComponent as d, createBlock as r, openBlock as i, unref as e, withCtx as t, createVNode as n, normalizeClass as f, renderSlot as a } from "vue";
 import { ContextMenuRoot as u, ContextMenuTrigger as c, ContextMenuPortal as g, ContextMenuContent as C, ContextMenuItem as p } from "radix-vue";
 const M = /* @__PURE__ */ d({
   __name: "ScalarContextMenu",
@@ -11,7 +11,7 @@ const M = /* @__PURE__ */ d({
   },
   setup(o) {
     const l = o;
-    return (s, m) => (r(), i(e(u), null, {
+    return (s, m) => (i(), r(e(u), null, {
       default: t(() => [
         n(e(c), {
           class: f(s.triggerClass),

package/dist/components/ScalarDropdown/ScalarDropdown.vue.js

@@ -1,5 +1,5 @@
-import { defineComponent as p, openBlock as i, createBlock as f, unref as e, withCtx as t, createVNode as r, mergeProps as n, renderSlot as s } from "vue";
-import { Menu as u, MenuItems as _, MenuButton as c } from "@headlessui/vue";
+import { defineComponent as p, createBlock as i, openBlock as f, unref as e, withCtx as t, createVNode as r, mergeProps as n, renderSlot as s } from "vue";
+import { Menu as u, MenuButton as _, MenuItems as c } from "@headlessui/vue";
 import { useBindCx as d } from "@scalar/use-hooks/useBindCx";
 import B from "./ScalarDropdownMenu.vue.js";
 import h from "../ScalarFloating/ScalarFloating.vue.js";
@@ -17,14 +17,14 @@ const $ = {}, x = /* @__PURE__ */ p({
   },
   setup(g) {
     const { cx: l } = d();
-    return (o, y) => (i(), f(e(u), null, {
+    return (o, y) => (f(), i(e(u), null, {
       default: t(({ open: a }) => [
         r(e(h), n(o.$props, {
           placement: o.placement ?? "bottom-start"
         }), {
           floating: t(({ width: m }) => [
             r(B, n({
-              is: e(_),
+              is: e(c),
               style: { width: m }
             }, e(l)("max-h-[inherit]")), {
               default: t(() => [
@@ -34,7 +34,7 @@ const $ = {}, x = /* @__PURE__ */ p({
             }, 1040, ["is", "style"])
           ]),
           default: t(() => [
-            r(e(c), { as: "template" }, {
+            r(e(_), { as: "template" }, {
               default: t(() => [
                 s(o.$slots, "default", { open: a })
               ]),

package/dist/components/ScalarDropdown/ScalarDropdownButton.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as a, createBlock as r, resolveDynamicComponent as s, normalizeClass as i, unref as t, withCtx as l, renderSlot as c } from "vue";
+import { defineComponent as n, createBlock as a, openBlock as r, resolveDynamicComponent as s, normalizeClass as i, unref as t, withCtx as l, renderSlot as c } from "vue";
 import { cva as d, cx as p } from "@scalar/use-hooks/useBindCx";
 const u = {}, _ = /* @__PURE__ */ n({
   ...u,
@@ -23,7 +23,7 @@ const u = {}, _ = /* @__PURE__ */ n({
         active: { true: "bg-b-2 text-c-1" }
       }
     });
-    return (e, v) => (a(), r(s(e.is), {
+    return (e, v) => (r(), a(s(e.is), {
       class: i(["item", t(p)("scalar-dropdown-item", t(o)({ active: e.active, disabled: e.disabled }))]),
       type: e.is === "button" ? "button" : void 0
     }, {

package/dist/components/ScalarDropdown/ScalarDropdownDivider.vue.js

@@ -1,9 +1,9 @@
 import r from "./ScalarDropdownDivider.vue2.js";
-import { openBlock as o, createElementBlock as e } from "vue";
+import { createElementBlock as o, openBlock as e } from "vue";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const c = { class: "-mx-0.75 my-0.75 h-border bg-border" };
 function n(s, p, a, d, i, m) {
-  return o(), e("div", c);
+  return e(), o("div", c);
 }
 const u = /* @__PURE__ */ t(r, [["render", n]]);
 export {

package/dist/components/ScalarDropdown/ScalarDropdownItem.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, openBlock as l, createBlock as i, unref as n, withCtx as t, createVNode as s, renderSlot as p } from "vue";
+import { defineComponent as a, createBlock as l, openBlock as i, unref as n, withCtx as t, createVNode as s, renderSlot as p } from "vue";
 import { MenuItem as m } from "@headlessui/vue";
 import u from "./ScalarDropdownButton.vue.js";
 const f = {}, B = /* @__PURE__ */ a({
@@ -9,7 +9,7 @@ const f = {}, B = /* @__PURE__ */ a({
   },
   emits: ["click"],
   setup(c) {
-    return (e, o) => (l(), i(n(m), { disabled: e.disabled }, {
+    return (e, o) => (i(), l(n(m), { disabled: e.disabled }, {
       default: t(({ active: d }) => [
         s(u, {
           active: d,

package/dist/components/ScalarDropdown/ScalarDropdownMenu.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as l, createBlock as a, resolveDynamicComponent as c, mergeProps as i, unref as o, withCtx as d, createElementVNode as t, renderSlot as r, createVNode as m } from "vue";
+import { defineComponent as n, createBlock as l, openBlock as a, resolveDynamicComponent as c, mergeProps as i, unref as o, withCtx as d, createElementVNode as t, renderSlot as r, createVNode as m } from "vue";
 import { useBindCx as f } from "@scalar/use-hooks/useBindCx";
 import p from "../ScalarFloating/ScalarFloatingBackdrop.vue.js";
 const _ = { class: "custom-scroll min-h-0 flex-1" }, u = { class: "flex flex-col p-0.75" }, x = {}, B = /* @__PURE__ */ n({
@@ -10,7 +10,7 @@ const _ = { class: "custom-scroll min-h-0 flex-1" }, u = { class: "flex flex-col
   },
   setup(h) {
     const { cx: s } = f();
-    return (e, v) => (l(), a(c(e.is ?? "div"), i({
+    return (e, v) => (a(), l(c(e.is ?? "div"), i({
       role: "menu",
       tabindex: "0"
     }, o(s)("relative flex w-56")), {

package/dist/components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as a, onErrorCaptured as m, renderSlot as p, openBlock as l, createElementBlock as d, createElementVNode as i, toDisplayString as u, createCommentVNode as _ } from "vue";
+import { defineComponent as c, ref as a, onErrorCaptured as m, renderSlot as p, createElementBlock as l, openBlock as d, createElementVNode as i, createCommentVNode as _, toDisplayString as u } from "vue";
 const f = {
   key: 1,
   class: "rounded border bg-b-2 p-3 text-sm"
@@ -11,9 +11,9 @@ const f = {
     const n = a(!1), e = a();
     return m((r, t, o) => (console.error("[ERROR]", r, o), n.value = !0, e.value = r, !1)), (r, t) => {
       var o, s;
-      return n.value ? (l(), d("div", f, [
+      return n.value ? (d(), l("div", f, [
         t[0] || (t[0] = i("div", { class: "p-2" }, "Oops, something went wrong here.", -1)),
-        e.value ? (l(), d("div", v, u((o = e.value) == null ? void 0 : o.name) + ": " + u((s = e.value) == null ? void 0 : s.message), 1)) : _("", !0)
+        e.value ? (d(), l("div", v, u((o = e.value) == null ? void 0 : o.name) + ": " + u((s = e.value) == null ? void 0 : s.message), 1)) : _("", !0)
       ])) : p(r.$slots, "default", { key: 0 });
     };
   }

package/dist/components/ScalarFloating/ScalarFloating.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as w, ref as d, computed as a, openBlock as s, createElementBlock as z, Fragment as S, createElementVNode as m, normalizeClass as $, renderSlot as u, createBlock as k, unref as o, withCtx as B, normalizeStyle as R, createCommentVNode as b } from "vue";
+import { defineComponent as w, ref as d, computed as a, createElementBlock as z, openBlock as s, Fragment as S, createElementVNode as m, createBlock as $, createCommentVNode as k, normalizeClass as B, renderSlot as u, unref as o, withCtx as R, normalizeStyle as b } from "vue";
 import { getSideAxis as g } from "@floating-ui/utils";
 import { useFloating as x, autoUpdate as E, offset as C, flip as F, shift as M, size as H } from "@floating-ui/vue";
 import { useResizeWithTarget as T } from "./useResizeWithTarget.js";
@@ -55,21 +55,21 @@ const I = /* @__PURE__ */ w({
       m("div", {
         ref_key: "wrapperRef",
         ref: n,
-        class: $({ contents: !!e.$slots.default })
+        class: B({ contents: !!e.$slots.default })
       }, [
         u(e.$slots, "default")
       ], 2),
-      e.$slots.floating ? (s(), k(o(W), {
+      e.$slots.floating ? (s(), $(o(W), {
         key: 0,
         disabled: !e.teleport,
         to: typeof e.teleport == "string" ? e.teleport : void 0
       }, {
-        default: B(() => [
+        default: R(() => [
           m("div", {
             ref_key: "floatingRef",
             ref: i,
             class: "relative z-context",
-            style: R(o(p))
+            style: b(o(p))
           }, [
             u(e.$slots, "floating", {
               data: o(y),
@@ -79,7 +79,7 @@ const I = /* @__PURE__ */ w({
           ], 4)
         ]),
         _: 3
-      }, 8, ["disabled", "to"])) : b("", !0)
+      }, 8, ["disabled", "to"])) : k("", !0)
     ], 64));
   }
 });

package/dist/components/ScalarFloating/ScalarFloatingBackdrop.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, openBlock as r, createElementBlock as n, normalizeProps as s, guardReactiveProps as a, unref as l, renderSlot as i } from "vue";
+import { defineComponent as o, createElementBlock as r, openBlock as n, normalizeProps as s, guardReactiveProps as a, unref as l, renderSlot as i } from "vue";
 import { useBindCx as c } from "@scalar/use-hooks/useBindCx";
 const d = {}, m = /* @__PURE__ */ o({
   ...d,
@@ -6,7 +6,7 @@ const d = {}, m = /* @__PURE__ */ o({
   __name: "ScalarFloatingBackdrop",
   setup(p) {
     const { cx: e } = c();
-    return (t, u) => (r(), n("div", s(a(
+    return (t, u) => (n(), r("div", s(a(
       l(e)("absolute inset-0 -z-1 rounded bg-b-1 shadow-lg brightness-lifted")
     )), [
       i(t.$slots, "default")

package/dist/components/ScalarForm/ScalarForm.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as s, createElementBlock as m, mergeProps as i, unref as f, withModifiers as l, renderSlot as u } from "vue";
+import { defineComponent as n, createElementBlock as s, openBlock as m, mergeProps as i, unref as f, withModifiers as l, renderSlot as u } from "vue";
 import { useBindCx as p } from "@scalar/use-hooks/useBindCx";
 const a = {}, x = /* @__PURE__ */ n({
   ...a,
@@ -7,7 +7,7 @@ const a = {}, x = /* @__PURE__ */ n({
   emits: ["submit"],
   setup(_) {
     const { cx: r } = p();
-    return (e, t) => (s(), m("form", i(f(r)("flex flex-col"), {
+    return (e, t) => (m(), s("form", i(f(r)("flex flex-col"), {
       onSubmit: t[0] || (t[0] = l((o) => e.$emit("submit", o), ["prevent"]))
     }), [
       u(e.$slots, "default")

package/dist/components/ScalarForm/ScalarFormField.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as n, openBlock as t, createBlock as i, resolveDynamicComponent as m, normalizeProps as p, guardReactiveProps as c, unref as l, withCtx as d, createElementBlock as a, renderSlot as o, createCommentVNode as r, normalizeClass as f } from "vue";
+import { defineComponent as n, createBlock as i, openBlock as t, resolveDynamicComponent as m, normalizeProps as p, guardReactiveProps as c, unref as l, withCtx as d, createElementBlock as a, createCommentVNode as r, renderSlot as o, normalizeClass as f } from "vue";
 import { useBindCx as u } from "@scalar/use-hooks/useBindCx";
 const _ = {
   key: 0,

package/dist/components/ScalarForm/ScalarFormSection.vue.js

@@ -1,9 +1,9 @@
 import s from "./ScalarFormSection.vue2.js";
-import { openBlock as n, createElementBlock as c, createElementVNode as t, renderSlot as o } from "vue";
+import { createElementBlock as n, openBlock as c, createElementVNode as t, renderSlot as o } from "vue";
 import l from "../../_virtual/_plugin-vue_export-helper.js";
 const r = { class: "flex min-w-0 flex-col gap-4" }, a = { class: "contents" }, d = { class: "text-lg font-medium text-c-1" };
 function f(e, i, m, p, _, u) {
-  return n(), c("fieldset", r, [
+  return c(), n("fieldset", r, [
     t("legend", a, [
       t("span", d, [
         o(e.$slots, "label")

package/dist/components/ScalarHeader/ScalarHeader.vue.js

@@ -1,11 +1,11 @@
-import { defineComponent as n, openBlock as o, createElementBlock as a, normalizeProps as i, guardReactiveProps as c, unref as d, createElementVNode as t, renderSlot as s } from "vue";
+import { defineComponent as n, createElementBlock as o, openBlock as a, normalizeProps as i, guardReactiveProps as c, unref as d, createElementVNode as t, renderSlot as s } from "vue";
 import { useBindCx as l } from "@scalar/use-hooks/useBindCx";
 const m = { class: "justify-start" }, f = { class: "justify-center" }, _ = { class: "justify-end" }, p = {}, g = /* @__PURE__ */ n({
   ...p,
   __name: "ScalarHeader",
   setup(u) {
     const { cx: r } = l();
-    return (e, h) => (o(), a("header", i(c(
+    return (e, h) => (a(), o("header", i(c(
       d(r)(
         "flex min-h-header items-center justify-between gap-2 bg-b-2 border-b px-2 text-sm min-w-min",
         "*:flex *:flex-1 *:items-center *:gap-px"

package/dist/components/ScalarHeader/ScalarHeaderButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as r, openBlock as a, createBlock as s, resolveDynamicComponent as i, mergeProps as u, unref as t, withCtx as p, renderSlot as c } from "vue";
+import { defineComponent as r, createBlock as a, openBlock as s, resolveDynamicComponent as i, mergeProps as u, unref as t, withCtx as p, renderSlot as c } from "vue";
 import { cva as l, useBindCx as d } from "@scalar/use-hooks/useBindCx";
 const f = {}, g = /* @__PURE__ */ r({
   ...f,
@@ -18,7 +18,7 @@ const f = {}, g = /* @__PURE__ */ r({
         }
       }
     }), { cx: n } = d();
-    return (e, b) => (a(), s(i(e.is), u({
+    return (e, b) => (s(), a(i(e.is), u({
       type: e.is === "button" ? "button" : void 0
     }, t(n)(t(o)({ active: e.active }))), {
       default: p(() => [

package/dist/components/ScalarIcon/ScalarIcon.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, useCssVars as p, computed as s, openBlock as m, createBlock as f, resolveDynamicComponent as z, normalizeProps as d, guardReactiveProps as g, unref as i } from "vue";
+import { defineComponent as u, useCssVars as p, computed as s, createBlock as m, openBlock as f, resolveDynamicComponent as z, normalizeProps as d, guardReactiveProps as g, unref as i } from "vue";
 import { useBindCx as v, cva as x } from "@scalar/use-hooks/useBindCx";
 import { getIcon as _, getLogo as b } from "./utils/index.js";
 const P = /* @__PURE__ */ u({
@@ -42,7 +42,7 @@ const P = /* @__PURE__ */ u({
       if (e.logo)
         return b(e.logo);
     });
-    return (o, k) => (m(), f(z(c.value), d(g({
+    return (o, k) => (f(), m(z(c.value), d(g({
       ...i(t)("scalar-icon", i(n)({ size: o.size })),
       ...a.value
     })), null, 16));

package/dist/components/ScalarIcon/icons/Add.svg.js

@@ -1,11 +1,11 @@
-import { openBlock as o, createElementBlock as n, createElementVNode as r } from "vue";
+import { createElementBlock as o, openBlock as n, createElementVNode as r } from "vue";
 const t = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
 function l(d, e) {
-  return o(), n("svg", t, e[0] || (e[0] = [
+  return n(), o("svg", t, e[0] || (e[0] = [
     r("path", {
       stroke: "currentColor",
       "stroke-linecap": "round",

package/dist/components/ScalarIcon/icons/AddTab.svg.js

@@ -1,11 +1,11 @@
-import { openBlock as o, createElementBlock as n, createElementVNode as r } from "vue";
+import { createElementBlock as o, openBlock as n, createElementVNode as r } from "vue";
 const t = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
 function l(d, e) {
-  return o(), n("svg", t, e[0] || (e[0] = [
+  return n(), o("svg", t, e[0] || (e[0] = [
     r("path", {
       stroke: "currentColor",
       "stroke-linecap": "round",

package/dist/components/ScalarIcon/icons/Alert.svg.js

@@ -1,11 +1,11 @@
-import { openBlock as o, createElementBlock as r, createElementVNode as t } from "vue";
+import { createElementBlock as o, openBlock as r, createElementVNode as t } from "vue";
 const n = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "none",
   viewBox: "0 0 24 24"
 };
 function l(s, e) {
-  return o(), r("svg", n, e[0] || (e[0] = [
+  return r(), o("svg", n, e[0] || (e[0] = [
     t("path", {
       stroke: "currentColor",
       "stroke-linecap": "round",