@scalar/components 0.9.0 → 0.10.1

package/dist/index.js

@@ -1,29 +1,29 @@
-import { defineComponent as w, useCssVars as J, openBlock as m, createElementBlock as v, normalizeClass as S, unref as n, createElementVNode as h, createCommentVNode as $, createStaticVNode as Z, reactive as G, computed as _, useAttrs as T, mergeProps as A, renderSlot as b, createVNode as x, ref as N, watch as V, nextTick as Q, onServerPrefetch as ee, useSSRContext as te, onMounted as F, toDisplayString as R, toValue as D, Fragment as ae, createBlock as I, withCtx as y, defineAsyncComponent as re, resolveDynamicComponent as U, normalizeStyle as j, createTextVNode as W, normalizeProps as se, guardReactiveProps as oe, withKeys as ne } from "vue";
-import { defineConfig as ie } from "cva";
-import { extendTailwindMerge as le } from "tailwind-merge";
-import { createHash as de, ssrState as ce } from "@scalar/oas-utils";
-import z from "prismjs";
-import { Menu as pe, MenuItems as ue, MenuButton as me, MenuItem as ge, Dialog as fe, DialogPanel as he, DialogTitle as ve, DialogDescription as be, Popover as Se, PopoverPanel as ye, PopoverButton as _e } from "@headlessui/vue";
-import { getSideAxis as B } from "@floating-ui/utils";
-import { useFloating as we, autoUpdate as ke, offset as Ee, flip as Ne, shift as xe } from "@floating-ui/vue";
-import { useTextareaAutosize as $e } from "@vueuse/core";
-import { nanoid as Ie } from "nanoid";
-const Ae = le({
+import { defineComponent as _, useCssVars as Z, openBlock as u, createElementBlock as b, normalizeClass as y, unref as o, createElementVNode as f, createCommentVNode as N, createStaticVNode as Q, reactive as F, computed as k, useAttrs as z, mergeProps as C, renderSlot as S, createVNode as x, ref as A, watch as U, nextTick as ee, onServerPrefetch as te, useSSRContext as ae, onMounted as j, toDisplayString as T, toValue as D, Fragment as W, createBlock as $, withCtx as v, defineAsyncComponent as re, resolveDynamicComponent as X, renderList as se, normalizeStyle as q, createTextVNode as K, normalizeProps as oe, guardReactiveProps as ne, withKeys as ie } from "vue";
+import { defineConfig as le } from "cva";
+import { extendTailwindMerge as de } from "tailwind-merge";
+import { createHash as ce, ssrState as pe } from "@scalar/oas-utils";
+import R from "prismjs";
+import { Menu as ue, MenuItems as me, MenuButton as ge, MenuItem as fe, Listbox as he, ListboxOptions as ve, ListboxOption as be, ListboxButton as Se, Dialog as ye, DialogPanel as _e, DialogTitle as ke, DialogDescription as we, Popover as Ee, PopoverPanel as xe, PopoverButton as $e } from "@headlessui/vue";
+import { getSideAxis as M } from "@floating-ui/utils";
+import { useFloating as Ne, autoUpdate as Ae, offset as Ce, flip as Ie, shift as Le } from "@floating-ui/vue";
+import { useTextareaAutosize as Te } from "@vueuse/core";
+import { nanoid as ze } from "nanoid";
+const Re = de({
   extend: {
     classGroups: {
       "font-size": ["text-xxs"]
     }
   }
-}), { cva: L, cx: E, compose: _t } = ie({
+}), { cva: L, cx: w, compose: At } = le({
   hooks: {
-    onComplete: (r) => Ae(r)
+    onComplete: (r) => Re(r)
   }
-}), Ce = /* @__PURE__ */ Z('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-47faceda></path>', 5), Te = {
+}), De = /* @__PURE__ */ Q('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-47faceda></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-47faceda></path>', 5), Oe = {
   key: 0,
   class: "circular-loader"
 };
-function wt() {
-  return G({
+function Ct() {
+  return F({
     isValid: !1,
     isInvalid: !1,
     isLoading: !1,
@@ -56,21 +56,21 @@ function wt() {
     }
   });
 }
-const Le = /* @__PURE__ */ w({
+const Pe = /* @__PURE__ */ _({
   __name: "ScalarLoading",
   props: {
     loadingState: {},
     size: { default: "24px" }
   },
   setup(r) {
-    return J((t) => ({
+    return Z((t) => ({
       d6cae758: t.size
-    })), (t, e) => t.loadingState ? (m(), v("div", {
+    })), (t, e) => t.loadingState ? (u(), b("div", {
       key: 0,
-      class: S(n(E)("loader-wrapper"))
+      class: y(o(w)("loader-wrapper"))
     }, [
-      (m(), v("svg", {
-        class: S(["svg-loader", {
+      (u(), b("svg", {
+        class: y(["svg-loader", {
           "icon-is-valid": t.loadingState.isValid,
           "icon-is-invalid": t.loadingState.isInvalid
         }]),
@@ -78,10 +78,10 @@ const Le = /* @__PURE__ */ w({
         xmlns: "http://www.w3.org/2000/svg",
         "xmlns:xlink": "http://www.w3.org/1999/xlink"
       }, [
-        Ce,
-        t.loadingState.isLoading ? (m(), v("g", Te, [
-          h("circle", {
-            class: S(["loader-path", {
+        De,
+        t.loadingState.isLoading ? (u(), b("g", Oe, [
+          f("circle", {
+            class: y(["loader-path", {
               "loader-path-off": t.loadingState.isValid || t.loadingState.isInvalid
             }]),
             cx: "50",
@@ -90,16 +90,16 @@ const Le = /* @__PURE__ */ w({
             r: "20",
             "stroke-width": "2"
           }, null, 2)
-        ])) : $("", !0)
+        ])) : N("", !0)
       ], 2))
-    ], 2)) : $("", !0);
+    ], 2)) : N("", !0);
   }
 }), P = (r, t) => {
   const e = r.__vccOpts || r;
   for (const [a, d] of t)
     e[a] = d;
   return e;
-}, X = /* @__PURE__ */ P(Le, [["__scopeId", "data-v-47faceda"]]), q = {
+}, Y = /* @__PURE__ */ P(Pe, [["__scopeId", "data-v-47faceda"]]), J = {
   solid: [
     "scalar-button-solid",
     "bg-back-btn-1 text-fore-btn-1 shadow-sm active:bg-back-btn-1 active:shadow-none hocus:bg-hover-btn-1"
@@ -116,7 +116,7 @@ const Le = /* @__PURE__ */ w({
     "scalar-button-danger",
     "bg-error text-white active:brightness-90 hocus:brightness-90"
   ]
-}, ze = L({
+}, Be = L({
   base: "scalar-button row cursor-pointer items-center justify-center rounded font-medium",
   variants: {
     disabled: {
@@ -124,7 +124,7 @@ const Le = /* @__PURE__ */ w({
     },
     fullWidth: { true: "w-full" },
     size: { sm: "px-2 py-1 text-xs", md: "h-10 px-6 text-sm" },
-    variant: q
+    variant: J
   },
   compoundVariants: [
     {
@@ -133,13 +133,13 @@ const Le = /* @__PURE__ */ w({
       class: "bg-transparent text-ghost"
     }
   ]
-}), Re = ["ariaDisabled", "type"], De = {
+}), He = ["ariaDisabled", "type"], Me = {
   key: 0,
   class: "mr-2 h-4 w-4"
-}, Oe = {
+}, Ve = {
   key: 1,
   class: "ml-2"
-}, kt = /* @__PURE__ */ w({
+}, It = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "ScalarButton",
   props: {
@@ -151,30 +151,30 @@ const Le = /* @__PURE__ */ w({
     type: { default: "button" }
   },
   setup(r) {
-    const t = _(() => {
-      const { class: e, ...a } = T();
+    const t = k(() => {
+      const { class: e, ...a } = z();
       return { class: e || "", rest: a };
     });
-    return (e, a) => (m(), v("button", A(t.value.rest, {
+    return (e, a) => (u(), b("button", C(t.value.rest, {
       ariaDisabled: e.disabled || void 0,
-      class: n(E)(
-        n(ze)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
+      class: o(w)(
+        o(Be)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
         { "pl-9 pr-3": e.loading },
         `${t.value.class}`
       ),
       type: e.type
     }), [
-      e.$slots.icon ? (m(), v("div", De, [
-        b(e.$slots, "icon")
-      ])) : $("", !0),
-      b(e.$slots, "default"),
-      e.loading ? (m(), v("div", Oe, [
-        x(n(X), {
+      e.$slots.icon ? (u(), b("div", Me, [
+        S(e.$slots, "icon")
+      ])) : N("", !0),
+      S(e.$slots, "default"),
+      e.loading ? (u(), b("div", Ve, [
+        x(o(Y), {
           loadingState: e.loading,
           size: "20px"
         }, null, 8, ["loadingState"])
-      ])) : $("", !0)
-    ], 16, Re));
+      ])) : N("", !0)
+    ], 16, He));
   }
 });
 (function(r) {
@@ -436,10 +436,10 @@ Prism.languages.webmanifest = Prism.languages.json;
       if (!(s.tagName !== "PRE" || !s.classList.contains(r))) {
         var i = s.querySelector(".line-numbers-rows");
         if (i) {
-          var g = parseInt(s.getAttribute("data-start"), 10) || 1, u = g + (i.children.length - 1);
-          p < g && (p = g), p > u && (p = u);
-          var o = p - g;
-          return i.children[o];
+          var g = parseInt(s.getAttribute("data-start"), 10) || 1, m = g + (i.children.length - 1);
+          p < g && (p = g), p > m && (p = m);
+          var n = p - g;
+          return i.children[n];
         }
       }
     },
@@ -468,40 +468,40 @@ Prism.languages.webmanifest = Prism.languages.json;
   };
   function a(s) {
     if (s = s.filter(function(i) {
-      var g = d(i), u = g["white-space"];
-      return u === "pre-wrap" || u === "pre-line";
+      var g = d(i), m = g["white-space"];
+      return m === "pre-wrap" || m === "pre-line";
     }), s.length != 0) {
       var p = s.map(function(i) {
-        var g = i.querySelector("code"), u = i.querySelector(".line-numbers-rows");
-        if (!(!g || !u)) {
-          var o = i.querySelector(".line-numbers-sizer"), f = g.textContent.split(t);
-          o || (o = document.createElement("span"), o.className = "line-numbers-sizer", g.appendChild(o)), o.innerHTML = "0", o.style.display = "block";
-          var l = o.getBoundingClientRect().height;
-          return o.innerHTML = "", {
+        var g = i.querySelector("code"), m = i.querySelector(".line-numbers-rows");
+        if (!(!g || !m)) {
+          var n = i.querySelector(".line-numbers-sizer"), h = g.textContent.split(t);
+          n || (n = document.createElement("span"), n.className = "line-numbers-sizer", g.appendChild(n)), n.innerHTML = "0", n.style.display = "block";
+          var l = n.getBoundingClientRect().height;
+          return n.innerHTML = "", {
             element: i,
-            lines: f,
+            lines: h,
             lineHeights: [],
             oneLinerHeight: l,
-            sizer: o
+            sizer: n
           };
         }
       }).filter(Boolean);
       p.forEach(function(i) {
-        var g = i.sizer, u = i.lines, o = i.lineHeights, f = i.oneLinerHeight;
-        o[u.length - 1] = void 0, u.forEach(function(l, k) {
+        var g = i.sizer, m = i.lines, n = i.lineHeights, h = i.oneLinerHeight;
+        n[m.length - 1] = void 0, m.forEach(function(l, E) {
           if (l && l.length > 1) {
-            var C = g.appendChild(document.createElement("span"));
-            C.style.display = "block", C.textContent = l;
+            var I = g.appendChild(document.createElement("span"));
+            I.style.display = "block", I.textContent = l;
           } else
-            o[k] = f;
+            n[E] = h;
         });
       }), p.forEach(function(i) {
-        for (var g = i.sizer, u = i.lineHeights, o = 0, f = 0; f < u.length; f++)
-          u[f] === void 0 && (u[f] = g.children[o++].getBoundingClientRect().height);
+        for (var g = i.sizer, m = i.lineHeights, n = 0, h = 0; h < m.length; h++)
+          m[h] === void 0 && (m[h] = g.children[n++].getBoundingClientRect().height);
       }), p.forEach(function(i) {
-        var g = i.sizer, u = i.element.querySelector(".line-numbers-rows");
-        g.style.display = "none", g.innerHTML = "", i.lineHeights.forEach(function(o, f) {
-          u.children[f].style.height = o + "px";
+        var g = i.sizer, m = i.element.querySelector(".line-numbers-rows");
+        g.style.display = "none", g.innerHTML = "", i.lineHeights.forEach(function(n, h) {
+          m.children[h].style.height = n + "px";
         });
       });
     }
@@ -523,15 +523,15 @@ Prism.languages.webmanifest = Prism.languages.json;
       );
       if (!(!i || !/pre/i.test(i.nodeName)) && !p.querySelector(".line-numbers-rows") && Prism.util.isActive(p, r)) {
         p.classList.remove(r), i.classList.add(r);
-        var g = s.code.match(t), u = g ? g.length + 1 : 1, o, f = new Array(u + 1).join("<span></span>");
-        o = document.createElement("span"), o.setAttribute("aria-hidden", "true"), o.className = "line-numbers-rows", o.innerHTML = f, i.hasAttribute("data-start") && (i.style.counterReset = "linenumber " + (parseInt(i.getAttribute("data-start"), 10) - 1)), s.element.appendChild(o), a([i]), Prism.hooks.run("line-numbers", s);
+        var g = s.code.match(t), m = g ? g.length + 1 : 1, n, h = new Array(m + 1).join("<span></span>");
+        n = document.createElement("span"), n.setAttribute("aria-hidden", "true"), n.className = "line-numbers-rows", n.innerHTML = h, i.hasAttribute("data-start") && (i.style.counterReset = "linenumber " + (parseInt(i.getAttribute("data-start"), 10) - 1)), s.element.appendChild(n), a([i]), Prism.hooks.run("line-numbers", s);
       }
     }
   }), Prism.hooks.add("line-numbers", function(s) {
     s.plugins = s.plugins || {}, s.plugins.lineNumbers = !0;
   });
 })();
-function Pe(r) {
+function Ge(r) {
   const t = /* @__PURE__ */ new Set();
   return JSON.stringify(
     r,
@@ -553,11 +553,11 @@ function O(r) {
     try {
       return JSON.stringify(r, null, 2);
     } catch {
-      return Pe(r);
+      return Ge(r);
     }
   return r;
 }
-const Be = ["innerHTML"], Et = /* @__PURE__ */ w({
+const Fe = ["innerHTML"], Lt = /* @__PURE__ */ _({
   __name: "ScalarCodeBlock",
   props: {
     content: {},
@@ -566,17 +566,17 @@ const Be = ["innerHTML"], Et = /* @__PURE__ */ w({
     hideCredentials: {}
   },
   setup(r) {
-    const t = r, e = de(O(t.content)), a = `components-scalar-code-block${e}`, { plugins: d, highlightElement: c } = z;
-    t.hideCredentials && z.hooks.add("wrap", function(o) {
+    const t = r, e = ce(O(t.content)), a = `components-scalar-code-block${e}`, { plugins: d, highlightElement: c } = R;
+    t.hideCredentials && R.hooks.add("wrap", function(n) {
       if (!t.hideCredentials)
         return;
-      let f = !1;
-      typeof t.hideCredentials == "string" ? o.content.includes(t.hideCredentials) && (f = !0) : Array.isArray(t.hideCredentials) && (f = t.hideCredentials.some(
-        (l) => o.content.includes(l)
-      )), f && (o.content = o.content.replace(
+      let h = !1;
+      typeof t.hideCredentials == "string" ? n.content.includes(t.hideCredentials) && (h = !0) : Array.isArray(t.hideCredentials) && (h = t.hideCredentials.some(
+        (l) => n.content.includes(l)
+      )), h && (n.content = n.content.replace(
         /<span class="credentials">.*?<\/span>/g,
         (l) => l.replace(/<span class="credentials">|<\/span>/g, "")
-      ), o.content = o.content.replace(
+      ), n.content = n.content.replace(
         new RegExp(
           typeof t.hideCredentials == "string" ? t.hideCredentials : t.hideCredentials.join("|"),
           "g"
@@ -584,74 +584,74 @@ const Be = ["innerHTML"], Et = /* @__PURE__ */ w({
         (l) => `<span class="credentials">${l}</span>`
       ));
     });
-    const s = N(null), p = N(ce[a] ?? ""), i = _(() => t.lang === "node" ? "js" : t.lang), g = t.lang;
-    V(
+    const s = A(null), p = A(pe[a] ?? ""), i = k(() => t.lang === "node" ? "js" : t.lang), g = t.lang;
+    U(
       [() => t.lang, () => t.content, s],
       () => {
-        s.value && t.content && (!p.value || t.lang !== g) && (p.value = "", Q(() => c(s.value)));
+        s.value && t.content && (!p.value || t.lang !== g) && (p.value = "", ee(() => c(s.value)));
       },
       { immediate: !0 }
     );
-    const u = /\n(?!$)/g;
-    return ee(async () => {
-      let o = "";
-      t.lineNumbers && z.hooks.add("after-tokenize", (l) => {
-        const k = l.code.match(u), C = k ? k.length + 1 : 1;
-        o = `<span aria-hidden="true" class="line-numbers-rows">${new Array(C + 1).join("<span></span>")}</span>`;
+    const m = /\n(?!$)/g;
+    return te(async () => {
+      let n = "";
+      t.lineNumbers && R.hooks.add("after-tokenize", (l) => {
+        const E = l.code.match(m), I = E ? E.length + 1 : 1;
+        n = `<span aria-hidden="true" class="line-numbers-rows">${new Array(I + 1).join("<span></span>")}</span>`;
       });
-      const f = z.highlight(
+      const h = R.highlight(
         O(t.content),
-        z.languages[i.value],
+        R.languages[i.value],
         i.value
       );
-      if (p.value = f + o, e !== 0) {
-        const l = te();
-        l.payload.data[a] = f + o;
+      if (p.value = h + n, e !== 0) {
+        const l = ae();
+        l.payload.data[a] = h + n;
       }
-    }), F(async () => {
+    }), j(async () => {
       await import("./prism-autoloader-Dlh8Vzlw.js"), d.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
-    }), (o, f) => (m(), v("pre", {
-      class: S([
+    }), (n, h) => (u(), b("pre", {
+      class: y([
         `scalar-component scalar-codeblock-pre language-${i.value}`,
         {
-          "line-numbers": o.lineNumbers
+          "line-numbers": n.lineNumbers
         }
       ])
     }, [
-      p.value ? (m(), v("code", {
+      p.value ? (u(), b("code", {
         key: 0,
-        class: S(`scalar-codeblock-code language-${i.value}`),
-        innerHTML: n(O)(p.value)
-      }, null, 10, Be)) : (m(), v("code", {
+        class: y(`scalar-codeblock-code language-${i.value}`),
+        innerHTML: o(O)(p.value)
+      }, null, 10, Fe)) : (u(), b("code", {
         key: 1,
         ref_key: "el",
         ref: s,
-        class: S(`scalar-codeblock-code language-${i.value}`)
-      }, R(n(O)(o.content)), 3))
+        class: y(`scalar-codeblock-code language-${i.value}`)
+      }, T(o(O)(n.content)), 3))
     ], 2));
   }
 });
-function He(r, t = { enabled: N(!0) }) {
-  const e = N(0), a = N(0), d = N();
+function Ue(r, t = { enabled: A(!0) }) {
+  const e = A(0), a = A(0), d = A();
   return typeof ResizeObserver < "u" && (d.value = new ResizeObserver(([c]) => {
     var s, p;
     c && (e.value = ((s = c.borderBoxSize[0]) == null ? void 0 : s.inlineSize) ?? 0, a.value = ((p = c.borderBoxSize[0]) == null ? void 0 : p.blockSize) ?? 0);
-  })), V(
+  })), U(
     [() => D(t.enabled), () => D(r)],
     ([c, s]) => {
       !s || !d.value || (c ? d.value.observe(s) : d.value.disconnect());
     },
     { immediate: !0 }
   ), {
-    width: _(
+    width: k(
       () => D(t.enabled) ? `${e.value}px` : void 0
     ),
-    height: _(
+    height: k(
       () => D(t.enabled) ? `${a.value}px` : void 0
     )
   };
 }
-const K = /* @__PURE__ */ w({
+const B = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "ScalarFloating",
   props: {
@@ -660,50 +660,50 @@ const K = /* @__PURE__ */ w({
     middleware: {}
   },
   setup(r) {
-    const t = r, e = N(null), a = N(null), d = _(
+    const t = r, e = A(null), a = A(null), d = k(
       () => {
-        var u, o;
-        return (((o = (u = a.value) == null ? void 0 : u.children) == null ? void 0 : o[0]) || a.value) ?? void 0;
+        var m, n;
+        return (((n = (m = a.value) == null ? void 0 : m.children) == null ? void 0 : n[0]) || a.value) ?? void 0;
       }
-    ), c = He(d, {
-      enabled: _(() => t.resize)
-    }), s = _(
-      () => B(t.placement || "bottom") === "y" ? c.width.value : void 0
-    ), p = _(
-      () => B(t.placement || "bottom") === "x" ? c.height.value : void 0
-    ), { floatingStyles: i, middlewareData: g } = we(d, e, {
-      placement: _(() => t.placement),
-      whileElementsMounted: ke,
-      middleware: _(() => [
-        Ee(5),
-        Ne(),
-        xe(),
+    ), c = Ue(d, {
+      enabled: k(() => t.resize)
+    }), s = k(
+      () => M(t.placement || "bottom") === "y" ? c.width.value : void 0
+    ), p = k(
+      () => M(t.placement || "bottom") === "x" ? c.height.value : void 0
+    ), { floatingStyles: i, middlewareData: g } = Ne(d, e, {
+      placement: k(() => t.placement),
+      whileElementsMounted: Ae,
+      middleware: k(() => [
+        Ce(5),
+        Ie(),
+        Le(),
         ...t.middleware ?? []
       ])
     });
-    return (u, o) => (m(), v(ae, null, [
-      h("div", {
+    return (m, n) => (u(), b(W, null, [
+      f("div", {
         ref_key: "wrapperRef",
         ref: a,
-        class: S({ contents: !!u.$slots.default })
+        class: y({ contents: !!m.$slots.default })
       }, [
-        b(u.$slots, "default")
+        S(m.$slots, "default")
       ], 2),
-      h("div", A({
+      f("div", C({
         ref_key: "floatingRef",
         ref: e,
         class: "relative z-context",
-        style: n(i)
-      }, u.$attrs), [
-        b(u.$slots, "floating", {
-          data: n(g),
+        style: o(i)
+      }, m.$attrs), [
+        S(m.$slots, "floating", {
+          data: o(g),
           height: p.value,
           width: s.value
         })
       ], 16)
     ], 64));
   }
-}), Me = /* @__PURE__ */ h("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), Nt = /* @__PURE__ */ w({
+}), je = /* @__PURE__ */ f("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), Tt = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "ScalarDropdown",
   props: {
@@ -711,28 +711,28 @@ const K = /* @__PURE__ */ w({
     resize: { type: Boolean }
   },
   setup(r) {
-    return (t, e) => (m(), I(n(pe), null, {
-      default: y(() => [
-        x(n(K), {
+    return (t, e) => (u(), $(o(ue), null, {
+      default: v(() => [
+        x(o(B), {
           placement: t.placement ?? "bottom-start",
           resize: t.resize
         }, {
-          floating: y(({ width: a }) => [
-            x(n(ue), A({
+          floating: v(({ width: a }) => [
+            x(o(me), C({
               class: "relative flex w-56 flex-col p-0.75",
               style: { width: a }
             }, t.$attrs), {
-              default: y(() => [
-                b(t.$slots, "items"),
-                Me
+              default: v(() => [
+                S(t.$slots, "items"),
+                je
               ]),
               _: 2
             }, 1040, ["style"])
           ]),
-          default: y(() => [
-            x(n(me), { as: "template" }, {
-              default: y(() => [
-                b(t.$slots, "default")
+          default: v(() => [
+            x(o(ge), { as: "template" }, {
+              default: v(() => [
+                S(t.$slots, "default")
               ]),
               _: 3
             })
@@ -743,11 +743,11 @@ const K = /* @__PURE__ */ w({
       _: 3
     }));
   }
-}), Ge = {}, Ve = { class: "-mx-0.75 my-0.75 h-px bg-border" };
-function Fe(r, t) {
-  return m(), v("div", Ve);
+}), We = {}, Xe = { class: "-mx-0.75 my-0.75 h-px bg-border" };
+function qe(r, t) {
+  return u(), b("div", Xe);
 }
-const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
+const zt = /* @__PURE__ */ P(We, [["render", qe]]), Rt = /* @__PURE__ */ _({
   __name: "ScalarDropdownItem",
   props: {
     disabled: { type: Boolean }
@@ -769,23 +769,23 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
         active: { true: "bg-back-2 text-fore-1" }
       }
     });
-    return (e, a) => (m(), I(n(ge), { disabled: e.disabled }, {
-      default: y(({ active: d }) => [
-        h("button", {
-          class: S(["item", n(E)("scalar-dropdown-item", n(t)({ active: d, disabled: e.disabled }))]),
+    return (e, a) => (u(), $(o(fe), { disabled: e.disabled }, {
+      default: v(({ active: d }) => [
+        f("button", {
+          class: y(["item", o(w)("scalar-dropdown-item", o(t)({ active: d, disabled: e.disabled }))]),
           type: "button",
           onClick: a[0] || (a[0] = (c) => e.$emit("click", c))
         }, [
-          b(e.$slots, "default")
+          S(e.$slots, "default")
         ], 2)
       ]),
       _: 3
     }, 8, ["disabled"]));
   }
-}), H = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZgYXx.js"), "./ArrowLeft.svg": () => import("./ArrowLeft-aY17W2aS.js"), "./ArrowRight.svg": () => import("./ArrowRight-DEMtdoE7.js"), "./Background.svg": () => import("./Background-DcRhSHgf.js"), "./Brackets.svg": () => import("./Brackets-4I8OKomf.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG.js"), "./CallToAction.svg": () => import("./CallToAction-EyQKkvbg.js"), "./Checkmark.svg": () => import("./Checkmark-De7nq6cG.js"), "./ChevronDown.svg": () => import("./ChevronDown-Co7EAKAv.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-DYt0idAu.js"), "./ChevronRight.svg": () => import("./ChevronRight-ylxToVWl.js"), "./ChevronUp.svg": () => import("./ChevronUp-xAnukIfj.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv.js"), "./Close.svg": () => import("./Close-CW3z42qZ.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cv_igzJE.js"), "./Cookie.svg": () => import("./Cookie-CEHvXpqB.js"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I.js"), "./Delete.svg": () => import("./Delete-BCZmxrDD.js"), "./Discord.svg": () => import("./Discord-BHYOFBB2.js"), "./DocsPage.svg": () => import("./DocsPage-rh2xwxKN.js"), "./Duplicate.svg": () => import("./Duplicate-BPlzNpcf.js"), "./Edit.svg": () => import("./Edit-Br04RNYb.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./Error.svg": () => import("./Error-B_RGtWJI.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7.js"), "./FilterList.svg": () => import("./FilterList-CsAcE9em.js"), "./Folder.svg": () => import("./Folder-Cdcj4evh.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.js"), "./Hide.svg": () => import("./Hide-DBLY4PPo.js"), "./History.svg": () => import("./History-D9nmhNIn.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M.js"), "./Key.svg": () => import("./Key-CWXJqX28.js"), "./Leave.svg": () => import("./Leave-K1J3uwoG.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-BkvMimDa.js"), "./LightMode.svg": () => import("./LightMode-Btz6vyT_.js"), "./Link.svg": () => import("./Link-Bzuc__Nc.js"), "./Lock.svg": () => import("./Lock-xhiH1mKz.js"), "./Logo.svg": () => import("./Logo-mtzeKD8M.js"), "./LogoAPI.svg": () => import("./LogoAPI-CaU5E6FK.js"), "./LogoClient.svg": () => import("./LogoClient-DdC-t_7P.js"), "./LogoMarket.svg": () => import("./LogoMarket-DwlApcab.js"), "./LogoSwagger.svg": () => import("./LogoSwagger-CH60H5qW.js"), "./Magic.svg": () => import("./Magic-Dsi9_bEc.js"), "./Menu.svg": () => import("./Menu-CFK5cOsm.js"), "./Page.svg": () => import("./Page-B7rVuhpl.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB.js"), "./Payment.svg": () => import("./Payment-hzcXP1Xb.js"), "./Play.svg": () => import("./Play-BrVagRQA.js"), "./Refresh.svg": () => import("./Refresh-Be6vHEEi.js"), "./Response.svg": () => import("./Response-Dq9pM-ZU.js"), "./Search.svg": () => import("./Search-DqtlswRG.js"), "./Show.svg": () => import("./Show-CMsTZAgT.js"), "./SideBarClosed.svg": () => import("./SideBarClosed-CYUNS2XM.js"), "./SideBarOpen.svg": () => import("./SideBarOpen-BOxW49_U.js"), "./Sort.svg": () => import("./Sort-oTjBhJFQ.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5.js"), "./ThumbsDown.svg": () => import("./ThumbsDown-BMgnsASL.js"), "./ThumbsUp.svg": () => import("./ThumbsUp-C1j6zY2j.js"), "./Trash.svg": () => import("./Trash-BpA3zWPD.js"), "./Unlock.svg": () => import("./Unlock-CY8UqJoE.js"), "./Upload.svg": () => import("./Upload-REIdL7RI.js"), "./User.svg": () => import("./User-Df5svMQ3.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular-DD4Vjgbk.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro-CLfrRt19.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel-kAy2wVLy.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs-BKdd_DY_.js"), "./programming-framework-react.svg": () => import("./programming-framework-react-PDgmtZuN.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs-Cv46W2aB.js"), "./programming-language-c.svg": () => import("./programming-language-c-hPGu2Zvg.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure-Cvmzky8x.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp-lqX1oWgb.js"), "./programming-language-css3.svg": () => import("./programming-language-css3-Dpp4Cr6b.js"), "./programming-language-go.svg": () => import("./programming-language-go-DoJxWwT6.js"), "./programming-language-html5.svg": () => import("./programming-language-html5-DlqJK4EL.js"), "./programming-language-http.svg": () => import("./programming-language-http-wMYwFS1I.js"), "./programming-language-java.svg": () => import("./programming-language-java-BCxG2T_w.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript-VxLvi1QG.js"), "./programming-language-json.svg": () => import("./programming-language-json-vEX_g7Zi.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin-DKV8vP9h.js"), "./programming-language-node.svg": () => import("./programming-language-node-Xsgx38lm.js"), "./programming-language-objc.svg": () => import("./programming-language-objc-BQXSOBsX.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml-BEz7gGv7.js"), "./programming-language-php.svg": () => import("./programming-language-php-GY38f8r4.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell-C9DkSp36.js"), "./programming-language-python.svg": () => import("./programming-language-python-Ct-_kNjo.js"), "./programming-language-r.svg": () => import("./programming-language-r-BGoKwua9.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby-DhdM4d7g.js"), "./programming-language-scala.svg": () => import("./programming-language-scala-BVg0dToJ.js"), "./programming-language-shell.svg": () => import("./programming-language-shell-BsTa1xI7.js"), "./programming-language-swift.svg": () => import("./programming-language-swift-Dn72xPjg.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript-CdF-HuRi.js"), "./programming-script-code.svg": () => import("./programming-script-code-DQN1veb2.js"), "./programming-tool-git.svg": () => import("./programming-tool-git-DDnQ1zGD.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss-xjXi0E6g.js") }), M = (r) => {
+}), V = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-yNxGpRcH.js"), "./ArrowLeft.svg": () => import("./ArrowLeft-D7tW1xQo.js"), "./ArrowRight.svg": () => import("./ArrowRight-DmO-sdb2.js"), "./Background.svg": () => import("./Background-CU9VIbfN.js"), "./Brackets.svg": () => import("./Brackets-CI207-BL.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG.js"), "./CallToAction.svg": () => import("./CallToAction-XLYRSI1h.js"), "./Checkmark.svg": () => import("./Checkmark-DhbrPM0P.js"), "./ChevronDown.svg": () => import("./ChevronDown-Co7EAKAv.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-DYt0idAu.js"), "./ChevronRight.svg": () => import("./ChevronRight-ylxToVWl.js"), "./ChevronUp.svg": () => import("./ChevronUp-xAnukIfj.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv.js"), "./Close.svg": () => import("./Close-xHiYwS8Q.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cv_igzJE.js"), "./Cookie.svg": () => import("./Cookie-CEHvXpqB.js"), "./DarkMode.svg": () => import("./DarkMode-BMR457PH.js"), "./Delete.svg": () => import("./Delete-BCZmxrDD.js"), "./Discord.svg": () => import("./Discord-BHYOFBB2.js"), "./DocsPage.svg": () => import("./DocsPage-Dwx7ZMU9.js"), "./Duplicate.svg": () => import("./Duplicate-DRWEv4R_.js"), "./Edit.svg": () => import("./Edit-Br04RNYb.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./Error.svg": () => import("./Error-C5LiISnw.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7.js"), "./FilterList.svg": () => import("./FilterList-CS8Il7NE.js"), "./Folder.svg": () => import("./Folder-CTvnVSEo.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.js"), "./Hide.svg": () => import("./Hide-BgcCtErz.js"), "./History.svg": () => import("./History-D9nmhNIn.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M.js"), "./Key.svg": () => import("./Key-CWXJqX28.js"), "./Leave.svg": () => import("./Leave-K1J3uwoG.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-De3vO47x.js"), "./LightMode.svg": () => import("./LightMode-BeoMphBY.js"), "./Link.svg": () => import("./Link-Bzuc__Nc.js"), "./Lock.svg": () => import("./Lock-xhiH1mKz.js"), "./Logo.svg": () => import("./Logo-DwEDtgj-.js"), "./LogoAPI.svg": () => import("./LogoAPI-CohCfL3L.js"), "./LogoClient.svg": () => import("./LogoClient-Bq5O2QL2.js"), "./LogoMarket.svg": () => import("./LogoMarket-DwlApcab.js"), "./LogoSwagger.svg": () => import("./LogoSwagger-CH60H5qW.js"), "./Magic.svg": () => import("./Magic-Dsi9_bEc.js"), "./Menu.svg": () => import("./Menu-CFK5cOsm.js"), "./Page.svg": () => import("./Page-DA7CO5gc.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB.js"), "./Payment.svg": () => import("./Payment-hzcXP1Xb.js"), "./Play.svg": () => import("./Play-Cd4-o7Ji.js"), "./Refresh.svg": () => import("./Refresh-BHRzzQ8P.js"), "./Response.svg": () => import("./Response-DsTlT4S-.js"), "./Search.svg": () => import("./Search-DqtlswRG.js"), "./Show.svg": () => import("./Show-CbiiMLUa.js"), "./SideBarClosed.svg": () => import("./SideBarClosed-K53-CtXh.js"), "./SideBarOpen.svg": () => import("./SideBarOpen-C7UgT82P.js"), "./Sort.svg": () => import("./Sort-CaVMT7jM.js"), "./Terminal.svg": () => import("./Terminal-DJ7x2McL.js"), "./ThumbsDown.svg": () => import("./ThumbsDown-BMgnsASL.js"), "./ThumbsUp.svg": () => import("./ThumbsUp-C1j6zY2j.js"), "./Trash.svg": () => import("./Trash-BpA3zWPD.js"), "./Unlock.svg": () => import("./Unlock-HVYHMLxl.js"), "./Upload.svg": () => import("./Upload-D_pwqBDY.js"), "./User.svg": () => import("./User-BLGkPc5I.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular-DD4Vjgbk.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro-CLfrRt19.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel-kAy2wVLy.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs-BKdd_DY_.js"), "./programming-framework-react.svg": () => import("./programming-framework-react-PDgmtZuN.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs-Cim7D5tw.js"), "./programming-language-c.svg": () => import("./programming-language-c-hPGu2Zvg.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure-uqYXn7U6.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp-CGxYkVA6.js"), "./programming-language-css3.svg": () => import("./programming-language-css3-Dpp4Cr6b.js"), "./programming-language-go.svg": () => import("./programming-language-go-CuKo8iD9.js"), "./programming-language-html5.svg": () => import("./programming-language-html5-DlqJK4EL.js"), "./programming-language-http.svg": () => import("./programming-language-http-f3NXC-Ae.js"), "./programming-language-java.svg": () => import("./programming-language-java-BBodetdf.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript-VxLvi1QG.js"), "./programming-language-json.svg": () => import("./programming-language-json-Dq_K-q5f.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin-eTASnmL3.js"), "./programming-language-node.svg": () => import("./programming-language-node-oucaVOgY.js"), "./programming-language-objc.svg": () => import("./programming-language-objc-CPgQxmNi.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml-Q1-Jv5Q5.js"), "./programming-language-php.svg": () => import("./programming-language-php-GY38f8r4.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell-xLOxAYP_.js"), "./programming-language-python.svg": () => import("./programming-language-python-Ct-_kNjo.js"), "./programming-language-r.svg": () => import("./programming-language-r-Ch3T1qiC.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby-DhdM4d7g.js"), "./programming-language-scala.svg": () => import("./programming-language-scala-BVg0dToJ.js"), "./programming-language-shell.svg": () => import("./programming-language-shell-uj1zoCVW.js"), "./programming-language-swift.svg": () => import("./programming-language-swift-Dn72xPjg.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript-CdF-HuRi.js"), "./programming-script-code.svg": () => import("./programming-script-code-CUHv6qR8.js"), "./programming-tool-git.svg": () => import("./programming-tool-git-C-BMJCAo.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss-xjXi0E6g.js") }), G = (r) => {
   const t = `./${r}.svg`;
-  return H[t] ? re(H[t]) : (console.warn(`Could not find icon: ${r}`), null);
-}, Ue = ["src"], Y = /* @__PURE__ */ w({
+  return V[t] ? re(V[t]) : (console.warn(`Could not find icon: ${r}`), null);
+}, Ke = ["src"], H = /* @__PURE__ */ _({
   __name: "ScalarIcon",
   props: {
     icon: {},
@@ -808,16 +808,16 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
       defaultVariants: {
         size: "full"
       }
-    }), a = M(t.icon);
-    return (d, c) => n(a) ? (m(), I(U(n(M)(d.icon)), {
+    }), a = G(t.icon);
+    return (d, c) => o(a) ? (u(), $(X(o(G)(d.icon)), {
       key: 0,
-      class: S(n(E)("scalar-icon", n(e)({ size: d.size })))
-    }, null, 8, ["class"])) : (m(), v("img", {
+      class: y(o(w)("scalar-icon", o(e)({ size: d.size })))
+    }, null, 8, ["class"])) : (u(), b("img", {
       key: 1,
       src: d.icon
-    }, null, 8, Ue));
+    }, null, 8, Ke));
   }
-}), je = ["ariaDisabled"], We = { class: "sr-only" }, Xe = /* @__PURE__ */ w({
+}), Ye = ["ariaDisabled"], Je = { class: "sr-only" }, Ze = /* @__PURE__ */ _({
   __name: "ScalarIconButton",
   props: {
     label: {},
@@ -840,22 +840,106 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
         disabled: {
           true: "cursor-not-allowed shadow-none"
         },
-        variant: q
+        variant: J
       }
-    }), e = _(() => {
-      const { class: a, ...d } = T();
+    }), e = k(() => {
+      const { class: a, ...d } = z();
       return { class: a || "", rest: d };
     });
-    return (a, d) => (m(), v("button", A(e.value.rest, {
+    return (a, d) => (u(), b("button", C(e.value.rest, {
       ariaDisabled: a.disabled || void 0,
-      class: n(E)(n(t)({ size: a.size, variant: a.variant, disabled: a.disabled }), e.value.class),
+      class: o(w)(o(t)({ size: a.size, variant: a.variant, disabled: a.disabled }), e.value.class),
       type: "button"
     }), [
-      x(n(Y), { icon: a.icon }, null, 8, ["icon"]),
-      h("span", We, R(a.label), 1)
-    ], 16, je));
+      x(o(H), { icon: a.icon }, null, 8, ["icon"]),
+      f("span", Je, T(a.label), 1)
+    ], 16, Ye));
   }
-}), It = () => G({
+}), Qe = { class: "inline-block min-w-0 flex-1 truncate" }, et = /* @__PURE__ */ f("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), Dt = /* @__PURE__ */ _({
+  inheritAttrs: !1,
+  __name: "ScalarListbox",
+  props: {
+    options: {},
+    modelValue: {},
+    placement: {},
+    resize: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(r) {
+    const t = L({
+      base: [
+        // Layout
+        "flex min-w-0 items-center gap-2 rounded px-2.5 py-1.5 text-left",
+        "first-of-type:mt-0.75 last-of-type:mb-0.75",
+        // Text / background style
+        "truncate bg-transparent text-xs font-medium text-fore-2",
+        // Interaction
+        "cursor-pointer hover:bg-back-2 hover:text-fore-1"
+      ],
+      variants: {
+        selected: { true: "text-fore-1" },
+        active: { true: "bg-back-2 text-fore-1" },
+        disabled: { true: "pointer-events-none opacity-50" }
+      }
+    });
+    return (e, a) => (u(), $(o(he), {
+      as: "div",
+      modelValue: e.modelValue,
+      "onUpdate:modelValue": a[0] || (a[0] = (d) => e.$emit("update:modelValue", d))
+    }, {
+      default: v(() => [
+        x(o(B), {
+          placement: e.placement ?? "bottom-start",
+          resize: e.resize
+        }, {
+          floating: v(({ width: d }) => [
+            x(o(ve), C({
+              class: "scalar-component relative flex w-40 flex-col p-0.75",
+              style: { width: d }
+            }, e.$attrs), {
+              default: v(() => [
+                (u(!0), b(W, null, se(e.options, (c) => (u(), $(o(be), {
+                  key: c.id,
+                  as: "template",
+                  disabled: c.disabled,
+                  value: c
+                }, {
+                  default: v(({ active: s, selected: p }) => [
+                    f("li", {
+                      class: y(
+                        o(w)(o(t)({ active: s, selected: p, disabled: c.disabled }))
+                      )
+                    }, [
+                      f("span", Qe, T(c.label), 1),
+                      p ? (u(), $(o(H), {
+                        key: 0,
+                        icon: "Checkmark",
+                        size: "sm"
+                      })) : N("", !0)
+                    ], 2)
+                  ]),
+                  _: 2
+                }, 1032, ["disabled", "value"]))), 128)),
+                et
+              ]),
+              _: 2
+            }, 1040, ["style"])
+          ]),
+          default: v(() => [
+            x(o(Se), { as: "template" }, {
+              default: v(() => [
+                S(e.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["placement", "resize"])
+      ]),
+      _: 3
+    }, 8, ["modelValue"]));
+  }
+}), Ot = () => F({
   open: !1,
   show() {
     this.open = !0;
@@ -863,7 +947,7 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
   hide() {
     this.open = !1;
   }
-}), qe = /* @__PURE__ */ w({
+}), tt = /* @__PURE__ */ _({
   __name: "ScalarModal",
   props: {
     state: {},
@@ -892,46 +976,46 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
         }
       }
     });
-    return (e, a) => (m(), I(n(fe), {
+    return (e, a) => (u(), $(o(ye), {
       open: e.state.open,
       onClose: a[0] || (a[0] = (d) => e.state.hide())
     }, {
-      default: y(() => [
-        h("div", {
-          class: S(
-            n(E)(
+      default: v(() => [
+        f("div", {
+          class: y(
+            o(w)(
               "scalar-modal-layout fixed left-0 top-0",
               "z-[1001] h-[100dvh] w-[100dvw]",
               "bg-backdrop p-5 opacity-0"
             )
           )
         }, [
-          x(n(he), {
-            class: S(n(t)({ size: e.size, variant: e.variant })),
-            style: j({ maxWidth: e.maxWidth })
+          x(o(_e), {
+            class: y(o(t)({ size: e.size, variant: e.variant })),
+            style: q({ maxWidth: e.maxWidth })
           }, {
-            default: y(() => [
-              e.title ? (m(), I(n(ve), {
+            default: v(() => [
+              e.title ? (u(), $(o(ke), {
                 key: 0,
-                class: S(["scalar-modal-header font-semiBold m-0 rounded-lg px-6 py-3 text-left text-xs text-fore-1", { "pb-0 pt-6": e.variant === "history" }])
+                class: y(["scalar-modal-header font-semiBold m-0 rounded-lg px-6 py-3 text-left text-xs text-fore-1", { "pb-0 pt-6": e.variant === "history" }])
               }, {
-                default: y(() => [
-                  W(R(e.title), 1)
+                default: v(() => [
+                  K(T(e.title), 1)
                 ]),
                 _: 1
-              }, 8, ["class"])) : $("", !0),
-              x(n(be), {
-                class: S([
+              }, 8, ["class"])) : N("", !0),
+              x(o(we), {
+                class: y([
                   "scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 px-6 pb-4 pt-6",
-                  n(E)(
+                  o(w)(
                     e.bodyClass,
                     e.variant === "history" && "pt-3",
                     e.variant === "search" && "col max-h-[440px] overflow-hidden p-0"
                   )
                 ])
               }, {
-                default: y(() => [
-                  b(e.$slots, "default", {}, void 0, !0)
+                default: v(() => [
+                  S(e.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["class"])
@@ -943,7 +1027,7 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
       _: 3
     }, 8, ["open"]));
   }
-}), At = /* @__PURE__ */ P(qe, [["__scopeId", "data-v-ff85ced0"]]), Ke = /* @__PURE__ */ h("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), Ct = /* @__PURE__ */ w({
+}), Pt = /* @__PURE__ */ P(tt, [["__scopeId", "data-v-ff85ced0"]]), at = /* @__PURE__ */ f("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), Bt = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "ScalarPopover",
   props: {
@@ -951,25 +1035,25 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
     resize: { type: Boolean }
   },
   setup(r) {
-    return (t, e) => (m(), I(n(Se), null, {
-      default: y(() => [
-        x(n(K), se(oe(t.$props)), {
-          floating: y(({ width: a, height: d }) => [
-            x(n(ye), A({
+    return (t, e) => (u(), $(o(Ee), null, {
+      default: v(() => [
+        x(o(B), oe(ne(t.$props)), {
+          floating: v(({ width: a, height: d }) => [
+            x(o(xe), C({
               class: "relative flex flex-col p-0.75",
               style: { width: a, height: d }
             }, t.$attrs), {
-              default: y(() => [
-                b(t.$slots, "popover"),
-                Ke
+              default: v(() => [
+                S(t.$slots, "popover"),
+                at
               ]),
               _: 2
             }, 1040, ["style"])
           ]),
-          default: y(() => [
-            x(n(_e), { as: "template" }, {
-              default: y(() => [
-                b(t.$slots, "default")
+          default: v(() => [
+            x(o($e), { as: "template" }, {
+              default: v(() => [
+                S(t.$slots, "default")
               ]),
               _: 3
             })
@@ -980,7 +1064,7 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
       _: 3
     }));
   }
-}), Ye = { class: "sr-only" }, Je = ["value"], Tt = /* @__PURE__ */ w({
+}), rt = { class: "sr-only" }, st = ["value"], Ht = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "ScalarSearchInput",
   props: {
@@ -993,22 +1077,22 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
     function a(c) {
       e("update:modelValue", c.target.value);
     }
-    const d = _(() => {
-      const { class: c, ...s } = T();
+    const d = k(() => {
+      const { class: c, ...s } = z();
       return { className: c || "", rest: s };
     });
-    return (c, s) => (m(), v("label", A(d.value.rest, {
-      class: n(E)(
+    return (c, s) => (u(), b("label", C(d.value.rest, {
+      class: o(w)(
         "flex rounded border bg-back-1 text-sm font-medium focus-within:border-fore-1",
         d.value.className
       )
     }), [
-      h("span", Ye, [
-        b(c.$slots, "label", {}, () => [
-          W("Enter search")
+      f("span", rt, [
+        S(c.$slots, "label", {}, () => [
+          K("Enter search")
         ])
       ]),
-      h("input", {
+      f("input", {
         autocapitalize: "off",
         autocomplete: "off",
         autocorrect: "off",
@@ -1018,49 +1102,49 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
         type: "text",
         value: c.modelValue,
         onInput: a
-      }, null, 40, Je),
-      c.loading && c.loading.isLoading ? (m(), I(n(X), {
+      }, null, 40, st),
+      c.loading && c.loading.isLoading ? (u(), $(o(Y), {
         key: 0,
         class: "mr-3 self-center",
         loadingState: c.loading,
         size: "20px"
-      }, null, 8, ["loadingState"])) : c.modelValue ? (m(), I(n(Xe), {
+      }, null, 8, ["loadingState"])) : c.modelValue ? (u(), $(o(Ze), {
         key: 1,
         class: "self-center",
         icon: "Close",
         label: "Clear Search",
         size: "md",
         onClick: s[0] || (s[0] = (p) => e("update:modelValue", ""))
-      })) : $("", !0)
+      })) : N("", !0)
     ], 16));
   }
-}), Ze = /* @__PURE__ */ h("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [
-  /* @__PURE__ */ h("div", { class: "rotate-90 text-lg font-bold" }, ":("),
-  /* @__PURE__ */ h("div", { class: "text-sm font-medium text-fore-2" }, "No results found")
-], -1), Lt = /* @__PURE__ */ w({
+}), ot = /* @__PURE__ */ f("div", { class: "flex flex-col items-center gap-2 px-3 py-4" }, [
+  /* @__PURE__ */ f("div", { class: "rotate-90 text-lg font-bold" }, ":("),
+  /* @__PURE__ */ f("div", { class: "text-sm font-medium text-fore-2" }, "No results found")
+], -1), Mt = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "ScalarSearchResultList",
   props: {
     noResults: { type: Boolean }
   },
   setup(r) {
-    const t = _(() => {
-      const { class: e, ...a } = T();
+    const t = k(() => {
+      const { class: e, ...a } = z();
       return { className: e || "", rest: a };
     });
-    return (e, a) => (m(), v("ul", A(t.value.rest, {
-      class: n(E)("flex flex-col", t.value.className)
+    return (e, a) => (u(), b("ul", C(t.value.rest, {
+      class: o(w)("flex flex-col", t.value.className)
     }), [
-      e.noResults ? b(e.$slots, "noResults", { key: 0 }, () => [
-        Ze
-      ]) : $("", !0),
-      b(e.$slots, "default")
+      e.noResults ? S(e.$slots, "noResults", { key: 0 }, () => [
+        ot
+      ]) : N("", !0),
+      S(e.$slots, "default")
     ], 16));
   }
-}), Qe = { class: "contents" }, et = { class: "text-fore-3 group-hover:text-fore-1" }, tt = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, at = { class: "flex items-center gap-1" }, rt = { class: "flex-1 truncate text-sm font-medium" }, st = {
+}), nt = { class: "contents" }, it = { class: "text-fore-3 group-hover:text-fore-1" }, lt = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, dt = { class: "flex items-center gap-1" }, ct = { class: "flex-1 truncate text-sm font-medium" }, pt = {
   key: 0,
   class: "text-xs text-fore-2"
-}, ot = { class: "truncate text-xs text-fore-2" }, zt = /* @__PURE__ */ w({
+}, ut = { class: "truncate text-xs text-fore-2" }, Vt = /* @__PURE__ */ _({
   inheritAttrs: !1,
   __name: "ScalarSearchResultItem",
   props: {
@@ -1068,13 +1152,13 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
     active: { type: Boolean }
   },
   setup(r) {
-    const t = _(() => {
-      const { class: e, ...a } = T();
+    const t = k(() => {
+      const { class: e, ...a } = z();
       return { className: e || "", rest: a };
     });
-    return (e, a) => (m(), v("li", Qe, [
-      h("a", A(t.value.rest, {
-        class: n(E)(
+    return (e, a) => (u(), b("li", nt, [
+      f("a", C(t.value.rest, {
+        class: o(w)(
           "group flex cursor-pointer gap-3 rounded px-3 py-1.5 no-underline hover:bg-back-2",
           {
             "bg-back-2": e.active
@@ -1082,32 +1166,32 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
           t.value.className
         )
       }), [
-        h("div", et, [
-          b(e.$slots, "icon", {}, () => [
-            e.icon ? (m(), I(n(Y), {
+        f("div", it, [
+          S(e.$slots, "icon", {}, () => [
+            e.icon ? (u(), $(o(H), {
               key: 0,
               icon: e.icon,
               size: "sm"
-            }, null, 8, ["icon"])) : $("", !0)
+            }, null, 8, ["icon"])) : N("", !0)
           ])
         ]),
-        h("div", tt, [
-          h("div", at, [
-            h("div", rt, [
-              b(e.$slots, "default")
+        f("div", lt, [
+          f("div", dt, [
+            f("div", ct, [
+              S(e.$slots, "default")
             ]),
-            e.$slots.addon ? (m(), v("div", st, [
-              b(e.$slots, "addon")
-            ])) : $("", !0)
+            e.$slots.addon ? (u(), b("div", pt, [
+              S(e.$slots, "addon")
+            ])) : N("", !0)
           ]),
-          h("div", ot, [
-            b(e.$slots, "description")
+          f("div", ut, [
+            S(e.$slots, "description")
           ])
         ])
       ], 16)
     ]));
   }
-}), nt = { class: "scalar-input-container relative" }, it = ["for"], lt = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, dt = /* @__PURE__ */ w({
+}), mt = { class: "scalar-input-container relative" }, gt = ["for"], ft = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, ht = /* @__PURE__ */ _({
   __name: "ScalarTextField",
   props: {
     modelValue: {},
@@ -1132,39 +1216,39 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
         },
         error: { true: "scalar-input-wrapper-error border-error" }
       }
-    }), c = T(), s = c.id || `id-${Ie()}`, p = N(), i = N(!1);
+    }), c = z(), s = c.id || `id-${ze()}`, p = A(), i = A(!1);
     let g;
     if (e.isMultiline) {
-      const { triggerResize: l } = $e({
+      const { triggerResize: l } = Te({
         element: p,
         input: e.modelValue
       });
       g = l;
     }
-    function u(l) {
-      const k = l.target.value;
-      e.isMultiline && g(), e.handleFieldChange ? e.handleFieldChange(k) : a("update:modelValue", k);
+    function m(l) {
+      const E = l.target.value;
+      e.isMultiline && g(), e.handleFieldChange ? e.handleFieldChange(E) : a("update:modelValue", E);
     }
-    function o(l) {
-      const k = l.target, C = e.disableTrim || e.isMultiline ? k.value : k.value.trim();
-      e.handleFieldSubmit ? e.handleFieldSubmit(C) : a("submit", C);
+    function n(l) {
+      const E = l.target, I = e.disableTrim || e.isMultiline ? E.value : E.value.trim();
+      e.handleFieldSubmit ? e.handleFieldSubmit(I) : a("submit", I);
     }
-    function f(l) {
-      i.value = !1, e.emitOnBlur && e.modelValue && o(l);
+    function h(l) {
+      i.value = !1, e.emitOnBlur && e.modelValue && n(l);
     }
-    return F(() => {
+    return j(() => {
       var l;
       Object.prototype.hasOwnProperty.call(c, "autofocus") && ((l = p.value) == null || l.focus());
-    }), (l, k) => (m(), v("div", nt, [
-      h("div", {
-        class: S(n(d)({ error: l.error, focus: i.value }))
+    }), (l, E) => (u(), b("div", mt, [
+      f("div", {
+        class: y(o(d)({ error: l.error, focus: i.value }))
       }, [
-        (m(), I(U(l.isMultiline ? "textarea" : "input"), A({ id: n(s) }, l.$attrs, {
+        (u(), $(X(l.isMultiline ? "textarea" : "input"), C({ id: o(s) }, l.$attrs, {
           ref_key: "input",
           ref: p,
           class: [
             "scalar-input",
-            n(E)(
+            o(w)(
               { "min-h-[77px]": l.isMultiline },
               "z-10 w-full resize-none appearance-none border-0 bg-transparent p-3 text-sm text-fore-1",
               "outline-none transition-opacity"
@@ -1172,57 +1256,58 @@ const xt = /* @__PURE__ */ P(Ge, [["render", Fe]]), $t = /* @__PURE__ */ w({
           ],
           placeholder: l.placeholder,
           value: l.modelValue,
-          onBlur: f,
-          onFocus: k[0] || (k[0] = (C) => i.value = !0),
-          onInput: u,
-          onKeyup: ne(o, ["enter"])
+          onBlur: h,
+          onFocus: E[0] || (E[0] = (I) => i.value = !0),
+          onInput: m,
+          onKeyup: ie(n, ["enter"])
         }), null, 16, ["id", "class", "placeholder", "value"])),
-        l.label ? (m(), v("label", {
+        l.label ? (u(), b("label", {
           key: 0,
-          class: S(
-            n(E)(
+          class: y(
+            o(w)(
               "scalar-input-label pointer-events-none absolute left-0 top-0 mx-2 my-3 px-1 text-xs",
               "shadow-current z-10 origin-top-left rounded text-fore-3 transition-transform"
             )
           ),
-          for: n(s),
-          style: j({
+          for: o(s),
+          style: q({
             "box-shadow": `0 0 4px 4px ${l.labelShadowColor}`,
             "background-color": l.labelShadowColor
           })
-        }, R(l.label), 15, it)) : $("", !0),
-        h("div", lt, [
-          b(l.$slots, "default", {}, void 0, !0)
+        }, T(l.label), 15, gt)) : N("", !0),
+        f("div", ft, [
+          S(l.$slots, "default", {}, void 0, !0)
         ])
       ], 2),
-      h("span", {
-        class: S(
-          n(E)(
+      f("span", {
+        class: y(
+          o(w)(
             "helper-text before:rounded-full mt-1.5 flex items-center text-xs text-error before:font-black",
             "before:mr-1.5 before:block before:h-4 before:w-4 before:text-center before:text-xxs before:leading-4",
             "before:bg-error before:text-white before:content-['!'] empty:hidden"
           )
         )
-      }, R(l.helperText), 3)
+      }, T(l.helperText), 3)
     ]));
   }
-}), Rt = /* @__PURE__ */ P(dt, [["__scopeId", "data-v-4fc2339e"]]);
+}), Gt = /* @__PURE__ */ P(ht, [["__scopeId", "data-v-4fc2339e"]]);
 export {
-  kt as ScalarButton,
-  Et as ScalarCodeBlock,
-  Nt as ScalarDropdown,
-  xt as ScalarDropdownDivider,
-  $t as ScalarDropdownItem,
-  K as ScalarFloating,
-  Y as ScalarIcon,
-  Xe as ScalarIconButton,
-  X as ScalarLoading,
-  At as ScalarModal,
-  Ct as ScalarPopover,
-  Tt as ScalarSearchInput,
-  zt as ScalarSearchResultItem,
-  Lt as ScalarSearchResultList,
-  Rt as ScalarTextField,
-  wt as useLoadingState,
-  It as useModal
+  It as ScalarButton,
+  Lt as ScalarCodeBlock,
+  Tt as ScalarDropdown,
+  zt as ScalarDropdownDivider,
+  Rt as ScalarDropdownItem,
+  B as ScalarFloating,
+  H as ScalarIcon,
+  Ze as ScalarIconButton,
+  Dt as ScalarListbox,
+  Y as ScalarLoading,
+  Pt as ScalarModal,
+  Bt as ScalarPopover,
+  Ht as ScalarSearchInput,
+  Vt as ScalarSearchResultItem,
+  Mt as ScalarSearchResultList,
+  Gt as ScalarTextField,
+  Ct as useLoadingState,
+  Ot as useModal
 };