zudoku 0.28.1 → 0.28.2

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

@@ -8,28 +8,28 @@ var Y = (t, a, s) => (ht(t, a, "read from private field"), s ? s.call(t) : a.get
 import { j as e } from "./jsx-runtime-Bdg6XQ1m.js";
 import { s as te } from "./index-CjJS0l4l.js";
 import { Circle as xt, ChevronRightIcon as z, CheckIcon as ft, DotIcon as gt, Check as yt, Search as vt, XIcon as jt, ChevronDownIcon as bt, InfoIcon as Ee, LogInIcon as Nt, CirclePlayIcon as wt } from "lucide-react";
-import { m as Ct, r as $t } from "./chunk-SYFQ2XB5-BPvC-soB.js";
-import { u as St } from "./hook-FT3SJLe_.js";
+import { m as Ct, r as $t } from "./chunk-SYFQ2XB5-QijJrSf0.js";
+import { u as St } from "./hook-CiX69UZ6.js";
 import { Button as _ } from "./ui/Button.js";
 import { j as I } from "./joinUrl-nLx9pD-Z.js";
 import { Z as Tt } from "./invariant-Caa8-XvF.js";
 import { VisuallyHidden as Pt } from "@radix-ui/react-visually-hidden";
-import * as x from "react";
+import * as h from "react";
 import { Fragment as k, useRef as q, useEffect as He, useState as H, useTransition as kt } from "react";
 import { V as b, T as Rt, D as Ot, b as It, a as Et, c as At } from "./index-B7mqiOei.js";
-import { S as Be, a as Ge, b as Ue, c as Me, e as U, u as qt } from "./Select-CnCZ4WhS.js";
+import { S as Be, a as Ge, b as Ue, c as Me, e as U, u as qt } from "./Select-DJkXPPD0.js";
 import { b as ue, u as pe, C as R, a as Dt, F as Lt } from "./index.esm-CrSoEshU.js";
 import { c as he } from "./index-Djenk2Hj.js";
 import { c as u } from "./cn-qaFjX9_3.js";
 import * as _e from "@radix-ui/react-label";
 import * as B from "@radix-ui/react-radio-group";
 import { a as Vt } from "./state-mM7uaXTW.js";
-import { k as Ft, l as zt } from "./ZudokuContext-BTUJPpQl.js";
+import { k as Ft, l as zt } from "./ZudokuContext-dUyBGMap.js";
 import { Card as xe, CardHeader as Ht, CardTitle as Bt, CardContent as Gt } from "./ui/Card.js";
 import { Tabs as Je, TabsList as Qe, TabsTrigger as E, TabsContent as A } from "./ui/Tabs.js";
 import { z as Ut, S as Mt } from "./SyntaxHighlight-B0L4SC_N.js";
 import { B as M, S as _t } from "./Spinner-BlzrEEk1.js";
-import * as g from "@radix-ui/react-dropdown-menu";
+import * as y from "@radix-ui/react-dropdown-menu";
 import * as ie from "@radix-ui/react-checkbox";
 import * as J from "@radix-ui/react-popover";
 import { PopoverAnchor as Jt } from "@radix-ui/react-popover";
@@ -49,7 +49,7 @@ const Zt = (t) => {
 var W, Z;
 class Kt {
   constructor(a) {
-    ee(this, W, async () => (ae || (ae = import("./createServer-CjNktZzL.js").then(
+    ee(this, W, async () => (ae || (ae = import("./createServer-DIztAu7i.js").then(
       (a) => a.createServer(this.config)
     )), ae));
     ee(this, Z, async (a) => this.config.server ? fetch(this.config.server, a) : (await Y(this, W).call(this)).fetch("http://localhost/graphql", a));
@@ -286,7 +286,7 @@ const ra = he(
       variant: "default"
     }
   }
-), le = x.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+), le = h.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: n,
@@ -296,7 +296,7 @@ const ra = he(
   }
 ));
 le.displayName = "Alert";
-const de = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const de = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h5",
   {
     ref: s,
@@ -305,7 +305,7 @@ const de = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 de.displayName = "AlertTitle";
-const ce = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const ce = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -320,15 +320,15 @@ const oa = ({
 }) => t.split("/").map((s, n, i) => {
   const d = Array.from(s.matchAll(/{([^}]+)}/g)), r = [];
   let m = 0;
-  return d.forEach((c, h) => {
-    const [y, v] = c;
-    if (!v) return;
-    const p = c.index;
-    p > m && r.push(
-      /* @__PURE__ */ e.jsx(k, { children: s.slice(m, p) }, `text-${m}-${p}`)
+  return d.forEach((c, p) => {
+    const [g, x] = c;
+    if (!x) return;
+    const f = c.index;
+    f > m && r.push(
+      /* @__PURE__ */ e.jsx(k, { children: s.slice(m, f) }, `text-${m}-${f}`)
     ), r.push(
-      /* @__PURE__ */ e.jsx(k, { children: a({ name: v, originalValue: y, index: h }) }, `param-${v}`)
-    ), m = p + y.length;
+      /* @__PURE__ */ e.jsx(k, { children: a({ name: x, originalValue: g, index: p }) }, `param-${x}`)
+    ), m = f + g.length;
   }), m < s.length && r.push(
     /* @__PURE__ */ e.jsx(k, { children: s.slice(m) }, `text-${m}-${s.length}`)
   ), // eslint-disable-next-line react/no-array-index-key
@@ -339,7 +339,7 @@ const oa = ({
   ] }, `${s}-${n}`);
 }), ia = he(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), V = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+), V = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   _e.Root,
   {
     ref: s,
@@ -348,7 +348,7 @@ const oa = ({
   }
 ));
 V.displayName = _e.Root.displayName;
-const ye = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const ye = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   B.Root,
   {
     className: u("grid gap-2", t),
@@ -357,7 +357,7 @@ const ye = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 ye.displayName = B.Root.displayName;
-const Q = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const Q = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   B.Item,
   {
     ref: s,
@@ -370,7 +370,7 @@ const Q = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 Q.displayName = B.Item.displayName;
-const Ze = x.forwardRef(
+const Ze = h.forwardRef(
   ({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     "textarea",
     {
@@ -409,10 +409,10 @@ const se = (t) => Math.abs(
   children: i,
   onClick: d
 }) => {
-  const r = q(null), m = s == null ? void 0 : s.replace(/[{}]/g, ""), c = t.replace(/[{}]/g, ""), { text: h, background: y } = la(c), v = `hsl(${h} / 100%)`, p = `hsl(${y} / 10%)`, l = `hsl(${y} / 50%)`;
+  const r = q(null), m = s == null ? void 0 : s.replace(/[{}]/g, ""), c = t.replace(/[{}]/g, ""), { text: p, background: g } = la(c), x = `hsl(${p} / 100%)`, f = `hsl(${g} / 10%)`, l = `hsl(${g} / 50%)`;
   return He(() => {
     if (!m || !r.current) return;
-    const f = () => {
+    const v = () => {
       document.querySelectorAll(`[${re}="${m}"]`).forEach(($) => {
         $ instanceof HTMLElement && ($.dataset.active = "true");
       });
@@ -421,8 +421,8 @@ const se = (t) => Math.abs(
         $ instanceof HTMLElement && ($.dataset.active = "false");
       });
     }, N = r.current;
-    return N.addEventListener("mouseenter", f), N.addEventListener("mouseleave", C), () => {
-      N.removeEventListener("mouseenter", f), N.removeEventListener("mouseleave", C);
+    return N.addEventListener("mouseenter", v), N.addEventListener("mouseleave", C), () => {
+      N.removeEventListener("mouseenter", v), N.removeEventListener("mouseleave", C);
     };
   }, [m]), /* @__PURE__ */ e.jsx(
     "span",
@@ -440,9 +440,9 @@ const se = (t) => Math.abs(
       ref: r,
       onClick: d,
       style: {
-        "--param-color": v,
+        "--param-color": x,
         "--border-color": l,
-        "--background-color": p
+        "--background-color": f
       },
       children: i ?? t
     }
@@ -451,7 +451,7 @@ const se = (t) => Math.abs(
   const n = a.replace(/(:\w+|\{\w+})/g, (d) => {
     var c;
     const r = d.replace(/[:{}]/g, "");
-    return ((c = s.pathParams.find((h) => h.name === r)) == null ? void 0 : c.value) ?? d;
+    return ((c = s.pathParams.find((p) => p.name === r)) == null ? void 0 : c.value) ?? d;
   }), i = new URL(
     n.replace(/^\//, ""),
     t.endsWith("/") ? t : `${t}/`
@@ -459,8 +459,8 @@ const se = (t) => Math.abs(
   return s.queryParams.filter((d) => d.active).forEach((d) => {
     i.searchParams.set(d.name, d.value);
   }), i;
-}, Xe = g.Root, Ye = g.Trigger, ca = g.Group, ma = x.forwardRef(({ className: t, inset: a, children: s, ...n }, i) => /* @__PURE__ */ e.jsxs(
-  g.SubTrigger,
+}, Xe = y.Root, Ye = y.Trigger, ca = y.Group, ma = h.forwardRef(({ className: t, inset: a, children: s, ...n }, i) => /* @__PURE__ */ e.jsxs(
+  y.SubTrigger,
   {
     ref: i,
     className: u(
@@ -475,9 +475,9 @@ const se = (t) => Math.abs(
     ]
   }
 ));
-ma.displayName = g.SubTrigger.displayName;
-const ua = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  g.SubContent,
+ma.displayName = y.SubTrigger.displayName;
+const ua = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  y.SubContent,
   {
     ref: s,
     className: u(
@@ -487,9 +487,9 @@ const ua = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-ua.displayName = g.SubContent.displayName;
-const ve = x.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(g.Portal, { children: /* @__PURE__ */ e.jsx(
-  g.Content,
+ua.displayName = y.SubContent.displayName;
+const ve = h.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(y.Portal, { children: /* @__PURE__ */ e.jsx(
+  y.Content,
   {
     ref: n,
     sideOffset: a,
@@ -501,9 +501,9 @@ const ve = x.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__
     ...s
   }
 ) }));
-ve.displayName = g.Content.displayName;
-const je = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
-  g.Item,
+ve.displayName = y.Content.displayName;
+const je = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  y.Item,
   {
     ref: n,
     className: u(
@@ -514,9 +514,9 @@ const je = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
     ...s
   }
 ));
-je.displayName = g.Item.displayName;
-const pa = x.forwardRef(({ className: t, children: a, checked: s, ...n }, i) => /* @__PURE__ */ e.jsxs(
-  g.CheckboxItem,
+je.displayName = y.Item.displayName;
+const pa = h.forwardRef(({ className: t, children: a, checked: s, ...n }, i) => /* @__PURE__ */ e.jsxs(
+  y.CheckboxItem,
   {
     ref: i,
     className: u(
@@ -526,14 +526,14 @@ const pa = x.forwardRef(({ className: t, children: a, checked: s, ...n }, i) =>
     checked: s,
     ...n,
     children: [
-      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(g.ItemIndicator, { children: /* @__PURE__ */ e.jsx(ft, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(y.ItemIndicator, { children: /* @__PURE__ */ e.jsx(ft, { className: "h-4 w-4" }) }) }),
       a
     ]
   }
 ));
-pa.displayName = g.CheckboxItem.displayName;
-const ha = x.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
-  g.RadioItem,
+pa.displayName = y.CheckboxItem.displayName;
+const ha = h.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
+  y.RadioItem,
   {
     ref: n,
     className: u(
@@ -542,14 +542,14 @@ const ha = x.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__
     ),
     ...s,
     children: [
-      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(g.ItemIndicator, { children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(y.ItemIndicator, { children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4 fill-current" }) }) }),
       a
     ]
   }
 ));
-ha.displayName = g.RadioItem.displayName;
-const et = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
-  g.Label,
+ha.displayName = y.RadioItem.displayName;
+const et = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  y.Label,
   {
     ref: n,
     className: u(
@@ -560,16 +560,16 @@ const et = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
     ...s
   }
 ));
-et.displayName = g.Label.displayName;
-const tt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  g.Separator,
+et.displayName = y.Label.displayName;
+const tt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  y.Separator,
   {
     ref: s,
     className: u("-mx-1 my-1 h-px bg-muted", t),
     ...a
   }
 ));
-tt.displayName = g.Separator.displayName;
+tt.displayName = y.Separator.displayName;
 const xa = ({
   examples: t,
   onSelect: a
@@ -591,7 +591,7 @@ const xa = ({
       )) })
     ] }, s.mediaType);
   }) })
-] }) }), K = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+] }) }), K = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -603,7 +603,7 @@ const xa = ({
   }
 ));
 K.displayName = "Card";
-const fa = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const fa = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -612,7 +612,7 @@ const fa = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 fa.displayName = "CardHeader";
-const ga = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const ga = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h3",
   {
     ref: s,
@@ -621,7 +621,7 @@ const ga = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 ga.displayName = "CardTitle";
-const ya = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const ya = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "p",
   {
     ref: s,
@@ -630,9 +630,9 @@ const ya = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 ya.displayName = "CardDescription";
-const va = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: u("p-6 pt-0", t), ...a }));
+const va = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: u("p-6 pt-0", t), ...a }));
 va.displayName = "CardContent";
-const ja = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const ja = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -654,7 +654,7 @@ const ba = he(
       variant: "default"
     }
   }
-), be = x.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+), be = h.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   ie.Root,
   {
     ref: n,
@@ -670,7 +670,7 @@ const ba = he(
   }
 ));
 be.displayName = ie.Root.displayName;
-const at = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const at = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   b,
   {
     ref: s,
@@ -682,7 +682,7 @@ const at = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 at.displayName = b.displayName;
-const Na = x.forwardRef(({ className: t, ...a }, s) => (
+const Na = h.forwardRef(({ className: t, ...a }, s) => (
   // eslint-disable-next-line react/no-unknown-property
   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
     /* @__PURE__ */ e.jsx(vt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
@@ -700,7 +700,7 @@ const Na = x.forwardRef(({ className: t, ...a }, s) => (
   ] })
 ));
 Na.displayName = b.Input.displayName;
-const st = x.forwardRef(({ className: t, ...a }, s) => (
+const st = h.forwardRef(({ className: t, ...a }, s) => (
   // eslint-disable-next-line react/no-unknown-property
   /* @__PURE__ */ e.jsx("div", { className: "flex items-center", "cmdk-input-wrapper": "", children: /* @__PURE__ */ e.jsx(
     b.Input,
@@ -716,7 +716,7 @@ const st = x.forwardRef(({ className: t, ...a }, s) => (
   ) })
 ));
 st.displayName = b.Input.displayName;
-const nt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const nt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   b.List,
   {
     ref: s,
@@ -725,7 +725,7 @@ const nt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 nt.displayName = b.List.displayName;
-const wa = x.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
+const wa = h.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
   b.Empty,
   {
     ref: a,
@@ -734,7 +734,7 @@ const wa = x.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
   }
 ));
 wa.displayName = b.Empty.displayName;
-const Ca = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const Ca = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   b.Group,
   {
     ref: s,
@@ -746,7 +746,7 @@ const Ca = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 Ca.displayName = b.Group.displayName;
-const $a = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const $a = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   b.Separator,
   {
     ref: s,
@@ -755,7 +755,7 @@ const $a = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 $a.displayName = b.Separator.displayName;
-const rt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const rt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   b.Item,
   {
     ref: s,
@@ -767,7 +767,7 @@ const rt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 rt.displayName = b.Item.displayName;
-const Sa = J.Root, ot = x.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, i) => /* @__PURE__ */ e.jsx(J.Portal, { children: /* @__PURE__ */ e.jsx(
+const Sa = J.Root, ot = h.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, i) => /* @__PURE__ */ e.jsx(J.Portal, { children: /* @__PURE__ */ e.jsx(
   J.Content,
   {
     ref: i,
@@ -790,24 +790,24 @@ const Ta = ({
   onEnterPress: d,
   ref: r
 }) => {
-  const [m, c] = H(!1), [h, y] = H(!1), v = Rt((l) => l.filtered.count), p = q(null);
+  const [m, c] = H(!1), [p, g] = H(!1), x = Rt((l) => l.filtered.count), f = q(null);
   return /* @__PURE__ */ e.jsxs(Sa, { open: m, children: [
     /* @__PURE__ */ e.jsx(Jt, { children: /* @__PURE__ */ e.jsx(
       st,
       {
         ref: (l) => {
-          p.current = l, typeof r == "function" ? r(l) : r && (r.current = l);
+          f.current = l, typeof r == "function" ? r(l) : r && (r.current = l);
         },
         value: t,
         placeholder: i,
         className: u("h-9 bg-transparent", n),
         onFocus: () => c(!0),
         onBlur: () => {
-          h || c(!1);
+          p || c(!1);
         },
         onKeyDown: (l) => {
-          var f;
-          l.key === "Enter" && (c(!1), (f = p.current) == null || f.blur(), d == null || d(l));
+          var v;
+          l.key === "Enter" && (c(!1), (v = f.current) == null || v.blur(), d == null || d(l));
         },
         onValueChange: (l) => s(l)
       }
@@ -815,11 +815,11 @@ const Ta = ({
     /* @__PURE__ */ e.jsx(
       ot,
       {
-        onMouseEnter: () => y(!0),
-        onMouseLeave: () => y(!1),
+        onMouseEnter: () => g(!0),
+        onMouseLeave: () => g(!1),
         onOpenAutoFocus: (l) => l.preventDefault(),
         className: u("p-0 w-[--radix-popover-trigger-width]", {
-          "border-0": v === 0
+          "border-0": x === 0
         }),
         align: "start",
         side: "bottom",
@@ -833,8 +833,8 @@ const Ta = ({
           rt,
           {
             value: l,
-            onSelect: (f) => {
-              s(f), c(!1);
+            onSelect: (v) => {
+              s(v), c(!1);
             },
             className: "cursor-pointer",
             children: l
@@ -845,9 +845,9 @@ const Ta = ({
     )
   ] });
 }, me = (t) => /* @__PURE__ */ e.jsx(at, { className: "bg-transparent", children: /* @__PURE__ */ e.jsx(Ta, { ...t }) }), it = (t, a) => {
-  const s = x.forwardRef(({ className: n, asChild: i, ...d }, r) => {
+  const s = h.forwardRef(({ className: n, asChild: i, ...d }, r) => {
     const m = i ? Qt : t;
-    return x.createElement(m, {
+    return h.createElement(m, {
       ...d,
       ref: r,
       className: typeof a == "function" ? a({ className: n }) : u(a, n)
@@ -884,116 +884,120 @@ const Ta = ({
   "Set-Cookie",
   "User-Agent",
   "X-Requested-With"
-]), ka = ({
-  control: t,
-  register: a
-}) => {
-  const { fields: s, append: n, remove: i } = ue({
+]), ka = ({ control: t }) => {
+  const { fields: a, append: s, remove: n } = ue({
     control: t,
     name: "headers"
-  }), { setValue: d } = pe(), r = q([]), m = q([]), c = () => {
-    n({
+  }), { setValue: i } = pe(), d = q([]), r = q([]), m = () => {
+    s({
       name: "",
       value: "",
       active: !1
     });
-  }, h = (v) => {
-    var p;
-    (p = r.current[v]) == null || p.focus();
-  }, y = (v) => {
-    c(), requestAnimationFrame(() => {
-      var p;
-      return (p = m.current[v + 1]) == null ? void 0 : p.focus();
+  }, c = (g) => {
+    var x;
+    (x = d.current[g]) == null || x.focus();
+  }, p = (g) => {
+    m(), requestAnimationFrame(() => {
+      var x;
+      return (x = r.current[g + 1]) == null ? void 0 : x.focus();
     });
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ e.jsx(K, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Ne, { children: s.map((v, p) => /* @__PURE__ */ e.jsxs("div", { className: "group grid col-span-full grid-cols-subgrid", children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 ", children: [
-        /* @__PURE__ */ e.jsx(
-          R,
-          {
-            control: t,
-            name: `headers.${p}.active`,
-            render: ({ field: l }) => /* @__PURE__ */ e.jsx(
-              be,
+    /* @__PURE__ */ e.jsx(K, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Ne, { children: a.map((g, x) => /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "group grid col-span-full grid-cols-subgrid",
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 ", children: [
+            /* @__PURE__ */ e.jsx(
+              R,
               {
-                variant: "outline",
-                id: `headers.${p}.active`,
-                checked: l.value,
-                onCheckedChange: (f) => {
-                  l.onChange(f);
-                }
+                control: t,
+                name: `headers.${x}.active`,
+                render: ({ field: f }) => /* @__PURE__ */ e.jsx(
+                  be,
+                  {
+                    variant: "outline",
+                    id: `headers.${x}.active`,
+                    checked: f.value,
+                    onCheckedChange: (l) => {
+                      f.onChange(l);
+                    }
+                  }
+                )
               }
-            )
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          R,
-          {
-            control: t,
-            name: `headers.${p}.name`,
-            render: ({ field: l }) => /* @__PURE__ */ e.jsx(
-              me,
+            ),
+            /* @__PURE__ */ e.jsx(
+              R,
               {
-                ...l,
-                placeholder: "Name",
-                className: "border-0 shadow-none bg-transparent text-xs font-mono",
-                options: Pa,
-                onEnterPress: () => h(p),
-                onChange: (f) => {
-                  l.onChange(f), d(`headers.${p}.active`, !0);
-                },
-                ref: (f) => {
-                  m.current[p] = f;
-                }
+                control: t,
+                name: `headers.${x}.name`,
+                render: ({ field: f }) => /* @__PURE__ */ e.jsx(
+                  me,
+                  {
+                    ...f,
+                    placeholder: "Name",
+                    className: "border-0 shadow-none bg-transparent text-xs font-mono",
+                    options: Pa,
+                    onEnterPress: () => c(x),
+                    onChange: (l) => {
+                      f.onChange(l), i(`headers.${x}.active`, !0);
+                    },
+                    ref: (l) => {
+                      r.current[x] = l;
+                    }
+                  }
+                )
               }
             )
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ e.jsx(
-          R,
-          {
-            control: t,
-            name: `headers.${p}.value`,
-            render: ({ field: l }) => /* @__PURE__ */ e.jsx(
-              fe,
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e.jsx(
+              R,
               {
-                placeholder: "Value",
-                className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
-                ...l,
-                ref: (f) => {
-                  r.current[p] = f;
-                },
-                onKeyDown: (f) => {
-                  f.key === "Enter" && f.currentTarget.value.trim() && y(p);
+                control: t,
+                name: `headers.${x}.value`,
+                render: ({ field: f }) => /* @__PURE__ */ e.jsx(
+                  fe,
+                  {
+                    placeholder: "Value",
+                    className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
+                    ...f,
+                    ref: (l) => {
+                      d.current[x] = l;
+                    },
+                    onKeyDown: (l) => {
+                      l.key === "Enter" && l.currentTarget.value.trim() && p(x);
+                    },
+                    autoComplete: "off"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ e.jsx(
+              _,
+              {
+                size: "icon",
+                variant: "ghost",
+                className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
+                onClick: () => {
+                  n(x);
                 },
-                autoComplete: "off"
+                type: "button",
+                children: /* @__PURE__ */ e.jsx(jt, { size: 16 })
               }
             )
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          _,
-          {
-            size: "icon",
-            variant: "ghost",
-            className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
-            onClick: () => {
-              i(p);
-            },
-            type: "button",
-            children: /* @__PURE__ */ e.jsx(jt, { size: 16 })
-          }
-        )
-      ] })
-    ] }, p)) }) }),
+          ] })
+        ]
+      },
+      g.name
+    )) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "text-end", children: /* @__PURE__ */ e.jsx(
       _,
       {
         className: "",
-        onClick: c,
+        onClick: m,
         type: "button",
         variant: "secondary",
         children: "Add header"
@@ -1093,9 +1097,9 @@ const Ta = ({
               me,
               {
                 value: c.value,
-                options: a.map((h) => h.name),
-                onChange: (h) => {
-                  c.onChange(h);
+                options: a.map((p) => p.name),
+                onChange: (p) => {
+                  c.onChange(p);
                 },
                 className: "border-0 font-mono text-xs bg-transparent hover:bg-transparent"
               }
@@ -1113,8 +1117,8 @@ const Ta = ({
             {
               value: c.value,
               options: m.enum ?? [],
-              onChange: (y) => {
-                c.onChange(y), n.setValue(`queryParams.${r}.active`, !0);
+              onChange: (g) => {
+                c.onChange(g), n.setValue(`queryParams.${r}.active`, !0);
               },
               className: "font-mono text-xs border-0 ring-1 ring-ring"
             }
@@ -1122,8 +1126,8 @@ const Ta = ({
             fe,
             {
               ...c,
-              onChange: (y) => {
-                c.onChange(y.target.value), y.target.value.length > 0 && n.setValue(`queryParams.${r}.active`, !0);
+              onChange: (g) => {
+                c.onChange(g.target.value), g.target.value.length > 0 && n.setValue(`queryParams.${r}.active`, !0);
               },
               placeholder: "Enter value",
               className: "w-full border-0 shadow-none text-xs font-mono"
@@ -1271,13 +1275,13 @@ const Va = {
   url: d
 }) => {
   var l;
-  const r = za(a), m = Ha(t), c = m || t, [h, y] = H(
+  const r = za(a), m = Ha(t), c = m || t, [p, g] = H(
     m ? "formatted" : "raw"
-  ), v = Ft({
+  ), x = Ft({
     queryKey: ["types", c],
     queryFn: async () => La(JSON.parse(c)),
-    enabled: h === "types"
-  }), p = Ba([...a]);
+    enabled: p === "types"
+  }), f = Ba([...a]);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 h-full overflow-y-scroll max-h-[calc(100vh-220px)] py-4", children: [
     /* @__PURE__ */ e.jsxs(Ve, { defaultOpen: !0, children: [
       /* @__PURE__ */ e.jsxs(Fe, { className: "flex items-center gap-2 hover:text-primary group", children: [
@@ -1285,31 +1289,31 @@ const Va = {
         /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Headers" })
       ] }),
       /* @__PURE__ */ e.jsx(ze, { children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2 font-mono text-xs", children: [
-        p.slice(0, 5).map(([f, C]) => /* @__PURE__ */ e.jsxs(k, { children: [
-          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: f }),
+        f.slice(0, 5).map(([v, C]) => /* @__PURE__ */ e.jsxs(k, { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: v }),
           /* @__PURE__ */ e.jsx("div", { className: "break-all", children: C })
-        ] }, f)),
-        p.length > 5 && /* @__PURE__ */ e.jsxs(Ve, { className: "col-span-full grid-cols-subgrid grid", children: [
+        ] }, v)),
+        f.length > 5 && /* @__PURE__ */ e.jsxs(Ve, { className: "col-span-full grid-cols-subgrid grid", children: [
           /* @__PURE__ */ e.jsxs(Fe, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [
             /* @__PURE__ */ e.jsx(z, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
             "Show ",
-            p.length - 5,
+            f.length - 5,
             " more headers"
           ] }),
-          /* @__PURE__ */ e.jsx(ze, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: p.slice(5).map(([f, C]) => /* @__PURE__ */ e.jsxs(k, { children: [
-            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: f }),
+          /* @__PURE__ */ e.jsx(ze, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: f.slice(5).map(([v, C]) => /* @__PURE__ */ e.jsxs(k, { children: [
+            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: v }),
             /* @__PURE__ */ e.jsx("div", { className: "break-all", children: C })
-          ] }, f)) })
+          ] }, v)) })
         ] })
       ] }) })
     ] }),
     /* @__PURE__ */ e.jsx(xe, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
       Mt,
       {
-        language: h === "types" ? "typescript" : h === "raw" ? m ? "plain" : r : "json",
+        language: p === "types" ? "typescript" : p === "raw" ? m ? "plain" : r : "json",
         noBackground: !0,
         className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]",
-        code: (h === "raw" ? t : h === "types" ? (l = v.data) == null ? void 0 : l.lines.join(`
+        code: (p === "raw" ? t : p === "types" ? (l = x.data) == null ? void 0 : l.lines.join(`
 `) : c) ?? ""
       }
     ) }),
@@ -1338,8 +1342,8 @@ const Va = {
       m && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
         Be,
         {
-          value: h,
-          onValueChange: (f) => y(f),
+          value: p,
+          onValueChange: (v) => g(v),
           children: [
             /* @__PURE__ */ e.jsx(Ge, { className: "min-w-32", children: /* @__PURE__ */ e.jsx(Ue, { placeholder: "View" }) }),
             /* @__PURE__ */ e.jsxs(Me, { children: [
@@ -1466,7 +1470,7 @@ const Va = {
   examples: c
 }) => {
   var Pe, ke, Re;
-  const { selectedServer: h, setSelectedServer: y } = Vt(), [, v] = kt(), { register: p, control: l, handleSubmit: f, watch: C, setValue: N, ...$ } = Dt({
+  const { selectedServer: p, setSelectedServer: g } = Vt(), [, x] = kt(), { register: f, control: l, handleSubmit: v, watch: C, setValue: N, ...$ } = Dt({
     defaultValues: {
       body: m,
       queryParams: d.map((o) => ({
@@ -1510,7 +1514,7 @@ const Va = {
     mutationFn: async (o) => {
       var G, L;
       const P = performance.now(), w = new Request(
-        da(h ?? t, s, o),
+        da(p ?? t, s, o),
         {
           method: n.toUpperCase(),
           headers: Object.fromEntries(
@@ -1578,10 +1582,10 @@ const Va = {
     Be,
     {
       onValueChange: (o) => {
-        v(() => y(o));
+        x(() => g(o));
       },
-      value: h,
-      defaultValue: h,
+      value: p,
+      defaultValue: p,
       children: [
         /* @__PURE__ */ e.jsx(Ge, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(Ue, {}) }),
         /* @__PURE__ */ e.jsx(Me, { children: a.map((o) => /* @__PURE__ */ e.jsx(U, { value: o, children: o.replace(/^https?:\/\//, "") }, o)) })
@@ -1591,16 +1595,16 @@ const Va = {
   return /* @__PURE__ */ e.jsx(
     Lt,
     {
-      register: p,
+      register: f,
       control: l,
-      handleSubmit: f,
+      handleSubmit: v,
       watch: C,
       setValue: N,
       ...$,
       children: /* @__PURE__ */ e.jsx(
         "form",
         {
-          onSubmit: f((o) => Se.mutateAsync(o)),
+          onSubmit: v((o) => Se.mutateAsync(o)),
           ref: $e,
           children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2 text-sm h-full", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 p-4 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto", children: [
@@ -1639,7 +1643,7 @@ const Va = {
                   ] }),
                   /* @__PURE__ */ e.jsx(E, { value: "body", children: "Body" })
                 ] }) }),
-                /* @__PURE__ */ e.jsx(A, { value: "headers", children: /* @__PURE__ */ e.jsx(ka, { control: l, register: p }) }),
+                /* @__PURE__ */ e.jsx(A, { value: "headers", children: /* @__PURE__ */ e.jsx(ka, { control: l }) }),
                 /* @__PURE__ */ e.jsxs(A, { value: "parameters", children: [
                   r.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
                     /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Path Parameters" }),
@@ -1661,7 +1665,7 @@ const Va = {
                   /* @__PURE__ */ e.jsx(
                     Ze,
                     {
-                      ...p("body"),
+                      ...f("body"),
                       className: u(
                         "border w-full rounded-lg p-2 bg-muted h-40 font-mono",
                         !["POST", "PUT", "PATCH", "DELETE"].includes(
@@ -1772,10 +1776,17 @@ const Va = {
 ), Qa = (t) => {
   const [a, s] = H(!1);
   return /* @__PURE__ */ e.jsxs(Ot, { onOpenChange: (n) => s(n), children: [
-    /* @__PURE__ */ e.jsx(It, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs("button", { className: "flex gap-1 items-center px-2 py-1 rounded-md transition text-xs bg-primary  text-primary-foreground shadow-sm hover:bg-primary/80", children: [
-      "Test",
-      /* @__PURE__ */ e.jsx(Ja, { className: "", size: 14 })
-    ] }) }),
+    /* @__PURE__ */ e.jsx(It, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        className: "flex gap-1 items-center px-2 py-1 rounded-md transition text-xs bg-primary  text-primary-foreground shadow-sm hover:bg-primary/80",
+        children: [
+          "Test",
+          /* @__PURE__ */ e.jsx(Ja, { size: 14 })
+        ]
+      }
+    ) }),
     /* @__PURE__ */ e.jsxs(
       Et,
       {
@@ -1848,15 +1859,15 @@ const Va = {
         url: m,
         ...c
       }) => {
-        const h = St();
+        const p = St();
         if (!d)
           throw new Error("Server is required");
-        return i && !h.isAuthenticated ? /* @__PURE__ */ e.jsxs(
+        return i && !p.isAuthenticated ? /* @__PURE__ */ e.jsxs(
           _,
           {
             className: "gap-2 items-center",
             variant: "outline",
-            onClick: h.login,
+            onClick: p.login,
             children: [
               "Login to open in Playground ",
               /* @__PURE__ */ e.jsx(Nt, { size: 16 })
@@ -1887,13 +1898,13 @@ const Va = {
         ), m = r ?? Object.keys(t.input).at(0), c = await n.fetch(Wa, {
           type: t.type,
           input: t.type === "file" ? t.input[m] : t.input
-        }), h = (d = t.tagPages) == null ? void 0 : d.find(
+        }), p = (d = t.tagPages) == null ? void 0 : d.find(
           (l) => i.split("/").at(-1) === te(l)
-        ), v = (await n.fetch(Za, {
+        ), x = (await n.fetch(Za, {
           type: t.type,
           input: t.type === "file" ? t.input[m] : t.input,
-          tag: h,
-          untagged: h === void 0
+          tag: p,
+          untagged: p === void 0
         })).schema.operations.map((l) => ({
           type: "link",
           label: l.summary ?? l.path,
@@ -1905,7 +1916,7 @@ const Va = {
           }
         }));
         return c.schema.tags.map((l) => {
-          const f = I(
+          const v = I(
             a,
             r,
             l.name ? te(l.name) : oe
@@ -1915,12 +1926,12 @@ const Va = {
             label: l.name || "Other endpoints",
             link: {
               type: "doc",
-              id: f,
+              id: v,
               label: l.name
             },
             collapsible: !1,
             collapsed: !0,
-            items: i === f ? v : []
+            items: i === v ? x : []
           };
         });
       } catch {
@@ -1937,7 +1948,7 @@ const Va = {
         return {
           path: m,
           async lazy() {
-            const { OpenApiRoute: c } = await import("./OpenApiRoute-UrC_t0e5.js");
+            const { OpenApiRoute: c } = await import("./OpenApiRoute-ULLXjfro.js");
             return {
               element: /* @__PURE__ */ e.jsx(
                 c,
@@ -1964,16 +1975,16 @@ const Va = {
             {
               path: I(m, oe),
               async lazy() {
-                const { OperationList: c } = await import("./OperationList-CDt1xdc4.js");
+                const { OperationList: c } = await import("./OperationList-wzZNceUl.js");
                 return { element: /* @__PURE__ */ e.jsx(c, { untagged: !0 }) };
               }
             },
             ...d.map((c) => ({
               path: I(m, c.path),
               async lazy() {
-                const { OperationList: h } = await import("./OperationList-CDt1xdc4.js");
+                const { OperationList: p } = await import("./OperationList-wzZNceUl.js");
                 return {
-                  element: /* @__PURE__ */ e.jsx(h, { tag: c.tag })
+                  element: /* @__PURE__ */ e.jsx(p, { tag: c.tag })
                 };
               }
             }))
@@ -1994,4 +2005,4 @@ export {
   Aa as m,
   $s as o
 };
-//# sourceMappingURL=index-Eb1oiHbM.js.map
+//# sourceMappingURL=index-DrR58fsJ.js.map