zudoku 0.23.4 → 0.23.5

package/lib/{index-C8ubT49C.js → index-C_ul-2fb.js}

@@ -1,38 +1,38 @@
-var ke = Object.defineProperty;
-var me = (t) => {
-  throw TypeError(t);
+var Ie = Object.defineProperty;
+var me = (e) => {
+  throw TypeError(e);
 };
-var Ie = (t, n, s) => n in t ? ke(t, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[n] = s;
-var W = (t, n, s) => Ie(t, typeof n != "symbol" ? n + "" : n, s), pe = (t, n, s) => n.has(t) || me("Cannot " + s);
-var x = (t, n, s) => (pe(t, n, "read from private field"), s ? s.call(t) : n.get(t)), R = (t, n, s) => n.has(t) ? me("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(t) : n.set(t, s), M = (t, n, s, r) => (pe(t, n, "write to private field"), r ? r.call(t, s) : n.set(t, s), s);
-import { j as e } from "./jsx-runtime-Dx-03ztt.js";
-import { m as qe } from "./chunk-D52XG6IA-Dl7HLe6j.js";
-import { i as Re, j as Me, k as Ae } from "./utils-B4O1uet5.js";
-import { XIcon as Ve, EraserIcon as Se, ChevronsUpDownIcon as ze, LogInIcon as Fe, CirclePlayIcon as Le } from "lucide-react";
+var qe = (e, n, s) => n in e ? Ie(e, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[n] = s;
+var W = (e, n, s) => qe(e, typeof n != "symbol" ? n + "" : n, s), pe = (e, n, s) => n.has(e) || me("Cannot " + s);
+var y = (e, n, s) => (pe(e, n, "read from private field"), s ? s.call(e) : n.get(e)), R = (e, n, s) => n.has(e) ? me("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(e) : n.set(e, s), M = (e, n, s, a) => (pe(e, n, "write to private field"), a ? a.call(e, s) : n.set(e, s), s);
+import { j as t } from "./jsx-runtime-Dx-03ztt.js";
+import { m as Re } from "./chunk-D52XG6IA-Dl7HLe6j.js";
+import { i as Me, j as he, k as Ae } from "./utils-B4O1uet5.js";
+import { XIcon as Ve, EraserIcon as Ce, ChevronsUpDownIcon as ze, LogInIcon as Fe, CirclePlayIcon as Le } from "lucide-react";
 import { u as De } from "./hook-DgGeo5iL.js";
 import { Button as E } from "./ui/Button.js";
 import { initializeWorker as Ge } from "zudoku/openapi-worker";
 import { Z as Be } from "./invariant-Caa8-XvF.js";
 import { VisuallyHidden as Je } from "@radix-ui/react-visually-hidden";
-import * as he from "react";
-import { useRef as Ce, useEffect as $e, useState as Te, useTransition as He, Fragment as Z } from "react";
+import * as fe from "react";
+import { useRef as $e, useEffect as Te, useState as Ee, useTransition as He, Fragment as Z } from "react";
 import { D as Qe, b as Ue, a as We, c as Ze } from "./Dialog-Bxv1yEIg.js";
-import { u as Ke, S as fe, a as xe, b as ye, c as ge, e as K } from "./Select-D3XuKKuH.js";
+import { u as Ke, S as xe, a as ye, b as ge, c as ve, e as K } from "./Select-D3XuKKuH.js";
 import { b as oe, C as $, u as Xe, a as Ye, F as et } from "./index.esm-BnnBRKJX.js";
 import { a as tt } from "./state-CFQsUZUP.js";
-import { S as ve } from "./Spinner-DuxJLLNE.js";
+import { S as je } from "./Spinner-DuxJLLNE.js";
 import { Callout as nt } from "./ui/Callout.js";
 import { Card as ae, CardHeader as st, CardTitle as rt, CardContent as at } from "./ui/Card.js";
-import { Tabs as je, TabsList as be, TabsTrigger as A, TabsContent as V } from "./ui/Tabs.js";
+import { Tabs as be, TabsList as Ne, TabsTrigger as A, TabsContent as V } from "./ui/Tabs.js";
 import { z as ot, S as it } from "./SyntaxHighlight-Bz-lOJtH.js";
-import { c as P } from "./cn-qaFjX9_3.js";
+import { c as O } from "./cn-qaFjX9_3.js";
 import { Input as H } from "./ui/Input.js";
 import { Slot as lt } from "@radix-ui/react-slot";
 class L extends String {
-  constructor(s, r) {
+  constructor(s, a) {
     super(s);
     W(this, "__apiType");
-    this.value = s, this.__meta__ = r;
+    this.value = s, this.__meta__ = a;
   }
   toString() {
     return this.value;
@@ -225,36 +225,36 @@ const ct = new L(
   "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": mt,
   "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      tags {\n        __typename\n        name\n        operations {\n          __typename\n          slug\n          deprecated\n          method\n          summary\n          operationId\n          path\n        }\n      }\n    }\n  }\n": pt
 };
-function ft(t) {
-  return ht[t] ?? {};
+function ft(e) {
+  return ht[e] ?? {};
 }
-function X(t) {
-  if (!ie(t))
+function X(e) {
+  if (!ie(e))
     throw new Error("Parameter was not an error");
 }
-function ie(t) {
-  return !!t && typeof t == "object" && xt(t) === "[object Error]" || t instanceof Error;
+function ie(e) {
+  return !!e && typeof e == "object" && xt(e) === "[object Error]" || e instanceof Error;
 }
-function xt(t) {
-  return Object.prototype.toString.call(t);
+function xt(e) {
+  return Object.prototype.toString.call(e);
 }
 const yt = "Layerr";
 let gt = yt;
 function vt() {
   return gt;
 }
-function jt(t) {
+function jt(e) {
   let n, s = "";
-  if (t.length === 0)
+  if (e.length === 0)
     n = {};
-  else if (ie(t[0]))
+  else if (ie(e[0]))
     n = {
-      cause: t[0]
-    }, s = t.slice(1).join(" ") || "";
-  else if (t[0] && typeof t[0] == "object")
-    n = Object.assign({}, t[0]), s = t.slice(1).join(" ") || "";
-  else if (typeof t[0] == "string")
-    n = {}, s = s = t.join(" ") || "";
+      cause: e[0]
+    }, s = e.slice(1).join(" ") || "";
+  else if (e[0] && typeof e[0] == "object")
+    n = Object.assign({}, e[0]), s = e.slice(1).join(" ") || "";
+  else if (typeof e[0] == "string")
+    n = {}, s = s = e.join(" ") || "";
   else
     throw new Error("Invalid arguments passed to Layerr");
   return {
@@ -262,13 +262,13 @@ function jt(t) {
     shortMessage: s
   };
 }
-class y extends Error {
+class g extends Error {
   constructor(n, s) {
-    const r = [...arguments], { options: o, shortMessage: l } = jt(r);
-    let i = l;
-    if (o.cause && (i = `${i}: ${o.cause.message}`), super(i), this.message = i, o.name && typeof o.name == "string" ? this.name = o.name : this.name = vt(), o.cause && Object.defineProperty(this, "_cause", { value: o.cause }), Object.defineProperty(this, "_info", { value: {} }), o.info && typeof o.info == "object" && Object.assign(this._info, o.info), Error.captureStackTrace) {
-      const c = o.constructorOpt || this.constructor;
-      Error.captureStackTrace(this, c);
+    const a = [...arguments], { options: r, shortMessage: i } = jt(a);
+    let l = i;
+    if (r.cause && (l = `${l}: ${r.cause.message}`), super(l), this.message = l, r.name && typeof r.name == "string" ? this.name = r.name : this.name = vt(), r.cause && Object.defineProperty(this, "_cause", { value: r.cause }), Object.defineProperty(this, "_info", { value: {} }), r.info && typeof r.info == "object" && Object.assign(this._info, r.info), Error.captureStackTrace) {
+      const u = r.constructorOpt || this.constructor;
+      Error.captureStackTrace(this, u);
     }
   }
   static cause(n) {
@@ -276,33 +276,33 @@ class y extends Error {
   }
   static fullStack(n) {
     X(n);
-    const s = y.cause(n);
+    const s = g.cause(n);
     return s ? `${n.stack}
-caused by: ${y.fullStack(s)}` : n.stack ?? "";
+caused by: ${g.fullStack(s)}` : n.stack ?? "";
   }
   static info(n) {
     X(n);
-    const s = {}, r = y.cause(n);
-    return r && Object.assign(s, y.info(r)), n._info && Object.assign(s, n._info), s;
+    const s = {}, a = g.cause(n);
+    return a && Object.assign(s, g.info(a)), n._info && Object.assign(s, n._info), s;
   }
   toString() {
     let n = this.name || this.constructor.name || this.constructor.prototype.name;
     return this.message && (n = `${n}: ${this.message}`), n;
   }
 }
-const Ee = "0123456789ABCDEFGHJKMNPQRSTVWXYZ", F = 32, Ne = 281474976710655, bt = 10, Nt = 16, z = Object.freeze({
+const Oe = "0123456789ABCDEFGHJKMNPQRSTVWXYZ", F = 32, we = 281474976710655, bt = 10, Nt = 16, z = Object.freeze({
   source: "ulid"
 });
-function wt(t) {
+function wt(e) {
   const n = St(), s = n && (n.crypto || n.msCrypto) || null;
   if (typeof (s == null ? void 0 : s.getRandomValues) == "function")
     return () => {
-      const r = new Uint8Array(1);
-      return s.getRandomValues(r), r[0] / 255;
+      const a = new Uint8Array(1);
+      return s.getRandomValues(a), a[0] / 255;
     };
   if (typeof (s == null ? void 0 : s.randomBytes) == "function")
     return () => s.randomBytes(1).readUInt8() / 255;
-  throw new y({
+  throw new g({
     info: {
       code: "PRNG_DETECT",
       ...z
@@ -312,283 +312,283 @@ function wt(t) {
 function St() {
   return Tt() ? self : typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : null;
 }
-function Ct(t, n) {
+function Ct(e, n) {
   let s = "";
-  for (; t > 0; t--)
+  for (; e > 0; e--)
     s = Et(n) + s;
   return s;
 }
-function $t(t, n) {
-  if (isNaN(t))
-    throw new y({
+function $t(e, n) {
+  if (isNaN(e))
+    throw new g({
       info: {
         code: "ENC_TIME_NAN",
         ...z
       }
-    }, `Time must be a number: ${t}`);
-  if (t > Ne)
-    throw new y({
+    }, `Time must be a number: ${e}`);
+  if (e > we)
+    throw new g({
       info: {
         code: "ENC_TIME_SIZE_EXCEED",
         ...z
       }
-    }, `Cannot encode a time larger than ${Ne}: ${t}`);
-  if (t < 0)
-    throw new y({
+    }, `Cannot encode a time larger than ${we}: ${e}`);
+  if (e < 0)
+    throw new g({
       info: {
         code: "ENC_TIME_NEG",
         ...z
       }
-    }, `Time must be positive: ${t}`);
-  if (Number.isInteger(t) === !1)
-    throw new y({
+    }, `Time must be positive: ${e}`);
+  if (Number.isInteger(e) === !1)
+    throw new g({
       info: {
         code: "ENC_TIME_TYPE",
         ...z
       }
-    }, `Time must be an integer: ${t}`);
-  let s, r = "";
-  for (let o = n; o > 0; o--)
-    s = t % F, r = Ee.charAt(s) + r, t = (t - s) / F;
-  return r;
+    }, `Time must be an integer: ${e}`);
+  let s, a = "";
+  for (let r = n; r > 0; r--)
+    s = e % F, a = Oe.charAt(s) + a, e = (e - s) / F;
+  return a;
 }
 function Tt() {
   return typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope;
 }
-function Et(t) {
-  let n = Math.floor(t() * F);
-  return n === F && (n = F - 1), Ee.charAt(n);
+function Et(e) {
+  let n = Math.floor(e() * F);
+  return n === F && (n = F - 1), Oe.charAt(n);
 }
-function Pt(t, n) {
-  const s = wt(), r = isNaN(t) ? Date.now() : t;
-  return $t(r, bt) + Ct(Nt, s);
+function Ot(e, n) {
+  const s = wt(), a = isNaN(e) ? Date.now() : e;
+  return $t(a, bt) + Ct(Nt, s);
 }
 let Y, ee;
-const Ot = async (t) => {
-  t && typeof t == "object" && "type" in t && t.type === "file" && "input" in t && typeof t.input == "function" && (t.input = await t.input());
-}, te = (t) => {
+const Pt = async (e) => {
+  e && typeof e == "object" && "type" in e && e.type === "file" && "input" in e && typeof e.input == "function" && (e.input = await e.input());
+}, te = (e) => {
   var n;
-  if ((n = t.errors) != null && n[0])
-    throw new Be(t.errors[0].message, {
+  if ((n = e.errors) != null && n[0])
+    throw new Be(e.errors[0].message, {
       developerHint: "Check your configuration value `apis.type` and `apis.input` in the Zudoku config."
     });
 };
-var T, O, N, Q;
-class _t {
+var T, P, N, Q;
+class kt {
   constructor(n) {
     R(this, T);
-    R(this, O, /* @__PURE__ */ new Map());
+    R(this, P, /* @__PURE__ */ new Map());
     R(this, N);
     R(this, Q, () => import("./createServer-69sLlmQA.js").then((n) => n.createServer()));
     W(this, "fetch", async (n, ...[s]) => {
-      var l;
-      const r = (l = n.match(/query (\w+)/)) == null ? void 0 : l[1];
-      await Ot(s);
-      const o = JSON.stringify({ query: n, variables: s, operationName: r });
-      switch (x(this, T)) {
+      var i;
+      const a = (i = n.match(/query (\w+)/)) == null ? void 0 : i[1];
+      await Pt(s);
+      const r = JSON.stringify({ query: n, variables: s, operationName: a });
+      switch (y(this, T)) {
         case "remote": {
-          const i = await fetch(this.config.server, {
+          const l = await fetch(this.config.server, {
             method: "POST",
-            body: o,
+            body: r,
             headers: { "Content-Type": "application/json" }
           });
-          if (!i.ok)
+          if (!l.ok)
             throw new Error("Network response was not ok");
-          const c = await i.json();
-          return te(c), c.data;
+          const u = await l.json();
+          return te(u), u.data;
         }
         case "in-memory": {
-          Y || (Y = x(this, Q).call(this));
-          const i = await Y;
-          if (!i) throw new Error("Local server not initialized");
-          const c = await i.fetch(
+          Y || (Y = y(this, Q).call(this));
+          const l = await Y;
+          if (!l) throw new Error("Local server not initialized");
+          const u = await l.fetch(
             new Request("http://localhost/graphql", {
               method: "POST",
-              body: o,
+              body: r,
               headers: { "Content-Type": "application/json" }
             })
           );
-          if (!c.ok)
+          if (!u.ok)
             throw new Error("Network response was not ok");
-          const u = await c.json();
-          return te(u), u.data;
+          const d = await u.json();
+          return te(d), d.data;
         }
         case "worker": {
-          if (ee || (ee = Ge()), !x(this, N)) {
-            const d = new MessageChannel();
-            ee.port.postMessage({ port: d.port2 }, [d.port2]), M(this, N, d.port1), x(this, N).onmessage = (h) => {
-              const { id: g, body: j } = h.data, b = x(this, O).get(g);
+          if (ee || (ee = Ge()), !y(this, N)) {
+            const c = new MessageChannel();
+            ee.port.postMessage({ port: c.port2 }, [c.port2]), M(this, N, c.port1), y(this, N).onmessage = (f) => {
+              const { id: h, body: j } = f.data, b = y(this, P).get(h);
               if (b) {
                 const w = JSON.parse(j);
-                b(w), x(this, O).delete(g);
+                b(w), y(this, P).delete(h);
               } else
-                console.error(`No pending request found for id: ${g}`);
-            }, x(this, N).start();
+                console.error(`No pending request found for id: ${h}`);
+            }, y(this, N).start();
           }
-          const i = Pt(), u = await new Promise(
-            (d) => {
-              x(this, O).set(i, d), x(this, N).postMessage({ id: i, body: o });
+          const l = Ot(), d = await new Promise(
+            (c) => {
+              y(this, P).set(l, c), y(this, N).postMessage({ id: l, body: r });
             }
           );
-          return te(u), u.data;
+          return te(d), d.data;
         }
       }
     });
     this.config = n, n.server ? M(this, T, "remote") : n.inMemory || typeof SharedWorker > "u" ? M(this, T, "in-memory") : M(this, T, "worker");
   }
 }
-T = new WeakMap(), O = new WeakMap(), N = new WeakMap(), Q = new WeakMap();
-const ne = (t) => Math.abs(
-  isNaN(parseInt(t)) ? t.toLowerCase().charCodeAt(0) - 96 : isNaN(parseInt(t)) ? 0 : parseInt(t)
-), se = (t) => t.length > 1 ? parseInt(t.split("").reduce((n, s) => `${ne(n) + ne(s)}`)) : ne(t), kt = (t, n = {}) => {
-  const s = (3 * se(t) + 2 * se(t) + se(t)) % 360, { saturation: r = 75, lightness: o = 60 } = n;
-  return `${s}deg ${r}% ${o}%`;
-}, re = "data-linked-param", It = (t) => {
+T = new WeakMap(), P = new WeakMap(), N = new WeakMap(), Q = new WeakMap();
+const ne = (e) => Math.abs(
+  isNaN(parseInt(e)) ? e.toLowerCase().charCodeAt(0) - 96 : isNaN(parseInt(e)) ? 0 : parseInt(e)
+), se = (e) => e.length > 1 ? parseInt(e.split("").reduce((n, s) => `${ne(n) + ne(s)}`)) : ne(e), _t = (e, n = {}) => {
+  const s = (3 * se(e) + 2 * se(e) + se(e)) % 360, { saturation: a = 75, lightness: r = 60 } = n;
+  return `${s}deg ${a}% ${r}%`;
+}, re = "data-linked-param", It = (e) => {
   const { resolvedTheme: n } = ot();
-  return kt(
-    t,
+  return _t(
+    e,
     n === "light" ? { saturation: 85, lightness: 50 } : void 0
   );
 }, Pe = ({
-  name: t,
+  name: e,
   className: n,
   backgroundOpacity: s = "100%",
-  borderOpacity: r = "100%",
-  slug: o,
-  children: l,
-  onClick: i
+  borderOpacity: a = "100%",
+  slug: r,
+  children: i,
+  onClick: l
 }) => {
-  const c = Ce(null), u = t.replace(/[{}]/g, ""), d = o == null ? void 0 : o.replace(/[{}]/g, ""), h = It(u), g = `hsl(${h} / ${r})`, j = `hsl(${h} / ${s})`;
-  return $e(() => {
-    if (!d || !c.current) return;
+  const u = $e(null), d = e.replace(/[{}]/g, ""), c = r == null ? void 0 : r.replace(/[{}]/g, ""), f = It(d), h = `hsl(${f} / ${a})`, j = `hsl(${f} / ${s})`;
+  return Te(() => {
+    if (!c || !u.current) return;
     const b = () => {
-      document.querySelectorAll(`[${re}="${d}"]`).forEach((S) => {
+      document.querySelectorAll(`[${re}="${c}"]`).forEach((S) => {
         S instanceof HTMLElement && (S.dataset.active = "true");
       });
     }, w = () => {
-      document.querySelectorAll(`[${re}="${d}"]`).forEach((S) => {
+      document.querySelectorAll(`[${re}="${c}"]`).forEach((S) => {
         S instanceof HTMLElement && (S.dataset.active = "false");
       });
-    }, v = c.current;
+    }, v = u.current;
     return v.addEventListener("mouseenter", b), v.addEventListener("mouseleave", w), () => {
       v.removeEventListener("mouseenter", b), v.removeEventListener("mouseleave", w);
     };
-  }, [d]), /* @__PURE__ */ e.jsx(
+  }, [c]), /* @__PURE__ */ t.jsx(
     "span",
     {
-      [re]: d,
-      className: P(
+      [re]: c,
+      className: O(
         "relative after:rounded after:absolute after:inset-0 after:-bottom-0.5 after:border-b-2 after:transition-opacity after:duration-200",
         "after:pointer-events-none after:border-[--border-color] after:opacity-30 after:data-[active=true]:opacity-100",
         n
       ),
       suppressHydrationWarning: !0,
-      ref: c,
-      onClick: i,
+      ref: u,
+      onClick: l,
       style: {
-        "--border-color": g,
+        "--border-color": h,
         "--background-color": j
       },
-      children: l ?? t
+      children: i ?? e
     }
   );
-}, qt = (t, n, s) => {
-  const r = n.replace(/(:\w+|\{\w+})/g, (l) => {
-    var u;
-    const i = l.replace(/[:{}]/g, "");
-    return ((u = s.pathParams.find((d) => d.name === i)) == null ? void 0 : u.value) ?? l;
-  }), o = new URL(
-    r.replace(/^\//, ""),
-    t.endsWith("/") ? t : `${t}/`
+}, qt = (e, n, s) => {
+  const a = n.replace(/(:\w+|\{\w+})/g, (i) => {
+    var d;
+    const l = i.replace(/[:{}]/g, "");
+    return ((d = s.pathParams.find((c) => c.name === l)) == null ? void 0 : d.value) ?? i;
+  }), r = new URL(
+    a.replace(/^\//, ""),
+    e.endsWith("/") ? e : `${e}/`
   );
-  return s.queryParams.filter((l) => l.active).forEach((l) => {
-    o.searchParams.set(l.name, l.value);
-  }), o;
+  return s.queryParams.filter((i) => i.active).forEach((i) => {
+    r.searchParams.set(i.name, i.value);
+  }), r;
 }, Rt = ({
-  control: t,
+  control: e,
   register: n
 }) => {
-  const { fields: s, append: r, remove: o } = oe({
-    control: t,
+  const { fields: s, append: a, remove: r } = oe({
+    control: e,
     name: "headers"
   });
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ e.jsx("table", { className: "w-full [&_td]:border [&_td]:p-1.5 [&_td]:px-2", children: /* @__PURE__ */ e.jsx("tbody", { children: s.map((l, i) => /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ t.jsx("table", { className: "w-full [&_td]:border [&_td]:p-1.5 [&_td]:px-2", children: /* @__PURE__ */ t.jsx("tbody", { children: s.map((i, l) => /* @__PURE__ */ t.jsxs(
       "tr",
       {
         className: "group has-[:focus]:bg-muted/50 hover:bg-muted/50",
         children: [
-          /* @__PURE__ */ e.jsx("td", { className: "flex gap-2 items-center", children: /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ t.jsx("td", { className: "flex gap-2 items-center", children: /* @__PURE__ */ t.jsx(
             H,
             {
-              ...n(`headers.${i}.name`),
+              ...n(`headers.${l}.name`),
               placeholder: "Name",
               className: "border-0 shadow-none text-xs font-mono",
               autoComplete: "off"
             }
           ) }),
-          /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ t.jsx(
               H,
               {
                 placeholder: "Value",
                 className: "border-0 shadow-none text-xs font-mono",
-                ...n(`headers.${i}.value`),
+                ...n(`headers.${l}.value`),
                 autoComplete: "off"
               }
             ),
-            /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ t.jsx(
               E,
               {
                 size: "icon",
                 variant: "ghost",
                 className: "text-muted-foreground opacity-0 group-hover:opacity-100",
                 onClick: () => {
-                  o(i);
+                  r(l);
                 },
                 type: "button",
-                children: /* @__PURE__ */ e.jsx(Ve, { size: 16 })
+                children: /* @__PURE__ */ t.jsx(Ve, { size: 16 })
               }
             )
           ] }) })
         ]
       },
-      l.id
+      i.id
     )) }) }),
-    /* @__PURE__ */ e.jsx("div", { className: "text-end", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsx("div", { className: "text-end", children: /* @__PURE__ */ t.jsx(
       E,
       {
         className: "",
-        onClick: () => r({ name: "", value: "" }),
+        onClick: () => a({ name: "", value: "" }),
         type: "button",
         children: "Add header"
       }
     ) })
   ] });
 }, Mt = ({
-  control: t
+  control: e
 }) => {
   const { fields: n } = oe({
-    control: t,
+    control: e,
     name: "pathParams"
   });
-  return /* @__PURE__ */ e.jsx("table", { className: "w-full table-auto [&_td]:border [&_td]:py-1 [&_td]:px-2", children: /* @__PURE__ */ e.jsx("tbody", { children: n.map((s, r) => /* @__PURE__ */ e.jsxs("tr", { className: "hover:bg-accent/40", children: [
-    /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ t.jsx("table", { className: "w-full table-auto [&_td]:border [&_td]:py-1 [&_td]:px-2", children: /* @__PURE__ */ t.jsx("tbody", { children: n.map((s, a) => /* @__PURE__ */ t.jsxs("tr", { className: "hover:bg-accent/40", children: [
+    /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsx(
       $,
       {
-        control: t,
-        name: `pathParams.${r}.value`,
-        render: ({ field: o }) => /* @__PURE__ */ e.jsxs("div", { children: [
-          /* @__PURE__ */ e.jsx(
+        control: e,
+        name: `pathParams.${a}.value`,
+        render: ({ field: r }) => /* @__PURE__ */ t.jsxs("div", { children: [
+          /* @__PURE__ */ t.jsx(
             Pe,
             {
               slug: s.name,
               name: s.name,
               backgroundOpacity: "25%",
-              borderOpacity: o.value ? "100%" : "0",
-              className: P(
+              borderOpacity: r.value ? "100%" : "0",
+              className: O(
                 "font-mono text-xs m-2",
-                !o.value && "opacity-60"
+                !r.value && "opacity-60"
               )
             }
           ),
@@ -596,16 +596,16 @@ const ne = (t) => Math.abs(
         ] })
       }
     ) }),
-    /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ t.jsx(
         $,
         {
-          control: t,
-          name: `pathParams.${r}.value`,
-          render: ({ field: o }) => /* @__PURE__ */ e.jsx(
+          control: e,
+          name: `pathParams.${a}.value`,
+          render: ({ field: r }) => /* @__PURE__ */ t.jsx(
             H,
             {
-              ...o,
+              ...r,
               required: !0,
               placeholder: "Enter value",
               className: "border-0 shadow-none ring-0 font-mono text-xs"
@@ -613,166 +613,166 @@ const ne = (t) => Math.abs(
           )
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         $,
         {
-          control: t,
-          name: `pathParams.${r}.value`,
-          render: ({ field: o }) => /* @__PURE__ */ e.jsx(
+          control: e,
+          name: `pathParams.${a}.value`,
+          render: ({ field: r }) => /* @__PURE__ */ t.jsx(
             E,
             {
               size: "icon",
               type: "button",
               variant: "ghost",
               "aria-label": "Clear value",
-              className: P(
+              className: O(
                 "ms-2",
-                o.value.length === 0 ? "opacity-0 pointer-events-none" : "opacity-100"
+                r.value.length === 0 ? "opacity-0 pointer-events-none" : "opacity-100"
               ),
               title: "Clear value",
-              onClick: () => o.onChange(""),
-              children: /* @__PURE__ */ e.jsx(Se, { size: 16 })
+              onClick: () => r.onChange(""),
+              children: /* @__PURE__ */ t.jsx(Ce, { size: 16 })
             }
           )
         }
       )
     ] }) })
   ] }, s.id)) }) });
-}, At = (t, n) => {
-  const s = he.forwardRef(({ className: r, asChild: o, ...l }, i) => {
-    const c = o ? lt : t;
-    return he.createElement(c, {
-      ...l,
-      ref: i,
-      className: P(n, r)
+}, At = (e, n) => {
+  const s = fe.forwardRef(({ className: a, asChild: r, ...i }, l) => {
+    const u = r ? lt : e;
+    return fe.createElement(u, {
+      ...i,
+      ref: l,
+      className: O(n, a)
     });
   });
-  return s.displayName = `VariantComponent(${t})`, s;
+  return s.displayName = `VariantComponent(${e})`, s;
 }, Vt = At(
   "input",
   "px-2 bg-transparent h-6 font-mono text-xs m-2"
 ), zt = ({
-  control: t,
+  control: e,
   queryParams: n
 }) => {
   const { fields: s } = oe({
-    control: t,
+    control: e,
     name: "queryParams"
-  }), r = Xe(), o = n.map((c) => !!c.isRequired), i = r.watch("identity") !== J;
-  return /* @__PURE__ */ e.jsx("div", { className: "", children: /* @__PURE__ */ e.jsx("table", { className: "w-full [&_td]:border [&_td]:p-1.5 [&_td]:px-2", children: /* @__PURE__ */ e.jsx("tbody", { children: s.filter(
+  }), a = Xe(), r = n.map((u) => !!u.isRequired), l = a.watch("identity") !== J;
+  return /* @__PURE__ */ t.jsx("div", { className: "", children: /* @__PURE__ */ t.jsx("table", { className: "w-full [&_td]:border [&_td]:p-1.5 [&_td]:px-2", children: /* @__PURE__ */ t.jsx("tbody", { children: s.filter(
     // TODO remove this hack for Accu or make it more generic
-    (c) => !(i && c.name === "apikey")
-  ).map((c, u) => /* @__PURE__ */ e.jsxs("tr", { className: "hover:bg-accent/40", children: [
-    /* @__PURE__ */ e.jsx("td", { className: "text-center", children: /* @__PURE__ */ e.jsx(
+    (u) => !(l && u.name === "apikey")
+  ).map((u, d) => /* @__PURE__ */ t.jsxs("tr", { className: "hover:bg-accent/40", children: [
+    /* @__PURE__ */ t.jsx("td", { className: "text-center", children: /* @__PURE__ */ t.jsx(
       $,
       {
-        control: t,
-        name: `queryParams.${u}.active`,
-        render: ({ field: d }) => /* @__PURE__ */ e.jsx(
+        control: e,
+        name: `queryParams.${d}.active`,
+        render: ({ field: c }) => /* @__PURE__ */ t.jsx(
           "input",
           {
             type: "checkbox",
-            id: `queryParams.${u}.active`,
-            checked: d.value,
-            onChange: d.onChange
+            id: `queryParams.${d}.active`,
+            checked: c.value,
+            onChange: c.onChange
           }
         )
       }
     ) }),
-    /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsx(
       $,
       {
-        control: t,
-        render: ({ field: d }) => /* @__PURE__ */ e.jsx(Vt, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+        control: e,
+        render: ({ field: c }) => /* @__PURE__ */ t.jsx(Vt, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
           "label",
           {
             className: "flex items-center cursor-pointer",
-            htmlFor: `queryParams.${u}.active`,
-            title: o[u] ? "Required field" : void 0,
+            htmlFor: `queryParams.${d}.active`,
+            title: r[d] ? "Required field" : void 0,
             children: [
-              d.value,
-              o[u] && /* @__PURE__ */ e.jsx("sup", { children: " *" })
+              c.value,
+              r[d] && /* @__PURE__ */ t.jsx("sup", { children: " *" })
             ]
           }
         ) }),
-        name: `queryParams.${u}.name`
+        name: `queryParams.${d}.name`
       }
     ) }),
-    /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between items-center", children: [
-      /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ t.jsx("td", { children: /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ t.jsx(
         $,
         {
-          control: t,
-          render: ({ field: d }) => /* @__PURE__ */ e.jsx(
+          control: e,
+          render: ({ field: c }) => /* @__PURE__ */ t.jsx(
             H,
             {
-              ...d,
-              onChange: (h) => {
-                d.onChange(h.target.value), h.target.value.length > 0 && r.setValue(`queryParams.${u}.active`, !0);
+              ...c,
+              onChange: (f) => {
+                c.onChange(f.target.value), f.target.value.length > 0 && a.setValue(`queryParams.${d}.active`, !0);
               },
               placeholder: "Enter value",
               className: "w-full border-0 shadow-none text-xs font-mono"
             }
           ),
-          name: `queryParams.${u}.value`
+          name: `queryParams.${d}.value`
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ t.jsx(
         $,
         {
-          control: t,
-          render: ({ field: d }) => /* @__PURE__ */ e.jsx(
+          control: e,
+          render: ({ field: c }) => /* @__PURE__ */ t.jsx(
             E,
             {
               size: "icon",
               type: "button",
               variant: "ghost",
               "aria-label": "Clear value",
-              className: P(
+              className: O(
                 "ms-2",
-                d.value.length === 0 ? "opacity-0 pointer-events-none" : "opacity-100"
+                c.value.length === 0 ? "opacity-0 pointer-events-none" : "opacity-100"
               ),
               title: "Clear value",
-              onClick: () => d.onChange(""),
-              children: /* @__PURE__ */ e.jsx(Se, { size: 16 })
+              onClick: () => c.onChange(""),
+              children: /* @__PURE__ */ t.jsx(Ce, { size: 16 })
             }
           ),
-          name: `queryParams.${u}.value`
+          name: `queryParams.${d}.value`
         }
       )
     ] }) })
-  ] }, c.id)) }) }) });
+  ] }, u.id)) }) }) });
 }, Ft = ({
-  value: t,
+  value: e,
   onChange: n,
   className: s,
-  options: r,
-  showChevrons: o = !0
-}) => /* @__PURE__ */ e.jsxs("div", { className: "grid", children: [
-  /* @__PURE__ */ e.jsx(
+  options: a,
+  showChevrons: r = !0
+}) => /* @__PURE__ */ t.jsxs("div", { className: "grid", children: [
+  /* @__PURE__ */ t.jsx(
     "select",
     {
-      className: P(
+      className: O(
         "row-start-1 col-start-1 border border-input text-foreground px-2 py-1 pe-6",
         "rounded-md appearance-none bg-zinc-50 hover:bg-white dark:bg-zinc-800 hover:dark:bg-zinc-800/75",
         s
       ),
-      value: t,
+      value: e,
       onChange: n,
-      children: r.map((l) => /* @__PURE__ */ e.jsx("option", { value: l.value, children: l.label }, l.value))
+      children: a.map((i) => /* @__PURE__ */ t.jsx("option", { value: i.value, children: i.label }, i.value))
     }
   ),
-  /* @__PURE__ */ e.jsx(
+  /* @__PURE__ */ t.jsx(
     "div",
     {
-      className: P(
-        !o && "hidden",
+      className: O(
+        !r && "hidden",
         "row-start-1 col-start-1 self-center justify-self-end relative end-2 pointer-events-none"
       ),
-      children: /* @__PURE__ */ e.jsx(ze, { size: 14 })
+      children: /* @__PURE__ */ t.jsx(ze, { size: 14 })
     }
   )
-] }), Lt = (t) => {
+] }), Lt = (e) => {
   var s;
   return (s = Object.entries({
     "application/json": "json",
@@ -783,39 +783,39 @@ const ne = (t) => Math.abs(
     "application/xml": "xml",
     "application/xhtml+xml": "xhtml"
   }).find(
-    ([r]) => t.includes(r)
+    ([a]) => e.includes(a)
   )) == null ? void 0 : s[1];
-}, Dt = (t) => {
-  const n = t.get("Content-Type") || "";
+}, Dt = (e) => {
+  const n = e.get("Content-Type") || "";
   return Lt(n);
-}, Gt = (t) => {
+}, Gt = (e) => {
   try {
-    return JSON.stringify(JSON.parse(t), null, 2);
+    return JSON.stringify(JSON.parse(e), null, 2);
   } catch {
     return null;
   }
 }, Bt = ({
-  body: t = "",
+  body: e = "",
   headers: n
 }) => {
-  const s = Dt(n), r = Gt(t), o = r || t, [l, i] = Te(
-    r ? "formatted" : "raw"
+  const s = Dt(n), a = Gt(e), r = a || e, [i, l] = Ee(
+    a ? "formatted" : "raw"
   );
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ e.jsx(ae, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ t.jsx(ae, { className: "shadow-none", children: /* @__PURE__ */ t.jsx(
       it,
       {
-        language: l === "raw" ? r ? "plain" : s : "json",
+        language: i === "raw" ? a ? "plain" : s : "json",
         noBackground: !0,
         className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]",
-        code: l === "raw" ? t : o
+        code: i === "raw" ? e : r
       }
     ) }),
-    r && /* @__PURE__ */ e.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ e.jsx(
+    a && /* @__PURE__ */ t.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ t.jsx(
       Ft,
       {
-        value: l,
-        onChange: (c) => i(c.target.value),
+        value: i,
+        onChange: (u) => l(u.target.value),
         options: [
           { value: "formatted", label: "Formatted" },
           { value: "raw", label: "Raw" }
@@ -835,56 +835,56 @@ const ne = (t) => Math.abs(
   405: "Method Not Allowed",
   500: "Internal Server Error"
 }, Ht = ({
-  server: t,
+  server: e,
   servers: n,
   url: s,
-  method: r,
-  headers: o = [],
-  queryParams: l = [],
-  pathParams: i = [],
-  defaultBody: c = ""
+  method: a,
+  headers: r = [],
+  queryParams: i = [],
+  pathParams: l = [],
+  defaultBody: u = ""
 }) => {
   var de, ue;
-  const { selectedServer: u, setSelectedServer: d } = tt(), [, h] = He(), { register: g, control: j, handleSubmit: b, watch: w, setValue: v, ...S } = Ye({
+  const { selectedServer: d, setSelectedServer: c } = tt(), [, f] = He(), { register: h, control: j, handleSubmit: b, watch: w, setValue: v, ...S } = Ye({
     defaultValues: {
-      body: c,
-      queryParams: l.map((a) => ({
-        name: a.name,
-        value: a.defaultValue ?? "",
-        active: a.defaultActive ?? !1
+      body: u,
+      queryParams: i.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? "",
+        active: o.defaultActive ?? !1
       })),
-      pathParams: i.map((a) => ({
-        name: a.name,
-        value: a.defaultValue ?? ""
+      pathParams: l.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? ""
       })),
-      headers: o.map((a) => ({
-        name: a.name,
-        value: a.defaultValue ?? ""
+      headers: r.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? ""
       })),
       identity: J
     }
-  }), C = w(), _ = Re(), le = Ce(!1);
-  $e(() => {
-    var f;
+  }), C = w(), k = Me(), le = $e(!1);
+  Te(() => {
+    var x;
     if (le.current) return;
-    const a = (f = _.data) == null ? void 0 : f.at(0);
-    a && (v("identity", a.id), le.current = !0);
-  }, [v, _.data]);
+    const o = (x = k.data) == null ? void 0 : x.at(0);
+    o && (v("identity", o.id), le.current = !0);
+  }, [v, k.data]);
   const p = Ke({
-    mutationFn: async (a) => {
+    mutationFn: async (o) => {
       var I, q;
-      const f = qt(u ?? t, s, a), k = performance.now(), D = new Request(f, {
-        method: r.toUpperCase(),
+      const x = qt(d ?? e, s, o), _ = performance.now(), D = new Request(x, {
+        method: a.toUpperCase(),
         headers: Object.fromEntries(
-          a.headers.filter((m) => m.name).map((m) => [m.name, m.value])
+          o.headers.filter((m) => m.name).map((m) => [m.name, m.value])
         ),
-        body: a.body ? a.body : void 0
+        body: o.body ? o.body : void 0
       });
-      a.identity !== J && ((q = (I = _.data) == null ? void 0 : I.find((m) => m.id === a.identity)) == null || q.authorizeRequest(D));
+      o.identity !== J && ((q = (I = k.data) == null ? void 0 : I.find((m) => m.id === o.identity)) == null || q.authorizeRequest(D));
       try {
         const m = await fetch(D, {
           signal: AbortSignal.timeout(5e3)
-        }), G = performance.now() - k, B = await m.text();
+        }), G = performance.now() - _, B = await m.text();
         return {
           status: m.status,
           headers: m.headers,
@@ -898,126 +898,126 @@ const ne = (t) => Math.abs(
         ) : m;
       }
     }
-  }), Oe = s.split("/").map((a, f, k) => {
+  }), ke = s.split("/").map((o, x, _) => {
     var G;
-    const D = a.startsWith("{") && a.endsWith("}") || a.startsWith(":"), I = a.replace(/[:{}]/g, ""), q = (G = C.pathParams.find((B) => B.name === I)) == null ? void 0 : G.value, m = q ? /* @__PURE__ */ e.jsx(Pe, { backgroundOpacity: "25%", name: a, slug: a, children: encodeURIComponent(q) }) : /* @__PURE__ */ e.jsx(
+    const D = o.startsWith("{") && o.endsWith("}") || o.startsWith(":"), I = o.replace(/[:{}]/g, ""), q = (G = C.pathParams.find((B) => B.name === I)) == null ? void 0 : G.value, m = q ? /* @__PURE__ */ t.jsx(Pe, { backgroundOpacity: "25%", name: o, slug: o, children: encodeURIComponent(q) }) : /* @__PURE__ */ t.jsx(
       "span",
       {
         className: "underline decoration-wavy decoration-red-500",
         title: `Missing value for path parameter \`${I}\``,
-        children: a
+        children: o
       }
     );
     return (
       // eslint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ e.jsxs(Z, { children: [
-        D ? m : a,
-        f < k.length - 1 && "/",
-        /* @__PURE__ */ e.jsx("wbr", {})
-      ] }, a + f)
+      /* @__PURE__ */ t.jsxs(Z, { children: [
+        D ? m : o,
+        x < _.length - 1 && "/",
+        /* @__PURE__ */ t.jsx("wbr", {})
+      ] }, o + x)
     );
-  }), U = Array.from(((de = p.data) == null ? void 0 : de.headers.entries()) ?? []), ce = C.queryParams.filter((a) => a.active).map((a, f, k) => /* @__PURE__ */ e.jsxs(Z, { children: [
-    a.name,
+  }), U = Array.from(((de = p.data) == null ? void 0 : de.headers.entries()) ?? []), ce = C.queryParams.filter((o) => o.active).map((o, x, _) => /* @__PURE__ */ t.jsxs(Z, { children: [
+    o.name,
     "=",
-    encodeURIComponent(a.value).replaceAll("%20", "+"),
-    f < k.length - 1 && "&",
-    /* @__PURE__ */ e.jsx("wbr", {})
-  ] }, a.name)), _e = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: n && n.length > 1 ? /* @__PURE__ */ e.jsxs(
-    fe,
+    encodeURIComponent(o.value).replaceAll("%20", "+"),
+    x < _.length - 1 && "&",
+    /* @__PURE__ */ t.jsx("wbr", {})
+  ] }, o.name)), _e = /* @__PURE__ */ t.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: n && n.length > 1 ? /* @__PURE__ */ t.jsxs(
+    xe,
     {
-      onValueChange: (a) => {
-        h(() => {
-          d(a);
+      onValueChange: (o) => {
+        f(() => {
+          c(o);
         });
       },
-      value: u,
+      value: d,
       children: [
-        /* @__PURE__ */ e.jsx(xe, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(ye, {}) }),
-        /* @__PURE__ */ e.jsx(ge, { children: n.map((a) => /* @__PURE__ */ e.jsx(K, { value: a, children: a.replace(/^https?:\/\//, "") }, a)) })
+        /* @__PURE__ */ t.jsx(ye, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ t.jsx(ge, {}) }),
+        /* @__PURE__ */ t.jsx(ve, { children: n.map((o) => /* @__PURE__ */ t.jsx(K, { value: o, children: o.replace(/^https?:\/\//, "") }, o)) })
       ]
     }
-  ) : /* @__PURE__ */ e.jsx("span", { children: t.replace(/^https?:\/\//, "") }) });
-  return /* @__PURE__ */ e.jsx(
+  ) : /* @__PURE__ */ t.jsx("span", { children: e.replace(/^https?:\/\//, "") }) });
+  return /* @__PURE__ */ t.jsx(
     et,
     {
-      register: g,
+      register: h,
       control: j,
       handleSubmit: b,
       watch: w,
       setValue: v,
       ...S,
-      children: /* @__PURE__ */ e.jsx("form", { onSubmit: b((a) => p.mutateAsync(a)), children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-[8fr_7fr] text-sm h-full", children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 p-8 bg-muted/50 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto", children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-stretch", children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 items-center w-full border rounded-md", children: [
-              /* @__PURE__ */ e.jsx("div", { className: "border-r p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono", children: r.toUpperCase() }),
-              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center flex-wrap p-2 font-mono text-xs", children: [
+      children: /* @__PURE__ */ t.jsx("form", { onSubmit: b((o) => p.mutateAsync(o)), children: /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-[8fr_7fr] text-sm h-full", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4 p-8 bg-muted/50 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto", children: [
+          /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 items-stretch", children: [
+            /* @__PURE__ */ t.jsxs("div", { className: "flex flex-1 items-center w-full border rounded-md", children: [
+              /* @__PURE__ */ t.jsx("div", { className: "border-r p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono", children: a.toUpperCase() }),
+              /* @__PURE__ */ t.jsxs("div", { className: "flex items-center flex-wrap p-2 font-mono text-xs", children: [
                 _e,
-                Oe,
+                ke,
                 ce.length > 0 ? "?" : "",
                 ce
               ] })
             ] }),
-            /* @__PURE__ */ e.jsx(E, { type: "submit", className: "h-auto flex gap-1", children: "Send" })
+            /* @__PURE__ */ t.jsx(E, { type: "submit", className: "h-auto flex gap-1", children: "Send" })
           ] }),
-          /* @__PURE__ */ e.jsxs(
-            je,
+          /* @__PURE__ */ t.jsxs(
+            be,
             {
-              defaultValue: l.length + i.length > 0 ? "parameters" : "headers",
+              defaultValue: i.length + l.length > 0 ? "parameters" : "headers",
               children: [
-                /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap gap-1 justify-between", children: [
-                  /* @__PURE__ */ e.jsxs(be, { children: [
-                    l.length + i.length > 0 && /* @__PURE__ */ e.jsx(A, { value: "parameters", children: "Parameters" }),
-                    /* @__PURE__ */ e.jsxs(A, { value: "headers", children: [
+                /* @__PURE__ */ t.jsxs("div", { className: "flex flex-wrap gap-1 justify-between", children: [
+                  /* @__PURE__ */ t.jsxs(Ne, { children: [
+                    i.length + l.length > 0 && /* @__PURE__ */ t.jsx(A, { value: "parameters", children: "Parameters" }),
+                    /* @__PURE__ */ t.jsxs(A, { value: "headers", children: [
                       "Headers",
                       " ",
                       C.headers.length > 0 && `(${C.headers.length})`
                     ] }),
-                    /* @__PURE__ */ e.jsx(
+                    /* @__PURE__ */ t.jsx(
                       A,
                       {
                         value: "body",
                         disabled: !["POST", "PUT", "PATCH", "DELETE"].includes(
-                          r.toUpperCase()
+                          a.toUpperCase()
                         ),
                         children: "Body"
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center", children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: "flex gap-2 items-center", children: [
                     "Auth:",
-                    /* @__PURE__ */ e.jsxs(
-                      fe,
+                    /* @__PURE__ */ t.jsxs(
+                      xe,
                       {
-                        onValueChange: (a) => v("identity", a),
+                        onValueChange: (o) => v("identity", o),
                         value: C.identity,
                         defaultValue: C.identity,
                         children: [
-                          /* @__PURE__ */ e.jsx(xe, { className: "w-[180px] flex", children: _.isPending ? /* @__PURE__ */ e.jsx(ve, {}) : /* @__PURE__ */ e.jsx(ye, {}) }),
-                          /* @__PURE__ */ e.jsxs(ge, { align: "center", children: [
-                            /* @__PURE__ */ e.jsx(K, { value: J, children: "None" }),
-                            (ue = _.data) == null ? void 0 : ue.map((a) => /* @__PURE__ */ e.jsx(K, { value: a.id, children: a.label }, a.id))
+                          /* @__PURE__ */ t.jsx(ye, { className: "w-[180px] flex", children: k.isPending ? /* @__PURE__ */ t.jsx(je, {}) : /* @__PURE__ */ t.jsx(ge, {}) }),
+                          /* @__PURE__ */ t.jsxs(ve, { align: "center", children: [
+                            /* @__PURE__ */ t.jsx(K, { value: J, children: "None" }),
+                            (ue = k.data) == null ? void 0 : ue.map((o) => /* @__PURE__ */ t.jsx(K, { value: o.id, children: o.label }, o.id))
                           ] })
                         ]
                       }
                     )
                   ] })
                 ] }),
-                /* @__PURE__ */ e.jsx(V, { value: "headers", children: /* @__PURE__ */ e.jsx(Rt, { control: j, register: g }) }),
-                /* @__PURE__ */ e.jsxs(V, { value: "parameters", children: [
-                  i.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Path Parameters" }),
-                    /* @__PURE__ */ e.jsx(Mt, { control: j })
+                /* @__PURE__ */ t.jsx(V, { value: "headers", children: /* @__PURE__ */ t.jsx(Rt, { control: j, register: h }) }),
+                /* @__PURE__ */ t.jsxs(V, { value: "parameters", children: [
+                  l.length > 0 && /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                    /* @__PURE__ */ t.jsx("span", { className: "font-semibold", children: "Path Parameters" }),
+                    /* @__PURE__ */ t.jsx(Mt, { control: j })
                   ] }),
-                  l.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Query Parameters" }),
-                    /* @__PURE__ */ e.jsx(zt, { control: j, queryParams: l })
+                  i.length > 0 && /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                    /* @__PURE__ */ t.jsx("span", { className: "font-semibold", children: "Query Parameters" }),
+                    /* @__PURE__ */ t.jsx(zt, { control: j, queryParams: i })
                   ] })
                 ] }),
-                /* @__PURE__ */ e.jsx(V, { value: "body", children: /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ t.jsx(V, { value: "body", children: /* @__PURE__ */ t.jsx(
                   "textarea",
                   {
-                    ...g("body"),
+                    ...h("body"),
                     className: "border w-full rounded p-2 bg-muted h-40"
                   }
                 ) })
@@ -1025,79 +1025,79 @@ const ne = (t) => Math.abs(
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: "min-w-0 p-8 bg-muted/70", children: p.error ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-          C.pathParams.some((a) => a.value === "") && /* @__PURE__ */ e.jsx(nt, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
-          /* @__PURE__ */ e.jsxs(ae, { children: [
-            /* @__PURE__ */ e.jsx(st, { children: /* @__PURE__ */ e.jsx(rt, { children: "Request failed" }) }),
-            /* @__PURE__ */ e.jsxs(at, { children: [
+        /* @__PURE__ */ t.jsx("div", { className: "min-w-0 p-8 bg-muted/70", children: p.error ? /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2", children: [
+          C.pathParams.some((o) => o.value === "") && /* @__PURE__ */ t.jsx(nt, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
+          /* @__PURE__ */ t.jsxs(ae, { children: [
+            /* @__PURE__ */ t.jsx(st, { children: /* @__PURE__ */ t.jsx(rt, { children: "Request failed" }) }),
+            /* @__PURE__ */ t.jsxs(at, { children: [
               "Error:",
               " ",
               p.error.message || String(p.error) || "Unexpected error"
             ] })
           ] })
-        ] }) : p.data ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ e.jsxs("div", { className: "flex text-xs gap-6", children: [
-            /* @__PURE__ */ e.jsxs("div", { children: [
+        ] }) : p.data ? /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ t.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ t.jsxs("div", { className: "flex text-xs gap-6", children: [
+            /* @__PURE__ */ t.jsxs("div", { children: [
               "Status: ",
               p.data.status,
               " ",
               Jt[p.data.status] ?? ""
             ] }),
-            /* @__PURE__ */ e.jsxs("div", { children: [
+            /* @__PURE__ */ t.jsxs("div", { children: [
               "Time: ",
               p.data.time.toFixed(0),
               "ms"
             ] }),
-            /* @__PURE__ */ e.jsxs("div", { children: [
+            /* @__PURE__ */ t.jsxs("div", { children: [
               "Size: ",
               p.data.size,
               " B"
             ] })
           ] }) }),
-          /* @__PURE__ */ e.jsxs(je, { defaultValue: "response", children: [
-            /* @__PURE__ */ e.jsxs(be, { children: [
-              /* @__PURE__ */ e.jsx(A, { value: "response", children: "Response" }),
-              /* @__PURE__ */ e.jsx(A, { value: "headers", children: U.length ? `Headers (${U.length})` : "No headers" })
+          /* @__PURE__ */ t.jsxs(be, { defaultValue: "response", children: [
+            /* @__PURE__ */ t.jsxs(Ne, { children: [
+              /* @__PURE__ */ t.jsx(A, { value: "response", children: "Response" }),
+              /* @__PURE__ */ t.jsx(A, { value: "headers", children: U.length ? `Headers (${U.length})` : "No headers" })
             ] }),
-            /* @__PURE__ */ e.jsx(V, { value: "response", children: /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ t.jsx(V, { value: "response", children: /* @__PURE__ */ t.jsx(
               Bt,
               {
                 headers: p.data.headers,
                 body: p.data.body
               }
             ) }),
-            /* @__PURE__ */ e.jsx(V, { value: "headers", children: /* @__PURE__ */ e.jsxs(
+            /* @__PURE__ */ t.jsx(V, { value: "headers", children: /* @__PURE__ */ t.jsxs(
               ae,
               {
                 className: "max-h-[calc(83.333vh-140px)] overflow-y-auto grid grid-cols-2 w-full gap-2.5 font-mono text-xs shadow-none p-4",
                 children: [
-                  /* @__PURE__ */ e.jsx("div", { className: "font-semibold", children: "Key" }),
-                  /* @__PURE__ */ e.jsx("div", { className: "font-semibold", children: "Value" }),
-                  U.map(([a, f]) => /* @__PURE__ */ e.jsxs(Z, { children: [
-                    /* @__PURE__ */ e.jsx("div", { children: a }),
-                    /* @__PURE__ */ e.jsx("div", { className: "break-words", children: f })
-                  ] }, a))
+                  /* @__PURE__ */ t.jsx("div", { className: "font-semibold", children: "Key" }),
+                  /* @__PURE__ */ t.jsx("div", { className: "font-semibold", children: "Value" }),
+                  U.map(([o, x]) => /* @__PURE__ */ t.jsxs(Z, { children: [
+                    /* @__PURE__ */ t.jsx("div", { children: o }),
+                    /* @__PURE__ */ t.jsx("div", { className: "break-words", children: x })
+                  ] }, o))
                 ]
               }
             ) })
           ] })
-        ] }) : /* @__PURE__ */ e.jsx("div", { className: "grid place-items-center h-full", children: /* @__PURE__ */ e.jsx("span", { className: "text-[16px] font-semibold text-muted-foreground", children: p.isPending ? /* @__PURE__ */ e.jsx(ve, {}) : "Send a request first to see the response here" }) }) })
+        ] }) : /* @__PURE__ */ t.jsx("div", { className: "grid place-items-center h-full", children: /* @__PURE__ */ t.jsx("span", { className: "text-[16px] font-semibold text-muted-foreground", children: p.isPending ? /* @__PURE__ */ t.jsx(je, {}) : "Send a request first to see the response here" }) }) })
       ] }) })
     }
   );
 }, Qt = ({
-  className: t,
+  className: e,
   size: n = 16
-}) => /* @__PURE__ */ e.jsx(
+}) => /* @__PURE__ */ t.jsx(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "currentColor",
-    className: t,
+    className: e,
     width: n,
     height: n,
-    children: /* @__PURE__ */ e.jsx(
+    children: /* @__PURE__ */ t.jsx(
       "path",
       {
         fillRule: "evenodd",
@@ -1106,26 +1106,26 @@ const ne = (t) => Math.abs(
       }
     )
   }
-), Ut = (t) => {
-  const [n, s] = Te(!1);
-  return /* @__PURE__ */ e.jsxs(Qe, { onOpenChange: (r) => s(r), children: [
-    /* @__PURE__ */ e.jsx(Ue, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs("button", { className: "flex gap-1 items-center px-2 py-1 rounded-md bg-primary/80 hover:bg-primary transition text-primary-foreground text-xs", children: [
+), Ut = (e) => {
+  const [n, s] = Ee(!1);
+  return /* @__PURE__ */ t.jsxs(Qe, { onOpenChange: (a) => s(a), children: [
+    /* @__PURE__ */ t.jsx(Ue, { asChild: !0, children: e.children ?? /* @__PURE__ */ t.jsxs("button", { className: "flex gap-1 items-center px-2 py-1 rounded-md bg-primary/80 hover:bg-primary transition text-primary-foreground text-xs", children: [
       "Test",
-      /* @__PURE__ */ e.jsx(Qt, { className: "", size: 14 })
+      /* @__PURE__ */ t.jsx(Qt, { className: "", size: 14 })
     ] }) }),
-    /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ t.jsxs(
       We,
       {
         className: "max-w-screen-xl w-full h-5/6 overflow-auto p-0",
         "aria-describedby": void 0,
         children: [
-          /* @__PURE__ */ e.jsx(Je, { children: /* @__PURE__ */ e.jsx(Ze, { children: "Playground" }) }),
-          n && /* @__PURE__ */ e.jsx(Ht, { ...t })
+          /* @__PURE__ */ t.jsx(Je, { children: /* @__PURE__ */ t.jsx(Ze, { children: "Playground" }) }),
+          n && /* @__PURE__ */ t.jsx(Ht, { ...e })
         ]
       }
     )
   ] });
-}, we = ft(`
+}, Se = ft(`
   query GetCategories($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
       url
@@ -1152,79 +1152,80 @@ const ne = (t) => Math.abs(
   patch: "purple",
   options: "gray",
   head: "gray"
-}, jn = (t) => {
-  const n = Me(t.navigationId ?? "/reference"), s = new _t(t);
+}, jn = (e) => {
+  const n = he(e.navigationId ?? "/reference"), s = e.type === "file" ? Object.keys(e.input) : [], a = new kt(e);
   return {
     getHead: () => {
-      if (t.type === "url" && !t.skipPreload)
-        return /* @__PURE__ */ e.jsx(
+      if (e.type === "url" && !e.skipPreload)
+        return /* @__PURE__ */ t.jsx(
           "link",
           {
             rel: "preload",
-            href: t.input,
+            href: e.input,
             as: "fetch",
             crossOrigin: "anonymous"
           }
         );
-      if (t.server)
-        return /* @__PURE__ */ e.jsx("link", { rel: "preconnect", href: t.server });
+      if (e.server)
+        return /* @__PURE__ */ t.jsx("link", { rel: "preconnect", href: e.server });
     },
     getMdxComponents: () => ({
       OpenPlaygroundButton: ({
         requireAuth: r,
-        server: o,
+        server: i,
         method: l,
-        url: i,
-        ...c
+        url: u,
+        ...d
       }) => {
         var h;
-        const u = De(), d = Ae({
-          queryFn: () => s.fetch(we, {
-            type: t.type,
-            input: t.input
+        const c = De(), f = Ae({
+          queryFn: () => a.fetch(Se, {
+            type: e.type,
+            input: e.input
           }),
-          enabled: !o,
+          enabled: !i,
           queryKey: ["playground-server"]
         });
-        return r && !u.isAuthenticated ? /* @__PURE__ */ e.jsxs(
+        return r && !c.isAuthenticated ? /* @__PURE__ */ t.jsxs(
           E,
           {
             className: "gap-2 items-center",
             variant: "outline",
-            onClick: u.login,
+            onClick: c.login,
             children: [
               "Login to open in Playground ",
-              /* @__PURE__ */ e.jsx(Fe, { size: 16 })
+              /* @__PURE__ */ t.jsx(Fe, { size: 16 })
             ]
           }
-        ) : /* @__PURE__ */ e.jsx(
+        ) : /* @__PURE__ */ t.jsx(
           Ut,
           {
-            url: i ?? "/",
+            url: u ?? "/",
             method: l ?? "get",
-            server: o ?? ((h = d.data) == null ? void 0 : h.schema.url) ?? "https://example.com",
-            ...c,
-            children: /* @__PURE__ */ e.jsxs(E, { className: "gap-2 items-center", variant: "outline", children: [
+            server: i ?? ((h = f.data) == null ? void 0 : h.schema.url) ?? "https://example.com",
+            ...d,
+            children: /* @__PURE__ */ t.jsxs(E, { className: "gap-2 items-center", variant: "outline", children: [
               "Open in Playground ",
-              /* @__PURE__ */ e.jsx(Le, { size: 16 })
+              /* @__PURE__ */ t.jsx(Le, { size: 16 })
             ] })
           }
         );
       }
     }),
     getSidebar: async (r) => {
-      if (!qe({ path: n, end: !1 }, r))
+      if (!Re({ path: n, end: !1 }, r))
         return [];
       try {
-        const l = (await s.fetch(we, {
-          type: t.type,
-          input: t.input
-        })).schema.tags.filter((i) => i.operations.length > 0).map((i) => ({
+        const i = s.find((d) => r === he(n, d)) ?? Object.keys(e.input).at(0), u = (await a.fetch(Se, {
+          type: e.type,
+          input: e.type === "file" ? e.input[i] : e.input,
+          version: i
+        })).schema.tags.filter((d) => d.operations.length > 0).map((d) => ({
           type: "category",
-          label: i.name || "Other endpoints",
+          label: d.name || "Other endpoints",
           collapsible: !0,
           collapsed: !1,
-          items: i.operations.map((c) => ({
+          items: d.operations.map((c) => ({
             type: "link",
             label: c.summary ?? c.path,
             href: `#${c.slug}`,
@@ -1234,35 +1235,39 @@ const ne = (t) => Math.abs(
             }
           }))
         }));
-        return l.unshift({
+        return u.unshift({
           type: "link",
           label: "Overview",
           href: "#description"
-        }), l;
+        }), u;
       } catch {
         return [];
       }
     },
     getRoutes: () => [
       {
+        path: n + "/:version?",
         async lazy() {
-          const { OpenApiRoute: r } = await import("./Route-C9cYcP-j.js");
+          const { OpenApiRoute: r } = await import("./Route-C8nwd9A2.js");
           return {
-            element: /* @__PURE__ */ e.jsx(r, { client: s, config: t })
+            element: /* @__PURE__ */ t.jsx(
+              r,
+              {
+                basePath: n,
+                versions: s,
+                client: a,
+                config: e
+              }
+            )
           };
         },
         children: [
           {
-            path: n,
-            children: [
-              {
-                index: !0,
-                async lazy() {
-                  const { OperationList: r } = await import("./OperationList-C7ac3kR5.js");
-                  return { element: /* @__PURE__ */ e.jsx(r, {}) };
-                }
-              }
-            ]
+            index: !0,
+            async lazy() {
+              const { OperationList: r } = await import("./OperationList-wvY-BrxS.js");
+              return { element: /* @__PURE__ */ t.jsx(r, {}) };
+            }
           }
         ]
       }
@@ -1276,4 +1281,4 @@ export {
   ft as g,
   jn as o
 };
-//# sourceMappingURL=index-C8ubT49C.js.map
+//# sourceMappingURL=index-C_ul-2fb.js.map