@tuwaio/docs-ui 0.0.29 → 0.0.30

package/dist/components/CodeBlock.cjs

@@ -0,0 +1,61 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CodeBlock_exports = {};
+__export(CodeBlock_exports, {
+  CodeBlock: () => CodeBlock
+});
+module.exports = __toCommonJS(CodeBlock_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_nova_core = require("@tuwaio/nova-core");
+var import_CopyIconButton = require("./CopyIconButton");
+function CodeBlock({ title, titleIcons, children, textToCopy }) {
+  const { isCopied, copy } = (0, import_nova_core.useCopyToClipboard)(1500);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_nova_core.cn)(
+        "tuwadocs:group tuwadocs:overflow-hidden tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:border",
+        "tuwadocs:border-[var(--tuwa-border-secondary)] tuwadocs:bg-[var(--tuwa-bg-primary)]"
+      ),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: (0, import_nova_core.cn)(
+              "tuwadocs:flex tuwadocs:items-center tuwadocs:justify-between tuwadocs:gap-4 tuwadocs:px-4 tuwadocs:py-2",
+              "tuwadocs:border-b tuwadocs:border-[var(--tuwa-border-secondary)] tuwadocs:bg-[var(--tuwa-bg-secondary)]"
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:h-[20px] tuwadocs:w-[20px] tuwadocs:text-[var(--tuwa-text-secondary)]", children: titleIcons }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "tuwadocs:text-sm tuwadocs:font-medium tuwadocs:text-[var(--tuwa-text-primary)]", children: title })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:transition tuwadocs:md:opacity-0 tuwadocs:group-hover:opacity-100", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CopyIconButton.CopyIconButton, { isCopied, onCopy: () => copy(textToCopy) }) })
+            ]
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CodeBlock
+});

package/dist/components/CodeBlock.d.cts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface CodeBlockProps {
+    /** The title displayed in the header of the code block. */
+    title: string;
+    /** An icon or other React node to display next to the title. */
+    titleIcons: ReactNode;
+    /** The code or content to display within the block. */
+    children: ReactNode;
+    /** The raw text content that will be copied to the clipboard. */
+    textToCopy: string;
+}
+/**
+ * A UI component that wraps content, typically code snippets, in a styled block
+ * with a header containing a title, an icon, and a copy button.
+ */
+declare function CodeBlock({ title, titleIcons, children, textToCopy }: CodeBlockProps): react.JSX.Element;
+
+export { CodeBlock };

package/dist/components/CodeBlock.d.ts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+
+interface CodeBlockProps {
+    /** The title displayed in the header of the code block. */
+    title: string;
+    /** An icon or other React node to display next to the title. */
+    titleIcons: ReactNode;
+    /** The code or content to display within the block. */
+    children: ReactNode;
+    /** The raw text content that will be copied to the clipboard. */
+    textToCopy: string;
+}
+/**
+ * A UI component that wraps content, typically code snippets, in a styled block
+ * with a header containing a title, an icon, and a copy button.
+ */
+declare function CodeBlock({ title, titleIcons, children, textToCopy }: CodeBlockProps): react.JSX.Element;
+
+export { CodeBlock };

package/dist/components/CodeBlock.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, useCopyToClipboard } from "@tuwaio/nova-core";
+import { CopyIconButton } from "./CopyIconButton";
+function CodeBlock({ title, titleIcons, children, textToCopy }) {
+  const { isCopied, copy } = useCopyToClipboard(1500);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "tuwadocs:group tuwadocs:overflow-hidden tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:border",
+        "tuwadocs:border-[var(--tuwa-border-secondary)] tuwadocs:bg-[var(--tuwa-bg-primary)]"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "tuwadocs:flex tuwadocs:items-center tuwadocs:justify-between tuwadocs:gap-4 tuwadocs:px-4 tuwadocs:py-2",
+              "tuwadocs:border-b tuwadocs:border-[var(--tuwa-border-secondary)] tuwadocs:bg-[var(--tuwa-bg-secondary)]"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-2", children: [
+                /* @__PURE__ */ jsx("div", { className: "tuwadocs:h-[20px] tuwadocs:w-[20px] tuwadocs:text-[var(--tuwa-text-secondary)]", children: titleIcons }),
+                /* @__PURE__ */ jsx("p", { className: "tuwadocs:text-sm tuwadocs:font-medium tuwadocs:text-[var(--tuwa-text-primary)]", children: title })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "tuwadocs:transition tuwadocs:md:opacity-0 tuwadocs:group-hover:opacity-100", children: /* @__PURE__ */ jsx(CopyIconButton, { isCopied, onCopy: () => copy(textToCopy) }) })
+            ]
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+export {
+  CodeBlock
+};

package/dist/components/CodeHighlighter.cjs

@@ -0,0 +1,52 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CodeHighlighter_exports = {};
+__export(CodeHighlighter_exports, {
+  CodeHighlighter: () => CodeHighlighter
+});
+module.exports = __toCommonJS(CodeHighlighter_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_syntax_highlighter = require("react-syntax-highlighter");
+var import_prism = require("react-syntax-highlighter/dist/esm/styles/prism");
+var import_NoSSR = __toESM(require("./NoSSR"), 1);
+function CodeHighlighter({ children, language, resolvedTheme }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:border-t tuwadocs:border-[var(--tuwa-border-secondary)]", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_NoSSR.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_syntax_highlighter.Prism,
+    {
+      language: language ?? "bash",
+      customStyle: { margin: 0, background: "transparent" },
+      style: resolvedTheme === "dark" ? import_prism.materialOceanic : import_prism.materialLight,
+      children: String(children).replace(/\n$/, "")
+    }
+  ) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CodeHighlighter
+});

package/dist/components/CodeHighlighter.d.cts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+
+interface CodeHighlighterProps {
+    children: string | string[];
+    language?: string;
+    resolvedTheme: string;
+}
+declare function CodeHighlighter({ children, language, resolvedTheme }: CodeHighlighterProps): react.JSX.Element;
+
+export { CodeHighlighter, type CodeHighlighterProps };

package/dist/components/CodeHighlighter.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+
+interface CodeHighlighterProps {
+    children: string | string[];
+    language?: string;
+    resolvedTheme: string;
+}
+declare function CodeHighlighter({ children, language, resolvedTheme }: CodeHighlighterProps): react.JSX.Element;
+
+export { CodeHighlighter, type CodeHighlighterProps };

package/dist/components/CodeHighlighter.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import { Prism } from "react-syntax-highlighter";
+import { materialLight, materialOceanic } from "react-syntax-highlighter/dist/esm/styles/prism";
+import NoSSR from "./NoSSR";
+function CodeHighlighter({ children, language, resolvedTheme }) {
+  return /* @__PURE__ */ jsx("div", { className: "tuwadocs:border-t tuwadocs:border-[var(--tuwa-border-secondary)]", children: /* @__PURE__ */ jsx(NoSSR, { children: /* @__PURE__ */ jsx(
+    Prism,
+    {
+      language: language ?? "bash",
+      customStyle: { margin: 0, background: "transparent" },
+      style: resolvedTheme === "dark" ? materialOceanic : materialLight,
+      children: String(children).replace(/\n$/, "")
+    }
+  ) }) });
+}
+export {
+  CodeHighlighter
+};

package/dist/components/CopyIconButton.cjs

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CopyIconButton_exports = {};
+__export(CopyIconButton_exports, {
+  CopyIconButton: () => CopyIconButton
+});
+module.exports = __toCommonJS(CopyIconButton_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_outline = require("@heroicons/react/24/outline");
+var import_nova_core = require("@tuwaio/nova-core");
+function CopyIconButton({ isCopied, onCopy }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      onClick: onCopy,
+      type: "button",
+      className: (0, import_nova_core.cn)(
+        "tuwadocs:h-6 tuwadocs:w-6 tuwadocs:cursor-pointer tuwadocs:transition-colors",
+        isCopied ? "tuwadocs:text-[var(--tuwa-success-icon)]" : "tuwadocs:text-[var(--tuwa-text-secondary)] tuwadocs:hover:text-[var(--tuwa-text-primary)]"
+      ),
+      children: isCopied ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_outline.CheckCircleIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_outline.Square2StackIcon, {})
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CopyIconButton
+});

package/dist/components/CopyIconButton.d.cts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+interface CopyIconButtonProps {
+    isCopied: boolean;
+    onCopy: () => void;
+}
+declare function CopyIconButton({ isCopied, onCopy }: CopyIconButtonProps): react.JSX.Element;
+
+export { CopyIconButton };

package/dist/components/CopyIconButton.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+
+interface CopyIconButtonProps {
+    isCopied: boolean;
+    onCopy: () => void;
+}
+declare function CopyIconButton({ isCopied, onCopy }: CopyIconButtonProps): react.JSX.Element;
+
+export { CopyIconButton };

package/dist/components/CopyIconButton.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import { CheckCircleIcon, Square2StackIcon } from "@heroicons/react/24/outline";
+import { cn } from "@tuwaio/nova-core";
+function CopyIconButton({ isCopied, onCopy }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick: onCopy,
+      type: "button",
+      className: cn(
+        "tuwadocs:h-6 tuwadocs:w-6 tuwadocs:cursor-pointer tuwadocs:transition-colors",
+        isCopied ? "tuwadocs:text-[var(--tuwa-success-icon)]" : "tuwadocs:text-[var(--tuwa-text-secondary)] tuwadocs:hover:text-[var(--tuwa-text-primary)]"
+      ),
+      children: isCopied ? /* @__PURE__ */ jsx(CheckCircleIcon, {}) : /* @__PURE__ */ jsx(Square2StackIcon, {})
+    }
+  );
+}
+export {
+  CopyIconButton
+};

package/dist/components/Features.cjs

@@ -0,0 +1,42 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Features_exports = {};
+__export(Features_exports, {
+  Features: () => Features
+});
+module.exports = __toCommonJS(Features_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Features({ features }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:grid tuwadocs:grid-cols-1 tuwadocs:md:grid-cols-3 tuwadocs:gap-6 tuwadocs:mt-12", children: features.map((feature) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: "tuwadocs:p-6 tuwadocs:border tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:hover:shadow-lg tuwadocs:transition-shadow",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:text-2xl tuwadocs:mb-3", children: feature.icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "tuwadocs:text-lg tuwadocs:font-semibold tuwadocs:mb-2", children: feature.title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "tuwadocs:text-[var(--tuwa-text-secondary)]", children: feature.description })
+      ]
+    },
+    feature.title
+  )) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Features
+});

package/dist/components/Features.d.cts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+
+declare function Features({ features }: {
+    features: {
+        title: string;
+        icon: string;
+        description: string;
+    }[];
+}): react.JSX.Element;
+
+export { Features };

package/dist/components/Features.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+
+declare function Features({ features }: {
+    features: {
+        title: string;
+        icon: string;
+        description: string;
+    }[];
+}): react.JSX.Element;
+
+export { Features };

package/dist/components/Features.js

@@ -0,0 +1,18 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function Features({ features }) {
+  return /* @__PURE__ */ jsx("div", { className: "tuwadocs:grid tuwadocs:grid-cols-1 tuwadocs:md:grid-cols-3 tuwadocs:gap-6 tuwadocs:mt-12", children: features.map((feature) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "tuwadocs:p-6 tuwadocs:border tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:hover:shadow-lg tuwadocs:transition-shadow",
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "tuwadocs:text-2xl tuwadocs:mb-3", children: feature.icon }),
+        /* @__PURE__ */ jsx("h3", { className: "tuwadocs:text-lg tuwadocs:font-semibold tuwadocs:mb-2", children: feature.title }),
+        /* @__PURE__ */ jsx("p", { className: "tuwadocs:text-[var(--tuwa-text-secondary)]", children: feature.description })
+      ]
+    },
+    feature.title
+  )) });
+}
+export {
+  Features
+};

package/dist/components/Footer.cjs

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Footer_exports = {};
+__export(Footer_exports, {
+  Footer: () => Footer
+});
+module.exports = __toCommonJS(Footer_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_nova_core = require("@tuwaio/nova-core");
+var import_nextra_theme_docs = require("nextra-theme-docs");
+var import_utils = require("../utils");
+function Footer({ links, logo }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_nextra_theme_docs.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:flex tuwadocs:w-full tuwadocs:flex-col tuwadocs:items-center tuwadocs:sm:items-start tuwa-footer-border tuwadocs:pt-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:mb-6 tuwadocs:flex tuwadocs:items-center tuwadocs:gap-4 tuwadocs:w-full tuwadocs:justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:flex tuwadocs:items-center", children: logo }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-4 tuwadocs:text-sm", children: (links ?? import_utils.baseFooterLinks).map(({ title, href, image, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: (0, import_nova_core.cn)("tuwa-footer-link tuwadocs:flex tuwadocs:items-center tuwadocs:gap-1", className),
+          children: [
+            image,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tuwadocs:hidden tuwadocs:sm:inline", children: title })
+          ]
+        },
+        title
+      )) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:w-full tuwa-footer-border tuwadocs:pt-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:flex tuwadocs:flex-col tuwadocs:sm:flex-row tuwadocs:justify-between tuwadocs:items-start tuwadocs:sm:items-center tuwadocs:gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:flex-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "tuwa-footer-description", children: "The modular, headless-first Web3 infrastructure. Build self-custodial applications with zero vendor lock-in." }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "tuwa-footer-license", children: "Licensed under Apache 2.0. Open source and free to use." })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwa-footer-copyright", children: [
+          "\xA9 2025 - ",
+          (/* @__PURE__ */ new Date()).getFullYear(),
+          " TUWA. All rights reserved."
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:flex tuwadocs:flex-wrap tuwadocs:items-center tuwadocs:gap-3 tuwadocs:mt-4 tuwadocs:pt-4 tuwa-footer-border" })
+    ] })
+  ] }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Footer
+});

package/dist/components/Footer.d.cts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { NavProps } from './NavBar.cjs';
+
+declare function Footer({ links, logo }: NavProps & {
+    logo?: ReactNode;
+}): react.JSX.Element;
+
+export { Footer };

package/dist/components/Footer.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { NavProps } from './NavBar.js';
+
+declare function Footer({ links, logo }: NavProps & {
+    logo?: ReactNode;
+}): react.JSX.Element;
+
+export { Footer };

package/dist/components/Footer.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@tuwaio/nova-core";
+import { Footer as NextraFooter } from "nextra-theme-docs";
+import { baseFooterLinks } from "../utils";
+function Footer({ links, logo }) {
+  return /* @__PURE__ */ jsx(NextraFooter, { children: /* @__PURE__ */ jsxs("div", { className: "tuwadocs:flex tuwadocs:w-full tuwadocs:flex-col tuwadocs:items-center tuwadocs:sm:items-start tuwa-footer-border tuwadocs:pt-8", children: [
+    /* @__PURE__ */ jsxs("div", { className: "tuwadocs:mb-6 tuwadocs:flex tuwadocs:items-center tuwadocs:gap-4 tuwadocs:w-full tuwadocs:justify-between", children: [
+      /* @__PURE__ */ jsx("div", { className: "tuwadocs:flex tuwadocs:items-center", children: logo }),
+      /* @__PURE__ */ jsx("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-4 tuwadocs:text-sm", children: (links ?? baseFooterLinks).map(({ title, href, image, className }) => /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: cn("tuwa-footer-link tuwadocs:flex tuwadocs:items-center tuwadocs:gap-1", className),
+          children: [
+            image,
+            /* @__PURE__ */ jsx("span", { className: "tuwadocs:hidden tuwadocs:sm:inline", children: title })
+          ]
+        },
+        title
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "tuwadocs:w-full tuwa-footer-border tuwadocs:pt-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "tuwadocs:flex tuwadocs:flex-col tuwadocs:sm:flex-row tuwadocs:justify-between tuwadocs:items-start tuwadocs:sm:items-center tuwadocs:gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "tuwadocs:flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "tuwa-footer-description", children: "The modular, headless-first Web3 infrastructure. Build self-custodial applications with zero vendor lock-in." }),
+          /* @__PURE__ */ jsx("p", { className: "tuwa-footer-license", children: "Licensed under Apache 2.0. Open source and free to use." })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "tuwa-footer-copyright", children: [
+          "\xA9 2025 - ",
+          (/* @__PURE__ */ new Date()).getFullYear(),
+          " TUWA. All rights reserved."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "tuwadocs:flex tuwadocs:flex-wrap tuwadocs:items-center tuwadocs:gap-3 tuwadocs:mt-4 tuwadocs:pt-4 tuwa-footer-border" })
+    ] })
+  ] }) });
+}
+export {
+  Footer
+};

package/dist/components/Logo.cjs

@@ -0,0 +1,75 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Logo_exports = {};
+__export(Logo_exports, {
+  RemoteLogo: () => RemoteLogo
+});
+module.exports = __toCommonJS(Logo_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_html_react_parser = __toESM(require("html-react-parser"), 1);
+var import_react = __toESM(require("react"), 1);
+const LOGO_URL = "https://cdn.jsdelivr.net/gh/TuwaIO/workflows@main/preview/logo_v1.svg";
+async function RemoteLogo({ url = LOGO_URL, className, style, ...props }) {
+  let rawSvg;
+  try {
+    const response = await fetch(url, {
+      next: { revalidate: 86400 }
+      // Cache for 24 hours
+    });
+    if (!response.ok) {
+      throw new Error(`Failed to fetch SVG: ${response.status}`);
+    }
+    rawSvg = await response.text();
+  } catch (error) {
+    console.error("RemoteLogo: Failed to fetch SVG from remote source:", error);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className, style, ...props });
+  }
+  const cleanSvg = rawSvg.replace(/<\?xml[\s\S]*?\?>/g, "").replace(/<!DOCTYPE[\s\S]*?>/gi, "").replace(/\sxml:space=/g, " xmlSpace=").trim();
+  const parsed = (0, import_html_react_parser.default)(cleanSvg, {
+    replace(domNode) {
+      if (domNode instanceof import_html_react_parser.Element && domNode.name === "svg") {
+        const children = (0, import_html_react_parser.domToReact)(domNode.children);
+        const attribs = { ...domNode.attribs };
+        if ("xmlspace" in attribs) {
+          attribs.xmlSpace = attribs.xmlspace;
+          delete attribs.xmlspace;
+        }
+        const svgClassName = [className, "remote-logo"].filter(Boolean).join(" ");
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { ...attribs, className: svgClassName, style, ...props, children });
+      }
+    }
+  });
+  const elements = Array.isArray(parsed) ? parsed : [parsed];
+  const svgElement = elements.find((el) => import_react.default.isValidElement(el) && el.type === "svg");
+  return svgElement ? svgElement : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className, style, ...props });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RemoteLogo
+});

package/dist/components/Logo.d.cts

@@ -0,0 +1,12 @@
+import react__default from 'react';
+
+interface RemoteLogoProps extends react__default.SVGProps<SVGSVGElement> {
+    url?: string;
+}
+/**
+ * Async Server Component that fetches a remote SVG and renders it
+ * as native React elements using html-react-parser.
+ */
+declare function RemoteLogo({ url, className, style, ...props }: RemoteLogoProps): Promise<string | react__default.JSX.Element>;
+
+export { RemoteLogo, type RemoteLogoProps };

package/dist/components/Logo.d.ts

@@ -0,0 +1,12 @@
+import react__default from 'react';
+
+interface RemoteLogoProps extends react__default.SVGProps<SVGSVGElement> {
+    url?: string;
+}
+/**
+ * Async Server Component that fetches a remote SVG and renders it
+ * as native React elements using html-react-parser.
+ */
+declare function RemoteLogo({ url, className, style, ...props }: RemoteLogoProps): Promise<string | react__default.JSX.Element>;
+
+export { RemoteLogo, type RemoteLogoProps };