@scalar/components 0.6.1 → 0.7.4

package/dist/index.js

@@ -1,29 +1,32 @@
 import './main.css';
-import { defineComponent as _, useCssVars as K, openBlock as u, createElementBlock as h, normalizeClass as b, unref as l, createElementVNode as v, createCommentVNode as k, createStaticVNode as Y, reactive as j, computed as T, useAttrs as x, mergeProps as L, renderSlot as y, createVNode as D, ref as P, watch as J, nextTick as Z, onServerPrefetch as Q, useSSRContext as ee, onMounted as F, toDisplayString as A, defineAsyncComponent as te, createBlock as N, resolveDynamicComponent as U, withCtx as R, normalizeStyle as W, createTextVNode as C, Fragment as ae, withKeys as re } from "vue";
-import { defineConfig as se } from "cva";
-import { extendTailwindMerge as ne } from "tailwind-merge";
-import { createHash as oe, ssrState as ie } from "@scalar/oas-utils";
-import I from "prismjs";
-import { Dialog as le, DialogPanel as ce, DialogTitle as de, DialogDescription as ue } from "@headlessui/vue";
-import { useTextareaAutosize as pe } from "@vueuse/core";
-import { nanoid as me } from "nanoid";
-const z = "scalar-component", ge = ne({
+import { defineComponent as y, useCssVars as ee, openBlock as m, createElementBlock as v, normalizeClass as S, unref as o, createElementVNode as h, createCommentVNode as $, createStaticVNode as te, reactive as W, computed as k, useAttrs as O, mergeProps as A, renderSlot as b, createVNode as N, ref as I, watch as X, nextTick as ae, onServerPrefetch as re, useSSRContext as se, onMounted as q, toDisplayString as D, toValue as P, Fragment as K, createBlock as x, withCtx as _, defineAsyncComponent as ne, resolveDynamicComponent as Y, normalizeStyle as J, createTextVNode as R, normalizeProps as oe, guardReactiveProps as ie, withKeys as le } from "vue";
+import { defineConfig as de } from "cva";
+import { extendTailwindMerge as ce } from "tailwind-merge";
+import { createHash as ue, ssrState as pe } from "@scalar/oas-utils";
+import L from "prismjs";
+import { Menu as me, MenuItems as ge, MenuButton as fe, MenuItem as he, Dialog as ve, DialogPanel as be, DialogTitle as Se, DialogDescription as _e, Popover as ye, PopoverPanel as we, PopoverButton as ke } from "@headlessui/vue";
+import { getSideAxis as F } from "@floating-ui/utils";
+import { useFloating as Ee, autoUpdate as $e, offset as Ie, flip as Ne, shift as xe } from "@floating-ui/vue";
+import { useTextareaAutosize as Ce } from "@vueuse/core";
+import { nanoid as Ae } from "nanoid";
+const M = "scalar-component", Te = ce({
   extend: {
     classGroups: {
+      "font-size": ["text-xxs"],
       // Add the scalar class prefix as a custom class to be deduped by tailwind-merge
-      [z]: [z]
+      [M]: [M]
     }
   }
-}), { cva: $, cx: w, compose: nt } = se({
+}), { cva: T, cx: E, compose: Dt } = de({
   hooks: {
-    onComplete: (a) => `${ge(a, z)}`
+    onComplete: (a) => `${Te(a, M)}`
   }
-}), fe = /* @__PURE__ */ Y('<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), he = {
+}), Le = /* @__PURE__ */ te('<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), Re = {
   key: 0,
   class: "circular-loader"
 };
-function ot() {
-  return j({
+function Ot() {
+  return W({
     isValid: !1,
     isInvalid: !1,
     isLoading: !1,
@@ -56,21 +59,21 @@ function ot() {
     }
   });
 }
-const ve = /* @__PURE__ */ _({
+const De = /* @__PURE__ */ y({
   __name: "ScalarLoading",
   props: {
     loadingState: {},
     size: { default: "24px" }
   },
   setup(a) {
-    return K((t) => ({
+    return ee((t) => ({
       d6cae758: t.size
-    })), (t, e) => t.loadingState ? (u(), h("div", {
+    })), (t, e) => t.loadingState ? (m(), v("div", {
       key: 0,
-      class: b(l(w)("loader-wrapper"))
+      class: S(o(E)("loader-wrapper"))
     }, [
-      (u(), h("svg", {
-        class: b(["svg-loader", {
+      (m(), v("svg", {
+        class: S(["svg-loader", {
           "icon-is-valid": t.loadingState.isValid,
           "icon-is-invalid": t.loadingState.isInvalid
         }]),
@@ -78,10 +81,10 @@ const ve = /* @__PURE__ */ _({
         xmlns: "http://www.w3.org/2000/svg",
         "xmlns:xlink": "http://www.w3.org/1999/xlink"
       }, [
-        fe,
-        t.loadingState.isLoading ? (u(), h("g", he, [
-          v("circle", {
-            class: b(["loader-path", {
+        Le,
+        t.loadingState.isLoading ? (m(), v("g", Re, [
+          h("circle", {
+            class: S(["loader-path", {
               "loader-path-off": t.loadingState.isValid || t.loadingState.isInvalid
             }]),
             cx: "50",
@@ -90,16 +93,16 @@ const ve = /* @__PURE__ */ _({
             r: "20",
             "stroke-width": "2"
           }, null, 2)
-        ])) : k("", !0)
+        ])) : $("", !0)
       ], 2))
-    ], 2)) : k("", !0);
+    ], 2)) : $("", !0);
   }
 }), B = (a, t) => {
   const e = a.__vccOpts || a;
-  for (const [n, f] of t)
-    e[n] = f;
+  for (const [r, c] of t)
+    e[r] = c;
   return e;
-}, H = /* @__PURE__ */ B(ve, [["__scopeId", "data-v-47faceda"]]), X = {
+}, H = /* @__PURE__ */ B(De, [["__scopeId", "data-v-47faceda"]]), Z = {
   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 +119,7 @@ const ve = /* @__PURE__ */ _({
     "scalar-button-danger",
     "bg-error text-white active:brightness-90 hocus:brightness-90"
   ]
-}, be = $({
+}, Oe = T({
   base: "scalar-button row cursor-pointer items-center justify-center rounded font-medium",
   variants: {
     disabled: {
@@ -124,7 +127,7 @@ const ve = /* @__PURE__ */ _({
     },
     fullWidth: { true: "w-full" },
     size: { md: "h-10 px-6 text-sm" },
-    variant: X
+    variant: Z
   },
   compoundVariants: [
     {
@@ -133,13 +136,13 @@ const ve = /* @__PURE__ */ _({
       class: "bg-transparent text-ghost"
     }
   ]
-}), Se = ["ariaDisabled"], ye = {
+}), Pe = ["ariaDisabled"], ze = {
   key: 0,
   class: "mr-2 h-4 w-4"
-}, we = {
+}, Be = {
   key: 1,
   class: "ml-2"
-}, ke = /* @__PURE__ */ _({
+}, Me = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "ScalarButton",
   props: {
@@ -150,30 +153,30 @@ const ve = /* @__PURE__ */ _({
     variant: { default: "solid" }
   },
   setup(a) {
-    const t = T(() => {
-      const { class: e, ...n } = x();
-      return { className: e || "", rest: n };
+    const t = k(() => {
+      const { class: e, ...r } = O();
+      return { className: e || "", rest: r };
     });
-    return (e, n) => (u(), h("button", L(t.value.rest, {
+    return (e, r) => (m(), v("button", A(t.value.rest, {
       ariaDisabled: e.disabled || void 0,
-      class: l(w)(
-        l(be)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
+      class: o(E)(
+        o(Oe)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
         { "pl-9 pr-3": e.loading },
         `${t.value.className}`
       ),
       type: "button"
     }), [
-      e.$slots.icon ? (u(), h("div", ye, [
-        y(e.$slots, "icon")
-      ])) : k("", !0),
-      y(e.$slots, "default"),
-      e.loading ? (u(), h("div", we, [
-        D(l(H), {
+      e.$slots.icon ? (m(), v("div", ze, [
+        b(e.$slots, "icon")
+      ])) : $("", !0),
+      b(e.$slots, "default"),
+      e.loading ? (m(), v("div", Be, [
+        N(o(H), {
           loadingState: e.loading,
           size: "20px"
         }, null, 8, ["loadingState"])
-      ])) : k("", !0)
-    ], 16, Se));
+      ])) : $("", !0)
+    ], 16, Pe));
   }
 });
 (function(a) {
@@ -184,7 +187,7 @@ const ve = /* @__PURE__ */ _({
     // this looks reasonably well in all themes
     inside: null
     // see below
-  }, n = {
+  }, r = {
     bash: e,
     environment: {
       pattern: RegExp("\\$" + t),
@@ -296,7 +299,7 @@ const ve = /* @__PURE__ */ _({
         pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
         lookbehind: !0,
         greedy: !0,
-        inside: n
+        inside: r
       },
       // Here-document with quotes around the tag
       // → No expansion (so no “inside”).
@@ -314,7 +317,7 @@ const ve = /* @__PURE__ */ _({
         pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
         lookbehind: !0,
         greedy: !0,
-        inside: n
+        inside: r
       },
       {
         // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
@@ -327,7 +330,7 @@ const ve = /* @__PURE__ */ _({
         pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
         greedy: !0,
         inside: {
-          entity: n.entity
+          entity: r.entity
         }
       }
     ],
@@ -335,7 +338,7 @@ const ve = /* @__PURE__ */ _({
       pattern: RegExp("\\$?" + t),
       alias: "constant"
     },
-    variable: n.variable,
+    variable: r.variable,
     function: {
       pattern: /(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,
       lookbehind: !0
@@ -375,7 +378,7 @@ const ve = /* @__PURE__ */ _({
       lookbehind: !0
     }
   }, e.inside = a.languages.bash;
-  for (var f = [
+  for (var c = [
     "comment",
     "function-name",
     "for-or-select",
@@ -391,8 +394,8 @@ const ve = /* @__PURE__ */ _({
     "operator",
     "punctuation",
     "number"
-  ], g = n.variable[1].inside, r = 0; r < f.length; r++)
-    g[f[r]] = a.languages.bash[f[r]];
+  ], d = r.variable[1].inside, s = 0; s < c.length; s++)
+    d[c[s]] = a.languages.bash[c[s]];
   a.languages.sh = a.languages.bash, a.languages.shell = a.languages.bash;
 })(Prism);
 Prism.languages.json = {
@@ -431,14 +434,14 @@ Prism.languages.webmanifest = Prism.languages.json;
      * @param {number} number line number
      * @returns {Element|undefined}
      */
-    getLine: function(r, c) {
-      if (!(r.tagName !== "PRE" || !r.classList.contains(a))) {
-        var o = r.querySelector(".line-numbers-rows");
-        if (o) {
-          var d = parseInt(r.getAttribute("data-start"), 10) || 1, p = d + (o.children.length - 1);
-          c < d && (c = d), c > p && (c = p);
-          var s = c - d;
-          return o.children[s];
+    getLine: function(s, u) {
+      if (!(s.tagName !== "PRE" || !s.classList.contains(a))) {
+        var i = s.querySelector(".line-numbers-rows");
+        if (i) {
+          var g = parseInt(s.getAttribute("data-start"), 10) || 1, p = g + (i.children.length - 1);
+          u < g && (u = g), u > p && (u = p);
+          var n = u - g;
+          return i.children[n];
         }
       }
     },
@@ -450,8 +453,8 @@ Prism.languages.webmanifest = Prism.languages.json;
      * @param {HTMLElement} element A `<pre>` element with line numbers.
      * @returns {void}
      */
-    resize: function(r) {
-      n([r]);
+    resize: function(s) {
+      r([s]);
     },
     /**
      * Whether the plugin can assume that the units font sizes and margins are not depended on the size of
@@ -465,98 +468,98 @@ Prism.languages.webmanifest = Prism.languages.json;
      */
     assumeViewportIndependence: !0
   };
-  function n(r) {
-    if (r = r.filter(function(o) {
-      var d = f(o), p = d["white-space"];
+  function r(s) {
+    if (s = s.filter(function(i) {
+      var g = c(i), p = g["white-space"];
       return p === "pre-wrap" || p === "pre-line";
-    }), r.length != 0) {
-      var c = r.map(function(o) {
-        var d = o.querySelector("code"), p = o.querySelector(".line-numbers-rows");
-        if (!(!d || !p)) {
-          var s = o.querySelector(".line-numbers-sizer"), m = d.textContent.split(t);
-          s || (s = document.createElement("span"), s.className = "line-numbers-sizer", d.appendChild(s)), s.innerHTML = "0", s.style.display = "block";
-          var i = s.getBoundingClientRect().height;
-          return s.innerHTML = "", {
-            element: o,
-            lines: m,
+    }), s.length != 0) {
+      var u = s.map(function(i) {
+        var g = i.querySelector("code"), p = i.querySelector(".line-numbers-rows");
+        if (!(!g || !p)) {
+          var n = i.querySelector(".line-numbers-sizer"), f = 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,
             lineHeights: [],
-            oneLinerHeight: i,
-            sizer: s
+            oneLinerHeight: l,
+            sizer: n
           };
         }
       }).filter(Boolean);
-      c.forEach(function(o) {
-        var d = o.sizer, p = o.lines, s = o.lineHeights, m = o.oneLinerHeight;
-        s[p.length - 1] = void 0, p.forEach(function(i, S) {
-          if (i && i.length > 1) {
-            var E = d.appendChild(document.createElement("span"));
-            E.style.display = "block", E.textContent = i;
+      u.forEach(function(i) {
+        var g = i.sizer, p = i.lines, n = i.lineHeights, f = i.oneLinerHeight;
+        n[p.length - 1] = void 0, p.forEach(function(l, w) {
+          if (l && l.length > 1) {
+            var C = g.appendChild(document.createElement("span"));
+            C.style.display = "block", C.textContent = l;
           } else
-            s[S] = m;
+            n[w] = f;
         });
-      }), c.forEach(function(o) {
-        for (var d = o.sizer, p = o.lineHeights, s = 0, m = 0; m < p.length; m++)
-          p[m] === void 0 && (p[m] = d.children[s++].getBoundingClientRect().height);
-      }), c.forEach(function(o) {
-        var d = o.sizer, p = o.element.querySelector(".line-numbers-rows");
-        d.style.display = "none", d.innerHTML = "", o.lineHeights.forEach(function(s, m) {
-          p.children[m].style.height = s + "px";
+      }), u.forEach(function(i) {
+        for (var g = i.sizer, p = i.lineHeights, n = 0, f = 0; f < p.length; f++)
+          p[f] === void 0 && (p[f] = g.children[n++].getBoundingClientRect().height);
+      }), u.forEach(function(i) {
+        var g = i.sizer, p = i.element.querySelector(".line-numbers-rows");
+        g.style.display = "none", g.innerHTML = "", i.lineHeights.forEach(function(n, f) {
+          p.children[f].style.height = n + "px";
         });
       });
     }
   }
-  function f(r) {
-    return r ? window.getComputedStyle ? getComputedStyle(r) : r.currentStyle || null : null;
+  function c(s) {
+    return s ? window.getComputedStyle ? getComputedStyle(s) : s.currentStyle || null : null;
   }
-  var g = void 0;
+  var d = void 0;
   window.addEventListener("resize", function() {
-    e.assumeViewportIndependence && g === window.innerWidth || (g = window.innerWidth, n(Array.prototype.slice.call(document.querySelectorAll("pre." + a))));
-  }), Prism.hooks.add("complete", function(r) {
-    if (r.code) {
-      var c = (
+    e.assumeViewportIndependence && d === window.innerWidth || (d = window.innerWidth, r(Array.prototype.slice.call(document.querySelectorAll("pre." + a))));
+  }), Prism.hooks.add("complete", function(s) {
+    if (s.code) {
+      var u = (
         /** @type {Element} */
-        r.element
-      ), o = (
+        s.element
+      ), i = (
         /** @type {HTMLElement} */
-        c.parentNode
+        u.parentNode
       );
-      if (!(!o || !/pre/i.test(o.nodeName)) && !c.querySelector(".line-numbers-rows") && Prism.util.isActive(c, a)) {
-        c.classList.remove(a), o.classList.add(a);
-        var d = r.code.match(t), p = d ? d.length + 1 : 1, s, m = new Array(p + 1).join("<span></span>");
-        s = document.createElement("span"), s.setAttribute("aria-hidden", "true"), s.className = "line-numbers-rows", s.innerHTML = m, o.hasAttribute("data-start") && (o.style.counterReset = "linenumber " + (parseInt(o.getAttribute("data-start"), 10) - 1)), r.element.appendChild(s), n([o]), Prism.hooks.run("line-numbers", r);
+      if (!(!i || !/pre/i.test(i.nodeName)) && !u.querySelector(".line-numbers-rows") && Prism.util.isActive(u, a)) {
+        u.classList.remove(a), i.classList.add(a);
+        var g = s.code.match(t), p = g ? g.length + 1 : 1, n, f = new Array(p + 1).join("<span></span>");
+        n = document.createElement("span"), n.setAttribute("aria-hidden", "true"), n.className = "line-numbers-rows", n.innerHTML = f, i.hasAttribute("data-start") && (i.style.counterReset = "linenumber " + (parseInt(i.getAttribute("data-start"), 10) - 1)), s.element.appendChild(n), r([i]), Prism.hooks.run("line-numbers", s);
       }
     }
-  }), Prism.hooks.add("line-numbers", function(r) {
-    r.plugins = r.plugins || {}, r.plugins.lineNumbers = !0;
+  }), Prism.hooks.add("line-numbers", function(s) {
+    s.plugins = s.plugins || {}, s.plugins.lineNumbers = !0;
   });
 })();
-function _e(a) {
+function He(a) {
   const t = /* @__PURE__ */ new Set();
   return JSON.stringify(
     a,
-    (e, n) => {
-      if (typeof n == "object" && n !== null) {
-        if (t.has(n))
+    (e, r) => {
+      if (typeof r == "object" && r !== null) {
+        if (t.has(r))
           return "[Circular]";
-        t.add(n);
+        t.add(r);
       }
-      return n;
+      return r;
     },
     2
   );
 }
-function O(a) {
+function z(a) {
   if (typeof a == "string")
     return a;
   if (typeof a == "object")
     try {
       return JSON.stringify(a, null, 2);
     } catch {
-      return _e(a);
+      return He(a);
     }
   return a;
 }
-const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
+const Ge = ["innerHTML"], Pt = /* @__PURE__ */ y({
   __name: "ScalarCodeBlock",
   props: {
     content: {},
@@ -565,81 +568,233 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
     hideCredentials: {}
   },
   setup(a) {
-    const t = a, e = oe(O(t.content)), n = `components-scalar-code-block${e}`, { plugins: f, highlightElement: g } = I;
-    t.hideCredentials && I.hooks.add("wrap", function(s) {
+    const t = a, e = ue(z(t.content)), r = `components-scalar-code-block${e}`, { plugins: c, highlightElement: d } = L;
+    t.hideCredentials && L.hooks.add("wrap", function(n) {
       if (!t.hideCredentials)
         return;
-      let m = !1;
-      typeof t.hideCredentials == "string" ? s.content.includes(t.hideCredentials) && (m = !0) : Array.isArray(t.hideCredentials) && (m = t.hideCredentials.some(
-        (i) => s.content.includes(i)
-      )), m && (s.content = s.content.replace(
+      let f = !1;
+      typeof t.hideCredentials == "string" ? n.content.includes(t.hideCredentials) && (f = !0) : Array.isArray(t.hideCredentials) && (f = t.hideCredentials.some(
+        (l) => n.content.includes(l)
+      )), f && (n.content = n.content.replace(
         /<span class="credentials">.*?<\/span>/g,
-        (i) => i.replace(/<span class="credentials">|<\/span>/g, "")
-      ), s.content = s.content.replace(
+        (l) => l.replace(/<span class="credentials">|<\/span>/g, "")
+      ), n.content = n.content.replace(
         new RegExp(
           typeof t.hideCredentials == "string" ? t.hideCredentials : t.hideCredentials.join("|"),
           "g"
         ),
-        (i) => `<span class="credentials">${i}</span>`
+        (l) => `<span class="credentials">${l}</span>`
       ));
     });
-    const r = P(null), c = P(ie[n] ?? ""), o = T(() => t.lang === "node" ? "js" : t.lang), d = t.lang;
-    J(
-      [() => t.lang, () => t.content, r],
+    const s = I(null), u = I(pe[r] ?? ""), i = k(() => t.lang === "node" ? "js" : t.lang), g = t.lang;
+    X(
+      [() => t.lang, () => t.content, s],
       () => {
-        r.value && t.content && (!c.value || t.lang !== d) && (c.value = "", Z(() => g(r.value)));
+        s.value && t.content && (!u.value || t.lang !== g) && (u.value = "", ae(() => d(s.value)));
       },
       { immediate: !0 }
     );
     const p = /\n(?!$)/g;
-    return Q(async () => {
-      let s = "";
-      t.lineNumbers && I.hooks.add("after-tokenize", (i) => {
-        const S = i.code.match(p), E = S ? S.length + 1 : 1;
-        s = `<span aria-hidden="true" class="line-numbers-rows">${new Array(E + 1).join("<span></span>")}</span>`;
+    return re(async () => {
+      let n = "";
+      t.lineNumbers && L.hooks.add("after-tokenize", (l) => {
+        const w = l.code.match(p), C = w ? w.length + 1 : 1;
+        n = `<span aria-hidden="true" class="line-numbers-rows">${new Array(C + 1).join("<span></span>")}</span>`;
       });
-      const m = I.highlight(
-        O(t.content),
-        I.languages[o.value],
-        o.value
+      const f = L.highlight(
+        z(t.content),
+        L.languages[i.value],
+        i.value
       );
-      if (c.value = m + s, e !== 0) {
-        const i = ee();
-        i.payload.data[n] = m + s;
+      if (u.value = f + n, e !== 0) {
+        const l = se();
+        l.payload.data[r] = f + n;
       }
-    }), F(async () => {
-      await import("./prism-autoloader-Dlh8Vzlw.js"), f.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
-    }), (s, m) => (u(), h("pre", {
-      class: b([
-        `scalar-component scalar-codeblock-pre language-${o.value}`,
+    }), q(async () => {
+      await import("./prism-autoloader-Dlh8Vzlw.js"), c.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
+    }), (n, f) => (m(), v("pre", {
+      class: S([
+        `scalar-component scalar-codeblock-pre language-${i.value}`,
         {
-          "line-numbers": s.lineNumbers
+          "line-numbers": n.lineNumbers
         }
       ])
     }, [
-      c.value ? (u(), h("code", {
+      u.value ? (m(), v("code", {
         key: 0,
-        class: b(`scalar-codeblock-code language-${o.value}`),
-        innerHTML: l(O)(c.value)
-      }, null, 10, Ee)) : (u(), h("code", {
+        class: S(`scalar-codeblock-code language-${i.value}`),
+        innerHTML: o(z)(u.value)
+      }, null, 10, Ge)) : (m(), v("code", {
         key: 1,
         ref_key: "el",
-        ref: r,
-        class: b(`scalar-codeblock-code language-${o.value}`)
-      }, A(l(O)(s.content)), 3))
+        ref: s,
+        class: S(`scalar-codeblock-code language-${i.value}`)
+      }, D(o(z)(n.content)), 3))
     ], 2));
   }
-}), G = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZgYXx.js"), "./Brackets.svg": () => import("./Brackets-4I8OKomf.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG.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"), "./DocsPage.svg": () => import("./DocsPage-rh2xwxKN.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-BkvMimDa.js"), "./LightMode.svg": () => import("./LightMode-Btz6vyT_.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"), "./Menu.svg": () => import("./Menu-CFK5cOsm.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB.js"), "./Search.svg": () => import("./Search-DqtlswRG.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5.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") }), V = (a) => {
+});
+function Ve(a, t = { enabled: I(!0) }) {
+  const e = I(0), r = I(0), c = I();
+  return typeof ResizeObserver < "u" && (c.value = new ResizeObserver(([d]) => {
+    var s, u;
+    d && (e.value = ((s = d.borderBoxSize[0]) == null ? void 0 : s.inlineSize) ?? 0, r.value = ((u = d.borderBoxSize[0]) == null ? void 0 : u.blockSize) ?? 0);
+  })), X(
+    [() => P(t.enabled), () => P(a)],
+    ([d, s]) => {
+      !s || !c.value || (d ? c.value.observe(s) : c.value.disconnect());
+    },
+    { immediate: !0 }
+  ), {
+    width: k(
+      () => P(t.enabled) ? `${e.value}px` : void 0
+    ),
+    height: k(
+      () => P(t.enabled) ? `${r.value}px` : void 0
+    )
+  };
+}
+const G = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "ScalarFloating",
+  props: {
+    placement: {},
+    resize: { type: Boolean },
+    middleware: {}
+  },
+  setup(a) {
+    const t = a, e = I(null), r = I(null), c = k(
+      () => {
+        var p, n;
+        return (((n = (p = r.value) == null ? void 0 : p.children) == null ? void 0 : n[0]) || r.value) ?? void 0;
+      }
+    ), d = Ve(c, {
+      enabled: k(() => t.resize)
+    }), s = k(
+      () => F(t.placement || "bottom") === "y" ? d.width.value : void 0
+    ), u = k(
+      () => F(t.placement || "bottom") === "x" ? d.height.value : void 0
+    ), { floatingStyles: i, middlewareData: g } = Ee(c, e, {
+      placement: k(() => t.placement),
+      whileElementsMounted: $e,
+      middleware: k(() => [
+        Ie(5),
+        Ne(),
+        xe(),
+        ...t.middleware ?? []
+      ])
+    });
+    return (p, n) => (m(), v(K, null, [
+      h("div", {
+        ref_key: "wrapperRef",
+        ref: r,
+        class: S({ contents: !!p.$slots.default })
+      }, [
+        b(p.$slots, "default")
+      ], 2),
+      h("div", A({
+        ref_key: "floatingRef",
+        ref: e,
+        class: "relative z-context",
+        style: o(i)
+      }, p.$attrs), [
+        b(p.$slots, "floating", {
+          data: o(g),
+          height: u.value,
+          width: s.value
+        })
+      ], 16)
+    ], 64));
+  }
+}), Fe = /* @__PURE__ */ h("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), je = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "ScalarDropdown",
+  props: {
+    placement: {},
+    resize: { type: Boolean }
+  },
+  setup(a) {
+    return (t, e) => (m(), x(o(me), null, {
+      default: _(() => [
+        N(o(G), {
+          placement: t.placement ?? "bottom-start",
+          resize: t.resize
+        }, {
+          floating: _(({ width: r }) => [
+            N(o(ge), A({
+              class: "relative flex w-56 flex-col p-0.75",
+              style: { width: r }
+            }, t.$attrs), {
+              default: _(() => [
+                b(t.$slots, "items"),
+                Fe
+              ]),
+              _: 2
+            }, 1040, ["style"])
+          ]),
+          default: _(() => [
+            N(o(fe), { as: "template" }, {
+              default: _(() => [
+                b(t.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 8, ["placement", "resize"])
+      ]),
+      _: 3
+    }));
+  }
+}), Ue = {}, We = { class: "-mx-0.75 my-0.75 h-px bg-border" };
+function Xe(a, t) {
+  return m(), v("div", We);
+}
+const qe = /* @__PURE__ */ B(Ue, [["render", Xe]]), Ke = /* @__PURE__ */ y({
+  __name: "ScalarDropdownItem",
+  props: {
+    disabled: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(a) {
+    const t = T({
+      base: [
+        // Layout
+        "min-w-0 items-center gap-3 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: {
+        disabled: { true: "pointer-events-none text-fore-3" },
+        active: { true: "bg-back-2 text-fore-1" }
+      }
+    });
+    return (e, r) => (m(), x(o(he), { disabled: e.disabled }, {
+      default: _(({ active: c }) => [
+        h("button", {
+          class: S(["item", o(E)("scalar-dropdown-item", o(t)({ active: c, disabled: e.disabled }))]),
+          type: "button",
+          onClick: r[0] || (r[0] = (d) => e.$emit("click", d))
+        }, [
+          b(e.$slots, "default")
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["disabled"]));
+  }
+}), j = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZgYXx.js"), "./Brackets.svg": () => import("./Brackets-4I8OKomf.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG.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"), "./DocsPage.svg": () => import("./DocsPage-rh2xwxKN.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.js"), "./Hide.svg": () => import("./Hide-Q3GPkIKH.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-BkvMimDa.js"), "./LightMode.svg": () => import("./LightMode-Btz6vyT_.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"), "./Menu.svg": () => import("./Menu-CFK5cOsm.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB.js"), "./Search.svg": () => import("./Search-DqtlswRG.js"), "./Show.svg": () => import("./Show-D86hKz5y.js"), "./SideBarClosed.svg": () => import("./SideBarClosed-CYUNS2XM.js"), "./SideBarOpen.svg": () => import("./SideBarOpen-BOxW49_U.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5.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") }), U = (a) => {
   const t = `./${a}.svg`;
-  return G[t] ? te(G[t]) : (console.warn(`Could not find icon: ${a}`), null);
-}, Ne = ["src"], M = /* @__PURE__ */ _({
+  return j[t] ? ne(j[t]) : (console.warn(`Could not find icon: ${a}`), null);
+}, Ye = ["src"], V = /* @__PURE__ */ y({
   __name: "ScalarIcon",
   props: {
     icon: {},
     size: {}
   },
   setup(a) {
-    const t = a, e = $({
+    const t = a, e = T({
       variants: {
         size: {
           xs: "h-3 w-3 stroke-[1.4]",
@@ -655,16 +810,16 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
       defaultVariants: {
         size: "full"
       }
-    }), n = V(t.icon);
-    return (f, g) => l(n) ? (u(), N(U(l(V)(f.icon)), {
+    }), r = U(t.icon);
+    return (c, d) => o(r) ? (m(), x(Y(o(U)(c.icon)), {
       key: 0,
-      class: b(l(w)("scalar-icon", l(e)({ size: f.size })))
-    }, null, 8, ["class"])) : (u(), h("img", {
+      class: S(o(E)("scalar-icon", o(e)({ size: c.size })))
+    }, null, 8, ["class"])) : (m(), v("img", {
       key: 1,
-      src: f.icon
-    }, null, 8, Ne));
+      src: c.icon
+    }, null, 8, Ye));
   }
-}), Ie = ["ariaDisabled"], Ce = { class: "sr-only" }, q = /* @__PURE__ */ _({
+}), Je = ["ariaDisabled"], Ze = { class: "sr-only" }, Q = /* @__PURE__ */ y({
   __name: "ScalarIconButton",
   props: {
     label: {},
@@ -674,7 +829,7 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
     size: { default: "md" }
   },
   setup(a) {
-    const t = $({
+    const t = T({
       base: "scalar-icon-button grid aspect-square cursor-pointer rounded",
       variants: {
         size: {
@@ -686,19 +841,19 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
         disabled: {
           true: "cursor-not-allowed shadow-none"
         },
-        variant: X
+        variant: Z
       }
     });
-    return (e, n) => (u(), h("button", {
+    return (e, r) => (m(), v("button", {
       ariaDisabled: e.disabled || void 0,
-      class: b(l(w)(l(t)({ size: e.size, variant: e.variant, disabled: e.disabled }))),
+      class: S(o(E)(o(t)({ size: e.size, variant: e.variant, disabled: e.disabled }))),
       type: "button"
     }, [
-      D(l(M), { icon: e.icon }, null, 8, ["icon"]),
-      v("span", Ce, A(e.label), 1)
-    ], 10, Ie));
+      N(o(V), { icon: e.icon }, null, 8, ["icon"]),
+      h("span", Ze, D(e.label), 1)
+    ], 10, Je));
   }
-}), lt = () => j({
+}), zt = () => W({
   open: !1,
   show() {
     this.open = !0;
@@ -706,7 +861,7 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
   hide() {
     this.open = !1;
   }
-}), Ae = /* @__PURE__ */ _({
+}), Qe = /* @__PURE__ */ y({
   __name: "ScalarModal",
   props: {
     state: {},
@@ -717,7 +872,7 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
     variant: {}
   },
   setup(a) {
-    const t = $({
+    const t = T({
       base: [
         "scalar-modal",
         "col leading-snug relative mx-auto mb-0 mt-20 w-full rounded-lg bg-back-2 text-left text-fore-1 opacity-0"
@@ -735,46 +890,46 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
         }
       }
     });
-    return (e, n) => (u(), N(l(le), {
+    return (e, r) => (m(), x(o(ve), {
       open: e.state.open,
-      onClose: n[0] || (n[0] = (f) => e.state.hide())
+      onClose: r[0] || (r[0] = (c) => e.state.hide())
     }, {
-      default: R(() => [
-        v("div", {
-          class: b(
-            l(w)(
+      default: _(() => [
+        h("div", {
+          class: S(
+            o(E)(
               "scalar-modal-layout fixed left-0 top-0",
               "z-[1001] h-[100dvh] w-[100dvw]",
               "bg-backdrop p-5 opacity-0"
             )
           )
         }, [
-          D(l(ce), {
-            class: b(l(t)({ size: e.size, variant: e.variant })),
-            style: W({ maxWidth: e.maxWidth })
+          N(o(be), {
+            class: S(o(t)({ size: e.size, variant: e.variant })),
+            style: J({ maxWidth: e.maxWidth })
           }, {
-            default: R(() => [
-              e.title ? (u(), N(l(de), {
+            default: _(() => [
+              e.title ? (m(), x(o(Se), {
                 key: 0,
-                class: b(["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: 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" }])
               }, {
-                default: R(() => [
-                  C(A(e.title), 1)
+                default: _(() => [
+                  R(D(e.title), 1)
                 ]),
                 _: 1
-              }, 8, ["class"])) : k("", !0),
-              D(l(ue), {
-                class: b([
+              }, 8, ["class"])) : $("", !0),
+              N(o(_e), {
+                class: S([
                   "scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 px-6 pb-4 pt-6",
-                  l(w)(
+                  o(E)(
                     e.bodyClass,
                     e.variant === "history" && "pt-3",
                     e.variant === "search" && "col max-h-[440px] overflow-hidden p-0"
                   )
                 ])
               }, {
-                default: R(() => [
-                  y(e.$slots, "default", {}, void 0, !0)
+                default: _(() => [
+                  b(e.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["class"])
@@ -786,7 +941,44 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
       _: 3
     }, 8, ["open"]));
   }
-}), Te = /* @__PURE__ */ B(Ae, [["__scopeId", "data-v-ff85ced0"]]), xe = { class: "sr-only" }, Le = ["value"], $e = /* @__PURE__ */ _({
+}), et = /* @__PURE__ */ B(Qe, [["__scopeId", "data-v-ff85ced0"]]), tt = /* @__PURE__ */ h("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), at = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "ScalarPopover",
+  props: {
+    placement: {},
+    resize: { type: Boolean }
+  },
+  setup(a) {
+    return (t, e) => (m(), x(o(ye), null, {
+      default: _(() => [
+        N(o(G), oe(ie(t.$props)), {
+          floating: _(({ width: r, height: c }) => [
+            N(o(we), A({
+              class: "relative flex flex-col p-0.75",
+              style: { width: r, height: c }
+            }, t.$attrs), {
+              default: _(() => [
+                b(t.$slots, "popover"),
+                tt
+              ]),
+              _: 2
+            }, 1040, ["style"])
+          ]),
+          default: _(() => [
+            N(o(ke), { as: "template" }, {
+              default: _(() => [
+                b(t.$slots, "default")
+              ]),
+              _: 3
+            })
+          ]),
+          _: 3
+        }, 16)
+      ]),
+      _: 3
+    }));
+  }
+}), rt = { class: "sr-only" }, st = ["value"], nt = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "ScalarSearchInput",
   props: {
@@ -796,25 +988,25 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
   emits: ["update:modelValue"],
   setup(a, { emit: t }) {
     const e = t;
-    function n(g) {
-      e("update:modelValue", g.target.value);
+    function r(d) {
+      e("update:modelValue", d.target.value);
     }
-    const f = T(() => {
-      const { class: g, ...r } = x();
-      return { className: g || "", rest: r };
+    const c = k(() => {
+      const { class: d, ...s } = O();
+      return { className: d || "", rest: s };
     });
-    return (g, r) => (u(), h("label", L(f.value.rest, {
-      class: l(w)(
+    return (d, s) => (m(), v("label", A(c.value.rest, {
+      class: o(E)(
         "flex rounded border bg-back-1 text-sm font-medium focus-within:border-fore-1",
-        f.value.className
+        c.value.className
       )
     }), [
-      v("span", xe, [
-        y(g.$slots, "label", {}, () => [
-          C("Enter search")
+      h("span", rt, [
+        b(d.$slots, "label", {}, () => [
+          R("Enter search")
         ])
       ]),
-      v("input", {
+      h("input", {
         autocapitalize: "off",
         autocomplete: "off",
         autocorrect: "off",
@@ -822,58 +1014,58 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
         placeholder: "Search...",
         spellcheck: "false",
         type: "text",
-        value: g.modelValue,
-        onInput: n
-      }, null, 40, Le),
-      g.loading && g.loading.isLoading ? (u(), N(l(H), {
+        value: d.modelValue,
+        onInput: r
+      }, null, 40, st),
+      d.loading && d.loading.isLoading ? (m(), x(o(H), {
         key: 0,
         class: "mr-3 self-center",
-        loadingState: g.loading,
+        loadingState: d.loading,
         size: "20px"
-      }, null, 8, ["loadingState"])) : g.modelValue ? (u(), N(l(q), {
+      }, null, 8, ["loadingState"])) : d.modelValue ? (m(), x(o(Q), {
         key: 1,
         class: "self-center",
         icon: "Close",
         label: "Clear Search",
         size: "md",
-        onClick: r[0] || (r[0] = (c) => e("update:modelValue", ""))
-      })) : k("", !0)
+        onClick: s[0] || (s[0] = (u) => e("update:modelValue", ""))
+      })) : $("", !0)
     ], 16));
   }
-}), Re = { class: "flex flex-col items-center gap-2 px-3 py-4" }, Oe = /* @__PURE__ */ v("div", { class: "rotate-90 text-lg font-bold" }, ":(", -1), De = { class: "text-sm font-medium text-fore-2" }, Pe = /* @__PURE__ */ _({
+}), ot = { class: "flex flex-col items-center gap-2 px-3 py-4" }, it = /* @__PURE__ */ h("div", { class: "rotate-90 text-lg font-bold" }, ":(", -1), lt = { class: "text-sm font-medium text-fore-2" }, dt = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "ScalarSearchResultList",
   props: {
     noResults: { type: Boolean }
   },
   setup(a) {
-    const t = T(() => {
-      const { class: e, ...n } = x();
-      return { className: e || "", rest: n };
+    const t = k(() => {
+      const { class: e, ...r } = O();
+      return { className: e || "", rest: r };
     });
-    return (e, n) => (u(), h("ul", L(t.value.rest, {
-      class: l(w)("flex flex-col", t.value.className)
+    return (e, r) => (m(), v("ul", A(t.value.rest, {
+      class: o(E)("flex flex-col", t.value.className)
     }), [
-      e.noResults ? y(e.$slots, "noResults", { key: 0 }, () => [
-        v("div", Re, [
-          Oe,
-          v("div", De, [
-            C(" No results found "),
-            e.$slots.query ? (u(), h(ae, { key: 0 }, [
-              C('for "'),
-              y(e.$slots, "query"),
-              C('"')
-            ], 64)) : k("", !0)
+      e.noResults ? b(e.$slots, "noResults", { key: 0 }, () => [
+        h("div", ot, [
+          it,
+          h("div", lt, [
+            R(" No results found "),
+            e.$slots.query ? (m(), v(K, { key: 0 }, [
+              R('for "'),
+              b(e.$slots, "query"),
+              R('"')
+            ], 64)) : $("", !0)
           ])
         ])
-      ]) : k("", !0),
-      y(e.$slots, "default")
+      ]) : $("", !0),
+      b(e.$slots, "default")
     ], 16));
   }
-}), ze = { class: "contents" }, Be = { class: "text-fore-3 group-hover:text-fore-1" }, He = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, Me = { class: "flex items-center gap-1" }, Ge = { class: "flex-1 truncate text-sm font-medium" }, Ve = {
+}), ct = { class: "contents" }, ut = { class: "text-fore-3 group-hover:text-fore-1" }, pt = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, mt = { class: "flex items-center gap-1" }, gt = { class: "flex-1 truncate text-sm font-medium" }, ft = {
   key: 0,
   class: "text-xs text-fore-2"
-}, je = { class: "truncate text-xs text-fore-2" }, Fe = /* @__PURE__ */ _({
+}, ht = { class: "truncate text-xs text-fore-2" }, vt = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "ScalarSearchResultItem",
   props: {
@@ -881,13 +1073,13 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
     active: { type: Boolean }
   },
   setup(a) {
-    const t = T(() => {
-      const { class: e, ...n } = x();
-      return { className: e || "", rest: n };
+    const t = k(() => {
+      const { class: e, ...r } = O();
+      return { className: e || "", rest: r };
     });
-    return (e, n) => (u(), h("li", ze, [
-      v("a", L(t.value.rest, {
-        class: l(w)(
+    return (e, r) => (m(), v("li", ct, [
+      h("a", A(t.value.rest, {
+        class: o(E)(
           "group flex cursor-pointer gap-3 rounded px-3 py-1.5 no-underline hover:bg-back-2",
           {
             "bg-back-2": e.active
@@ -895,32 +1087,32 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
           t.value.className
         )
       }), [
-        v("div", Be, [
-          y(e.$slots, "icon", {}, () => [
-            e.icon ? (u(), N(l(M), {
+        h("div", ut, [
+          b(e.$slots, "icon", {}, () => [
+            e.icon ? (m(), x(o(V), {
               key: 0,
               icon: e.icon,
               size: "sm"
-            }, null, 8, ["icon"])) : k("", !0)
+            }, null, 8, ["icon"])) : $("", !0)
           ])
         ]),
-        v("div", He, [
-          v("div", Me, [
-            v("div", Ge, [
-              y(e.$slots, "default")
+        h("div", pt, [
+          h("div", mt, [
+            h("div", gt, [
+              b(e.$slots, "default")
             ]),
-            e.$slots.addon ? (u(), h("div", Ve, [
-              y(e.$slots, "addon")
-            ])) : k("", !0)
+            e.$slots.addon ? (m(), v("div", ft, [
+              b(e.$slots, "addon")
+            ])) : $("", !0)
           ]),
-          v("div", je, [
-            y(e.$slots, "description")
+          h("div", ht, [
+            b(e.$slots, "description")
           ])
         ])
       ], 16)
     ]));
   }
-}), Ue = { class: "scalar-input-container relative" }, We = ["for"], Xe = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, qe = /* @__PURE__ */ _({
+}), bt = { class: "scalar-input-container relative" }, St = ["for"], _t = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, yt = /* @__PURE__ */ y({
   __name: "ScalarTextField",
   props: {
     modelValue: {},
@@ -937,7 +1129,7 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
   },
   emits: ["submit", "update:modelValue"],
   setup(a, { emit: t }) {
-    const e = a, n = t, f = $({
+    const e = a, r = t, c = T({
       base: "scalar-input-wrapper relative flex items-center rounded border border-solid border-border",
       variants: {
         focus: {
@@ -945,97 +1137,102 @@ const Ee = ["innerHTML"], it = /* @__PURE__ */ _({
         },
         error: { true: "scalar-input-wrapper-error border-error" }
       }
-    }), g = x(), r = g.id || `id-${me()}`, c = P(), o = P(!1);
-    let d;
+    }), d = O(), s = d.id || `id-${Ae()}`, u = I(), i = I(!1);
+    let g;
     if (e.isMultiline) {
-      const { triggerResize: i } = pe({
-        element: c,
+      const { triggerResize: l } = Ce({
+        element: u,
         input: e.modelValue
       });
-      d = i;
+      g = l;
     }
-    function p(i) {
-      const S = i.target.value;
-      e.isMultiline && d(), e.handleFieldChange ? e.handleFieldChange(S) : n("update:modelValue", S);
+    function p(l) {
+      const w = l.target.value;
+      e.isMultiline && g(), e.handleFieldChange ? e.handleFieldChange(w) : r("update:modelValue", w);
     }
-    function s(i) {
-      const S = i.target, E = e.disableTrim || e.isMultiline ? S.value : S.value.trim();
-      e.handleFieldSubmit ? e.handleFieldSubmit(E) : n("submit", E);
+    function n(l) {
+      const w = l.target, C = e.disableTrim || e.isMultiline ? w.value : w.value.trim();
+      e.handleFieldSubmit ? e.handleFieldSubmit(C) : r("submit", C);
     }
-    function m(i) {
-      o.value = !1, e.emitOnBlur && e.modelValue && s(i);
+    function f(l) {
+      i.value = !1, e.emitOnBlur && e.modelValue && n(l);
     }
-    return F(() => {
-      var i;
-      Object.prototype.hasOwnProperty.call(g, "autofocus") && ((i = c.value) == null || i.focus());
-    }), (i, S) => (u(), h("div", Ue, [
-      v("div", {
-        class: b(l(f)({ error: i.error, focus: o.value }))
+    return q(() => {
+      var l;
+      Object.prototype.hasOwnProperty.call(d, "autofocus") && ((l = u.value) == null || l.focus());
+    }), (l, w) => (m(), v("div", bt, [
+      h("div", {
+        class: S(o(c)({ error: l.error, focus: i.value }))
       }, [
-        (u(), N(U(i.isMultiline ? "textarea" : "input"), L({ id: l(r) }, i.$attrs, {
+        (m(), x(Y(l.isMultiline ? "textarea" : "input"), A({ id: o(s) }, l.$attrs, {
           ref_key: "input",
-          ref: c,
+          ref: u,
           class: [
             "scalar-input",
-            l(w)(
-              { "min-h-[77px]": i.isMultiline },
+            o(E)(
+              { "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"
             )
           ],
-          placeholder: i.placeholder,
-          value: i.modelValue,
-          onBlur: m,
-          onFocus: S[0] || (S[0] = (E) => o.value = !0),
+          placeholder: l.placeholder,
+          value: l.modelValue,
+          onBlur: f,
+          onFocus: w[0] || (w[0] = (C) => i.value = !0),
           onInput: p,
-          onKeyup: re(s, ["enter"])
+          onKeyup: le(n, ["enter"])
         }), null, 16, ["id", "class", "placeholder", "value"])),
-        i.label ? (u(), h("label", {
+        l.label ? (m(), v("label", {
           key: 0,
-          class: b(
-            l(w)(
+          class: S(
+            o(E)(
               "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: l(r),
-          style: W({
-            "box-shadow": `0 0 4px 4px ${i.labelShadowColor}`,
-            "background-color": i.labelShadowColor
+          for: o(s),
+          style: J({
+            "box-shadow": `0 0 4px 4px ${l.labelShadowColor}`,
+            "background-color": l.labelShadowColor
           })
-        }, A(i.label), 15, We)) : k("", !0),
-        v("div", Xe, [
-          y(i.$slots, "default", {}, void 0, !0)
+        }, D(l.label), 15, St)) : $("", !0),
+        h("div", _t, [
+          b(l.$slots, "default", {}, void 0, !0)
         ])
       ], 2),
-      v("span", {
-        class: b(
-          l(w)(
+      h("span", {
+        class: S(
+          o(E)(
             "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"
           )
         )
-      }, A(i.helperText), 3)
+      }, D(l.helperText), 3)
     ]));
   }
-}), Ke = /* @__PURE__ */ B(qe, [["__scopeId", "data-v-4fc2339e"]]), ct = {
+}), wt = /* @__PURE__ */ B(yt, [["__scopeId", "data-v-4fc2339e"]]), Bt = {
   install: (a) => {
-    a.component("ScalarButton", ke), a.component("ScalarIcon", M), a.component("ScalarIconButton", q), a.component("ScalarLoading", H), a.component("ScalarModal", Te), a.component("ScalarSearchInput", $e), a.component("ScalarSearchResultItem", Fe), a.component("ScalarSearchResultList", Pe), a.component("ScalarTextField", Ke);
+    a.component("ScalarButton", Me), a.component("ScalarDropdown", je), a.component("ScalarDropdownDivider", qe), a.component("ScalarDropdownItem", Ke), a.component("ScalarFloating", G), a.component("ScalarIcon", V), a.component("ScalarIconButton", Q), a.component("ScalarLoading", H), a.component("ScalarModal", et), a.component("ScalarPopover", at), a.component("ScalarSearchInput", nt), a.component("ScalarSearchResultItem", vt), a.component("ScalarSearchResultList", dt), a.component("ScalarTextField", wt);
   }
 };
 export {
-  ke as ScalarButton,
-  it as ScalarCodeBlock,
-  M as ScalarIcon,
-  q as ScalarIconButton,
+  Me as ScalarButton,
+  Pt as ScalarCodeBlock,
+  je as ScalarDropdown,
+  qe as ScalarDropdownDivider,
+  Ke as ScalarDropdownItem,
+  G as ScalarFloating,
+  V as ScalarIcon,
+  Q as ScalarIconButton,
   H as ScalarLoading,
-  Te as ScalarModal,
-  $e as ScalarSearchInput,
-  Fe as ScalarSearchResultItem,
-  Pe as ScalarSearchResultList,
-  Ke as ScalarTextField,
-  ct as default,
-  ot as useLoadingState,
-  lt as useModal
+  et as ScalarModal,
+  at as ScalarPopover,
+  nt as ScalarSearchInput,
+  vt as ScalarSearchResultItem,
+  dt as ScalarSearchResultList,
+  wt as ScalarTextField,
+  Bt as default,
+  Ot as useLoadingState,
+  zt as useModal
 };