zudoku 0.3.0-dev.129 → 0.3.0-dev.130

package/lib/zudoku.plugin-openapi.js

@@ -1,5 +1,5 @@
 import "./jsx-runtime-B6kdoens.js";
-import { o as l } from "./index-Bx0AgZT5.js";
+import { o as l } from "./index-D-9zqIOh.js";
 import "./urql-DrBfkb92.js";
 import "./ZudokuContext-BIZ8zHbZ.js";
 import "zudoku/openapi-worker";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zudoku",
-  "version": "0.3.0-dev.129",
+  "version": "0.3.0-dev.130",
   "type": "module",
   "files": [
     "dist",

package/src/app/main.css

@@ -170,6 +170,28 @@
     }
   }
 
+  .scrollbar::-webkit-scrollbar {
+    padding: 2px;
+    width: 12px;
+    height: 12px;
+    background: transparent;
+  }
+
+  .scrollbar:hover::-webkit-scrollbar-thumb {
+    background: hsla(var(--border));
+    border-radius: 12px;
+    border: 2px solid transparent;
+    background-clip: content-box;
+  }
+
+  .scrollbar::-webkit-scrollbar-thumb {
+    background: transparent;
+  }
+
+  .scrollbar::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+
   /* Theme */
   :root {
     --background: 0 0% 100%;

package/src/lib/components/navigation/SidebarWrapper.tsx

@@ -4,21 +4,23 @@ import { cn } from "../../util/cn.js";
 export const SidebarWrapper = forwardRef<
   HTMLDivElement,
   PropsWithChildren<{ pushMainContent?: boolean; className?: string }>
->(function SideNavigation({ children, className, pushMainContent }, ref) {
-  return (
-    <nav
-      // this data attribute is used in `Layout.tsx` to determine if side navigation
-      // is present for the current page so the main content is pushed to the right
-      // it's also important to set `peer` class here.
-      // maybe this could be simplified by adjusting the layout
-      data-navigation={String(pushMainContent)}
-      className={cn(
-        "peer hidden lg:flex flex-col fixed text-sm overflow-y-auto shrink-0 p-[--padding-nav-item] -mx-[--padding-nav-item] pb-20 pt-[--padding-content-top] w-[--side-nav-width] h-[calc(100%-var(--header-height))] scroll-pt-2 gap-2",
-        className,
-      )}
-      ref={ref}
-    >
-      {children}
-    </nav>
-  );
-});
+>(({ children, className, pushMainContent }, ref) => (
+  <nav
+    // this data attribute is used in `Layout.tsx` to determine if side navigation
+    // is present for the current page so the main content is pushed to the right
+    // it's also important to set `peer` class here.
+    // maybe this could be simplified by adjusting the layout
+    data-navigation={String(pushMainContent)}
+    className={cn(
+      "scrollbar peer hidden lg:flex flex-col fixed text-sm overflow-y-auto shrink-0",
+      "px-[--padding-nav-item] -mx-[--padding-nav-item] pb-20 mt-[--padding-content-top]",
+      "w-[--side-nav-width] h-[calc(100%-var(--header-height))] scroll-pt-2 gap-2",
+      className,
+    )}
+    ref={ref}
+  >
+    {children}
+  </nav>
+));
+
+SidebarWrapper.displayName = "SidebarWrapper";

package/src/lib/plugins/openapi/OperationListItem.tsx

@@ -1,7 +1,6 @@
 import { useState } from "react";
 import { Heading } from "../../components/Heading.js";
 import { Markdown } from "../../components/Markdown.js";
-import { Card } from "../../ui/Card.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../ui/Tabs.js";
 import { groupBy } from "../../util/groupBy.js";
 import { renderIf } from "../../util/renderIf.js";
@@ -96,16 +95,12 @@ export const OperationListItem = ({
                     value={response.statusCode}
                     key={response.statusCode}
                   >
-                    {renderIf(
-                      response.content?.find((content) => content.schema),
-                      (content) => {
-                        return <SchemaView schema={content.schema} />;
-                      },
-                    ) ?? (
-                      <Card className="font-mono text-sm p-4 italic bg-border/20">
-                        No response body
-                      </Card>
-                    )}
+                    <SchemaView
+                      schema={
+                        response.content?.find((content) => content.schema)
+                          ?.schema
+                      }
+                    />
                   </TabsContent>
                 ))}
               </ul>

package/src/lib/plugins/openapi/index.tsx

@@ -164,7 +164,7 @@ export const openApiPlugin = (
         .map<SidebarItem>((tag) => ({
           type: "category",
           label: tag.name ?? "",
-          collapsible: false,
+          collapsible: true,
           collapsed: false,
           items: tag.operations.map((operation) => ({
             type: "link",

package/src/lib/plugins/openapi/schema/SchemaView.tsx

@@ -1,5 +1,7 @@
+import { Markdown, ProseClasses } from "../../../components/Markdown.js";
 import type { SchemaObject } from "../../../oas/parser/index.js";
 import { Card, CardContent, CardHeader, CardTitle } from "../../../ui/Card.js";
+import { cn } from "../../../util/cn.js";
 import { groupBy } from "../../../util/groupBy.js";
 import { SchemaLogicalGroup, SchemaPropertyItem } from "./SchemaComponents.js";
 import { hasLogicalGroupings } from "./utils.js";
@@ -9,15 +11,27 @@ export const SchemaView = ({
   level = 0,
   defaultOpen = false,
 }: {
-  schema: SchemaObject;
+  schema?: SchemaObject | null;
   level?: number;
   defaultOpen?: boolean;
 }) => {
+  if (!schema || Object.keys(schema).length === 0) {
+    return (
+      <Card className="p-4">
+        <span className="text-sm text-muted-foreground italic">
+          No response specified
+        </span>
+      </Card>
+    );
+  }
+
   const renderSchema = (schema: SchemaObject, level: number) => {
     if (schema.oneOf || schema.allOf || schema.anyOf) {
       return <SchemaLogicalGroup schema={schema} level={level} />;
     }
 
+    // Sometimes items is not defined
+    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (schema.type === "array" && schema.items) {
       const itemsSchema = schema.items as SchemaObject;
 
@@ -26,11 +40,19 @@ export const SchemaView = ({
         ["string", "number", "boolean", "integer"].includes(itemsSchema.type)
       ) {
         return (
-          <Card className="my-2">
-            <CardContent>
-              <strong>{`array<${itemsSchema.type}>`}</strong>
-              {schema.description && <p>{schema.description}</p>}
-            </CardContent>
+          <Card className="p-4">
+            <span className="text-sm text-muted-foreground">
+              {itemsSchema.type}[]
+            </span>
+            {schema.description && (
+              <Markdown
+                className={cn(
+                  ProseClasses,
+                  "text-sm leading-normal line-clamp-4",
+                )}
+                content={schema.description}
+              />
+            )}
           </Card>
         );
       } else if (
@@ -38,7 +60,7 @@ export const SchemaView = ({
         hasLogicalGroupings(itemsSchema)
       ) {
         return (
-          <Card className="flex flex-col gap-2 bg-border/30 p-4 ">
+          <Card className="flex flex-col gap-2 bg-border/30 p-4">
             <span className="text-sm text-muted-foreground">object[]</span>
             {renderSchema(itemsSchema, level + 1)}
           </Card>
@@ -48,6 +70,24 @@ export const SchemaView = ({
       }
     }
 
+    if (schema.type === "object" && !schema.properties) {
+      return (
+        <Card className="p-4 flex gap-2 items-center">
+          {"name" in schema && <>{schema.name}</>}
+          <span className="text-sm text-muted-foreground">object</span>
+          {schema.description && (
+            <Markdown
+              className={cn(
+                ProseClasses,
+                "text-sm leading-normal line-clamp-4",
+              )}
+              content={schema.description}
+            />
+          )}
+        </Card>
+      );
+    }
+
     if (schema.properties) {
       const groupedProperties = groupBy(
         Object.entries(schema.properties),
@@ -89,6 +129,26 @@ export const SchemaView = ({
       );
     }
 
+    if (
+      typeof schema.type === "string" &&
+      ["string", "number", "boolean", "integer", "null"].includes(schema.type)
+    ) {
+      return (
+        <Card className="p-4">
+          <span className="text-sm text-muted-foreground">{schema.type}</span>
+          {schema.description && (
+            <Markdown
+              className={cn(
+                ProseClasses,
+                "text-sm leading-normal line-clamp-4",
+              )}
+              content={schema.description}
+            />
+          )}
+        </Card>
+      );
+    }
+
     if (schema.additionalProperties) {
       return (
         <Card className="my-2">

package/lib/OperationList-BoB5bkdm.js

@@ -1,414 +0,0 @@
-import { j as e } from "./jsx-runtime-B6kdoens.js";
-import { C as b } from "./CategoryHeading-z15xh7Jb.js";
-import { D as v } from "./DeveloperHint-BQSFXH01.js";
-import { C as A, a as x, b as N, c as I, d as R, T as k, e as H, f as $, g as F, S as B, h as P, u as M, E as z } from "./index-Bx0AgZT5.js";
-import { c as E, h as j, H as h, a as f, P as q, I as O, S as G } from "./Markdown-CEccPMI_.js";
-import { useState as w } from "react";
-import { R as D, T as Q, C as V, a as _ } from "./index-Dz4LyXZI.js";
-import { u as J } from "./urql-DrBfkb92.js";
-import { B as K } from "./Combination-DTfV-c98.js";
-/**
- * @license lucide-react v0.378.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const U = E("ListPlus", [
-  ["path", { d: "M11 12H3", key: "51ecnj" }],
-  ["path", { d: "M16 6H3", key: "1wxfjs" }],
-  ["path", { d: "M16 18H3", key: "12xzn7" }],
-  ["path", { d: "M18 9v6", key: "1twb98" }],
-  ["path", { d: "M21 12h-6", key: "bt1uis" }]
-]);
-function Z(t, s) {
-  return s;
-}
-const L = (t, s) => t.reduce(
-  (i, n) => {
-    const r = s(n);
-    return i[r] || (i[r] = []), i[r].push(n), i;
-  },
-  {}
-), C = (t, s) => t ? s(t) : void 0, S = (t) => t.schema != null && typeof t.schema == "object" ? t.schema : {
-  type: "string"
-}, W = ({
-  parameter: t,
-  group: s,
-  id: i
-}) => /* @__PURE__ */ e.jsxs("li", { className: "p-4 bg-border/20 text-sm flex flex-col gap-1", children: [
-  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ e.jsx("code", { children: s === "path" ? /* @__PURE__ */ e.jsx(
-      A,
-      {
-        name: t.name,
-        backgroundOpacity: "15%",
-        slug: i + "-" + t.name.toLocaleLowerCase()
-      }
-    ) : t.name }),
-    t.required && /* @__PURE__ */ e.jsx("span", { className: "py-px px-1.5 font-medium bg-primary/75 text-muted rounded-lg", children: "required" }),
-    S(t).type && /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: S(t).type })
-  ] }),
-  t.description && /* @__PURE__ */ e.jsx(
-    j,
-    {
-      content: t.description,
-      className: "text-sm prose-p:my-1"
-    }
-  )
-] }), X = ({
-  group: t,
-  parameters: s,
-  id: i
-}) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-  /* @__PURE__ */ e.jsx(h, { level: 3, id: `${i}/${t}-parameters`, className: "capitalize", children: t === "header" ? "Headers" : `${t} Parameters` }),
-  /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsx("ul", { className: "list-none m-0 px-0 divide-y ", children: s.sort((n, r) => n.required === r.required ? 0 : n.required ? -1 : 1).map((n) => /* @__PURE__ */ e.jsx(
-    W,
-    {
-      parameter: n,
-      id: i,
-      group: t
-    },
-    `${n.name}-${n.in}`
-  )) }) })
-] }), Y = (t) => t.type === "object" || t.type === "array" && typeof t.items == "object" && (!t.items.type || t.items.type === "object"), y = (t) => !!(t.oneOf ?? t.allOf ?? t.anyOf), T = ({
-  schema: t,
-  level: s
-}) => {
-  const i = (n, r, c) => n.map((o, d) => /* @__PURE__ */ e.jsxs("div", { className: "my-2", children: [
-    /* @__PURE__ */ e.jsx("strong", { children: r }),
-    /* @__PURE__ */ e.jsxs("div", { className: "mt-2", children: [
-      /* @__PURE__ */ e.jsx(u, { schema: o, level: s + 1 }),
-      d < n.length - 1 && /* @__PURE__ */ e.jsx("div", { className: "text-center my-2", children: c })
-    ] })
-  ] }, d));
-  return t.oneOf ? i(t.oneOf, "One of", "OR") : t.allOf ? i(t.allOf, "All of", "AND") : t.anyOf ? i(t.anyOf, "Any of", "OR") : null;
-}, ee = ({
-  name: t,
-  value: s,
-  group: i,
-  level: n,
-  defaultOpen: r = !1,
-  showCollapseButton: c = !0
-}) => {
-  var m;
-  const [o, d] = w(r);
-  return /* @__PURE__ */ e.jsx("li", { className: "p-4 bg-border/20 hover:bg-border/30", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-1 justify-between text-sm", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-center", children: [
-      /* @__PURE__ */ e.jsx("code", { children: t }),
-      /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: s.type === "array" && ((m = s.items) != null && m.type) ? /* @__PURE__ */ e.jsxs("span", { children: [
-        s.items.type,
-        "[]"
-      ] }) : Array.isArray(s.type) ? /* @__PURE__ */ e.jsx("span", { children: s.type.join(" | ") }) : /* @__PURE__ */ e.jsx("span", { children: s.type }) }),
-      i === "optional" && /* @__PURE__ */ e.jsx("span", { className: "py-px px-1.5 font-medium border rounded-lg", children: "optional" })
-    ] }),
-    s.description && /* @__PURE__ */ e.jsx(
-      j,
-      {
-        className: f(q, "text-sm leading-normal line-clamp-4"),
-        content: s.description
-      }
-    ),
-    (y(s) || Y(s)) && /* @__PURE__ */ e.jsxs(
-      D,
-      {
-        defaultOpen: r,
-        open: o,
-        onOpenChange: () => d(!o),
-        children: [
-          c && /* @__PURE__ */ e.jsx(Q, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
-            K,
-            {
-              variant: "outline",
-              size: "sm",
-              className: "mt-2 flex gap-1.5",
-              children: [
-                /* @__PURE__ */ e.jsx(U, { size: 18 }),
-                o ? "Hide nested properties" : "Show nested properties"
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsxs("div", { className: "mt-2", children: [
-            y(s) && /* @__PURE__ */ e.jsx(T, { schema: s, level: n + 1 }),
-            s.type === "object" && /* @__PURE__ */ e.jsx(u, { schema: s, level: n + 1 }),
-            s.type === "array" && typeof s.items == "object" && /* @__PURE__ */ e.jsx(u, { schema: s.items, level: n + 1 })
-          ] }) })
-        ]
-      }
-    )
-  ] }) });
-}, u = ({
-  schema: t,
-  level: s = 0,
-  defaultOpen: i = !1
-}) => {
-  const n = (r, c) => {
-    if (r.oneOf || r.allOf || r.anyOf)
-      return /* @__PURE__ */ e.jsx(T, { schema: r, level: c });
-    if (r.type === "array" && r.items) {
-      const o = r.items;
-      return typeof o.type == "string" && ["string", "number", "boolean", "integer"].includes(o.type) ? /* @__PURE__ */ e.jsx(x, { className: "my-2", children: /* @__PURE__ */ e.jsxs(N, { children: [
-        /* @__PURE__ */ e.jsx("strong", { children: `array<${o.type}>` }),
-        r.description && /* @__PURE__ */ e.jsx("p", { children: r.description })
-      ] }) }) : o.type === "object" || y(o) ? /* @__PURE__ */ e.jsxs(x, { className: "flex flex-col gap-2 bg-border/30 p-4 ", children: [
-        /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "object[]" }),
-        n(o, c + 1)
-      ] }) : n(o, c + 1);
-    }
-    if (r.properties) {
-      const o = L(
-        Object.entries(r.properties),
-        ([a, l]) => {
-          var p;
-          return l.deprecated ? "deprecated" : (p = r.required) != null && p.includes(a) ? "required" : "optional";
-        }
-      ), d = c === 0 && Object.keys(o).length === 1, m = ["required", "optional", "deprecated"];
-      return /* @__PURE__ */ e.jsx(x, { className: "divide-y overflow-hidden", children: m.map(
-        (a) => o[a] && /* @__PURE__ */ e.jsx("ul", { className: "divide-y", children: o[a].map(([l, p]) => /* @__PURE__ */ e.jsx(
-          ee,
-          {
-            name: l,
-            value: p,
-            group: a,
-            level: c,
-            defaultOpen: d || i,
-            showCollapseButton: !d
-          },
-          l
-        )) }, a)
-      ) });
-    }
-    return r.additionalProperties ? /* @__PURE__ */ e.jsxs(x, { className: "my-2", children: [
-      /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsx(R, { children: "Additional Properties:" }) }),
-      /* @__PURE__ */ e.jsx(N, { children: n(
-        r.additionalProperties,
-        c + 1
-      ) })
-    ] }) : null;
-  };
-  return n(t, s);
-}, g = f(
-  q,
-  "max-w-full prose-img:max-w-prose"
-), se = ["path", "query", "header", "cookie"], te = ({
-  operationFragment: t
-}) => {
-  var o, d, m;
-  const s = Z(re, t), i = L(
-    s.parameters ?? [],
-    (a) => a.in
-  ), n = s.responses.at(0), [r, c] = w(n == null ? void 0 : n.statusCode);
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: "grid grid-cols-1 lg:grid-cols-[4fr_3fr] gap-8 items-start border-b-2 mb-16 pb-16",
-      children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ e.jsx(h, { level: 2, id: s.slug, registerSidebarAnchor: !0, children: s.summary }),
-          s.description && /* @__PURE__ */ e.jsx(
-            j,
-            {
-              className: g,
-              content: s.description
-            }
-          ),
-          s.parameters && s.parameters.length > 0 && /* @__PURE__ */ e.jsx(e.Fragment, { children: se.flatMap(
-            (a) => {
-              var l;
-              return (l = i[a]) != null && l.length ? /* @__PURE__ */ e.jsx(
-                X,
-                {
-                  id: s.slug,
-                  parameters: i[a],
-                  group: a
-                },
-                a
-              ) : [];
-            }
-          ) }),
-          C((m = (d = (o = s.requestBody) == null ? void 0 : o.content) == null ? void 0 : d.at(0)) == null ? void 0 : m.schema, (a) => /* @__PURE__ */ e.jsxs("div", { className: "mt-4 flex flex-col gap-4", children: [
-            /* @__PURE__ */ e.jsx(h, { level: 3, className: "capitalize", children: "Request Body" }),
-            /* @__PURE__ */ e.jsx(u, { schema: a })
-          ] })),
-          s.responses.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(h, { level: 3, className: "capitalize mt-8 pt-8 border-t", children: "Responses" }),
-            /* @__PURE__ */ e.jsxs(
-              k,
-              {
-                onValueChange: (a) => c(a),
-                value: r,
-                children: [
-                  s.responses.length > 1 && /* @__PURE__ */ e.jsx(H, { children: s.responses.map((a) => /* @__PURE__ */ e.jsx(
-                    $,
-                    {
-                      value: a.statusCode,
-                      title: a.description,
-                      children: a.statusCode
-                    },
-                    a.statusCode
-                  )) }),
-                  /* @__PURE__ */ e.jsx("ul", { className: "list-none m-0 px-0 overflow-hidden", children: s.responses.map((a) => {
-                    var l;
-                    return /* @__PURE__ */ e.jsx(
-                      F,
-                      {
-                        value: a.statusCode,
-                        children: C(
-                          (l = a.content) == null ? void 0 : l.find((p) => p.schema),
-                          (p) => /* @__PURE__ */ e.jsx(u, { schema: p.schema })
-                        ) ?? /* @__PURE__ */ e.jsx(x, { className: "font-mono text-sm p-4 italic bg-border/20", children: "No response body" })
-                      },
-                      a.statusCode
-                    );
-                  }) })
-                ]
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ e.jsx(
-          B,
-          {
-            selectedResponse: r,
-            onSelectResponse: c,
-            operation: s
-          }
-        )
-      ]
-    },
-    s.operationId
-  );
-}, re = P(
-  /* GraphQL */
-  `
-  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
-        }
-        schema
-      }
-      description
-      required
-    }
-    responses {
-      statusCode
-      links
-      description
-      content {
-        mediaType
-        encoding {
-          name
-        }
-        schema
-      }
-    }
-  }
-`
-), ne = P(
-  /* GraphQL */
-  `
-  query AllOperations($input: JSON!, $type: SchemaType!) {
-    schema(input: $input, type: $type) {
-      description
-      title
-      url
-      version
-      tags {
-        name
-        description
-        operations {
-          slug
-          ...OperationsFragment
-        }
-      }
-    }
-  }
-`
-), ie = { suspense: !0 }, je = () => {
-  var r;
-  const { type: t, input: s } = M(), [i] = J({
-    query: ne,
-    variables: { type: t, input: s },
-    context: ie
-  }), n = (r = i.error) == null ? void 0 : r.graphQLErrors.at(0);
-  return n ? /* @__PURE__ */ e.jsx(
-    z,
-    {
-      category: "Error",
-      title: "Schema cannot be displayed",
-      message: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsxs(v, { className: "mb-4", children: [
-          "Check your configuration value ",
-          /* @__PURE__ */ e.jsx(O, { children: "apis.type" }),
-          " ",
-          "and ",
-          /* @__PURE__ */ e.jsx(O, { children: "apis.input" }),
-          " in the Zudoku config."
-        ] }),
-        "An error occurred while trying to fetch the API reference:",
-        /* @__PURE__ */ e.jsx(G, { code: n.toString(), language: "plain" })
-      ] })
-    }
-  ) : i.data ? /* @__PURE__ */ e.jsxs("div", { className: "pt-[--padding-content-top]", children: [
-    /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        className: f(
-          g,
-          "mb-16 max-w-full prose-img:max-w-prose"
-        ),
-        children: [
-          /* @__PURE__ */ e.jsx(b, { children: "Overview" }),
-          /* @__PURE__ */ e.jsx(h, { level: 1, id: "description", registerSidebarAnchor: !0, children: i.data.schema.title }),
-          /* @__PURE__ */ e.jsx(j, { content: i.data.schema.description ?? "" })
-        ]
-      }
-    ),
-    i.data.schema.tags.filter((c) => c.operations.length > 0).map((c) => /* @__PURE__ */ e.jsxs("div", { children: [
-      c.name && /* @__PURE__ */ e.jsx(b, { children: c.name }),
-      c.description && /* @__PURE__ */ e.jsx(
-        j,
-        {
-          className: `${g} mt-2 mb-12`,
-          content: c.description
-        }
-      ),
-      /* @__PURE__ */ e.jsx("div", { className: "operation mb-12", children: /* @__PURE__ */ e.jsx(_, { children: c.operations.map((o) => /* @__PURE__ */ e.jsx(
-        te,
-        {
-          operationFragment: o
-        },
-        o.slug
-      )) }) })
-    ] }, c.name))
-  ] }) : null;
-};
-export {
-  je as OperationList,
-  re as OperationsFragment
-};
-//# sourceMappingURL=OperationList-BoB5bkdm.js.map