fromsrc 0.0.1 → 0.0.21

package/dist/components/endpoint.js

@@ -2,21 +2,26 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 
 const methodColors = {
-  GET: "bg-emerald-500/10 text-emerald-400 border-emerald-500/20",
-  POST: "bg-blue-500/10 text-blue-400 border-blue-500/20",
-  PUT: "bg-amber-500/10 text-amber-400 border-amber-500/20",
-  PATCH: "bg-orange-500/10 text-orange-400 border-orange-500/20",
   DELETE: "bg-red-500/10 text-red-400 border-red-500/20",
+  GET: "bg-emerald-500/10 text-emerald-400 border-emerald-500/20",
   HEAD: "bg-cyan-500/10 text-cyan-400 border-cyan-500/20",
   OPTIONS: "bg-violet-500/10 text-violet-400 border-violet-500/20",
+  PATCH: "bg-orange-500/10 text-orange-400 border-orange-500/20",
+  POST: "bg-blue-500/10 text-blue-400 border-blue-500/20",
+  PUT: "bg-amber-500/10 text-amber-400 border-amber-500/20",
   TRACE: "bg-pink-500/10 text-pink-400 border-pink-500/20"
 };
-function EndpointBase({ method, path, description, children }) {
+function EndpointBase({
+  method,
+  path,
+  description,
+  children
+}) {
   return /* @__PURE__ */ jsxs(
     "article",
     {
       className: "my-6 rounded-lg border border-line overflow-hidden",
-      "aria-labelledby": `endpoint-${method}-${path.replace(/\//g, "-")}`,
+      "aria-labelledby": `endpoint-${method}-${path.replaceAll("/", "-")}`,
       children: [
         /* @__PURE__ */ jsxs("header", { className: "flex items-center gap-3 px-4 py-3 bg-surface/50 border-b border-line", children: [
           /* @__PURE__ */ jsx(
@@ -31,7 +36,7 @@ function EndpointBase({ method, path, description, children }) {
           /* @__PURE__ */ jsx(
             "code",
             {
-              id: `endpoint-${method}-${path.replace(/\//g, "-")}`,
+              id: `endpoint-${method}-${path.replaceAll("/", "-")}`,
               className: "text-sm font-mono text-fg",
               children: path
             }
@@ -44,7 +49,13 @@ function EndpointBase({ method, path, description, children }) {
   );
 }
 const Endpoint = memo(EndpointBase);
-function ParamBase({ name, type, required, description, children }) {
+function ParamBase({
+  name,
+  type,
+  required,
+  description,
+  children
+}) {
   const paramId = `param-${name}`;
   return /* @__PURE__ */ jsxs(
     "div",
@@ -73,7 +84,11 @@ function ParamBase({ name, type, required, description, children }) {
   );
 }
 const Param = memo(ParamBase);
-function ResponseBase({ status, description, children }) {
+function ResponseBase({
+  status,
+  description,
+  children
+}) {
   const number = typeof status === "string" ? Number(status) : status;
   const isSuccess = Number.isFinite(number) && number >= 200 && number < 300;
   const isError = Number.isFinite(number) && number >= 400;

package/dist/components/errormessage.d.ts

@@ -5,7 +5,7 @@ interface ErrorMessageProps {
     id?: string;
     children: ReactNode;
 }
-declare function ErrorMessageInner({ id, children }: ErrorMessageProps): React.ReactElement;
+declare function ErrorMessageInner({ id, children, }: ErrorMessageProps): React.ReactElement;
 declare const ErrorMessage: react.MemoExoticComponent<typeof ErrorMessageInner>;
 
 export { ErrorMessage, type ErrorMessageProps };

package/dist/components/errormessage.js

@@ -2,7 +2,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 
-function ErrorMessageInner({ id, children }) {
+function ErrorMessageInner({
+  id,
+  children
+}) {
   return /* @__PURE__ */ jsx("span", { id, className: "text-xs text-red-400", role: "alert", children });
 }
 const ErrorMessage = memo(ErrorMessageInner);

package/dist/components/expandcode.d.ts

@@ -7,7 +7,7 @@ interface ExpandCodeProps {
     maxLines?: number;
     defaultOpen?: boolean;
 }
-declare function ExpandCodeComponent({ children, maxLines, defaultOpen }: ExpandCodeProps): react_jsx_runtime.JSX.Element;
+declare function ExpandCodeComponent({ children, maxLines, defaultOpen, }: ExpandCodeProps): react_jsx_runtime.JSX.Element;
 declare const ExpandCode: react.MemoExoticComponent<typeof ExpandCodeComponent>;
 
 export { ExpandCode, type ExpandCodeProps };

package/dist/components/expandcode.js

@@ -3,14 +3,18 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useRef, useState, useEffect } from 'react';
 
 const LINE_HEIGHT = 20.8;
-function ExpandCodeComponent({ children, maxLines = 15, defaultOpen = false }) {
+function ExpandCodeComponent({
+  children,
+  maxLines = 15,
+  defaultOpen = false
+}) {
   const contentRef = useRef(null);
   const [isOpen, setIsOpen] = useState(defaultOpen);
   const [needsExpand, setNeedsExpand] = useState(false);
   const [collapsedHeight, setCollapsedHeight] = useState(0);
   useEffect(() => {
     if (contentRef.current) {
-      const scrollHeight = contentRef.current.scrollHeight;
+      const { scrollHeight } = contentRef.current;
       const maxHeight = maxLines * LINE_HEIGHT;
       if (scrollHeight > maxHeight) {
         setNeedsExpand(true);

package/dist/components/feature.js

@@ -27,7 +27,14 @@ const Features = memo(function Features2({
   columns = 2
 }) {
   const gridClass = columns === 3 ? "sm:grid-cols-2 lg:grid-cols-3" : "sm:grid-cols-2";
-  return /* @__PURE__ */ jsx("section", { className: `grid gap-4 sm:gap-6 my-6 ${gridClass}`, "aria-label": "Features", children });
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: `grid gap-4 sm:gap-6 my-6 ${gridClass}`,
+      "aria-label": "Features",
+      children
+    }
+  );
 });
 const FeatureCard = memo(function FeatureCard2({
   icon,

package/dist/components/featuregrid.d.ts

@@ -1,17 +1,17 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 
-type FeatureGridItem = {
+interface FeatureGridItem {
     icon?: ReactNode;
     title: string;
     description: string;
     href?: string;
-};
-type FeatureGridProps = {
+}
+interface FeatureGridProps {
     items: FeatureGridItem[];
     columns?: 2 | 3 | 4;
     className?: string;
-};
+}
 declare const FeatureGrid: react.NamedExoticComponent<FeatureGridProps>;
 
 export { FeatureGrid, type FeatureGridItem, type FeatureGridProps };

package/dist/components/featuregrid.js

@@ -30,7 +30,13 @@ const FeatureGrid = memo(function FeatureGrid2({
   columns = 3,
   className
 }) {
-  return /* @__PURE__ */ jsx("div", { className: `grid grid-cols-1 gap-4 sm:grid-cols-2 ${columnsMap[columns]} ${className ?? ""}`, children: items.map((item) => /* @__PURE__ */ jsx(Card, { item }, item.title)) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `grid grid-cols-1 gap-4 sm:grid-cols-2 ${columnsMap[columns]} ${className ?? ""}`,
+      children: items.map((item) => /* @__PURE__ */ jsx(Card, { item }, item.title))
+    }
+  );
 });
 
 export { FeatureGrid };

package/dist/components/feedback.js

@@ -7,13 +7,17 @@ function FeedbackBase({ onFeedback }) {
   const [submitted, setSubmitted] = useState(false);
   const [selected, setSelected] = useState(null);
   const handlePositive = useCallback(async () => {
-    if (submitted) return;
+    if (submitted) {
+      return;
+    }
     setSelected(true);
     setSubmitted(true);
     await onFeedback?.(true);
   }, [submitted, onFeedback]);
   const handleNegative = useCallback(async () => {
-    if (submitted) return;
+    if (submitted) {
+      return;
+    }
     setSelected(false);
     setSubmitted(true);
     await onFeedback?.(false);

package/dist/components/feedbackwidget.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { memo, useState, useRef, useCallback, useEffect } from 'react';
 import { usePathname } from 'next/navigation';
+import { memo, useState, useRef, useCallback, useEffect } from 'react';
 import { IconThumbsUp, IconThumbsDown } from './icons';
 
 function FeedbackWidgetBase({ onSubmit }) {
@@ -16,10 +16,14 @@ function FeedbackWidgetBase({ onSubmit }) {
     setStage("input");
   }, []);
   useEffect(() => {
-    if (stage === "input") inputRef.current?.focus();
+    if (stage === "input") {
+      inputRef.current?.focus();
+    }
   }, [stage]);
   useEffect(() => {
-    if (stage !== "done") return;
+    if (stage !== "done") {
+      return;
+    }
     const timer = setTimeout(() => setVisible(false), 2e3);
     return () => clearTimeout(timer);
   }, [stage]);
@@ -29,7 +33,9 @@ function FeedbackWidgetBase({ onSubmit }) {
   }, [helpful, message, path, onSubmit]);
   const keydown = useCallback(
     (e) => {
-      if (e.key === "Enter") submit();
+      if (e.key === "Enter") {
+        submit();
+      }
     },
     [submit]
   );

package/dist/components/files.d.ts

@@ -16,6 +16,6 @@ interface FolderProps {
     children?: ReactNode;
     defaultOpen?: boolean;
 }
-declare function Folder({ name, children, defaultOpen }: FolderProps): ReactNode;
+declare function Folder({ name, children, defaultOpen, }: FolderProps): ReactNode;
 
 export { File, type FileProps, Files, type FilesProps, Folder, type FolderProps };

package/dist/components/files.js

@@ -2,7 +2,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useState, useCallback } from 'react';
 
-const Files = memo(function Files2({ children, label = "File tree" }) {
+const Files = memo(function Files2({
+  children,
+  label = "File tree"
+}) {
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -22,65 +25,95 @@ const File = memo(function File2({ name, icon }) {
       tabIndex: 0,
       className: "flex items-center gap-2 px-2 py-1 text-muted rounded focus:outline-none focus:ring-1 focus:ring-fg/20",
       children: [
-        icon || /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", viewBox: "0 0 16 16", fill: "currentColor", className: "size-4 shrink-0", children: /* @__PURE__ */ jsx("path", { d: "M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75z" }) }),
+        icon || /* @__PURE__ */ jsx(
+          "svg",
+          {
+            "aria-hidden": "true",
+            viewBox: "0 0 16 16",
+            fill: "currentColor",
+            className: "size-4 shrink-0",
+            children: /* @__PURE__ */ jsx("path", { d: "M2 1.75C2 .784 2.784 0 3.75 0h6.586c.464 0 .909.184 1.237.513l2.914 2.914c.329.328.513.773.513 1.237v9.586A1.75 1.75 0 0113.25 16h-9.5A1.75 1.75 0 012 14.25V1.75z" })
+          }
+        ),
         /* @__PURE__ */ jsx("span", { children: name })
       ]
     }
   );
 });
-function Folder({ name, children, defaultOpen = false }) {
+function Folder({
+  name,
+  children,
+  defaultOpen = false
+}) {
   const [open, setOpen] = useState(defaultOpen);
-  const toelement = useCallback((value) => {
-    return value instanceof HTMLElement ? value : null;
-  }, []);
+  const toelement = useCallback(
+    (value) => value instanceof HTMLElement ? value : null,
+    []
+  );
   const toggle = useCallback(() => {
     setOpen((prev) => !prev);
   }, []);
   const handleKeyDown = useCallback(
     (event) => {
       switch (event.key) {
-        case "ArrowRight":
+        case "ArrowRight": {
           if (!open) {
             setOpen(true);
             event.preventDefault();
           }
           break;
-        case "ArrowLeft":
+        }
+        case "ArrowLeft": {
           if (open) {
             setOpen(false);
             event.preventDefault();
           }
           break;
-        case "ArrowDown":
+        }
+        case "ArrowDown": {
           {
-            const next = event.currentTarget.closest("[role=treeitem]")?.nextElementSibling;
-            const focusable = toelement(next?.querySelector("button, [tabindex='0']"));
+            const next = event.currentTarget.closest(
+              "[role=treeitem]"
+            )?.nextElementSibling;
+            const focusable = toelement(
+              next?.querySelector("button, [tabindex='0']")
+            );
             focusable?.focus();
             event.preventDefault();
           }
           break;
-        case "ArrowUp":
+        }
+        case "ArrowUp": {
           {
-            const prev = event.currentTarget.closest("[role=treeitem]")?.previousElementSibling;
-            const focusable = toelement(prev?.querySelector("button, [tabindex='0']"));
+            const prev = event.currentTarget.closest(
+              "[role=treeitem]"
+            )?.previousElementSibling;
+            const focusable = toelement(
+              prev?.querySelector("button, [tabindex='0']")
+            );
             focusable?.focus();
             event.preventDefault();
           }
           break;
+        }
         case "Enter":
-        case " ":
+        case " ": {
           toggle();
           event.preventDefault();
           break;
-        case "Home":
+        }
+        case "Home": {
           {
             const tree = event.currentTarget.closest("[role=tree]");
-            const first = toelement(tree?.querySelector("button, [tabindex='0']"));
+            const first = toelement(
+              tree?.querySelector("button, [tabindex='0']")
+            );
             first?.focus();
             event.preventDefault();
           }
           break;
-        case "End":
+        }
+        case "End": {
           {
             const tree = event.currentTarget.closest("[role=tree]");
             const all = tree?.querySelectorAll("button, [tabindex='0']");
@@ -89,6 +122,7 @@ function Folder({ name, children, defaultOpen = false }) {
             event.preventDefault();
           }
           break;
+        }
       }
     },
     [open, toggle, toelement]

package/dist/components/folder.d.ts

@@ -10,6 +10,6 @@ interface Props {
     depth?: number;
     defaultOpenLevel?: number;
 }
-declare function Folder({ folder, basePath, depth, defaultOpenLevel }: Props): ReactNode;
+declare function Folder({ folder, basePath, depth, defaultOpenLevel, }: Props): ReactNode;
 
 export { Folder };

package/dist/components/folder.js

@@ -5,19 +5,28 @@ import { usePathname } from 'next/navigation';
 import { useState, useEffect, useCallback } from 'react';
 import { NavLink } from './navlink';
 
-function Folder({ folder, basePath, depth = 1, defaultOpenLevel = 0 }) {
+function Folder({
+  folder,
+  basePath,
+  depth = 1,
+  defaultOpenLevel = 0
+}) {
   const pathname = usePathname();
   const isActive = folder.href && pathname === folder.href;
   const hasActiveChild = folder.items.some((item) => {
     if (item.type === "folder") {
-      return item.items.some((child) => child.type === "item" && pathname === child.href);
+      return item.items.some(
+        (child) => child.type === "item" && pathname === child.href
+      );
     }
     return item.type === "item" && pathname === item.href;
   });
   const shouldAutoOpen = folder.defaultOpen ?? depth <= defaultOpenLevel;
   const [open, setOpen] = useState(shouldAutoOpen);
   useEffect(() => {
-    if (hasActiveChild || isActive) setOpen(true);
+    if (hasActiveChild || isActive) {
+      setOpen(true);
+    }
   }, [hasActiveChild, isActive]);
   const toggle = useCallback(() => {
     setOpen((prev) => !prev);
@@ -67,7 +76,15 @@ function Folder({ folder, basePath, depth = 1, defaultOpenLevel = 0 }) {
               viewBox: "0 0 24 24",
               stroke: "currentColor",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M19 9l-7 7-7-7"
+                }
+              )
             }
           )
         }

package/dist/components/footer.js

@@ -2,7 +2,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 
-const Footer = memo(function Footer2({ columns, copyright, className }) {
+const Footer = memo(function Footer2({
+  columns,
+  copyright,
+  className
+}) {
   return /* @__PURE__ */ jsxs(
     "footer",
     {

package/dist/components/formlabel.d.ts

@@ -18,7 +18,7 @@ interface FormLabelProps {
  * Shared form label with optional tooltip info icon.
  * Consolidates the label+tooltip pattern used across form components.
  */
-declare function FormLabelInner({ label, tooltip, htmlFor, id }: FormLabelProps): JSX.Element;
+declare function FormLabelInner({ label, tooltip, htmlFor, id, }: FormLabelProps): JSX.Element;
 declare const FormLabel: react.MemoExoticComponent<typeof FormLabelInner>;
 
 export { FormLabel, type FormLabelProps };

package/dist/components/formlabel.js

@@ -3,24 +3,37 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo } from 'react';
 import { Tooltip } from './tooltip';
 
-function FormLabelInner({ label, tooltip, htmlFor, id }) {
-  return /* @__PURE__ */ jsxs("label", { id, htmlFor, className: "flex items-center gap-1.5 text-sm font-medium text-fg", children: [
-    label,
-    tooltip && /* @__PURE__ */ jsx(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        "aria-hidden": "true",
-        className: "h-3.5 w-3.5 text-muted",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24",
-        children: [
-          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }),
-          /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeWidth: 2, d: "M12 16v-4m0-4h.01" })
-        ]
-      }
-    ) })
-  ] });
+function FormLabelInner({
+  label,
+  tooltip,
+  htmlFor,
+  id
+}) {
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      id,
+      htmlFor,
+      className: "flex items-center gap-1.5 text-sm font-medium text-fg",
+      children: [
+        label,
+        tooltip && /* @__PURE__ */ jsx(Tooltip, { content: tooltip, children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: "h-3.5 w-3.5 text-muted",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: [
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10", strokeWidth: 2 }),
+              /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeWidth: 2, d: "M12 16v-4m0-4h.01" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
 }
 const FormLabel = memo(FormLabelInner);
 

package/dist/components/github.js

@@ -15,15 +15,19 @@ function GithubComponent({ repo }) {
     async function load() {
       try {
         const res = await fetch(`https://api.github.com/repos/${repo}`);
-        if (!res.ok || !mounted) return;
+        if (!res.ok || !mounted) {
+          return;
+        }
         const json = await res.json();
-        if (!mounted) return;
+        if (!mounted) {
+          return;
+        }
         const stars = typeof json.stargazers_count === "number" ? json.stargazers_count : 0;
         const forks = typeof json.forks_count === "number" ? json.forks_count : 0;
         setData({
-          stars,
+          description: json.description ?? null,
           forks,
-          description: json.description ?? null
+          stars
         });
       } catch {
         return;
@@ -79,16 +83,41 @@ function GithubComponent({ repo }) {
         /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-fg mb-1", children: repo }),
           data.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted mb-2 line-clamp-2", children: data.description }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-xs text-muted", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25z" }) }),
-              format(data.stars)
-            ] }),
-            /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-.878a2.25 2.25 0 111.5 0v.878a2.25 2.25 0 01-2.25 2.25h-1.5v2.128a2.251 2.251 0 11-1.5 0V8.5h-1.5A2.25 2.25 0 013.5 6.25v-.878a2.25 2.25 0 111.5 0zM5 3.25a.75.75 0 10-1.5 0 .75.75 0 001.5 0zm6.75.75a.75.75 0 10.75-.75.75.75 0 00-.75.75z" }) }),
-              format(data.forks)
-            ] })
-          ] })
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex items-center gap-4 text-xs text-muted",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      className: "w-4 h-4",
+                      fill: "currentColor",
+                      viewBox: "0 0 16 16",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ jsx("path", { d: "M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25z" })
+                    }
+                  ),
+                  format(data.stars)
+                ] }),
+                /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      className: "w-4 h-4",
+                      fill: "currentColor",
+                      viewBox: "0 0 16 16",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ jsx("path", { d: "M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75v-.878a2.25 2.25 0 111.5 0v.878a2.25 2.25 0 01-2.25 2.25h-1.5v2.128a2.251 2.251 0 11-1.5 0V8.5h-1.5A2.25 2.25 0 013.5 6.25v-.878a2.25 2.25 0 111.5 0zM5 3.25a.75.75 0 10-1.5 0 .75.75 0 001.5 0zm6.75.75a.75.75 0 10.75-.75.75.75 0 00-.75.75z" })
+                    }
+                  ),
+                  format(data.forks)
+                ] })
+              ]
+            }
+          )
         ] })
       ]
     }