@oaspect/react 0.1.0

package/dist/markdown.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useLocale } from "./i18n/context.js";
+import { parseMarkdown, safeUrl, selectLocale } from "@oaspect/core";
+import CodeBlock from "./code-block.js";
+const CODE_LANGUAGES = {
+  json: "json",
+  sh: "shell",
+  bash: "shell",
+  shell: "shell",
+  zsh: "shell",
+  curl: "shell",
+  js: "javascript",
+  javascript: "javascript",
+  ts: "javascript",
+  typescript: "javascript",
+  php: "php",
+  py: "python",
+  python: "python",
+  go: "go",
+  java: "java",
+  kotlin: "kotlin",
+  kt: "kotlin",
+  cs: "csharp",
+  csharp: "csharp",
+  rb: "ruby",
+  ruby: "ruby",
+  swift: "swift",
+  dart: "dart",
+  rust: "rust",
+  rs: "rust",
+  c: "c",
+  powershell: "powershell",
+  ps1: "powershell",
+  http: "http"
+};
+const HEADING_STYLES = {
+  1: "text-xl font-bold",
+  2: "text-lg font-semibold",
+  3: "text-base font-semibold",
+  4: "text-sm font-semibold",
+  5: "text-sm font-semibold",
+  6: "text-xs font-semibold uppercase tracking-wide"
+};
+function Inline({ nodes }) {
+  return nodes.map((node, index) => {
+    switch (node.type) {
+      case "text":
+        return node.value;
+      case "br":
+        return /* @__PURE__ */ jsx("br", {}, index);
+      case "code":
+        return /* @__PURE__ */ jsx("code", { dir: "ltr", className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]", children: node.value }, index);
+      case "strong":
+        return /* @__PURE__ */ jsx("strong", { className: "font-semibold text-foreground", children: /* @__PURE__ */ jsx(Inline, { nodes: node.children }) }, index);
+      case "em":
+        return /* @__PURE__ */ jsx("em", { children: /* @__PURE__ */ jsx(Inline, { nodes: node.children }) }, index);
+      case "del":
+        return /* @__PURE__ */ jsx("del", { children: /* @__PURE__ */ jsx(Inline, { nodes: node.children }) }, index);
+      case "link": {
+        const href = safeUrl(node.href);
+        if (!href) return /* @__PURE__ */ jsx(Inline, { nodes: node.children }, index);
+        const external = /^https?:/i.test(href);
+        return /* @__PURE__ */ jsx(
+          "a",
+          {
+            href,
+            title: node.title,
+            ...external ? { target: "_blank", rel: "noreferrer" } : {},
+            className: "text-primary underline underline-offset-2",
+            children: /* @__PURE__ */ jsx(Inline, { nodes: node.children })
+          },
+          index
+        );
+      }
+      case "image": {
+        const src = safeUrl(node.src, { image: true });
+        if (!src) return node.alt;
+        return /* @__PURE__ */ jsx("img", { src, alt: node.alt, title: node.title, loading: "lazy", className: "inline-block max-w-full rounded-lg" }, index);
+      }
+      default:
+        return null;
+    }
+  });
+}
+function Blocks({ blocks, tight = false }) {
+  return blocks.map((block, index) => {
+    switch (block.type) {
+      case "heading": {
+        const Tag = `h${Math.min(block.level + 2, 6)}`;
+        return /* @__PURE__ */ jsx(Tag, { dir: "auto", className: `${HEADING_STYLES[block.level]} pt-2 text-foreground`, children: /* @__PURE__ */ jsx(Inline, { nodes: block.children }) }, index);
+      }
+      case "paragraph":
+        return tight ? /* @__PURE__ */ jsx(Inline, { nodes: block.children }, index) : /* @__PURE__ */ jsx("p", { dir: "auto", children: /* @__PURE__ */ jsx(Inline, { nodes: block.children }) }, index);
+      case "code":
+        return /* @__PURE__ */ jsx(
+          CodeBlock,
+          {
+            code: block.text,
+            language: CODE_LANGUAGES[block.language] ?? "text",
+            toolbar: block.language && /* @__PURE__ */ jsx("span", { className: "px-1 font-mono text-[11px] text-white/50", children: block.language })
+          },
+          index
+        );
+      case "blockquote":
+        return /* @__PURE__ */ jsx("blockquote", { className: "space-y-3 border-s-4 border-border ps-4 italic", children: /* @__PURE__ */ jsx(Blocks, { blocks: block.children }) }, index);
+      case "hr":
+        return /* @__PURE__ */ jsx("hr", { className: "border-border" }, index);
+      case "lang-selected":
+        return /* @__PURE__ */ jsx("div", { lang: block.locale, className: "space-y-3", children: /* @__PURE__ */ jsx(Blocks, { blocks: block.children, tight }) }, index);
+      case "list": {
+        const List = block.ordered ? "ol" : "ul";
+        const task = block.items.some((item) => item.checked !== null);
+        return /* @__PURE__ */ jsx(
+          List,
+          {
+            dir: "auto",
+            start: block.ordered && block.start !== 1 ? block.start : void 0,
+            className: `space-y-1.5 ${task ? "ps-1" : `ps-5 ${block.ordered ? "list-decimal" : "list-disc"}`} marker:text-muted-foreground`,
+            children: block.items.map((item, itemIndex) => /* @__PURE__ */ jsxs("li", { className: `${block.loose ? "space-y-2" : "space-y-1"} ${item.checked !== null ? "flex list-none items-start gap-2" : ""}`, children: [
+              item.checked !== null && /* @__PURE__ */ jsx("input", { type: "checkbox", checked: item.checked, readOnly: true, disabled: true, className: "mt-1 accent-primary" }),
+              /* @__PURE__ */ jsx("div", { className: item.checked !== null ? "min-w-0 flex-1 space-y-1" : "contents", children: /* @__PURE__ */ jsx(Blocks, { blocks: item.children, tight: !block.loose && item.children.length === 1 }) })
+            ] }, itemIndex))
+          },
+          index
+        );
+      }
+      case "table":
+        return (
+          // dir="auto": an English table keeps its column order inside an RTL UI.
+          // Code tokens (parameter names, values) never wrap mid-token.
+          /* @__PURE__ */ jsx("div", { dir: "auto", className: "overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsxs("table", { dir: "auto", className: "w-full border-collapse text-start text-sm [&_code]:whitespace-nowrap", children: [
+            /* @__PURE__ */ jsx("thead", { className: "bg-muted/60", children: /* @__PURE__ */ jsx("tr", { children: block.header.map((cell, column) => /* @__PURE__ */ jsx(
+              "th",
+              {
+                dir: "auto",
+                style: block.align[column] ? { textAlign: block.align[column] } : void 0,
+                className: "border-b border-border px-3 py-2 text-start font-semibold text-foreground",
+                children: /* @__PURE__ */ jsx(Inline, { nodes: cell })
+              },
+              column
+            )) }) }),
+            /* @__PURE__ */ jsx("tbody", { children: block.rows.map((row, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "border-b border-border last:border-b-0", children: row.map((cell, column) => /* @__PURE__ */ jsx(
+              "td",
+              {
+                dir: "auto",
+                style: block.align[column] ? { textAlign: block.align[column] } : void 0,
+                className: "px-3 py-2 align-top",
+                children: /* @__PURE__ */ jsx(Inline, { nodes: cell })
+              },
+              column
+            )) }, rowIndex)) })
+          ] }) }, index)
+        );
+      default:
+        return null;
+    }
+  });
+}
+function Markdown({ source, className = "" }) {
+  const locale = useLocale();
+  const blocks = useMemo(() => selectLocale(parseMarkdown(source), locale), [source, locale]);
+  if (blocks.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: `space-y-3 text-sm leading-relaxed ${className}`, children: /* @__PURE__ */ jsx(Blocks, { blocks }) });
+}
+export {
+  Markdown as default
+};
+//# sourceMappingURL=markdown.js.map

package/dist/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/markdown.jsx"],"sourcesContent":["\"use client\";\n\n// Renders OpenAPI descriptions (GFM subset, see src/lib/markdown.js) as React\n// elements; raw HTML in the source is never interpreted. Blocks use\n// dir=\"auto\" so English spec text stays readable inside an RTL interface.\n// \":::lang xx\" blocks are resolved for the current UI language.\n\nimport { useMemo } from \"react\";\nimport { useLocale } from \"./i18n/context\";\nimport { parseMarkdown, safeUrl, selectLocale } from \"@oaspect/core\";\nimport CodeBlock from \"./code-block\";\n\n// Fence info strings → tokenizer languages in src/lib/highlight.js.\nconst CODE_LANGUAGES = {\n  json: \"json\",\n  sh: \"shell\",\n  bash: \"shell\",\n  shell: \"shell\",\n  zsh: \"shell\",\n  curl: \"shell\",\n  js: \"javascript\",\n  javascript: \"javascript\",\n  ts: \"javascript\",\n  typescript: \"javascript\",\n  php: \"php\",\n  py: \"python\",\n  python: \"python\",\n  go: \"go\",\n  java: \"java\",\n  kotlin: \"kotlin\",\n  kt: \"kotlin\",\n  cs: \"csharp\",\n  csharp: \"csharp\",\n  rb: \"ruby\",\n  ruby: \"ruby\",\n  swift: \"swift\",\n  dart: \"dart\",\n  rust: \"rust\",\n  rs: \"rust\",\n  c: \"c\",\n  powershell: \"powershell\",\n  ps1: \"powershell\",\n  http: \"http\",\n};\n\nconst HEADING_STYLES = {\n  1: \"text-xl font-bold\",\n  2: \"text-lg font-semibold\",\n  3: \"text-base font-semibold\",\n  4: \"text-sm font-semibold\",\n  5: \"text-sm font-semibold\",\n  6: \"text-xs font-semibold uppercase tracking-wide\",\n};\n\nfunction Inline({ nodes }) {\n  return nodes.map((node, index) => {\n    switch (node.type) {\n      case \"text\":\n        return node.value;\n      case \"br\":\n        return <br key={index} />;\n      case \"code\":\n        return (\n          <code key={index} dir=\"ltr\" className=\"rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]\">\n            {node.value}\n          </code>\n        );\n      case \"strong\":\n        return (\n          <strong key={index} className=\"font-semibold text-foreground\">\n            <Inline nodes={node.children} />\n          </strong>\n        );\n      case \"em\":\n        return (\n          <em key={index}>\n            <Inline nodes={node.children} />\n          </em>\n        );\n      case \"del\":\n        return (\n          <del key={index}>\n            <Inline nodes={node.children} />\n          </del>\n        );\n      case \"link\": {\n        const href = safeUrl(node.href);\n        if (!href) return <Inline key={index} nodes={node.children} />;\n        const external = /^https?:/i.test(href);\n        return (\n          <a\n            key={index}\n            href={href}\n            title={node.title}\n            {...(external ? { target: \"_blank\", rel: \"noreferrer\" } : {})}\n            className=\"text-primary underline underline-offset-2\"\n          >\n            <Inline nodes={node.children} />\n          </a>\n        );\n      }\n      case \"image\": {\n        const src = safeUrl(node.src, { image: true });\n        if (!src) return node.alt;\n        // Plain <img>: description images can come from any host.\n        return <img key={index} src={src} alt={node.alt} title={node.title} loading=\"lazy\" className=\"inline-block max-w-full rounded-lg\" />;\n      }\n      default:\n        return null;\n    }\n  });\n}\n\nfunction Blocks({ blocks, tight = false }) {\n  return blocks.map((block, index) => {\n    switch (block.type) {\n      case \"heading\": {\n        // Descriptions sit under the page's own h1/h2, so levels shift down.\n        const Tag = `h${Math.min(block.level + 2, 6)}`;\n        return (\n          <Tag key={index} dir=\"auto\" className={`${HEADING_STYLES[block.level]} pt-2 text-foreground`}>\n            <Inline nodes={block.children} />\n          </Tag>\n        );\n      }\n      case \"paragraph\":\n        return tight ? (\n          <Inline key={index} nodes={block.children} />\n        ) : (\n          <p key={index} dir=\"auto\">\n            <Inline nodes={block.children} />\n          </p>\n        );\n      case \"code\":\n        return (\n          <CodeBlock\n            key={index}\n            code={block.text}\n            language={CODE_LANGUAGES[block.language] ?? \"text\"}\n            toolbar={block.language && <span className=\"px-1 font-mono text-[11px] text-white/50\">{block.language}</span>}\n          />\n        );\n      case \"blockquote\":\n        return (\n          <blockquote key={index} className=\"space-y-3 border-s-4 border-border ps-4 italic\">\n            <Blocks blocks={block.children} />\n          </blockquote>\n        );\n      case \"hr\":\n        return <hr key={index} className=\"border-border\" />;\n      case \"lang-selected\":\n        return (\n          <div key={index} lang={block.locale} className=\"space-y-3\">\n            <Blocks blocks={block.children} tight={tight} />\n          </div>\n        );\n      case \"list\": {\n        const List = block.ordered ? \"ol\" : \"ul\";\n        const task = block.items.some((item) => item.checked !== null);\n        return (\n          <List\n            key={index}\n            dir=\"auto\"\n            start={block.ordered && block.start !== 1 ? block.start : undefined}\n            className={`space-y-1.5 ${task ? \"ps-1\" : `ps-5 ${block.ordered ? \"list-decimal\" : \"list-disc\"}`} marker:text-muted-foreground`}\n          >\n            {block.items.map((item, itemIndex) => (\n              <li key={itemIndex} className={`${block.loose ? \"space-y-2\" : \"space-y-1\"} ${item.checked !== null ? \"flex list-none items-start gap-2\" : \"\"}`}>\n                {item.checked !== null && (\n                  <input type=\"checkbox\" checked={item.checked} readOnly disabled className=\"mt-1 accent-primary\" />\n                )}\n                <div className={item.checked !== null ? \"min-w-0 flex-1 space-y-1\" : \"contents\"}>\n                  <Blocks blocks={item.children} tight={!block.loose && item.children.length === 1} />\n                </div>\n              </li>\n            ))}\n          </List>\n        );\n      }\n      case \"table\":\n        return (\n          // dir=\"auto\": an English table keeps its column order inside an RTL UI.\n          // Code tokens (parameter names, values) never wrap mid-token.\n          <div key={index} dir=\"auto\" className=\"overflow-x-auto rounded-lg border border-border\">\n            <table dir=\"auto\" className=\"w-full border-collapse text-start text-sm [&_code]:whitespace-nowrap\">\n              <thead className=\"bg-muted/60\">\n                <tr>\n                  {block.header.map((cell, column) => (\n                    <th\n                      key={column}\n                      dir=\"auto\"\n                      style={block.align[column] ? { textAlign: block.align[column] } : undefined}\n                      className=\"border-b border-border px-3 py-2 text-start font-semibold text-foreground\"\n                    >\n                      <Inline nodes={cell} />\n                    </th>\n                  ))}\n                </tr>\n              </thead>\n              <tbody>\n                {block.rows.map((row, rowIndex) => (\n                  <tr key={rowIndex} className=\"border-b border-border last:border-b-0\">\n                    {row.map((cell, column) => (\n                      <td\n                        key={column}\n                        dir=\"auto\"\n                        style={block.align[column] ? { textAlign: block.align[column] } : undefined}\n                        className=\"px-3 py-2 align-top\"\n                      >\n                        <Inline nodes={cell} />\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        );\n      default:\n        return null;\n    }\n  });\n}\n\nexport default function Markdown({ source, className = \"\" }) {\n  const locale = useLocale();\n  const blocks = useMemo(() => selectLocale(parseMarkdown(source), locale), [source, locale]);\n  if (blocks.length === 0) return null;\n\n  return (\n    <div className={`space-y-3 text-sm leading-relaxed ${className}`}>\n      <Blocks blocks={blocks} />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/method-badge.js

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+const METHOD_STYLES = {
+  get: "bg-sky-500/15 text-sky-800 dark:text-sky-300",
+  post: "bg-emerald-500/15 text-emerald-800 dark:text-emerald-300",
+  put: "bg-amber-500/15 text-amber-800 dark:text-amber-300",
+  patch: "bg-violet-500/15 text-violet-800 dark:text-violet-300",
+  delete: "bg-rose-500/15 text-rose-800 dark:text-rose-300"
+};
+function MethodBadge({ method, size = "md" }) {
+  const sizing = size === "sm" ? "w-12 text-[10px] py-0.5" : "px-2 py-1 text-xs";
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: `inline-flex shrink-0 items-center justify-center rounded-md font-mono font-bold uppercase ${sizing} ${METHOD_STYLES[method] ?? "bg-muted text-muted-foreground"}`,
+      children: method === "delete" && size === "sm" ? "del" : method
+    }
+  );
+}
+function statusTone(status, { onDark = false } = {}) {
+  if (onDark) {
+    if (/^2/.test(status)) return "text-emerald-400";
+    if (/^3/.test(status)) return "text-sky-400";
+    if (/^4/.test(status)) return "text-amber-400";
+    if (/^5/.test(status)) return "text-rose-400";
+    return "text-white/60";
+  }
+  if (/^2/.test(status)) return "text-emerald-700 dark:text-emerald-400";
+  if (/^3/.test(status)) return "text-sky-700 dark:text-sky-400";
+  if (/^4/.test(status)) return "text-amber-700 dark:text-amber-400";
+  if (/^5/.test(status)) return "text-rose-700 dark:text-rose-400";
+  return "text-muted-foreground";
+}
+export {
+  MethodBadge as default,
+  statusTone
+};
+//# sourceMappingURL=method-badge.js.map

package/dist/method-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/method-badge.jsx"],"sourcesContent":["const METHOD_STYLES = {\n  get: \"bg-sky-500/15 text-sky-800 dark:text-sky-300\",\n  post: \"bg-emerald-500/15 text-emerald-800 dark:text-emerald-300\",\n  put: \"bg-amber-500/15 text-amber-800 dark:text-amber-300\",\n  patch: \"bg-violet-500/15 text-violet-800 dark:text-violet-300\",\n  delete: \"bg-rose-500/15 text-rose-800 dark:text-rose-300\",\n};\n\nexport default function MethodBadge({ method, size = \"md\" }) {\n  const sizing = size === \"sm\" ? \"w-12 text-[10px] py-0.5\" : \"px-2 py-1 text-xs\";\n\n  return (\n    <span\n      className={`inline-flex shrink-0 items-center justify-center rounded-md font-mono font-bold uppercase ${sizing} ${\n        METHOD_STYLES[method] ?? \"bg-muted text-muted-foreground\"\n      }`}\n    >\n      {method === \"delete\" && size === \"sm\" ? \"del\" : method}\n    </span>\n  );\n}\n\n// Status code colors. `onDark` is for the always-dark code blocks, where the\n// light-theme shades would not reach WCAG AA contrast.\nexport function statusTone(status, { onDark = false } = {}) {\n  if (onDark) {\n    if (/^2/.test(status)) return \"text-emerald-400\";\n    if (/^3/.test(status)) return \"text-sky-400\";\n    if (/^4/.test(status)) return \"text-amber-400\";\n    if (/^5/.test(status)) return \"text-rose-400\";\n    return \"text-white/60\";\n  }\n  if (/^2/.test(status)) return \"text-emerald-700 dark:text-emerald-400\";\n  if (/^3/.test(status)) return \"text-sky-700 dark:text-sky-400\";\n  if (/^4/.test(status)) return \"text-amber-700 dark:text-amber-400\";\n  if (/^5/.test(status)) return \"text-rose-700 dark:text-rose-400\";\n  return \"text-muted-foreground\";\n}\n"],"mappings":"AAYI;AAZJ,MAAM,gBAAgB;AAAA,EACpB,KAAK;AAAA,EACL,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AACV;AAEe,SAAR,YAA6B,EAAE,QAAQ,OAAO,KAAK,GAAG;AAC3D,QAAM,SAAS,SAAS,OAAO,4BAA4B;AAE3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,6FAA6F,MAAM,IAC5G,cAAc,MAAM,KAAK,gCAC3B;AAAA,MAEC,qBAAW,YAAY,SAAS,OAAO,QAAQ;AAAA;AAAA,EAClD;AAEJ;AAIO,SAAS,WAAW,QAAQ,EAAE,SAAS,MAAM,IAAI,CAAC,GAAG;AAC1D,MAAI,QAAQ;AACV,QAAI,KAAK,KAAK,MAAM,EAAG,QAAO;AAC9B,QAAI,KAAK,KAAK,MAAM,EAAG,QAAO;AAC9B,QAAI,KAAK,KAAK,MAAM,EAAG,QAAO;AAC9B,QAAI,KAAK,KAAK,MAAM,EAAG,QAAO;AAC9B,WAAO;AAAA,EACT;AACA,MAAI,KAAK,KAAK,MAAM,EAAG,QAAO;AAC9B,MAAI,KAAK,KAAK,MAAM,EAAG,QAAO;AAC9B,MAAI,KAAK,KAAK,MAAM,EAAG,QAAO;AAC9B,MAAI,KAAK,KAAK,MAAM,EAAG,QAAO;AAC9B,SAAO;AACT;","names":[]}

package/dist/models.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useRef } from "react";
+import { useT } from "./i18n/context.js";
+import { useNearViewport } from "./lazy.js";
+import SchemaTree from "./schema-tree.js";
+function Model({ item }) {
+  const ref = useRef(null);
+  const near = useNearViewport(ref);
+  return /* @__PURE__ */ jsxs("section", { ref, id: item.anchor, "data-anchor": true, className: `rounded-2xl border border-border p-5 ${near ? "" : "min-h-40"}`, children: [
+    /* @__PURE__ */ jsx("h3", { className: "font-mono text-base font-semibold [overflow-wrap:anywhere]", children: /* @__PURE__ */ jsx("a", { href: `#${item.anchor}`, className: "hover:text-primary", children: item.name }) }),
+    near && /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(SchemaTree, { schema: item.schema, modelName: item.name }) })
+  ] });
+}
+function Models({ schemas }) {
+  const t = useT();
+  if (schemas.length === 0) return null;
+  return /* @__PURE__ */ jsxs("section", { className: "py-14", children: [
+    /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight", children: t("models.title") }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6 space-y-6", children: schemas.map((item) => /* @__PURE__ */ jsx(Model, { item }, item.name)) })
+  ] });
+}
+var models_default = memo(Models);
+export {
+  models_default as default
+};
+//# sourceMappingURL=models.js.map

package/dist/models.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/models.jsx"],"sourcesContent":["\"use client\";\n\nimport { memo, useRef } from \"react\";\nimport { useT } from \"./i18n/context\";\nimport { useNearViewport } from \"./lazy\";\nimport SchemaTree from \"./schema-tree\";\n\nfunction Model({ item }) {\n  const ref = useRef(null);\n  const near = useNearViewport(ref);\n\n  return (\n    <section ref={ref} id={item.anchor} data-anchor className={`rounded-2xl border border-border p-5 ${near ? \"\" : \"min-h-40\"}`}>\n      <h3 className=\"font-mono text-base font-semibold [overflow-wrap:anywhere]\">\n        <a href={`#${item.anchor}`} className=\"hover:text-primary\">\n          {item.name}\n        </a>\n      </h3>\n      {near && (\n        <div className=\"mt-3\">\n          <SchemaTree schema={item.schema} modelName={item.name} />\n        </div>\n      )}\n    </section>\n  );\n}\n\nfunction Models({ schemas }) {\n  const t = useT();\n  if (schemas.length === 0) return null;\n\n  return (\n    <section className=\"py-14\">\n      <h2 className=\"text-3xl font-bold tracking-tight\">{t(\"models.title\")}</h2>\n      <div className=\"mt-6 space-y-6\">\n        {schemas.map((item) => (\n          <Model key={item.name} item={item} />\n        ))}\n      </div>\n    </section>\n  );\n}\n\nexport default memo(Models);\n"],"mappings":";AAYI,SAEI,KAFJ;AAVJ,SAAS,MAAM,cAAc;AAC7B,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,OAAO,gBAAgB;AAEvB,SAAS,MAAM,EAAE,KAAK,GAAG;AACvB,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,OAAO,gBAAgB,GAAG;AAEhC,SACE,qBAAC,aAAQ,KAAU,IAAI,KAAK,QAAQ,eAAW,MAAC,WAAW,wCAAwC,OAAO,KAAK,UAAU,IACvH;AAAA,wBAAC,QAAG,WAAU,8DACZ,8BAAC,OAAE,MAAM,IAAI,KAAK,MAAM,IAAI,WAAU,sBACnC,eAAK,MACR,GACF;AAAA,IACC,QACC,oBAAC,SAAI,WAAU,QACb,8BAAC,cAAW,QAAQ,KAAK,QAAQ,WAAW,KAAK,MAAM,GACzD;AAAA,KAEJ;AAEJ;AAEA,SAAS,OAAO,EAAE,QAAQ,GAAG;AAC3B,QAAM,IAAI,KAAK;AACf,MAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,SACE,qBAAC,aAAQ,WAAU,SACjB;AAAA,wBAAC,QAAG,WAAU,qCAAqC,YAAE,cAAc,GAAE;AAAA,IACrE,oBAAC,SAAI,WAAU,kBACZ,kBAAQ,IAAI,CAAC,SACZ,oBAAC,SAAsB,QAAX,KAAK,IAAkB,CACpC,GACH;AAAA,KACF;AAEJ;AAEA,IAAO,iBAAQ,KAAK,MAAM;","names":[]}