fromsrc 0.0.2 → 0.0.21

package/dist/components/navlink.js

@@ -17,7 +17,7 @@ function NavLinkComponent({
   const isExternal = external ?? href.startsWith("http");
   useEffect(() => {
     if (isActive && ref.current) {
-      ref.current.scrollIntoView({ block: "nearest", behavior: "smooth" });
+      ref.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
     }
   }, [isActive]);
   if (isExternal) {
@@ -31,7 +31,14 @@ function NavLinkComponent({
         "aria-label": `${typeof children === "string" ? children : ""} (opens in new tab)`,
         className: "flex items-center gap-2 px-2 py-1.5 text-sm rounded-lg text-muted hover:bg-surface/50 hover:text-fg transition-colors [transition-duration:150ms] hover:[transition-duration:0ms]",
         children: [
-          icon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0 [&>svg]:w-4 [&>svg]:h-4", "aria-hidden": "true", children: icon }),
+          icon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "w-4 h-4 shrink-0 [&>svg]:w-4 [&>svg]:h-4",
+              "aria-hidden": "true",
+              children: icon
+            }
+          ),
           /* @__PURE__ */ jsx("span", { className: "truncate", children }),
           /* @__PURE__ */ jsx(
             "svg",
@@ -66,7 +73,14 @@ function NavLinkComponent({
       "aria-current": isActive ? "page" : void 0,
       className: `flex items-center gap-2 px-2 py-1.5 text-sm rounded-lg transition-colors [transition-duration:150ms] hover:[transition-duration:0ms] ${isActive ? "text-fg bg-surface/80 font-medium" : "text-muted hover:text-fg hover:bg-surface/50"}`,
       children: [
-        icon && /* @__PURE__ */ jsx("span", { className: "w-4 h-4 shrink-0 [&>svg]:w-4 [&>svg]:h-4", "aria-hidden": "true", children: icon }),
+        icon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "w-4 h-4 shrink-0 [&>svg]:w-4 [&>svg]:h-4",
+            "aria-hidden": "true",
+            children: icon
+          }
+        ),
         /* @__PURE__ */ jsx("span", { className: "truncate", children })
       ]
     }

package/dist/components/openapi.d.ts

@@ -8,7 +8,7 @@ interface OpenapiProps {
     path?: string;
     group?: "none" | "tag";
 }
-declare function OpenapiBase({ spec, tag, method, path, group }: OpenapiProps): JSX.Element;
+declare function OpenapiBase({ spec, tag, method, path, group, }: OpenapiProps): JSX.Element;
 declare const Openapi: react.MemoExoticComponent<typeof OpenapiBase>;
 
 export { Openapi, type OpenapiProps };

package/dist/components/openapi.js

@@ -12,7 +12,9 @@ function bymethod(endpoint, method) {
   return endpoint.method.toLowerCase() === method.toLowerCase();
 }
 function bytag(endpoint, tag) {
-  return endpoint.tags.some((entry) => entry.toLowerCase() === tag.toLowerCase());
+  return endpoint.tags.some(
+    (entry) => entry.toLowerCase() === tag.toLowerCase()
+  );
 }
 function parsedspec(spec) {
   try {
@@ -22,39 +24,61 @@ function parsedspec(spec) {
   }
 }
 function methodrank(method) {
-  const list = ["get", "post", "put", "patch", "delete", "options", "head", "trace"];
+  const list = [
+    "get",
+    "post",
+    "put",
+    "patch",
+    "delete",
+    "options",
+    "head",
+    "trace"
+  ];
   const index = list.indexOf(method.toLowerCase());
   return index === -1 ? list.length : index;
 }
 function sorted(endpoints) {
   return [...endpoints].sort((left, right) => {
-    if (left.path === right.path) return methodrank(left.method) - methodrank(right.method);
+    if (left.path === right.path) {
+      return methodrank(left.method) - methodrank(right.method);
+    }
     return left.path.localeCompare(right.path);
   });
 }
 function formatseclabel(list) {
-  if (!list || list.length === 0) return null;
+  if (!list || list.length === 0) {
+    return null;
+  }
   return list.join(", ");
 }
 function tagname(endpoint) {
   const first = endpoint.tags[0];
-  if (!first) return "untagged";
+  if (!first) {
+    return "untagged";
+  }
   return first;
 }
 function tagid(name) {
-  return `tag-${name.toLowerCase().replace(/[^a-z0-9]+/g, "-")}`;
+  return `tag-${name.toLowerCase().replaceAll(/[^a-z0-9]+/g, "-")}`;
 }
 function groups(endpoints) {
   const map = /* @__PURE__ */ new Map();
   for (const endpoint of endpoints) {
     const name = tagname(endpoint);
     const list = map.get(name);
-    if (list) list.push(endpoint);
-    else map.set(name, [endpoint]);
+    if (list) {
+      list.push(endpoint);
+    } else {
+      map.set(name, [endpoint]);
+    }
   }
-  return Array.from(map.entries()).sort((left, right) => {
-    if (left[0] === "untagged") return 1;
-    if (right[0] === "untagged") return -1;
+  return [...map.entries()].sort((left, right) => {
+    if (left[0] === "untagged") {
+      return 1;
+    }
+    if (right[0] === "untagged") {
+      return -1;
+    }
     return left[0].localeCompare(right[0]);
   });
 }
@@ -63,7 +87,14 @@ function endpointmeta(endpoint) {
   return /* @__PURE__ */ jsxs("div", { className: "mb-4 flex flex-wrap items-center gap-2 text-xs", children: [
     endpoint.operationId && /* @__PURE__ */ jsx("span", { className: "rounded border border-line px-2 py-1 font-mono text-dim", children: endpoint.operationId }),
     endpoint.deprecated && /* @__PURE__ */ jsx("span", { className: "rounded border border-red-500/30 bg-red-500/10 px-2 py-1 text-red-400", children: "deprecated" }),
-    endpoint.tags.map((entry) => /* @__PURE__ */ jsx("span", { className: "rounded border border-line px-2 py-1 text-muted", children: entry }, `${endpoint.path}-${endpoint.method}-tag-${entry}`)),
+    endpoint.tags.map((entry) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "rounded border border-line px-2 py-1 text-muted",
+        children: entry
+      },
+      `${endpoint.path}-${endpoint.method}-tag-${entry}`
+    )),
     security && /* @__PURE__ */ jsxs("span", { className: "rounded border border-line px-2 py-1 text-muted", children: [
       "security: ",
       security
@@ -91,34 +122,66 @@ function endpointview(endpoint) {
         )) }),
         endpoint.requestBody?.content && /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
           /* @__PURE__ */ jsx("h4", { className: "text-sm font-medium text-fg mb-2", children: "request body" }),
-          /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Object.entries(endpoint.requestBody.content).map(([media, content]) => /* @__PURE__ */ jsxs("div", { className: "rounded border border-line p-3", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-dim mb-2", children: media }),
-            /* @__PURE__ */ jsx(Openapischema, { schema: content.schema })
-          ] }, media)) })
+          /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Object.entries(endpoint.requestBody.content).map(
+            ([media, content]) => /* @__PURE__ */ jsxs("div", { className: "rounded border border-line p-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-dim mb-2", children: media }),
+              /* @__PURE__ */ jsx(Openapischema, { schema: content.schema })
+            ] }, media)
+          ) })
         ] }),
-        endpoint.responses.map((response) => /* @__PURE__ */ jsx(Response, { status: response.status, description: response.description, children: response.content && /* @__PURE__ */ jsx("div", { className: "space-y-3 mt-2", children: Object.entries(response.content).map(([media, content]) => /* @__PURE__ */ jsxs("div", { className: "rounded border border-line p-3", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-dim mb-2", children: media }),
-          /* @__PURE__ */ jsx(Openapischema, { schema: content.schema })
-        ] }, media)) }) }, `${endpoint.path}-${endpoint.method}-${response.status}`))
+        endpoint.responses.map((response) => /* @__PURE__ */ jsx(
+          Response,
+          {
+            status: response.status,
+            description: response.description,
+            children: response.content && /* @__PURE__ */ jsx("div", { className: "space-y-3 mt-2", children: Object.entries(response.content).map(([media, content]) => /* @__PURE__ */ jsxs("div", { className: "rounded border border-line p-3", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-xs font-mono text-dim mb-2", children: media }),
+              /* @__PURE__ */ jsx(Openapischema, { schema: content.schema })
+            ] }, media)) })
+          },
+          `${endpoint.path}-${endpoint.method}-${response.status}`
+        ))
       ]
     },
     `${endpoint.method}-${endpoint.path}`
   );
 }
-function OpenapiBase({ spec, tag, method, path, group = "none" }) {
+function OpenapiBase({
+  spec,
+  tag,
+  method,
+  path,
+  group = "none"
+}) {
   const parsed = useMemo(() => parsedspec(spec), [spec]);
   const endpoints = useMemo(() => {
-    if (!parsed) return [];
+    if (!parsed) {
+      return [];
+    }
     let list2 = parsed.endpoints;
-    if (tag) list2 = list2.filter((entry) => bytag(entry, tag));
-    if (method) list2 = list2.filter((entry) => bymethod(entry, method));
-    if (path) list2 = list2.filter((entry) => bypath(entry, path));
+    if (tag) {
+      list2 = list2.filter((entry) => bytag(entry, tag));
+    }
+    if (method) {
+      list2 = list2.filter((entry) => bymethod(entry, method));
+    }
+    if (path) {
+      list2 = list2.filter((entry) => bypath(entry, path));
+    }
     return sorted(list2);
   }, [parsed, tag, method, path]);
-  if (!parsed) return /* @__PURE__ */ jsx("p", { className: "text-sm text-red-400", children: "invalid openapi specification" });
-  if (endpoints.length === 0) return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted", children: "no endpoints found" });
+  if (!parsed) {
+    return /* @__PURE__ */ jsx("p", { className: "text-sm text-red-400", children: "invalid openapi specification" });
+  }
+  if (endpoints.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted", children: "no endpoints found" });
+  }
   const list = group === "tag" ? groups(endpoints) : [];
-  const items = list.map(([name, value]) => ({ name, id: tagid(name), count: value.length }));
+  const items = list.map(([name, value]) => ({
+    count: value.length,
+    id: tagid(name),
+    name
+  }));
   return /* @__PURE__ */ jsxs("section", { className: "my-6", "aria-label": "openapi reference", children: [
     /* @__PURE__ */ jsxs("header", { className: "mb-4", children: [
       /* @__PURE__ */ jsx("h2", { className: "text-lg font-medium text-fg", children: parsed.info.title }),
@@ -131,10 +194,17 @@ function OpenapiBase({ spec, tag, method, path, group = "none" }) {
     group === "tag" ? /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
       /* @__PURE__ */ jsx(OpenapiTags, { items }),
       list.map(([name, list2]) => /* @__PURE__ */ jsxs("section", { "aria-labelledby": tagid(name), children: [
-        /* @__PURE__ */ jsxs("h3", { id: tagid(name), className: "mb-2 flex items-center gap-2 text-sm font-medium uppercase tracking-wide text-dim", children: [
-          /* @__PURE__ */ jsx("span", { children: name }),
-          /* @__PURE__ */ jsx("span", { className: "rounded border border-line px-1.5 py-0.5 text-[10px] font-mono normal-case", children: list2.length })
-        ] }),
+        /* @__PURE__ */ jsxs(
+          "h3",
+          {
+            id: tagid(name),
+            className: "mb-2 flex items-center gap-2 text-sm font-medium uppercase tracking-wide text-dim",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: name }),
+              /* @__PURE__ */ jsx("span", { className: "rounded border border-line px-1.5 py-0.5 text-[10px] font-mono normal-case", children: list2.length })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsx("div", { children: list2.map(endpointview) })
       ] }, name))
     ] }) : /* @__PURE__ */ jsx("div", { children: endpoints.map(endpointview) })

package/dist/components/openapischema.d.ts

@@ -7,7 +7,7 @@ interface OpenapischemaProps {
     name?: string;
     required?: boolean;
 }
-declare function OpenapischemaBase({ schema, name, required }: OpenapischemaProps): JSX.Element;
+declare function OpenapischemaBase({ schema, name, required, }: OpenapischemaProps): JSX.Element;
 declare const Openapischema: react.MemoExoticComponent<typeof OpenapischemaBase>;
 
 export { Openapischema, type OpenapischemaProps };

package/dist/components/openapischema.js

@@ -2,20 +2,40 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo } from 'react';
 
 function scalar(value) {
-  if (typeof value === "string") return value;
-  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number" || typeof value === "boolean") {
+    return String(value);
+  }
   return JSON.stringify(value);
 }
 function typestring(schema) {
-  if (!schema) return "unknown";
-  if (schema.enum?.length) return schema.enum.join(" | ");
-  if (schema.type === "array") return `${typestring(schema.items)}[]`;
-  if (schema.oneOf?.length) return schema.oneOf.map((part) => typestring(part)).join(" | ");
-  if (schema.anyOf?.length) return schema.anyOf.map((part) => typestring(part)).join(" | ");
-  if (schema.allOf?.length) return schema.allOf.map((part) => typestring(part)).join(" & ");
+  if (!schema) {
+    return "unknown";
+  }
+  if (schema.enum?.length) {
+    return schema.enum.join(" | ");
+  }
+  if (schema.type === "array") {
+    return `${typestring(schema.items)}[]`;
+  }
+  if (schema.oneOf?.length) {
+    return schema.oneOf.map((part) => typestring(part)).join(" | ");
+  }
+  if (schema.anyOf?.length) {
+    return schema.anyOf.map((part) => typestring(part)).join(" | ");
+  }
+  if (schema.allOf?.length) {
+    return schema.allOf.map((part) => typestring(part)).join(" & ");
+  }
   return schema.type ?? "object";
 }
-function OpenapischemaBase({ schema, name, required }) {
+function OpenapischemaBase({
+  schema,
+  name,
+  required
+}) {
   if (!schema) {
     return /* @__PURE__ */ jsx("code", { className: "text-xs font-mono text-muted", children: "unknown" });
   }

package/dist/components/openapitags.js

@@ -1,8 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo } from 'react';
 
-const OpenapiTagsBase = memo(function OpenapiTagsBase2({ items }) {
-  if (items.length < 2) return null;
+const OpenapiTagsBase = memo(function OpenapiTagsBase2({
+  items
+}) {
+  if (items.length < 2) {
+    return null;
+  }
   return /* @__PURE__ */ jsx("nav", { "aria-label": "OpenAPI tags", className: "mb-4", children: /* @__PURE__ */ jsx("ul", { className: "flex flex-wrap gap-2", role: "list", children: items.map((item) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
     "a",
     {

package/dist/components/pagetransition.js

@@ -12,7 +12,9 @@ function PageTransitionBase({
   const [visible, setVisible] = useState(true);
   const prevRef = useRef(children);
   useEffect(() => {
-    if (prevRef.current === children) return;
+    if (prevRef.current === children) {
+      return;
+    }
     prevRef.current = children;
     if (mode === "none") {
       setDisplayed(children);
@@ -26,9 +28,9 @@ function PageTransitionBase({
     return () => clearTimeout(timer);
   }, [children, duration, mode]);
   const style = mode === "none" ? {} : {
-    transition: `opacity ${duration}ms ease, transform ${duration}ms ease`,
     opacity: visible ? 1 : 0,
-    transform: mode === "slide" ? visible ? "translateY(0)" : "translateY(8px)" : void 0
+    transform: mode === "slide" ? visible ? "translateY(0)" : "translateY(8px)" : void 0,
+    transition: `opacity ${duration}ms ease, transform ${duration}ms ease`
   };
   return /* @__PURE__ */ jsx("div", { className, style, children: displayed });
 }

package/dist/components/pagination.js

@@ -5,13 +5,14 @@ import { memo } from 'react';
 import { IconChevronLeft, IconChevronRight } from './icons';
 
 function PaginationBase({ prev, next }) {
-  if (!prev && !next) return null;
+  if (!prev && !next) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs(
     "nav",
     {
       className: "flex items-center justify-between gap-4 mt-12 pt-6 border-t border-line",
       "aria-label": "Pagination navigation",
-      role: "navigation",
       children: [
         prev ? /* @__PURE__ */ jsxs(
           Link,

package/dist/components/panel.js

@@ -28,12 +28,18 @@ function Panel({
   const active = safe < 0 ? void 0 : showRecent ? getRecentOptionId(safe) : showResults ? getOptionId(safe) : void 0;
   const resultStatus = loading ? "loading results" : !hasQuery ? recent.length > 0 ? `${recent.length} recent searches` : "no recent searches" : results.length === 0 ? "no results" : `${results.length} results`;
   const onTab = useCallback((event) => {
-    if (event.key !== "Tab" || !dialog.current) return;
+    if (event.key !== "Tab" || !dialog.current) {
+      return;
+    }
     const nodes = dialog.current.querySelectorAll(
       'button:not([disabled]),a[href],input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex="-1"])'
     );
-    const items = Array.from(nodes).filter((item) => !item.hasAttribute("aria-hidden"));
-    if (items.length === 0) return;
+    const items = [...nodes].filter(
+      (item) => !item.hasAttribute("aria-hidden")
+    );
+    if (items.length === 0) {
+      return;
+    }
     const active2 = document.activeElement;
     if (!(active2 instanceof HTMLElement) || !dialog.current.contains(active2)) {
       event.preventDefault();
@@ -41,7 +47,7 @@ function Panel({
       return;
     }
     const index = items.findIndex((item) => item === active2);
-    if (index < 0) {
+    if (index === -1) {
       event.preventDefault();
       items[0]?.focus();
       return;
@@ -49,7 +55,7 @@ function Panel({
     if (event.shiftKey) {
       if (index <= 0) {
         event.preventDefault();
-        items[items.length - 1]?.focus();
+        items.at(-1)?.focus();
       }
       return;
     }
@@ -59,16 +65,86 @@ function Panel({
     }
   }, []);
   return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-[100]", onKeyDownCapture: onTab, children: [
-    /* @__PURE__ */ jsx("button", { type: "button", className: "fixed inset-0 bg-bg/80 backdrop-blur-sm cursor-default", onClick: onClose, "aria-label": "close search" }),
-    /* @__PURE__ */ jsx("div", { ref: dialog, className: "relative z-10 max-w-lg mx-auto mt-[20vh]", role: "dialog", "aria-modal": "true", "aria-label": "search documentation", children: /* @__PURE__ */ jsxs("div", { className: "bg-surface border border-line rounded-xl shadow-2xl overflow-hidden", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 border-b border-line", children: [
-        /* @__PURE__ */ jsx(IconSearch, { className: "w-4 h-4 text-muted", size: 16 }),
-        /* @__PURE__ */ jsx("input", { ref: input, type: "text", value: query, onChange: (event) => onChange(event.target.value), onKeyDown: onKey, placeholder: "search", className: "flex-1 py-4 bg-transparent text-fg text-sm placeholder:text-muted focus:outline-none", role: "combobox", "aria-expanded": showRecent || showResults, "aria-haspopup": "listbox", "aria-controls": listId, "aria-activedescendant": active, "aria-autocomplete": "list" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", role: "status", "aria-live": "polite", children: resultStatus }),
-        /* @__PURE__ */ jsx("kbd", { className: "px-1.5 py-0.5 text-[10px] text-muted bg-bg border border-line rounded", children: "esc" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "max-h-80 overflow-y-auto", "aria-busy": loading, children: showRecent ? /* @__PURE__ */ jsx(Recent, { listId, items: recent, selected: safe, onSelect }) : loading ? /* @__PURE__ */ jsx("div", { className: "p-8 text-center text-muted text-sm", role: "status", "aria-live": "polite", children: "loading" }) : showResults ? /* @__PURE__ */ jsx(Results, { listId, results, selected: safe, query: value, listRef: list, onResultClick: onNavigate, onResultKeyDown: (event, slug, anchor) => event.key === "Enter" && onNavigate(slug, anchor) }) : /* @__PURE__ */ jsx("div", { className: "p-8 text-center text-muted text-sm", role: "status", "aria-live": "polite", children: "no results" }) })
-    ] }) })
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "fixed inset-0 bg-bg/80 backdrop-blur-sm cursor-default",
+        onClick: onClose,
+        "aria-label": "close search"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: dialog,
+        className: "relative z-10 max-w-lg mx-auto mt-[20vh]",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "search documentation",
+        children: /* @__PURE__ */ jsxs("div", { className: "bg-surface border border-line rounded-xl shadow-2xl overflow-hidden", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 border-b border-line", children: [
+            /* @__PURE__ */ jsx(IconSearch, { className: "w-4 h-4 text-muted", size: 16 }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                ref: input,
+                type: "text",
+                value: query,
+                onChange: (event) => onChange(event.target.value),
+                onKeyDown: onKey,
+                placeholder: "search",
+                className: "flex-1 py-4 bg-transparent text-fg text-sm placeholder:text-muted focus:outline-none",
+                role: "combobox",
+                "aria-expanded": showRecent || showResults,
+                "aria-haspopup": "listbox",
+                "aria-controls": listId,
+                "aria-activedescendant": active,
+                "aria-autocomplete": "list"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", role: "status", "aria-live": "polite", children: resultStatus }),
+            /* @__PURE__ */ jsx("kbd", { className: "px-1.5 py-0.5 text-[10px] text-muted bg-bg border border-line rounded", children: "esc" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "max-h-80 overflow-y-auto", "aria-busy": loading, children: showRecent ? /* @__PURE__ */ jsx(
+            Recent,
+            {
+              listId,
+              items: recent,
+              selected: safe,
+              onSelect
+            }
+          ) : loading ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "p-8 text-center text-muted text-sm",
+              role: "status",
+              "aria-live": "polite",
+              children: "loading"
+            }
+          ) : showResults ? /* @__PURE__ */ jsx(
+            Results,
+            {
+              listId,
+              results,
+              selected: safe,
+              query: value,
+              listRef: list,
+              onResultClick: onNavigate,
+              onResultKeyDown: (event, slug, anchor) => event.key === "Enter" && onNavigate(slug, anchor)
+            }
+          ) : /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "p-8 text-center text-muted text-sm",
+              role: "status",
+              "aria-live": "polite",
+              children: "no results"
+            }
+          ) })
+        ] })
+      }
+    )
   ] });
 }
 

package/dist/components/playground.d.ts

@@ -8,7 +8,7 @@ interface PlaygroundProps {
     body?: string;
     className?: string;
 }
-declare function PlaygroundBase({ method, url, headers: initial, body: initialBody, className }: PlaygroundProps): JSX.Element;
+declare function PlaygroundBase({ method, url, headers: initial, body: initialBody, className, }: PlaygroundProps): JSX.Element;
 declare const Playground: react.MemoExoticComponent<typeof PlaygroundBase>;
 
 export { Playground, type PlaygroundProps };