zudoku 0.31.3 → 0.32.0

package/lib/{index-DzaciJI0.js → index-BANyVRgL.js}

@@ -9,15 +9,15 @@ import { j as e } from "./jsx-runtime-Bdg6XQ1m.js";
 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 { m as It, o as Ot, p as Et, k as At } from "./hook-Dnj3SwPC.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 h from "react";
+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-NSz0gku6.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";
@@ -298,7 +298,7 @@ const ma = ve(
       variant: "default"
     }
   }
-), ue = h.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,
@@ -308,7 +308,7 @@ const ma = ve(
   }
 ));
 ue.displayName = "Alert";
-const pe = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const pe = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h5",
   {
     ref: s,
@@ -317,7 +317,7 @@ const pe = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 pe.displayName = "AlertTitle";
-const he = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const he = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -334,10 +334,10 @@ const ua = ({
   return t.split("/").map((n, r, i) => {
     const l = Array.from(n.matchAll(/{([^}]+)}/g)), c = [];
     let d = 0;
-    return l.forEach((f) => {
-      const [g, C] = f;
+    return l.forEach((u) => {
+      const [g, C] = u;
       if (!C) return;
-      const b = f.index;
+      const b = u.index;
       b > d && c.push(
         /* @__PURE__ */ e.jsx(k, { children: n.slice(d, b) }, `text-${d}-${b}`)
       ), c.push(
@@ -354,7 +354,7 @@ const ua = ({
   });
 }, pa = ve(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), z = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+), z = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   Xe.Root,
   {
     ref: s,
@@ -363,7 +363,7 @@ const ua = ({
   }
 ));
 z.displayName = Xe.Root.displayName;
-const we = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const we = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   M.Root,
   {
     className: m("grid gap-2", t),
@@ -372,7 +372,7 @@ const we = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 we.displayName = M.Root.displayName;
-const Y = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const Y = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   M.Item,
   {
     ref: s,
@@ -385,7 +385,7 @@ const Y = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 Y.displayName = M.Item.displayName;
-const at = h.forwardRef(
+const at = x.forwardRef(
   ({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     "textarea",
     {
@@ -424,20 +424,20 @@ const le = (t) => Math.abs(
   children: r,
   onClick: i
 }) => {
-  const l = q(null), c = s == null ? void 0 : s.replace(/[{}]/g, ""), d = t.replace(/[{}]/g, ""), { text: f, background: g } = ha(d), C = `hsl(${f} / 100%)`, b = `hsl(${g} / 10%)`, u = `hsl(${g} / 50%)`;
+  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 x = () => {
+    const f = () => {
       document.querySelectorAll(`[${ce}="${c}"]`).forEach((y) => {
         y instanceof HTMLElement && (y.dataset.active = "true");
       });
-    }, p = () => {
+    }, h = () => {
       document.querySelectorAll(`[${ce}="${c}"]`).forEach((y) => {
         y instanceof HTMLElement && (y.dataset.active = "false");
       });
     }, v = l.current;
-    return v.addEventListener("mouseenter", x), v.addEventListener("mouseleave", p), () => {
-      v.removeEventListener("mouseenter", x), v.removeEventListener("mouseleave", p);
+    return v.addEventListener("mouseenter", f), v.addEventListener("mouseleave", h), () => {
+      v.removeEventListener("mouseenter", f), v.removeEventListener("mouseleave", h);
     };
   }, [c]), /* @__PURE__ */ e.jsx(
     "span",
@@ -456,7 +456,7 @@ const le = (t) => Math.abs(
       onClick: i,
       style: {
         "--param-color": C,
-        "--border-color": u,
+        "--border-color": p,
         "--background-color": b
       },
       children: r ?? t
@@ -466,7 +466,7 @@ const le = (t) => Math.abs(
   const n = a.replace(/(:\w+|\{\w+})/g, (i) => {
     var d;
     const l = i.replace(/[:{}]/g, "");
-    return ((d = s.pathParams.find((f) => f.name === l)) == null ? void 0 : d.value) ?? i;
+    return ((d = s.pathParams.find((u) => u.name === l)) == null ? void 0 : d.value) ?? i;
   }), r = new URL(
     n.replace(/^\//, ""),
     t.endsWith("/") ? t : `${t}/`
@@ -474,7 +474,7 @@ const le = (t) => Math.abs(
   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 = h.forwardRef(({ className: t, inset: a, children: s, ...n }, r) => /* @__PURE__ */ e.jsxs(
+}, 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: r,
@@ -491,7 +491,7 @@ const le = (t) => Math.abs(
   }
 ));
 ga.displayName = j.SubTrigger.displayName;
-const ya = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const ya = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   j.SubContent,
   {
     ref: s,
@@ -503,7 +503,7 @@ const ya = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 ya.displayName = j.SubContent.displayName;
-const Ce = h.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(j.Portal, { children: /* @__PURE__ */ e.jsx(
+const Ce = x.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(j.Portal, { children: /* @__PURE__ */ e.jsx(
   j.Content,
   {
     ref: n,
@@ -517,7 +517,7 @@ const Ce = h.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__
   }
 ) }));
 Ce.displayName = j.Content.displayName;
-const Te = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+const Te = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   j.Item,
   {
     ref: n,
@@ -530,7 +530,7 @@ const Te = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
   }
 ));
 Te.displayName = j.Item.displayName;
-const va = h.forwardRef(({ className: t, children: a, checked: s, ...n }, r) => /* @__PURE__ */ e.jsxs(
+const va = x.forwardRef(({ className: t, children: a, checked: s, ...n }, r) => /* @__PURE__ */ e.jsxs(
   j.CheckboxItem,
   {
     ref: r,
@@ -547,7 +547,7 @@ const va = h.forwardRef(({ className: t, children: a, checked: s, ...n }, r) =>
   }
 ));
 va.displayName = j.CheckboxItem.displayName;
-const ja = h.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
+const ja = x.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
   j.RadioItem,
   {
     ref: n,
@@ -563,7 +563,7 @@ const ja = h.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__
   }
 ));
 ja.displayName = j.RadioItem.displayName;
-const ot = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+const ot = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   j.Label,
   {
     ref: n,
@@ -576,7 +576,7 @@ const ot = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
   }
 ));
 ot.displayName = j.Label.displayName;
-const it = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const it = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   j.Separator,
   {
     ref: s,
@@ -606,7 +606,7 @@ const ba = ({
       )) })
     ] }, s.mediaType);
   }) })
-] }) }), se = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+] }) }), se = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -618,7 +618,7 @@ const ba = ({
   }
 ));
 se.displayName = "Card";
-const Na = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const Na = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -627,7 +627,7 @@ const Na = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 Na.displayName = "CardHeader";
-const wa = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const wa = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h3",
   {
     ref: s,
@@ -636,7 +636,7 @@ const wa = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 wa.displayName = "CardTitle";
-const Ca = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const Ca = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "p",
   {
     ref: s,
@@ -645,9 +645,9 @@ const Ca = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 Ca.displayName = "CardDescription";
-const Ta = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: m("p-6 pt-0", t), ...a }));
+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 = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const $a = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -669,7 +669,7 @@ const Sa = ve(
       variant: "default"
     }
   }
-), $e = h.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+), $e = x.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   me.Root,
   {
     ref: n,
@@ -685,7 +685,7 @@ const Sa = ve(
   }
 ));
 $e.displayName = me.Root.displayName;
-const lt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const lt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   $,
   {
     ref: s,
@@ -697,7 +697,7 @@ const lt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 lt.displayName = $.displayName;
-const Pa = h.forwardRef(({ className: t, ...a }, s) => (
+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(Tt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
@@ -715,7 +715,7 @@ const Pa = h.forwardRef(({ className: t, ...a }, s) => (
   ] })
 ));
 Pa.displayName = $.Input.displayName;
-const dt = h.forwardRef(({ className: t, ...a }, s) => (
+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,
@@ -731,7 +731,7 @@ const dt = h.forwardRef(({ className: t, ...a }, s) => (
   ) })
 ));
 dt.displayName = $.Input.displayName;
-const ct = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const ct = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   $.List,
   {
     ref: s,
@@ -740,7 +740,7 @@ const ct = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 ct.displayName = $.List.displayName;
-const Ra = h.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
+const Ra = x.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
   $.Empty,
   {
     ref: a,
@@ -749,7 +749,7 @@ const Ra = h.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
   }
 ));
 Ra.displayName = $.Empty.displayName;
-const ka = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const ka = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   $.Group,
   {
     ref: s,
@@ -761,7 +761,7 @@ const ka = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 ka.displayName = $.Group.displayName;
-const Ia = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const Ia = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   $.Separator,
   {
     ref: s,
@@ -770,7 +770,7 @@ const Ia = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 Ia.displayName = $.Separator.displayName;
-const mt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+const mt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   $.Item,
   {
     ref: s,
@@ -782,7 +782,7 @@ const mt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   }
 ));
 mt.displayName = $.Item.displayName;
-const Oa = X.Root, ut = h.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, r) => /* @__PURE__ */ e.jsx(X.Portal, { children: /* @__PURE__ */ e.jsx(
+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: r,
@@ -805,26 +805,26 @@ const Ea = ({
   onEnterPress: i,
   ref: l
 }) => {
-  const [c, d] = U(!1), [f, g] = U(!1), C = Ft((u) => u.filtered.count), b = q(null);
+  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: (u) => {
-          b.current = u, typeof l == "function" ? l(u) : l && (l.current = u);
+        ref: (p) => {
+          b.current = p, typeof l == "function" ? l(p) : l && (l.current = p);
         },
         value: t,
         placeholder: r,
         className: m("h-9 bg-transparent", n),
         onFocus: () => d(!0),
         onBlur: () => {
-          f || d(!1);
+          u || d(!1);
         },
-        onKeyDown: (u) => {
-          var x;
-          u.key === "Enter" && (d(!1), (x = b.current) == null || x.blur(), i == null || i(u));
+        onKeyDown: (p) => {
+          var f;
+          p.key === "Enter" && (d(!1), (f = b.current) == null || f.blur(), i == null || i(p));
         },
-        onValueChange: (u) => s(u)
+        onValueChange: (p) => s(p)
       }
     ) }),
     /* @__PURE__ */ e.jsx(
@@ -832,37 +832,37 @@ const Ea = ({
       {
         onMouseEnter: () => g(!0),
         onMouseLeave: () => g(!1),
-        onOpenAutoFocus: (u) => u.preventDefault(),
+        onOpenAutoFocus: (p) => p.preventDefault(),
         className: m("p-0 w-[--radix-popover-trigger-width]", {
           "border-0": C === 0
         }),
         align: "start",
         side: "bottom",
-        onWheel: (u) => {
-          u.stopPropagation();
+        onWheel: (p) => {
+          p.stopPropagation();
         },
-        onTouchMove: (u) => {
-          u.stopPropagation();
+        onTouchMove: (p) => {
+          p.stopPropagation();
         },
-        children: /* @__PURE__ */ e.jsx(ct, { className: "max-h-[140px]", children: a.map((u) => /* @__PURE__ */ e.jsx(
+        children: /* @__PURE__ */ e.jsx(ct, { className: "max-h-[140px]", children: a.map((p) => /* @__PURE__ */ e.jsx(
           mt,
           {
-            value: u,
-            onSelect: (x) => {
-              s(x), d(!1);
+            value: p,
+            onSelect: (f) => {
+              s(f), d(!1);
             },
             className: "cursor-pointer",
-            children: u
+            children: p
           },
-          u
+          p
         )) })
       }
     )
   ] });
 }, ee = ({ shouldFilter: t, ...a }) => /* @__PURE__ */ e.jsx(lt, { className: "bg-transparent", shouldFilter: t, children: /* @__PURE__ */ e.jsx(Ea, { ...a }) }), Se = (t, a) => {
-  const s = h.forwardRef(({ className: n, asChild: r, ...i }, l) => {
+  const s = x.forwardRef(({ className: n, asChild: r, ...i }, l) => {
     const c = r ? ea : t;
-    return h.createElement(c, {
+    return x.createElement(c, {
       ...i,
       ref: l,
       className: typeof a == "function" ? a({ className: n }) : m(a, n)
@@ -909,25 +909,25 @@ const Ea = ({
   const { fields: s, append: n, remove: r } = ge({
     control: t,
     name: "headers"
-  }), { setValue: i, watch: l } = ye(), c = q([]), d = q([]), f = l("headers"), g = Lt(() => {
+  }), { setValue: i, watch: l } = ye(), c = q([]), d = q([]), u = l("headers"), g = Lt(() => {
     n({ name: "", value: "", active: !1 });
   }, [n]);
   fe(() => {
-    f.length === 0 && g();
-  }, [f, g]);
-  const C = (x) => {
-    var p;
-    (p = c.current[x]) == null || p.focus();
-  }, b = (x) => {
+    u.length === 0 && g();
+  }, [u, g]);
+  const C = (f) => {
+    var h;
+    (h = c.current[f]) == null || h.focus();
+  }, b = (f) => {
     g(), requestAnimationFrame(() => {
-      var p;
-      return (p = d.current[x + 1]) == null ? void 0 : p.focus();
+      var h;
+      return (h = d.current[f + 1]) == null ? void 0 : h.focus();
     });
-  }, u = a.filter((x) => !f.some((p) => p.name === x.name)).map(({ name: x }) => x);
+  }, 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(se, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Pe, { children: s.map((x, p) => {
+    /* @__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.${p}.name`)
+        (y) => y.name === l(`headers.${h}.name`)
       );
       return /* @__PURE__ */ e.jsxs(Re, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 ", children: [
@@ -935,12 +935,12 @@ const Ea = ({
             I,
             {
               control: t,
-              name: `headers.${p}.active`,
+              name: `headers.${h}.active`,
               render: ({ field: y }) => /* @__PURE__ */ e.jsx(
                 $e,
                 {
                   variant: "outline",
-                  id: `headers.${p}.active`,
+                  id: `headers.${h}.active`,
                   checked: y.value,
                   onCheckedChange: (N) => {
                     y.onChange(N);
@@ -953,20 +953,20 @@ const Ea = ({
             I,
             {
               control: t,
-              name: `headers.${p}.name`,
+              name: `headers.${h}.name`,
               render: ({ field: y }) => /* @__PURE__ */ e.jsx(
                 ee,
                 {
                   ...y,
                   placeholder: "Name",
                   className: "border-0 shadow-none bg-transparent text-xs font-mono",
-                  options: [...u, ...Aa],
-                  onEnterPress: () => C(p),
+                  options: [...p, ...Aa],
+                  onEnterPress: () => C(h),
                   onChange: (N) => {
-                    y.onChange(N), i(`headers.${p}.active`, !0);
+                    y.onChange(N), i(`headers.${h}.active`, !0);
                   },
                   ref: (N) => {
-                    d.current[p] = N;
+                    d.current[h] = N;
                   }
                 }
               )
@@ -978,7 +978,7 @@ const Ea = ({
             I,
             {
               control: t,
-              name: `headers.${p}.value`,
+              name: `headers.${h}.value`,
               render: ({ field: y }) => (v == null ? void 0 : v.enum) && v.enum.length > 0 ? /* @__PURE__ */ e.jsx(
                 ee,
                 {
@@ -986,7 +986,7 @@ const Ea = ({
                   value: y.value,
                   options: v.enum ?? [],
                   onChange: (w) => {
-                    y.onChange(w), i(`headers.${p}.active`, !0);
+                    y.onChange(w), i(`headers.${h}.active`, !0);
                   },
                   className: "font-mono text-xs border-0"
                 }
@@ -997,10 +997,10 @@ const Ea = ({
                   className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
                   ...y,
                   ref: (w) => {
-                    c.current[p] = w;
+                    c.current[h] = w;
                   },
                   onKeyDown: (w) => {
-                    w.key === "Enter" && w.currentTarget.value.trim() && b(p);
+                    w.key === "Enter" && w.currentTarget.value.trim() && b(h);
                   },
                   autoComplete: "off"
                 }
@@ -1013,13 +1013,13 @@ const Ea = ({
               size: "icon",
               variant: "ghost",
               className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
-              onClick: () => r(p),
+              onClick: () => r(h),
               type: "button",
               children: /* @__PURE__ */ e.jsx($t, { size: 16 })
             }
           )
         ] })
-      ] }, x.id);
+      ] }, f.id);
     }) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "text-end", children: /* @__PURE__ */ e.jsx(
       K,
@@ -1125,9 +1125,9 @@ const Ea = ({
               ee,
               {
                 value: d.value,
-                options: a.map((f) => f.name),
-                onChange: (f) => {
-                  d.onChange(f);
+                options: a.map((u) => u.name),
+                onChange: (u) => {
+                  d.onChange(u);
                 },
                 className: "border-0 font-mono text-xs bg-transparent hover:bg-transparent"
               }
@@ -1204,7 +1204,7 @@ const Ea = ({
       ] }),
       /* @__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-words", children: i })
+        /* @__PURE__ */ e.jsx("div", { className: "break-all", children: i })
       ] }, r)) }) })
     ] }),
     /* @__PURE__ */ e.jsxs(Fe, { defaultOpen: !0, children: [
@@ -1302,13 +1302,13 @@ const Ua = {
   size: r,
   url: i
 }) => {
-  var u;
-  const l = _a(a), c = Ja(t), d = c || t, [f, g] = U(
+  var p;
+  const l = _a(a), c = Ja(t), d = c || t, [u, g] = U(
     c ? "formatted" : "raw"
   ), C = It({
     queryKey: ["types", d],
     queryFn: async () => Ba(JSON.parse(d)),
-    enabled: f === "types"
+    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(Be, { defaultOpen: !0, children: [
@@ -1317,10 +1317,10 @@ const Ua = {
         /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Headers" })
       ] }),
       /* @__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(([x, p]) => /* @__PURE__ */ e.jsxs(k, { children: [
-          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: x }),
-          /* @__PURE__ */ e.jsx("div", { className: "break-all", children: p })
-        ] }, x)),
+        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]" }),
@@ -1328,20 +1328,20 @@ const Ua = {
             b.length - 5,
             " more headers"
           ] }),
-          /* @__PURE__ */ e.jsx(Me, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: b.slice(5).map(([x, p]) => /* @__PURE__ */ e.jsxs(k, { children: [
-            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: x }),
-            /* @__PURE__ */ e.jsx("div", { className: "break-all", children: p })
-          ] }, x)) })
+          /* @__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(je, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
       Kt,
       {
-        language: f === "types" ? "typescript" : f === "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: (f === "raw" ? t : f === "types" ? (u = C.data) == null ? void 0 : u.lines.join(`
+        code: (u === "raw" ? t : u === "types" ? (p = C.data) == null ? void 0 : p.lines.join(`
 `) : d) ?? ""
       }
     ) }),
@@ -1370,8 +1370,8 @@ const Ua = {
       c && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
         Qe,
         {
-          value: f,
-          onValueChange: (x) => g(x),
+          value: u,
+          onValueChange: (f) => g(f),
           children: [
             /* @__PURE__ */ e.jsx(Ze, { className: "min-w-32", children: /* @__PURE__ */ e.jsx(We, { placeholder: "View" }) }),
             /* @__PURE__ */ e.jsxs(Ke, { children: [
@@ -1498,9 +1498,9 @@ const Ua = {
   examples: d
 }) => {
   var Oe, Ee, Ae;
-  const { selectedServer: f, setSelectedServer: g } = Ot(
+  const { selectedServer: u, setSelectedServer: g } = Ot(
     a.map((o) => ({ url: o }))
-  ), [, C] = Vt(), { register: b, control: u, handleSubmit: x, watch: p, setValue: v, ...y } = Mt({
+  ), [, C] = Vt(), { register: b, control: p, handleSubmit: f, watch: h, setValue: v, ...y } = Mt({
     defaultValues: {
       body: c,
       queryParams: i.map((o) => ({
@@ -1533,7 +1533,7 @@ const Ua = {
       ]),
       identity: H
     }
-  }), N = p(), w = Et(), L = q(!1);
+  }), N = h(), w = Et(), L = q(!1);
   fe(() => {
     var R;
     if (L.current) return;
@@ -1544,7 +1544,7 @@ const Ua = {
     mutationFn: async (o) => {
       var J, F;
       const R = performance.now(), S = new Request(
-        xa(f ?? t, s, o),
+        xa(t ?? u, s, o),
         {
           method: n.toUpperCase(),
           headers: Object.fromEntries(
@@ -1553,7 +1553,7 @@ const Ua = {
           body: o.body ? o.body : void 0
         }
       );
-      o.identity !== H && ((F = (J = w.data) == null ? void 0 : J.find((T) => T.id === o.identity)) == null || F.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)
@@ -1608,33 +1608,33 @@ const Ua = {
     encodeURIComponent(o.value).replaceAll("%20", "+"),
     R < S.length - 1 && "&",
     /* @__PURE__ */ e.jsx("wbr", {})
-  ] }, o.name)), xt = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: a && a.length > 1 ? /* @__PURE__ */ e.jsxs(
+  ] }, 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: (o) => {
         C(() => g(o));
       },
-      value: f,
-      defaultValue: f,
+      value: u,
+      defaultValue: u,
       children: [
         /* @__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(
     _t,
     {
       register: b,
-      control: u,
-      handleSubmit: x,
-      watch: p,
+      control: p,
+      handleSubmit: f,
+      watch: h,
       setValue: v,
       ...y,
       children: /* @__PURE__ */ e.jsx(
         "form",
         {
-          onSubmit: x((o) => _.mutateAsync(o)),
+          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: [
@@ -1673,15 +1673,15 @@ const Ua = {
                   ] }),
                   /* @__PURE__ */ e.jsx(E, { value: "body", children: "Body" })
                 ] }) }),
-                /* @__PURE__ */ e.jsx(A, { value: "headers", children: /* @__PURE__ */ e.jsx(qa, { control: u, headers: r }) }),
+                /* @__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(Da, { control: u })
+                    /* @__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(Va, { control: u, queryParams: i })
+                    /* @__PURE__ */ e.jsx(Va, { control: p, queryParams: i })
                   ] })
                 ] }),
                 /* @__PURE__ */ e.jsxs(A, { value: "body", children: [
@@ -1868,7 +1868,7 @@ const Ua = {
 }), Je = (t) => ({
   path: t.routePath,
   async lazy() {
-    const { OasProvider: a } = await import("./OasProvider-DGKSXGQm.js");
+    const { OasProvider: a } = await import("./OasProvider-IS9wBrb7.js");
     return {
       element: /* @__PURE__ */ e.jsx(
         a,
@@ -1889,7 +1889,7 @@ const Ua = {
 }) => ({
   path: t,
   async lazy() {
-    const { OperationList: n } = await import("./OperationList-BBE1QsAN.js");
+    const { OperationList: n } = await import("./OperationList-BTmRbbXk.js");
     return { element: /* @__PURE__ */ e.jsx(n, { tag: a, untagged: s }) };
   }
 }), as = (t, a) => {
@@ -1997,17 +1997,18 @@ const Ua = {
         server: r,
         method: i,
         url: l,
-        ...c
+        children: c,
+        ...d
       }) => {
-        const d = At();
+        const u = At();
         if (!r)
           throw new Error("Server is required");
-        return n && !d.isAuthenticated ? /* @__PURE__ */ e.jsxs(
+        return n && !u.isAuthenticated ? /* @__PURE__ */ e.jsxs(
           K,
           {
             className: "gap-2 items-center",
             variant: "outline",
-            onClick: d.login,
+            onClick: u.login,
             children: [
               "Login to open in Playground ",
               /* @__PURE__ */ e.jsx(Pt, { size: 16 })
@@ -2019,11 +2020,11 @@ const Ua = {
             url: l ?? "/",
             method: i ?? "get",
             server: r,
-            ...c,
-            children: /* @__PURE__ */ e.jsxs(K, { className: "gap-2 items-center", variant: "outline", children: [
+            ...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(Rt, { size: 16 })
-            ] })
+            ] }) })
           }
         );
       }
@@ -2037,21 +2038,21 @@ const Ua = {
         n
       );
       try {
-        const l = r == null ? void 0 : r.params.version, c = l ?? pt(t).at(0), d = t.type, f = 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(
+        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)
-        ), [u, x] = await Promise.all([
-          s.fetch(ns, { type: d, input: f }),
+        ), [p, f] = await Promise.all([
+          s.fetch(ns, { type: d, input: u }),
           s.fetch(rs, {
             type: d,
-            input: f,
+            input: u,
             tag: t.loadTags ? void 0 : b
           })
-        ]), p = u.schema.tags.flatMap((v) => {
+        ]), h = p.schema.tags.flatMap((v) => {
           const y = O(
             a,
             l,
             W(v.name)
-          ), N = x.schema.operations.filter(
+          ), 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));
@@ -2065,15 +2066,15 @@ const Ua = {
             collapsed: C
           });
         });
-        return x.schema.untagged.length > 0 && p.push(
+        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 ? x.schema.untagged : [],
+            operations: (r == null ? void 0 : r.params.tag) === G || t.loadTags ? f.schema.untagged : [],
             collapsible: g,
             collapsed: C
           })
-        ), p;
+        ), h;
       } catch {
         return [];
       }
@@ -2094,4 +2095,4 @@ export {
   za as m,
   Is as o
 };
-//# sourceMappingURL=index-DzaciJI0.js.map
+//# sourceMappingURL=index-BANyVRgL.js.map