@scalar/components 0.4.6 → 0.4.8

package/dist/index.js

@@ -1,28 +1,28 @@
 import "./main.css";
-import { defineComponent as S, useCssVars as F, openBlock as m, createElementBlock as f, normalizeClass as h, unref as c, createElementVNode as _, createCommentVNode as k, createStaticVNode as U, reactive as R, computed as O, useAttrs as z, mergeProps as P, renderSlot as A, createVNode as T, ref as M, watch as Z, nextTick as W, onServerPrefetch as X, onMounted as H, toDisplayString as x, defineAsyncComponent as q, h as K, createBlock as I, withCtx as E, normalizeStyle as $, createTextVNode as Y, resolveDynamicComponent as J, withKeys as Q } from "vue";
+import { defineComponent as k, useCssVars as W, openBlock as g, createElementBlock as v, normalizeClass as m, unref as c, createElementVNode as w, createCommentVNode as E, createStaticVNode as X, reactive as z, computed as $, useAttrs as M, mergeProps as H, renderSlot as N, createVNode as C, ref as x, watch as q, nextTick as K, onServerPrefetch as Y, onMounted as B, toDisplayString as _, defineAsyncComponent as J, createBlock as L, resolveDynamicComponent as G, withCtx as T, normalizeStyle as F, createTextVNode as Z, withKeys as Q } from "vue";
 import { defineConfig as ee } from "cva";
 import { extendTailwindMerge as te } from "tailwind-merge";
-import L from "prismjs";
-import { Dialog as re, DialogPanel as ne, DialogTitle as ae, DialogDescription as oe } from "@headlessui/vue";
+import A from "prismjs";
+import { Dialog as re, DialogPanel as ae, DialogTitle as oe, DialogDescription as ne } from "@headlessui/vue";
 import { useTextareaAutosize as se } from "@vueuse/core";
-import { nanoid as le } from "nanoid";
-const N = "scalar-component", ie = te({
+import { nanoid as ie } from "nanoid";
+const O = "scalar-component", le = te({
   extend: {
     classGroups: {
       // Add the scalar class prefix as a custom class to be deduped by tailwind-merge
-      [N]: [N]
+      [O]: [O]
     }
   }
-}), { cva: y, cx: w, compose: it } = ee({
+}), { cva: I, cx: S, compose: $e } = ee({
   hooks: {
-    onComplete: (r) => `${ie(r, N)}`
+    onComplete: (r) => `${le(r, O)}`
   }
-}), de = /* @__PURE__ */ U('<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), ce = {
+}), de = /* @__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), ce = {
   key: 0,
   class: "circular-loader"
 };
-function dt() {
-  return R({
+function Me() {
+  return z({
     isValid: !1,
     isInvalid: !1,
     isLoading: !1,
@@ -55,21 +55,21 @@ function dt() {
     }
   });
 }
-const ue = /* @__PURE__ */ S({
+const ue = /* @__PURE__ */ k({
   __name: "ScalarLoading",
   props: {
     loadingState: {},
     size: { default: "24px" }
   },
   setup(r) {
-    return F((t) => ({
+    return W((t) => ({
       "8d3a1414": t.size
-    })), (t, e) => t.loadingState ? (m(), f("div", {
+    })), (t, e) => t.loadingState ? (g(), v("div", {
       key: 0,
-      class: h(c(w)("loader-wrapper"))
+      class: m(c(S)("loader-wrapper"))
     }, [
-      (m(), f("svg", {
-        class: h(["svg-loader", {
+      (g(), v("svg", {
+        class: m(["svg-loader", {
           "icon-is-valid": t.loadingState.isValid,
           "icon-is-invalid": t.loadingState.isInvalid
         }]),
@@ -78,9 +78,9 @@ const ue = /* @__PURE__ */ S({
         "xmlns:xlink": "http://www.w3.org/1999/xlink"
       }, [
         de,
-        t.loadingState.isLoading ? (m(), f("g", ce, [
-          _("circle", {
-            class: h(["loader-path", {
+        t.loadingState.isLoading ? (g(), v("g", ce, [
+          w("circle", {
+            class: m(["loader-path", {
               "loader-path-off": t.loadingState.isValid || t.loadingState.isInvalid
             }]),
             cx: "50",
@@ -89,16 +89,16 @@ const ue = /* @__PURE__ */ S({
             r: "20",
             "stroke-width": "2"
           }, null, 2)
-        ])) : k("", !0)
+        ])) : E("", !0)
       ], 2))
-    ], 2)) : k("", !0);
+    ], 2)) : E("", !0);
   }
-}), B = (r, t) => {
+}), D = (r, t) => {
   const e = r.__vccOpts || r;
-  for (const [s, u] of t)
-    e[s] = u;
+  for (const [d, u] of t)
+    e[d] = u;
   return e;
-}, G = /* @__PURE__ */ B(ue, [["__scopeId", "data-v-42a08e16"]]), j = {
+}, U = /* @__PURE__ */ D(ue, [["__scopeId", "data-v-42a08e16"]]), 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"
@@ -115,7 +115,7 @@ const ue = /* @__PURE__ */ S({
     "scalar-button-danger",
     "bg-error text-white active:brightness-90 hocus:brightness-90"
   ]
-}, pe = y({
+}, pe = I({
   base: "scalar-button row cursor-pointer items-center justify-center rounded font-medium",
   variants: {
     disabled: {
@@ -123,7 +123,7 @@ const ue = /* @__PURE__ */ S({
     },
     fullWidth: { true: "w-full" },
     size: { md: "h-10 px-6 text-sm" },
-    variant: j
+    variant: V
   },
   compoundVariants: [
     {
@@ -132,13 +132,13 @@ const ue = /* @__PURE__ */ S({
       class: "bg-transparent text-ghost"
     }
   ]
-}), he = ["ariaDisabled"], me = {
+}), me = ["ariaDisabled"], ge = {
   key: 0,
   class: "mr-2 h-4 w-4"
-}, ge = {
+}, he = {
   key: 1,
   class: "ml-2"
-}, ve = /* @__PURE__ */ S({
+}, fe = /* @__PURE__ */ k({
   inheritAttrs: !1,
   __name: "ScalarButton",
   props: {
@@ -149,30 +149,30 @@ const ue = /* @__PURE__ */ S({
     variant: { default: "solid" }
   },
   setup(r) {
-    const t = O(() => {
-      const { class: e, ...s } = z();
-      return { className: e || "", rest: s };
+    const t = $(() => {
+      const { class: e, ...d } = M();
+      return { className: e || "", rest: d };
     });
-    return (e, s) => (m(), f("button", P(t.value.rest, {
+    return (e, d) => (g(), v("button", H(t.value.rest, {
       ariaDisabled: e.disabled || void 0,
-      class: c(w)(
+      class: c(S)(
         c(pe)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
         { "pl-9 pr-3": e.loading },
         `${t.value.className}`
       ),
       type: "button"
     }), [
-      e.$slots.icon ? (m(), f("div", me, [
-        A(e.$slots, "icon")
-      ])) : k("", !0),
-      A(e.$slots, "default"),
-      e.loading ? (m(), f("div", ge, [
-        T(c(G), {
+      e.$slots.icon ? (g(), v("div", ge, [
+        N(e.$slots, "icon")
+      ])) : E("", !0),
+      N(e.$slots, "default"),
+      e.loading ? (g(), v("div", he, [
+        C(c(U), {
           loadingState: e.loading,
           size: "20px"
         }, null, 8, ["loadingState"])
-      ])) : k("", !0)
-    ], 16, he));
+      ])) : E("", !0)
+    ], 16, me));
   }
 });
 (function(r) {
@@ -183,7 +183,7 @@ const ue = /* @__PURE__ */ S({
     // this looks reasonably well in all themes
     inside: null
     // see below
-  }, s = {
+  }, d = {
     bash: e,
     environment: {
       pattern: RegExp("\\$" + t),
@@ -295,7 +295,7 @@ const ue = /* @__PURE__ */ S({
         pattern: /((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,
         lookbehind: !0,
         greedy: !0,
-        inside: s
+        inside: d
       },
       // Here-document with quotes around the tag
       // → No expansion (so no “inside”).
@@ -313,7 +313,7 @@ const ue = /* @__PURE__ */ S({
         pattern: /(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,
         lookbehind: !0,
         greedy: !0,
-        inside: s
+        inside: d
       },
       {
         // https://www.gnu.org/software/bash/manual/html_node/Single-Quotes.html
@@ -326,7 +326,7 @@ const ue = /* @__PURE__ */ S({
         pattern: /\$'(?:[^'\\]|\\[\s\S])*'/,
         greedy: !0,
         inside: {
-          entity: s.entity
+          entity: d.entity
         }
       }
     ],
@@ -334,7 +334,7 @@ const ue = /* @__PURE__ */ S({
       pattern: RegExp("\\$?" + t),
       alias: "constant"
     },
-    variable: s.variable,
+    variable: d.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
@@ -390,8 +390,8 @@ const ue = /* @__PURE__ */ S({
     "operator",
     "punctuation",
     "number"
-  ], g = s.variable[1].inside, a = 0; a < u.length; a++)
-    g[u[a]] = r.languages.bash[u[a]];
+  ], f = d.variable[1].inside, a = 0; a < u.length; a++)
+    f[u[a]] = r.languages.bash[u[a]];
   r.languages.sh = r.languages.bash, r.languages.shell = r.languages.bash;
 })(Prism);
 Prism.languages.json = {
@@ -430,14 +430,14 @@ Prism.languages.webmanifest = Prism.languages.json;
      * @param {number} number line number
      * @returns {Element|undefined}
      */
-    getLine: function(a, o) {
+    getLine: function(a, n) {
       if (!(a.tagName !== "PRE" || !a.classList.contains(r))) {
-        var n = a.querySelector(".line-numbers-rows");
-        if (n) {
-          var l = parseInt(a.getAttribute("data-start"), 10) || 1, p = l + (n.children.length - 1);
-          o < l && (o = l), o > p && (o = p);
-          var d = o - l;
-          return n.children[d];
+        var o = a.querySelector(".line-numbers-rows");
+        if (o) {
+          var s = parseInt(a.getAttribute("data-start"), 10) || 1, p = s + (o.children.length - 1);
+          n < s && (n = s), n > p && (n = p);
+          var l = n - s;
+          return o.children[l];
         }
       }
     },
@@ -450,7 +450,7 @@ Prism.languages.webmanifest = Prism.languages.json;
      * @returns {void}
      */
     resize: function(a) {
-      s([a]);
+      d([a]);
     },
     /**
      * Whether the plugin can assume that the units font sizes and margins are not depended on the size of
@@ -464,42 +464,42 @@ Prism.languages.webmanifest = Prism.languages.json;
      */
     assumeViewportIndependence: !0
   };
-  function s(a) {
-    if (a = a.filter(function(n) {
-      var l = u(n), p = l["white-space"];
+  function d(a) {
+    if (a = a.filter(function(o) {
+      var s = u(o), p = s["white-space"];
       return p === "pre-wrap" || p === "pre-line";
     }), a.length != 0) {
-      var o = a.map(function(n) {
-        var l = n.querySelector("code"), p = n.querySelector(".line-numbers-rows");
-        if (!(!l || !p)) {
-          var d = n.querySelector(".line-numbers-sizer"), v = l.textContent.split(t);
-          d || (d = document.createElement("span"), d.className = "line-numbers-sizer", l.appendChild(d)), d.innerHTML = "0", d.style.display = "block";
-          var i = d.getBoundingClientRect().height;
-          return d.innerHTML = "", {
-            element: n,
-            lines: v,
+      var n = a.map(function(o) {
+        var s = o.querySelector("code"), p = o.querySelector(".line-numbers-rows");
+        if (!(!s || !p)) {
+          var l = o.querySelector(".line-numbers-sizer"), h = s.textContent.split(t);
+          l || (l = document.createElement("span"), l.className = "line-numbers-sizer", s.appendChild(l)), l.innerHTML = "0", l.style.display = "block";
+          var i = l.getBoundingClientRect().height;
+          return l.innerHTML = "", {
+            element: o,
+            lines: h,
             lineHeights: [],
             oneLinerHeight: i,
-            sizer: d
+            sizer: l
           };
         }
       }).filter(Boolean);
-      o.forEach(function(n) {
-        var l = n.sizer, p = n.lines, d = n.lineHeights, v = n.oneLinerHeight;
-        d[p.length - 1] = void 0, p.forEach(function(i, b) {
+      n.forEach(function(o) {
+        var s = o.sizer, p = o.lines, l = o.lineHeights, h = o.oneLinerHeight;
+        l[p.length - 1] = void 0, p.forEach(function(i, b) {
           if (i && i.length > 1) {
-            var C = l.appendChild(document.createElement("span"));
-            C.style.display = "block", C.textContent = i;
+            var y = s.appendChild(document.createElement("span"));
+            y.style.display = "block", y.textContent = i;
           } else
-            d[b] = v;
+            l[b] = h;
         });
-      }), o.forEach(function(n) {
-        for (var l = n.sizer, p = n.lineHeights, d = 0, v = 0; v < p.length; v++)
-          p[v] === void 0 && (p[v] = l.children[d++].getBoundingClientRect().height);
-      }), o.forEach(function(n) {
-        var l = n.sizer, p = n.element.querySelector(".line-numbers-rows");
-        l.style.display = "none", l.innerHTML = "", n.lineHeights.forEach(function(d, v) {
-          p.children[v].style.height = d + "px";
+      }), n.forEach(function(o) {
+        for (var s = o.sizer, p = o.lineHeights, l = 0, h = 0; h < p.length; h++)
+          p[h] === void 0 && (p[h] = s.children[l++].getBoundingClientRect().height);
+      }), n.forEach(function(o) {
+        var s = o.sizer, p = o.element.querySelector(".line-numbers-rows");
+        s.style.display = "none", s.innerHTML = "", o.lineHeights.forEach(function(l, h) {
+          p.children[h].style.height = l + "px";
         });
       });
     }
@@ -507,29 +507,29 @@ Prism.languages.webmanifest = Prism.languages.json;
   function u(a) {
     return a ? window.getComputedStyle ? getComputedStyle(a) : a.currentStyle || null : null;
   }
-  var g = void 0;
+  var f = void 0;
   window.addEventListener("resize", function() {
-    e.assumeViewportIndependence && g === window.innerWidth || (g = window.innerWidth, s(Array.prototype.slice.call(document.querySelectorAll("pre." + r))));
+    e.assumeViewportIndependence && f === window.innerWidth || (f = window.innerWidth, d(Array.prototype.slice.call(document.querySelectorAll("pre." + r))));
   }), Prism.hooks.add("complete", function(a) {
     if (a.code) {
-      var o = (
+      var n = (
         /** @type {Element} */
         a.element
-      ), n = (
+      ), o = (
         /** @type {HTMLElement} */
-        o.parentNode
+        n.parentNode
       );
-      if (!(!n || !/pre/i.test(n.nodeName)) && !o.querySelector(".line-numbers-rows") && Prism.util.isActive(o, r)) {
-        o.classList.remove(r), n.classList.add(r);
-        var l = a.code.match(t), p = l ? l.length + 1 : 1, d, v = new Array(p + 1).join("<span></span>");
-        d = document.createElement("span"), d.setAttribute("aria-hidden", "true"), d.className = "line-numbers-rows", d.innerHTML = v, n.hasAttribute("data-start") && (n.style.counterReset = "linenumber " + (parseInt(n.getAttribute("data-start"), 10) - 1)), a.element.appendChild(d), s([n]), Prism.hooks.run("line-numbers", a);
+      if (!(!o || !/pre/i.test(o.nodeName)) && !n.querySelector(".line-numbers-rows") && Prism.util.isActive(n, r)) {
+        n.classList.remove(r), o.classList.add(r);
+        var s = a.code.match(t), p = s ? s.length + 1 : 1, l, h = new Array(p + 1).join("<span></span>");
+        l = document.createElement("span"), l.setAttribute("aria-hidden", "true"), l.className = "line-numbers-rows", l.innerHTML = h, o.hasAttribute("data-start") && (o.style.counterReset = "linenumber " + (parseInt(o.getAttribute("data-start"), 10) - 1)), a.element.appendChild(l), d([o]), Prism.hooks.run("line-numbers", a);
       }
     }
   }), Prism.hooks.add("line-numbers", function(a) {
     a.plugins = a.plugins || {}, a.plugins.lineNumbers = !0;
   });
 })();
-const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
+const ve = ["innerHTML"], He = /* @__PURE__ */ k({
   __name: "ScalarCodeBlock",
   props: {
     content: {},
@@ -538,183 +538,78 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
     hideCredentials: {}
   },
   setup(r) {
-    const t = r, { plugins: e, highlightElement: s } = L;
-    t.hideCredentials && L.hooks.add("wrap", function(o) {
+    const t = r, { plugins: e, highlightElement: d } = A;
+    t.hideCredentials && A.hooks.add("wrap", function(n) {
       if (!t.hideCredentials)
         return;
-      let n = !1;
-      typeof t.hideCredentials == "string" ? o.content.includes(t.hideCredentials) && (n = !0) : Array.isArray(t.hideCredentials) && (n = t.hideCredentials.some(
-        (l) => o.content.includes(l)
-      )), n && (o.content = o.content.replace(
+      let o = !1;
+      typeof t.hideCredentials == "string" ? n.content.includes(t.hideCredentials) && (o = !0) : Array.isArray(t.hideCredentials) && (o = t.hideCredentials.some(
+        (s) => n.content.includes(s)
+      )), o && (n.content = n.content.replace(
         /<span class="credentials">.*?<\/span>/g,
-        (l) => l.replace(/<span class="credentials">|<\/span>/g, "")
-      ), o.content = o.content.replace(
+        (s) => s.replace(/<span class="credentials">|<\/span>/g, "")
+      ), n.content = n.content.replace(
         new RegExp(
           typeof t.hideCredentials == "string" ? t.hideCredentials : t.hideCredentials.join("|"),
           "g"
         ),
-        (l) => `<span class="credentials">${l}</span>`
+        (s) => `<span class="credentials">${s}</span>`
       ));
     });
-    const u = M(null), g = M(""), a = O(() => t.lang === "node" ? "js" : t.lang);
-    return Z(
+    const u = x(null), f = x(""), a = $(() => t.lang === "node" ? "js" : t.lang);
+    return q(
       () => [t.lang, t.content],
       () => {
-        u.value && W(() => s(u.value));
+        u.value && K(() => d(u.value));
       }
-    ), X(async () => {
-      const o = L.highlight(
+    ), Y(async () => {
+      const n = A.highlight(
         typeof t.content == "object" ? JSON.stringify(t.content) : t.content,
-        L.languages[a.value],
+        A.languages[a.value],
         a.value
       );
-      g.value = o;
-    }), H(async () => {
-      u.value && s(u.value), await import("./prism-autoloader-Dlh8Vzlw.js"), e.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
-    }), (o, n) => g.value ? (m(), f("pre", {
+      f.value = n;
+    }), B(async () => {
+      u.value && d(u.value), await import("./prism-autoloader-Dlh8Vzlw.js"), e.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
+    }), (n, o) => f.value ? (g(), v("pre", {
       key: 0,
-      class: h([
+      class: m([
         `scalar-component scalar-codeblock-pre language-${a.value}`,
         {
-          "line-numbers": o.lineNumbers
+          "line-numbers": n.lineNumbers
         }
       ])
     }, [
-      _("code", {
+      w("code", {
         ref_key: "el",
         ref: u,
-        class: h(`scalar-codeblock-code language-${a.value}`),
-        innerHTML: g.value
-      }, null, 10, fe)
-    ], 2)) : (m(), f("pre", {
+        class: m(`scalar-codeblock-code language-${a.value}`),
+        innerHTML: f.value
+      }, null, 10, ve)
+    ], 2)) : (g(), v("pre", {
       key: 1,
-      class: h(["scalar-component scalar-codeblock-pre", {
-        "line-numbers": o.lineNumbers
+      class: m(["scalar-component scalar-codeblock-pre", {
+        "line-numbers": n.lineNumbers
       }])
     }, [
-      _("code", {
+      w("code", {
         ref_key: "el",
         ref: u,
-        class: h(`scalar-codeblock-code lang-${a.value}`)
-      }, x(o.content), 3)
+        class: m(`scalar-codeblock-code lang-${a.value}`)
+      }, _(n.content), 3)
     ], 2));
   }
-}), be = (r) => Object.fromEntries(Array.from(r).map((t) => [t.name, t.value])), we = (r) => ({ raw: t }) => {
-  const s = new r().parseFromString(t, "image/svg+xml");
-  if (s.getElementsByTagName("parsererror").length)
-    return;
-  const u = s.documentElement, g = be(u.attributes), { width: a, height: o, ...n } = g;
-  return K("svg", { ...n, innerHTML: u.innerHTML });
-}, _e = q(async () => {
-  const r = typeof DOMParser > "u" ? (await import("@xmldom/xmldom")).DOMParser : DOMParser, t = we(r);
-  return t.props = {
-    raw: {
-      type: String,
-      required: !0
-    }
-  }, t;
-}), ke = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
-    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3.429"
-        d="M24 1.714v44.572M1.714 24h44.572" />
-</svg>`, Se = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.5 23.5" fill="currentColor">
-    <path d="M11.2 23.5 0 12.3l2.15-2.15 9.05 9.05L30.4 0l2.15 2.15z" />
-</svg>`, Ce = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.5 8.25L12 15.75L19.5 8.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-`, xe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M15.75 19.5L8.25 12L15.75 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-`, ye = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.25 19.5L15.75 12L8.25 4.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`, Ee = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.5 15.75L12 8.25L4.5 15.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>
-`, Le = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
-    <path d="M6,5h4c1.7,0,2-1.3,2-3c1.1,0,2,0.9,2,2v10c0,1.1-0.9,2-2,2H4c-1.1,0-2-0.9-2-2V4c0-1.1,0.9-2,2-2C4,3.7,4.3,5,6,5z M6,2V1
-	c0-0.6,0.5-1,1-1h2c0.5,0,1,0.4,1,1v1.3C10,2.9,9.6,3,9,3H7C6.4,3,6,2.6,6,2z" />
-</svg>`, Ae = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
-    <path stroke="currentColor" d="m12.5 1.5-11 11m0-11 11 11" />
-</svg>`, Te = `<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
-    <path
-        d="M9.557,7.243A.456.456,0,0,0,9.1,6.991C9.023,7,8.951,7,8.877,7A4,4,0,0,1,5.546.781.5.5,0,0,0,5.564.256.476.476,0,0,0,5.1,0,5,5,0,1,0,9.539,7.767.5.5,0,0,0,9.557,7.243Z"
-        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
-</svg>`, Me = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
-    <path
-        d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
-</svg>`, Ie = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9">
-    <g fill="none" fill-rule="evenodd" transform="translate(.67 .67)">
-        <rect transform="rotate(180 4 4)" />
-        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".5"
-            d="M2.85 1.73h3.4v3.4m0-3.4L1.74 6.24" />
-    </g>
-</svg>`, Ne = `<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 1024 1024">
-    <path
-        d="M512 0a512 512 0 0 0-162 998c26 4 35-11 35-25l-1-95c-128 23-161-32-172-60-6-15-31-61-52-73-18-10-44-33-1-33 40-1 69 37 78 52 46 78 120 56 149 43 5-33 18-56 33-69-114-13-234-56-234-253 0-56 20-101 53-137-5-13-23-65 5-136 0 0 43-13 141 53a487 487 0 0 1 256 0c98-66 141-53 141-53 28 71 10 123 5 136 33 36 53 81 53 137 0 197-120 240-234 253 18 16 35 47 35 95l-1 140c0 14 9 30 35 25A512 512 0 0 0 512 0z" />
-</svg>`, Oe = `<svg
-  height="24"
-  viewBox="0 0 24 24"
-  width="24"
-  xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M24 12a1 1 0 0 0 -1 -1h-3.91a0.51 0.51 0 0 1 -0.49 -0.4 6.83 6.83 0 0 0 -0.94 -2.28 0.5 0.5 0 0 1 0.06 -0.63l2.77 -2.76a1 1 0 1 0 -1.42 -1.42l-2.76 2.77a0.5 0.5 0 0 1 -0.63 0.06 6.83 6.83 0 0 0 -2.28 -0.94 0.5 0.5 0 0 1 -0.4 -0.49V1a1 1 0 0 0 -2 0v3.91a0.51 0.51 0 0 1 -0.4 0.49 6.83 6.83 0 0 0 -2.28 0.94 0.5 0.5 0 0 1 -0.63 -0.06L4.93 3.51a1 1 0 0 0 -1.42 1.42l2.77 2.76a0.5 0.5 0 0 1 0.06 0.63 6.83 6.83 0 0 0 -0.94 2.28 0.5 0.5 0 0 1 -0.49 0.4H1a1 1 0 0 0 0 2h3.91a0.51 0.51 0 0 1 0.49 0.4 6.83 6.83 0 0 0 0.94 2.28 0.5 0.5 0 0 1 -0.06 0.63l-2.77 2.76a1 1 0 1 0 1.42 1.42l2.76 -2.77a0.5 0.5 0 0 1 0.63 -0.06 6.83 6.83 0 0 0 2.28 0.94 0.5 0.5 0 0 1 0.4 0.49V23a1 1 0 0 0 2 0v-3.91a0.51 0.51 0 0 1 0.4 -0.49 6.83 6.83 0 0 0 2.28 -0.94 0.5 0.5 0 0 1 0.63 0.06l2.76 2.77a1 1 0 1 0 1.42 -1.42l-2.77 -2.76a0.5 0.5 0 0 1 -0.06 -0.63 6.83 6.83 0 0 0 0.94 -2.28 0.5 0.5 0 0 1 0.49 -0.4H23a1 1 0 0 0 1 -1Zm-8.74 2.5A5.76 5.76 0 0 1 9.5 8.74a5.66 5.66 0 0 1 0.16 -1.31 0.49 0.49 0 0 1 0.34 -0.36 5.36 5.36 0 0 1 1.8 -0.31 5.47 5.47 0 0 1 5.46 5.46 5.36 5.36 0 0 1 -0.31 1.8 0.49 0.49 0 0 1 -0.35 0.32 5.53 5.53 0 0 1 -1.34 0.16Z"
-    fill="currentColor"
-    stroke-width="1"></path>
-</svg>`, Be = `<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
-    <path d="M3.500 5.000 A1.500 1.500 0 1 0 6.500 5.000 A1.500 1.500 0 1 0 3.500 5.000 Z" fill="currentColor"
-        stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
-    <path d="M5,2.25a.625.625,0,0,1-.625-.625v-1a.625.625,0,0,1,1.25,0v1A.625.625,0,0,1,5,2.25Z" fill="currentColor"
-        stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
-    <path d="M6.945,3.055a.623.623,0,0,1,0-.883l.707-.708a.625.625,0,0,1,.884.884l-.708.707A.623.623,0,0,1,6.945,3.055Z"
-        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
-    <path d="M7.75,5a.625.625,0,0,1,.625-.625h1a.625.625,0,0,1,0,1.25h-1A.625.625,0,0,1,7.75,5Z" fill="currentColor"
-        stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
-    <path d="M6.945,6.945a.623.623,0,0,1,.883,0l.708.707a.625.625,0,0,1-.884.884l-.707-.708A.623.623,0,0,1,6.945,6.945Z"
-        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
-    <path d="M5,7.75a.625.625,0,0,1,.625.625v1a.625.625,0,0,1-1.25,0v-1A.625.625,0,0,1,5,7.75Z" fill="currentColor"
-        stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
-    <path
-        d="M3.055,6.945a.623.623,0,0,1,0,.883l-.707.708a.625.625,0,0,1-.884-.884l.708-.707A.623.623,0,0,1,3.055,6.945Z"
-        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
-    <path d="M2.25,5a.625.625,0,0,1-.625.625h-1a.625.625,0,0,1,0-1.25h1A.625.625,0,0,1,2.25,5Z" fill="currentColor"
-        stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
-    <path
-        d="M3.055,3.055a.623.623,0,0,1-.883,0l-.708-.707a.625.625,0,0,1,.884-.884l.707.708A.623.623,0,0,1,3.055,3.055Z"
-        fill="currentColor" stroke="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"></path>
-</svg>`, De = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 593 593">
-    <path fill="currentColor" fill-rule="evenodd"
-        d="M347 0c6 0 12 5 12 12v134l94-95c5-5 13-5 17 0l72 72c4 4 5 12 0 16v1l-95 94h134c7 0 12 5 12 12v101c0 7-5 12-12 12H447l95 94c4 5 5 13 0 17l-72 72c-4 4-12 5-16 0h-1l-94-95v134c0 7-5 12-12 12H246c-7 0-12-5-12-12v-70c0-22 9-43 24-59l130-130c14-14 14-37 0-51L259 142a84 84 0 0 1-25-59V12c0-7 5-12 12-12h101ZM138 52h1l219 219c14 14 14 37 0 51L139 542c-4 5-12 5-17 0l-71-70c-4-5-5-12 0-17l95-96H12c-7 0-12-5-12-12V246c0-7 5-12 12-12h134l-95-94c-4-5-4-12 0-17l71-71c4-5 12-5 16 0Z" />
-</svg>`, Re = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 662 662">
-    <path fill-rule="evenodd" fill="currentColor"
-        d="M331 0a331 331 0 1 1 0 662 331 331 0 0 1 0-662Zm148.5 109 .6.9a187 187 0 1 1-297.6-.9 267 267 0 1 0 297 0Z" />
-</svg>`, ze = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 620">
-    <path fill="currentColor"
-        d="M-.653 309.29c-.078 82.272 31.848 159.735 89.739 218.178l.283.283c122.379 121.247 319.824 121.184 440.16-.283 119.967-121.1 119.409-316.933-.998-437.339l-.99-.99C468.681 30.845 390.716-1.017 307.893-.67c-82.83.354-160.443 32.994-218.814 91.79C31.209 149.555-.724 227.025-.653 309.29Zm469.271-160.789.778.778c87.9 87.9 88.325 231.005.707 319.33-77.753 78.46-199.786 87.412-288.959 26.862l198.513-198.513-.007 166.361 83.68-.07v-306.22H157.11l-.008 83.6h160.584L121.994 436.323c-59.347-87.689-50.536-208.59 26.51-286.343C236.34 61.294 379.94 60.67 468.61 148.494Z" />
-</svg>`, Pe = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 642 642" fill="currentColor">
-    <path
-        d="M321 0a321 321 0 1 1 0 642 321 321 0 0 1 0-642Zm51.3 63L321 189.5 269.7 63l1 136.5-95.8-97.2L228 228l-125.7-53.1 97.2 95.8-136.5-1L189.5 321 63 372.3l136.5-1-97.2 95.8 125.7-53-53.1 125.6 95.8-97.2-1 136.5L321 452.5 372.3 579l-1-136.5 95.8 97.2-53-125.7 125.6 53.1-97.2-95.8 136.5 1L452.5 321 579 269.7l-136.5 1 97.2-95.8L414 228l53.1-125.7-95.8 97.2 1-136.5Z" />
-</svg>`, He = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 620 620" fill="currentColor">
-    <path
-        d="M529.2 90.8A310 310 0 1 0 90.8 529.2 310 310 0 0 0 529.2 90.8M122.4 498.2c-54.9-55-15.4-183.5 88.2-287 103.6-103.7 232.1-143.2 287-88.3 54.9 54.8 15.4 183.4-88.3 287-103.5 103.6-232 143.1-286.9 88.3m261.8-262.7A104.7 104.7 0 1 1 236 383.7a104.7 104.7 0 0 1 148.2-148.2" />
-</svg>`, $e = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 14 14">
-    <path fill="none" stroke="currentColor" d="M14 3.4H0m14 7.2H0" />
-</svg>`, Ge = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14">
-    <path fill="currentColor" fill-rule="evenodd"
-        d="M11.8214 0.0977942C12.1097 -0.00745677 12.4219 -0.0286524 12.7219 0.0367783C13.0248 0.102864 13.3024 0.254542 13.5216 0.47378C13.7408 0.693018 13.8925 0.970598 13.9586 1.27352C14.024 1.57344 14.0028 1.88572 13.8976 2.17395L10.3236 12.8859L10.3234 12.8866C10.2363 13.1501 10.083 13.3868 9.8781 13.574C9.6738 13.7606 9.42509 13.8918 9.15572 13.9549C8.8863 14.0206 8.60441 14.0151 8.33774 13.9389C8.07131 13.8628 7.82926 13.7187 7.63529 13.5209L5.71795 11.6124L3.70389 12.6538C3.54684 12.7351 3.35857 12.7273 3.20874 12.6334C3.05892 12.5395 2.96981 12.3735 2.9744 12.1967L3.05697 9.013L10.1019 3.8956C10.3812 3.69273 10.4432 3.30188 10.2403 3.02261C10.0374 2.74333 9.64659 2.68139 9.36731 2.88425L2.20283 8.08846L0.473125 6.35875L0.473067 6.3587L0.472941 6.35857C0.285618 6.17138 0.147716 5.9406 0.0716193 5.68694C-0.00393616 5.43509 -0.0162115 5.16853 0.0358379 4.91085C0.0879545 4.62934 0.213796 4.36664 0.400577 4.14957C0.588637 3.93101 0.83165 3.76664 1.1045 3.67345L1.10787 3.6723L1.10787 3.67231L11.8214 0.0977942Z"
-        clip-rule="evenodd"></path>
-</svg>`, je = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor">
-    <path fill-rule="evenodd"
-        d="M12.6 11.2h.1l3 3a1 1 0 1 1-1.4 1.5l-3-3a1 1 0 0 1-.1-.1 7 7 0 1 1 1.4-1.4zM7 12A5 5 0 1 0 7 2a5 5 0 0 0 0 10z" />
-</svg>`, D = /* @__PURE__ */ Object.assign({ "./Add.svg": ke, "./CheckMark.svg": Se, "./ChevronDown.svg": Ce, "./ChevronLeft.svg": xe, "./ChevronRight.svg": ye, "./ChevronUp.svg": Ee, "./Clipboard.svg": Le, "./Close.svg": Ae, "./DarkMode.svg": Te, "./Ellipses.svg": Me, "./ExternalLink.svg": Ie, "./GitHub.svg": Ne, "./LightDarkModeToggle.svg": Oe, "./LightMode.svg": Be, "./Logo.svg": De, "./LogoAPI.svg": Re, "./LogoClient.svg": ze, "./LogoMarket.svg": Pe, "./LogoSwagger.svg": He, "./Menu.svg": $e, "./PaperAirplane.svg": Ge, "./Search.svg": je }), Ve = (r) => {
+}), 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 t = `./${r}.svg`;
-  return D[t] === void 0 ? (console.warn(`Could not find icon: ${r}`), "") : D[t];
-}, V = /* @__PURE__ */ S({
+  return R[t] ? J(R[t]) : (console.warn(`Could not find icon: ${r}`), null);
+}, be = ["src"], j = /* @__PURE__ */ k({
   __name: "ScalarIcon",
   props: {
     icon: {},
     size: {}
   },
   setup(r) {
-    const t = r, e = y({
+    const t = r, e = I({
       variants: {
         size: {
           xs: "h-3 w-3",
@@ -728,14 +623,16 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
       defaultVariants: {
         size: "full"
       }
-    }), s = O(() => Ve(t.icon));
-    return (u, g) => s.value ? (m(), I(c(_e), {
+    }), d = P(t.icon);
+    return (u, f) => c(d) ? (g(), L(G(c(P)(u.icon)), {
       key: 0,
-      class: h(c(w)("scalar-icon", c(e)({ size: u.size }))),
-      raw: s.value
-    }, null, 8, ["class", "raw"])) : k("", !0);
+      class: m(c(S)("scalar-icon", c(e)({ size: u.size })))
+    }, null, 8, ["class"])) : (g(), v("img", {
+      key: 1,
+      src: u.icon
+    }, null, 8, be));
   }
-}), Fe = ["ariaDisabled"], Ue = { class: "sr-only" }, Ze = /* @__PURE__ */ S({
+}), Se = ["ariaDisabled"], we = { class: "sr-only" }, ke = /* @__PURE__ */ k({
   __name: "ScalarIconButton",
   props: {
     label: {},
@@ -745,7 +642,7 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
     size: { default: "md" }
   },
   setup(r) {
-    const t = y({
+    const t = I({
       base: "scalar-icon-button grid aspect-square cursor-pointer rounded",
       variants: {
         size: {
@@ -757,19 +654,19 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
         disabled: {
           true: "cursor-not-allowed shadow-none"
         },
-        variant: j
+        variant: V
       }
     });
-    return (e, s) => (m(), f("button", {
+    return (e, d) => (g(), v("button", {
       ariaDisabled: e.disabled || void 0,
-      class: h(c(w)(c(t)({ size: e.size, variant: e.variant, disabled: e.disabled }))),
+      class: m(c(S)(c(t)({ size: e.size, variant: e.variant, disabled: e.disabled }))),
       type: "button"
     }, [
-      T(c(V), { icon: e.icon }, null, 8, ["icon"]),
-      _("span", Ue, x(e.label), 1)
-    ], 10, Fe));
+      C(c(j), { icon: e.icon }, null, 8, ["icon"]),
+      w("span", we, _(e.label), 1)
+    ], 10, Se));
   }
-}), ut = () => R({
+}), Be = () => z({
   open: !1,
   show() {
     this.open = !0;
@@ -777,7 +674,7 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
   hide() {
     this.open = !1;
   }
-}), We = /* @__PURE__ */ S({
+}), ye = /* @__PURE__ */ k({
   __name: "ScalarModal",
   props: {
     state: {},
@@ -788,7 +685,7 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
     variant: {}
   },
   setup(r) {
-    const t = y({
+    const t = 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"
@@ -806,46 +703,46 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
         }
       }
     });
-    return (e, s) => (m(), I(c(re), {
+    return (e, d) => (g(), L(c(re), {
       open: e.state.open,
-      onClose: s[0] || (s[0] = (u) => e.state.hide())
+      onClose: d[0] || (d[0] = (u) => e.state.hide())
     }, {
-      default: E(() => [
-        _("div", {
-          class: h(
-            c(w)(
+      default: T(() => [
+        w("div", {
+          class: m(
+            c(S)(
               "scalar-modal-layout fixed left-0 top-0",
               "z-[1001] h-[100dvh] w-[100dvw]",
               "bg-backdrop p-5 opacity-0"
             )
           )
         }, [
-          T(c(ne), {
-            class: h(c(t)({ size: e.size, variant: e.variant })),
-            style: $({ maxWidth: e.maxWidth })
+          C(c(ae), {
+            class: m(c(t)({ size: e.size, variant: e.variant })),
+            style: F({ maxWidth: e.maxWidth })
           }, {
-            default: E(() => [
-              e.title ? (m(), I(c(ae), {
+            default: T(() => [
+              e.title ? (g(), L(c(oe), {
                 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" }])
+                class: m(["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: E(() => [
-                  Y(x(e.title), 1)
+                default: T(() => [
+                  Z(_(e.title), 1)
                 ]),
                 _: 1
-              }, 8, ["class"])) : k("", !0),
-              T(c(oe), {
-                class: h([
+              }, 8, ["class"])) : E("", !0),
+              C(c(ne), {
+                class: m([
                   "scalar-modal-body relative max-h-[calc(100dvh-240px)] overflow-y-auto rounded-lg bg-back-1 px-6 pb-4 pt-6",
-                  c(w)(
+                  c(S)(
                     e.bodyClass,
                     e.variant === "history" && "pt-3",
                     e.variant === "search" && "col max-h-[440px] overflow-hidden p-0"
                   )
                 ])
               }, {
-                default: E(() => [
-                  A(e.$slots, "default", {}, void 0, !0)
+                default: T(() => [
+                  N(e.$slots, "default", {}, void 0, !0)
                 ]),
                 _: 3
               }, 8, ["class"])
@@ -857,7 +754,7 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
       _: 3
     }, 8, ["open"]));
   }
-}), Xe = /* @__PURE__ */ B(We, [["__scopeId", "data-v-ff85ced0"]]), qe = { class: "scalar-input-container relative" }, Ke = ["for"], Ye = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, Je = /* @__PURE__ */ S({
+}), Ee = /* @__PURE__ */ D(ye, [["__scopeId", "data-v-ff85ced0"]]), _e = { class: "scalar-input-container relative" }, Ie = ["for"], Te = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, Ae = /* @__PURE__ */ k({
   __name: "ScalarTextField",
   props: {
     modelValue: {},
@@ -874,7 +771,7 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
   },
   emits: ["submit", "update:modelValue"],
   setup(r, { emit: t }) {
-    const e = r, s = t, u = y({
+    const e = r, d = t, u = I({
       base: "scalar-input-wrapper relative flex items-center rounded border border-solid border-border",
       variants: {
         focus: {
@@ -882,39 +779,39 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
         },
         error: { true: "scalar-input-wrapper-error border-error" }
       }
-    }), g = z(), a = g.id || `id-${le()}`, o = M(), n = M(!1);
-    let l;
+    }), f = M(), a = f.id || `id-${ie()}`, n = x(), o = x(!1);
+    let s;
     if (e.isMultiline) {
       const { triggerResize: i } = se({
-        element: o,
+        element: n,
         input: e.modelValue
       });
-      l = i;
+      s = i;
     }
     function p(i) {
       const b = i.target.value;
-      e.isMultiline && l(), e.handleFieldChange ? e.handleFieldChange(b) : s("update:modelValue", b);
+      e.isMultiline && s(), e.handleFieldChange ? e.handleFieldChange(b) : d("update:modelValue", b);
     }
-    function d(i) {
-      const b = i.target, C = e.disableTrim || e.isMultiline ? b.value : b.value.trim();
-      e.handleFieldSubmit ? e.handleFieldSubmit(C) : s("submit", C);
+    function l(i) {
+      const b = i.target, y = e.disableTrim || e.isMultiline ? b.value : b.value.trim();
+      e.handleFieldSubmit ? e.handleFieldSubmit(y) : d("submit", y);
     }
-    function v(i) {
-      n.value = !1, e.emitOnBlur && e.modelValue && d(i);
+    function h(i) {
+      o.value = !1, e.emitOnBlur && e.modelValue && l(i);
     }
-    return H(() => {
+    return B(() => {
       var i;
-      Object.prototype.hasOwnProperty.call(g, "autofocus") && ((i = o.value) == null || i.focus());
-    }), (i, b) => (m(), f("div", qe, [
-      _("div", {
-        class: h(c(u)({ error: i.error, focus: n.value }))
+      Object.prototype.hasOwnProperty.call(f, "autofocus") && ((i = n.value) == null || i.focus());
+    }), (i, b) => (g(), v("div", _e, [
+      w("div", {
+        class: m(c(u)({ error: i.error, focus: o.value }))
       }, [
-        (m(), I(J(i.isMultiline ? "textarea" : "input"), P({ id: c(a) }, i.$attrs, {
+        (g(), L(G(i.isMultiline ? "textarea" : "input"), H({ id: c(a) }, i.$attrs, {
           ref_key: "input",
-          ref: o,
+          ref: n,
           class: [
             "scalar-input",
-            c(w)(
+            c(S)(
               { "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"
@@ -922,41 +819,41 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
           ],
           placeholder: i.placeholder,
           value: i.modelValue,
-          onBlur: v,
-          onFocus: b[0] || (b[0] = (C) => n.value = !0),
+          onBlur: h,
+          onFocus: b[0] || (b[0] = (y) => o.value = !0),
           onInput: p,
-          onKeyup: Q(d, ["enter"])
+          onKeyup: Q(l, ["enter"])
         }), null, 16, ["id", "class", "placeholder", "value"])),
-        i.label ? (m(), f("label", {
+        i.label ? (g(), v("label", {
           key: 0,
-          class: h(
-            c(w)(
+          class: m(
+            c(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(a),
-          style: $({
+          style: F({
             "box-shadow": `0 0 4px 4px ${i.labelShadowColor}`,
             "background-color": i.labelShadowColor
           })
-        }, x(i.label), 15, Ke)) : k("", !0),
-        _("div", Ye, [
-          A(i.$slots, "default", {}, void 0, !0)
+        }, _(i.label), 15, Ie)) : E("", !0),
+        w("div", Te, [
+          N(i.$slots, "default", {}, void 0, !0)
         ])
       ], 2),
-      _("span", {
-        class: h(
-          c(w)(
+      w("span", {
+        class: m(
+          c(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"
           )
         )
-      }, x(i.helperText), 3)
+      }, _(i.helperText), 3)
     ]));
   }
-}), Qe = /* @__PURE__ */ B(Je, [["__scopeId", "data-v-4717ec50"]]), pt = {
+}), Ne = /* @__PURE__ */ D(Ae, [["__scopeId", "data-v-4717ec50"]]), Ge = {
   boxShadow: {
     DEFAULT: "var(--theme-shadow-1, var(--default-theme-shadow-1))",
     md: "var(--theme-shadow-2, var(--default-theme-shadow-2))",
@@ -988,7 +885,7 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
     ghost: "var(--theme-color-ghost, var(--default-theme-color-ghost))",
     transparent: "transparent"
   }
-}, ht = {
+}, Fe = {
   borderRadius: {
     DEFAULT: "var(--theme-radius, var(--default-theme-radius))",
     md: "var(--theme-radius, var(--default-theme-radius))",
@@ -1012,22 +909,22 @@ const fe = ["innerHTML"], ct = /* @__PURE__ */ S({
     "screen-md": "640px",
     "screen-lg": "800px"
   }
-}, mt = {
+}, Ue = {
   install: (r) => {
-    r.component("ScalarButton", ve), r.component("ScalarIcon", V), r.component("ScalarIconButton", Ze), r.component("ScalarLoading", G), r.component("ScalarModal", Xe), r.component("ScalarTextField", Qe);
+    r.component("ScalarButton", fe), r.component("ScalarIcon", j), r.component("ScalarIconButton", ke), r.component("ScalarLoading", U), r.component("ScalarModal", Ee), r.component("ScalarTextField", Ne);
   }
 };
 export {
-  ve as ScalarButton,
-  ct as ScalarCodeBlock,
-  V as ScalarIcon,
-  Ze as ScalarIconButton,
-  G as ScalarLoading,
-  Xe as ScalarModal,
-  Qe as ScalarTextField,
-  mt as default,
-  ht as extend,
-  pt as theme,
-  dt as useLoadingState,
-  ut as useModal
+  fe as ScalarButton,
+  He as ScalarCodeBlock,
+  j as ScalarIcon,
+  ke as ScalarIconButton,
+  U as ScalarLoading,
+  Ee as ScalarModal,
+  Ne as ScalarTextField,
+  Ue as default,
+  Fe as extend,
+  Ge as theme,
+  Me as useLoadingState,
+  Be as useModal
 };