fromsrc 0.0.2 → 0.0.22

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,
@@ -30,7 +31,7 @@ function PaginationBase({ prev, next }) {
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: "previous" }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: "Previous" }),
                 /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-fg", children: prev.title })
               ] })
             ]
@@ -45,7 +46,7 @@ function PaginationBase({ prev, next }) {
             className: "flex items-center gap-2 px-4 py-3 rounded-xl border border-line bg-surface/30 hover:bg-surface/50 transition-colors group",
             children: [
               /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
-                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: "next" }),
+                /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: "Next" }),
                 /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-fg", children: next.title })
               ] }),
               /* @__PURE__ */ jsx(

package/dist/components/panel.js

@@ -26,14 +26,20 @@ function Panel({
   const showResults = hasQuery && !loading && results.length > 0;
   const listId = showRecent ? "search-recent-listbox" : "search-results-listbox";
   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 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 };

package/dist/components/playground.js

@@ -3,86 +3,189 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useState, useCallback } from 'react';
 
 const colors = {
+  DELETE: "bg-red-500/10 text-red-400",
   GET: "bg-emerald-500/10 text-emerald-400",
-  POST: "bg-blue-500/10 text-blue-400",
-  PUT: "bg-amber-500/10 text-amber-400",
   PATCH: "bg-purple-500/10 text-purple-400",
-  DELETE: "bg-red-500/10 text-red-400"
+  POST: "bg-blue-500/10 text-blue-400",
+  PUT: "bg-amber-500/10 text-amber-400"
 };
 function toEntries(init) {
-  if (!init) return [{ key: "", value: "" }];
+  if (!init) {
+    return [{ key: "", value: "" }];
+  }
   const entries = Object.entries(init).map(([key, value]) => ({ key, value }));
   return entries.length ? entries : [{ key: "", value: "" }];
 }
-function PlaygroundBase({ method, url, headers: initial, body: initialBody, className = "" }) {
+function PlaygroundBase({
+  method,
+  url,
+  headers: initial,
+  body: initialBody,
+  className = ""
+}) {
   const [headers, setHeaders] = useState(() => toEntries(initial));
   const [body, setBody] = useState(initialBody ?? "");
   const [response, setResponse] = useState(null);
   const [loading, setLoading] = useState(false);
   const hasBody = method === "POST" || method === "PUT" || method === "PATCH";
-  const updateHeader = useCallback((i, field, val) => {
-    setHeaders((h) => h.map((item, idx) => idx === i ? { ...item, [field]: val } : item));
-  }, []);
-  const addHeader = useCallback(() => setHeaders((h) => [...h, { key: "", value: "" }]), []);
-  const removeHeader = useCallback((i) => setHeaders((h) => h.filter((_, idx) => idx !== i)), []);
+  const updateHeader = useCallback(
+    (i, field, val) => {
+      setHeaders(
+        (h) => h.map((item, idx) => idx === i ? { ...item, [field]: val } : item)
+      );
+    },
+    []
+  );
+  const addHeader = useCallback(
+    () => setHeaders((h) => [...h, { key: "", value: "" }]),
+    []
+  );
+  const removeHeader = useCallback(
+    (i) => setHeaders((h) => h.filter((_, idx) => idx !== i)),
+    []
+  );
   const send = useCallback(async () => {
     setLoading(true);
     setResponse(null);
     const hdrs = {};
-    for (const h of headers) if (h.key.trim()) hdrs[h.key.trim()] = h.value;
+    for (const h of headers) {
+      if (h.key.trim()) {
+        hdrs[h.key.trim()] = h.value;
+      }
+    }
     const start = performance.now();
     try {
-      const res = await fetch(url, { method, headers: hdrs, body: hasBody && body ? body : void 0 });
+      const res = await fetch(url, {
+        body: hasBody && body ? body : void 0,
+        headers: hdrs,
+        method
+      });
       const text = await res.text();
       const rh = {};
       res.headers.forEach((v, k) => {
         rh[k] = v;
       });
-      setResponse({ status: res.status, headers: rh, body: text, time: Math.round(performance.now() - start) });
+      setResponse({
+        body: text,
+        headers: rh,
+        status: res.status,
+        time: Math.round(performance.now() - start)
+      });
     } catch {
-      setResponse({ status: 0, headers: {}, body: "request failed", time: Math.round(performance.now() - start) });
+      setResponse({
+        body: "request failed",
+        headers: {},
+        status: 0,
+        time: Math.round(performance.now() - start)
+      });
     }
     setLoading(false);
   }, [method, url, headers, body, hasBody]);
   const input = "w-full rounded border border-line bg-transparent px-2 py-1 text-sm";
-  return /* @__PURE__ */ jsxs("div", { className: `rounded-lg border border-line overflow-hidden my-6 ${className}`.trim(), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3 bg-surface/50 border-b border-line", children: [
-      /* @__PURE__ */ jsx("span", { className: `px-2 py-0.5 rounded text-xs font-bold uppercase ${colors[method]}`, children: method }),
-      /* @__PURE__ */ jsx("span", { className: "font-mono text-sm text-fg", children: url })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted uppercase", children: "Headers" }),
-          /* @__PURE__ */ jsx("button", { type: "button", onClick: addHeader, className: "text-xs text-accent", children: "+ add" })
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `rounded-lg border border-line overflow-hidden my-6 ${className}`.trim(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3 bg-surface/50 border-b border-line", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: `px-2 py-0.5 rounded text-xs font-bold uppercase ${colors[method]}`,
+              children: method
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "font-mono text-sm text-fg", children: url })
         ] }),
-        headers.map((h, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-1.5", children: [
-          /* @__PURE__ */ jsx("input", { className: input, placeholder: "key", value: h.key, onChange: (e) => updateHeader(i, "key", e.target.value) }),
-          /* @__PURE__ */ jsx("input", { className: input, placeholder: "value", value: h.value, onChange: (e) => updateHeader(i, "value", e.target.value) }),
-          /* @__PURE__ */ jsx("button", { type: "button", onClick: () => removeHeader(i), className: "text-xs text-muted shrink-0", children: "x" })
-        ] }, i))
-      ] }),
-      hasBody && /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted uppercase mb-2 block", children: "Body" }),
-        /* @__PURE__ */ jsx("textarea", { className: `${input} min-h-[80px] resize-y`, value: body, onChange: (e) => setBody(e.target.value) })
-      ] }),
-      /* @__PURE__ */ jsx("button", { type: "button", onClick: send, disabled: loading, className: "rounded bg-accent px-4 py-1.5 text-sm font-medium text-white disabled:opacity-50", children: loading ? "Sending..." : "Send" })
-    ] }),
-    response && /* @__PURE__ */ jsxs("div", { className: "border-t border-line p-4 space-y-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsx("span", { className: `px-2 py-0.5 rounded text-xs font-bold ${response.status >= 200 && response.status < 300 ? "bg-emerald-500/10 text-emerald-400" : "bg-red-500/10 text-red-400"}`, children: response.status || "ERR" }),
-        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted", children: [
-          response.time,
-          "ms"
+        /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted uppercase", children: "Headers" }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: addHeader,
+                  className: "text-xs text-accent",
+                  children: "+ Add"
+                }
+              )
+            ] }),
+            headers.map((h, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-1.5", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  className: input,
+                  placeholder: "Key",
+                  value: h.key,
+                  onChange: (e) => updateHeader(i, "key", e.target.value)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  className: input,
+                  placeholder: "Value",
+                  value: h.value,
+                  onChange: (e) => updateHeader(i, "value", e.target.value)
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => removeHeader(i),
+                  className: "text-xs text-muted shrink-0",
+                  children: "x"
+                }
+              )
+            ] }, i))
+          ] }),
+          hasBody && /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted uppercase mb-2 block", children: "Body" }),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                className: `${input} min-h-[80px] resize-y`,
+                value: body,
+                onChange: (e) => setBody(e.target.value)
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: send,
+              disabled: loading,
+              className: "rounded bg-accent px-4 py-1.5 text-sm font-medium text-white disabled:opacity-50",
+              children: loading ? "Sending..." : "Send"
+            }
+          )
+        ] }),
+        response && /* @__PURE__ */ jsxs("div", { className: "border-t border-line p-4 space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `px-2 py-0.5 rounded text-xs font-bold ${response.status >= 200 && response.status < 300 ? "bg-emerald-500/10 text-emerald-400" : "bg-red-500/10 text-red-400"}`,
+                children: response.status || "ERR"
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted", children: [
+              response.time,
+              "ms"
+            ] })
+          ] }),
+          Object.keys(response.headers).length > 0 && /* @__PURE__ */ jsxs("details", { className: "text-xs", children: [
+            /* @__PURE__ */ jsx("summary", { className: "text-muted cursor-pointer", children: "Response Headers" }),
+            /* @__PURE__ */ jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap text-muted mt-1", children: Object.entries(response.headers).map(([k, v]) => `${k}: ${v}`).join("\n") })
+          ] }),
+          /* @__PURE__ */ jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap text-fg bg-surface/50 rounded p-3 overflow-x-auto", children: response.body })
         ] })
-      ] }),
-      Object.keys(response.headers).length > 0 && /* @__PURE__ */ jsxs("details", { className: "text-xs", children: [
-        /* @__PURE__ */ jsx("summary", { className: "text-muted cursor-pointer", children: "Response Headers" }),
-        /* @__PURE__ */ jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap text-muted mt-1", children: Object.entries(response.headers).map(([k, v]) => `${k}: ${v}`).join("\n") })
-      ] }),
-      /* @__PURE__ */ jsx("pre", { className: "font-mono text-xs whitespace-pre-wrap text-fg bg-surface/50 rounded p-3 overflow-x-auto", children: response.body })
-    ] })
-  ] });
+      ]
+    }
+  );
 }
 const Playground = memo(PlaygroundBase);
 

package/dist/components/popover.js

@@ -5,13 +5,13 @@ import { useClickOutside } from '../hooks/clickoutside';
 import { useEscapeKey } from '../hooks/escapekey';
 
 const ALIGN_CLASSES = {
-  start: "left-0",
   center: "left-1/2 -translate-x-1/2",
-  end: "right-0"
+  end: "right-0",
+  start: "left-0"
 };
 const SIDE_CLASSES = {
-  top: "bottom-full mb-2",
-  bottom: "top-full mt-2"
+  bottom: "top-full mt-2",
+  top: "bottom-full mb-2"
 };
 function Popover({
   trigger,
@@ -43,12 +43,14 @@ function Popover({
     }
   }, [open]);
   useLayoutEffect(() => {
-    if (!open || !contentRef.current) return;
+    if (!open || !contentRef.current) {
+      return;
+    }
     const content = contentRef.current;
     const rect = content.getBoundingClientRect();
     const viewport = {
-      width: window.innerWidth,
-      height: window.innerHeight
+      height: window.innerHeight,
+      width: window.innerWidth
     };
     let adjustedAlign = ALIGN_CLASSES[align];
     let adjustedSide = SIDE_CLASSES[side];

package/dist/components/prelink.js

@@ -12,31 +12,62 @@ function domain(href) {
 function external(href) {
   return href.startsWith("http") && !href.includes(window.location.hostname);
 }
-const PreLink = memo(function PreLink2({ href, children, className }) {
+const PreLink = memo(function PreLink2({
+  href,
+  children,
+  className
+}) {
   const [visible, setVisible] = useState(false);
   const showTimer = useRef(null);
   const hideTimer = useRef(null);
   const enter = useCallback(() => {
-    if (hideTimer.current) clearTimeout(hideTimer.current);
+    if (hideTimer.current) {
+      clearTimeout(hideTimer.current);
+    }
     showTimer.current = setTimeout(() => setVisible(true), 300);
   }, []);
   const leave = useCallback(() => {
-    if (showTimer.current) clearTimeout(showTimer.current);
+    if (showTimer.current) {
+      clearTimeout(showTimer.current);
+    }
     hideTimer.current = setTimeout(() => setVisible(false), 100);
   }, []);
   const host = domain(href);
   const isExternal = typeof window !== "undefined" && external(href);
   return /* @__PURE__ */ jsxs("span", { className: "relative inline", onMouseEnter: enter, onMouseLeave: leave, children: [
-    /* @__PURE__ */ jsx("a", { href, className, target: host ? "_blank" : void 0, rel: host ? "noopener noreferrer" : void 0, children }),
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        className,
+        target: host ? "_blank" : void 0,
+        rel: host ? "noopener noreferrer" : void 0,
+        children
+      }
+    ),
     visible && host && /* @__PURE__ */ jsxs("span", { className: "absolute z-50 bottom-full left-1/2 -translate-x-1/2 mb-2 w-72 rounded-lg border border-line bg-surface p-3 shadow-lg pointer-events-none", children: [
       /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-fg block truncate", children: typeof children === "string" ? children : host }),
       /* @__PURE__ */ jsx("span", { className: "text-xs text-muted mt-1 block truncate", children: href }),
       /* @__PURE__ */ jsxs("span", { className: "text-xs text-dim mt-2 flex items-center gap-1", children: [
-        isExternal && /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-          /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
-          /* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
-          /* @__PURE__ */ jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
-        ] }),
+        isExternal && /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            "aria-hidden": "true",
+            width: "12",
+            height: "12",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+              /* @__PURE__ */ jsx("polyline", { points: "15 3 21 3 21 9" }),
+              /* @__PURE__ */ jsx("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+            ]
+          }
+        ),
         host
       ] })
     ] })

package/dist/components/prevnext.d.ts

@@ -11,7 +11,7 @@ interface PrevNextProps {
     next?: PrevNextLink;
     className?: string;
 }
-declare function PrevNextBase({ prev, next, className }: PrevNextProps): JSX.Element | null;
+declare function PrevNextBase({ prev, next, className, }: PrevNextProps): JSX.Element | null;
 declare const PrevNext: react.MemoExoticComponent<typeof PrevNextBase>;
 
 export { PrevNext, type PrevNextLink, type PrevNextProps };

package/dist/components/prevnext.js

@@ -19,23 +19,43 @@ function Chevron({ direction }) {
     }
   );
 }
-function PrevNextBase({ prev, next, className }) {
-  if (!prev && !next) return null;
+function PrevNextBase({
+  prev,
+  next,
+  className
+}) {
+  if (!prev && !next) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs("div", { className: `flex justify-between ${className ?? ""}`, children: [
-    prev ? /* @__PURE__ */ jsxs("a", { href: prev.href, className: "flex items-center gap-2 text-left mr-auto", children: [
-      /* @__PURE__ */ jsx(Chevron, { direction: "left" }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: prev.label ?? "Previous" }),
-        /* @__PURE__ */ jsx("div", { className: "text-sm", children: prev.title })
-      ] })
-    ] }) : /* @__PURE__ */ jsx("div", {}),
-    next ? /* @__PURE__ */ jsxs("a", { href: next.href, className: "flex items-center gap-2 text-right ml-auto", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: next.label ?? "Next" }),
-        /* @__PURE__ */ jsx("div", { className: "text-sm", children: next.title })
-      ] }),
-      /* @__PURE__ */ jsx(Chevron, { direction: "right" })
-    ] }) : /* @__PURE__ */ jsx("div", {})
+    prev ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: prev.href,
+        className: "flex items-center gap-2 text-left mr-auto",
+        children: [
+          /* @__PURE__ */ jsx(Chevron, { direction: "left" }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: prev.label ?? "Previous" }),
+            /* @__PURE__ */ jsx("div", { className: "text-sm", children: prev.title })
+          ] })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("div", {}),
+    next ? /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: next.href,
+        className: "flex items-center gap-2 text-right ml-auto",
+        children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-muted", children: next.label ?? "Next" }),
+            /* @__PURE__ */ jsx("div", { className: "text-sm", children: next.title })
+          ] }),
+          /* @__PURE__ */ jsx(Chevron, { direction: "right" })
+        ]
+      }
+    ) : /* @__PURE__ */ jsx("div", {})
   ] });
 }
 const PrevNext = memo(PrevNextBase);

package/dist/components/progress.js

@@ -3,9 +3,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 
 const sizes = {
-  sm: "h-1",
+  lg: "h-3",
   md: "h-2",
-  lg: "h-3"
+  sm: "h-1"
 };
 const Progress = memo(function Progress2({
   value,

package/dist/components/property.js

@@ -32,12 +32,14 @@ const Property = memo(function Property2({
             /* @__PURE__ */ jsx("code", { className: "font-mono", children: defaultValue })
           ] })
         ] }),
-        children && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted", children })
+        children && /* @__PURE__ */ jsx("div", { className: "text-sm text-muted [&>p]:m-0", children })
       ]
     }
   );
 });
-const Properties = memo(function Properties2({ children }) {
+const Properties = memo(function Properties2({
+  children
+}) {
   return /* @__PURE__ */ jsx("section", { "aria-label": "Properties", className: "my-6 divide-y divide-line", children });
 });