zudoku 0.31.2 → 0.32.0

package/lib/{index-CZjcfK-H.js → index-BANyVRgL.js}

@@ -1,83 +1,83 @@
-var pt = Object.defineProperty;
-var qe = (t) => {
+var yt = Object.defineProperty;
+var De = (t) => {
   throw TypeError(t);
 };
-var ht = (t, a, s) => a in t ? pt(t, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[a] = s;
-var Y = (t, a, s) => ht(t, typeof a != "symbol" ? a + "" : a, s), xt = (t, a, s) => a.has(t) || qe("Cannot " + s);
-var ee = (t, a, s) => (xt(t, a, "read from private field"), s ? s.call(t) : a.get(t)), te = (t, a, s) => a.has(t) ? qe("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, s);
+var vt = (t, a, s) => a in t ? yt(t, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[a] = s;
+var ne = (t, a, s) => vt(t, typeof a != "symbol" ? a + "" : a, s), jt = (t, a, s) => a.has(t) || De("Cannot " + s);
+var re = (t, a, s) => (jt(t, a, "read from private field"), s ? s.call(t) : a.get(t)), oe = (t, a, s) => a.has(t) ? De("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 ae } from "./index-CjJS0l4l.js";
-import { Circle as ft, ChevronRightIcon as z, CheckIcon as gt, DotIcon as yt, Check as vt, Search as jt, XIcon as bt, ChevronDownIcon as Nt, InfoIcon as De, LogInIcon as wt, CirclePlayIcon as Ct } from "lucide-react";
-import { m as Tt, r as $t } from "./chunk-SYFQ2XB5-QijJrSf0.js";
-import { m as St, o as Pt, p as kt, k as Rt } from "./hook-Dnj3SwPC.js";
-import { Button as _ } from "./ui/Button.js";
-import { j as R } from "./joinUrl-nLx9pD-Z.js";
-import { Z as It } from "./invariant-Caa8-XvF.js";
-import { VisuallyHidden as Ot } from "@radix-ui/react-visually-hidden";
-import * as f from "react";
-import { Fragment as I, useRef as q, useEffect as ue, useState as H, useCallback as Et, useTransition as At } from "react";
-import { V as $, T as qt, D as Dt, b as Lt, a as Vt, c as Ft } from "./index-B7mqiOei.js";
-import { S as Me, a as Ue, b as _e, c as Je, e as M, u as zt } from "./Select-NSz0gku6.js";
-import { b as pe, u as he, C as O, a as Ht, F as Gt } from "./index.esm-CrSoEshU.js";
-import { c as xe } 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 { Card as fe, CardHeader as Bt, CardTitle as Mt, CardContent as Ut } from "./ui/Card.js";
-import { Tabs as We, TabsList as Ze, TabsTrigger as E, TabsContent as A } from "./ui/Tabs.js";
-import { z as _t, S as Jt } from "./SyntaxHighlight-B0L4SC_N.js";
-import { B as U, S as Qt } from "./Spinner-BlzrEEk1.js";
-import * as b 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 Wt } from "@radix-ui/react-popover";
-import { Input as ge } from "./ui/Input.js";
-import { Slot as Zt } from "@radix-ui/react-slot";
-import { Callout as Kt } from "./ui/Callout.js";
-import { Collapsible as Le, CollapsibleTrigger as Ve, CollapsibleContent as Fe } from "./ui/Collapsible.js";
-import * as ye from "@radix-ui/react-collapsible";
-let se;
-const Xt = (t) => {
+import { s as W } from "./index-CjJS0l4l.js";
+import { Circle as bt, ChevronRightIcon as B, CheckIcon as Nt, DotIcon as wt, Check as Ct, Search as Tt, XIcon as $t, ChevronDownIcon as St, InfoIcon as Le, LogInIcon as Pt, CirclePlayIcon as Rt } from "lucide-react";
+import { r as kt, m as Ve } from "./chunk-SYFQ2XB5-QijJrSf0.js";
+import { H as It, I as Ot, J as Et, k as At } from "./hook-C_t2ISLC.js";
+import { Button as K } from "./ui/Button.js";
+import { j as O } from "./joinUrl-nLx9pD-Z.js";
+import { Z as qt } from "./invariant-Caa8-XvF.js";
+import { VisuallyHidden as Dt } from "@radix-ui/react-visually-hidden";
+import * as x from "react";
+import { Fragment as k, useRef as q, useEffect as fe, useState as U, useCallback as Lt, useTransition as Vt } from "react";
+import { V as $, T as Ft, D as zt, b as Ht, a as Gt, c as Bt } from "./index-B7mqiOei.js";
+import { S as Qe, a as Ze, b as We, c as Ke, e as Q, u as Ut } from "./Select-D9CKL33X.js";
+import { b as ge, u as ye, C as I, a as Mt, F as _t } from "./index.esm-CrSoEshU.js";
+import { c as ve } from "./index-Djenk2Hj.js";
+import { c as m } from "./cn-qaFjX9_3.js";
+import * as Xe from "@radix-ui/react-label";
+import * as M from "@radix-ui/react-radio-group";
+import { Card as je, CardHeader as Jt, CardTitle as Qt, CardContent as Zt } from "./ui/Card.js";
+import { Tabs as Ye, TabsList as et, TabsTrigger as E, TabsContent as A } from "./ui/Tabs.js";
+import { z as Wt, S as Kt } from "./SyntaxHighlight-B0L4SC_N.js";
+import { B as Z, S as Xt } from "./Spinner-BlzrEEk1.js";
+import * as j from "@radix-ui/react-dropdown-menu";
+import * as me from "@radix-ui/react-checkbox";
+import * as X from "@radix-ui/react-popover";
+import { PopoverAnchor as Yt } from "@radix-ui/react-popover";
+import { Input as be } from "./ui/Input.js";
+import { Slot as ea } from "@radix-ui/react-slot";
+import { Callout as ta } from "./ui/Callout.js";
+import { Collapsible as Fe, CollapsibleTrigger as ze, CollapsibleContent as He } from "./ui/Collapsible.js";
+import * as Ne from "@radix-ui/react-collapsible";
+let ie;
+const aa = (t) => {
   var a;
   if ((a = t.errors) != null && a[0])
-    throw new It(t.errors[0].message, {
+    throw new qt(t.errors[0].message, {
       developerHint: "Check your configuration value `apis.type` and `apis.input` in the Zudoku config."
     });
 };
-var Z, K;
-class Yt {
+var te, ae;
+class sa {
   constructor(a) {
-    te(this, Z, async () => (se || (se = import("./createServer-ZDNGmPfQ.js").then(
+    oe(this, te, async () => (ie || (ie = import("./createServer-DSQiPwjN.js").then(
       (a) => a.createServer(this.config)
-    )), se));
-    te(this, K, async (a) => this.config.server ? fetch(this.config.server, a) : (await ee(this, Z).call(this)).fetch("http://localhost/graphql", a));
-    Y(this, "fetch", async (a, ...[s]) => {
+    )), ie));
+    oe(this, ae, async (a) => this.config.server ? fetch(this.config.server, a) : (await re(this, te).call(this)).fetch("http://localhost/graphql", a));
+    ne(this, "fetch", async (a, ...[s]) => {
       var l;
-      const n = (l = a.match(/query (\w+)/)) == null ? void 0 : l[1], o = await ee(this, K).call(this, {
+      const n = (l = a.match(/query (\w+)/)) == null ? void 0 : l[1], r = await re(this, ae).call(this, {
         method: "POST",
         body: JSON.stringify({ query: a, variables: s, operationName: n }),
         headers: { "Content-Type": "application/json" }
       });
-      if (!o.ok)
+      if (!r.ok)
         throw new Error("Network response was not ok");
-      const d = await o.json();
-      return Xt(d), d.data;
+      const i = await r.json();
+      return aa(i), i.data;
     });
     this.config = a;
   }
 }
-Z = new WeakMap(), K = new WeakMap();
+te = new WeakMap(), ae = new WeakMap();
 class D extends String {
   constructor(s, n) {
     super(s);
-    Y(this, "__apiType");
+    ne(this, "__apiType");
     this.value = s, this.__meta__ = n;
   }
   toString() {
     return this.value;
   }
 }
-const ea = new D(
+const na = new D(
   `
     fragment OperationsFragment on OperationItem {
   slug
@@ -142,7 +142,7 @@ const ea = new D(
 }
     `,
   { fragmentName: "OperationsFragment" }
-), ta = new D(`
+), ra = new D(`
     query ServersQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -151,7 +151,7 @@ const ea = new D(
     }
   }
 }
-    `), aa = new D(`
+    `), oa = new D(`
     query AllOperations($input: JSON!, $type: SchemaType!, $tag: String, $untagged: Boolean) {
   schema(input: $input, type: $type) {
     servers {
@@ -232,7 +232,7 @@ const ea = new D(
       schema
     }
   }
-}`), sa = new D(`
+}`), ia = new D(`
     query getServerQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -241,7 +241,7 @@ const ea = new D(
     }
   }
 }
-    `), na = new D(`
+    `), la = new D(`
     query GetCategories($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -250,7 +250,7 @@ const ea = new D(
     }
   }
 }
-    `), ra = new D(`
+    `), da = new D(`
     query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {
   schema(input: $input, type: $type) {
     operations(tag: $tag) {
@@ -274,18 +274,18 @@ const ea = new D(
     }
   }
 }
-    `), oa = {
-  "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": ta,
-  "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      examples {\n        name\n        description\n        externalValue\n        value\n        summary\n      }\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n": ea,
-  "\n  query AllOperations(\n    $input: JSON!\n    $type: SchemaType!\n    $tag: String\n    $untagged: Boolean\n  ) {\n    schema(input: $input, type: $type) {\n      servers {\n        url\n      }\n      description\n      summary\n      title\n      url\n      version\n      tags(name: $tag) {\n        name\n        description\n      }\n      operations(tag: $tag, untagged: $untagged) {\n        slug\n        ...OperationsFragment\n      }\n    }\n  }\n": aa,
-  "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": sa,
-  "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      tags {\n        name\n      }\n    }\n  }\n": na,
-  "\n  query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {\n    schema(input: $input, type: $type) {\n      operations(tag: $tag) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n        tags {\n          name\n        }\n      }\n      untagged: operations(untagged: true) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n      }\n    }\n  }\n": ra
+    `), ca = {
+  "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": ra,
+  "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      examples {\n        name\n        description\n        externalValue\n        value\n        summary\n      }\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n": na,
+  "\n  query AllOperations(\n    $input: JSON!\n    $type: SchemaType!\n    $tag: String\n    $untagged: Boolean\n  ) {\n    schema(input: $input, type: $type) {\n      servers {\n        url\n      }\n      description\n      summary\n      title\n      url\n      version\n      tags(name: $tag) {\n        name\n        description\n      }\n      operations(tag: $tag, untagged: $untagged) {\n        slug\n        ...OperationsFragment\n      }\n    }\n  }\n": oa,
+  "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": ia,
+  "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      tags {\n        name\n      }\n    }\n  }\n": la,
+  "\n  query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {\n    schema(input: $input, type: $type) {\n      operations(tag: $tag) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n        tags {\n          name\n        }\n      }\n      untagged: operations(untagged: true) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n      }\n    }\n  }\n": da
 };
-function Ke(t) {
-  return oa[t] ?? {};
+function tt(t) {
+  return ca[t] ?? {};
 }
-const la = xe(
+const ma = ve(
   "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: {
@@ -298,98 +298,98 @@ const la = xe(
       variant: "default"
     }
   }
-), de = f.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+), ue = x.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: n,
     role: "alert",
-    className: u(la({ variant: a }), t),
+    className: m(ma({ variant: a }), t),
     ...s
   }
 ));
-de.displayName = "Alert";
-const ce = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+ue.displayName = "Alert";
+const pe = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h5",
   {
     ref: s,
-    className: u("mb-1 font-medium leading-none tracking-tight", t),
+    className: m("mb-1 font-medium leading-none tracking-tight", t),
     ...a
   }
 ));
-ce.displayName = "AlertTitle";
-const me = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+pe.displayName = "AlertTitle";
+const he = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
-    className: u("text-sm [&_p]:leading-relaxed", t),
+    className: m("text-sm [&_p]:leading-relaxed", t),
     ...a
   }
 ));
-me.displayName = "AlertDescription";
-const ia = ({
+he.displayName = "AlertDescription";
+const ua = ({
   path: t,
   renderParam: a
 }) => {
   let s = 0;
-  return t.split("/").map((n, o, d) => {
+  return t.split("/").map((n, r, i) => {
     const l = Array.from(n.matchAll(/{([^}]+)}/g)), c = [];
-    let i = 0;
-    return l.forEach((p) => {
-      const [g, w] = p;
-      if (!w) return;
-      const j = p.index;
-      j > i && c.push(
-        /* @__PURE__ */ e.jsx(I, { children: n.slice(i, j) }, `text-${i}-${j}`)
+    let d = 0;
+    return l.forEach((u) => {
+      const [g, C] = u;
+      if (!C) return;
+      const b = u.index;
+      b > d && c.push(
+        /* @__PURE__ */ e.jsx(k, { children: n.slice(d, b) }, `text-${d}-${b}`)
       ), c.push(
-        /* @__PURE__ */ e.jsx(I, { children: a({ name: w, originalValue: g, index: s++ }) }, `param-${w}`)
-      ), i = j + g.length;
-    }), i < n.length && c.push(
-      /* @__PURE__ */ e.jsx(I, { children: n.slice(i) }, `text-${i}-${n.length}`)
+        /* @__PURE__ */ e.jsx(k, { children: a({ name: C, originalValue: g, index: s++ }) }, `param-${C}`)
+      ), d = b + g.length;
+    }), d < n.length && c.push(
+      /* @__PURE__ */ e.jsx(k, { children: n.slice(d) }, `text-${d}-${n.length}`)
     ), // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ e.jsxs(I, { children: [
+    /* @__PURE__ */ e.jsxs(k, { children: [
       c,
-      o < d.length - 1 && "/",
+      r < i.length - 1 && "/",
       /* @__PURE__ */ e.jsx("wbr", {})
-    ] }, `${n}-${o}`);
+    ] }, `${n}-${r}`);
   });
-}, da = xe(
+}, pa = ve(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), V = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  Qe.Root,
+), z = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  Xe.Root,
   {
     ref: s,
-    className: u(da(), t),
+    className: m(pa(), t),
     ...a
   }
 ));
-V.displayName = Qe.Root.displayName;
-const ve = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  G.Root,
+z.displayName = Xe.Root.displayName;
+const we = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  M.Root,
   {
-    className: u("grid gap-2", t),
+    className: m("grid gap-2", t),
     ...a,
     ref: s
   }
 ));
-ve.displayName = G.Root.displayName;
-const Q = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  G.Item,
+we.displayName = M.Root.displayName;
+const Y = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  M.Item,
   {
     ref: s,
-    className: u(
+    className: m(
       "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e.jsx(G.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx(ft, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    children: /* @__PURE__ */ e.jsx(M.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx(bt, { className: "h-2.5 w-2.5 fill-current text-current" }) })
   }
 ));
-Q.displayName = G.Item.displayName;
-const Xe = f.forwardRef(
+Y.displayName = M.Item.displayName;
+const at = x.forwardRef(
   ({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     "textarea",
     {
-      className: u(
+      className: m(
         "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         t
       ),
@@ -398,52 +398,52 @@ const Xe = f.forwardRef(
     }
   )
 );
-Xe.displayName = "Textarea";
-const ne = (t) => Math.abs(
+at.displayName = "Textarea";
+const le = (t) => Math.abs(
   isNaN(parseInt(t)) ? t.toLowerCase().charCodeAt(0) - 96 : isNaN(parseInt(t)) ? 0 : parseInt(t)
-), re = (t) => t.length > 1 ? parseInt(t.split("").reduce((a, s) => `${ne(a) + ne(s)}`)) : ne(t), ze = (t, a = {}) => {
-  const s = (3 * re(t) + 2 * re(t) + re(t)) % 360, { saturation: n = 75, lightness: o = 60 } = a;
-  return `${s}deg ${n}% ${o}%`;
-}, oe = "data-linked-param", ca = (t) => {
-  const { resolvedTheme: a } = _t();
+), de = (t) => t.length > 1 ? parseInt(t.split("").reduce((a, s) => `${le(a) + le(s)}`)) : le(t), Ge = (t, a = {}) => {
+  const s = (3 * de(t) + 2 * de(t) + de(t)) % 360, { saturation: n = 75, lightness: r = 60 } = a;
+  return `${s}deg ${n}% ${r}%`;
+}, ce = "data-linked-param", ha = (t) => {
+  const { resolvedTheme: a } = Wt();
   return {
-    text: ze(
+    text: Ge(
       t,
       a === "light" ? { saturation: 95, lightness: 38 } : {}
     ),
-    background: ze(
+    background: Ge(
       t,
       a === "light" ? { saturation: 85, lightness: 40 } : {}
     )
   };
-}, Ye = ({
+}, st = ({
   name: t,
   className: a,
   slug: s,
   title: n,
-  children: o,
-  onClick: d
+  children: r,
+  onClick: i
 }) => {
-  const l = q(null), c = s == null ? void 0 : s.replace(/[{}]/g, ""), i = t.replace(/[{}]/g, ""), { text: p, background: g } = ca(i), w = `hsl(${p} / 100%)`, j = `hsl(${g} / 10%)`, m = `hsl(${g} / 50%)`;
-  return ue(() => {
+  const l = q(null), c = s == null ? void 0 : s.replace(/[{}]/g, ""), d = t.replace(/[{}]/g, ""), { text: u, background: g } = ha(d), C = `hsl(${u} / 100%)`, b = `hsl(${g} / 10%)`, p = `hsl(${g} / 50%)`;
+  return fe(() => {
     if (!c || !l.current) return;
-    const h = () => {
-      document.querySelectorAll(`[${oe}="${c}"]`).forEach((v) => {
-        v instanceof HTMLElement && (v.dataset.active = "true");
+    const f = () => {
+      document.querySelectorAll(`[${ce}="${c}"]`).forEach((y) => {
+        y instanceof HTMLElement && (y.dataset.active = "true");
       });
-    }, x = () => {
-      document.querySelectorAll(`[${oe}="${c}"]`).forEach((v) => {
-        v instanceof HTMLElement && (v.dataset.active = "false");
+    }, h = () => {
+      document.querySelectorAll(`[${ce}="${c}"]`).forEach((y) => {
+        y instanceof HTMLElement && (y.dataset.active = "false");
       });
-    }, y = l.current;
-    return y.addEventListener("mouseenter", h), y.addEventListener("mouseleave", x), () => {
-      y.removeEventListener("mouseenter", h), y.removeEventListener("mouseleave", x);
+    }, v = l.current;
+    return v.addEventListener("mouseenter", f), v.addEventListener("mouseleave", h), () => {
+      v.removeEventListener("mouseenter", f), v.removeEventListener("mouseleave", h);
     };
   }, [c]), /* @__PURE__ */ e.jsx(
     "span",
     {
-      [oe]: c,
-      className: u(
+      [ce]: c,
+      className: m(
         // 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]",
@@ -453,32 +453,32 @@ const ne = (t) => Math.abs(
       title: n,
       suppressHydrationWarning: !0,
       ref: l,
-      onClick: d,
+      onClick: i,
       style: {
-        "--param-color": w,
-        "--border-color": m,
-        "--background-color": j
+        "--param-color": C,
+        "--border-color": p,
+        "--background-color": b
       },
-      children: o ?? t
+      children: r ?? t
     }
   );
-}, ma = (t, a, s) => {
-  const n = a.replace(/(:\w+|\{\w+})/g, (d) => {
-    var i;
-    const l = d.replace(/[:{}]/g, "");
-    return ((i = s.pathParams.find((p) => p.name === l)) == null ? void 0 : i.value) ?? d;
-  }), o = new URL(
+}, xa = (t, a, s) => {
+  const n = a.replace(/(:\w+|\{\w+})/g, (i) => {
+    var d;
+    const l = i.replace(/[:{}]/g, "");
+    return ((d = s.pathParams.find((u) => u.name === l)) == null ? void 0 : d.value) ?? i;
+  }), r = 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 = b.Root, tt = b.Trigger, ua = b.Group, pa = f.forwardRef(({ className: t, inset: a, children: s, ...n }, o) => /* @__PURE__ */ e.jsxs(
-  b.SubTrigger,
+  return s.queryParams.filter((i) => i.active).forEach((i) => {
+    r.searchParams.set(i.name, i.value);
+  }), r;
+}, nt = j.Root, rt = j.Trigger, fa = j.Group, ga = x.forwardRef(({ className: t, inset: a, children: s, ...n }, r) => /* @__PURE__ */ e.jsxs(
+  j.SubTrigger,
   {
-    ref: o,
-    className: u(
+    ref: r,
+    className: m(
       "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",
       t
@@ -486,29 +486,29 @@ const ne = (t) => Math.abs(
     ...n,
     children: [
       s,
-      /* @__PURE__ */ e.jsx(z, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ e.jsx(B, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
-pa.displayName = b.SubTrigger.displayName;
-const ha = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  b.SubContent,
+ga.displayName = j.SubTrigger.displayName;
+const ya = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  j.SubContent,
   {
     ref: s,
-    className: u(
+    className: m(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       t
     ),
     ...a
   }
 ));
-ha.displayName = b.SubContent.displayName;
-const je = f.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(b.Portal, { children: /* @__PURE__ */ e.jsx(
-  b.Content,
+ya.displayName = j.SubContent.displayName;
+const Ce = x.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(j.Portal, { children: /* @__PURE__ */ e.jsx(
+  j.Content,
   {
     ref: n,
     sideOffset: a,
-    className: u(
+    className: m(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       t
@@ -516,12 +516,12 @@ const je = f.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__
     ...s
   }
 ) }));
-je.displayName = b.Content.displayName;
-const be = f.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
-  b.Item,
+Ce.displayName = j.Content.displayName;
+const Te = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  j.Item,
   {
     ref: n,
-    className: u(
+    className: m(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       a && "pl-8",
       t
@@ -529,45 +529,45 @@ const be = f.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
     ...s
   }
 ));
-be.displayName = b.Item.displayName;
-const xa = f.forwardRef(({ className: t, children: a, checked: s, ...n }, o) => /* @__PURE__ */ e.jsxs(
-  b.CheckboxItem,
+Te.displayName = j.Item.displayName;
+const va = x.forwardRef(({ className: t, children: a, checked: s, ...n }, r) => /* @__PURE__ */ e.jsxs(
+  j.CheckboxItem,
   {
-    ref: o,
-    className: u(
+    ref: r,
+    className: m(
       "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
     ),
     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(b.ItemIndicator, { children: /* @__PURE__ */ e.jsx(gt, { 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(j.ItemIndicator, { children: /* @__PURE__ */ e.jsx(Nt, { className: "h-4 w-4" }) }) }),
       a
     ]
   }
 ));
-xa.displayName = b.CheckboxItem.displayName;
-const fa = f.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
-  b.RadioItem,
+va.displayName = j.CheckboxItem.displayName;
+const ja = x.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
+  j.RadioItem,
   {
     ref: n,
-    className: u(
+    className: m(
       "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
     ),
     ...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(b.ItemIndicator, { children: /* @__PURE__ */ e.jsx(yt, { 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(j.ItemIndicator, { children: /* @__PURE__ */ e.jsx(wt, { className: "h-4 w-4 fill-current" }) }) }),
       a
     ]
   }
 ));
-fa.displayName = b.RadioItem.displayName;
-const at = f.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
-  b.Label,
+ja.displayName = j.RadioItem.displayName;
+const ot = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  j.Label,
   {
     ref: n,
-    className: u(
+    className: m(
       "px-2 py-1.5 text-sm font-semibold",
       a && "pl-8",
       t
@@ -575,88 +575,88 @@ const at = f.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
     ...s
   }
 ));
-at.displayName = b.Label.displayName;
-const st = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  b.Separator,
+ot.displayName = j.Label.displayName;
+const it = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  j.Separator,
   {
     ref: s,
-    className: u("-mx-1 my-1 h-px bg-muted", t),
+    className: m("-mx-1 my-1 h-px bg-muted", t),
     ...a
   }
 ));
-st.displayName = b.Separator.displayName;
-const ga = ({
+it.displayName = j.Separator.displayName;
+const ba = ({
   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(U, { variant: "outline", children: "Use Example" }) }),
-  /* @__PURE__ */ e.jsx(je, { 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(nt, { children: [
+  /* @__PURE__ */ e.jsx(rt, { asChild: !0, children: /* @__PURE__ */ e.jsx(Z, { variant: "outline", children: "Use Example" }) }),
+  /* @__PURE__ */ e.jsx(Ce, { 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(ua, { children: (n = s.examples) == null ? void 0 : n.map((o) => /* @__PURE__ */ e.jsx(
-        be,
+      /* @__PURE__ */ e.jsx(ot, { children: s.mediaType }),
+      /* @__PURE__ */ e.jsx(it, {}),
+      /* @__PURE__ */ e.jsx(fa, { children: (n = s.examples) == null ? void 0 : n.map((r) => /* @__PURE__ */ e.jsx(
+        Te,
         {
-          onSelect: () => a(o),
+          onSelect: () => a(r),
           className: "line-clamp-1",
-          children: o.summary ?? o.name
+          children: r.summary ?? r.name
         },
-        o.name
+        r.name
       )) })
     ] }, s.mediaType);
   }) })
-] }) }), X = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+] }) }), se = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
-    className: u(
+    className: m(
       "rounded-xl border bg-card text-card-foreground shadow-sm",
       t
     ),
     ...a
   }
 ));
-X.displayName = "Card";
-const ya = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+se.displayName = "Card";
+const Na = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
-    className: u("flex flex-col space-y-1.5 p-6", t),
+    className: m("flex flex-col space-y-1.5 p-6", t),
     ...a
   }
 ));
-ya.displayName = "CardHeader";
-const va = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+Na.displayName = "CardHeader";
+const wa = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h3",
   {
     ref: s,
-    className: u("font-semibold leading-none tracking-tight", t),
+    className: m("font-semibold leading-none tracking-tight", t),
     ...a
   }
 ));
-va.displayName = "CardTitle";
-const ja = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+wa.displayName = "CardTitle";
+const Ca = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "p",
   {
     ref: s,
-    className: u("text-sm text-muted-foreground", t),
+    className: m("text-sm text-muted-foreground", t),
     ...a
   }
 ));
-ja.displayName = "CardDescription";
-const ba = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: u("p-6 pt-0", t), ...a }));
-ba.displayName = "CardContent";
-const Na = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+Ca.displayName = "CardDescription";
+const Ta = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: m("p-6 pt-0", t), ...a }));
+Ta.displayName = "CardContent";
+const $a = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
-    className: u("flex items-center p-6 pt-0", t),
+    className: m("flex items-center p-6 pt-0", t),
     ...a
   }
 ));
-Na.displayName = "CardFooter";
-const wa = xe(
+$a.displayName = "CardFooter";
+const Sa = ve(
   "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: {
@@ -669,43 +669,43 @@ const wa = xe(
       variant: "default"
     }
   }
-), Ne = f.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
-  ie.Root,
+), $e = x.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  me.Root,
   {
     ref: n,
-    className: u(wa({ variant: a, className: t })),
+    className: m(Sa({ variant: a, className: t })),
     ...s,
     children: /* @__PURE__ */ e.jsx(
-      ie.Indicator,
+      me.Indicator,
       {
-        className: u("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ e.jsx(vt, { className: "h-4 w-4" })
+        className: m("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ e.jsx(Ct, { className: "h-4 w-4" })
       }
     )
   }
 ));
-Ne.displayName = ie.Root.displayName;
-const nt = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+$e.displayName = me.Root.displayName;
+const lt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   $,
   {
     ref: s,
-    className: u(
+    className: m(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       t
     ),
     ...a
   }
 ));
-nt.displayName = $.displayName;
-const Ca = f.forwardRef(({ className: t, ...a }, s) => (
+lt.displayName = $.displayName;
+const Pa = x.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(jt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ e.jsx(Tt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
     /* @__PURE__ */ e.jsx(
       $.Input,
       {
         ref: s,
-        className: u(
+        className: m(
           "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
           t
         ),
@@ -714,14 +714,14 @@ const Ca = f.forwardRef(({ className: t, ...a }, s) => (
     )
   ] })
 ));
-Ca.displayName = $.Input.displayName;
-const rt = f.forwardRef(({ className: t, ...a }, s) => (
+Pa.displayName = $.Input.displayName;
+const dt = x.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(
     $.Input,
     {
       ref: s,
-      className: u(
+      className: m(
         "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
         "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
         t
@@ -730,17 +730,17 @@ const rt = f.forwardRef(({ className: t, ...a }, s) => (
     }
   ) })
 ));
-rt.displayName = $.Input.displayName;
-const ot = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+dt.displayName = $.Input.displayName;
+const ct = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   $.List,
   {
     ref: s,
-    className: u("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
+    className: m("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
     ...a
   }
 ));
-ot.displayName = $.List.displayName;
-const Ta = f.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
+ct.displayName = $.List.displayName;
+const Ra = x.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
   $.Empty,
   {
     ref: a,
@@ -748,134 +748,134 @@ const Ta = f.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
     ...t
   }
 ));
-Ta.displayName = $.Empty.displayName;
-const $a = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+Ra.displayName = $.Empty.displayName;
+const ka = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   $.Group,
   {
     ref: s,
-    className: u(
+    className: m(
       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       t
     ),
     ...a
   }
 ));
-$a.displayName = $.Group.displayName;
-const Sa = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+ka.displayName = $.Group.displayName;
+const Ia = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   $.Separator,
   {
     ref: s,
-    className: u("-mx-1 h-px bg-border", t),
+    className: m("-mx-1 h-px bg-border", t),
     ...a
   }
 ));
-Sa.displayName = $.Separator.displayName;
-const lt = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+Ia.displayName = $.Separator.displayName;
+const mt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   $.Item,
   {
     ref: s,
-    className: u(
+    className: m(
       "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       t
     ),
     ...a
   }
 ));
-lt.displayName = $.Item.displayName;
-const Pa = J.Root, it = f.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, o) => /* @__PURE__ */ e.jsx(J.Portal, { children: /* @__PURE__ */ e.jsx(
-  J.Content,
+mt.displayName = $.Item.displayName;
+const Oa = X.Root, ut = x.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, r) => /* @__PURE__ */ e.jsx(X.Portal, { children: /* @__PURE__ */ e.jsx(
+  X.Content,
   {
-    ref: o,
+    ref: r,
     align: a,
     sideOffset: s,
-    className: u(
+    className: m(
       "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       t
     ),
     ...n
   }
 ) }));
-it.displayName = J.Content.displayName;
-const ka = ({
+ut.displayName = X.Content.displayName;
+const Ea = ({
   value: t,
   options: a,
   onChange: s,
   className: n,
-  placeholder: o = "Enter value",
-  onEnterPress: d,
+  placeholder: r = "Enter value",
+  onEnterPress: i,
   ref: l
 }) => {
-  const [c, i] = H(!1), [p, g] = H(!1), w = qt((m) => m.filtered.count), j = q(null);
-  return /* @__PURE__ */ e.jsxs(Pa, { open: c, children: [
-    /* @__PURE__ */ e.jsx(Wt, { children: /* @__PURE__ */ e.jsx(
-      rt,
+  const [c, d] = U(!1), [u, g] = U(!1), C = Ft((p) => p.filtered.count), b = q(null);
+  return /* @__PURE__ */ e.jsxs(Oa, { open: c, children: [
+    /* @__PURE__ */ e.jsx(Yt, { children: /* @__PURE__ */ e.jsx(
+      dt,
       {
-        ref: (m) => {
-          j.current = m, typeof l == "function" ? l(m) : l && (l.current = m);
+        ref: (p) => {
+          b.current = p, typeof l == "function" ? l(p) : l && (l.current = p);
         },
         value: t,
-        placeholder: o,
-        className: u("h-9 bg-transparent", n),
-        onFocus: () => i(!0),
+        placeholder: r,
+        className: m("h-9 bg-transparent", n),
+        onFocus: () => d(!0),
         onBlur: () => {
-          p || i(!1);
+          u || d(!1);
         },
-        onKeyDown: (m) => {
-          var h;
-          m.key === "Enter" && (i(!1), (h = j.current) == null || h.blur(), d == null || d(m));
+        onKeyDown: (p) => {
+          var f;
+          p.key === "Enter" && (d(!1), (f = b.current) == null || f.blur(), i == null || i(p));
         },
-        onValueChange: (m) => s(m)
+        onValueChange: (p) => s(p)
       }
     ) }),
     /* @__PURE__ */ e.jsx(
-      it,
+      ut,
       {
         onMouseEnter: () => g(!0),
         onMouseLeave: () => g(!1),
-        onOpenAutoFocus: (m) => m.preventDefault(),
-        className: u("p-0 w-[--radix-popover-trigger-width]", {
-          "border-0": w === 0
+        onOpenAutoFocus: (p) => p.preventDefault(),
+        className: m("p-0 w-[--radix-popover-trigger-width]", {
+          "border-0": C === 0
         }),
         align: "start",
         side: "bottom",
-        onWheel: (m) => {
-          m.stopPropagation();
+        onWheel: (p) => {
+          p.stopPropagation();
         },
-        onTouchMove: (m) => {
-          m.stopPropagation();
+        onTouchMove: (p) => {
+          p.stopPropagation();
         },
-        children: /* @__PURE__ */ e.jsx(ot, { className: "max-h-[140px]", children: a.map((m) => /* @__PURE__ */ e.jsx(
-          lt,
+        children: /* @__PURE__ */ e.jsx(ct, { className: "max-h-[140px]", children: a.map((p) => /* @__PURE__ */ e.jsx(
+          mt,
           {
-            value: m,
-            onSelect: (h) => {
-              s(h), i(!1);
+            value: p,
+            onSelect: (f) => {
+              s(f), d(!1);
             },
             className: "cursor-pointer",
-            children: m
+            children: p
           },
-          m
+          p
         )) })
       }
     )
   ] });
-}, W = ({ shouldFilter: t, ...a }) => /* @__PURE__ */ e.jsx(nt, { className: "bg-transparent", shouldFilter: t, children: /* @__PURE__ */ e.jsx(ka, { ...a }) }), we = (t, a) => {
-  const s = f.forwardRef(({ className: n, asChild: o, ...d }, l) => {
-    const c = o ? Zt : t;
-    return f.createElement(c, {
-      ...d,
+}, ee = ({ shouldFilter: t, ...a }) => /* @__PURE__ */ e.jsx(lt, { className: "bg-transparent", shouldFilter: t, children: /* @__PURE__ */ e.jsx(Ea, { ...a }) }), Se = (t, a) => {
+  const s = x.forwardRef(({ className: n, asChild: r, ...i }, l) => {
+    const c = r ? ea : t;
+    return x.createElement(c, {
+      ...i,
       ref: l,
-      className: typeof a == "function" ? a({ className: n }) : u(a, n)
+      className: typeof a == "function" ? a({ className: n }) : m(a, n)
     });
   });
   return s.displayName = `VariantComponent(${t})`, s;
-}, Ce = we(
+}, Pe = Se(
   "div",
   "grid grid-cols-[2fr_3fr] gap-2 items-center"
-), Te = we(
+), Re = Se(
   "div",
   "group hover:bg-accent px-3 grid col-span-full grid-cols-subgrid"
-), Ra = Object.freeze([
+), Aa = Object.freeze([
   "Accept",
   "Accept-Encoding",
   "Accept-Language",
@@ -902,71 +902,71 @@ const ka = ({
   "Set-Cookie",
   "User-Agent",
   "X-Requested-With"
-]), Ia = ({
+]), qa = ({
   control: t,
   headers: a
 }) => {
-  const { fields: s, append: n, remove: o } = pe({
+  const { fields: s, append: n, remove: r } = ge({
     control: t,
     name: "headers"
-  }), { setValue: d, watch: l } = he(), c = q([]), i = q([]), p = l("headers"), g = Et(() => {
+  }), { setValue: i, watch: l } = ye(), c = q([]), d = q([]), u = l("headers"), g = Lt(() => {
     n({ name: "", value: "", active: !1 });
   }, [n]);
-  ue(() => {
-    p.length === 0 && g();
-  }, [p, g]);
-  const w = (h) => {
-    var x;
-    (x = c.current[h]) == null || x.focus();
-  }, j = (h) => {
+  fe(() => {
+    u.length === 0 && g();
+  }, [u, g]);
+  const C = (f) => {
+    var h;
+    (h = c.current[f]) == null || h.focus();
+  }, b = (f) => {
     g(), requestAnimationFrame(() => {
-      var x;
-      return (x = i.current[h + 1]) == null ? void 0 : x.focus();
+      var h;
+      return (h = d.current[f + 1]) == null ? void 0 : h.focus();
     });
-  }, m = a.filter((h) => !p.some((x) => x.name === h.name)).map(({ name: h }) => h);
+  }, p = a.filter((f) => !u.some((h) => h.name === f.name)).map(({ name: f }) => f);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ e.jsx(X, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Ce, { children: s.map((h, x) => {
-      const y = a.find(
-        (v) => v.name === l(`headers.${x}.name`)
+    /* @__PURE__ */ e.jsx(se, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Pe, { children: s.map((f, h) => {
+      const v = a.find(
+        (y) => y.name === l(`headers.${h}.name`)
       );
-      return /* @__PURE__ */ e.jsxs(Te, { children: [
+      return /* @__PURE__ */ e.jsxs(Re, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 ", children: [
           /* @__PURE__ */ e.jsx(
-            O,
+            I,
             {
               control: t,
-              name: `headers.${x}.active`,
-              render: ({ field: v }) => /* @__PURE__ */ e.jsx(
-                Ne,
+              name: `headers.${h}.active`,
+              render: ({ field: y }) => /* @__PURE__ */ e.jsx(
+                $e,
                 {
                   variant: "outline",
-                  id: `headers.${x}.active`,
-                  checked: v.value,
+                  id: `headers.${h}.active`,
+                  checked: y.value,
                   onCheckedChange: (N) => {
-                    v.onChange(N);
+                    y.onChange(N);
                   }
                 }
               )
             }
           ),
           /* @__PURE__ */ e.jsx(
-            O,
+            I,
             {
               control: t,
-              name: `headers.${x}.name`,
-              render: ({ field: v }) => /* @__PURE__ */ e.jsx(
-                W,
+              name: `headers.${h}.name`,
+              render: ({ field: y }) => /* @__PURE__ */ e.jsx(
+                ee,
                 {
-                  ...v,
+                  ...y,
                   placeholder: "Name",
                   className: "border-0 shadow-none bg-transparent text-xs font-mono",
-                  options: [...m, ...Ra],
-                  onEnterPress: () => w(x),
+                  options: [...p, ...Aa],
+                  onEnterPress: () => C(h),
                   onChange: (N) => {
-                    v.onChange(N), d(`headers.${x}.active`, !0);
+                    y.onChange(N), i(`headers.${h}.active`, !0);
                   },
                   ref: (N) => {
-                    i.current[x] = N;
+                    d.current[h] = N;
                   }
                 }
               )
@@ -975,32 +975,32 @@ const ka = ({
         ] }),
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e.jsx(
-            O,
+            I,
             {
               control: t,
-              name: `headers.${x}.value`,
-              render: ({ field: v }) => (y == null ? void 0 : y.enum) && y.enum.length > 0 ? /* @__PURE__ */ e.jsx(
-                W,
+              name: `headers.${h}.value`,
+              render: ({ field: y }) => (v == null ? void 0 : v.enum) && v.enum.length > 0 ? /* @__PURE__ */ e.jsx(
+                ee,
                 {
                   shouldFilter: !1,
-                  value: v.value,
-                  options: y.enum ?? [],
-                  onChange: (C) => {
-                    v.onChange(C), d(`headers.${x}.active`, !0);
+                  value: y.value,
+                  options: v.enum ?? [],
+                  onChange: (w) => {
+                    y.onChange(w), i(`headers.${h}.active`, !0);
                   },
                   className: "font-mono text-xs border-0"
                 }
               ) : /* @__PURE__ */ e.jsx(
-                ge,
+                be,
                 {
                   placeholder: "Value",
                   className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
-                  ...v,
-                  ref: (C) => {
-                    c.current[x] = C;
+                  ...y,
+                  ref: (w) => {
+                    c.current[h] = w;
                   },
-                  onKeyDown: (C) => {
-                    C.key === "Enter" && C.currentTarget.value.trim() && j(x);
+                  onKeyDown: (w) => {
+                    w.key === "Enter" && w.currentTarget.value.trim() && b(h);
                   },
                   autoComplete: "off"
                 }
@@ -1008,21 +1008,21 @@ const ka = ({
             }
           ),
           /* @__PURE__ */ e.jsx(
-            _,
+            K,
             {
               size: "icon",
               variant: "ghost",
               className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
-              onClick: () => o(x),
+              onClick: () => r(h),
               type: "button",
-              children: /* @__PURE__ */ e.jsx(bt, { size: 16 })
+              children: /* @__PURE__ */ e.jsx($t, { size: 16 })
             }
           )
         ] })
-      ] }, h.id);
+      ] }, f.id);
     }) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "text-end", children: /* @__PURE__ */ e.jsx(
-      _,
+      K,
       {
         className: "",
         onClick: g,
@@ -1032,21 +1032,21 @@ const ka = ({
       }
     ) })
   ] });
-}, Oa = ({
+}, Da = ({
   control: t
 }) => {
-  const { fields: a } = pe({
+  const { fields: a } = ge({
     control: t,
     name: "pathParams"
   });
-  return /* @__PURE__ */ e.jsx(X, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx(Ce, { children: a.map((s, n) => /* @__PURE__ */ e.jsxs(Te, { children: [
+  return /* @__PURE__ */ e.jsx(se, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx(Pe, { children: a.map((s, n) => /* @__PURE__ */ e.jsxs(Re, { children: [
     /* @__PURE__ */ e.jsx(
-      O,
+      I,
       {
         control: t,
         name: `pathParams.${n}.name`,
         render: () => /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsx(
-          Ye,
+          st,
           {
             slug: s.name,
             name: s.name,
@@ -1056,14 +1056,14 @@ const ka = ({
       }
     ),
     /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ e.jsx(
-      O,
+      I,
       {
         control: t,
         name: `pathParams.${n}.value`,
-        render: ({ field: o }) => /* @__PURE__ */ e.jsx(
-          ge,
+        render: ({ field: r }) => /* @__PURE__ */ e.jsx(
+          be,
           {
-            ...o,
+            ...r,
             required: !0,
             placeholder: "Enter value",
             className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0"
@@ -1072,62 +1072,62 @@ const ka = ({
       }
     ) })
   ] }, s.id)) }) });
-}, Ea = we(
+}, La = Se(
   "input",
   "px-2 bg-transparent h-6 font-mono text-xs m-2"
-), Aa = ({
+), Va = ({
   control: t,
   queryParams: a
 }) => {
-  const { fields: s } = pe({
+  const { fields: s } = ge({
     control: t,
     name: "queryParams"
-  }), n = he(), o = a.map((d) => !!d.isRequired);
-  return /* @__PURE__ */ e.jsx(X, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("div", { className: "w-full ", children: /* @__PURE__ */ e.jsx(Ce, { children: s.map((d, l) => {
+  }), n = ye(), r = a.map((i) => !!i.isRequired);
+  return /* @__PURE__ */ e.jsx(se, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("div", { className: "w-full ", children: /* @__PURE__ */ e.jsx(Pe, { children: s.map((i, l) => {
     const c = a.find(
-      (i) => i.name === n.watch(`queryParams.${l}.name`)
+      (d) => d.name === n.watch(`queryParams.${l}.name`)
     );
-    return /* @__PURE__ */ e.jsxs(Te, { children: [
+    return /* @__PURE__ */ e.jsxs(Re, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(
-          O,
+          I,
           {
             control: t,
             name: `queryParams.${l}.active`,
-            render: ({ field: i }) => /* @__PURE__ */ e.jsx(
-              Ne,
+            render: ({ field: d }) => /* @__PURE__ */ e.jsx(
+              $e,
               {
                 variant: "outline",
                 id: `queryParams.${l}.active`,
                 className: "mr-2",
-                checked: i.value,
-                onCheckedChange: i.onChange
+                checked: d.value,
+                onCheckedChange: d.onChange
               }
             )
           }
         ),
         /* @__PURE__ */ e.jsx(
-          O,
+          I,
           {
             control: t,
-            render: ({ field: i }) => o[l] ? /* @__PURE__ */ e.jsx(Ea, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+            render: ({ field: d }) => r[l] ? /* @__PURE__ */ e.jsx(La, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
               "label",
               {
                 className: "flex items-center cursor-pointer gap-1",
                 htmlFor: `queryParams.${l}.active`,
-                title: o[l] ? "Required field" : void 0,
+                title: r[l] ? "Required field" : void 0,
                 children: [
-                  i.value,
-                  o[l] && /* @__PURE__ */ e.jsx("sup", { children: " *" })
+                  d.value,
+                  r[l] && /* @__PURE__ */ e.jsx("sup", { children: " *" })
                 ]
               }
             ) }) : /* @__PURE__ */ e.jsx(
-              W,
+              ee,
               {
-                value: i.value,
-                options: a.map((p) => p.name),
-                onChange: (p) => {
-                  i.onChange(p);
+                value: d.value,
+                options: a.map((u) => u.name),
+                onChange: (u) => {
+                  d.onChange(u);
                 },
                 className: "border-0 font-mono text-xs bg-transparent hover:bg-transparent"
               }
@@ -1135,27 +1135,27 @@ const ka = ({
             name: `queryParams.${l}.name`
           }
         )
-      ] }, d.id),
+      ] }, i.id),
       /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ e.jsx(
-        O,
+        I,
         {
           control: t,
-          render: ({ field: i }) => (c == null ? void 0 : c.enum) && c.enum.length > 0 ? /* @__PURE__ */ e.jsx(
-            W,
+          render: ({ field: d }) => (c == null ? void 0 : c.enum) && c.enum.length > 0 ? /* @__PURE__ */ e.jsx(
+            ee,
             {
-              value: i.value,
+              value: d.value,
               options: c.enum ?? [],
               onChange: (g) => {
-                i.onChange(g), n.setValue(`queryParams.${l}.active`, !0);
+                d.onChange(g), n.setValue(`queryParams.${l}.active`, !0);
               },
               className: "font-mono text-xs border-0 ring-1 ring-ring"
             }
           ) : /* @__PURE__ */ e.jsx(
-            ge,
+            be,
             {
-              ...i,
+              ...d,
               onChange: (g) => {
-                i.onChange(g.target.value), g.target.value.length > 0 && n.setValue(`queryParams.${l}.active`, !0);
+                d.onChange(g.target.value), g.target.value.length > 0 && n.setValue(`queryParams.${l}.active`, !0);
               },
               placeholder: "Enter value",
               className: "w-full border-0 shadow-none focus-visible:ring-0 text-xs font-mono"
@@ -1164,7 +1164,7 @@ const ka = ({
           name: `queryParams.${l}.value`
         }
       ) })
-    ] }, d.id);
+    ] }, i.id);
   }) }) }) });
 }, P = {
   green: "text-green-600",
@@ -1174,7 +1174,7 @@ const ka = ({
   purple: "text-purple-600",
   indigo: "text-indigo-600",
   gray: "text-gray-600"
-}, qa = {
+}, Fa = {
   get: P.green,
   post: P.blue,
   put: P.yellow,
@@ -1183,39 +1183,39 @@ const ka = ({
   options: P.indigo,
   head: P.gray,
   trace: P.gray
-}, Da = (t) => qa[t.toLocaleLowerCase()] ?? P.gray, La = ({
+}, za = (t) => Fa[t.toLocaleLowerCase()] ?? P.gray, Ha = ({
   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(Da(t), "font-semibold"), children: t }),
+    /* @__PURE__ */ e.jsx("span", { className: m(za(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(Le, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(Ve, { 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.jsxs(Fe, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(ze, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ e.jsx(B, { 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(Fe, { 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(I, { children: [
-        /* @__PURE__ */ e.jsx("div", { className: "text-primary", children: o }),
-        /* @__PURE__ */ e.jsx("div", { className: "break-words", children: d })
-      ] }, o)) }) })
+      /* @__PURE__ */ e.jsx(He, { 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(([r, i]) => /* @__PURE__ */ e.jsxs(k, { children: [
+        /* @__PURE__ */ e.jsx("div", { className: "text-primary", children: r }),
+        /* @__PURE__ */ e.jsx("div", { className: "break-all", children: i })
+      ] }, r)) }) })
     ] }),
-    /* @__PURE__ */ e.jsxs(Le, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(Ve, { 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.jsxs(Fe, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(ze, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ e.jsx(B, { 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(Fe, { children: /* @__PURE__ */ e.jsx("div", { className: "pl-0 pt-2", children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(He, { children: /* @__PURE__ */ e.jsx("div", { className: "pl-0 pt-2", children: /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: u(
+          className: m(
             "whitespace-pre-wrap break-all bg-muted p-2 rounded-md",
             !n && "text-muted-foreground"
           ),
@@ -1224,29 +1224,29 @@ const ka = ({
       ) }) })
     ] })
   ] })
-] }), He = ye.Root, Ge = ye.CollapsibleTrigger, Be = ye.CollapsibleContent;
-function $e(t) {
+] }), Be = Ne.Root, Ue = Ne.CollapsibleTrigger, Me = Ne.CollapsibleContent;
+function ke(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[]" : `${$e(a)}[]`;
+    return a === void 0 ? "any[]" : `${ke(a)}[]`;
   }
-  return typeof t == "object" ? Va(t) : typeof t;
+  return typeof t == "object" ? Ga(t) : typeof t;
 }
-function Va(t, a = "") {
+function Ga(t, a = "") {
   const s = ["{"];
-  for (const [n, o] of Object.entries(t)) {
-    const d = $e(o);
-    s.push(`  ${n}: ${d};`);
+  for (const [n, r] of Object.entries(t)) {
+    const i = ke(r);
+    s.push(`  ${n}: ${i};`);
   }
   return s.push("}"), s.join(`
 `);
 }
-function Fa(t) {
-  return { lines: [`type GeneratedType = ${$e(t)};`] };
+function Ba(t) {
+  return { lines: [`type GeneratedType = ${ke(t)};`] };
 }
-const za = {
+const Ua = {
   200: "OK",
   201: "Created",
   202: "Accepted",
@@ -1257,7 +1257,7 @@ const za = {
   404: "Not Found",
   405: "Method Not Allowed",
   500: "Internal Server Error"
-}, Ha = (t) => {
+}, Ma = (t) => {
   var s;
   return (s = Object.entries({
     "application/json": "json",
@@ -1270,17 +1270,17 @@ const za = {
   }).find(
     ([n]) => t.includes(n)
   )) == null ? void 0 : s[1];
-}, Ga = (t) => {
+}, _a = (t) => {
   var s;
-  const a = ((s = t.find(([n, o]) => n === "Content-Type")) == null ? void 0 : s[1]) || "";
-  return Ha(a);
-}, Ba = (t) => {
+  const a = ((s = t.find(([n, r]) => n === "Content-Type")) == null ? void 0 : s[1]) || "";
+  return Ma(a);
+}, Ja = (t) => {
   try {
     return JSON.stringify(JSON.parse(t), null, 2);
   } catch {
     return null;
   }
-}, Ma = (t) => {
+}, Qa = (t) => {
   const a = [
     "Content-Type",
     "Content-Length",
@@ -1291,58 +1291,58 @@ const za = {
     "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 r = a.indexOf(s.toLowerCase()), i = a.indexOf(n.toLowerCase());
+    return r === i ? 0 : r === -1 ? 1 : i === -1 ? -1 : r - i;
   });
-}, Ua = ({
+}, Za = ({
   body: t = "",
   headers: a,
   status: s,
   time: n,
-  size: o,
-  url: d
+  size: r,
+  url: i
 }) => {
-  var m;
-  const l = Ga(a), c = Ba(t), i = c || t, [p, g] = H(
+  var p;
+  const l = _a(a), c = Ja(t), d = c || t, [u, g] = U(
     c ? "formatted" : "raw"
-  ), w = St({
-    queryKey: ["types", i],
-    queryFn: async () => Fa(JSON.parse(i)),
-    enabled: p === "types"
-  }), j = Ma([...a]);
+  ), C = It({
+    queryKey: ["types", d],
+    queryFn: async () => Ba(JSON.parse(d)),
+    enabled: u === "types"
+  }), b = Qa([...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(He, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(Ge, { 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.jsxs(Be, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(Ue, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ e.jsx(B, { 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: [
-        j.slice(0, 5).map(([h, x]) => /* @__PURE__ */ e.jsxs(I, { children: [
-          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: h }),
-          /* @__PURE__ */ e.jsx("div", { className: "break-all", children: x })
-        ] }, h)),
-        j.length > 5 && /* @__PURE__ */ e.jsxs(He, { className: "col-span-full grid-cols-subgrid grid", children: [
-          /* @__PURE__ */ e.jsxs(Ge, { 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]" }),
+      /* @__PURE__ */ e.jsx(Me, { 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: [
+        b.slice(0, 5).map(([f, h]) => /* @__PURE__ */ e.jsxs(k, { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: f }),
+          /* @__PURE__ */ e.jsx("div", { className: "break-all", children: h })
+        ] }, f)),
+        b.length > 5 && /* @__PURE__ */ e.jsxs(Be, { className: "col-span-full grid-cols-subgrid grid", children: [
+          /* @__PURE__ */ e.jsxs(Ue, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [
+            /* @__PURE__ */ e.jsx(B, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
             "Show ",
-            j.length - 5,
+            b.length - 5,
             " more headers"
           ] }),
-          /* @__PURE__ */ e.jsx(Be, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: j.slice(5).map(([h, x]) => /* @__PURE__ */ e.jsxs(I, { children: [
-            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: h }),
-            /* @__PURE__ */ e.jsx("div", { className: "break-all", children: x })
-          ] }, h)) })
+          /* @__PURE__ */ e.jsx(Me, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: b.slice(5).map(([f, h]) => /* @__PURE__ */ e.jsxs(k, { children: [
+            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: f }),
+            /* @__PURE__ */ e.jsx("div", { className: "break-all", children: h })
+          ] }, f)) })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsx(fe, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
-      Jt,
+    /* @__PURE__ */ e.jsx(je, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
+      Kt,
       {
-        language: p === "types" ? "typescript" : p === "raw" ? c ? "plain" : l : "json",
+        language: u === "types" ? "typescript" : u === "raw" ? c ? "plain" : l : "json",
         noBackground: !0,
         className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]",
-        code: (p === "raw" ? t : p === "types" ? (m = w.data) == null ? void 0 : m.lines.join(`
-`) : i) ?? ""
+        code: (u === "raw" ? t : u === "types" ? (p = C.data) == null ? void 0 : p.lines.join(`
+`) : d) ?? ""
       }
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 justify-between", children: [
@@ -1352,7 +1352,7 @@ const za = {
           " ",
           s,
           " ",
-          za[s] ?? ""
+          Ua[s] ?? ""
         ] }),
         /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Time" }),
@@ -1363,52 +1363,52 @@ const za = {
         /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Size" }),
           " ",
-          o,
+          r,
           "B"
         ] })
       ] }),
       c && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
-        Me,
+        Qe,
         {
-          value: p,
-          onValueChange: (h) => g(h),
+          value: u,
+          onValueChange: (f) => g(f),
           children: [
-            /* @__PURE__ */ e.jsx(Ue, { 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(Ze, { className: "min-w-32", children: /* @__PURE__ */ e.jsx(We, { placeholder: "View" }) }),
+            /* @__PURE__ */ e.jsxs(Ke, { children: [
+              /* @__PURE__ */ e.jsx(Q, { value: "formatted", children: "Formatted" }),
+              /* @__PURE__ */ e.jsx(Q, { value: "raw", children: "Raw" }),
+              /* @__PURE__ */ e.jsx(Q, { value: "types", children: "Types" })
             ] })
           ]
         }
       ) })
     ] })
   ] });
-}, _a = ({
+}, Wa = ({
   queryMutation: t,
   showPathParamsWarning: a
 }) => {
   var n;
   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(Kt, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
-    /* @__PURE__ */ e.jsxs(fe, { children: [
-      /* @__PURE__ */ e.jsx(Bt, { children: /* @__PURE__ */ e.jsx(Mt, { children: "Request failed" }) }),
-      /* @__PURE__ */ e.jsxs(Ut, { children: [
+    a && /* @__PURE__ */ e.jsx(ta, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
+    /* @__PURE__ */ e.jsxs(je, { children: [
+      /* @__PURE__ */ e.jsx(Jt, { children: /* @__PURE__ */ e.jsx(Qt, { children: "Request failed" }) }),
+      /* @__PURE__ */ e.jsxs(Zt, { children: [
         "Error:",
         " ",
         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: [
+  ] }) : t.data ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsxs(Ye, { defaultValue: "response", children: [
+    /* @__PURE__ */ e.jsxs(et, { children: [
       /* @__PURE__ */ e.jsx(E, { value: "request", children: "Request" }),
       /* @__PURE__ */ e.jsxs(E, { value: "response", children: [
         "Response",
         /* @__PURE__ */ e.jsxs(
           "span",
           {
-            className: u(
+            className: m(
               "text-xs font-mono ml-1",
               s === "2" && "text-green-500",
               s === "3" && "text-blue-500",
@@ -1424,9 +1424,9 @@ const za = {
         )
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx(A, { value: "request", children: /* @__PURE__ */ e.jsx(La, { ...t.data.request }) }),
+    /* @__PURE__ */ e.jsx(A, { value: "request", children: /* @__PURE__ */ e.jsx(Ha, { ...t.data.request }) }),
     /* @__PURE__ */ e.jsx(A, { value: "response", children: /* @__PURE__ */ e.jsx(
-      Ua,
+      Za,
       {
         status: t.data.status,
         time: t.data.time,
@@ -1436,16 +1436,16 @@ const za = {
         url: t.data.request.url
       }
     ) })
-  ] }) }) : /* @__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(Qt, {}) : "Send a request first to see the response here" }) }) });
-}, Ja = ({
+  ] }) }) : /* @__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(Xt, {}) : "Send a request first to see the response here" }) }) });
+}, Ka = ({
   identities: t,
   formRef: a,
   disabled: s
 }) => {
-  const { setValue: n } = he(), [o, d] = H();
-  return t.length === 0 ? /* @__PURE__ */ e.jsx(U, { disabled: s, children: "Send" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
+  const { setValue: n } = ye(), [r, i] = U();
+  return t.length === 0 ? /* @__PURE__ */ e.jsx(Z, { disabled: s, children: "Send" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
     /* @__PURE__ */ e.jsx(
-      U,
+      Z,
       {
         className: "rounded-r-none inset-shadow-sm",
         disabled: s,
@@ -1456,28 +1456,28 @@ const za = {
         children: "Send"
       }
     ),
-    /* @__PURE__ */ e.jsxs(et, { children: [
-      /* @__PURE__ */ e.jsx(tt, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-        U,
+    /* @__PURE__ */ e.jsxs(nt, { children: [
+      /* @__PURE__ */ e.jsx(rt, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+        Z,
         {
           disabled: s,
           className: "rounded-l-none border-l border-border/40 inset-shadow-sm w-6",
           size: "icon",
-          children: /* @__PURE__ */ e.jsx(Nt, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ e.jsx(St, { className: "w-4 h-4" })
         }
       ) }),
-      /* @__PURE__ */ e.jsx(ve, { value: o, children: /* @__PURE__ */ e.jsx(je, { className: "w-56", align: "end", alignOffset: -150, children: [{ id: F, label: "None" }, ...t].map(
+      /* @__PURE__ */ e.jsx(we, { value: r, children: /* @__PURE__ */ e.jsx(Ce, { className: "w-56", align: "end", alignOffset: -150, children: [{ id: H, label: "None" }, ...t].map(
         (l) => /* @__PURE__ */ e.jsxs(
-          be,
+          Te,
           {
             onClick: () => {
               var c;
-              d(l.id), n("identity", l.id), (c = a == null ? void 0 : a.current) == null || c.requestSubmit();
+              i(l.id), n("identity", l.id), (c = a == null ? void 0 : a.current) == null || c.requestSubmit();
             },
-            onMouseEnter: () => d(l.id),
-            onMouseLeave: () => d(void 0),
+            onMouseEnter: () => i(l.id),
+            onMouseLeave: () => i(void 0),
             children: [
-              /* @__PURE__ */ e.jsx(Q, { value: l.id, className: "mr-2" }),
+              /* @__PURE__ */ e.jsx(Y, { value: l.id, className: "mr-2" }),
               l.label
             ]
           },
@@ -1486,28 +1486,28 @@ const za = {
       ) }) })
     ] })
   ] });
-}, F = "__none", Qa = ({
+}, H = "__none", Xa = ({
   server: t,
   servers: a = [],
   url: s,
   method: n,
-  headers: o = [],
-  queryParams: d = [],
+  headers: r = [],
+  queryParams: i = [],
   pathParams: l = [],
   defaultBody: c = "",
-  examples: i
+  examples: d
 }) => {
-  var Ie, Oe, Ee;
-  const { selectedServer: p, setSelectedServer: g } = Pt(
-    a.map((r) => ({ url: r }))
-  ), [, w] = At(), { register: j, control: m, handleSubmit: h, watch: x, setValue: y, ...v } = Ht({
+  var Oe, Ee, Ae;
+  const { selectedServer: u, setSelectedServer: g } = Ot(
+    a.map((o) => ({ url: o }))
+  ), [, C] = Vt(), { register: b, control: p, handleSubmit: f, watch: h, setValue: v, ...y } = Mt({
     defaultValues: {
       body: c,
-      queryParams: d.map((r) => ({
-        name: r.name,
-        value: r.defaultValue ?? "",
-        active: r.defaultActive ?? !1,
-        enum: r.enum ?? []
+      queryParams: i.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? "",
+        active: o.defaultActive ?? !1,
+        enum: o.enum ?? []
       })).concat([
         {
           name: "",
@@ -1516,14 +1516,14 @@ const za = {
           enum: []
         }
       ]),
-      pathParams: l.map((r) => ({
-        name: r.name,
-        value: r.defaultValue ?? ""
+      pathParams: l.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? ""
       })),
-      headers: o.map((r) => ({
-        name: r.name,
-        value: r.defaultValue ?? "",
-        active: r.defaultActive ?? !1
+      headers: r.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? "",
+        active: o.defaultActive ?? !1
       })).concat([
         {
           name: "",
@@ -1531,48 +1531,48 @@ const za = {
           active: !1
         }
       ]),
-      identity: F
+      identity: H
     }
-  }), N = x(), C = kt(), Se = q(!1);
-  ue(() => {
-    var k;
-    if (Se.current) return;
-    const r = (k = C.data) == null ? void 0 : k.at(0);
-    r && (y("identity", r.id), Se.current = !0);
-  }, [y, C.data]);
-  const Pe = q(null), ke = zt({
-    mutationFn: async (r) => {
-      var B, L;
-      const k = performance.now(), S = new Request(
-        ma(p ?? t, s, r),
+  }), N = h(), w = Et(), L = q(!1);
+  fe(() => {
+    var R;
+    if (L.current) return;
+    const o = (R = w.data) == null ? void 0 : R.at(0);
+    o && (v("identity", o.id), L.current = !0);
+  }, [v, w.data]);
+  const V = q(null), _ = Ut({
+    mutationFn: async (o) => {
+      var J, F;
+      const R = performance.now(), S = new Request(
+        xa(t ?? u, s, o),
         {
           method: n.toUpperCase(),
           headers: Object.fromEntries(
-            r.headers.filter((T) => T.name && T.active).map((T) => [T.name, T.value])
+            o.headers.filter((T) => T.name && T.active).map((T) => [T.name, T.value])
           ),
-          body: r.body ? r.body : void 0
+          body: o.body ? o.body : void 0
         }
       );
-      r.identity !== F && ((L = (B = C.data) == null ? void 0 : B.find((T) => T.id === r.identity)) == null || L.authorizeRequest(S));
+      o.identity !== H && await ((F = (J = w.data) == null ? void 0 : J.find((T) => T.id === o.identity)) == null ? void 0 : F.authorizeRequest(S));
       try {
         const T = await fetch(S, {
           signal: AbortSignal.timeout(5e3)
-        }), mt = performance.now() - k, Ae = await T.text(), ut = new URL(S.url);
+        }), ft = performance.now() - R, qe = await T.text(), gt = new URL(S.url);
         return {
           status: T.status,
           headers: Array.from(T.headers.entries()),
-          size: Ae.length,
-          body: Ae,
-          time: mt,
+          size: qe.length,
+          body: qe,
+          time: ft,
           request: {
             method: S.method.toUpperCase(),
             url: S.url,
             headers: [
-              ["Host", ut.host],
+              ["Host", gt.host],
               ["User-Agent", "Zudoku Playground"],
               ...Array.from(S.headers.entries())
             ],
-            body: r.body ? r.body : void 0
+            body: o.body ? o.body : void 0
           }
         };
       } catch (T) {
@@ -1581,122 +1581,122 @@ const za = {
         ) : T;
       }
     }
-  }), dt = /* @__PURE__ */ e.jsx(
-    ia,
+  }), ht = /* @__PURE__ */ e.jsx(
+    ua,
     {
       path: s,
-      renderParam: ({ name: r, originalValue: k, index: S }) => {
-        var L;
-        const B = (L = N.pathParams.find(
-          (T) => T.name === r
-        )) == null ? void 0 : L.value;
+      renderParam: ({ name: o, originalValue: R, index: S }) => {
+        var F;
+        const J = (F = N.pathParams.find(
+          (T) => T.name === o
+        )) == null ? void 0 : F.value;
         return /* @__PURE__ */ e.jsx(
-          Ye,
+          st,
           {
-            name: r,
+            name: o,
             backgroundOpacity: "0",
-            slug: r,
-            onClick: () => v.setFocus(`pathParams.${S}.value`),
-            children: B || k
+            slug: o,
+            onClick: () => y.setFocus(`pathParams.${S}.value`),
+            children: J || R
           }
         );
       }
     }
-  ), Re = N.queryParams.filter((r) => r.active).map((r, k, S) => /* @__PURE__ */ e.jsxs(I, { children: [
-    r.name,
+  ), Ie = N.queryParams.filter((o) => o.active).map((o, R, S) => /* @__PURE__ */ e.jsxs(k, { children: [
+    o.name,
     "=",
-    encodeURIComponent(r.value).replaceAll("%20", "+"),
-    k < S.length - 1 && "&",
+    encodeURIComponent(o.value).replaceAll("%20", "+"),
+    R < S.length - 1 && "&",
     /* @__PURE__ */ e.jsx("wbr", {})
-  ] }, r.name)), ct = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: a && a.length > 1 ? /* @__PURE__ */ e.jsxs(
-    Me,
+  ] }, o.name)), xt = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: t ? /* @__PURE__ */ e.jsx("span", { children: t.replace(/^https?:\/\//, "") }) : a.length > 1 && /* @__PURE__ */ e.jsxs(
+    Qe,
     {
-      onValueChange: (r) => {
-        w(() => g(r));
+      onValueChange: (o) => {
+        C(() => g(o));
       },
-      value: p,
-      defaultValue: p,
+      value: u,
+      defaultValue: u,
       children: [
-        /* @__PURE__ */ e.jsx(Ue, { 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(Ze, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(We, {}) }),
+        /* @__PURE__ */ e.jsx(Ke, { children: a.map((o) => /* @__PURE__ */ e.jsx(Q, { value: o, children: o.replace(/^https?:\/\//, "") }, o)) })
       ]
     }
-  ) : /* @__PURE__ */ e.jsx("span", { children: t.replace(/^https?:\/\//, "") }) });
+  ) });
   return /* @__PURE__ */ e.jsx(
-    Gt,
+    _t,
     {
-      register: j,
-      control: m,
-      handleSubmit: h,
-      watch: x,
-      setValue: y,
-      ...v,
+      register: b,
+      control: p,
+      handleSubmit: f,
+      watch: h,
+      setValue: v,
+      ...y,
       children: /* @__PURE__ */ e.jsx(
         "form",
         {
-          onSubmit: h((r) => ke.mutateAsync(r)),
-          ref: Pe,
+          onSubmit: f((o) => _.mutateAsync(o)),
+          ref: V,
           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: "items-center p-2 font-mono text-xs break-words", children: [
-                    ct,
-                    dt,
-                    Re.length > 0 ? "?" : "",
-                    Re
+                    xt,
+                    ht,
+                    Ie.length > 0 ? "?" : "",
+                    Ie
                   ] })
                 ] }),
                 /* @__PURE__ */ e.jsx(
-                  Ja,
+                  Ka,
                   {
-                    identities: C.data ?? [],
-                    formRef: Pe,
-                    disabled: v.formState.isSubmitting
+                    identities: w.data ?? [],
+                    formRef: V,
+                    disabled: y.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(Ye, { defaultValue: "parameters", children: [
+                /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1 justify-between", children: /* @__PURE__ */ e.jsxs(et, { children: [
                   /* @__PURE__ */ e.jsxs(E, { value: "parameters", children: [
                     "Parameters",
-                    (N.pathParams.some((r) => r.value !== "") || N.queryParams.some((r) => r.active)) && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                    (N.pathParams.some((o) => o.value !== "") || N.queryParams.some((o) => o.active)) && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
                   ] }),
                   /* @__PURE__ */ e.jsxs(E, { value: "headers", children: [
                     "Headers",
-                    N.headers.filter((r) => r.active).length > 0 && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                    N.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(E, { value: "auth", children: [
                     "Auth",
-                    N.identity !== F && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                    N.identity !== H && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
                   ] }),
                   /* @__PURE__ */ e.jsx(E, { value: "body", children: "Body" })
                 ] }) }),
-                /* @__PURE__ */ e.jsx(A, { value: "headers", children: /* @__PURE__ */ e.jsx(Ia, { control: m, headers: o }) }),
+                /* @__PURE__ */ e.jsx(A, { value: "headers", children: /* @__PURE__ */ e.jsx(qa, { control: p, headers: r }) }),
                 /* @__PURE__ */ e.jsxs(A, { value: "parameters", children: [
                   l.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(Oa, { control: m })
+                    /* @__PURE__ */ e.jsx(Da, { control: p })
                   ] }),
                   /* @__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(Aa, { control: m, queryParams: d })
+                    /* @__PURE__ */ e.jsx(Va, { control: p, queryParams: i })
                   ] })
                 ] }),
                 /* @__PURE__ */ e.jsxs(A, { value: "body", children: [
                   !["POST", "PUT", "PATCH", "DELETE"].includes(
                     n.toUpperCase()
-                  ) && /* @__PURE__ */ e.jsxs(de, { className: "mb-2", children: [
-                    /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
-                    /* @__PURE__ */ e.jsx(ce, { children: "Body" }),
-                    /* @__PURE__ */ e.jsx(me, { children: "Body is only supported for POST, PUT, PATCH, and DELETE requests" })
+                  ) && /* @__PURE__ */ e.jsxs(ue, { className: "mb-2", children: [
+                    /* @__PURE__ */ e.jsx(Le, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ e.jsx(pe, { children: "Body" }),
+                    /* @__PURE__ */ e.jsx(he, { children: "Body is only supported for POST, PUT, PATCH, and DELETE requests" })
                   ] }),
                   /* @__PURE__ */ e.jsx(
-                    Xe,
+                    at,
                     {
-                      ...j("body"),
-                      className: u(
+                      ...b("body"),
+                      className: m(
                         "border w-full rounded-lg p-2 bg-muted h-40 font-mono",
                         !["POST", "PUT", "PATCH", "DELETE"].includes(
                           n.toUpperCase()
@@ -1710,57 +1710,57 @@ const za = {
                       )
                     }
                   ),
-                  i && /* @__PURE__ */ e.jsx(
-                    ga,
+                  d && /* @__PURE__ */ e.jsx(
+                    ba,
                     {
-                      examples: i,
-                      onSelect: (r) => y("body", JSON.stringify(r.value, null, 2))
+                      examples: d,
+                      onSelect: (o) => v("body", JSON.stringify(o.value, null, 2))
                     }
                   )
                 ] }),
                 /* @__PURE__ */ e.jsx(A, { value: "auth", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                  ((Ie = C.data) == null ? void 0 : Ie.length) === 0 && /* @__PURE__ */ e.jsxs(de, { children: [
-                    /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
-                    /* @__PURE__ */ e.jsx(ce, { children: "Authentication" }),
-                    /* @__PURE__ */ e.jsx(me, { children: "No identities found. Please create an identity first." })
+                  ((Oe = w.data) == null ? void 0 : Oe.length) === 0 && /* @__PURE__ */ e.jsxs(ue, { children: [
+                    /* @__PURE__ */ e.jsx(Le, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ e.jsx(pe, { children: "Authentication" }),
+                    /* @__PURE__ */ e.jsx(he, { 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(fe, { className: "w-full overflow-hidden", children: /* @__PURE__ */ e.jsxs(
-                    ve,
+                  /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e.jsx(je, { className: "w-full overflow-hidden", children: /* @__PURE__ */ e.jsxs(
+                    we,
                     {
-                      onValueChange: (r) => y("identity", r),
+                      onValueChange: (o) => v("identity", o),
                       value: N.identity,
                       defaultValue: N.identity,
                       className: "gap-0",
-                      disabled: ((Oe = C.data) == null ? void 0 : Oe.length) === 0,
+                      disabled: ((Ee = w.data) == null ? void 0 : Ee.length) === 0,
                       children: [
                         /* @__PURE__ */ e.jsxs(
-                          V,
+                          z,
                           {
                             className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
                             htmlFor: "none",
                             children: [
-                              /* @__PURE__ */ e.jsx(Q, { value: F, id: "none", children: "None" }),
-                              /* @__PURE__ */ e.jsx(V, { htmlFor: "none", className: "ml-2", children: "None" })
+                              /* @__PURE__ */ e.jsx(Y, { value: H, id: "none", children: "None" }),
+                              /* @__PURE__ */ e.jsx(z, { htmlFor: "none", className: "ml-2", children: "None" })
                             ]
                           }
                         ),
-                        (Ee = C.data) == null ? void 0 : Ee.map((r) => /* @__PURE__ */ e.jsxs(
-                          V,
+                        (Ae = w.data) == null ? void 0 : Ae.map((o) => /* @__PURE__ */ e.jsxs(
+                          z,
                           {
                             className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
                             children: [
                               /* @__PURE__ */ e.jsx(
-                                Q,
+                                Y,
                                 {
-                                  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(z, { htmlFor: o.id, className: "ml-2", children: o.label })
                             ]
                           },
-                          r.id
+                          o.id
                         ))
                       ]
                     }
@@ -1769,11 +1769,11 @@ const za = {
               ] })
             ] }),
             /* @__PURE__ */ e.jsx(
-              _a,
+              Wa,
               {
-                queryMutation: ke,
+                queryMutation: _,
                 showPathParamsWarning: N.pathParams.some(
-                  (r) => r.value === ""
+                  (o) => o.value === ""
                 )
               }
             )
@@ -1782,7 +1782,7 @@ const za = {
       )
     }
   );
-}, Wa = ({
+}, Ya = ({
   className: t,
   size: a = 16
 }) => /* @__PURE__ */ e.jsx(
@@ -1803,33 +1803,145 @@ const za = {
       }
     )
   }
-), Za = (t) => {
-  const [a, s] = H(!1);
-  return /* @__PURE__ */ e.jsxs(Dt, { onOpenChange: (n) => s(n), children: [
-    /* @__PURE__ */ e.jsx(Lt, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs(
+), es = (t) => {
+  const [a, s] = U(!1);
+  return /* @__PURE__ */ e.jsxs(zt, { onOpenChange: (n) => s(n), children: [
+    /* @__PURE__ */ e.jsx(Ht, { 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(Wa, { size: 14 })
+          /* @__PURE__ */ e.jsx(Ya, { size: 14 })
         ]
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Vt,
+      Gt,
       {
         className: "max-w-screen-xl w-full h-5/6 overflow-hidden p-0",
         "aria-describedby": void 0,
         children: [
-          /* @__PURE__ */ e.jsx(Ot, { children: /* @__PURE__ */ e.jsx(Ft, { children: "Playground" }) }),
-          a && /* @__PURE__ */ e.jsx(Qa, { ...t })
+          /* @__PURE__ */ e.jsx(Dt, { children: /* @__PURE__ */ e.jsx(Bt, { children: "Playground" }) }),
+          a && /* @__PURE__ */ e.jsx(Xa, { ...t })
         ]
       }
     )
   ] });
-}, Ka = Ke(`
+}, ts = {
+  get: "green",
+  post: "blue",
+  put: "yellow",
+  delete: "red",
+  patch: "purple",
+  options: "gray",
+  head: "gray"
+}, _e = ({
+  label: t,
+  path: a,
+  operations: s,
+  collapsible: n,
+  collapsed: r
+}) => ({
+  type: "category",
+  label: t,
+  link: {
+    type: "doc",
+    id: a,
+    label: t
+  },
+  collapsible: n,
+  collapsed: r,
+  items: s.map((i) => ({
+    type: "link",
+    label: i.summary ?? i.path,
+    href: `${a}#${i.slug}`,
+    ...i.method && {
+      badge: {
+        label: i.method,
+        color: ts[i.method.toLowerCase()],
+        invert: !0
+      }
+    }
+  }))
+}), Je = (t) => ({
+  path: t.routePath,
+  async lazy() {
+    const { OasProvider: a } = await import("./OasProvider-IS9wBrb7.js");
+    return {
+      element: /* @__PURE__ */ e.jsx(
+        a,
+        {
+          basePath: t.basePath,
+          version: t.version,
+          client: t.client,
+          config: t.config
+        }
+      )
+    };
+  },
+  children: t.routes
+}), xe = ({
+  path: t,
+  tag: a,
+  untagged: s
+}) => ({
+  path: t,
+  async lazy() {
+    const { OperationList: n } = await import("./OperationList-BTmRbbXk.js");
+    return { element: /* @__PURE__ */ e.jsx(n, { tag: a, untagged: s }) };
+  }
+}), as = (t, a) => {
+  const s = O(
+    t,
+    a[0] ? W(a[0]) : G
+  );
+  return [
+    // Redirect to first tag on the index route
+    { index: !0, loader: () => kt(s) },
+    // Create routes for each tag
+    ...a.map(
+      (n) => xe({
+        path: O(t, W(n)),
+        tag: n
+      })
+    ),
+    // Category without tagged operations
+    xe({
+      path: O(t, G),
+      untagged: !0
+    })
+  ];
+}, pt = (t) => t.type === "file" ? Object.keys(t.input) : [], ss = ({
+  basePath: t,
+  config: a,
+  client: s
+}) => {
+  const n = a.tagPages;
+  if (!n)
+    return [
+      Je({
+        basePath: t,
+        routePath: t,
+        routes: [xe({ path: t + "/:tag?" })],
+        client: s,
+        config: a
+      })
+    ];
+  const r = pt(a);
+  return (r.length > 1 ? [void 0, ...r] : [void 0]).map((l) => {
+    const c = O(t, l);
+    return Je({
+      basePath: t,
+      version: l,
+      routePath: c,
+      routes: as(c, n),
+      client: s,
+      config: a
+    });
+  });
+}, ns = tt(`
   query GetCategories($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
       url
@@ -1838,7 +1950,7 @@ const za = {
       }
     }
   }
-`), Xa = Ke(`
+`), rs = tt(`
   query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {
     schema(input: $input, type: $type) {
       operations(tag: $tag) {
@@ -1862,16 +1974,8 @@ const za = {
       }
     }
   }
-`), Ya = {
-  get: "green",
-  post: "blue",
-  put: "yellow",
-  delete: "red",
-  patch: "purple",
-  options: "gray",
-  head: "gray"
-}, le = "~endpoints", Ts = (t) => {
-  const a = R(t.navigationId ?? "/reference"), s = t.type === "file" ? Object.keys(t.input) : [], n = new Yt(t);
+`), G = "~endpoints", Is = (t) => {
+  const a = O(t.navigationId ?? "/reference"), s = new sa(t);
   return {
     getHead: () => {
       if (t.type === "url" && !t.skipPreload)
@@ -1889,175 +1993,106 @@ const za = {
     },
     getMdxComponents: () => ({
       OpenPlaygroundButton: ({
-        requireAuth: o,
-        server: d,
-        method: l,
-        url: c,
-        ...i
+        requireAuth: n,
+        server: r,
+        method: i,
+        url: l,
+        children: c,
+        ...d
       }) => {
-        const p = Rt();
-        if (!d)
+        const u = At();
+        if (!r)
           throw new Error("Server is required");
-        return o && !p.isAuthenticated ? /* @__PURE__ */ e.jsxs(
-          _,
+        return n && !u.isAuthenticated ? /* @__PURE__ */ e.jsxs(
+          K,
           {
             className: "gap-2 items-center",
             variant: "outline",
-            onClick: p.login,
+            onClick: u.login,
             children: [
               "Login to open in Playground ",
-              /* @__PURE__ */ e.jsx(wt, { size: 16 })
+              /* @__PURE__ */ e.jsx(Pt, { size: 16 })
             ]
           }
         ) : /* @__PURE__ */ e.jsx(
-          Za,
+          es,
           {
-            url: c ?? "/",
-            method: l ?? "get",
-            server: d,
-            ...i,
-            children: /* @__PURE__ */ e.jsxs(_, { className: "gap-2 items-center", variant: "outline", children: [
+            url: l ?? "/",
+            method: i ?? "get",
+            server: r,
+            ...d,
+            children: /* @__PURE__ */ e.jsx(K, { className: "gap-2 items-center", variant: "outline", children: c ?? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
               "Open in Playground ",
-              /* @__PURE__ */ e.jsx(Ct, { size: 16 })
-            ] })
+              /* @__PURE__ */ e.jsx(Rt, { size: 16 })
+            ] }) })
           }
         );
       }
     }),
-    getSidebar: async (o) => {
-      var d;
-      if (!Tt({ path: a, end: !1 }, o))
+    getSidebar: async (n) => {
+      var i;
+      if (!Ve({ path: a, end: !1 }, n))
         return [];
+      const r = Ve(
+        { path: `${a}/:version?/:tag`, end: !0 },
+        n
+      );
       try {
-        const l = s.find(
-          (m) => o.startsWith(R(a, m))
-        ), c = l ?? Object.keys(t.input).at(0), i = await n.fetch(Ka, {
-          type: t.type,
-          input: t.type === "file" ? t.input[c] : t.input
-        }), p = (d = t.tagPages) == null ? void 0 : d.find(
-          (m) => o.split("/").at(-1) === ae(m)
-        ), g = await n.fetch(Xa, {
-          type: t.type,
-          input: t.type === "file" ? t.input[c] : t.input,
-          tag: t.loadTags ? void 0 : p
-        }), w = i.schema.tags.flatMap((m) => {
-          const h = R(a, l, ae(m.name)), x = g.schema.operations.filter(
-            (y) => {
-              var v, N;
-              return ((v = y.tags) == null ? void 0 : v.length) !== 0 && ((N = y.tags) == null ? void 0 : N.map((C) => C.name).includes(m.name));
-            }
-          ).map((y) => ({
-            type: "link",
-            label: y.summary ?? y.path,
-            href: `${h}#${y.slug}`,
-            badge: {
-              label: y.method,
-              color: Ya[y.method.toLowerCase()],
-              invert: !0
+        const l = r == null ? void 0 : r.params.version, c = l ?? pt(t).at(0), d = t.type, u = t.type === "file" ? t.input[c] : t.input, g = t.loadTags === !0 || t.type === "url", C = !t.loadTags && t.type !== "url", b = (i = t.tagPages) == null ? void 0 : i.find(
+          (v) => W(v) === (r == null ? void 0 : r.params.tag)
+        ), [p, f] = await Promise.all([
+          s.fetch(ns, { type: d, input: u }),
+          s.fetch(rs, {
+            type: d,
+            input: u,
+            tag: t.loadTags ? void 0 : b
+          })
+        ]), h = p.schema.tags.flatMap((v) => {
+          const y = O(
+            a,
+            l,
+            W(v.name)
+          ), N = f.schema.operations.filter(
+            (w) => {
+              var L, V;
+              return ((L = w.tags) == null ? void 0 : L.length) !== 0 && ((V = w.tags) == null ? void 0 : V.map((_) => _.name).includes(v.name));
             }
-          }));
-          return t.loadTags && x.length === 0 ? [] : {
-            type: "category",
-            label: m.name,
-            link: {
-              type: "doc",
-              id: h,
-              label: m.name
-            },
-            collapsible: t.loadTags,
-            collapsed: !t.loadTags,
-            items: x
-          };
-        }), { untagged: j } = g.schema;
-        if (j.length > 0) {
-          const m = R(a, l, le);
-          w.push({
-            type: "category",
-            label: "Other endpoints",
-            link: {
-              type: "doc",
-              id: m,
-              label: "Other endpoints"
-            },
-            collapsible: t.loadTags,
-            collapsed: !t.loadTags,
-            items: j.map((h) => ({
-              type: "link",
-              label: h.summary ?? h.path,
-              href: `${m}#${h.slug}`
-            }))
+          );
+          return t.loadTags && N.length === 0 ? [] : _e({
+            label: v.name,
+            path: y,
+            operations: (r == null ? void 0 : r.params.tag) !== G || t.loadTags ? N : [],
+            collapsible: g,
+            collapsed: C
           });
-        }
-        return w;
+        });
+        return f.schema.untagged.length > 0 && h.push(
+          _e({
+            label: "Other endpoints",
+            path: O(a, l, G),
+            operations: (r == null ? void 0 : r.params.tag) === G || t.loadTags ? f.schema.untagged : [],
+            collapsible: g,
+            collapsed: C
+          })
+        ), h;
       } catch {
         return [];
       }
     },
-    getRoutes: () => {
-      const o = s.length > 1 ? [null, ...s] : [null], d = (t.tagPages ?? []).map((l) => ({
-        tag: l,
-        path: ae(l)
-      }));
-      return o.map((l) => {
-        const c = R(a, l);
-        return {
-          path: c,
-          async lazy() {
-            const { OpenApiRoute: i } = await import("./OpenApiRoute-BP9kzG5k.js");
-            return {
-              element: /* @__PURE__ */ e.jsx(
-                i,
-                {
-                  version: l ?? void 0,
-                  basePath: a,
-                  versions: s,
-                  client: n,
-                  config: t
-                }
-              )
-            };
-          },
-          children: [
-            {
-              index: !0,
-              loader: () => {
-                var i;
-                return $t(
-                  R(c, ((i = d.at(0)) == null ? void 0 : i.path) ?? le)
-                );
-              }
-            },
-            {
-              path: R(c, le),
-              async lazy() {
-                const { OperationList: i } = await import("./OperationList-c72qPMtm.js");
-                return { element: /* @__PURE__ */ e.jsx(i, { untagged: !0 }) };
-              }
-            },
-            ...d.map((i) => ({
-              path: R(c, i.path),
-              async lazy() {
-                const { OperationList: p } = await import("./OperationList-c72qPMtm.js");
-                return {
-                  element: /* @__PURE__ */ e.jsx(p, { tag: i.tag })
-                };
-              }
-            }))
-          ]
-        };
-      });
-    }
+    getRoutes: () => ss({ basePath: a, config: t, client: s })
   };
 };
 export {
-  Ye as C,
-  Za as P,
-  He as a,
+  st as C,
+  es as P,
+  G as U,
+  tt as a,
   Be as b,
-  Ge as c,
-  ia as d,
-  Ke as g,
-  Da as m,
-  Ts as o
+  Me as c,
+  Ue as d,
+  ua as e,
+  pt as g,
+  za as m,
+  Is as o
 };
-//# sourceMappingURL=index-CZjcfK-H.js.map
+//# sourceMappingURL=index-BANyVRgL.js.map