@tuwaio/docs-ui 0.5.3 → 0.5.5

package/dist/components/Footer.cjs

@@ -26,8 +26,8 @@ var import_utils = require("@tuwaio/nova-core/utils");
 var import_nextra_theme_docs = require("nextra-theme-docs");
 var import_policies = require("../policies");
 var import_utils2 = 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: [
+function Footer({ links, logo, labels, policyLanguage = "en" }) {
+  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", 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_utils2.baseFooterLinks).map(({ title, href, image, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -48,23 +48,23 @@ function Footer({ links, logo }) {
     /* @__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-center tuwadocs:sm:items-start tuwadocs:gap-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:flex-1 tuwadocs:text-center tuwadocs:sm:text-left", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "tuwa-footer-description", children: "The modular, headless-first Web3 infrastructure. Build self-custodial applications on open-source, portable building blocks." }),
-          /* @__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.jsx)("p", { className: "tuwa-footer-description", children: labels?.description ?? "The modular, headless-first Web3 infrastructure. Build self-custodial applications on open-source, portable building blocks." }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "tuwa-footer-license", children: labels?.license ?? "Licensed under Apache 2.0. Open source and free to use." })
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "nav",
           {
-            "aria-label": "Policies",
+            "aria-label": labels?.policiesAriaLabel ?? "Policies",
             className: "tuwadocs:flex tuwadocs:flex-wrap tuwadocs:items-center tuwadocs:justify-center tuwadocs:sm:justify-end tuwadocs:gap-x-4 tuwadocs:gap-y-2 tuwadocs:text-xs",
             children: [
               import_policies.footerPolicies.map((policy) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 "a",
                 {
-                  href: (0, import_policies.getPolicyPageUrl)(policy.slug),
+                  href: (0, import_policies.getPolicyPageUrl)(policy.slug, void 0, policyLanguage),
                   target: "_blank",
                   rel: "noopener noreferrer",
                   className: "tuwa-footer-link",
-                  children: policy.title
+                  children: labels?.policyTitles?.[policy.slug] ?? policy.title
                 },
                 policy.slug
               )),
@@ -75,7 +75,7 @@ function Footer({ links, logo }) {
                   target: "_blank",
                   rel: "noopener noreferrer",
                   className: "tuwa-footer-link tuwadocs:font-semibold",
-                  children: "All policies"
+                  children: labels?.allPolicies ?? "All policies"
                 }
               )
             ]
@@ -85,7 +85,8 @@ function Footer({ links, logo }) {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:flex tuwadocs:flex-wrap tuwadocs:items-center tuwadocs:justify-center tuwadocs:gap-3 tuwadocs:mt-4 tuwadocs:pt-4 tuwa-footer-border", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwa-footer-copyright", children: [
         "\xA9 2025 - ",
         (/* @__PURE__ */ new Date()).getFullYear(),
-        " TUWA. All rights reserved."
+        " TUWA. ",
+        labels?.copyright ?? "All rights reserved."
       ] }) })
     ] })
   ] }) });

package/dist/components/Footer.d.cts

@@ -1,15 +1,43 @@
 import * as react from 'react';
+import { PolicySlug, PolicyLanguage } from '../policies.cjs';
 import { NavProps } from './NavBar.cjs';
 
+/**
+ * Optional localized strings for {@link Footer}.
+ */
+interface FooterLabels {
+    /** Description of TUWA */
+    description?: string;
+    /** License notice */
+    license?: string;
+    /** Accessible name of the policies nav */
+    policiesAriaLabel?: string;
+    /** Label of the link to all policies */
+    allPolicies?: string;
+    /** Copyright text after the year */
+    copyright?: string;
+    /** Localized titles for policies by slug */
+    policyTitles?: Partial<Record<PolicySlug, string>>;
+}
+/**
+ * Props of {@link Footer}.
+ */
+interface FooterProps extends NavProps {
+    /** Optional localized strings */
+    labels?: FooterLabels;
+    /** Language of the policy page links (default: `'en'`) */
+    policyLanguage?: PolicyLanguage;
+}
 /**
  * The footer of a TUWA documentation site: the `Footer` of `nextra-theme-docs` with the logo, external links, the
  * TUWA description and the license on the left, links to the policies in force on tuwa.io (`footerPolicies`) and to
  * the list of all policies on the docs hub on the right, and the copyright line (the current year is read on render)
  * centered below; on narrow screens everything is centered. Render it in the `footer` prop of the Nextra `Layout`.
  *
- * @param props - See {@link NavProps}.
+ * @param props - See {@link FooterProps}.
  * @returns The footer.
  */
-declare function Footer({ links, logo }: NavProps): react.JSX.Element;
+declare function Footer({ links, logo, labels, policyLanguage }: FooterProps): react.JSX.Element;
 
 export { Footer };
+export type { FooterLabels, FooterProps };

package/dist/components/Footer.d.ts

@@ -1,15 +1,43 @@
 import * as react from 'react';
+import { PolicySlug, PolicyLanguage } from '../policies.js';
 import { NavProps } from './NavBar.js';
 
+/**
+ * Optional localized strings for {@link Footer}.
+ */
+interface FooterLabels {
+    /** Description of TUWA */
+    description?: string;
+    /** License notice */
+    license?: string;
+    /** Accessible name of the policies nav */
+    policiesAriaLabel?: string;
+    /** Label of the link to all policies */
+    allPolicies?: string;
+    /** Copyright text after the year */
+    copyright?: string;
+    /** Localized titles for policies by slug */
+    policyTitles?: Partial<Record<PolicySlug, string>>;
+}
+/**
+ * Props of {@link Footer}.
+ */
+interface FooterProps extends NavProps {
+    /** Optional localized strings */
+    labels?: FooterLabels;
+    /** Language of the policy page links (default: `'en'`) */
+    policyLanguage?: PolicyLanguage;
+}
 /**
  * The footer of a TUWA documentation site: the `Footer` of `nextra-theme-docs` with the logo, external links, the
  * TUWA description and the license on the left, links to the policies in force on tuwa.io (`footerPolicies`) and to
  * the list of all policies on the docs hub on the right, and the copyright line (the current year is read on render)
  * centered below; on narrow screens everything is centered. Render it in the `footer` prop of the Nextra `Layout`.
  *
- * @param props - See {@link NavProps}.
+ * @param props - See {@link FooterProps}.
  * @returns The footer.
  */
-declare function Footer({ links, logo }: NavProps): react.JSX.Element;
+declare function Footer({ links, logo, labels, policyLanguage }: FooterProps): react.JSX.Element;
 
 export { Footer };
+export type { FooterLabels, FooterProps };

package/dist/components/Footer.js

@@ -1,10 +1,14 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@tuwaio/nova-core/utils";
 import { Footer as NextraFooter } from "nextra-theme-docs";
-import { footerPolicies, getPolicyPageUrl, POLICIES_INDEX_URL } from "../policies";
+import {
+  footerPolicies,
+  getPolicyPageUrl,
+  POLICIES_INDEX_URL
+} from "../policies";
 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: [
+function Footer({ links, logo, labels, policyLanguage = "en" }) {
+  return /* @__PURE__ */ jsx(NextraFooter, { children: /* @__PURE__ */ jsxs("div", { className: "tuwadocs:flex tuwadocs:w-full tuwadocs:flex-col tuwadocs:items-center tuwadocs:sm:items-start", 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(
@@ -25,23 +29,23 @@ function Footer({ links, logo }) {
     /* @__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-center tuwadocs:sm:items-start tuwadocs:gap-4", children: [
         /* @__PURE__ */ jsxs("div", { className: "tuwadocs:flex-1 tuwadocs:text-center tuwadocs:sm:text-left", children: [
-          /* @__PURE__ */ jsx("p", { className: "tuwa-footer-description", children: "The modular, headless-first Web3 infrastructure. Build self-custodial applications on open-source, portable building blocks." }),
-          /* @__PURE__ */ jsx("p", { className: "tuwa-footer-license", children: "Licensed under Apache 2.0. Open source and free to use." })
+          /* @__PURE__ */ jsx("p", { className: "tuwa-footer-description", children: labels?.description ?? "The modular, headless-first Web3 infrastructure. Build self-custodial applications on open-source, portable building blocks." }),
+          /* @__PURE__ */ jsx("p", { className: "tuwa-footer-license", children: labels?.license ?? "Licensed under Apache 2.0. Open source and free to use." })
         ] }),
         /* @__PURE__ */ jsxs(
           "nav",
           {
-            "aria-label": "Policies",
+            "aria-label": labels?.policiesAriaLabel ?? "Policies",
             className: "tuwadocs:flex tuwadocs:flex-wrap tuwadocs:items-center tuwadocs:justify-center tuwadocs:sm:justify-end tuwadocs:gap-x-4 tuwadocs:gap-y-2 tuwadocs:text-xs",
             children: [
               footerPolicies.map((policy) => /* @__PURE__ */ jsx(
                 "a",
                 {
-                  href: getPolicyPageUrl(policy.slug),
+                  href: getPolicyPageUrl(policy.slug, void 0, policyLanguage),
                   target: "_blank",
                   rel: "noopener noreferrer",
                   className: "tuwa-footer-link",
-                  children: policy.title
+                  children: labels?.policyTitles?.[policy.slug] ?? policy.title
                 },
                 policy.slug
               )),
@@ -52,7 +56,7 @@ function Footer({ links, logo }) {
                   target: "_blank",
                   rel: "noopener noreferrer",
                   className: "tuwa-footer-link tuwadocs:font-semibold",
-                  children: "All policies"
+                  children: labels?.allPolicies ?? "All policies"
                 }
               )
             ]
@@ -62,7 +66,8 @@ function Footer({ links, logo }) {
       /* @__PURE__ */ jsx("div", { className: "tuwadocs:flex tuwadocs:flex-wrap tuwadocs:items-center tuwadocs:justify-center tuwadocs:gap-3 tuwadocs:mt-4 tuwadocs:pt-4 tuwa-footer-border", children: /* @__PURE__ */ jsxs("div", { className: "tuwa-footer-copyright", children: [
         "\xA9 2025 - ",
         (/* @__PURE__ */ new Date()).getFullYear(),
-        " TUWA. All rights reserved."
+        " TUWA. ",
+        labels?.copyright ?? "All rights reserved."
       ] }) })
     ] })
   ] }) });

package/dist/components/Logo.cjs

@@ -28,13 +28,64 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Logo_exports = {};
 __export(Logo_exports, {
-  RemoteLogo: () => RemoteLogo
+  RemoteLogo: () => RemoteLogo,
+  SiteLogo: () => SiteLogo,
+  TuwaLogo: () => TuwaLogo
 });
 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://tuwa.io/brand/logo_v2.svg";
+const LIGHT_LOGO_URL = "https://tuwa.io/brand/logo_v2.svg";
+const DARK_LOGO_URL = "https://tuwa.io/brand/logo_glow.svg";
+function SiteLogo({
+  width = 126,
+  height = 40,
+  className = "",
+  lightSrc = LIGHT_LOGO_URL,
+  darkSrc = DARK_LOGO_URL
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `tuwadocs:relative tuwadocs:flex tuwadocs:items-center tuwadocs:justify-center tuwadocs:shrink-0 ${className}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "img",
+          {
+            src: lightSrc,
+            alt: "TUWA",
+            width,
+            height,
+            className: "tuwadocs:block tuwadocs:dark:hidden tuwadocs:h-auto tuwadocs:transition-opacity tuwadocs:duration-300",
+            style: { width: `${width}px`, height: "auto" },
+            loading: "eager",
+            decoding: "async"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "img",
+          {
+            src: darkSrc,
+            alt: "TUWA",
+            width,
+            height,
+            className: "tuwadocs:hidden tuwadocs:dark:block tuwadocs:h-auto tuwadocs:transition-opacity tuwadocs:duration-300",
+            style: {
+              width: `${width}px`,
+              height: "auto",
+              filter: "drop-shadow(0 0 12px rgba(103, 232, 249, 0.45))"
+            },
+            loading: "eager",
+            decoding: "async"
+          }
+        )
+      ]
+    }
+  );
+}
+const TuwaLogo = SiteLogo;
 async function RemoteLogo({ url = LOGO_URL, className, style, ...props }) {
   let rawSvg;
   try {
@@ -77,5 +128,7 @@ async function RemoteLogo({ url = LOGO_URL, className, style, ...props }) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  RemoteLogo
+  RemoteLogo,
+  SiteLogo,
+  TuwaLogo
 });

package/dist/components/Logo.d.cts

@@ -1,5 +1,28 @@
 import react__default from 'react';
 
+interface SiteLogoProps {
+    /** Width in pixels (default: 126) */
+    width?: number;
+    /** Height in pixels (default: 40) */
+    height?: number;
+    /** Additional CSS classes for wrapper */
+    className?: string;
+    /** Light mode logo source (default: https://tuwa.io/brand/logo_v2.svg) */
+    lightSrc?: string;
+    /** Dark mode logo source (default: https://tuwa.io/brand/logo_glow.svg) */
+    darkSrc?: string;
+}
+/**
+ * SiteLogo renders the TUWA brand logo:
+ * - Light mode: black vector logo (https://tuwa.io/brand/logo_v2.svg)
+ * - Dark mode: glowing cyan vector logo (https://tuwa.io/brand/logo_glow.svg) with constellation nodes/lines and ambient drop-shadow
+ *
+ * Using standalone <img> tags isolates each SVG document context, completely avoiding
+ * WebKit/Safari SVG ID collision and gradient-rendering bugs.
+ * Pure presentation element with no event handlers, ensuring it can safely cross Server/Client component boundaries.
+ */
+declare function SiteLogo({ width, height, className, lightSrc, darkSrc, }: SiteLogoProps): react__default.JSX.Element;
+declare const TuwaLogo: typeof SiteLogo;
 /**
  * Props of {@link RemoteLogo}: the SVG attributes are applied to the root `svg` element.
  */
@@ -21,5 +44,5 @@ interface RemoteLogoProps extends react__default.SVGProps<SVGSVGElement> {
  */
 declare function RemoteLogo({ url, className, style, ...props }: RemoteLogoProps): Promise<string | react__default.JSX.Element>;
 
-export { RemoteLogo };
-export type { RemoteLogoProps };
+export { RemoteLogo, SiteLogo, TuwaLogo };
+export type { RemoteLogoProps, SiteLogoProps };

package/dist/components/Logo.d.ts

@@ -1,5 +1,28 @@
 import react__default from 'react';
 
+interface SiteLogoProps {
+    /** Width in pixels (default: 126) */
+    width?: number;
+    /** Height in pixels (default: 40) */
+    height?: number;
+    /** Additional CSS classes for wrapper */
+    className?: string;
+    /** Light mode logo source (default: https://tuwa.io/brand/logo_v2.svg) */
+    lightSrc?: string;
+    /** Dark mode logo source (default: https://tuwa.io/brand/logo_glow.svg) */
+    darkSrc?: string;
+}
+/**
+ * SiteLogo renders the TUWA brand logo:
+ * - Light mode: black vector logo (https://tuwa.io/brand/logo_v2.svg)
+ * - Dark mode: glowing cyan vector logo (https://tuwa.io/brand/logo_glow.svg) with constellation nodes/lines and ambient drop-shadow
+ *
+ * Using standalone <img> tags isolates each SVG document context, completely avoiding
+ * WebKit/Safari SVG ID collision and gradient-rendering bugs.
+ * Pure presentation element with no event handlers, ensuring it can safely cross Server/Client component boundaries.
+ */
+declare function SiteLogo({ width, height, className, lightSrc, darkSrc, }: SiteLogoProps): react__default.JSX.Element;
+declare const TuwaLogo: typeof SiteLogo;
 /**
  * Props of {@link RemoteLogo}: the SVG attributes are applied to the root `svg` element.
  */
@@ -21,5 +44,5 @@ interface RemoteLogoProps extends react__default.SVGProps<SVGSVGElement> {
  */
 declare function RemoteLogo({ url, className, style, ...props }: RemoteLogoProps): Promise<string | react__default.JSX.Element>;
 
-export { RemoteLogo };
-export type { RemoteLogoProps };
+export { RemoteLogo, SiteLogo, TuwaLogo };
+export type { RemoteLogoProps, SiteLogoProps };

package/dist/components/Logo.js

@@ -2,6 +2,55 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import parse, { domToReact, Element } from "html-react-parser";
 import React from "react";
 const LOGO_URL = "https://tuwa.io/brand/logo_v2.svg";
+const LIGHT_LOGO_URL = "https://tuwa.io/brand/logo_v2.svg";
+const DARK_LOGO_URL = "https://tuwa.io/brand/logo_glow.svg";
+function SiteLogo({
+  width = 126,
+  height = 40,
+  className = "",
+  lightSrc = LIGHT_LOGO_URL,
+  darkSrc = DARK_LOGO_URL
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `tuwadocs:relative tuwadocs:flex tuwadocs:items-center tuwadocs:justify-center tuwadocs:shrink-0 ${className}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: lightSrc,
+            alt: "TUWA",
+            width,
+            height,
+            className: "tuwadocs:block tuwadocs:dark:hidden tuwadocs:h-auto tuwadocs:transition-opacity tuwadocs:duration-300",
+            style: { width: `${width}px`, height: "auto" },
+            loading: "eager",
+            decoding: "async"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: darkSrc,
+            alt: "TUWA",
+            width,
+            height,
+            className: "tuwadocs:hidden tuwadocs:dark:block tuwadocs:h-auto tuwadocs:transition-opacity tuwadocs:duration-300",
+            style: {
+              width: `${width}px`,
+              height: "auto",
+              filter: "drop-shadow(0 0 12px rgba(103, 232, 249, 0.45))"
+            },
+            loading: "eager",
+            decoding: "async"
+          }
+        )
+      ]
+    }
+  );
+}
+const TuwaLogo = SiteLogo;
 async function RemoteLogo({ url = LOGO_URL, className, style, ...props }) {
   let rawSvg;
   try {
@@ -43,5 +92,7 @@ async function RemoteLogo({ url = LOGO_URL, className, style, ...props }) {
   return svgElement ? svgElement : /* @__PURE__ */ jsx("svg", { className, style, ...props });
 }
 export {
-  RemoteLogo
+  RemoteLogo,
+  SiteLogo,
+  TuwaLogo
 };

package/dist/components/NavBar.cjs

@@ -25,24 +25,27 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_utils = require("@tuwaio/nova-core/utils");
 var import_nextra_theme_docs = require("nextra-theme-docs");
 var import_utils2 = require("../utils");
-function Navbar({ links, logo }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_nextra_theme_docs.Navbar, { logo, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-3", children: (links ?? import_utils2.baseNavLinks).map(({ title, href, image, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "a",
-    {
-      href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: (0, import_utils.cn)(
-        "tuwadocs:hidden tuwadocs:sm:flex tuwadocs:items-center tuwadocs:gap-1 tuwadocs:px-3 tuwadocs:py-1.5 tuwadocs:text-sm tuwadocs:font-medium tuwadocs:transition-colors tuwadocs:text-[var(--tuwa-text-primary)]",
-        className
-      ),
-      children: [
-        image,
-        title
-      ]
-    },
-    title
-  )) }) });
+function Navbar({ links, logo, children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_nextra_theme_docs.Navbar, { logo, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-3", children: [
+    (links ?? import_utils2.baseNavLinks).map(({ title, href, image, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: (0, import_utils.cn)(
+          "tuwadocs:hidden tuwadocs:sm:flex tuwadocs:items-center tuwadocs:gap-1 tuwadocs:px-3 tuwadocs:py-1.5 tuwadocs:text-sm tuwadocs:font-medium tuwadocs:transition-colors tuwadocs:text-[var(--tuwa-text-primary)]",
+          className
+        ),
+        children: [
+          image,
+          title
+        ]
+      },
+      title
+    )),
+    children
+  ] }) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/components/NavBar.d.cts

@@ -22,6 +22,8 @@ interface NavProps {
     links?: SocialLink[];
     /** Logo of the site, for example {@link RemoteLogo} */
     logo?: ReactNode;
+    /** Extra elements rendered in the navbar next to the links, for example {@link LocaleSwitcher} */
+    children?: ReactNode;
 }
 /**
  * The navbar of a TUWA documentation site: the `Navbar` of `nextra-theme-docs` with the logo and a row of external
@@ -30,7 +32,7 @@ interface NavProps {
  * @param props - See {@link NavProps}.
  * @returns The navbar.
  */
-declare function Navbar({ links, logo }: NavProps): react.JSX.Element;
+declare function Navbar({ links, logo, children }: NavProps): react.JSX.Element;
 
 export { Navbar };
 export type { NavProps, SocialLink };

package/dist/components/NavBar.d.ts

@@ -22,6 +22,8 @@ interface NavProps {
     links?: SocialLink[];
     /** Logo of the site, for example {@link RemoteLogo} */
     logo?: ReactNode;
+    /** Extra elements rendered in the navbar next to the links, for example {@link LocaleSwitcher} */
+    children?: ReactNode;
 }
 /**
  * The navbar of a TUWA documentation site: the `Navbar` of `nextra-theme-docs` with the logo and a row of external
@@ -30,7 +32,7 @@ interface NavProps {
  * @param props - See {@link NavProps}.
  * @returns The navbar.
  */
-declare function Navbar({ links, logo }: NavProps): react.JSX.Element;
+declare function Navbar({ links, logo, children }: NavProps): react.JSX.Element;
 
 export { Navbar };
 export type { NavProps, SocialLink };

package/dist/components/NavBar.js

@@ -2,24 +2,27 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@tuwaio/nova-core/utils";
 import { Navbar as NextraNavbar } from "nextra-theme-docs";
 import { baseNavLinks } from "../utils";
-function Navbar({ links, logo }) {
-  return /* @__PURE__ */ jsx(NextraNavbar, { logo, children: /* @__PURE__ */ jsx("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-3", children: (links ?? baseNavLinks).map(({ title, href, image, className }) => /* @__PURE__ */ jsxs(
-    "a",
-    {
-      href,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: cn(
-        "tuwadocs:hidden tuwadocs:sm:flex tuwadocs:items-center tuwadocs:gap-1 tuwadocs:px-3 tuwadocs:py-1.5 tuwadocs:text-sm tuwadocs:font-medium tuwadocs:transition-colors tuwadocs:text-[var(--tuwa-text-primary)]",
-        className
-      ),
-      children: [
-        image,
-        title
-      ]
-    },
-    title
-  )) }) });
+function Navbar({ links, logo, children }) {
+  return /* @__PURE__ */ jsx(NextraNavbar, { logo, children: /* @__PURE__ */ jsxs("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-3", children: [
+    (links ?? baseNavLinks).map(({ title, href, image, className }) => /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: cn(
+          "tuwadocs:hidden tuwadocs:sm:flex tuwadocs:items-center tuwadocs:gap-1 tuwadocs:px-3 tuwadocs:py-1.5 tuwadocs:text-sm tuwadocs:font-medium tuwadocs:transition-colors tuwadocs:text-[var(--tuwa-text-primary)]",
+          className
+        ),
+        children: [
+          image,
+          title
+        ]
+      },
+      title
+    )),
+    children
+  ] }) });
 }
 export {
   Navbar

package/dist/components/Orb.cjs

@@ -38,20 +38,20 @@ var import_react = __toESM(require("react"), 1);
 const packageColors = {
   siwx: "#10b981",
   orbit: "#0d9488",
-  satellite: "#6366f1",
+  satellite: "#0052ff",
   pulsar: "#f59e0b",
-  quasar: "#06b6d4",
-  nova: "#8b5cf6",
-  sdk: "#3b82f6"
+  quasar: "#2563eb",
+  nova: "#0284c7",
+  sdk: "#1d4ed8"
 };
 const packageTints = {
   siwx: "rgba(16,185,129,0.12)",
   orbit: "rgba(13,148,136,0.12)",
-  satellite: "rgba(99,102,241,0.12)",
+  satellite: "rgba(0,82,255,0.12)",
   pulsar: "rgba(245,158,11,0.12)",
-  quasar: "rgba(6,182,212,0.12)",
-  nova: "rgba(139,92,246,0.12)",
-  sdk: "rgba(59,130,246,0.12)"
+  quasar: "rgba(37,99,235,0.12)",
+  nova: "rgba(2,132,199,0.12)",
+  sdk: "rgba(29,78,216,0.12)"
 };
 const getCosmicFilter = (type, id) => {
   const starField = (freq, seed, dur) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [

package/dist/components/Orb.js

@@ -5,20 +5,20 @@ import React from "react";
 const packageColors = {
   siwx: "#10b981",
   orbit: "#0d9488",
-  satellite: "#6366f1",
+  satellite: "#0052ff",
   pulsar: "#f59e0b",
-  quasar: "#06b6d4",
-  nova: "#8b5cf6",
-  sdk: "#3b82f6"
+  quasar: "#2563eb",
+  nova: "#0284c7",
+  sdk: "#1d4ed8"
 };
 const packageTints = {
   siwx: "rgba(16,185,129,0.12)",
   orbit: "rgba(13,148,136,0.12)",
-  satellite: "rgba(99,102,241,0.12)",
+  satellite: "rgba(0,82,255,0.12)",
   pulsar: "rgba(245,158,11,0.12)",
-  quasar: "rgba(6,182,212,0.12)",
-  nova: "rgba(139,92,246,0.12)",
-  sdk: "rgba(59,130,246,0.12)"
+  quasar: "rgba(37,99,235,0.12)",
+  nova: "rgba(2,132,199,0.12)",
+  sdk: "rgba(29,78,216,0.12)"
 };
 const getCosmicFilter = (type, id) => {
   const starField = (freq, seed, dur) => /* @__PURE__ */ jsxs(Fragment, { children: [

package/dist/components/PolicyDocument.cjs

@@ -113,7 +113,7 @@ function PolicyDocument({
                   /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: (0, import_utils.cn)("tuwadocs:text-sm tuwadocs:text-[var(--tuwa-text-secondary)]", classNames?.updated), children: [
                     texts.updated,
                     " ",
-                    content.updated
+                    (0, import_policies.formatPolicyDate)(content.updated, language)
                   ] }),
                   /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:flex tuwadocs:flex-wrap tuwadocs:items-center tuwadocs:gap-2", children: [
                     languages.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/components/PolicyDocument.js

@@ -3,6 +3,7 @@ import { ArrowDownTrayIcon } from "@heroicons/react/24/outline";
 import { cn } from "@tuwaio/nova-core/utils";
 import parse, { Element } from "html-react-parser";
 import {
+  formatPolicyDate,
   getPolicyFileUrl,
   POLICY_DOCUMENT_LABELS,
   POLICY_LANGUAGE_NAMES,
@@ -85,7 +86,7 @@ function PolicyDocument({
                   /* @__PURE__ */ jsxs("p", { className: cn("tuwadocs:text-sm tuwadocs:text-[var(--tuwa-text-secondary)]", classNames?.updated), children: [
                     texts.updated,
                     " ",
-                    content.updated
+                    formatPolicyDate(content.updated, language)
                   ] }),
                   /* @__PURE__ */ jsxs("div", { className: "tuwadocs:flex tuwadocs:flex-wrap tuwadocs:items-center tuwadocs:gap-2", children: [
                     languages.length > 1 && /* @__PURE__ */ jsx(