@scalar/components 0.4.11 → 0.5.0

package/dist/index.js

@@ -1,29 +1,29 @@
-import "./main.css";
-import { defineComponent as y, useCssVars as W, openBlock as m, createElementBlock as v, normalizeClass as h, unref as c, createElementVNode as k, createCommentVNode as E, createStaticVNode as X, reactive as z, computed as $, useAttrs as H, mergeProps as M, renderSlot as T, createVNode as x, ref as C, watch as q, nextTick as K, onServerPrefetch as Y, useSSRContext as J, onMounted as B, toDisplayString as N, defineAsyncComponent as Z, createBlock as L, resolveDynamicComponent as G, withCtx as A, normalizeStyle as F, createTextVNode as Q, withKeys as ee } from "vue";
-import { defineConfig as te } from "cva";
-import { extendTailwindMerge as ae } from "tailwind-merge";
-import { createHash as re, ssrState as oe } from "@scalar/oas-utils";
+import './main.css';
+import { defineComponent as y, useCssVars as W, openBlock as g, createElementBlock as v, normalizeClass as h, unref as d, createElementVNode as k, createCommentVNode as E, createStaticVNode as X, reactive as $, computed as z, useAttrs as H, mergeProps as M, renderSlot as T, createVNode as C, ref as x, watch as q, nextTick as K, onServerPrefetch as Y, useSSRContext as J, onMounted as B, toDisplayString as N, defineAsyncComponent as Z, createBlock as L, resolveDynamicComponent as G, withCtx as A, normalizeStyle as F, createTextVNode as Q, withKeys as ee } from "vue";
+import { defineConfig as ae } from "cva";
+import { extendTailwindMerge as re } from "tailwind-merge";
+import { createHash as te, ssrState as ne } from "@scalar/oas-utils";
 import _ from "prismjs";
-import { Dialog as ne, DialogPanel as se, DialogTitle as ie, DialogDescription as le } from "@headlessui/vue";
-import { useTextareaAutosize as de } from "@vueuse/core";
-import { nanoid as ce } from "nanoid";
-const O = "scalar-component", ue = ae({
+import { Dialog as oe, DialogPanel as se, DialogTitle as ie, DialogDescription as le } from "@headlessui/vue";
+import { useTextareaAutosize as ce } from "@vueuse/core";
+import { nanoid as de } from "nanoid";
+const O = "scalar-component", pe = re({
   extend: {
     classGroups: {
       // Add the scalar class prefix as a custom class to be deduped by tailwind-merge
       [O]: [O]
     }
   }
-}), { cva: I, cx: S, compose: Fe } = te({
+}), { cva: I, cx: S, compose: Ge } = ae({
   hooks: {
-    onComplete: (a) => `${ue(a, O)}`
+    onComplete: (r) => `${pe(r, O)}`
   }
-}), pe = /* @__PURE__ */ X('<path class="svg-path svg-check-mark" d="m 0 60 l 30 30 l 70 -80" data-v-42a08e16></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 -40" data-v-42a08e16></path><path class="svg-path svg-x-mark" d="m 50 50 l 40 40" data-v-42a08e16></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 -40" data-v-42a08e16></path><path class="svg-path svg-x-mark" d="m 50 50 l -40 40" data-v-42a08e16></path>', 5), me = {
+}), ue = /* @__PURE__ */ X('<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), ge = {
   key: 0,
   class: "circular-loader"
 };
-function Ue() {
-  return z({
+function Fe() {
+  return $({
     isValid: !1,
     isInvalid: !1,
     isLoading: !1,
@@ -33,56 +33,56 @@ function Ue() {
     stopLoading() {
       this.isLoading = !1;
     },
-    validate(a = 800) {
+    validate(r = 800) {
       this.isValid = !0;
-      const t = a - 300;
+      const a = r - 300;
       return new Promise(
-        (e) => setTimeout(() => this.clear().then(() => e(!0)), t)
+        (e) => setTimeout(() => this.clear().then(() => e(!0)), a)
       );
     },
-    invalidate(a = 1100) {
+    invalidate(r = 1100) {
       this.isInvalid = !0;
-      const t = a - 300;
+      const a = r - 300;
       return new Promise(
-        (e) => setTimeout(() => this.clear().then(() => e(!0)), t)
+        (e) => setTimeout(() => this.clear().then(() => e(!0)), a)
       );
     },
-    clear(a = 300) {
-      return this.isValid = !1, this.isInvalid = !1, this.isLoading = !1, new Promise((t) => {
+    clear(r = 300) {
+      return this.isValid = !1, this.isInvalid = !1, this.isLoading = !1, new Promise((a) => {
         setTimeout(() => {
-          t(!0);
-        }, a);
+          a(!0);
+        }, r);
       });
     }
   });
 }
-const ge = /* @__PURE__ */ y({
+const me = /* @__PURE__ */ y({
   __name: "ScalarLoading",
   props: {
     loadingState: {},
     size: { default: "24px" }
   },
-  setup(a) {
-    return W((t) => ({
-      "8d3a1414": t.size
-    })), (t, e) => t.loadingState ? (m(), v("div", {
+  setup(r) {
+    return W((a) => ({
+      d6cae758: a.size
+    })), (a, e) => a.loadingState ? (g(), v("div", {
       key: 0,
-      class: h(c(S)("loader-wrapper"))
+      class: h(d(S)("loader-wrapper"))
     }, [
-      (m(), v("svg", {
+      (g(), v("svg", {
         class: h(["svg-loader", {
-          "icon-is-valid": t.loadingState.isValid,
-          "icon-is-invalid": t.loadingState.isInvalid
+          "icon-is-valid": a.loadingState.isValid,
+          "icon-is-invalid": a.loadingState.isInvalid
         }]),
         viewBox: "0 0 100 100",
         xmlns: "http://www.w3.org/2000/svg",
         "xmlns:xlink": "http://www.w3.org/1999/xlink"
       }, [
-        pe,
-        t.loadingState.isLoading ? (m(), v("g", me, [
+        ue,
+        a.loadingState.isLoading ? (g(), v("g", ge, [
           k("circle", {
             class: h(["loader-path", {
-              "loader-path-off": t.loadingState.isValid || t.loadingState.isInvalid
+              "loader-path-off": a.loadingState.isValid || a.loadingState.isInvalid
             }]),
             cx: "50",
             cy: "50",
@@ -94,12 +94,12 @@ const ge = /* @__PURE__ */ y({
       ], 2))
     ], 2)) : E("", !0);
   }
-}), D = (a, t) => {
-  const e = a.__vccOpts || a;
-  for (const [i, g] of t)
-    e[i] = g;
+}), D = (r, a) => {
+  const e = r.__vccOpts || r;
+  for (const [i, m] of a)
+    e[i] = m;
   return e;
-}, U = /* @__PURE__ */ D(ge, [["__scopeId", "data-v-42a08e16"]]), V = {
+}, U = /* @__PURE__ */ D(me, [["__scopeId", "data-v-47faceda"]]), V = {
   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"
@@ -149,26 +149,26 @@ const ge = /* @__PURE__ */ y({
     size: { default: "md" },
     variant: { default: "solid" }
   },
-  setup(a) {
-    const t = $(() => {
+  setup(r) {
+    const a = z(() => {
       const { class: e, ...i } = H();
       return { className: e || "", rest: i };
     });
-    return (e, i) => (m(), v("button", M(t.value.rest, {
+    return (e, i) => (g(), v("button", M(a.value.rest, {
       ariaDisabled: e.disabled || void 0,
-      class: c(S)(
-        c(he)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
+      class: d(S)(
+        d(he)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
         { "pl-9 pr-3": e.loading },
-        `${t.value.className}`
+        `${a.value.className}`
       ),
       type: "button"
     }), [
-      e.$slots.icon ? (m(), v("div", ve, [
+      e.$slots.icon ? (g(), v("div", ve, [
         T(e.$slots, "icon")
       ])) : E("", !0),
       T(e.$slots, "default"),
-      e.loading ? (m(), v("div", be, [
-        x(c(U), {
+      e.loading ? (g(), v("div", be, [
+        C(d(U), {
           loadingState: e.loading,
           size: "20px"
         }, null, 8, ["loadingState"])
@@ -176,8 +176,8 @@ const ge = /* @__PURE__ */ y({
     ], 16, fe));
   }
 });
-(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 = {
+(function(r) {
+  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 = {
     pattern: /(^(["']?)\w+\2)[ \t]+\S.*/,
     lookbehind: !0,
     alias: "punctuation",
@@ -187,7 +187,7 @@ const ge = /* @__PURE__ */ y({
   }, i = {
     bash: e,
     environment: {
-      pattern: RegExp("\\$" + t),
+      pattern: RegExp("\\$" + a),
       alias: "constant"
     },
     variable: [
@@ -227,7 +227,7 @@ const ge = /* @__PURE__ */ y({
           operator: /:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,
           punctuation: /[\[\]]/,
           environment: {
-            pattern: RegExp("(\\{)" + t),
+            pattern: RegExp("(\\{)" + a),
             lookbehind: !0,
             alias: "constant"
           }
@@ -238,7 +238,7 @@ const ge = /* @__PURE__ */ y({
     // 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})/
   };
-  a.languages.bash = {
+  r.languages.bash = {
     shebang: {
       pattern: /^#!\s*\/.*/,
       alias: "important"
@@ -276,7 +276,7 @@ const ge = /* @__PURE__ */ y({
       pattern: /(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,
       inside: {
         environment: {
-          pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + t),
+          pattern: RegExp("(^|[\\s;|&]|[<>]\\()" + a),
           lookbehind: !0,
           alias: "constant"
         }
@@ -332,7 +332,7 @@ const ge = /* @__PURE__ */ y({
       }
     ],
     environment: {
-      pattern: RegExp("\\$?" + t),
+      pattern: RegExp("\\$?" + a),
       alias: "constant"
     },
     variable: i.variable,
@@ -374,8 +374,8 @@ const ge = /* @__PURE__ */ y({
       pattern: /(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,
       lookbehind: !0
     }
-  }, e.inside = a.languages.bash;
-  for (var g = [
+  }, e.inside = r.languages.bash;
+  for (var m = [
     "comment",
     "function-name",
     "for-or-select",
@@ -391,9 +391,9 @@ const ge = /* @__PURE__ */ y({
     "operator",
     "punctuation",
     "number"
-  ], b = i.variable[1].inside, s = 0; s < g.length; s++)
-    b[g[s]] = a.languages.bash[g[s]];
-  a.languages.sh = a.languages.bash, a.languages.shell = a.languages.bash;
+  ], b = i.variable[1].inside, s = 0; s < m.length; s++)
+    b[m[s]] = r.languages.bash[m[s]];
+  r.languages.sh = r.languages.bash, r.languages.shell = r.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 a = "line-numbers", t = /\n(?!$)/g, e = Prism.plugins.lineNumbers = {
+  var r = "line-numbers", a = /\n(?!$)/g, e = Prism.plugins.lineNumbers = {
     /**
      * Get node for provided line number
      *
@@ -431,14 +431,14 @@ Prism.languages.webmanifest = Prism.languages.json;
      * @param {number} number line number
      * @returns {Element|undefined}
      */
-    getLine: function(s, d) {
-      if (!(s.tagName !== "PRE" || !s.classList.contains(a))) {
-        var o = s.querySelector(".line-numbers-rows");
-        if (o) {
-          var l = parseInt(s.getAttribute("data-start"), 10) || 1, u = l + (o.children.length - 1);
-          d < l && (d = l), d > u && (d = u);
-          var r = d - l;
-          return o.children[r];
+    getLine: function(s, c) {
+      if (!(s.tagName !== "PRE" || !s.classList.contains(r))) {
+        var n = s.querySelector(".line-numbers-rows");
+        if (n) {
+          var l = parseInt(s.getAttribute("data-start"), 10) || 1, p = l + (n.children.length - 1);
+          c < l && (c = l), c > p && (c = p);
+          var t = c - l;
+          return n.children[t];
         }
       }
     },
@@ -466,71 +466,71 @@ Prism.languages.webmanifest = Prism.languages.json;
     assumeViewportIndependence: !0
   };
   function i(s) {
-    if (s = s.filter(function(o) {
-      var l = g(o), u = l["white-space"];
-      return u === "pre-wrap" || u === "pre-line";
+    if (s = s.filter(function(n) {
+      var l = m(n), p = l["white-space"];
+      return p === "pre-wrap" || p === "pre-line";
     }), s.length != 0) {
-      var d = s.map(function(o) {
-        var l = o.querySelector("code"), u = o.querySelector(".line-numbers-rows");
-        if (!(!l || !u)) {
-          var r = o.querySelector(".line-numbers-sizer"), p = l.textContent.split(t);
-          r || (r = document.createElement("span"), r.className = "line-numbers-sizer", l.appendChild(r)), r.innerHTML = "0", r.style.display = "block";
-          var n = r.getBoundingClientRect().height;
-          return r.innerHTML = "", {
-            element: o,
-            lines: p,
+      var c = s.map(function(n) {
+        var l = n.querySelector("code"), p = n.querySelector(".line-numbers-rows");
+        if (!(!l || !p)) {
+          var t = n.querySelector(".line-numbers-sizer"), u = l.textContent.split(a);
+          t || (t = document.createElement("span"), t.className = "line-numbers-sizer", l.appendChild(t)), t.innerHTML = "0", t.style.display = "block";
+          var o = t.getBoundingClientRect().height;
+          return t.innerHTML = "", {
+            element: n,
+            lines: u,
             lineHeights: [],
-            oneLinerHeight: n,
-            sizer: r
+            oneLinerHeight: o,
+            sizer: t
           };
         }
       }).filter(Boolean);
-      d.forEach(function(o) {
-        var l = o.sizer, u = o.lines, r = o.lineHeights, p = o.oneLinerHeight;
-        r[u.length - 1] = void 0, u.forEach(function(n, f) {
-          if (n && n.length > 1) {
+      c.forEach(function(n) {
+        var l = n.sizer, p = n.lines, t = n.lineHeights, u = n.oneLinerHeight;
+        t[p.length - 1] = void 0, p.forEach(function(o, f) {
+          if (o && o.length > 1) {
             var w = l.appendChild(document.createElement("span"));
-            w.style.display = "block", w.textContent = n;
+            w.style.display = "block", w.textContent = o;
           } else
-            r[f] = p;
+            t[f] = u;
         });
-      }), d.forEach(function(o) {
-        for (var l = o.sizer, u = o.lineHeights, r = 0, p = 0; p < u.length; p++)
-          u[p] === void 0 && (u[p] = l.children[r++].getBoundingClientRect().height);
-      }), d.forEach(function(o) {
-        var l = o.sizer, u = o.element.querySelector(".line-numbers-rows");
-        l.style.display = "none", l.innerHTML = "", o.lineHeights.forEach(function(r, p) {
-          u.children[p].style.height = r + "px";
+      }), c.forEach(function(n) {
+        for (var l = n.sizer, p = n.lineHeights, t = 0, u = 0; u < p.length; u++)
+          p[u] === void 0 && (p[u] = l.children[t++].getBoundingClientRect().height);
+      }), c.forEach(function(n) {
+        var l = n.sizer, p = n.element.querySelector(".line-numbers-rows");
+        l.style.display = "none", l.innerHTML = "", n.lineHeights.forEach(function(t, u) {
+          p.children[u].style.height = t + "px";
         });
       });
     }
   }
-  function g(s) {
+  function m(s) {
     return s ? window.getComputedStyle ? getComputedStyle(s) : s.currentStyle || null : null;
   }
   var b = void 0;
   window.addEventListener("resize", function() {
-    e.assumeViewportIndependence && b === window.innerWidth || (b = window.innerWidth, i(Array.prototype.slice.call(document.querySelectorAll("pre." + a))));
+    e.assumeViewportIndependence && b === window.innerWidth || (b = window.innerWidth, i(Array.prototype.slice.call(document.querySelectorAll("pre." + r))));
   }), Prism.hooks.add("complete", function(s) {
     if (s.code) {
-      var d = (
+      var c = (
         /** @type {Element} */
         s.element
-      ), o = (
+      ), n = (
         /** @type {HTMLElement} */
-        d.parentNode
+        c.parentNode
       );
-      if (!(!o || !/pre/i.test(o.nodeName)) && !d.querySelector(".line-numbers-rows") && Prism.util.isActive(d, a)) {
-        d.classList.remove(a), o.classList.add(a);
-        var l = s.code.match(t), u = l ? l.length + 1 : 1, r, p = new Array(u + 1).join("<span></span>");
-        r = document.createElement("span"), r.setAttribute("aria-hidden", "true"), r.className = "line-numbers-rows", r.innerHTML = p, o.hasAttribute("data-start") && (o.style.counterReset = "linenumber " + (parseInt(o.getAttribute("data-start"), 10) - 1)), s.element.appendChild(r), i([o]), Prism.hooks.run("line-numbers", s);
+      if (!(!n || !/pre/i.test(n.nodeName)) && !c.querySelector(".line-numbers-rows") && Prism.util.isActive(c, r)) {
+        c.classList.remove(r), n.classList.add(r);
+        var l = s.code.match(a), p = l ? l.length + 1 : 1, t, u = new Array(p + 1).join("<span></span>");
+        t = document.createElement("span"), t.setAttribute("aria-hidden", "true"), t.className = "line-numbers-rows", t.innerHTML = u, n.hasAttribute("data-start") && (n.style.counterReset = "linenumber " + (parseInt(n.getAttribute("data-start"), 10) - 1)), s.element.appendChild(t), i([n]), Prism.hooks.run("line-numbers", s);
       }
     }
   }), Prism.hooks.add("line-numbers", function(s) {
     s.plugins = s.plugins || {}, s.plugins.lineNumbers = !0;
   });
 })();
-const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
+const we = ["innerHTML"], Ue = /* @__PURE__ */ y({
   __name: "ScalarCodeBlock",
   props: {
     content: {},
@@ -538,84 +538,84 @@ const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
     lineNumbers: { type: Boolean, default: !1 },
     hideCredentials: {}
   },
-  setup(a) {
-    const t = a, e = re(
-      typeof t.content == "object" ? JSON.stringify(t.content) : t.content
-    ), i = `components-scalar-code-block${e}`, { plugins: g, highlightElement: b } = _;
-    t.hideCredentials && _.hooks.add("wrap", function(r) {
-      if (!t.hideCredentials)
+  setup(r) {
+    const a = r, e = te(
+      typeof a.content == "object" ? JSON.stringify(a.content) : a.content
+    ), i = `components-scalar-code-block${e}`, { plugins: m, highlightElement: b } = _;
+    a.hideCredentials && _.hooks.add("wrap", function(t) {
+      if (!a.hideCredentials)
         return;
-      let p = !1;
-      typeof t.hideCredentials == "string" ? r.content.includes(t.hideCredentials) && (p = !0) : Array.isArray(t.hideCredentials) && (p = t.hideCredentials.some(
-        (n) => r.content.includes(n)
-      )), p && (r.content = r.content.replace(
+      let u = !1;
+      typeof a.hideCredentials == "string" ? t.content.includes(a.hideCredentials) && (u = !0) : Array.isArray(a.hideCredentials) && (u = a.hideCredentials.some(
+        (o) => t.content.includes(o)
+      )), u && (t.content = t.content.replace(
         /<span class="credentials">.*?<\/span>/g,
-        (n) => n.replace(/<span class="credentials">|<\/span>/g, "")
-      ), r.content = r.content.replace(
+        (o) => o.replace(/<span class="credentials">|<\/span>/g, "")
+      ), t.content = t.content.replace(
         new RegExp(
-          typeof t.hideCredentials == "string" ? t.hideCredentials : t.hideCredentials.join("|"),
+          typeof a.hideCredentials == "string" ? a.hideCredentials : a.hideCredentials.join("|"),
           "g"
         ),
-        (n) => `<span class="credentials">${n}</span>`
+        (o) => `<span class="credentials">${o}</span>`
       ));
     });
-    const s = C(null), d = C(oe[i] ?? ""), o = $(() => t.lang === "node" ? "js" : t.lang), l = t.lang;
+    const s = x(null), c = x(ne[i] ?? ""), n = z(() => a.lang === "node" ? "js" : a.lang), l = a.lang;
     q(
-      [() => t.lang, () => t.content, s],
+      [() => a.lang, () => a.content, s],
       () => {
-        s.value && t.content && (!d.value || t.lang !== l) && (d.value = "", K(() => b(s.value)));
+        s.value && a.content && (!c.value || a.lang !== l) && (c.value = "", K(() => b(s.value)));
       },
       { immediate: !0 }
     );
-    const u = /\n(?!$)/g;
+    const p = /\n(?!$)/g;
     return Y(async () => {
-      let r = "";
-      t.lineNumbers && _.hooks.add("after-tokenize", (n) => {
-        const f = n.code.match(u), w = f ? f.length + 1 : 1;
-        r = `<span aria-hidden="true" class="line-numbers-rows">${new Array(w + 1).join("<span></span>")}</span>`;
+      let t = "";
+      a.lineNumbers && _.hooks.add("after-tokenize", (o) => {
+        const f = o.code.match(p), w = f ? f.length + 1 : 1;
+        t = `<span aria-hidden="true" class="line-numbers-rows">${new Array(w + 1).join("<span></span>")}</span>`;
       });
-      const p = _.highlight(
-        typeof t.content == "object" ? JSON.stringify(t.content) : t.content,
-        _.languages[o.value],
-        o.value
+      const u = _.highlight(
+        typeof a.content == "object" ? JSON.stringify(a.content) : a.content,
+        _.languages[n.value],
+        n.value
       );
-      if (d.value = p + r, e !== 0) {
-        const n = J();
-        n.payload.data[i] = p + r;
+      if (c.value = u + t, e !== 0) {
+        const o = J();
+        o.payload.data[i] = u + t;
       }
     }), B(async () => {
-      await import("./prism-autoloader-Dlh8Vzlw.js"), g.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
-    }), (r, p) => (m(), v("pre", {
+      await import("./prism-autoloader-Dlh8Vzlw.js"), m.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
+    }), (t, u) => (g(), v("pre", {
       class: h([
-        `scalar-component scalar-codeblock-pre language-${o.value}`,
+        `scalar-component scalar-codeblock-pre language-${n.value}`,
         {
-          "line-numbers": r.lineNumbers
+          "line-numbers": t.lineNumbers
         }
       ])
     }, [
-      d.value ? (m(), v("code", {
+      c.value ? (g(), v("code", {
         key: 0,
-        class: h(`scalar-codeblock-code language-${o.value}`),
-        innerHTML: d.value
-      }, null, 10, we)) : (m(), v("code", {
+        class: h(`scalar-codeblock-code language-${n.value}`),
+        innerHTML: c.value
+      }, null, 10, we)) : (g(), v("code", {
         key: 1,
         ref_key: "el",
         ref: s,
-        class: h(`scalar-codeblock-code language-${o.value}`)
-      }, N(r.content), 3))
+        class: h(`scalar-codeblock-code language-${n.value}`)
+      }, N(t.content), 3))
     ], 2));
   }
-}), R = /* @__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"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./ExternalLink.svg": () => import("./ExternalLink-D5zCsWas.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.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"), "./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") }), P = (a) => {
-  const t = `./${a}.svg`;
-  return R[t] ? Z(R[t]) : (console.warn(`Could not find icon: ${a}`), null);
+}), R = /* @__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"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./ExternalLink.svg": () => import("./ExternalLink-D5zCsWas.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.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"), "./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") }), P = (r) => {
+  const a = `./${r}.svg`;
+  return R[a] ? Z(R[a]) : (console.warn(`Could not find icon: ${r}`), null);
 }, ye = ["src"], j = /* @__PURE__ */ y({
   __name: "ScalarIcon",
   props: {
     icon: {},
     size: {}
   },
-  setup(a) {
-    const t = a, e = I({
+  setup(r) {
+    const a = r, e = I({
       variants: {
         size: {
           xs: "h-3 w-3",
@@ -629,13 +629,13 @@ const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
       defaultVariants: {
         size: "full"
       }
-    }), i = P(t.icon);
-    return (g, b) => c(i) ? (m(), L(G(c(P)(g.icon)), {
+    }), i = P(a.icon);
+    return (m, b) => d(i) ? (g(), L(G(d(P)(m.icon)), {
       key: 0,
-      class: h(c(S)("scalar-icon", c(e)({ size: g.size })))
-    }, null, 8, ["class"])) : (m(), v("img", {
+      class: h(d(S)("scalar-icon", d(e)({ size: m.size })))
+    }, null, 8, ["class"])) : (g(), v("img", {
       key: 1,
-      src: g.icon
+      src: m.icon
     }, null, 8, ye));
   }
 }), ke = ["ariaDisabled"], Ee = { class: "sr-only" }, _e = /* @__PURE__ */ y({
@@ -647,8 +647,8 @@ const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
     variant: { default: "ghost" },
     size: { default: "md" }
   },
-  setup(a) {
-    const t = I({
+  setup(r) {
+    const a = I({
       base: "scalar-icon-button grid aspect-square cursor-pointer rounded",
       variants: {
         size: {
@@ -663,16 +663,16 @@ const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
         variant: V
       }
     });
-    return (e, i) => (m(), v("button", {
+    return (e, i) => (g(), v("button", {
       ariaDisabled: e.disabled || void 0,
-      class: h(c(S)(c(t)({ size: e.size, variant: e.variant, disabled: e.disabled }))),
+      class: h(d(S)(d(a)({ size: e.size, variant: e.variant, disabled: e.disabled }))),
       type: "button"
     }, [
-      x(c(j), { icon: e.icon }, null, 8, ["icon"]),
+      C(d(j), { icon: e.icon }, null, 8, ["icon"]),
       k("span", Ee, N(e.label), 1)
     ], 10, ke));
   }
-}), je = () => z({
+}), Ve = () => $({
   open: !1,
   show() {
     this.open = !0;
@@ -690,8 +690,8 @@ const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
     size: { default: "md" },
     variant: {}
   },
-  setup(a) {
-    const t = I({
+  setup(r) {
+    const a = I({
       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,26 +709,26 @@ const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
         }
       }
     });
-    return (e, i) => (m(), L(c(ne), {
+    return (e, i) => (g(), L(d(oe), {
       open: e.state.open,
-      onClose: i[0] || (i[0] = (g) => e.state.hide())
+      onClose: i[0] || (i[0] = (m) => e.state.hide())
     }, {
       default: A(() => [
         k("div", {
           class: h(
-            c(S)(
+            d(S)(
               "scalar-modal-layout fixed left-0 top-0",
               "z-[1001] h-[100dvh] w-[100dvw]",
               "bg-backdrop p-5 opacity-0"
             )
           )
         }, [
-          x(c(se), {
-            class: h(c(t)({ size: e.size, variant: e.variant })),
+          C(d(se), {
+            class: h(d(a)({ size: e.size, variant: e.variant })),
             style: F({ maxWidth: e.maxWidth })
           }, {
             default: A(() => [
-              e.title ? (m(), L(c(ie), {
+              e.title ? (g(), L(d(ie), {
                 key: 0,
                 class: h(["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" }])
               }, {
@@ -737,10 +737,10 @@ const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
                 ]),
                 _: 1
               }, 8, ["class"])) : E("", !0),
-              x(c(le), {
+              C(d(le), {
                 class: h([
                   "scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 px-6 pb-4 pt-6",
-                  c(S)(
+                  d(S)(
                     e.bodyClass,
                     e.variant === "history" && "pt-3",
                     e.variant === "search" && "col max-h-[440px] overflow-hidden p-0"
@@ -760,13 +760,13 @@ const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
       _: 3
     }, 8, ["open"]));
   }
-}), Ie = /* @__PURE__ */ D(Ne, [["__scopeId", "data-v-ff85ced0"]]), Ae = { class: "scalar-input-container relative" }, Te = ["for"], xe = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, Ce = /* @__PURE__ */ y({
+}), Ie = /* @__PURE__ */ D(Ne, [["__scopeId", "data-v-ff85ced0"]]), Ae = { class: "scalar-input-container relative" }, Te = ["for"], Ce = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, xe = /* @__PURE__ */ y({
   __name: "ScalarTextField",
   props: {
     modelValue: {},
     placeholder: {},
     label: {},
-    labelShadowColor: { default: "var(--theme-background-2, var(--default-theme-background-2))" },
+    labelShadowColor: { default: "var(--scalar-background-2)" },
     error: { type: Boolean },
     isMultiline: { type: Boolean },
     helperText: {},
@@ -776,8 +776,8 @@ const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
     disableTrim: { type: Boolean, default: !1 }
   },
   emits: ["submit", "update:modelValue"],
-  setup(a, { emit: t }) {
-    const e = a, i = t, g = I({
+  setup(r, { emit: a }) {
+    const e = r, i = a, m = I({
       base: "scalar-input-wrapper relative flex items-center rounded border border-solid border-border",
       variants: {
         focus: {
@@ -785,129 +785,129 @@ const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
         },
         error: { true: "scalar-input-wrapper-error border-error" }
       }
-    }), b = H(), s = b.id || `id-${ce()}`, d = C(), o = C(!1);
+    }), b = H(), s = b.id || `id-${de()}`, c = x(), n = x(!1);
     let l;
     if (e.isMultiline) {
-      const { triggerResize: n } = de({
-        element: d,
+      const { triggerResize: o } = ce({
+        element: c,
         input: e.modelValue
       });
-      l = n;
+      l = o;
     }
-    function u(n) {
-      const f = n.target.value;
+    function p(o) {
+      const f = o.target.value;
       e.isMultiline && l(), e.handleFieldChange ? e.handleFieldChange(f) : i("update:modelValue", f);
     }
-    function r(n) {
-      const f = n.target, w = e.disableTrim || e.isMultiline ? f.value : f.value.trim();
+    function t(o) {
+      const f = o.target, w = e.disableTrim || e.isMultiline ? f.value : f.value.trim();
       e.handleFieldSubmit ? e.handleFieldSubmit(w) : i("submit", w);
     }
-    function p(n) {
-      o.value = !1, e.emitOnBlur && e.modelValue && r(n);
+    function u(o) {
+      n.value = !1, e.emitOnBlur && e.modelValue && t(o);
     }
     return B(() => {
-      var n;
-      Object.prototype.hasOwnProperty.call(b, "autofocus") && ((n = d.value) == null || n.focus());
-    }), (n, f) => (m(), v("div", Ae, [
+      var o;
+      Object.prototype.hasOwnProperty.call(b, "autofocus") && ((o = c.value) == null || o.focus());
+    }), (o, f) => (g(), v("div", Ae, [
       k("div", {
-        class: h(c(g)({ error: n.error, focus: o.value }))
+        class: h(d(m)({ error: o.error, focus: n.value }))
       }, [
-        (m(), L(G(n.isMultiline ? "textarea" : "input"), M({ id: c(s) }, n.$attrs, {
+        (g(), L(G(o.isMultiline ? "textarea" : "input"), M({ id: d(s) }, o.$attrs, {
           ref_key: "input",
-          ref: d,
+          ref: c,
           class: [
             "scalar-input",
-            c(S)(
-              { "min-h-[77px]": n.isMultiline },
+            d(S)(
+              { "min-h-[77px]": o.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,
-          onBlur: p,
-          onFocus: f[0] || (f[0] = (w) => o.value = !0),
-          onInput: u,
-          onKeyup: ee(r, ["enter"])
+          placeholder: o.placeholder,
+          value: o.modelValue,
+          onBlur: u,
+          onFocus: f[0] || (f[0] = (w) => n.value = !0),
+          onInput: p,
+          onKeyup: ee(t, ["enter"])
         }), null, 16, ["id", "class", "placeholder", "value"])),
-        n.label ? (m(), v("label", {
+        o.label ? (g(), v("label", {
           key: 0,
           class: h(
-            c(S)(
+            d(S)(
               "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: c(s),
+          for: d(s),
           style: F({
-            "box-shadow": `0 0 4px 4px ${n.labelShadowColor}`,
-            "background-color": n.labelShadowColor
+            "box-shadow": `0 0 4px 4px ${o.labelShadowColor}`,
+            "background-color": o.labelShadowColor
           })
-        }, N(n.label), 15, Te)) : E("", !0),
-        k("div", xe, [
-          T(n.$slots, "default", {}, void 0, !0)
+        }, N(o.label), 15, Te)) : E("", !0),
+        k("div", Ce, [
+          T(o.$slots, "default", {}, void 0, !0)
         ])
       ], 2),
       k("span", {
         class: h(
-          c(S)(
+          d(S)(
             "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"
           )
         )
-      }, N(n.helperText), 3)
+      }, N(o.helperText), 3)
     ]));
   }
-}), Le = /* @__PURE__ */ D(Ce, [["__scopeId", "data-v-4717ec50"]]), We = {
+}), Le = /* @__PURE__ */ D(xe, [["__scopeId", "data-v-4fc2339e"]]), je = {
   boxShadow: {
-    DEFAULT: "var(--theme-shadow-1, var(--default-theme-shadow-1))",
-    md: "var(--theme-shadow-2, var(--default-theme-shadow-2))",
+    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(--theme-color-1, var(--default-theme-color-1))",
-    "fore-2": "var(--theme-color-2, var(--default-theme-color-2))",
-    "fore-3": "var(--theme-color-3, var(--default-theme-color-3))",
-    accent: "var(--theme-color-accent, var(--default-theme-color-accent))",
-    "back-1": "var(--theme-background-1, var(--default-theme-background-1))",
-    "back-2": "var(--theme-background-2, var(--default-theme-background-2))",
-    "back-3": "var(--theme-background-3, var(--default-theme-background-3))",
-    "back-accent": "var(--theme-background-accent, var(--default-theme-background-accent))",
+    "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(--theme-border-color, var(--default-theme-border-color))",
-    "back-btn-1": "var(--theme-button-1, var(--default-theme-button-1))",
-    "fore-btn-1": "var(--theme-button-1-color, var(--default-theme-button-1-color))",
-    "hover-btn-1": "var(--theme-button-1-hover, var(--default-theme-button-1-hover))",
+    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(--theme-color-green, var(--default-theme-color-green))",
-    red: "var(--theme-color-red, var(--default-theme-color-red))",
-    yellow: "var(--theme-color-yellow, var(--default-theme-color-yellow))",
-    blue: "var(--theme-color-blue, var(--default-theme-color-blue))",
-    orange: "var(--theme-color-orange, var(--default-theme-color-orange))",
-    purple: "var(--theme-color-purple, var(--default-theme-color-purple))",
-    error: "var(--theme-error-color, var(--default-theme-color-red))",
-    ghost: "var(--theme-color-ghost, var(--default-theme-color-ghost))",
+    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"
   }
-}, Xe = {
+}, We = {
   borderRadius: {
-    DEFAULT: "var(--theme-radius, var(--default-theme-radius))",
-    md: "var(--theme-radius, var(--default-theme-radius))",
-    lg: "var(--theme-radius-lg, var(--default-theme-radius-lg))",
-    xl: "var(--theme-radius-xl, var(--default-theme-radius-xl))"
+    DEFAULT: "var(--scalar-radius)",
+    md: "var(--scalar-radius)",
+    lg: "var(--scalar-radius-lg)",
+    xl: "var(--scalar-radius-xl)"
   },
   fontSize: {
-    xxs: "var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))",
-    xs: "var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))",
-    sm: "var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))",
-    base: "var(--theme-paragraph, var(--default-theme-paragraph, var(--theme-font-size-2, var(--default-theme-font-size-2))))",
-    lg: "var(--theme-font-size-1, var(--default-theme-font-size-1))"
+    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(--theme-font-medium, var(--default-theme-font-medium))",
-    bold: "var(--theme-font-bold, var(--default-theme-font-bold))"
+    medium: "var(--scalar-font-medium)",
+    bold: "var(--scalar-font-bold)"
   },
   maxWidth: {
     "screen-xs": "480px",
@@ -915,22 +915,22 @@ const we = ["innerHTML"], Ve = /* @__PURE__ */ y({
     "screen-md": "640px",
     "screen-lg": "800px"
   }
-}, qe = {
-  install: (a) => {
-    a.component("ScalarButton", Se), a.component("ScalarIcon", j), a.component("ScalarIconButton", _e), a.component("ScalarLoading", U), a.component("ScalarModal", Ie), a.component("ScalarTextField", Le);
+}, Xe = {
+  install: (r) => {
+    r.component("ScalarButton", Se), r.component("ScalarIcon", j), r.component("ScalarIconButton", _e), r.component("ScalarLoading", U), r.component("ScalarModal", Ie), r.component("ScalarTextField", Le);
   }
 };
 export {
   Se as ScalarButton,
-  Ve as ScalarCodeBlock,
+  Ue as ScalarCodeBlock,
   j as ScalarIcon,
   _e as ScalarIconButton,
   U as ScalarLoading,
   Ie as ScalarModal,
   Le as ScalarTextField,
-  qe as default,
-  Xe as extend,
-  We as theme,
-  Ue as useLoadingState,
-  je as useModal
+  Xe as default,
+  We as extend,
+  je as theme,
+  Fe as useLoadingState,
+  Ve as useModal
 };