zudoku 0.0.0-f9d5b02 → 0.0.0-fabd0c1

package/lib/index-DStSNvP-.js

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