zudoku 0.28.0 → 0.28.2

package/lib/{index-DGugJOLc.js → index-DrR58fsJ.js}

@@ -1,85 +1,85 @@
 var ut = Object.defineProperty;
-var Ae = (t) => {
+var Ie = (t) => {
   throw TypeError(t);
 };
 var pt = (t, a, s) => a in t ? ut(t, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[a] = s;
-var te = (t, a, s) => pt(t, typeof a != "symbol" ? a + "" : a, s), ht = (t, a, s) => a.has(t) || Ae("Cannot " + s);
-var ae = (t, a, s) => (ht(t, a, "read from private field"), s ? s.call(t) : a.get(t)), se = (t, a, s) => a.has(t) ? Ae("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, s);
+var X = (t, a, s) => pt(t, typeof a != "symbol" ? a + "" : a, s), ht = (t, a, s) => a.has(t) || Ie("Cannot " + s);
+var Y = (t, a, s) => (ht(t, a, "read from private field"), s ? s.call(t) : a.get(t)), ee = (t, a, s) => a.has(t) ? Ie("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, s);
 import { j as e } from "./jsx-runtime-Bdg6XQ1m.js";
-import { s as ne } from "./index-CjJS0l4l.js";
-import { Circle as xt, ChevronRightIcon as z, CheckIcon as ft, DotIcon as gt, Check as yt, Search as vt, XIcon as jt, ChevronDownIcon as bt, InfoIcon as qe, LogInIcon as Nt, CirclePlayIcon as wt } from "lucide-react";
-import { m as Ct, r as St } from "./chunk-SYFQ2XB5-BPvC-soB.js";
-import { u as Tt } from "./hook-FT3SJLe_.js";
-import { Button as J } from "./ui/Button.js";
-import { j as O } from "./joinUrl-nLx9pD-Z.js";
-import { Z as $t } from "./invariant-Caa8-XvF.js";
+import { s as te } from "./index-CjJS0l4l.js";
+import { Circle as xt, ChevronRightIcon as z, CheckIcon as ft, DotIcon as gt, Check as yt, Search as vt, XIcon as jt, ChevronDownIcon as bt, InfoIcon as Ee, LogInIcon as Nt, CirclePlayIcon as wt } from "lucide-react";
+import { m as Ct, r as $t } from "./chunk-SYFQ2XB5-QijJrSf0.js";
+import { u as St } from "./hook-CiX69UZ6.js";
+import { Button as _ } from "./ui/Button.js";
+import { j as I } from "./joinUrl-nLx9pD-Z.js";
+import { Z as Tt } from "./invariant-Caa8-XvF.js";
 import { VisuallyHidden as Pt } from "@radix-ui/react-visually-hidden";
-import * as p from "react";
-import { useRef as A, useEffect as Ge, useState as H, Fragment as B, useTransition as kt } from "react";
-import { V as j, T as Rt, D as Ot, b as It, a as Et, c as At } from "./index-B7mqiOei.js";
-import { S as Ue, a as Me, b as _e, c as Je, e as M, u as qt } from "./Select-CnCZ4WhS.js";
-import { b as xe, u as fe, C as k, a as Dt, F as Lt } from "./index.esm-CrSoEshU.js";
-import { c as ge } from "./index-Djenk2Hj.js";
+import * as h from "react";
+import { Fragment as k, useRef as q, useEffect as He, useState as H, useTransition as kt } from "react";
+import { V as b, T as Rt, D as Ot, b as It, a as Et, c as At } from "./index-B7mqiOei.js";
+import { S as Be, a as Ge, b as Ue, c as Me, e as U, u as qt } from "./Select-DJkXPPD0.js";
+import { b as ue, u as pe, C as R, a as Dt, F as Lt } from "./index.esm-CrSoEshU.js";
+import { c as he } from "./index-Djenk2Hj.js";
 import { c as u } from "./cn-qaFjX9_3.js";
-import * as Qe from "@radix-ui/react-label";
-import * as G from "@radix-ui/react-radio-group";
+import * as _e from "@radix-ui/react-label";
+import * as B from "@radix-ui/react-radio-group";
 import { a as Vt } from "./state-mM7uaXTW.js";
-import { k as Ft, l as zt } from "./ZudokuContext-BTUJPpQl.js";
-import { Card as ye, CardHeader as Ht, CardTitle as Bt, CardContent as Gt } from "./ui/Card.js";
-import { Tabs as We, TabsList as Ze, TabsTrigger as I, TabsContent as E } from "./ui/Tabs.js";
+import { k as Ft, l as zt } from "./ZudokuContext-dUyBGMap.js";
+import { Card as xe, CardHeader as Ht, CardTitle as Bt, CardContent as Gt } from "./ui/Card.js";
+import { Tabs as Je, TabsList as Qe, TabsTrigger as E, TabsContent as A } from "./ui/Tabs.js";
 import { z as Ut, S as Mt } from "./SyntaxHighlight-B0L4SC_N.js";
-import { B as _, S as _t } from "./Spinner-BlzrEEk1.js";
-import * as g from "@radix-ui/react-dropdown-menu";
-import * as ce from "@radix-ui/react-checkbox";
-import * as Q from "@radix-ui/react-popover";
+import { B as M, S as _t } from "./Spinner-BlzrEEk1.js";
+import * as y from "@radix-ui/react-dropdown-menu";
+import * as ie from "@radix-ui/react-checkbox";
+import * as J from "@radix-ui/react-popover";
 import { PopoverAnchor as Jt } from "@radix-ui/react-popover";
-import { Input as ve } from "./ui/Input.js";
+import { Input as fe } from "./ui/Input.js";
 import { Slot as Qt } from "@radix-ui/react-slot";
 import { Callout as Wt } from "./ui/Callout.js";
-import { Collapsible as De, CollapsibleTrigger as Le, CollapsibleContent as Ve } from "./ui/Collapsible.js";
-import * as je from "@radix-ui/react-collapsible";
-let re;
+import { Collapsible as Ae, CollapsibleTrigger as qe, CollapsibleContent as De } from "./ui/Collapsible.js";
+import * as ge from "@radix-ui/react-collapsible";
+let ae;
 const Zt = (t) => {
   var a;
   if ((a = t.errors) != null && a[0])
-    throw new $t(t.errors[0].message, {
+    throw new Tt(t.errors[0].message, {
       developerHint: "Check your configuration value `apis.type` and `apis.input` in the Zudoku config."
     });
 };
-var Z, K;
+var W, Z;
 class Kt {
   constructor(a) {
-    se(this, Z, async () => (re || (re = import("./createServer-BydbkTsd.js").then(
+    ee(this, W, async () => (ae || (ae = import("./createServer-DIztAu7i.js").then(
       (a) => a.createServer(this.config)
-    )), re));
-    se(this, K, async (a) => this.config.server ? fetch(this.config.server, a) : (await ae(this, Z).call(this)).fetch("http://localhost/graphql", a));
-    te(this, "fetch", async (a, ...[s]) => {
-      var i;
-      const n = (i = a.match(/query (\w+)/)) == null ? void 0 : i[1], o = await ae(this, K).call(this, {
+    )), ae));
+    ee(this, Z, async (a) => this.config.server ? fetch(this.config.server, a) : (await Y(this, W).call(this)).fetch("http://localhost/graphql", a));
+    X(this, "fetch", async (a, ...[s]) => {
+      var r;
+      const n = (r = a.match(/query (\w+)/)) == null ? void 0 : r[1], i = await Y(this, Z).call(this, {
         method: "POST",
         body: JSON.stringify({ query: a, variables: s, operationName: n }),
         headers: { "Content-Type": "application/json" }
       });
-      if (!o.ok)
+      if (!i.ok)
         throw new Error("Network response was not ok");
-      const d = await o.json();
+      const d = await i.json();
       return Zt(d), d.data;
     });
     this.config = a;
   }
 }
-Z = new WeakMap(), K = new WeakMap();
-class q extends String {
+W = new WeakMap(), Z = new WeakMap();
+class D extends String {
   constructor(s, n) {
     super(s);
-    te(this, "__apiType");
+    X(this, "__apiType");
     this.value = s, this.__meta__ = n;
   }
   toString() {
     return this.value;
   }
 }
-const Xt = new q(
+const Xt = new D(
   `
     fragment OperationsFragment on OperationItem {
   slug
@@ -144,7 +144,7 @@ const Xt = new q(
 }
     `,
   { fragmentName: "OperationsFragment" }
-), Yt = new q(`
+), Yt = new D(`
     query ServersQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -153,7 +153,7 @@ const Xt = new q(
     }
   }
 }
-    `), ea = new q(`
+    `), ea = new D(`
     query AllOperations($input: JSON!, $type: SchemaType!, $tag: String, $untagged: Boolean) {
   schema(input: $input, type: $type) {
     description
@@ -231,7 +231,7 @@ const Xt = new q(
       schema
     }
   }
-}`), ta = new q(`
+}`), ta = new D(`
     query getServerQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -240,7 +240,7 @@ const Xt = new q(
     }
   }
 }
-    `), aa = new q(`
+    `), aa = new D(`
     query GetCategories($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -249,7 +249,7 @@ const Xt = new q(
     }
   }
 }
-    `), sa = new q(`
+    `), sa = new D(`
     query GetOperations($input: JSON!, $type: SchemaType!, $tag: String, $untagged: Boolean) {
   schema(input: $input, type: $type) {
     operations(tag: $tag, untagged: $untagged) {
@@ -270,10 +270,10 @@ const Xt = new q(
   "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      tags {\n        name\n      }\n    }\n  }\n": aa,
   "\n  query GetOperations(\n    $input: JSON!\n    $type: SchemaType!\n    $tag: String\n    $untagged: Boolean\n  ) {\n    schema(input: $input, type: $type) {\n      operations(tag: $tag, untagged: $untagged) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n      }\n    }\n  }\n": sa
 };
-function Ke(t) {
+function We(t) {
   return na[t] ?? {};
 }
-const ra = ge(
+const ra = he(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
   {
     variants: {
@@ -286,7 +286,7 @@ const ra = ge(
       variant: "default"
     }
   }
-), me = p.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+), le = h.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: n,
@@ -295,8 +295,8 @@ const ra = ge(
     ...s
   }
 ));
-me.displayName = "Alert";
-const ue = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+le.displayName = "Alert";
+const de = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h5",
   {
     ref: s,
@@ -304,8 +304,8 @@ const ue = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-ue.displayName = "AlertTitle";
-const pe = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+de.displayName = "AlertTitle";
+const ce = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -313,29 +313,52 @@ const pe = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-pe.displayName = "AlertDescription";
-const oa = ge(
+ce.displayName = "AlertDescription";
+const oa = ({
+  path: t,
+  renderParam: a
+}) => t.split("/").map((s, n, i) => {
+  const d = Array.from(s.matchAll(/{([^}]+)}/g)), r = [];
+  let m = 0;
+  return d.forEach((c, p) => {
+    const [g, x] = c;
+    if (!x) return;
+    const f = c.index;
+    f > m && r.push(
+      /* @__PURE__ */ e.jsx(k, { children: s.slice(m, f) }, `text-${m}-${f}`)
+    ), r.push(
+      /* @__PURE__ */ e.jsx(k, { children: a({ name: x, originalValue: g, index: p }) }, `param-${x}`)
+    ), m = f + g.length;
+  }), m < s.length && r.push(
+    /* @__PURE__ */ e.jsx(k, { children: s.slice(m) }, `text-${m}-${s.length}`)
+  ), // eslint-disable-next-line react/no-array-index-key
+  /* @__PURE__ */ e.jsxs(k, { children: [
+    r,
+    n < i.length - 1 && "/",
+    /* @__PURE__ */ e.jsx("wbr", {})
+  ] }, `${s}-${n}`);
+}), ia = he(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), V = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  Qe.Root,
+), V = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  _e.Root,
   {
     ref: s,
-    className: u(oa(), t),
+    className: u(ia(), t),
     ...a
   }
 ));
-V.displayName = Qe.Root.displayName;
-const be = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  G.Root,
+V.displayName = _e.Root.displayName;
+const ye = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  B.Root,
   {
     className: u("grid gap-2", t),
     ...a,
     ref: s
   }
 ));
-be.displayName = G.Root.displayName;
-const W = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  G.Item,
+ye.displayName = B.Root.displayName;
+const Q = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  B.Item,
   {
     ref: s,
     className: u(
@@ -343,11 +366,11 @@ const W = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e.jsx(G.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx(xt, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    children: /* @__PURE__ */ e.jsx(B.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx(xt, { className: "h-2.5 w-2.5 fill-current text-current" }) })
   }
 ));
-W.displayName = G.Item.displayName;
-const Xe = p.forwardRef(
+Q.displayName = B.Item.displayName;
+const Ze = h.forwardRef(
   ({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     "textarea",
     {
@@ -360,86 +383,86 @@ const Xe = p.forwardRef(
     }
   )
 );
-Xe.displayName = "Textarea";
-const oe = (t) => Math.abs(
+Ze.displayName = "Textarea";
+const se = (t) => Math.abs(
   isNaN(parseInt(t)) ? t.toLowerCase().charCodeAt(0) - 96 : isNaN(parseInt(t)) ? 0 : parseInt(t)
-), ie = (t) => t.length > 1 ? parseInt(t.split("").reduce((a, s) => `${oe(a) + oe(s)}`)) : oe(t), Fe = (t, a = {}) => {
-  const s = (3 * ie(t) + 2 * ie(t) + ie(t)) % 360, { saturation: n = 75, lightness: o = 60 } = a;
-  return `${s}deg ${n}% ${o}%`;
-}, le = "data-linked-param", ia = (t) => {
+), ne = (t) => t.length > 1 ? parseInt(t.split("").reduce((a, s) => `${se(a) + se(s)}`)) : se(t), Le = (t, a = {}) => {
+  const s = (3 * ne(t) + 2 * ne(t) + ne(t)) % 360, { saturation: n = 75, lightness: i = 60 } = a;
+  return `${s}deg ${n}% ${i}%`;
+}, re = "data-linked-param", la = (t) => {
   const { resolvedTheme: a } = Ut();
   return {
-    text: Fe(
+    text: Le(
       t,
       a === "light" ? { saturation: 95, lightness: 38 } : {}
     ),
-    background: Fe(
+    background: Le(
       t,
       a === "light" ? { saturation: 85, lightness: 40 } : {}
     )
   };
-}, Ye = ({
+}, Ke = ({
   name: t,
   className: a,
   slug: s,
   title: n,
-  children: o,
+  children: i,
   onClick: d
 }) => {
-  const i = A(null), m = s == null ? void 0 : s.replace(/[{}]/g, ""), c = t.replace(/[{}]/g, ""), { text: f, background: v } = ia(c), b = `hsl(${f} / 100%)`, h = `hsl(${v} / 10%)`, l = `hsl(${v} / 50%)`;
-  return Ge(() => {
-    if (!m || !i.current) return;
-    const x = () => {
-      document.querySelectorAll(`[${le}="${m}"]`).forEach((P) => {
-        P instanceof HTMLElement && (P.dataset.active = "true");
+  const r = q(null), m = s == null ? void 0 : s.replace(/[{}]/g, ""), c = t.replace(/[{}]/g, ""), { text: p, background: g } = la(c), x = `hsl(${p} / 100%)`, f = `hsl(${g} / 10%)`, l = `hsl(${g} / 50%)`;
+  return He(() => {
+    if (!m || !r.current) return;
+    const v = () => {
+      document.querySelectorAll(`[${re}="${m}"]`).forEach(($) => {
+        $ instanceof HTMLElement && ($.dataset.active = "true");
       });
     }, C = () => {
-      document.querySelectorAll(`[${le}="${m}"]`).forEach((P) => {
-        P instanceof HTMLElement && (P.dataset.active = "false");
+      document.querySelectorAll(`[${re}="${m}"]`).forEach(($) => {
+        $ instanceof HTMLElement && ($.dataset.active = "false");
       });
-    }, N = i.current;
-    return N.addEventListener("mouseenter", x), N.addEventListener("mouseleave", C), () => {
-      N.removeEventListener("mouseenter", x), N.removeEventListener("mouseleave", C);
+    }, N = r.current;
+    return N.addEventListener("mouseenter", v), N.addEventListener("mouseleave", C), () => {
+      N.removeEventListener("mouseenter", v), N.removeEventListener("mouseleave", C);
     };
   }, [m]), /* @__PURE__ */ e.jsx(
     "span",
     {
-      [le]: m,
+      [re]: m,
       className: u(
-        "relative inline-block rounded transition-all duration-100",
-        "rounded-lg",
+        // This may not contain (inline-)flex or (inline-)block otherwise it breaks the browser's full text search
+        "relative rounded transition-all duration-100 rounded-lg",
         "border border-[--border-color] p-0.5 text-[--param-color] bg-[--background-color]",
-        "data-[active=true]:border-[--param-color] data-[active=true]:shadow data-[active=true]:-translate-y-px",
+        "data-[active=true]:border-[--param-color] data-[active=true]:shadow data-[active=true]:bottom-px",
         a
       ),
       title: n,
       suppressHydrationWarning: !0,
-      ref: i,
+      ref: r,
       onClick: d,
       style: {
-        "--param-color": b,
+        "--param-color": x,
         "--border-color": l,
-        "--background-color": h
+        "--background-color": f
       },
-      children: o ?? t
+      children: i ?? t
     }
   );
-}, la = (t, a, s) => {
+}, da = (t, a, s) => {
   const n = a.replace(/(:\w+|\{\w+})/g, (d) => {
     var c;
-    const i = d.replace(/[:{}]/g, "");
-    return ((c = s.pathParams.find((f) => f.name === i)) == null ? void 0 : c.value) ?? d;
-  }), o = new URL(
+    const r = d.replace(/[:{}]/g, "");
+    return ((c = s.pathParams.find((p) => p.name === r)) == null ? void 0 : c.value) ?? d;
+  }), i = new URL(
     n.replace(/^\//, ""),
     t.endsWith("/") ? t : `${t}/`
   );
   return s.queryParams.filter((d) => d.active).forEach((d) => {
-    o.searchParams.set(d.name, d.value);
-  }), o;
-}, et = g.Root, tt = g.Trigger, da = g.Group, ca = p.forwardRef(({ className: t, inset: a, children: s, ...n }, o) => /* @__PURE__ */ e.jsxs(
-  g.SubTrigger,
+    i.searchParams.set(d.name, d.value);
+  }), i;
+}, Xe = y.Root, Ye = y.Trigger, ca = y.Group, ma = h.forwardRef(({ className: t, inset: a, children: s, ...n }, i) => /* @__PURE__ */ e.jsxs(
+  y.SubTrigger,
   {
-    ref: o,
+    ref: i,
     className: u(
       "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
       a && "pl-8",
@@ -452,9 +475,9 @@ const oe = (t) => Math.abs(
     ]
   }
 ));
-ca.displayName = g.SubTrigger.displayName;
-const ma = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  g.SubContent,
+ma.displayName = y.SubTrigger.displayName;
+const ua = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  y.SubContent,
   {
     ref: s,
     className: u(
@@ -464,9 +487,9 @@ const ma = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-ma.displayName = g.SubContent.displayName;
-const Ne = p.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(g.Portal, { children: /* @__PURE__ */ e.jsx(
-  g.Content,
+ua.displayName = y.SubContent.displayName;
+const ve = h.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(y.Portal, { children: /* @__PURE__ */ e.jsx(
+  y.Content,
   {
     ref: n,
     sideOffset: a,
@@ -478,9 +501,9 @@ const Ne = p.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__
     ...s
   }
 ) }));
-Ne.displayName = g.Content.displayName;
-const we = p.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
-  g.Item,
+ve.displayName = y.Content.displayName;
+const je = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  y.Item,
   {
     ref: n,
     className: u(
@@ -491,11 +514,11 @@ const we = p.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
     ...s
   }
 ));
-we.displayName = g.Item.displayName;
-const ua = p.forwardRef(({ className: t, children: a, checked: s, ...n }, o) => /* @__PURE__ */ e.jsxs(
-  g.CheckboxItem,
+je.displayName = y.Item.displayName;
+const pa = h.forwardRef(({ className: t, children: a, checked: s, ...n }, i) => /* @__PURE__ */ e.jsxs(
+  y.CheckboxItem,
   {
-    ref: o,
+    ref: i,
     className: u(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       t
@@ -503,14 +526,14 @@ const ua = p.forwardRef(({ className: t, children: a, checked: s, ...n }, o) =>
     checked: s,
     ...n,
     children: [
-      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(g.ItemIndicator, { children: /* @__PURE__ */ e.jsx(ft, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(y.ItemIndicator, { children: /* @__PURE__ */ e.jsx(ft, { className: "h-4 w-4" }) }) }),
       a
     ]
   }
 ));
-ua.displayName = g.CheckboxItem.displayName;
-const pa = p.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
-  g.RadioItem,
+pa.displayName = y.CheckboxItem.displayName;
+const ha = h.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
+  y.RadioItem,
   {
     ref: n,
     className: u(
@@ -519,14 +542,14 @@ const pa = p.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__
     ),
     ...s,
     children: [
-      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(g.ItemIndicator, { children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(y.ItemIndicator, { children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4 fill-current" }) }) }),
       a
     ]
   }
 ));
-pa.displayName = g.RadioItem.displayName;
-const at = p.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
-  g.Label,
+ha.displayName = y.RadioItem.displayName;
+const et = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  y.Label,
   {
     ref: n,
     className: u(
@@ -537,38 +560,38 @@ const at = p.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
     ...s
   }
 ));
-at.displayName = g.Label.displayName;
-const st = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  g.Separator,
+et.displayName = y.Label.displayName;
+const tt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  y.Separator,
   {
     ref: s,
     className: u("-mx-1 my-1 h-px bg-muted", t),
     ...a
   }
 ));
-st.displayName = g.Separator.displayName;
-const ha = ({
+tt.displayName = y.Separator.displayName;
+const xa = ({
   examples: t,
   onSelect: a
-}) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 mt-2 items-end", children: /* @__PURE__ */ e.jsxs(et, { children: [
-  /* @__PURE__ */ e.jsx(tt, { asChild: !0, children: /* @__PURE__ */ e.jsx(_, { variant: "outline", children: "Use Example" }) }),
-  /* @__PURE__ */ e.jsx(Ne, { className: "w-56", children: t.map((s) => {
+}) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 mt-2 items-end", children: /* @__PURE__ */ e.jsxs(Xe, { children: [
+  /* @__PURE__ */ e.jsx(Ye, { asChild: !0, children: /* @__PURE__ */ e.jsx(M, { variant: "outline", children: "Use Example" }) }),
+  /* @__PURE__ */ e.jsx(ve, { className: "w-56", children: t.map((s) => {
     var n;
     return /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx(at, { children: s.mediaType }),
-      /* @__PURE__ */ e.jsx(st, {}),
-      /* @__PURE__ */ e.jsx(da, { children: (n = s.examples) == null ? void 0 : n.map((o) => /* @__PURE__ */ e.jsx(
-        we,
+      /* @__PURE__ */ e.jsx(et, { children: s.mediaType }),
+      /* @__PURE__ */ e.jsx(tt, {}),
+      /* @__PURE__ */ e.jsx(ca, { children: (n = s.examples) == null ? void 0 : n.map((i) => /* @__PURE__ */ e.jsx(
+        je,
         {
-          onSelect: () => a(o),
+          onSelect: () => a(i),
           className: "line-clamp-1",
-          children: o.summary ?? o.name
+          children: i.summary ?? i.name
         },
-        o.name
+        i.name
       )) })
     ] }, s.mediaType);
   }) })
-] }) }), X = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+] }) }), K = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -579,8 +602,8 @@ const ha = ({
     ...a
   }
 ));
-X.displayName = "Card";
-const xa = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+K.displayName = "Card";
+const fa = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -588,8 +611,8 @@ const xa = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-xa.displayName = "CardHeader";
-const fa = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+fa.displayName = "CardHeader";
+const ga = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h3",
   {
     ref: s,
@@ -597,8 +620,8 @@ const fa = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-fa.displayName = "CardTitle";
-const ga = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+ga.displayName = "CardTitle";
+const ya = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "p",
   {
     ref: s,
@@ -606,10 +629,10 @@ const ga = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-ga.displayName = "CardDescription";
-const ya = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: u("p-6 pt-0", t), ...a }));
-ya.displayName = "CardContent";
-const va = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+ya.displayName = "CardDescription";
+const va = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: u("p-6 pt-0", t), ...a }));
+va.displayName = "CardContent";
+const ja = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -617,8 +640,8 @@ const va = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-va.displayName = "CardFooter";
-const ja = ge(
+ja.displayName = "CardFooter";
+const ba = he(
   "peer h-4 w-4 shrink-0 rounded-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary",
   {
     variants: {
@@ -631,14 +654,14 @@ const ja = ge(
       variant: "default"
     }
   }
-), Ce = p.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
-  ce.Root,
+), be = h.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  ie.Root,
   {
     ref: n,
-    className: u(ja({ variant: a, className: t })),
+    className: u(ba({ variant: a, className: t })),
     ...s,
     children: /* @__PURE__ */ e.jsx(
-      ce.Indicator,
+      ie.Indicator,
       {
         className: u("flex items-center justify-center text-current"),
         children: /* @__PURE__ */ e.jsx(yt, { className: "h-4 w-4" })
@@ -646,9 +669,9 @@ const ja = ge(
     )
   }
 ));
-Ce.displayName = ce.Root.displayName;
-const nt = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  j,
+be.displayName = ie.Root.displayName;
+const at = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b,
   {
     ref: s,
     className: u(
@@ -658,13 +681,13 @@ const nt = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-nt.displayName = j.displayName;
-const ba = p.forwardRef(({ className: t, ...a }, s) => (
+at.displayName = b.displayName;
+const Na = h.forwardRef(({ className: t, ...a }, s) => (
   // eslint-disable-next-line react/no-unknown-property
   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
     /* @__PURE__ */ e.jsx(vt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
     /* @__PURE__ */ e.jsx(
-      j.Input,
+      b.Input,
       {
         ref: s,
         className: u(
@@ -676,11 +699,11 @@ const ba = p.forwardRef(({ className: t, ...a }, s) => (
     )
   ] })
 ));
-ba.displayName = j.Input.displayName;
-const rt = p.forwardRef(({ className: t, ...a }, s) => (
+Na.displayName = b.Input.displayName;
+const st = h.forwardRef(({ className: t, ...a }, s) => (
   // eslint-disable-next-line react/no-unknown-property
   /* @__PURE__ */ e.jsx("div", { className: "flex items-center", "cmdk-input-wrapper": "", children: /* @__PURE__ */ e.jsx(
-    j.Input,
+    b.Input,
     {
       ref: s,
       className: u(
@@ -692,27 +715,27 @@ const rt = p.forwardRef(({ className: t, ...a }, s) => (
     }
   ) })
 ));
-rt.displayName = j.Input.displayName;
-const ot = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  j.List,
+st.displayName = b.Input.displayName;
+const nt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.List,
   {
     ref: s,
     className: u("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
     ...a
   }
 ));
-ot.displayName = j.List.displayName;
-const Na = p.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
-  j.Empty,
+nt.displayName = b.List.displayName;
+const wa = h.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
+  b.Empty,
   {
     ref: a,
     className: "py-6 text-center text-sm",
     ...t
   }
 ));
-Na.displayName = j.Empty.displayName;
-const wa = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  j.Group,
+wa.displayName = b.Empty.displayName;
+const Ca = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.Group,
   {
     ref: s,
     className: u(
@@ -722,18 +745,18 @@ const wa = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-wa.displayName = j.Group.displayName;
-const Ca = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  j.Separator,
+Ca.displayName = b.Group.displayName;
+const $a = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.Separator,
   {
     ref: s,
     className: u("-mx-1 h-px bg-border", t),
     ...a
   }
 ));
-Ca.displayName = j.Separator.displayName;
-const it = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  j.Item,
+$a.displayName = b.Separator.displayName;
+const rt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.Item,
   {
     ref: s,
     className: u(
@@ -743,11 +766,11 @@ const it = p.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-it.displayName = j.Item.displayName;
-const Sa = Q.Root, lt = p.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, o) => /* @__PURE__ */ e.jsx(Q.Portal, { children: /* @__PURE__ */ e.jsx(
-  Q.Content,
+rt.displayName = b.Item.displayName;
+const Sa = J.Root, ot = h.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, i) => /* @__PURE__ */ e.jsx(J.Portal, { children: /* @__PURE__ */ e.jsx(
+  J.Content,
   {
-    ref: o,
+    ref: i,
     align: a,
     sideOffset: s,
     className: u(
@@ -757,46 +780,46 @@ const Sa = Q.Root, lt = p.forwardRef(({ className: t, align: a = "center", sideO
     ...n
   }
 ) }));
-lt.displayName = Q.Content.displayName;
+ot.displayName = J.Content.displayName;
 const Ta = ({
   value: t,
   options: a,
   onChange: s,
   className: n,
-  placeholder: o = "Enter value",
+  placeholder: i = "Enter value",
   onEnterPress: d,
-  ref: i
+  ref: r
 }) => {
-  const [m, c] = H(!1), [f, v] = H(!1), b = Rt((l) => l.filtered.count), h = A(null);
+  const [m, c] = H(!1), [p, g] = H(!1), x = Rt((l) => l.filtered.count), f = q(null);
   return /* @__PURE__ */ e.jsxs(Sa, { open: m, children: [
     /* @__PURE__ */ e.jsx(Jt, { children: /* @__PURE__ */ e.jsx(
-      rt,
+      st,
       {
         ref: (l) => {
-          h.current = l, typeof i == "function" ? i(l) : i && (i.current = l);
+          f.current = l, typeof r == "function" ? r(l) : r && (r.current = l);
         },
         value: t,
-        placeholder: o,
+        placeholder: i,
         className: u("h-9 bg-transparent", n),
         onFocus: () => c(!0),
         onBlur: () => {
-          f || c(!1);
+          p || c(!1);
         },
         onKeyDown: (l) => {
-          var x;
-          l.key === "Enter" && (c(!1), (x = h.current) == null || x.blur(), d == null || d(l));
+          var v;
+          l.key === "Enter" && (c(!1), (v = f.current) == null || v.blur(), d == null || d(l));
         },
         onValueChange: (l) => s(l)
       }
     ) }),
     /* @__PURE__ */ e.jsx(
-      lt,
+      ot,
       {
-        onMouseEnter: () => v(!0),
-        onMouseLeave: () => v(!1),
+        onMouseEnter: () => g(!0),
+        onMouseLeave: () => g(!1),
         onOpenAutoFocus: (l) => l.preventDefault(),
         className: u("p-0 w-[--radix-popover-trigger-width]", {
-          "border-0": b === 0
+          "border-0": x === 0
         }),
         align: "start",
         side: "bottom",
@@ -806,12 +829,12 @@ const Ta = ({
         onTouchMove: (l) => {
           l.stopPropagation();
         },
-        children: /* @__PURE__ */ e.jsx(ot, { className: "max-h-[140px]", children: a.map((l) => /* @__PURE__ */ e.jsx(
-          it,
+        children: /* @__PURE__ */ e.jsx(nt, { className: "max-h-[140px]", children: a.map((l) => /* @__PURE__ */ e.jsx(
+          rt,
           {
             value: l,
-            onSelect: (x) => {
-              s(x), c(!1);
+            onSelect: (v) => {
+              s(v), c(!1);
             },
             className: "cursor-pointer",
             children: l
@@ -821,20 +844,20 @@ const Ta = ({
       }
     )
   ] });
-}, he = (t) => /* @__PURE__ */ e.jsx(nt, { className: "bg-transparent", children: /* @__PURE__ */ e.jsx(Ta, { ...t }) }), dt = (t, a) => {
-  const s = p.forwardRef(({ className: n, asChild: o, ...d }, i) => {
-    const m = o ? Qt : t;
-    return p.createElement(m, {
+}, me = (t) => /* @__PURE__ */ e.jsx(at, { className: "bg-transparent", children: /* @__PURE__ */ e.jsx(Ta, { ...t }) }), it = (t, a) => {
+  const s = h.forwardRef(({ className: n, asChild: i, ...d }, r) => {
+    const m = i ? Qt : t;
+    return h.createElement(m, {
       ...d,
-      ref: i,
+      ref: r,
       className: typeof a == "function" ? a({ className: n }) : u(a, n)
     });
   });
   return s.displayName = `VariantComponent(${t})`, s;
-}, Se = dt(
+}, Ne = it(
   "div",
   "hover:bg-accent/40 grid grid-cols-[2fr_3fr] gap-2 items-center px-3"
-), $a = Object.freeze([
+), Pa = Object.freeze([
   "Accept",
   "Accept-Encoding",
   "Accept-Language",
@@ -861,137 +884,141 @@ const Ta = ({
   "Set-Cookie",
   "User-Agent",
   "X-Requested-With"
-]), Pa = ({
-  control: t,
-  register: a
-}) => {
-  const { fields: s, append: n, remove: o } = xe({
+]), ka = ({ control: t }) => {
+  const { fields: a, append: s, remove: n } = ue({
     control: t,
     name: "headers"
-  }), { setValue: d } = fe(), i = A([]), m = A([]), c = () => {
-    n({
+  }), { setValue: i } = pe(), d = q([]), r = q([]), m = () => {
+    s({
       name: "",
       value: "",
       active: !1
     });
-  }, f = (b) => {
-    var h;
-    (h = i.current[b]) == null || h.focus();
-  }, v = (b) => {
-    c(), requestAnimationFrame(() => {
-      var h;
-      return (h = m.current[b + 1]) == null ? void 0 : h.focus();
+  }, c = (g) => {
+    var x;
+    (x = d.current[g]) == null || x.focus();
+  }, p = (g) => {
+    m(), requestAnimationFrame(() => {
+      var x;
+      return (x = r.current[g + 1]) == null ? void 0 : x.focus();
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ e.jsx(X, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Se, { children: s.map((b, h) => /* @__PURE__ */ e.jsxs("div", { className: "group grid col-span-full grid-cols-subgrid", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 ", children: [
-        /* @__PURE__ */ e.jsx(
-          k,
-          {
-            control: t,
-            name: `headers.${h}.active`,
-            render: ({ field: l }) => /* @__PURE__ */ e.jsx(
-              Ce,
+    /* @__PURE__ */ e.jsx(K, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Ne, { children: a.map((g, x) => /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "group grid col-span-full grid-cols-subgrid",
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 ", children: [
+            /* @__PURE__ */ e.jsx(
+              R,
               {
-                variant: "outline",
-                id: `headers.${h}.active`,
-                checked: l.value,
-                onCheckedChange: (x) => {
-                  l.onChange(x);
-                }
+                control: t,
+                name: `headers.${x}.active`,
+                render: ({ field: f }) => /* @__PURE__ */ e.jsx(
+                  be,
+                  {
+                    variant: "outline",
+                    id: `headers.${x}.active`,
+                    checked: f.value,
+                    onCheckedChange: (l) => {
+                      f.onChange(l);
+                    }
+                  }
+                )
               }
-            )
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          k,
-          {
-            control: t,
-            name: `headers.${h}.name`,
-            render: ({ field: l }) => /* @__PURE__ */ e.jsx(
-              he,
+            ),
+            /* @__PURE__ */ e.jsx(
+              R,
               {
-                ...l,
-                placeholder: "Name",
-                className: "border-0 shadow-none bg-transparent text-xs font-mono",
-                options: $a,
-                onEnterPress: () => f(h),
-                onChange: (x) => {
-                  l.onChange(x), d(`headers.${h}.active`, !0);
-                },
-                ref: (x) => {
-                  m.current[h] = x;
-                }
+                control: t,
+                name: `headers.${x}.name`,
+                render: ({ field: f }) => /* @__PURE__ */ e.jsx(
+                  me,
+                  {
+                    ...f,
+                    placeholder: "Name",
+                    className: "border-0 shadow-none bg-transparent text-xs font-mono",
+                    options: Pa,
+                    onEnterPress: () => c(x),
+                    onChange: (l) => {
+                      f.onChange(l), i(`headers.${x}.active`, !0);
+                    },
+                    ref: (l) => {
+                      r.current[x] = l;
+                    }
+                  }
+                )
               }
             )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(
-          k,
-          {
-            control: t,
-            name: `headers.${h}.value`,
-            render: ({ field: l }) => /* @__PURE__ */ e.jsx(
-              ve,
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e.jsx(
+              R,
               {
-                placeholder: "Value",
-                className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
-                ...l,
-                ref: (x) => {
-                  i.current[h] = x;
-                },
-                onKeyDown: (x) => {
-                  x.key === "Enter" && x.currentTarget.value.trim() && v(h);
+                control: t,
+                name: `headers.${x}.value`,
+                render: ({ field: f }) => /* @__PURE__ */ e.jsx(
+                  fe,
+                  {
+                    placeholder: "Value",
+                    className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
+                    ...f,
+                    ref: (l) => {
+                      d.current[x] = l;
+                    },
+                    onKeyDown: (l) => {
+                      l.key === "Enter" && l.currentTarget.value.trim() && p(x);
+                    },
+                    autoComplete: "off"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              _,
+              {
+                size: "icon",
+                variant: "ghost",
+                className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
+                onClick: () => {
+                  n(x);
                 },
-                autoComplete: "off"
+                type: "button",
+                children: /* @__PURE__ */ e.jsx(jt, { size: 16 })
               }
             )
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          J,
-          {
-            size: "icon",
-            variant: "ghost",
-            className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
-            onClick: () => {
-              o(h);
-            },
-            type: "button",
-            children: /* @__PURE__ */ e.jsx(jt, { size: 16 })
-          }
-        )
-      ] })
-    ] }, h)) }) }),
+          ] })
+        ]
+      },
+      g.name
+    )) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "text-end", children: /* @__PURE__ */ e.jsx(
-      J,
+      _,
       {
         className: "",
-        onClick: c,
+        onClick: m,
         type: "button",
         variant: "secondary",
         children: "Add header"
       }
     ) })
   ] });
-}, ka = ({
+}, Ra = ({
   control: t
 }) => {
-  const { fields: a } = xe({
+  const { fields: a } = ue({
     control: t,
     name: "pathParams"
   });
-  return /* @__PURE__ */ e.jsx(X, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx(Se, { children: a.map((s, n) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  return /* @__PURE__ */ e.jsx(K, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx(Ne, { children: a.map((s, n) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      k,
+      R,
       {
         control: t,
-        name: `pathParams.${n}.value`,
+        name: `pathParams.${n}.name`,
         render: () => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          Ye,
+          Ke,
           {
             slug: s.name,
             name: s.name,
@@ -1001,14 +1028,14 @@ const Ta = ({
       }
     ),
     /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ e.jsx(
-      k,
+      R,
       {
         control: t,
         name: `pathParams.${n}.value`,
-        render: ({ field: o }) => /* @__PURE__ */ e.jsx(
-          ve,
+        render: ({ field: i }) => /* @__PURE__ */ e.jsx(
+          fe,
           {
-            ...o,
+            ...i,
             required: !0,
             placeholder: "Enter value",
             className: "w-full border-0 shadow-none text-xs font-mono hover:bg-accent"
@@ -1017,33 +1044,33 @@ const Ta = ({
       }
     ) })
   ] })) }) });
-}, Ra = dt(
+}, Oa = it(
   "input",
   "px-2 bg-transparent h-6 font-mono text-xs m-2"
-), Oa = ({
+), Ia = ({
   control: t,
   queryParams: a
 }) => {
-  const { fields: s } = xe({
+  const { fields: s } = ue({
     control: t,
     name: "queryParams"
-  }), n = fe(), o = a.map((d) => !!d.isRequired);
-  return /* @__PURE__ */ e.jsx(X, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("div", { className: "w-full ", children: s.map((d, i) => {
+  }), n = pe(), i = a.map((d) => !!d.isRequired);
+  return /* @__PURE__ */ e.jsx(K, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("div", { className: "w-full ", children: s.map((d, r) => {
     const m = a.find(
       (c) => c.name === d.name
     );
-    return /* @__PURE__ */ e.jsxs(Se, { children: [
+    return /* @__PURE__ */ e.jsxs(Ne, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
         /* @__PURE__ */ e.jsx(
-          k,
+          R,
           {
             control: t,
-            name: `queryParams.${i}.active`,
+            name: `queryParams.${r}.active`,
             render: ({ field: c }) => /* @__PURE__ */ e.jsx(
-              Ce,
+              be,
               {
                 variant: "outline",
-                id: `queryParams.${i}.active`,
+                id: `queryParams.${r}.active`,
                 className: "mr-2",
                 checked: c.value,
                 onCheckedChange: c.onChange
@@ -1052,66 +1079,66 @@ const Ta = ({
           }
         ),
         /* @__PURE__ */ e.jsx(
-          k,
+          R,
           {
             control: t,
-            render: ({ field: c }) => o[i] ? /* @__PURE__ */ e.jsx(Ra, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+            render: ({ field: c }) => i[r] ? /* @__PURE__ */ e.jsx(Oa, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
               "label",
               {
                 className: "flex items-center cursor-pointer gap-1",
-                htmlFor: `queryParams.${i}.active`,
-                title: o[i] ? "Required field" : void 0,
+                htmlFor: `queryParams.${r}.active`,
+                title: i[r] ? "Required field" : void 0,
                 children: [
                   c.value,
-                  o[i] && /* @__PURE__ */ e.jsx("sup", { children: " *" })
+                  i[r] && /* @__PURE__ */ e.jsx("sup", { children: " *" })
                 ]
               }
             ) }) : /* @__PURE__ */ e.jsx(
-              he,
+              me,
               {
                 value: c.value,
-                options: a.map((f) => f.name),
-                onChange: (f) => {
-                  c.onChange(f);
+                options: a.map((p) => p.name),
+                onChange: (p) => {
+                  c.onChange(p);
                 },
                 className: "border-0 font-mono text-xs bg-transparent hover:bg-transparent"
               }
             ),
-            name: `queryParams.${i}.name`
+            name: `queryParams.${r}.name`
           }
         )
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ e.jsx(
-        k,
+        R,
         {
           control: t,
           render: ({ field: c }) => (m == null ? void 0 : m.enum) && m.enum.length > 0 ? /* @__PURE__ */ e.jsx(
-            he,
+            me,
             {
               value: c.value,
               options: m.enum ?? [],
-              onChange: (v) => {
-                c.onChange(v), n.setValue(`queryParams.${i}.active`, !0);
+              onChange: (g) => {
+                c.onChange(g), n.setValue(`queryParams.${r}.active`, !0);
               },
               className: "font-mono text-xs border-0 ring-1 ring-ring"
             }
           ) : /* @__PURE__ */ e.jsx(
-            ve,
+            fe,
             {
               ...c,
-              onChange: (v) => {
-                c.onChange(v.target.value), v.target.value.length > 0 && n.setValue(`queryParams.${i}.active`, !0);
+              onChange: (g) => {
+                c.onChange(g.target.value), g.target.value.length > 0 && n.setValue(`queryParams.${r}.active`, !0);
               },
               placeholder: "Enter value",
               className: "w-full border-0 shadow-none text-xs font-mono"
             }
           ),
-          name: `queryParams.${i}.value`
+          name: `queryParams.${r}.value`
         }
       ) })
     ] }, d.id);
   }) }) });
-}, $ = {
+}, T = {
   green: "text-green-600",
   blue: "text-sky-600",
   yellow: "text-yellow-600",
@@ -1119,45 +1146,45 @@ const Ta = ({
   purple: "text-purple-600",
   indigo: "text-indigo-600",
   gray: "text-gray-600"
-}, Ia = {
-  get: $.green,
-  post: $.blue,
-  put: $.yellow,
-  delete: $.red,
-  patch: $.purple,
-  options: $.indigo,
-  head: $.gray,
-  trace: $.gray
-}, Ea = (t) => Ia[t.toLocaleLowerCase()] ?? $.gray, Aa = ({
+}, Ea = {
+  get: T.green,
+  post: T.blue,
+  put: T.yellow,
+  delete: T.red,
+  patch: T.purple,
+  options: T.indigo,
+  head: T.gray,
+  trace: T.gray
+}, Aa = (t) => Ea[t.toLocaleLowerCase()] ?? T.gray, qa = ({
   method: t,
   url: a,
   headers: s,
   body: n
 }) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsxs("div", { className: "gap-2 p-2 bg-muted rounded-md", children: [
-    /* @__PURE__ */ e.jsx("span", { className: u(Ea(t), "font-semibold"), children: t }),
+    /* @__PURE__ */ e.jsx("span", { className: u(Aa(t), "font-semibold"), children: t }),
     " ",
     /* @__PURE__ */ e.jsx("span", { className: "break-all", children: a }),
     " ",
     /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "HTTP/1.1" })
   ] }),
   /* @__PURE__ */ e.jsxs("div", { className: "mx-1.5 flex flex-col gap-3", children: [
-    /* @__PURE__ */ e.jsxs(De, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(Le, { className: "flex items-center gap-2 hover:text-primary group", children: [
+    /* @__PURE__ */ e.jsxs(Ae, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(qe, { className: "flex items-center gap-2 hover:text-primary group", children: [
         /* @__PURE__ */ e.jsx(z, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Headers" })
       ] }),
-      /* @__PURE__ */ e.jsx(Ve, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2", children: s.map(([o, d]) => /* @__PURE__ */ e.jsxs(B, { children: [
-        /* @__PURE__ */ e.jsx("div", { className: "text-primary", children: o }),
+      /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2", children: s.map(([i, d]) => /* @__PURE__ */ e.jsxs(k, { children: [
+        /* @__PURE__ */ e.jsx("div", { className: "text-primary", children: i }),
         /* @__PURE__ */ e.jsx("div", { className: "break-words", children: d })
-      ] }, o)) }) })
+      ] }, i)) }) })
     ] }),
-    /* @__PURE__ */ e.jsxs(De, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(Le, { className: "flex items-center gap-2 hover:text-primary group", children: [
+    /* @__PURE__ */ e.jsxs(Ae, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(qe, { className: "flex items-center gap-2 hover:text-primary group", children: [
         /* @__PURE__ */ e.jsx(z, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Body" })
       ] }),
-      /* @__PURE__ */ e.jsx(Ve, { children: /* @__PURE__ */ e.jsx("div", { className: "pl-0 pt-2", children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx("div", { className: "pl-0 pt-2", children: /* @__PURE__ */ e.jsx(
         "div",
         {
           className: u(
@@ -1169,29 +1196,29 @@ const Ta = ({
       ) }) })
     ] })
   ] })
-] }), ze = je.Root, He = je.CollapsibleTrigger, Be = je.CollapsibleContent;
-function Te(t) {
+] }), Ve = ge.Root, Fe = ge.CollapsibleTrigger, ze = ge.CollapsibleContent;
+function we(t) {
   if (t === null) return "null";
   if (Array.isArray(t)) {
     if (t.length === 0) return "any[]";
     const a = t[0];
-    return a === void 0 ? "any[]" : `${Te(a)}[]`;
+    return a === void 0 ? "any[]" : `${we(a)}[]`;
   }
-  return typeof t == "object" ? qa(t) : typeof t;
+  return typeof t == "object" ? Da(t) : typeof t;
 }
-function qa(t, a = "") {
+function Da(t, a = "") {
   const s = ["{"];
-  for (const [n, o] of Object.entries(t)) {
-    const d = Te(o);
+  for (const [n, i] of Object.entries(t)) {
+    const d = we(i);
     s.push(`  ${n}: ${d};`);
   }
   return s.push("}"), s.join(`
 `);
 }
-function Da(t) {
-  return { lines: [`type GeneratedType = ${Te(t)};`] };
+function La(t) {
+  return { lines: [`type GeneratedType = ${we(t)};`] };
 }
-const La = {
+const Va = {
   200: "OK",
   201: "Created",
   202: "Accepted",
@@ -1202,7 +1229,7 @@ const La = {
   404: "Not Found",
   405: "Method Not Allowed",
   500: "Internal Server Error"
-}, Va = (t) => {
+}, Fa = (t) => {
   var s;
   return (s = Object.entries({
     "application/json": "json",
@@ -1215,17 +1242,17 @@ const La = {
   }).find(
     ([n]) => t.includes(n)
   )) == null ? void 0 : s[1];
-}, Fa = (t) => {
-  var s;
-  const a = ((s = t.find(([n, o]) => n === "Content-Type")) == null ? void 0 : s[1]) || "";
-  return Va(a);
 }, za = (t) => {
+  var s;
+  const a = ((s = t.find(([n, i]) => n === "Content-Type")) == null ? void 0 : s[1]) || "";
+  return Fa(a);
+}, Ha = (t) => {
   try {
     return JSON.stringify(JSON.parse(t), null, 2);
   } catch {
     return null;
   }
-}, Ha = (t) => {
+}, Ba = (t) => {
   const a = [
     "Content-Type",
     "Content-Length",
@@ -1236,57 +1263,57 @@ const La = {
     "ETag"
   ].map((s) => s.toLowerCase());
   return [...t].sort(([s], [n]) => {
-    const o = a.indexOf(s.toLowerCase()), d = a.indexOf(n.toLowerCase());
-    return o === d ? 0 : o === -1 ? 1 : d === -1 ? -1 : o - d;
+    const i = a.indexOf(s.toLowerCase()), d = a.indexOf(n.toLowerCase());
+    return i === d ? 0 : i === -1 ? 1 : d === -1 ? -1 : i - d;
   });
-}, Ba = ({
+}, Ga = ({
   body: t = "",
   headers: a,
   status: s,
   time: n,
-  size: o,
+  size: i,
   url: d
 }) => {
   var l;
-  const i = Fa(a), m = za(t), c = m || t, [f, v] = H(
+  const r = za(a), m = Ha(t), c = m || t, [p, g] = H(
     m ? "formatted" : "raw"
-  ), b = Ft({
+  ), x = Ft({
     queryKey: ["types", c],
-    queryFn: async () => Da(JSON.parse(c)),
-    enabled: f === "types"
-  }), h = Ha([...a]);
+    queryFn: async () => La(JSON.parse(c)),
+    enabled: p === "types"
+  }), f = Ba([...a]);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 h-full overflow-y-scroll max-h-[calc(100vh-220px)] py-4", children: [
-    /* @__PURE__ */ e.jsxs(ze, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(He, { className: "flex items-center gap-2 hover:text-primary group", children: [
+    /* @__PURE__ */ e.jsxs(Ve, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(Fe, { className: "flex items-center gap-2 hover:text-primary group", children: [
         /* @__PURE__ */ e.jsx(z, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Headers" })
       ] }),
-      /* @__PURE__ */ e.jsx(Be, { children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2 font-mono text-xs", children: [
-        h.slice(0, 5).map(([x, C]) => /* @__PURE__ */ e.jsxs(B, { children: [
-          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: x }),
+      /* @__PURE__ */ e.jsx(ze, { children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2 font-mono text-xs", children: [
+        f.slice(0, 5).map(([v, C]) => /* @__PURE__ */ e.jsxs(k, { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: v }),
           /* @__PURE__ */ e.jsx("div", { className: "break-all", children: C })
-        ] }, x)),
-        h.length > 5 && /* @__PURE__ */ e.jsxs(ze, { className: "col-span-full grid-cols-subgrid grid", children: [
-          /* @__PURE__ */ e.jsxs(He, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [
+        ] }, v)),
+        f.length > 5 && /* @__PURE__ */ e.jsxs(Ve, { className: "col-span-full grid-cols-subgrid grid", children: [
+          /* @__PURE__ */ e.jsxs(Fe, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [
             /* @__PURE__ */ e.jsx(z, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
             "Show ",
-            h.length - 5,
+            f.length - 5,
             " more headers"
           ] }),
-          /* @__PURE__ */ e.jsx(Be, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: h.slice(5).map(([x, C]) => /* @__PURE__ */ e.jsxs(B, { children: [
-            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: x }),
+          /* @__PURE__ */ e.jsx(ze, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: f.slice(5).map(([v, C]) => /* @__PURE__ */ e.jsxs(k, { children: [
+            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: v }),
             /* @__PURE__ */ e.jsx("div", { className: "break-all", children: C })
-          ] }, x)) })
+          ] }, v)) })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsx(ye, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx(xe, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
       Mt,
       {
-        language: f === "types" ? "typescript" : f === "raw" ? m ? "plain" : i : "json",
+        language: p === "types" ? "typescript" : p === "raw" ? m ? "plain" : r : "json",
         noBackground: !0,
         className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]",
-        code: (f === "raw" ? t : f === "types" ? (l = b.data) == null ? void 0 : l.lines.join(`
+        code: (p === "raw" ? t : p === "types" ? (l = x.data) == null ? void 0 : l.lines.join(`
 `) : c) ?? ""
       }
     ) }),
@@ -1297,7 +1324,7 @@ const La = {
           " ",
           s,
           " ",
-          La[s] ?? ""
+          Va[s] ?? ""
         ] }),
         /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Time" }),
@@ -1308,28 +1335,28 @@ const La = {
         /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Size" }),
           " ",
-          o,
+          i,
           "B"
         ] })
       ] }),
       m && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
-        Ue,
+        Be,
         {
-          value: f,
-          onValueChange: (x) => v(x),
+          value: p,
+          onValueChange: (v) => g(v),
           children: [
-            /* @__PURE__ */ e.jsx(Me, { className: "min-w-32", children: /* @__PURE__ */ e.jsx(_e, { placeholder: "View" }) }),
-            /* @__PURE__ */ e.jsxs(Je, { children: [
-              /* @__PURE__ */ e.jsx(M, { value: "formatted", children: "Formatted" }),
-              /* @__PURE__ */ e.jsx(M, { value: "raw", children: "Raw" }),
-              /* @__PURE__ */ e.jsx(M, { value: "types", children: "Types" })
+            /* @__PURE__ */ e.jsx(Ge, { className: "min-w-32", children: /* @__PURE__ */ e.jsx(Ue, { placeholder: "View" }) }),
+            /* @__PURE__ */ e.jsxs(Me, { children: [
+              /* @__PURE__ */ e.jsx(U, { value: "formatted", children: "Formatted" }),
+              /* @__PURE__ */ e.jsx(U, { value: "raw", children: "Raw" }),
+              /* @__PURE__ */ e.jsx(U, { value: "types", children: "Types" })
             ] })
           ]
         }
       ) })
     ] })
   ] });
-}, Ga = ({
+}, Ua = ({
   queryMutation: t,
   showPathParamsWarning: a
 }) => {
@@ -1337,7 +1364,7 @@ const La = {
   const s = ((((n = t.data) == null ? void 0 : n.status) ?? 0) / 100).toFixed(0);
   return /* @__PURE__ */ e.jsx("div", { className: "min-w-0 p-8 bg-muted/70 overflow-y-auto", children: t.error ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
     a && /* @__PURE__ */ e.jsx(Wt, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
-    /* @__PURE__ */ e.jsxs(ye, { children: [
+    /* @__PURE__ */ e.jsxs(xe, { children: [
       /* @__PURE__ */ e.jsx(Ht, { children: /* @__PURE__ */ e.jsx(Bt, { children: "Request failed" }) }),
       /* @__PURE__ */ e.jsxs(Gt, { children: [
         "Error:",
@@ -1345,10 +1372,10 @@ const La = {
         t.error.message || String(t.error) || "Unexpected error"
       ] })
     ] })
-  ] }) : t.data ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsxs(We, { defaultValue: "response", children: [
-    /* @__PURE__ */ e.jsxs(Ze, { children: [
-      /* @__PURE__ */ e.jsx(I, { value: "request", children: "Request" }),
-      /* @__PURE__ */ e.jsxs(I, { value: "response", children: [
+  ] }) : t.data ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsxs(Je, { defaultValue: "response", children: [
+    /* @__PURE__ */ e.jsxs(Qe, { children: [
+      /* @__PURE__ */ e.jsx(E, { value: "request", children: "Request" }),
+      /* @__PURE__ */ e.jsxs(E, { value: "response", children: [
         "Response",
         /* @__PURE__ */ e.jsxs(
           "span",
@@ -1369,9 +1396,9 @@ const La = {
         )
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx(E, { value: "request", children: /* @__PURE__ */ e.jsx(Aa, { ...t.data.request }) }),
-    /* @__PURE__ */ e.jsx(E, { value: "response", children: /* @__PURE__ */ e.jsx(
-      Ba,
+    /* @__PURE__ */ e.jsx(A, { value: "request", children: /* @__PURE__ */ e.jsx(qa, { ...t.data.request }) }),
+    /* @__PURE__ */ e.jsx(A, { value: "response", children: /* @__PURE__ */ e.jsx(
+      Ga,
       {
         status: t.data.status,
         time: t.data.time,
@@ -1382,28 +1409,28 @@ const La = {
       }
     ) })
   ] }) }) : /* @__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: t.isPending ? /* @__PURE__ */ e.jsx(_t, {}) : "Send a request first to see the response here" }) }) });
-}, Ua = ({
+}, Ma = ({
   identities: t,
   formRef: a,
   disabled: s
 }) => {
-  const { setValue: n } = fe(), [o, d] = H();
-  return t.length === 0 ? /* @__PURE__ */ e.jsx(_, { disabled: s, children: "Send" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
+  const { setValue: n } = pe(), [i, d] = H();
+  return t.length === 0 ? /* @__PURE__ */ e.jsx(M, { disabled: s, children: "Send" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
     /* @__PURE__ */ e.jsx(
-      _,
+      M,
       {
         className: "rounded-r-none inset-shadow-sm",
         disabled: s,
         onClick: () => {
-          var i;
-          return (i = a == null ? void 0 : a.current) == null ? void 0 : i.requestSubmit();
+          var r;
+          return (r = a == null ? void 0 : a.current) == null ? void 0 : r.requestSubmit();
         },
         children: "Send"
       }
     ),
-    /* @__PURE__ */ e.jsxs(et, { children: [
-      /* @__PURE__ */ e.jsx(tt, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-        _,
+    /* @__PURE__ */ e.jsxs(Xe, { children: [
+      /* @__PURE__ */ e.jsx(Ye, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+        M,
         {
           disabled: s,
           className: "rounded-l-none border-l border-border/40 inset-shadow-sm w-6",
@@ -1411,46 +1438,46 @@ const La = {
           children: /* @__PURE__ */ e.jsx(bt, { className: "w-4 h-4" })
         }
       ) }),
-      /* @__PURE__ */ e.jsx(be, { value: o, children: /* @__PURE__ */ e.jsx(Ne, { className: "w-56", align: "end", alignOffset: -150, children: [{ id: F, label: "None" }, ...t].map(
-        (i) => /* @__PURE__ */ e.jsxs(
-          we,
+      /* @__PURE__ */ e.jsx(ye, { value: i, children: /* @__PURE__ */ e.jsx(ve, { className: "w-56", align: "end", alignOffset: -150, children: [{ id: F, label: "None" }, ...t].map(
+        (r) => /* @__PURE__ */ e.jsxs(
+          je,
           {
             onClick: () => {
               var m;
-              d(i.id), n("identity", i.id), (m = a == null ? void 0 : a.current) == null || m.requestSubmit();
+              d(r.id), n("identity", r.id), (m = a == null ? void 0 : a.current) == null || m.requestSubmit();
             },
-            onMouseEnter: () => d(i.id),
+            onMouseEnter: () => d(r.id),
             onMouseLeave: () => d(void 0),
             children: [
-              /* @__PURE__ */ e.jsx(W, { value: i.id, className: "mr-2" }),
-              i.label
+              /* @__PURE__ */ e.jsx(Q, { value: r.id, className: "mr-2" }),
+              r.label
             ]
           },
-          i.id
+          r.id
         )
       ) }) })
     ] })
   ] });
-}, F = "__none", Ma = ({
+}, F = "__none", _a = ({
   server: t,
   servers: a,
   url: s,
   method: n,
-  headers: o = [],
+  headers: i = [],
   queryParams: d = [],
-  pathParams: i = [],
+  pathParams: r = [],
   defaultBody: m = "",
   examples: c
 }) => {
-  var Oe, Ie, Ee;
-  const { selectedServer: f, setSelectedServer: v } = Vt(), [, b] = kt(), { register: h, control: l, handleSubmit: x, watch: C, setValue: N, ...P } = Dt({
+  var Pe, ke, Re;
+  const { selectedServer: p, setSelectedServer: g } = Vt(), [, x] = kt(), { register: f, control: l, handleSubmit: v, watch: C, setValue: N, ...$ } = Dt({
     defaultValues: {
       body: m,
-      queryParams: d.map((r) => ({
-        name: r.name,
-        value: r.defaultValue ?? "",
-        active: r.defaultActive ?? !1,
-        enum: r.enum ?? []
+      queryParams: d.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? "",
+        active: o.defaultActive ?? !1,
+        enum: o.enum ?? []
       })).concat([
         {
           name: "",
@@ -1459,14 +1486,14 @@ const La = {
           enum: []
         }
       ]),
-      pathParams: i.map((r) => ({
-        name: r.name,
-        value: r.defaultValue ?? ""
+      pathParams: r.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? ""
       })),
-      headers: o.map((r) => ({
-        name: r.name,
-        value: r.defaultValue ?? "",
-        active: r.defaultActive ?? !1
+      headers: i.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? "",
+        active: o.defaultActive ?? !1
       })).concat([
         {
           name: "",
@@ -1476,170 +1503,169 @@ const La = {
       ]),
       identity: F
     }
-  }), S = C(), R = zt(), $e = A(!1);
-  Ge(() => {
-    var T;
-    if ($e.current) return;
-    const r = (T = R.data) == null ? void 0 : T.at(0);
-    r && (N("identity", r.id), $e.current = !0);
-  }, [N, R.data]);
-  const Pe = A(null), ke = qt({
-    mutationFn: async (r) => {
-      var U, D;
-      const T = performance.now(), w = new Request(
-        la(f ?? t, s, r),
+  }), S = C(), O = zt(), Ce = q(!1);
+  He(() => {
+    var P;
+    if (Ce.current) return;
+    const o = (P = O.data) == null ? void 0 : P.at(0);
+    o && (N("identity", o.id), Ce.current = !0);
+  }, [N, O.data]);
+  const $e = q(null), Se = qt({
+    mutationFn: async (o) => {
+      var G, L;
+      const P = performance.now(), w = new Request(
+        da(p ?? t, s, o),
         {
           method: n.toUpperCase(),
           headers: Object.fromEntries(
-            r.headers.filter((y) => y.name && y.active).map((y) => [y.name, y.value])
+            o.headers.filter((j) => j.name && j.active).map((j) => [j.name, j.value])
           ),
-          body: r.body ? r.body : void 0
+          body: o.body ? o.body : void 0
         }
       );
-      r.identity !== F && ((D = (U = R.data) == null ? void 0 : U.find((y) => y.id === r.identity)) == null || D.authorizeRequest(w));
+      o.identity !== F && ((L = (G = O.data) == null ? void 0 : G.find((j) => j.id === o.identity)) == null || L.authorizeRequest(w));
       try {
-        const y = await fetch(w, {
+        const j = await fetch(w, {
           signal: AbortSignal.timeout(5e3)
-        }), Y = performance.now() - T, L = await y.text(), ee = new URL(w.url);
+        }), ct = performance.now() - P, Oe = await j.text(), mt = new URL(w.url);
         return {
-          status: y.status,
-          headers: Array.from(y.headers.entries()),
-          size: L.length,
-          body: L,
-          time: Y,
+          status: j.status,
+          headers: Array.from(j.headers.entries()),
+          size: Oe.length,
+          body: Oe,
+          time: ct,
           request: {
             method: w.method.toUpperCase(),
             url: w.url,
             headers: [
-              ["Host", ee.host],
+              ["Host", mt.host],
               ["User-Agent", "Zudoku Playground"],
               ...Array.from(w.headers.entries())
             ],
-            body: r.body ? r.body : void 0
+            body: o.body ? o.body : void 0
           }
         };
-      } catch (y) {
-        throw y instanceof TypeError ? new Error(
+      } catch (j) {
+        throw j instanceof TypeError ? new Error(
           "The request failed, possibly due to network issues or CORS policy."
-        ) : y;
+        ) : j;
       }
     }
-  }), ct = s.split("/").map((r, T, w) => {
-    var L;
-    const U = r.startsWith("{") && r.endsWith("}") || r.startsWith(":"), D = r.replace(/[:{}]/g, ""), y = (L = S.pathParams.find((ee) => ee.name === D)) == null ? void 0 : L.value, Y = /* @__PURE__ */ e.jsx(
-      Ye,
-      {
-        backgroundOpacity: "25%",
-        name: r,
-        slug: r,
-        title: y ? void 0 : `Missing value for path parameter \`${D}\``,
-        children: y ? encodeURIComponent(y) : r
+  }), lt = /* @__PURE__ */ e.jsx(
+    oa,
+    {
+      path: s,
+      renderParam: ({ name: o, originalValue: P, index: w }) => {
+        var L;
+        const G = (L = S.pathParams.find(
+          (j) => j.name === o
+        )) == null ? void 0 : L.value;
+        return /* @__PURE__ */ e.jsx(
+          Ke,
+          {
+            name: o,
+            backgroundOpacity: "0",
+            slug: o,
+            onClick: () => $.setFocus(`pathParams.${w}.value`),
+            children: G || P
+          }
+        );
       }
-    );
-    return (
-      // eslint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ e.jsxs(B, { children: [
-        U ? Y : r,
-        T < w.length - 1 && "/",
-        /* @__PURE__ */ e.jsx("wbr", {})
-      ] }, r + T)
-    );
-  }), Re = S.queryParams.filter((r) => r.active).map((r, T, w) => /* @__PURE__ */ e.jsxs(B, { children: [
-    r.name,
+    }
+  ), Te = S.queryParams.filter((o) => o.active).map((o, P, w) => /* @__PURE__ */ e.jsxs(k, { children: [
+    o.name,
     "=",
-    encodeURIComponent(r.value).replaceAll("%20", "+"),
-    T < w.length - 1 && "&",
+    encodeURIComponent(o.value).replaceAll("%20", "+"),
+    P < w.length - 1 && "&",
     /* @__PURE__ */ e.jsx("wbr", {})
-  ] }, r.name)), mt = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: a && a.length > 1 ? /* @__PURE__ */ e.jsxs(
-    Ue,
+  ] }, o.name)), dt = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: a && a.length > 1 ? /* @__PURE__ */ e.jsxs(
+    Be,
     {
-      onValueChange: (r) => {
-        b(() => {
-          v(r);
-        });
+      onValueChange: (o) => {
+        x(() => g(o));
       },
-      value: f,
-      defaultValue: f,
+      value: p,
+      defaultValue: p,
       children: [
-        /* @__PURE__ */ e.jsx(Me, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(_e, {}) }),
-        /* @__PURE__ */ e.jsx(Je, { children: a.map((r) => /* @__PURE__ */ e.jsx(M, { value: r, children: r.replace(/^https?:\/\//, "") }, r)) })
+        /* @__PURE__ */ e.jsx(Ge, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(Ue, {}) }),
+        /* @__PURE__ */ e.jsx(Me, { children: a.map((o) => /* @__PURE__ */ e.jsx(U, { value: o, children: o.replace(/^https?:\/\//, "") }, o)) })
       ]
     }
   ) : /* @__PURE__ */ e.jsx("span", { children: t.replace(/^https?:\/\//, "") }) });
   return /* @__PURE__ */ e.jsx(
     Lt,
     {
-      register: h,
+      register: f,
       control: l,
-      handleSubmit: x,
+      handleSubmit: v,
       watch: C,
       setValue: N,
-      ...P,
+      ...$,
       children: /* @__PURE__ */ e.jsx(
         "form",
         {
-          onSubmit: x((r) => ke.mutateAsync(r)),
-          ref: Pe,
+          onSubmit: v((o) => Se.mutateAsync(o)),
+          ref: $e,
           children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2 text-sm h-full", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 p-4 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 flex items-center", children: n.toUpperCase() }),
-                  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center flex-wrap p-2 font-mono text-xs break-all", children: [
-                    mt,
-                    ct,
-                    Re.length > 0 ? "?" : "",
-                    Re
+                  /* @__PURE__ */ e.jsxs("div", { className: "items-center p-2 font-mono text-xs break-words", children: [
+                    dt,
+                    lt,
+                    Te.length > 0 ? "?" : "",
+                    Te
                   ] })
                 ] }),
                 /* @__PURE__ */ e.jsx(
-                  Ua,
+                  Ma,
                   {
-                    identities: R.data ?? [],
-                    formRef: Pe,
-                    disabled: P.formState.isSubmitting
+                    identities: O.data ?? [],
+                    formRef: $e,
+                    disabled: $.formState.isSubmitting
                   }
                 )
               ] }),
-              /* @__PURE__ */ e.jsxs(We, { defaultValue: "parameters", children: [
-                /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1 justify-between", children: /* @__PURE__ */ e.jsxs(Ze, { children: [
-                  /* @__PURE__ */ e.jsxs(I, { value: "parameters", children: [
+              /* @__PURE__ */ e.jsxs(Je, { defaultValue: "parameters", children: [
+                /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1 justify-between", children: /* @__PURE__ */ e.jsxs(Qe, { children: [
+                  /* @__PURE__ */ e.jsxs(E, { value: "parameters", children: [
                     "Parameters",
-                    (S.pathParams.some((r) => r.value !== "") || S.queryParams.some((r) => r.active)) && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                    (S.pathParams.some((o) => o.value !== "") || S.queryParams.some((o) => o.active)) && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
                   ] }),
-                  /* @__PURE__ */ e.jsxs(I, { value: "headers", children: [
+                  /* @__PURE__ */ e.jsxs(E, { value: "headers", children: [
                     "Headers",
-                    S.headers.filter((r) => r.active).length > 0 && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                    S.headers.filter((o) => o.active).length > 0 && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
                   ] }),
-                  /* @__PURE__ */ e.jsxs(I, { value: "auth", children: [
+                  /* @__PURE__ */ e.jsxs(E, { value: "auth", children: [
                     "Auth",
                     S.identity !== F && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
                   ] }),
-                  /* @__PURE__ */ e.jsx(I, { value: "body", children: "Body" })
+                  /* @__PURE__ */ e.jsx(E, { value: "body", children: "Body" })
                 ] }) }),
-                /* @__PURE__ */ e.jsx(E, { value: "headers", children: /* @__PURE__ */ e.jsx(Pa, { control: l, register: h }) }),
-                /* @__PURE__ */ e.jsxs(E, { value: "parameters", children: [
-                  i.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                /* @__PURE__ */ e.jsx(A, { value: "headers", children: /* @__PURE__ */ e.jsx(ka, { control: l }) }),
+                /* @__PURE__ */ e.jsxs(A, { value: "parameters", children: [
+                  r.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(ka, { control: l })
+                    /* @__PURE__ */ e.jsx(Ra, { control: l })
                   ] }),
                   /* @__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(Oa, { control: l, queryParams: d })
+                    /* @__PURE__ */ e.jsx(Ia, { control: l, queryParams: d })
                   ] })
                 ] }),
-                /* @__PURE__ */ e.jsxs(E, { value: "body", children: [
+                /* @__PURE__ */ e.jsxs(A, { value: "body", children: [
                   !["POST", "PUT", "PATCH", "DELETE"].includes(
                     n.toUpperCase()
-                  ) && /* @__PURE__ */ e.jsxs(me, { className: "mb-2", children: [
-                    /* @__PURE__ */ e.jsx(qe, { className: "w-4 h-4" }),
-                    /* @__PURE__ */ e.jsx(ue, { children: "Body" }),
-                    /* @__PURE__ */ e.jsx(pe, { children: "Body is only supported for POST, PUT, PATCH, and DELETE requests" })
+                  ) && /* @__PURE__ */ e.jsxs(le, { className: "mb-2", children: [
+                    /* @__PURE__ */ e.jsx(Ee, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ e.jsx(de, { children: "Body" }),
+                    /* @__PURE__ */ e.jsx(ce, { children: "Body is only supported for POST, PUT, PATCH, and DELETE requests" })
                   ] }),
                   /* @__PURE__ */ e.jsx(
-                    Xe,
+                    Ze,
                     {
-                      ...h("body"),
+                      ...f("body"),
                       className: u(
                         "border w-full rounded-lg p-2 bg-muted h-40 font-mono",
                         !["POST", "PUT", "PATCH", "DELETE"].includes(
@@ -1655,27 +1681,27 @@ const La = {
                     }
                   ),
                   c && /* @__PURE__ */ e.jsx(
-                    ha,
+                    xa,
                     {
                       examples: c,
-                      onSelect: (r) => N("body", JSON.stringify(r.value, null, 2))
+                      onSelect: (o) => N("body", JSON.stringify(o.value, null, 2))
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e.jsx(E, { value: "auth", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                  ((Oe = R.data) == null ? void 0 : Oe.length) === 0 && /* @__PURE__ */ e.jsxs(me, { children: [
-                    /* @__PURE__ */ e.jsx(qe, { className: "w-4 h-4" }),
-                    /* @__PURE__ */ e.jsx(ue, { children: "Authentication" }),
-                    /* @__PURE__ */ e.jsx(pe, { children: "No identities found. Please create an identity first." })
+                /* @__PURE__ */ e.jsx(A, { value: "auth", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                  ((Pe = O.data) == null ? void 0 : Pe.length) === 0 && /* @__PURE__ */ e.jsxs(le, { children: [
+                    /* @__PURE__ */ e.jsx(Ee, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ e.jsx(de, { children: "Authentication" }),
+                    /* @__PURE__ */ e.jsx(ce, { children: "No identities found. Please create an identity first." })
                   ] }),
-                  /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e.jsx(ye, { className: "w-full overflow-hidden", children: /* @__PURE__ */ e.jsxs(
-                    be,
+                  /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e.jsx(xe, { className: "w-full overflow-hidden", children: /* @__PURE__ */ e.jsxs(
+                    ye,
                     {
-                      onValueChange: (r) => N("identity", r),
+                      onValueChange: (o) => N("identity", o),
                       value: S.identity,
                       defaultValue: S.identity,
                       className: "gap-0",
-                      disabled: ((Ie = R.data) == null ? void 0 : Ie.length) === 0,
+                      disabled: ((ke = O.data) == null ? void 0 : ke.length) === 0,
                       children: [
                         /* @__PURE__ */ e.jsxs(
                           V,
@@ -1683,28 +1709,28 @@ const La = {
                             className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
                             htmlFor: "none",
                             children: [
-                              /* @__PURE__ */ e.jsx(W, { value: F, id: "none", children: "None" }),
+                              /* @__PURE__ */ e.jsx(Q, { value: F, id: "none", children: "None" }),
                               /* @__PURE__ */ e.jsx(V, { htmlFor: "none", className: "ml-2", children: "None" })
                             ]
                           }
                         ),
-                        (Ee = R.data) == null ? void 0 : Ee.map((r) => /* @__PURE__ */ e.jsxs(
+                        (Re = O.data) == null ? void 0 : Re.map((o) => /* @__PURE__ */ e.jsxs(
                           V,
                           {
                             className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
                             children: [
                               /* @__PURE__ */ e.jsx(
-                                W,
+                                Q,
                                 {
-                                  value: r.id,
-                                  id: r.id,
-                                  children: r.label
+                                  value: o.id,
+                                  id: o.id,
+                                  children: o.label
                                 }
                               ),
-                              /* @__PURE__ */ e.jsx(V, { htmlFor: r.id, className: "ml-2", children: r.label })
+                              /* @__PURE__ */ e.jsx(V, { htmlFor: o.id, className: "ml-2", children: o.label })
                             ]
                           },
-                          r.id
+                          o.id
                         ))
                       ]
                     }
@@ -1713,11 +1739,11 @@ const La = {
               ] })
             ] }),
             /* @__PURE__ */ e.jsx(
-              Ga,
+              Ua,
               {
-                queryMutation: ke,
+                queryMutation: Se,
                 showPathParamsWarning: S.pathParams.some(
-                  (r) => r.value === ""
+                  (o) => o.value === ""
                 )
               }
             )
@@ -1726,7 +1752,7 @@ const La = {
       )
     }
   );
-}, _a = ({
+}, Ja = ({
   className: t,
   size: a = 16
 }) => /* @__PURE__ */ e.jsx(
@@ -1747,13 +1773,20 @@ const La = {
       }
     )
   }
-), Ja = (t) => {
+), Qa = (t) => {
   const [a, s] = H(!1);
   return /* @__PURE__ */ e.jsxs(Ot, { onOpenChange: (n) => s(n), children: [
-    /* @__PURE__ */ e.jsx(It, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs("button", { className: "flex gap-1 items-center px-2 py-1 rounded-md transition text-xs bg-primary  text-primary-foreground shadow-sm hover:bg-primary/80", children: [
-      "Test",
-      /* @__PURE__ */ e.jsx(_a, { className: "", size: 14 })
-    ] }) }),
+    /* @__PURE__ */ e.jsx(It, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "flex gap-1 items-center px-2 py-1 rounded-md transition text-xs bg-primary  text-primary-foreground shadow-sm hover:bg-primary/80",
+        children: [
+          "Test",
+          /* @__PURE__ */ e.jsx(Ja, { size: 14 })
+        ]
+      }
+    ) }),
     /* @__PURE__ */ e.jsxs(
       Et,
       {
@@ -1761,12 +1794,12 @@ const La = {
         "aria-describedby": void 0,
         children: [
           /* @__PURE__ */ e.jsx(Pt, { children: /* @__PURE__ */ e.jsx(At, { children: "Playground" }) }),
-          a && /* @__PURE__ */ e.jsx(Ma, { ...t })
+          a && /* @__PURE__ */ e.jsx(_a, { ...t })
         ]
       }
     )
   ] });
-}, Qa = Ke(`
+}, Wa = We(`
   query GetCategories($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
       url
@@ -1775,7 +1808,7 @@ const La = {
       }
     }
   }
-`), Wa = Ke(`
+`), Za = We(`
   query GetOperations(
     $input: JSON!
     $type: SchemaType!
@@ -1793,7 +1826,7 @@ const La = {
       }
     }
   }
-`), Za = {
+`), Ka = {
   get: "green",
   post: "blue",
   put: "yellow",
@@ -1801,8 +1834,8 @@ const La = {
   patch: "purple",
   options: "gray",
   head: "gray"
-}, de = "~endpoints", Cs = (t) => {
-  const a = O(t.navigationId ?? "/reference"), s = t.type === "file" ? Object.keys(t.input) : [], n = new Kt(t);
+}, oe = "~endpoints", $s = (t) => {
+  const a = I(t.navigationId ?? "/reference"), s = t.type === "file" ? Object.keys(t.input) : [], n = new Kt(t);
   return {
     getHead: () => {
       if (t.type === "url" && !t.skipPreload)
@@ -1820,34 +1853,34 @@ const La = {
     },
     getMdxComponents: () => ({
       OpenPlaygroundButton: ({
-        requireAuth: o,
+        requireAuth: i,
         server: d,
-        method: i,
+        method: r,
         url: m,
         ...c
       }) => {
-        const f = Tt();
+        const p = St();
         if (!d)
           throw new Error("Server is required");
-        return o && !f.isAuthenticated ? /* @__PURE__ */ e.jsxs(
-          J,
+        return i && !p.isAuthenticated ? /* @__PURE__ */ e.jsxs(
+          _,
           {
             className: "gap-2 items-center",
             variant: "outline",
-            onClick: f.login,
+            onClick: p.login,
             children: [
               "Login to open in Playground ",
               /* @__PURE__ */ e.jsx(Nt, { size: 16 })
             ]
           }
         ) : /* @__PURE__ */ e.jsx(
-          Ja,
+          Qa,
           {
             url: m ?? "/",
-            method: i ?? "get",
+            method: r ?? "get",
             server: d,
             ...c,
-            children: /* @__PURE__ */ e.jsxs(J, { className: "gap-2 items-center", variant: "outline", children: [
+            children: /* @__PURE__ */ e.jsxs(_, { className: "gap-2 items-center", variant: "outline", children: [
               "Open in Playground ",
               /* @__PURE__ */ e.jsx(wt, { size: 16 })
             ] })
@@ -1855,50 +1888,50 @@ const La = {
         );
       }
     }),
-    getSidebar: async (o) => {
+    getSidebar: async (i) => {
       var d;
-      if (!Ct({ path: a, end: !1 }, o))
+      if (!Ct({ path: a, end: !1 }, i))
         return [];
       try {
-        const i = s.find(
-          (l) => o.startsWith(O(a, l))
-        ), m = i ?? Object.keys(t.input).at(0), c = await n.fetch(Qa, {
+        const r = s.find(
+          (l) => i.startsWith(I(a, l))
+        ), m = r ?? Object.keys(t.input).at(0), c = await n.fetch(Wa, {
           type: t.type,
           input: t.type === "file" ? t.input[m] : t.input
-        }), f = (d = t.tagPages) == null ? void 0 : d.find(
-          (l) => o.split("/").at(-1) === ne(l)
-        ), b = (await n.fetch(Wa, {
+        }), p = (d = t.tagPages) == null ? void 0 : d.find(
+          (l) => i.split("/").at(-1) === te(l)
+        ), x = (await n.fetch(Za, {
           type: t.type,
           input: t.type === "file" ? t.input[m] : t.input,
-          tag: f,
-          untagged: f === void 0
+          tag: p,
+          untagged: p === void 0
         })).schema.operations.map((l) => ({
           type: "link",
           label: l.summary ?? l.path,
           href: `#${l.slug}`,
           badge: {
             label: l.method,
-            color: Za[l.method.toLowerCase()],
+            color: Ka[l.method.toLowerCase()],
             invert: !0
           }
         }));
         return c.schema.tags.map((l) => {
-          const x = O(
+          const v = I(
             a,
-            i,
-            l.name ? ne(l.name) : de
+            r,
+            l.name ? te(l.name) : oe
           );
           return {
             type: "category",
             label: l.name || "Other endpoints",
             link: {
               type: "doc",
-              id: x,
+              id: v,
               label: l.name
             },
             collapsible: !1,
             collapsed: !0,
-            items: o === x ? b : []
+            items: i === v ? x : []
           };
         });
       } catch {
@@ -1906,21 +1939,21 @@ const La = {
       }
     },
     getRoutes: () => {
-      const o = [null, ...s], d = (t.tagPages ?? []).map((i) => ({
-        tag: i,
-        path: ne(i)
+      const i = [null, ...s], d = (t.tagPages ?? []).map((r) => ({
+        tag: r,
+        path: te(r)
       }));
-      return o.map((i) => {
-        const m = O(a, i ? `/${i}` : "");
+      return i.map((r) => {
+        const m = I(a, r ? `/${r}` : "");
         return {
           path: m,
           async lazy() {
-            const { OpenApiRoute: c } = await import("./OpenApiRoute-UrC_t0e5.js");
+            const { OpenApiRoute: c } = await import("./OpenApiRoute-ULLXjfro.js");
             return {
               element: /* @__PURE__ */ e.jsx(
                 c,
                 {
-                  version: i ?? void 0,
+                  version: r ?? void 0,
                   basePath: a,
                   versions: s,
                   client: n,
@@ -1934,24 +1967,24 @@ const La = {
               index: !0,
               loader: () => {
                 var c;
-                return St(
-                  O(m, ((c = d.at(0)) == null ? void 0 : c.path) ?? de)
+                return $t(
+                  I(m, ((c = d.at(0)) == null ? void 0 : c.path) ?? oe)
                 );
               }
             },
             {
-              path: O(m, de),
+              path: I(m, oe),
               async lazy() {
-                const { OperationList: c } = await import("./OperationList-D_ejrepA.js");
+                const { OperationList: c } = await import("./OperationList-wzZNceUl.js");
                 return { element: /* @__PURE__ */ e.jsx(c, { untagged: !0 }) };
               }
             },
             ...d.map((c) => ({
-              path: O(m, c.path),
+              path: I(m, c.path),
               async lazy() {
-                const { OperationList: f } = await import("./OperationList-D_ejrepA.js");
+                const { OperationList: p } = await import("./OperationList-wzZNceUl.js");
                 return {
-                  element: /* @__PURE__ */ e.jsx(f, { tag: c.tag })
+                  element: /* @__PURE__ */ e.jsx(p, { tag: c.tag })
                 };
               }
             }))
@@ -1962,13 +1995,14 @@ const La = {
   };
 };
 export {
-  Ye as C,
-  Ja as P,
-  ze as a,
-  Be as b,
-  He as c,
-  Ke as g,
-  Ea as m,
-  Cs as o
+  Ke as C,
+  Qa as P,
+  Ve as a,
+  ze as b,
+  Fe as c,
+  oa as d,
+  We as g,
+  Aa as m,
+  $s as o
 };
-//# sourceMappingURL=index-DGugJOLc.js.map
+//# sourceMappingURL=index-DrR58fsJ.js.map