@scalar/components 0.5.1 → 0.5.3

package/dist/index.js

@@ -1,29 +1,29 @@
 import './main.css';
-import { defineComponent as _, useCssVars as q, openBlock as u, createElementBlock as f, normalizeClass as b, unref as i, createElementVNode as v, createCommentVNode as k, createStaticVNode as K, reactive as V, computed as C, useAttrs as T, mergeProps as L, renderSlot as w, createVNode as O, ref as D, watch as Y, nextTick as J, onServerPrefetch as Z, useSSRContext as Q, onMounted as F, toDisplayString as A, defineAsyncComponent as ee, createBlock as N, resolveDynamicComponent as j, withCtx as R, normalizeStyle as U, createTextVNode as I, Fragment as ae, withKeys as te } from "vue";
-import { defineConfig as re } from "cva";
-import { extendTailwindMerge as se } from "tailwind-merge";
-import { createHash as oe, ssrState as ne } from "@scalar/oas-utils";
-import x from "prismjs";
-import { Dialog as le, DialogPanel as ie, DialogTitle as ce, DialogDescription as de } from "@headlessui/vue";
-import { useTextareaAutosize as ue } from "@vueuse/core";
-import { nanoid as pe } from "nanoid";
-const P = "scalar-component", me = se({
+import { defineComponent as k, useCssVars as K, openBlock as u, createElementBlock as h, normalizeClass as b, unref as l, createElementVNode as v, createCommentVNode as _, createStaticVNode as Y, reactive as j, computed as T, useAttrs as L, mergeProps as x, 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({
   extend: {
     classGroups: {
       // Add the scalar class prefix as a custom class to be deduped by tailwind-merge
-      [P]: [P]
+      [z]: [z]
     }
   }
-}), { cva: $, cx: y, compose: ra } = re({
+}), { cva: $, cx: w, compose: nt } = se({
   hooks: {
-    onComplete: (t) => `${me(t, P)}`
+    onComplete: (a) => `${ge(a, z)}`
   }
-}), ge = /* @__PURE__ */ K('<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 = {
+}), 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 = {
   key: 0,
   class: "circular-loader"
 };
-function sa() {
-  return V({
+function ot() {
+  return j({
     isValid: !1,
     isInvalid: !1,
     isLoading: !1,
@@ -33,56 +33,56 @@ function sa() {
     stopLoading() {
       this.isLoading = !1;
     },
-    validate(t = 800) {
+    validate(a = 800) {
       this.isValid = !0;
-      const a = t - 300;
+      const t = a - 300;
       return new Promise(
-        (e) => setTimeout(() => this.clear().then(() => e(!0)), a)
+        (e) => setTimeout(() => this.clear().then(() => e(!0)), t)
       );
     },
-    invalidate(t = 1100) {
+    invalidate(a = 1100) {
       this.isInvalid = !0;
-      const a = t - 300;
+      const t = a - 300;
       return new Promise(
-        (e) => setTimeout(() => this.clear().then(() => e(!0)), a)
+        (e) => setTimeout(() => this.clear().then(() => e(!0)), t)
       );
     },
-    clear(t = 300) {
-      return this.isValid = !1, this.isInvalid = !1, this.isLoading = !1, new Promise((a) => {
+    clear(a = 300) {
+      return this.isValid = !1, this.isInvalid = !1, this.isLoading = !1, new Promise((t) => {
         setTimeout(() => {
-          a(!0);
-        }, t);
+          t(!0);
+        }, a);
       });
     }
   });
 }
-const fe = /* @__PURE__ */ _({
+const ve = /* @__PURE__ */ k({
   __name: "ScalarLoading",
   props: {
     loadingState: {},
     size: { default: "24px" }
   },
-  setup(t) {
-    return q((a) => ({
-      d6cae758: a.size
-    })), (a, e) => a.loadingState ? (u(), f("div", {
+  setup(a) {
+    return K((t) => ({
+      d6cae758: t.size
+    })), (t, e) => t.loadingState ? (u(), h("div", {
       key: 0,
-      class: b(i(y)("loader-wrapper"))
+      class: b(l(w)("loader-wrapper"))
     }, [
-      (u(), f("svg", {
+      (u(), h("svg", {
         class: b(["svg-loader", {
-          "icon-is-valid": a.loadingState.isValid,
-          "icon-is-invalid": a.loadingState.isInvalid
+          "icon-is-valid": t.loadingState.isValid,
+          "icon-is-invalid": t.loadingState.isInvalid
         }]),
         viewBox: "0 0 100 100",
         xmlns: "http://www.w3.org/2000/svg",
         "xmlns:xlink": "http://www.w3.org/1999/xlink"
       }, [
-        ge,
-        a.loadingState.isLoading ? (u(), f("g", he, [
+        fe,
+        t.loadingState.isLoading ? (u(), h("g", he, [
           v("circle", {
             class: b(["loader-path", {
-              "loader-path-off": a.loadingState.isValid || a.loadingState.isInvalid
+              "loader-path-off": t.loadingState.isValid || t.loadingState.isInvalid
             }]),
             cx: "50",
             cy: "50",
@@ -90,16 +90,16 @@ const fe = /* @__PURE__ */ _({
             r: "20",
             "stroke-width": "2"
           }, null, 2)
-        ])) : k("", !0)
+        ])) : _("", !0)
       ], 2))
-    ], 2)) : k("", !0);
+    ], 2)) : _("", !0);
   }
-}), z = (t, a) => {
-  const e = t.__vccOpts || t;
-  for (const [l, h] of a)
-    e[l] = h;
+}), B = (a, t) => {
+  const e = a.__vccOpts || a;
+  for (const [n, f] of t)
+    e[n] = f;
   return e;
-}, H = /* @__PURE__ */ z(fe, [["__scopeId", "data-v-47faceda"]]), W = {
+}, H = /* @__PURE__ */ B(ve, [["__scopeId", "data-v-47faceda"]]), X = {
   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 fe = /* @__PURE__ */ _({
     "scalar-button-danger",
     "bg-error text-white active:brightness-90 hocus:brightness-90"
   ]
-}, ve = $({
+}, be = $({
   base: "scalar-button row cursor-pointer items-center justify-center rounded font-medium",
   variants: {
     disabled: {
@@ -124,7 +124,7 @@ const fe = /* @__PURE__ */ _({
     },
     fullWidth: { true: "w-full" },
     size: { md: "h-10 px-6 text-sm" },
-    variant: W
+    variant: X
   },
   compoundVariants: [
     {
@@ -133,13 +133,13 @@ const fe = /* @__PURE__ */ _({
       class: "bg-transparent text-ghost"
     }
   ]
-}), be = ["ariaDisabled"], Se = {
+}), Se = ["ariaDisabled"], ye = {
   key: 0,
   class: "mr-2 h-4 w-4"
 }, we = {
   key: 1,
   class: "ml-2"
-}, ye = /* @__PURE__ */ _({
+}, _e = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "ScalarButton",
   props: {
@@ -149,45 +149,45 @@ const fe = /* @__PURE__ */ _({
     size: { default: "md" },
     variant: { default: "solid" }
   },
-  setup(t) {
-    const a = C(() => {
-      const { class: e, ...l } = T();
-      return { className: e || "", rest: l };
+  setup(a) {
+    const t = T(() => {
+      const { class: e, ...n } = L();
+      return { className: e || "", rest: n };
     });
-    return (e, l) => (u(), f("button", L(a.value.rest, {
+    return (e, n) => (u(), h("button", x(t.value.rest, {
       ariaDisabled: e.disabled || void 0,
-      class: i(y)(
-        i(ve)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
+      class: l(w)(
+        l(be)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
         { "pl-9 pr-3": e.loading },
-        `${a.value.className}`
+        `${t.value.className}`
       ),
       type: "button"
     }), [
-      e.$slots.icon ? (u(), f("div", Se, [
-        w(e.$slots, "icon")
-      ])) : k("", !0),
-      w(e.$slots, "default"),
-      e.loading ? (u(), f("div", we, [
-        O(i(H), {
+      e.$slots.icon ? (u(), h("div", ye, [
+        y(e.$slots, "icon")
+      ])) : _("", !0),
+      y(e.$slots, "default"),
+      e.loading ? (u(), h("div", we, [
+        D(l(H), {
           loadingState: e.loading,
           size: "20px"
         }, null, 8, ["loadingState"])
-      ])) : k("", !0)
-    ], 16, be));
+      ])) : _("", !0)
+    ], 16, Se));
   }
 });
-(function(t) {
-  var a = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", e = {
+(function(a) {
+  var t = "\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b", e = {
     pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
     lookbehind: !0,
     alias: "punctuation",
     // this looks reasonably well in all themes
     inside: null
     // see below
-  }, l = {
+  }, n = {
     bash: e,
     environment: {
-      pattern: RegExp("\\$" + a),
+      pattern: RegExp("\\$" + t),
       alias: "constant"
     },
     variable: [
@@ -227,7 +227,7 @@ const fe = /* @__PURE__ */ _({
           operator: /:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,
           punctuation: /[\[\]]/,
           environment: {
-            pattern: RegExp("(\\{)" + a),
+            pattern: RegExp("(\\{)" + t),
             lookbehind: !0,
             alias: "constant"
           }
@@ -238,7 +238,7 @@ const fe = /* @__PURE__ */ _({
     // Escape sequences from echo and printf's manuals, and escaped quotes.
     entity: /\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/
   };
-  t.languages.bash = {
+  a.languages.bash = {
     shebang: {
       pattern: /^#!\s*\/.*/,
       alias: "important"
@@ -276,7 +276,7 @@ const fe = /* @__PURE__ */ _({
       pattern: /(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,
       inside: {
         environment: {
-          pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + a),
+          pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + t),
           lookbehind: !0,
           alias: "constant"
         }
@@ -296,7 +296,7 @@ const fe = /* @__PURE__ */ _({
         pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
         lookbehind: !0,
         greedy: !0,
-        inside: l
+        inside: n
       },
       // Here-document with quotes around the tag
       // → No expansion (so no “inside”).
@@ -314,7 +314,7 @@ const fe = /* @__PURE__ */ _({
         pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
         lookbehind: !0,
         greedy: !0,
-        inside: l
+        inside: n
       },
       {
         // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
@@ -327,15 +327,15 @@ const fe = /* @__PURE__ */ _({
         pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
         greedy: !0,
         inside: {
-          entity: l.entity
+          entity: n.entity
         }
       }
     ],
     environment: {
-      pattern: RegExp("\\$?" + a),
+      pattern: RegExp("\\$?" + t),
       alias: "constant"
     },
-    variable: l.variable,
+    variable: n.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
@@ -374,8 +374,8 @@ const fe = /* @__PURE__ */ _({
       pattern: /(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,
       lookbehind: !0
     }
-  }, e.inside = t.languages.bash;
-  for (var h = [
+  }, e.inside = a.languages.bash;
+  for (var f = [
     "comment",
     "function-name",
     "for-or-select",
@@ -391,9 +391,9 @@ const fe = /* @__PURE__ */ _({
     "operator",
     "punctuation",
     "number"
-  ], g = l.variable[1].inside, r = 0; r < h.length; r++)
-    g[h[r]] = t.languages.bash[h[r]];
-  t.languages.sh = t.languages.bash, t.languages.shell = t.languages.bash;
+  ], g = n.variable[1].inside, r = 0; r < f.length; r++)
+    g[f[r]] = a.languages.bash[f[r]];
+  a.languages.sh = a.languages.bash, a.languages.shell = a.languages.bash;
 })(Prism);
 Prism.languages.json = {
   property: {
@@ -423,7 +423,7 @@ Prism.languages.webmanifest = Prism.languages.json;
 (function() {
   if (typeof Prism > "u" || typeof document > "u")
     return;
-  var t = "line-numbers", a = /\n(?!$)/g, e = Prism.plugins.lineNumbers = {
+  var a = "line-numbers", t = /\n(?!$)/g, e = Prism.plugins.lineNumbers = {
     /**
      * Get node for provided line number
      *
@@ -432,7 +432,7 @@ Prism.languages.webmanifest = Prism.languages.json;
      * @returns {Element|undefined}
      */
     getLine: function(r, c) {
-      if (!(r.tagName !== "PRE" || !r.classList.contains(t))) {
+      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);
@@ -451,7 +451,7 @@ Prism.languages.webmanifest = Prism.languages.json;
      * @returns {void}
      */
     resize: function(r) {
-      l([r]);
+      n([r]);
     },
     /**
      * Whether the plugin can assume that the units font sizes and margins are not depended on the size of
@@ -465,32 +465,32 @@ Prism.languages.webmanifest = Prism.languages.json;
      */
     assumeViewportIndependence: !0
   };
-  function l(r) {
+  function n(r) {
     if (r = r.filter(function(o) {
-      var d = h(o), p = d["white-space"];
+      var d = f(o), p = d["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(a);
+          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 n = s.getBoundingClientRect().height;
+          var i = s.getBoundingClientRect().height;
           return s.innerHTML = "", {
             element: o,
             lines: m,
             lineHeights: [],
-            oneLinerHeight: n,
+            oneLinerHeight: i,
             sizer: s
           };
         }
       }).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(n, S) {
-          if (n && n.length > 1) {
+        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 = n;
+            E.style.display = "block", E.textContent = i;
           } else
             s[S] = m;
         });
@@ -505,12 +505,12 @@ Prism.languages.webmanifest = Prism.languages.json;
       });
     }
   }
-  function h(r) {
+  function f(r) {
     return r ? window.getComputedStyle ? getComputedStyle(r) : r.currentStyle || null : null;
   }
   var g = void 0;
   window.addEventListener("resize", function() {
-    e.assumeViewportIndependence && g === window.innerWidth || (g = window.innerWidth, l(Array.prototype.slice.call(document.querySelectorAll("pre." + t))));
+    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 = (
@@ -520,17 +520,43 @@ Prism.languages.webmanifest = Prism.languages.json;
         /** @type {HTMLElement} */
         c.parentNode
       );
-      if (!(!o || !/pre/i.test(o.nodeName)) && !c.querySelector(".line-numbers-rows") && Prism.util.isActive(c, t)) {
-        c.classList.remove(t), o.classList.add(t);
-        var d = r.code.match(a), 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), l([o]), Prism.hooks.run("line-numbers", r);
+      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);
       }
     }
   }), Prism.hooks.add("line-numbers", function(r) {
     r.plugins = r.plugins || {}, r.plugins.lineNumbers = !0;
   });
 })();
-const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
+function ke(a) {
+  const t = /* @__PURE__ */ new Set();
+  return JSON.stringify(
+    a,
+    (e, n) => {
+      if (typeof n == "object" && n !== null) {
+        if (t.has(n))
+          return "[Circular]";
+        t.add(n);
+      }
+      return n;
+    },
+    2
+  );
+}
+function O(a) {
+  if (typeof a == "string")
+    return a;
+  if (typeof a == "object")
+    try {
+      return JSON.stringify(a, null, 2);
+    } catch {
+      return ke(a);
+    }
+  return a;
+}
+const Ee = ["innerHTML"], it = /* @__PURE__ */ k({
   __name: "ScalarCodeBlock",
   props: {
     content: {},
@@ -538,54 +564,52 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
     lineNumbers: { type: Boolean, default: !1 },
     hideCredentials: {}
   },
-  setup(t) {
-    const a = t, e = oe(
-      typeof a.content == "object" ? JSON.stringify(a.content) : a.content
-    ), l = `components-scalar-code-block${e}`, { plugins: h, highlightElement: g } = x;
-    a.hideCredentials && x.hooks.add("wrap", function(s) {
-      if (!a.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) {
+      if (!t.hideCredentials)
         return;
       let m = !1;
-      typeof a.hideCredentials == "string" ? s.content.includes(a.hideCredentials) && (m = !0) : Array.isArray(a.hideCredentials) && (m = a.hideCredentials.some(
-        (n) => s.content.includes(n)
+      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(
         /<span class="credentials">.*?<\/span>/g,
-        (n) => n.replace(/<span class="credentials">|<\/span>/g, "")
+        (i) => i.replace(/<span class="credentials">|<\/span>/g, "")
       ), s.content = s.content.replace(
         new RegExp(
-          typeof a.hideCredentials == "string" ? a.hideCredentials : a.hideCredentials.join("|"),
+          typeof t.hideCredentials == "string" ? t.hideCredentials : t.hideCredentials.join("|"),
           "g"
         ),
-        (n) => `<span class="credentials">${n}</span>`
+        (i) => `<span class="credentials">${i}</span>`
       ));
     });
-    const r = D(null), c = D(ne[l] ?? ""), o = C(() => a.lang === "node" ? "js" : a.lang), d = a.lang;
-    Y(
-      [() => a.lang, () => a.content, r],
+    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],
       () => {
-        r.value && a.content && (!c.value || a.lang !== d) && (c.value = "", J(() => g(r.value)));
+        r.value && t.content && (!c.value || t.lang !== d) && (c.value = "", Z(() => g(r.value)));
       },
       { immediate: !0 }
     );
     const p = /\n(?!$)/g;
-    return Z(async () => {
+    return Q(async () => {
       let s = "";
-      a.lineNumbers && x.hooks.add("after-tokenize", (n) => {
-        const S = n.code.match(p), E = S ? S.length + 1 : 1;
+      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>`;
       });
-      const m = x.highlight(
-        typeof a.content == "object" ? JSON.stringify(a.content) : a.content,
-        x.languages[o.value],
+      const m = I.highlight(
+        O(t.content),
+        I.languages[o.value],
         o.value
       );
       if (c.value = m + s, e !== 0) {
-        const n = Q();
-        n.payload.data[l] = m + s;
+        const i = ee();
+        i.payload.data[n] = m + s;
       }
     }), F(async () => {
-      await import("./prism-autoloader-Dlh8Vzlw.js"), h.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
-    }), (s, m) => (u(), f("pre", {
+      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}`,
         {
@@ -593,29 +617,29 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
         }
       ])
     }, [
-      c.value ? (u(), f("code", {
+      c.value ? (u(), h("code", {
         key: 0,
         class: b(`scalar-codeblock-code language-${o.value}`),
-        innerHTML: c.value
-      }, null, 10, ke)) : (u(), f("code", {
+        innerHTML: l(O)(c.value)
+      }, null, 10, Ee)) : (u(), h("code", {
         key: 1,
         ref_key: "el",
         ref: r,
         class: b(`scalar-codeblock-code language-${o.value}`)
-      }, A(s.content), 3))
+      }, A(l(O)(s.content)), 3))
     ], 2));
   }
-}), B = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-MwmVL5-v.js"), "./CheckMark.svg": () => import("./CheckMark-t0gl4N9U.js"), "./ChevronDown.svg": () => import("./ChevronDown-BfsntkAH.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-gsLd5xOQ.js"), "./ChevronRight.svg": () => import("./ChevronRight-CI_7n_av.js"), "./ChevronUp.svg": () => import("./ChevronUp-CjHRmG59.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv.js"), "./Close.svg": () => import("./Close-DFM1qMQH.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cf9f6-KB.js"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I.js"), "./DocsPage.svg": () => import("./DocsPage-Do-Ol9Hb.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./ExternalLink.svg": () => import("./ExternalLink-D5zCsWas.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.js"), "./JsonObject.svg": () => import("./JsonObject-BvFDNssB.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-DFi9Laso.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB.js"), "./Search.svg": () => import("./Search-DqtlswRG.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5.js"), "./arrow-chevron-down.svg": () => import("./arrow-chevron-down-C8nXK33Q.js"), "./arrow-chevron-left.svg": () => import("./arrow-chevron-left-BXUhHSEc.js"), "./arrow-chevron-right.svg": () => import("./arrow-chevron-right-CSqjaNKG.js"), "./arrow-chevron-up.svg": () => import("./arrow-chevron-up-Dr-W1IfM.js"), "./arrow-down.svg": () => import("./arrow-down-rfW-r_qd.js"), "./arrow-left.svg": () => import("./arrow-left-DDkHt-xN.js"), "./arrow-right.svg": () => import("./arrow-right-17dZkGZR.js"), "./arrow-up.svg": () => import("./arrow-up-CexG2Ble.js"), "./brand-software-development-github.svg": () => import("./brand-software-development-github-ZQnPxpDg.js"), "./interface-add.svg": () => import("./interface-add-Bthe4y9O.js"), "./interface-close.svg": () => import("./interface-close-WpJOu-2h.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") }), G = (t) => {
-  const a = `./${t}.svg`;
-  return B[a] ? ee(B[a]) : (console.warn(`Could not find icon: ${t}`), null);
-}, _e = ["src"], M = /* @__PURE__ */ _({
+}), G = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-MwmVL5-v.js"), "./Brackets.svg": () => import("./Brackets-BcvH-CzZ.js"), "./Branch.svg": () => import("./Branch-H5HxSfdF.js"), "./CheckMark.svg": () => import("./CheckMark-t0gl4N9U.js"), "./ChevronDown.svg": () => import("./ChevronDown-BfsntkAH.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-gsLd5xOQ.js"), "./ChevronRight.svg": () => import("./ChevronRight-CI_7n_av.js"), "./ChevronUp.svg": () => import("./ChevronUp-CjHRmG59.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv.js"), "./Close.svg": () => import("./Close-DFM1qMQH.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cf9f6-KB.js"), "./Cookie.svg": () => import("./Cookie-Bza3NN_O.js"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I.js"), "./DocsPage.svg": () => import("./DocsPage-Do-Ol9Hb.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./ExternalLink.svg": () => import("./ExternalLink-D5zCsWas.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.js"), "./JsonObject.svg": () => import("./JsonObject-BvFDNssB.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-DFi9Laso.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB.js"), "./Search.svg": () => import("./Search-DqtlswRG.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5.js"), "./arrow-chevron-down.svg": () => import("./arrow-chevron-down-C8nXK33Q.js"), "./arrow-chevron-left.svg": () => import("./arrow-chevron-left-BXUhHSEc.js"), "./arrow-chevron-right.svg": () => import("./arrow-chevron-right-CSqjaNKG.js"), "./arrow-chevron-up.svg": () => import("./arrow-chevron-up-Dr-W1IfM.js"), "./arrow-down.svg": () => import("./arrow-down-rfW-r_qd.js"), "./arrow-left.svg": () => import("./arrow-left-DDkHt-xN.js"), "./arrow-right.svg": () => import("./arrow-right-17dZkGZR.js"), "./arrow-up.svg": () => import("./arrow-up-CexG2Ble.js"), "./brand-software-development-github.svg": () => import("./brand-software-development-github-ZQnPxpDg.js"), "./interface-add.svg": () => import("./interface-add-Bthe4y9O.js"), "./interface-close.svg": () => import("./interface-close-WpJOu-2h.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) => {
+  const t = `./${a}.svg`;
+  return G[t] ? te(G[t]) : (console.warn(`Could not find icon: ${a}`), null);
+}, Ne = ["src"], M = /* @__PURE__ */ k({
   __name: "ScalarIcon",
   props: {
     icon: {},
     size: {}
   },
-  setup(t) {
-    const a = t, e = $({
+  setup(a) {
+    const t = a, e = $({
       variants: {
         size: {
           xs: "h-3 w-3",
@@ -629,16 +653,16 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
       defaultVariants: {
         size: "full"
       }
-    }), l = G(a.icon);
-    return (h, g) => i(l) ? (u(), N(j(i(G)(h.icon)), {
+    }), n = V(t.icon);
+    return (f, g) => l(n) ? (u(), N(U(l(V)(f.icon)), {
       key: 0,
-      class: b(i(y)("scalar-icon", i(e)({ size: h.size })))
-    }, null, 8, ["class"])) : (u(), f("img", {
+      class: b(l(w)("scalar-icon", l(e)({ size: f.size })))
+    }, null, 8, ["class"])) : (u(), h("img", {
       key: 1,
-      src: h.icon
-    }, null, 8, _e));
+      src: f.icon
+    }, null, 8, Ne));
   }
-}), Ee = ["ariaDisabled"], Ne = { class: "sr-only" }, X = /* @__PURE__ */ _({
+}), Ie = ["ariaDisabled"], Ce = { class: "sr-only" }, q = /* @__PURE__ */ k({
   __name: "ScalarIconButton",
   props: {
     label: {},
@@ -647,8 +671,8 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
     variant: { default: "ghost" },
     size: { default: "md" }
   },
-  setup(t) {
-    const a = $({
+  setup(a) {
+    const t = $({
       base: "scalar-icon-button grid aspect-square cursor-pointer rounded",
       variants: {
         size: {
@@ -660,19 +684,19 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
         disabled: {
           true: "cursor-not-allowed shadow-none"
         },
-        variant: W
+        variant: X
       }
     });
-    return (e, l) => (u(), f("button", {
+    return (e, n) => (u(), h("button", {
       ariaDisabled: e.disabled || void 0,
-      class: b(i(y)(i(a)({ size: e.size, variant: e.variant, disabled: e.disabled }))),
+      class: b(l(w)(l(t)({ size: e.size, variant: e.variant, disabled: e.disabled }))),
       type: "button"
     }, [
-      O(i(M), { icon: e.icon }, null, 8, ["icon"]),
-      v("span", Ne, A(e.label), 1)
-    ], 10, Ee));
+      D(l(M), { icon: e.icon }, null, 8, ["icon"]),
+      v("span", Ce, A(e.label), 1)
+    ], 10, Ie));
   }
-}), na = () => V({
+}), lt = () => j({
   open: !1,
   show() {
     this.open = !0;
@@ -680,7 +704,7 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
   hide() {
     this.open = !1;
   }
-}), xe = /* @__PURE__ */ _({
+}), Ae = /* @__PURE__ */ k({
   __name: "ScalarModal",
   props: {
     state: {},
@@ -690,8 +714,8 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
     size: { default: "md" },
     variant: {}
   },
-  setup(t) {
-    const a = $({
+  setup(a) {
+    const 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"
@@ -709,38 +733,38 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
         }
       }
     });
-    return (e, l) => (u(), N(i(le), {
+    return (e, n) => (u(), N(l(le), {
       open: e.state.open,
-      onClose: l[0] || (l[0] = (h) => e.state.hide())
+      onClose: n[0] || (n[0] = (f) => e.state.hide())
     }, {
       default: R(() => [
         v("div", {
           class: b(
-            i(y)(
+            l(w)(
               "scalar-modal-layout fixed left-0 top-0",
               "z-[1001] h-[100dvh] w-[100dvw]",
               "bg-backdrop p-5 opacity-0"
             )
           )
         }, [
-          O(i(ie), {
-            class: b(i(a)({ size: e.size, variant: e.variant })),
-            style: U({ maxWidth: e.maxWidth })
+          D(l(ce), {
+            class: b(l(t)({ size: e.size, variant: e.variant })),
+            style: W({ maxWidth: e.maxWidth })
           }, {
             default: R(() => [
-              e.title ? (u(), N(i(ce), {
+              e.title ? (u(), N(l(de), {
                 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" }])
               }, {
                 default: R(() => [
-                  I(A(e.title), 1)
+                  C(A(e.title), 1)
                 ]),
                 _: 1
-              }, 8, ["class"])) : k("", !0),
-              O(i(de), {
+              }, 8, ["class"])) : _("", !0),
+              D(l(ue), {
                 class: b([
                   "scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 px-6 pb-4 pt-6",
-                  i(y)(
+                  l(w)(
                     e.bodyClass,
                     e.variant === "history" && "pt-3",
                     e.variant === "search" && "col max-h-[440px] overflow-hidden p-0"
@@ -748,7 +772,7 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
                 ])
               }, {
                 default: R(() => [
-                  w(e.$slots, "default", {}, void 0, !0)
+                  y(e.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["class"])
@@ -760,7 +784,7 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
       _: 3
     }, 8, ["open"]));
   }
-}), Ie = /* @__PURE__ */ z(xe, [["__scopeId", "data-v-ff85ced0"]]), Ae = { class: "sr-only" }, Ce = ["value"], Te = /* @__PURE__ */ _({
+}), Te = /* @__PURE__ */ B(Ae, [["__scopeId", "data-v-ff85ced0"]]), Le = { class: "sr-only" }, xe = ["value"], $e = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "ScalarSearchInput",
   props: {
@@ -768,24 +792,24 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
     modelValue: {}
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: a }) {
-    const e = a;
-    function l(g) {
+  setup(a, { emit: t }) {
+    const e = t;
+    function n(g) {
       e("update:modelValue", g.target.value);
     }
-    const h = C(() => {
-      const { class: g, ...r } = T();
+    const f = T(() => {
+      const { class: g, ...r } = L();
       return { className: g || "", rest: r };
     });
-    return (g, r) => (u(), f("label", L(h.value.rest, {
-      class: i(y)(
+    return (g, r) => (u(), h("label", x(f.value.rest, {
+      class: l(w)(
         "flex rounded border bg-back-1 text-sm font-medium focus-within:border-fore-1",
-        h.value.className
+        f.value.className
       )
     }), [
-      v("span", Ae, [
-        w(g.$slots, "label", {}, () => [
-          I("Enter search")
+      v("span", Le, [
+        y(g.$slots, "label", {}, () => [
+          C("Enter search")
         ])
       ]),
       v("input", {
@@ -797,104 +821,104 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
         spellcheck: "false",
         type: "text",
         value: g.modelValue,
-        onInput: l
-      }, null, 40, Ce),
-      g.loading && g.loading.isLoading ? (u(), N(i(H), {
+        onInput: n
+      }, null, 40, xe),
+      g.loading && g.loading.isLoading ? (u(), N(l(H), {
         key: 0,
         class: "mr-3 self-center",
         loadingState: g.loading,
         size: "20px"
-      }, null, 8, ["loadingState"])) : g.modelValue ? (u(), N(i(X), {
+      }, null, 8, ["loadingState"])) : g.modelValue ? (u(), N(l(q), {
         key: 1,
         class: "self-center",
         icon: "Close",
         label: "Clear Search",
         size: "md",
         onClick: r[0] || (r[0] = (c) => e("update:modelValue", ""))
-      })) : k("", !0)
+      })) : _("", !0)
     ], 16));
   }
-}), Le = { class: "flex flex-col items-center gap-2 px-3 py-4" }, $e = /* @__PURE__ */ v("div", { class: "rotate-90 text-lg font-bold" }, ":(", -1), Re = { class: "text-sm font-medium text-fore-2" }, Oe = /* @__PURE__ */ _({
+}), 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__ */ k({
   inheritAttrs: !1,
   __name: "ScalarSearchResultList",
   props: {
     noResults: { type: Boolean }
   },
-  setup(t) {
-    const a = C(() => {
-      const { class: e, ...l } = T();
-      return { className: e || "", rest: l };
+  setup(a) {
+    const t = T(() => {
+      const { class: e, ...n } = L();
+      return { className: e || "", rest: n };
     });
-    return (e, l) => (u(), f("ul", L(a.value.rest, {
-      class: i(y)("flex flex-col", a.value.className)
+    return (e, n) => (u(), h("ul", x(t.value.rest, {
+      class: l(w)("flex flex-col", t.value.className)
     }), [
-      e.noResults ? w(e.$slots, "noResults", { key: 0 }, () => [
-        v("div", Le, [
-          $e,
-          v("div", Re, [
-            I(" No results found "),
-            e.$slots.query ? (u(), f(ae, { key: 0 }, [
-              I('for "'),
-              w(e.$slots, "query"),
-              I('"')
-            ], 64)) : k("", !0)
+      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)) : _("", !0)
           ])
         ])
-      ]) : k("", !0),
-      w(e.$slots, "default")
+      ]) : _("", !0),
+      y(e.$slots, "default")
     ], 16));
   }
-}), De = { class: "contents" }, Pe = { class: "text-fore-3 group-hover:text-fore-1" }, ze = { class: "flex flex-1 flex-col gap-0.75" }, He = { class: "flex items-center" }, Me = { class: "flex-1 truncate text-sm font-medium" }, Be = {
+}), ze = { class: "contents" }, Be = { class: "text-fore-3 group-hover:text-fore-1" }, He = { class: "flex flex-1 flex-col gap-0.75" }, Me = { class: "flex items-center" }, Ge = { class: "flex-1 truncate text-sm font-medium" }, Ve = {
   key: 0,
   class: "text-xs text-fore-2"
-}, Ge = { class: "truncate text-xs text-fore-2" }, Ve = /* @__PURE__ */ _({
+}, je = { class: "truncate text-xs text-fore-2" }, Fe = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "ScalarSearchResultItem",
   props: {
     icon: {},
     active: { type: Boolean }
   },
-  setup(t) {
-    const a = C(() => {
-      const { class: e, ...l } = T();
-      return { className: e || "", rest: l };
+  setup(a) {
+    const t = T(() => {
+      const { class: e, ...n } = L();
+      return { className: e || "", rest: n };
     });
-    return (e, l) => (u(), f("li", De, [
-      v("a", L(a.value.rest, {
-        class: i(y)(
+    return (e, n) => (u(), h("li", ze, [
+      v("a", x(t.value.rest, {
+        class: l(w)(
           "group flex cursor-pointer gap-3 rounded px-3 py-1.5 no-underline hover:bg-back-2",
           {
             "bg-back-2": e.active
           },
-          a.value.className
+          t.value.className
         )
       }), [
-        v("div", Pe, [
-          w(e.$slots, "icon", {}, () => [
-            e.icon ? (u(), N(i(M), {
+        v("div", Be, [
+          y(e.$slots, "icon", {}, () => [
+            e.icon ? (u(), N(l(M), {
               key: 0,
               icon: e.icon,
               size: "sm"
-            }, null, 8, ["icon"])) : k("", !0)
+            }, null, 8, ["icon"])) : _("", !0)
           ])
         ]),
-        v("div", ze, [
-          v("div", He, [
-            v("div", Me, [
-              w(e.$slots, "default")
+        v("div", He, [
+          v("div", Me, [
+            v("div", Ge, [
+              y(e.$slots, "default")
             ]),
-            e.$slots.addon ? (u(), f("div", Be, [
-              w(e.$slots, "addon")
-            ])) : k("", !0)
+            e.$slots.addon ? (u(), h("div", Ve, [
+              y(e.$slots, "addon")
+            ])) : _("", !0)
           ]),
-          v("div", Ge, [
-            w(e.$slots, "description")
+          v("div", je, [
+            y(e.$slots, "description")
           ])
         ])
       ], 16)
     ]));
   }
-}), Fe = { class: "scalar-input-container relative" }, je = ["for"], Ue = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, We = /* @__PURE__ */ _({
+}), 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__ */ k({
   __name: "ScalarTextField",
   props: {
     modelValue: {},
@@ -910,8 +934,8 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
     disableTrim: { type: Boolean, default: !1 }
   },
   emits: ["submit", "update:modelValue"],
-  setup(t, { emit: a }) {
-    const e = t, l = a, h = $({
+  setup(a, { emit: t }) {
+    const e = a, n = t, f = $({
       base: "scalar-input-wrapper relative flex items-center rounded border border-solid border-border",
       variants: {
         focus: {
@@ -919,155 +943,97 @@ const ke = ["innerHTML"], oa = /* @__PURE__ */ _({
         },
         error: { true: "scalar-input-wrapper-error border-error" }
       }
-    }), g = T(), r = g.id || `id-${pe()}`, c = D(), o = D(!1);
+    }), g = L(), r = g.id || `id-${me()}`, c = P(), o = P(!1);
     let d;
     if (e.isMultiline) {
-      const { triggerResize: n } = ue({
+      const { triggerResize: i } = pe({
         element: c,
         input: e.modelValue
       });
-      d = n;
+      d = i;
     }
-    function p(n) {
-      const S = n.target.value;
-      e.isMultiline && d(), e.handleFieldChange ? e.handleFieldChange(S) : l("update:modelValue", S);
+    function p(i) {
+      const S = i.target.value;
+      e.isMultiline && d(), e.handleFieldChange ? e.handleFieldChange(S) : n("update:modelValue", S);
     }
-    function s(n) {
-      const S = n.target, E = e.disableTrim || e.isMultiline ? S.value : S.value.trim();
-      e.handleFieldSubmit ? e.handleFieldSubmit(E) : l("submit", E);
+    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 m(n) {
-      o.value = !1, e.emitOnBlur && e.modelValue && s(n);
+    function m(i) {
+      o.value = !1, e.emitOnBlur && e.modelValue && s(i);
     }
     return F(() => {
-      var n;
-      Object.prototype.hasOwnProperty.call(g, "autofocus") && ((n = c.value) == null || n.focus());
-    }), (n, S) => (u(), f("div", Fe, [
+      var i;
+      Object.prototype.hasOwnProperty.call(g, "autofocus") && ((i = c.value) == null || i.focus());
+    }), (i, S) => (u(), h("div", Ue, [
       v("div", {
-        class: b(i(h)({ error: n.error, focus: o.value }))
+        class: b(l(f)({ error: i.error, focus: o.value }))
       }, [
-        (u(), N(j(n.isMultiline ? "textarea" : "input"), L({ id: i(r) }, n.$attrs, {
+        (u(), N(U(i.isMultiline ? "textarea" : "input"), x({ id: l(r) }, i.$attrs, {
           ref_key: "input",
           ref: c,
           class: [
             "scalar-input",
-            i(y)(
-              { "min-h-[77px]": n.isMultiline },
+            l(w)(
+              { "min-h-[77px]": i.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: n.placeholder,
-          value: n.modelValue,
+          placeholder: i.placeholder,
+          value: i.modelValue,
           onBlur: m,
           onFocus: S[0] || (S[0] = (E) => o.value = !0),
           onInput: p,
-          onKeyup: te(s, ["enter"])
+          onKeyup: re(s, ["enter"])
         }), null, 16, ["id", "class", "placeholder", "value"])),
-        n.label ? (u(), f("label", {
+        i.label ? (u(), h("label", {
           key: 0,
           class: b(
-            i(y)(
+            l(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: i(r),
-          style: U({
-            "box-shadow": `0 0 4px 4px ${n.labelShadowColor}`,
-            "background-color": n.labelShadowColor
+          for: l(r),
+          style: W({
+            "box-shadow": `0 0 4px 4px ${i.labelShadowColor}`,
+            "background-color": i.labelShadowColor
           })
-        }, A(n.label), 15, je)) : k("", !0),
-        v("div", Ue, [
-          w(n.$slots, "default", {}, void 0, !0)
+        }, A(i.label), 15, We)) : _("", !0),
+        v("div", Xe, [
+          y(i.$slots, "default", {}, void 0, !0)
         ])
       ], 2),
       v("span", {
         class: b(
-          i(y)(
+          l(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"
           )
         )
-      }, A(n.helperText), 3)
+      }, A(i.helperText), 3)
     ]));
   }
-}), Xe = /* @__PURE__ */ z(We, [["__scopeId", "data-v-4fc2339e"]]), la = {
-  boxShadow: {
-    DEFAULT: "var(--scalar-shadow-1)",
-    md: "var(--scalar-shadow-2)",
-    sm: "rgba(0, 0, 0, 0.09) 0px 1px 4px",
-    none: "0 0 #0000"
-  },
-  colors: {
-    "fore-1": "var(--scalar-color-1)",
-    "fore-2": "var(--scalar-color-2)",
-    "fore-3": "var(--scalar-color-3)",
-    accent: "var(--scalar-color-accent)",
-    "back-1": "var(--scalar-background-1)",
-    "back-2": "var(--scalar-background-2)",
-    "back-3": "var(--scalar-background-3)",
-    "back-accent": "var(--scalar-background-accent)",
-    backdrop: "rgba(0, 0, 0, 0.44)",
-    border: "var(--scalar-border-color)",
-    "back-btn-1": "var(--scalar-button-1)",
-    "fore-btn-1": "var(--scalar-button-1-color)",
-    "hover-btn-1": "var(--scalar-button-1-hover)",
-    white: "#FFF",
-    green: "var(--scalar-color-green)",
-    red: "var(--scalar-color-red)",
-    yellow: "var(--scalar-color-yellow)",
-    blue: "var(--scalar-color-blue)",
-    orange: "var(--scalar-color-orange)",
-    purple: "var(--scalar-color-purple)",
-    error: "var(--scalar-error-color)",
-    ghost: "var(--scalar-color-ghost)",
-    transparent: "transparent"
-  }
-}, ia = {
-  borderRadius: {
-    DEFAULT: "var(--scalar-radius)",
-    md: "var(--scalar-radius)",
-    lg: "var(--scalar-radius-lg)",
-    xl: "var(--scalar-radius-xl)"
-  },
-  fontSize: {
-    xxs: "var(--scalar-micro, var(--scalar-font-size-5))",
-    xs: "var(--scalar-mini, var(--scalar-font-size-4))",
-    sm: "var(--scalar-small,var(--scalar-font-size-3))",
-    base: "var(--scalar-paragraph, var(--scalar-font-size-2))",
-    lg: "var(--scalar-font-size-1)"
-  },
-  fontWeight: {
-    medium: "var(--scalar-font-medium)",
-    bold: "var(--scalar-font-bold)"
-  },
-  maxWidth: {
-    "screen-xs": "480px",
-    "screen-sm": "540px",
-    "screen-md": "640px",
-    "screen-lg": "800px"
-  }
-}, ca = {
-  install: (t) => {
-    t.component("ScalarButton", ye), t.component("ScalarIcon", M), t.component("ScalarIconButton", X), t.component("ScalarLoading", H), t.component("ScalarModal", Ie), t.component("ScalarSearchInput", Te), t.component("ScalarSearchResultItem", Ve), t.component("ScalarSearchResultList", Oe), t.component("ScalarTextField", Xe);
+}), Ke = /* @__PURE__ */ B(qe, [["__scopeId", "data-v-4fc2339e"]]), ct = {
+  install: (a) => {
+    a.component("ScalarButton", _e), 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);
   }
 };
 export {
-  ye as ScalarButton,
-  oa as ScalarCodeBlock,
+  _e as ScalarButton,
+  it as ScalarCodeBlock,
   M as ScalarIcon,
-  X as ScalarIconButton,
+  q as ScalarIconButton,
   H as ScalarLoading,
-  Ie as ScalarModal,
-  Te as ScalarSearchInput,
-  Ve as ScalarSearchResultItem,
-  Oe as ScalarSearchResultList,
-  Xe as ScalarTextField,
-  ca as default,
-  ia as extend,
-  la as theme,
-  sa as useLoadingState,
-  na as useModal
+  Te as ScalarModal,
+  $e as ScalarSearchInput,
+  Fe as ScalarSearchResultItem,
+  Pe as ScalarSearchResultList,
+  Ke as ScalarTextField,
+  ct as default,
+  ot as useLoadingState,
+  lt as useModal
 };