@scalar/components 0.7.6 → 0.7.7

package/dist/index.js

@@ -1,9 +1,9 @@
 import './main.css';
-import { defineComponent as y, useCssVars as ee, openBlock as m, createElementBlock as v, normalizeClass as S, unref as n, createElementVNode as h, createCommentVNode as $, createStaticVNode as te, reactive as W, computed as k, useAttrs as P, mergeProps as C, renderSlot as b, createVNode as N, ref as I, watch as X, nextTick as ae, onServerPrefetch as re, useSSRContext as se, onMounted as q, toDisplayString as D, toValue as O, Fragment as K, createBlock as x, withCtx as _, defineAsyncComponent as oe, resolveDynamicComponent as Y, normalizeStyle as J, createTextVNode as R, normalizeProps as ne, guardReactiveProps as ie, withKeys as le } from "vue";
+import { defineComponent as w, useCssVars as ee, openBlock as m, createElementBlock as v, normalizeClass as S, unref as n, createElementVNode as h, createCommentVNode as $, createStaticVNode as te, reactive as W, computed as y, useAttrs as T, mergeProps as A, renderSlot as b, createVNode as N, ref as I, watch as X, nextTick as ae, onServerPrefetch as re, useSSRContext as se, onMounted as q, toDisplayString as D, toValue as P, Fragment as K, createBlock as x, withCtx as _, defineAsyncComponent as oe, resolveDynamicComponent as Y, normalizeStyle as J, createTextVNode as z, normalizeProps as ne, guardReactiveProps as ie, withKeys as le } from "vue";
 import { defineConfig as de } from "cva";
 import { extendTailwindMerge as ce } from "tailwind-merge";
 import { createHash as ue, ssrState as pe } from "@scalar/oas-utils";
-import L from "prismjs";
+import R from "prismjs";
 import { Menu as me, MenuItems as ge, MenuButton as fe, MenuItem as he, Dialog as ve, DialogPanel as be, DialogTitle as Se, DialogDescription as _e, Popover as ye, PopoverPanel as we, PopoverButton as ke } from "@headlessui/vue";
 import { getSideAxis as F } from "@floating-ui/utils";
 import { useFloating as Ee, autoUpdate as $e, offset as Ie, flip as Ne, shift as xe } from "@floating-ui/vue";
@@ -17,7 +17,7 @@ const M = "scalar-component", Te = ce({
       [M]: [M]
     }
   }
-}), { cva: T, cx: E, compose: Dt } = de({
+}), { cva: L, cx: E, compose: zt } = de({
   hooks: {
     onComplete: (a) => `${Te(a, M)}`
   }
@@ -25,7 +25,7 @@ const M = "scalar-component", Te = ce({
   key: 0,
   class: "circular-loader"
 };
-function Pt() {
+function Dt() {
   return W({
     isValid: !1,
     isInvalid: !1,
@@ -59,7 +59,7 @@ function Pt() {
     }
   });
 }
-const De = /* @__PURE__ */ y({
+const ze = /* @__PURE__ */ w({
   __name: "ScalarLoading",
   props: {
     loadingState: {},
@@ -99,10 +99,10 @@ const De = /* @__PURE__ */ y({
   }
 }), B = (a, t) => {
   const e = a.__vccOpts || a;
-  for (const [r, c] of t)
-    e[r] = c;
+  for (const [r, d] of t)
+    e[r] = d;
   return e;
-}, H = /* @__PURE__ */ B(De, [["__scopeId", "data-v-47faceda"]]), Z = {
+}, H = /* @__PURE__ */ B(ze, [["__scopeId", "data-v-47faceda"]]), Z = {
   solid: [
     "scalar-button-solid",
     "bg-back-btn-1 text-fore-btn-1 shadow-sm active:bg-back-btn-1 active:shadow-none hocus:bg-hover-btn-1"
@@ -119,14 +119,14 @@ const De = /* @__PURE__ */ y({
     "scalar-button-danger",
     "bg-error text-white active:brightness-90 hocus:brightness-90"
   ]
-}, Pe = T({
+}, De = L({
   base: "scalar-button row cursor-pointer items-center justify-center rounded font-medium",
   variants: {
     disabled: {
       true: "bg-background-2 text-color-3 cursor-not-allowed shadow-none"
     },
     fullWidth: { true: "w-full" },
-    size: { md: "h-10 px-6 text-sm" },
+    size: { sm: "px-2 py-1 text-xs", md: "h-10 px-6 text-sm" },
     variant: Z
   },
   compoundVariants: [
@@ -136,13 +136,13 @@ const De = /* @__PURE__ */ y({
       class: "bg-transparent text-ghost"
     }
   ]
-}), Oe = ["ariaDisabled"], ze = {
+}), Pe = ["ariaDisabled"], Oe = {
   key: 0,
   class: "mr-2 h-4 w-4"
 }, Be = {
   key: 1,
   class: "ml-2"
-}, Me = /* @__PURE__ */ y({
+}, Me = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "ScalarButton",
   props: {
@@ -153,20 +153,20 @@ const De = /* @__PURE__ */ y({
     variant: { default: "solid" }
   },
   setup(a) {
-    const t = k(() => {
-      const { class: e, ...r } = P();
-      return { className: e || "", rest: r };
+    const t = y(() => {
+      const { class: e, ...r } = T();
+      return { class: e || "", rest: r };
     });
-    return (e, r) => (m(), v("button", C(t.value.rest, {
+    return (e, r) => (m(), v("button", A(t.value.rest, {
       ariaDisabled: e.disabled || void 0,
       class: n(E)(
-        n(Pe)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
+        n(De)({ fullWidth: e.fullWidth, disabled: e.disabled, size: e.size, variant: e.variant }),
         { "pl-9 pr-3": e.loading },
-        `${t.value.className}`
+        `${t.value.class}`
       ),
       type: "button"
     }), [
-      e.$slots.icon ? (m(), v("div", ze, [
+      e.$slots.icon ? (m(), v("div", Oe, [
         b(e.$slots, "icon")
       ])) : $("", !0),
       b(e.$slots, "default"),
@@ -176,7 +176,7 @@ const De = /* @__PURE__ */ y({
           size: "20px"
         }, null, 8, ["loadingState"])
       ])) : $("", !0)
-    ], 16, Oe));
+    ], 16, Pe));
   }
 });
 (function(a) {
@@ -378,7 +378,7 @@ const De = /* @__PURE__ */ y({
       lookbehind: !0
     }
   }, e.inside = a.languages.bash;
-  for (var c = [
+  for (var d = [
     "comment",
     "function-name",
     "for-or-select",
@@ -394,8 +394,8 @@ const De = /* @__PURE__ */ y({
     "operator",
     "punctuation",
     "number"
-  ], d = r.variable[1].inside, s = 0; s < c.length; s++)
-    d[c[s]] = a.languages.bash[c[s]];
+  ], c = r.variable[1].inside, s = 0; s < d.length; s++)
+    c[d[s]] = a.languages.bash[d[s]];
   a.languages.sh = a.languages.bash, a.languages.shell = a.languages.bash;
 })(Prism);
 Prism.languages.json = {
@@ -470,7 +470,7 @@ Prism.languages.webmanifest = Prism.languages.json;
   };
   function r(s) {
     if (s = s.filter(function(i) {
-      var g = c(i), p = g["white-space"];
+      var g = d(i), p = g["white-space"];
       return p === "pre-wrap" || p === "pre-line";
     }), s.length != 0) {
       var u = s.map(function(i) {
@@ -490,12 +490,12 @@ Prism.languages.webmanifest = Prism.languages.json;
       }).filter(Boolean);
       u.forEach(function(i) {
         var g = i.sizer, p = i.lines, o = i.lineHeights, f = i.oneLinerHeight;
-        o[p.length - 1] = void 0, p.forEach(function(l, w) {
+        o[p.length - 1] = void 0, p.forEach(function(l, k) {
           if (l && l.length > 1) {
-            var A = g.appendChild(document.createElement("span"));
-            A.style.display = "block", A.textContent = l;
+            var C = g.appendChild(document.createElement("span"));
+            C.style.display = "block", C.textContent = l;
           } else
-            o[w] = f;
+            o[k] = f;
         });
       }), u.forEach(function(i) {
         for (var g = i.sizer, p = i.lineHeights, o = 0, f = 0; f < p.length; f++)
@@ -508,12 +508,12 @@ Prism.languages.webmanifest = Prism.languages.json;
       });
     }
   }
-  function c(s) {
+  function d(s) {
     return s ? window.getComputedStyle ? getComputedStyle(s) : s.currentStyle || null : null;
   }
-  var d = void 0;
+  var c = void 0;
   window.addEventListener("resize", function() {
-    e.assumeViewportIndependence && d === window.innerWidth || (d = window.innerWidth, r(Array.prototype.slice.call(document.querySelectorAll("pre." + a))));
+    e.assumeViewportIndependence && c === window.innerWidth || (c = window.innerWidth, r(Array.prototype.slice.call(document.querySelectorAll("pre." + a))));
   }), Prism.hooks.add("complete", function(s) {
     if (s.code) {
       var u = (
@@ -548,7 +548,7 @@ function He(a) {
     2
   );
 }
-function z(a) {
+function O(a) {
   if (typeof a == "string")
     return a;
   if (typeof a == "object")
@@ -559,7 +559,7 @@ function z(a) {
     }
   return a;
 }
-const Ge = ["innerHTML"], Ot = /* @__PURE__ */ y({
+const Ge = ["innerHTML"], Pt = /* @__PURE__ */ w({
   __name: "ScalarCodeBlock",
   props: {
     content: {},
@@ -568,8 +568,8 @@ const Ge = ["innerHTML"], Ot = /* @__PURE__ */ y({
     hideCredentials: {}
   },
   setup(a) {
-    const t = a, e = ue(z(t.content)), r = `components-scalar-code-block${e}`, { plugins: c, highlightElement: d } = L;
-    t.hideCredentials && L.hooks.add("wrap", function(o) {
+    const t = a, e = ue(O(t.content)), r = `components-scalar-code-block${e}`, { plugins: d, highlightElement: c } = R;
+    t.hideCredentials && R.hooks.add("wrap", function(o) {
       if (!t.hideCredentials)
         return;
       let f = !1;
@@ -586,24 +586,24 @@ const Ge = ["innerHTML"], Ot = /* @__PURE__ */ y({
         (l) => `<span class="credentials">${l}</span>`
       ));
     });
-    const s = I(null), u = I(pe[r] ?? ""), i = k(() => t.lang === "node" ? "js" : t.lang), g = t.lang;
+    const s = I(null), u = I(pe[r] ?? ""), i = y(() => t.lang === "node" ? "js" : t.lang), g = t.lang;
     X(
       [() => t.lang, () => t.content, s],
       () => {
-        s.value && t.content && (!u.value || t.lang !== g) && (u.value = "", ae(() => d(s.value)));
+        s.value && t.content && (!u.value || t.lang !== g) && (u.value = "", ae(() => c(s.value)));
       },
       { immediate: !0 }
     );
     const p = /\n(?!$)/g;
     return re(async () => {
       let o = "";
-      t.lineNumbers && L.hooks.add("after-tokenize", (l) => {
-        const w = l.code.match(p), A = w ? w.length + 1 : 1;
-        o = `<span aria-hidden="true" class="line-numbers-rows">${new Array(A + 1).join("<span></span>")}</span>`;
+      t.lineNumbers && R.hooks.add("after-tokenize", (l) => {
+        const k = l.code.match(p), C = k ? k.length + 1 : 1;
+        o = `<span aria-hidden="true" class="line-numbers-rows">${new Array(C + 1).join("<span></span>")}</span>`;
       });
-      const f = L.highlight(
-        z(t.content),
-        L.languages[i.value],
+      const f = R.highlight(
+        O(t.content),
+        R.languages[i.value],
         i.value
       );
       if (u.value = f + o, e !== 0) {
@@ -611,7 +611,7 @@ const Ge = ["innerHTML"], Ot = /* @__PURE__ */ y({
         l.payload.data[r] = f + o;
       }
     }), q(async () => {
-      await import("./prism-autoloader-Dlh8Vzlw.js"), c.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
+      await import("./prism-autoloader-Dlh8Vzlw.js"), d.autoloader.languages_path = "https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/components/";
     }), (o, f) => (m(), v("pre", {
       class: S([
         `scalar-component scalar-codeblock-pre language-${i.value}`,
@@ -623,37 +623,37 @@ const Ge = ["innerHTML"], Ot = /* @__PURE__ */ y({
       u.value ? (m(), v("code", {
         key: 0,
         class: S(`scalar-codeblock-code language-${i.value}`),
-        innerHTML: n(z)(u.value)
+        innerHTML: n(O)(u.value)
       }, null, 10, Ge)) : (m(), v("code", {
         key: 1,
         ref_key: "el",
         ref: s,
         class: S(`scalar-codeblock-code language-${i.value}`)
-      }, D(n(z)(o.content)), 3))
+      }, D(n(O)(o.content)), 3))
     ], 2));
   }
 });
 function Ve(a, t = { enabled: I(!0) }) {
-  const e = I(0), r = I(0), c = I();
-  return typeof ResizeObserver < "u" && (c.value = new ResizeObserver(([d]) => {
+  const e = I(0), r = I(0), d = I();
+  return typeof ResizeObserver < "u" && (d.value = new ResizeObserver(([c]) => {
     var s, u;
-    d && (e.value = ((s = d.borderBoxSize[0]) == null ? void 0 : s.inlineSize) ?? 0, r.value = ((u = d.borderBoxSize[0]) == null ? void 0 : u.blockSize) ?? 0);
+    c && (e.value = ((s = c.borderBoxSize[0]) == null ? void 0 : s.inlineSize) ?? 0, r.value = ((u = c.borderBoxSize[0]) == null ? void 0 : u.blockSize) ?? 0);
   })), X(
-    [() => O(t.enabled), () => O(a)],
-    ([d, s]) => {
-      !s || !c.value || (d ? c.value.observe(s) : c.value.disconnect());
+    [() => P(t.enabled), () => P(a)],
+    ([c, s]) => {
+      !s || !d.value || (c ? d.value.observe(s) : d.value.disconnect());
     },
     { immediate: !0 }
   ), {
-    width: k(
-      () => O(t.enabled) ? `${e.value}px` : void 0
+    width: y(
+      () => P(t.enabled) ? `${e.value}px` : void 0
     ),
-    height: k(
-      () => O(t.enabled) ? `${r.value}px` : void 0
+    height: y(
+      () => P(t.enabled) ? `${r.value}px` : void 0
     )
   };
 }
-const G = /* @__PURE__ */ y({
+const G = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "ScalarFloating",
   props: {
@@ -662,21 +662,21 @@ const G = /* @__PURE__ */ y({
     middleware: {}
   },
   setup(a) {
-    const t = a, e = I(null), r = I(null), c = k(
+    const t = a, e = I(null), r = I(null), d = y(
       () => {
         var p, o;
         return (((o = (p = r.value) == null ? void 0 : p.children) == null ? void 0 : o[0]) || r.value) ?? void 0;
       }
-    ), d = Ve(c, {
-      enabled: k(() => t.resize)
-    }), s = k(
-      () => F(t.placement || "bottom") === "y" ? d.width.value : void 0
-    ), u = k(
-      () => F(t.placement || "bottom") === "x" ? d.height.value : void 0
-    ), { floatingStyles: i, middlewareData: g } = Ee(c, e, {
-      placement: k(() => t.placement),
+    ), c = Ve(d, {
+      enabled: y(() => t.resize)
+    }), s = y(
+      () => F(t.placement || "bottom") === "y" ? c.width.value : void 0
+    ), u = y(
+      () => F(t.placement || "bottom") === "x" ? c.height.value : void 0
+    ), { floatingStyles: i, middlewareData: g } = Ee(d, e, {
+      placement: y(() => t.placement),
       whileElementsMounted: $e,
-      middleware: k(() => [
+      middleware: y(() => [
         Ie(5),
         Ne(),
         xe(),
@@ -691,7 +691,7 @@ const G = /* @__PURE__ */ y({
       }, [
         b(p.$slots, "default")
       ], 2),
-      h("div", C({
+      h("div", A({
         ref_key: "floatingRef",
         ref: e,
         class: "relative z-context",
@@ -705,7 +705,7 @@ const G = /* @__PURE__ */ y({
       ], 16)
     ], 64));
   }
-}), Fe = /* @__PURE__ */ h("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), Ue = /* @__PURE__ */ y({
+}), Fe = /* @__PURE__ */ h("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), Ue = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "ScalarDropdown",
   props: {
@@ -720,7 +720,7 @@ const G = /* @__PURE__ */ y({
           resize: t.resize
         }, {
           floating: _(({ width: r }) => [
-            N(n(ge), C({
+            N(n(ge), A({
               class: "relative flex w-56 flex-col p-0.75",
               style: { width: r }
             }, t.$attrs), {
@@ -749,14 +749,14 @@ const G = /* @__PURE__ */ y({
 function Xe(a, t) {
   return m(), v("div", We);
 }
-const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
+const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ w({
   __name: "ScalarDropdownItem",
   props: {
     disabled: { type: Boolean }
   },
   emits: ["click"],
   setup(a) {
-    const t = T({
+    const t = L({
       base: [
         // Layout
         "min-w-0 items-center gap-3 rounded px-2.5 py-1.5 text-left",
@@ -772,11 +772,11 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
       }
     });
     return (e, r) => (m(), x(n(he), { disabled: e.disabled }, {
-      default: _(({ active: c }) => [
+      default: _(({ active: d }) => [
         h("button", {
-          class: S(["item", n(E)("scalar-dropdown-item", n(t)({ active: c, disabled: e.disabled }))]),
+          class: S(["item", n(E)("scalar-dropdown-item", n(t)({ active: d, disabled: e.disabled }))]),
           type: "button",
-          onClick: r[0] || (r[0] = (d) => e.$emit("click", d))
+          onClick: r[0] || (r[0] = (c) => e.$emit("click", c))
         }, [
           b(e.$slots, "default")
         ], 2)
@@ -787,39 +787,39 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
 }), U = /* @__PURE__ */ Object.assign({ "./Add.svg": () => import("./Add-ngyZgYXx.js"), "./ArrowLeft.svg": () => import("./ArrowLeft-aY17W2aS.js"), "./ArrowRight.svg": () => import("./ArrowRight-DEMtdoE7.js"), "./Background.svg": () => import("./Background-DcRhSHgf.js"), "./Brackets.svg": () => import("./Brackets-4I8OKomf.js"), "./Branch.svg": () => import("./Branch-CXwj8YuG.js"), "./CallToAction.svg": () => import("./CallToAction-EyQKkvbg.js"), "./Checkmark.svg": () => import("./Checkmark-De7nq6cG.js"), "./ChevronDown.svg": () => import("./ChevronDown-Co7EAKAv.js"), "./ChevronLeft.svg": () => import("./ChevronLeft-DYt0idAu.js"), "./ChevronRight.svg": () => import("./ChevronRight-ylxToVWl.js"), "./ChevronUp.svg": () => import("./ChevronUp-xAnukIfj.js"), "./Clipboard.svg": () => import("./Clipboard-CU_KxGEv.js"), "./Close.svg": () => import("./Close-CW3z42qZ.js"), "./CodeFolder.svg": () => import("./CodeFolder-Cv_igzJE.js"), "./Cookie.svg": () => import("./Cookie-CEHvXpqB.js"), "./DarkMode.svg": () => import("./DarkMode-CBsV8Q_I.js"), "./Delete.svg": () => import("./Delete-BCZmxrDD.js"), "./Discord.svg": () => import("./Discord-BHYOFBB2.js"), "./DocsPage.svg": () => import("./DocsPage-rh2xwxKN.js"), "./Duplicate.svg": () => import("./Duplicate-BPlzNpcf.js"), "./Edit.svg": () => import("./Edit-Br04RNYb.js"), "./Ellipses.svg": () => import("./Ellipses-Bo_X36Hx.js"), "./Error.svg": () => import("./Error-B_RGtWJI.js"), "./ExternalLink.svg": () => import("./ExternalLink-DK8L-EH7.js"), "./FilterList.svg": () => import("./FilterList-CsAcE9em.js"), "./Folder.svg": () => import("./Folder-Cdcj4evh.js"), "./GitHub.svg": () => import("./GitHub-NdE6Zs9k.js"), "./Hide.svg": () => import("./Hide-Q3GPkIKH.js"), "./History.svg": () => import("./History-D9nmhNIn.js"), "./JsonObject.svg": () => import("./JsonObject-hGdHUQ4M.js"), "./Key.svg": () => import("./Key-CWXJqX28.js"), "./Leave.svg": () => import("./Leave-K1J3uwoG.js"), "./LightDarkModeToggle.svg": () => import("./LightDarkModeToggle-BkvMimDa.js"), "./LightMode.svg": () => import("./LightMode-Btz6vyT_.js"), "./Link.svg": () => import("./Link-Bzuc__Nc.js"), "./Lock.svg": () => import("./Lock-xhiH1mKz.js"), "./Logo.svg": () => import("./Logo-mtzeKD8M.js"), "./LogoAPI.svg": () => import("./LogoAPI-CaU5E6FK.js"), "./LogoClient.svg": () => import("./LogoClient-DdC-t_7P.js"), "./LogoMarket.svg": () => import("./LogoMarket-DwlApcab.js"), "./LogoSwagger.svg": () => import("./LogoSwagger-CH60H5qW.js"), "./Magic.svg": () => import("./Magic-Dsi9_bEc.js"), "./Menu.svg": () => import("./Menu-CFK5cOsm.js"), "./Page.svg": () => import("./Page-B7rVuhpl.js"), "./PaperAirplane.svg": () => import("./PaperAirplane-BC-4mGEB.js"), "./Payment.svg": () => import("./Payment-hzcXP1Xb.js"), "./Play.svg": () => import("./Play-BrVagRQA.js"), "./Refresh.svg": () => import("./Refresh-Be6vHEEi.js"), "./Response.svg": () => import("./Response-Dq9pM-ZU.js"), "./Search.svg": () => import("./Search-DqtlswRG.js"), "./Show.svg": () => import("./Show-D86hKz5y.js"), "./SideBarClosed.svg": () => import("./SideBarClosed-CYUNS2XM.js"), "./SideBarOpen.svg": () => import("./SideBarOpen-BOxW49_U.js"), "./Sort.svg": () => import("./Sort-oTjBhJFQ.js"), "./Terminal.svg": () => import("./Terminal-CKp--su5.js"), "./ThumbsDown.svg": () => import("./ThumbsDown-BMgnsASL.js"), "./ThumbsUp.svg": () => import("./ThumbsUp-C1j6zY2j.js"), "./Trash.svg": () => import("./Trash-BpA3zWPD.js"), "./Unlock.svg": () => import("./Unlock-CY8UqJoE.js"), "./Upload.svg": () => import("./Upload-REIdL7RI.js"), "./User.svg": () => import("./User-Df5svMQ3.js"), "./programming-framework-angular.svg": () => import("./programming-framework-angular-DD4Vjgbk.js"), "./programming-framework-astro.svg": () => import("./programming-framework-astro-CLfrRt19.js"), "./programming-framework-laravel.svg": () => import("./programming-framework-laravel-kAy2wVLy.js"), "./programming-framework-nextdotjs.svg": () => import("./programming-framework-nextdotjs-BKdd_DY_.js"), "./programming-framework-react.svg": () => import("./programming-framework-react-PDgmtZuN.js"), "./programming-framework-vuedotjs.svg": () => import("./programming-framework-vuedotjs-Cv46W2aB.js"), "./programming-language-c.svg": () => import("./programming-language-c-hPGu2Zvg.js"), "./programming-language-clojure.svg": () => import("./programming-language-clojure-Cvmzky8x.js"), "./programming-language-csharp.svg": () => import("./programming-language-csharp-lqX1oWgb.js"), "./programming-language-css3.svg": () => import("./programming-language-css3-Dpp4Cr6b.js"), "./programming-language-go.svg": () => import("./programming-language-go-DoJxWwT6.js"), "./programming-language-html5.svg": () => import("./programming-language-html5-DlqJK4EL.js"), "./programming-language-http.svg": () => import("./programming-language-http-wMYwFS1I.js"), "./programming-language-java.svg": () => import("./programming-language-java-BCxG2T_w.js"), "./programming-language-javascript.svg": () => import("./programming-language-javascript-VxLvi1QG.js"), "./programming-language-json.svg": () => import("./programming-language-json-vEX_g7Zi.js"), "./programming-language-kotlin.svg": () => import("./programming-language-kotlin-DKV8vP9h.js"), "./programming-language-node.svg": () => import("./programming-language-node-Xsgx38lm.js"), "./programming-language-objc.svg": () => import("./programming-language-objc-BQXSOBsX.js"), "./programming-language-ocaml.svg": () => import("./programming-language-ocaml-BEz7gGv7.js"), "./programming-language-php.svg": () => import("./programming-language-php-GY38f8r4.js"), "./programming-language-powershell.svg": () => import("./programming-language-powershell-C9DkSp36.js"), "./programming-language-python.svg": () => import("./programming-language-python-Ct-_kNjo.js"), "./programming-language-r.svg": () => import("./programming-language-r-BGoKwua9.js"), "./programming-language-ruby.svg": () => import("./programming-language-ruby-DhdM4d7g.js"), "./programming-language-scala.svg": () => import("./programming-language-scala-BVg0dToJ.js"), "./programming-language-shell.svg": () => import("./programming-language-shell-BsTa1xI7.js"), "./programming-language-swift.svg": () => import("./programming-language-swift-Dn72xPjg.js"), "./programming-language-typescript.svg": () => import("./programming-language-typescript-CdF-HuRi.js"), "./programming-script-code.svg": () => import("./programming-script-code-DQN1veb2.js"), "./programming-tool-git.svg": () => import("./programming-tool-git-DDnQ1zGD.js"), "./programming-tool-tailwindcss.svg": () => import("./programming-tool-tailwindcss-xjXi0E6g.js") }), j = (a) => {
   const t = `./${a}.svg`;
   return U[t] ? oe(U[t]) : (console.warn(`Could not find icon: ${a}`), null);
-}, Ye = ["src"], V = /* @__PURE__ */ y({
+}, Ye = ["src"], V = /* @__PURE__ */ w({
   __name: "ScalarIcon",
   props: {
     icon: {},
     size: {}
   },
   setup(a) {
-    const t = a, e = T({
+    const t = a, e = L({
       variants: {
         size: {
-          xs: "h-3 w-3 stroke-[1.4]",
-          sm: "h-3.5 w-3.5 stroke-[1.2]",
-          md: "h-4 w-4 stroke-[1.1]",
-          lg: "h-5 w-5",
-          xl: "h-6 w-6 stroke-[0.96]",
-          "2xl": "h-8 w-8 stroke-[0.92]",
-          "3xl": "h-10 w-10 stroke-[0.9]",
-          full: "h-full w-full"
+          xs: "size-3 stroke-[1.4]",
+          sm: "size-3.5 stroke-[1.2]",
+          md: "size-4 stroke-[1.1]",
+          lg: "size-5",
+          xl: "size-6 stroke-[0.96]",
+          "2xl": "size-8 stroke-[0.92]",
+          "3xl": "size-10 stroke-[0.9]",
+          full: "size-full"
         }
       },
       defaultVariants: {
         size: "full"
       }
     }), r = j(t.icon);
-    return (c, d) => n(r) ? (m(), x(Y(n(j)(c.icon)), {
+    return (d, c) => n(r) ? (m(), x(Y(n(j)(d.icon)), {
       key: 0,
-      class: S(n(E)("scalar-icon", n(e)({ size: c.size })))
+      class: S(n(E)("scalar-icon", n(e)({ size: d.size })))
     }, null, 8, ["class"])) : (m(), v("img", {
       key: 1,
-      src: c.icon
+      src: d.icon
     }, null, 8, Ye));
   }
-}), Je = ["ariaDisabled"], Ze = { class: "sr-only" }, Q = /* @__PURE__ */ y({
+}), Je = ["ariaDisabled"], Ze = { class: "sr-only" }, Q = /* @__PURE__ */ w({
   __name: "ScalarIconButton",
   props: {
     label: {},
@@ -829,13 +829,13 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
     size: { default: "md" }
   },
   setup(a) {
-    const t = T({
+    const t = L({
       base: "scalar-icon-button grid aspect-square cursor-pointer rounded",
       variants: {
         size: {
-          xs: "h-3.5 w-3.5 p-0.5",
-          sm: "h-5 w-5 p-1",
-          md: "h-10 w-10 p-3",
+          xs: "size-3.5 p-0.5",
+          sm: "size-6 p-1",
+          md: "size-10 p-3",
           full: "h-full w-full"
         },
         disabled: {
@@ -843,17 +843,20 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
         },
         variant: Z
       }
+    }), e = y(() => {
+      const { class: r, ...d } = T();
+      return { class: r || "", rest: d };
     });
-    return (e, r) => (m(), v("button", {
-      ariaDisabled: e.disabled || void 0,
-      class: S(n(E)(n(t)({ size: e.size, variant: e.variant, disabled: e.disabled }))),
+    return (r, d) => (m(), v("button", A(e.value.rest, {
+      ariaDisabled: r.disabled || void 0,
+      class: n(E)(n(t)({ size: r.size, variant: r.variant, disabled: r.disabled }), e.value.class),
       type: "button"
-    }, [
-      N(n(V), { icon: e.icon }, null, 8, ["icon"]),
-      h("span", Ze, D(e.label), 1)
-    ], 10, Je));
+    }), [
+      N(n(V), { icon: r.icon }, null, 8, ["icon"]),
+      h("span", Ze, D(r.label), 1)
+    ], 16, Je));
   }
-}), zt = () => W({
+}), Ot = () => W({
   open: !1,
   show() {
     this.open = !0;
@@ -861,7 +864,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
   hide() {
     this.open = !1;
   }
-}), Qe = /* @__PURE__ */ y({
+}), Qe = /* @__PURE__ */ w({
   __name: "ScalarModal",
   props: {
     state: {},
@@ -872,7 +875,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
     variant: {}
   },
   setup(a) {
-    const t = T({
+    const t = L({
       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"
@@ -892,7 +895,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
     });
     return (e, r) => (m(), x(n(ve), {
       open: e.state.open,
-      onClose: r[0] || (r[0] = (c) => e.state.hide())
+      onClose: r[0] || (r[0] = (d) => e.state.hide())
     }, {
       default: _(() => [
         h("div", {
@@ -914,7 +917,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
                 class: S(["scalar-modal-header font-semiBold m-0 rounded-lg px-6 py-3 text-left text-xs text-fore-1", { "pb-0 pt-6": e.variant === "history" }])
               }, {
                 default: _(() => [
-                  R(D(e.title), 1)
+                  z(D(e.title), 1)
                 ]),
                 _: 1
               }, 8, ["class"])) : $("", !0),
@@ -941,7 +944,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
       _: 3
     }, 8, ["open"]));
   }
-}), et = /* @__PURE__ */ B(Qe, [["__scopeId", "data-v-ff85ced0"]]), tt = /* @__PURE__ */ h("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), at = /* @__PURE__ */ y({
+}), et = /* @__PURE__ */ B(Qe, [["__scopeId", "data-v-ff85ced0"]]), tt = /* @__PURE__ */ h("div", { class: "absolute inset-0 -z-1 rounded bg-back-1 shadow-md brightness-lifted" }, null, -1), at = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "ScalarPopover",
   props: {
@@ -952,10 +955,10 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
     return (t, e) => (m(), x(n(ye), null, {
       default: _(() => [
         N(n(G), ne(ie(t.$props)), {
-          floating: _(({ width: r, height: c }) => [
-            N(n(we), C({
+          floating: _(({ width: r, height: d }) => [
+            N(n(we), A({
               class: "relative flex flex-col p-0.75",
-              style: { width: r, height: c }
+              style: { width: r, height: d }
             }, t.$attrs), {
               default: _(() => [
                 b(t.$slots, "popover"),
@@ -978,7 +981,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
       _: 3
     }));
   }
-}), rt = { class: "sr-only" }, st = ["value"], ot = /* @__PURE__ */ y({
+}), rt = { class: "sr-only" }, st = ["value"], ot = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "ScalarSearchInput",
   props: {
@@ -988,22 +991,22 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
   emits: ["update:modelValue"],
   setup(a, { emit: t }) {
     const e = t;
-    function r(d) {
-      e("update:modelValue", d.target.value);
+    function r(c) {
+      e("update:modelValue", c.target.value);
     }
-    const c = k(() => {
-      const { class: d, ...s } = P();
-      return { className: d || "", rest: s };
+    const d = y(() => {
+      const { class: c, ...s } = T();
+      return { className: c || "", rest: s };
     });
-    return (d, s) => (m(), v("label", C(c.value.rest, {
+    return (c, s) => (m(), v("label", A(d.value.rest, {
       class: n(E)(
         "flex rounded border bg-back-1 text-sm font-medium focus-within:border-fore-1",
-        c.value.className
+        d.value.className
       )
     }), [
       h("span", rt, [
-        b(d.$slots, "label", {}, () => [
-          R("Enter search")
+        b(c.$slots, "label", {}, () => [
+          z("Enter search")
         ])
       ]),
       h("input", {
@@ -1014,15 +1017,15 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
         placeholder: "Search...",
         spellcheck: "false",
         type: "text",
-        value: d.modelValue,
+        value: c.modelValue,
         onInput: r
       }, null, 40, st),
-      d.loading && d.loading.isLoading ? (m(), x(n(H), {
+      c.loading && c.loading.isLoading ? (m(), x(n(H), {
         key: 0,
         class: "mr-3 self-center",
-        loadingState: d.loading,
+        loadingState: c.loading,
         size: "20px"
-      }, null, 8, ["loadingState"])) : d.modelValue ? (m(), x(n(Q), {
+      }, null, 8, ["loadingState"])) : c.modelValue ? (m(), x(n(Q), {
         key: 1,
         class: "self-center",
         icon: "Close",
@@ -1032,29 +1035,29 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
       })) : $("", !0)
     ], 16));
   }
-}), nt = { class: "flex flex-col items-center gap-2 px-3 py-4" }, it = /* @__PURE__ */ h("div", { class: "rotate-90 text-lg font-bold" }, ":(", -1), lt = { class: "text-sm font-medium text-fore-2" }, dt = /* @__PURE__ */ y({
+}), nt = { class: "flex flex-col items-center gap-2 px-3 py-4" }, it = /* @__PURE__ */ h("div", { class: "rotate-90 text-lg font-bold" }, ":(", -1), lt = { class: "text-sm font-medium text-fore-2" }, dt = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "ScalarSearchResultList",
   props: {
     noResults: { type: Boolean }
   },
   setup(a) {
-    const t = k(() => {
-      const { class: e, ...r } = P();
+    const t = y(() => {
+      const { class: e, ...r } = T();
       return { className: e || "", rest: r };
     });
-    return (e, r) => (m(), v("ul", C(t.value.rest, {
+    return (e, r) => (m(), v("ul", A(t.value.rest, {
       class: n(E)("flex flex-col", t.value.className)
     }), [
       e.noResults ? b(e.$slots, "noResults", { key: 0 }, () => [
         h("div", nt, [
           it,
           h("div", lt, [
-            R(" No results found "),
+            z(" No results found "),
             e.$slots.query ? (m(), v(K, { key: 0 }, [
-              R('for "'),
+              z('for "'),
               b(e.$slots, "query"),
-              R('"')
+              z('"')
             ], 64)) : $("", !0)
           ])
         ])
@@ -1065,7 +1068,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
 }), ct = { class: "contents" }, ut = { class: "text-fore-3 group-hover:text-fore-1" }, pt = { class: "flex min-w-0 flex-1 flex-col gap-0.75" }, mt = { class: "flex items-center gap-1" }, gt = { class: "flex-1 truncate text-sm font-medium" }, ft = {
   key: 0,
   class: "text-xs text-fore-2"
-}, ht = { class: "truncate text-xs text-fore-2" }, vt = /* @__PURE__ */ y({
+}, ht = { class: "truncate text-xs text-fore-2" }, vt = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "ScalarSearchResultItem",
   props: {
@@ -1073,12 +1076,12 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
     active: { type: Boolean }
   },
   setup(a) {
-    const t = k(() => {
-      const { class: e, ...r } = P();
+    const t = y(() => {
+      const { class: e, ...r } = T();
       return { className: e || "", rest: r };
     });
     return (e, r) => (m(), v("li", ct, [
-      h("a", C(t.value.rest, {
+      h("a", A(t.value.rest, {
         class: n(E)(
           "group flex cursor-pointer gap-3 rounded px-3 py-1.5 no-underline hover:bg-back-2",
           {
@@ -1112,7 +1115,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
       ], 16)
     ]));
   }
-}), bt = { class: "scalar-input-container relative" }, St = ["for"], _t = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, yt = /* @__PURE__ */ y({
+}), bt = { class: "scalar-input-container relative" }, St = ["for"], _t = { class: "icon-slot cursor-pointer text-ghost hover:text-fore-1 !empty:flex !empty:w-7 !empty:items-center !empty:pr-3" }, yt = /* @__PURE__ */ w({
   __name: "ScalarTextField",
   props: {
     modelValue: {},
@@ -1129,7 +1132,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
   },
   emits: ["submit", "update:modelValue"],
   setup(a, { emit: t }) {
-    const e = a, r = t, c = T({
+    const e = a, r = t, d = L({
       base: "scalar-input-wrapper relative flex items-center rounded border border-solid border-border",
       variants: {
         focus: {
@@ -1137,7 +1140,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
         },
         error: { true: "scalar-input-wrapper-error border-error" }
       }
-    }), d = P(), s = d.id || `id-${Ce()}`, u = I(), i = I(!1);
+    }), c = T(), s = c.id || `id-${Ce()}`, u = I(), i = I(!1);
     let g;
     if (e.isMultiline) {
       const { triggerResize: l } = Ae({
@@ -1147,24 +1150,24 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
       g = l;
     }
     function p(l) {
-      const w = l.target.value;
-      e.isMultiline && g(), e.handleFieldChange ? e.handleFieldChange(w) : r("update:modelValue", w);
+      const k = l.target.value;
+      e.isMultiline && g(), e.handleFieldChange ? e.handleFieldChange(k) : r("update:modelValue", k);
     }
     function o(l) {
-      const w = l.target, A = e.disableTrim || e.isMultiline ? w.value : w.value.trim();
-      e.handleFieldSubmit ? e.handleFieldSubmit(A) : r("submit", A);
+      const k = l.target, C = e.disableTrim || e.isMultiline ? k.value : k.value.trim();
+      e.handleFieldSubmit ? e.handleFieldSubmit(C) : r("submit", C);
     }
     function f(l) {
       i.value = !1, e.emitOnBlur && e.modelValue && o(l);
     }
     return q(() => {
       var l;
-      Object.prototype.hasOwnProperty.call(d, "autofocus") && ((l = u.value) == null || l.focus());
-    }), (l, w) => (m(), v("div", bt, [
+      Object.prototype.hasOwnProperty.call(c, "autofocus") && ((l = u.value) == null || l.focus());
+    }), (l, k) => (m(), v("div", bt, [
       h("div", {
-        class: S(n(c)({ error: l.error, focus: i.value }))
+        class: S(n(d)({ error: l.error, focus: i.value }))
       }, [
-        (m(), x(Y(l.isMultiline ? "textarea" : "input"), C({ id: n(s) }, l.$attrs, {
+        (m(), x(Y(l.isMultiline ? "textarea" : "input"), A({ id: n(s) }, l.$attrs, {
           ref_key: "input",
           ref: u,
           class: [
@@ -1178,7 +1181,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
           placeholder: l.placeholder,
           value: l.modelValue,
           onBlur: f,
-          onFocus: w[0] || (w[0] = (A) => i.value = !0),
+          onFocus: k[0] || (k[0] = (C) => i.value = !0),
           onInput: p,
           onKeyup: le(o, ["enter"])
         }), null, 16, ["id", "class", "placeholder", "value"])),
@@ -1218,7 +1221,7 @@ const qe = /* @__PURE__ */ B(je, [["render", Xe]]), Ke = /* @__PURE__ */ y({
 };
 export {
   Me as ScalarButton,
-  Ot as ScalarCodeBlock,
+  Pt as ScalarCodeBlock,
   Ue as ScalarDropdown,
   qe as ScalarDropdownDivider,
   Ke as ScalarDropdownItem,
@@ -1233,6 +1236,6 @@ export {
   dt as ScalarSearchResultList,
   wt as ScalarTextField,
   Bt as default,
-  Pt as useLoadingState,
-  zt as useModal
+  Dt as useLoadingState,
+  Ot as useModal
 };