@tuwaio/docs-ui 0.0.38 → 0.1.0

package/README.md

@@ -1,15 +1,91 @@
-# TUWA Docs UI
+# @tuwaio/docs-ui
 
 [![NPM Version](https://img.shields.io/npm/v/@tuwaio/docs-ui.svg)](https://www.npmjs.com/package/@tuwaio/docs-ui)
-[![License](https://img.shields.io/npm/l/@tuwaio/docs-ui.svg)](./LICENSE)
+[![License](https://img.shields.io/npm/l/@tuwaio/docs-ui.svg)](https://github.com/TuwaIO/docs/blob/main/packages/docs-ui/LICENSE)
 
-The shared design system and UI components used across the **TUWA Ecosystem** documentation sites. This package ensures visual consistency and strictly adheres to the **DRY (Don't Repeat Yourself)** principle.
+`@tuwaio/docs-ui` is the shared UI of the TUWA documentation sites: the navbar, footer, logo and stylesheet of every `*.docs.tuwa.io` site and of the [docs hub](https://docs.tuwa.io), plus the decorative parts of the hub and the TUWA landing page. The sites are built with Next.js (App Router) and Nextra 4; one package keeps them visually consistent.
 
-## ✨ Features
+---
 
-- **Shared Components:** Ready-to-use React components for documentation (Callouts, Hero sections, Feature Cards).
-- **Design Tokens:** Shared Tailwind CSS configuration and brand colors.
+## 🏛️ Core Capabilities
+
+- **Nextra layout parts:** `Navbar` and `Footer` wrap the navbar and footer of `nextra-theme-docs` with the site logo and a row of external links (`baseNavLinks`, `baseFooterLinks` are the defaults: the npm and GitHub organizations of TUWA).
+- **Logo:** `RemoteLogo` is an async React Server Component that fetches an SVG (by default the TUWA logo) and renders it as React elements, so it takes `className` and `currentColor`.
+- **Theme switch:** `ThemeSwitcher` is a light/dark switch for any theme state (for example `next-themes`).
+- **Decoration:** `Orb` (an animated sphere in the brand color of a TUWA project), `StarryBackground` (an animated star field on a canvas) and `NoSSR` (renders its children only on the client).
+- **Stylesheet:** `dist/index.css` contains the `--tuwa-*` theme variables of [`@tuwaio/nova-core`](https://stories.tuwa.io/?path=/docs/packages-nova-core-overview--docs) (light and `.dark`), the styles of the Nextra parts and the Tailwind CSS v4 utilities used by the components, prefixed with `tuwadocs:`.
+
+---
+
+## 💾 Installation
+
+```bash
+pnpm add @tuwaio/docs-ui next nextra nextra-theme-docs react react-dom @heroicons/react
+```
+
+`nextra-theme-docs` (and its peer `nextra`) is needed by `Navbar` and `Footer`, `next` by `RemoteLogo` (a Server Component that uses the `fetch` cache of Next.js) and `@heroicons/react` by `ThemeSwitcher`.
+
+Import the stylesheet after the Nextra theme:
+
+```css
+@import 'nextra-theme-docs/style.css';
+@import '@tuwaio/docs-ui/dist/index.css';
+@import 'tailwindcss';
+```
+
+---
+
+## 🚀 Usage
+
+The root layout of a TUWA documentation site:
+
+```tsx
+import { baseNavLinks, Footer, Navbar, RemoteLogo } from '@tuwaio/docs-ui';
+import { getPageMap } from 'nextra/page-map';
+import { Layout } from 'nextra-theme-docs';
+import type { ReactNode } from 'react';
+
+const logo = <RemoteLogo width={126} height={40} />;
+
+const navLinks = [
+  ...baseNavLinks,
+  {
+    title: 'GitHub',
+    href: 'https://github.com/TuwaIO/pulsar-core',
+    image: <span aria-hidden="true">★</span>,
+  },
+];
+
+export default async function RootLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body>
+        <Layout
+          navbar={<Navbar logo={logo} links={navLinks} />}
+          footer={<Footer logo={logo} />}
+          pageMap={await getPageMap()}
+          docsRepositoryBase="https://github.com/TuwaIO/pulsar-core/tree/main/apps/docs"
+        >
+          {children}
+        </Layout>
+      </body>
+    </html>
+  );
+}
+```
+
+---
+
+## 🗄️ Browser Storage
+
+Nothing. `ThemeSwitcher` only calls `onToggle`; the site keeps the theme.
+
+## 🌐 External Services
+
+`RemoteLogo` requests its `url` on the server (by default `cdn.jsdelivr.net/gh/TuwaIO/workflows@main/preview/logo_v2.svg`), cached by Next.js for 24 hours. The other components send no requests.
+
+---
 
 ## 📄 License
 
-This project is licensed under the **Apache-2.0 License** - see the [LICENSE](./LICENSE) file for details.
+Licensed under the **Apache-2.0 License**. See the [LICENSE](https://github.com/TuwaIO/docs/blob/main/packages/docs-ui/LICENSE) file for details.

package/dist/components/Footer.d.cts

@@ -1,9 +1,14 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
+import * as React from 'react';
 import { NavProps } from './NavBar.cjs';
 
-declare function Footer({ links, logo }: NavProps & {
-    logo?: ReactNode;
-}): react.JSX.Element;
+/**
+ * The footer of a TUWA documentation site: the `Footer` of `nextra-theme-docs` with the logo, external links, the
+ * TUWA description, the license and the copyright line (the current year is read on render). Render it in the `footer`
+ * prop of the Nextra `Layout`.
+ *
+ * @param props - See {@link NavProps}.
+ * @returns The footer.
+ */
+declare function Footer({ links, logo }: NavProps): React.JSX.Element;
 
 export { Footer };

package/dist/components/Footer.d.ts

@@ -1,9 +1,14 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
+import * as React from 'react';
 import { NavProps } from './NavBar.js';
 
-declare function Footer({ links, logo }: NavProps & {
-    logo?: ReactNode;
-}): react.JSX.Element;
+/**
+ * The footer of a TUWA documentation site: the `Footer` of `nextra-theme-docs` with the logo, external links, the
+ * TUWA description, the license and the copyright line (the current year is read on render). Render it in the `footer`
+ * prop of the Nextra `Layout`.
+ *
+ * @param props - See {@link NavProps}.
+ * @returns The footer.
+ */
+declare function Footer({ links, logo }: NavProps): React.JSX.Element;
 
 export { Footer };

package/dist/components/Logo.d.cts

@@ -1,12 +1,24 @@
-import react__default from 'react';
+import React__default from 'react';
 
-interface RemoteLogoProps extends react__default.SVGProps<SVGSVGElement> {
+/**
+ * Props of {@link RemoteLogo}: the SVG attributes are applied to the root `svg` element.
+ */
+interface RemoteLogoProps extends React__default.SVGProps<SVGSVGElement> {
+    /** URL of the SVG (default: the TUWA logo on jsDelivr, `cdn.jsdelivr.net/gh/TuwaIO/workflows@main/preview/logo_v2.svg`) */
     url?: string;
 }
 /**
- * Async Server Component that fetches a remote SVG and renders it
- * as native React elements using html-react-parser.
+ * Renders a remote SVG, by default the TUWA logo, as React elements, so the logo inherits `className` and CSS such as
+ * `currentColor`. It is an async React Server Component for the Next.js App Router: it fetches the SVG on the server
+ * (cached by Next.js for 24 hours), removes the XML declaration and doctype, and adds the `remote-logo` class and the
+ * props to the root element.
+ *
+ * Network: one request to `url` per revalidation. When the request fails, it logs the error and renders an empty
+ * `svg` with the props.
+ *
+ * @param props - See {@link RemoteLogoProps}.
+ * @returns The logo as an `svg` element.
  */
-declare function RemoteLogo({ url, className, style, ...props }: RemoteLogoProps): Promise<string | react__default.JSX.Element>;
+declare function RemoteLogo({ url, className, style, ...props }: RemoteLogoProps): Promise<string | React__default.JSX.Element>;
 
 export { RemoteLogo, type RemoteLogoProps };

package/dist/components/Logo.d.ts

@@ -1,12 +1,24 @@
-import react__default from 'react';
+import React__default from 'react';
 
-interface RemoteLogoProps extends react__default.SVGProps<SVGSVGElement> {
+/**
+ * Props of {@link RemoteLogo}: the SVG attributes are applied to the root `svg` element.
+ */
+interface RemoteLogoProps extends React__default.SVGProps<SVGSVGElement> {
+    /** URL of the SVG (default: the TUWA logo on jsDelivr, `cdn.jsdelivr.net/gh/TuwaIO/workflows@main/preview/logo_v2.svg`) */
     url?: string;
 }
 /**
- * Async Server Component that fetches a remote SVG and renders it
- * as native React elements using html-react-parser.
+ * Renders a remote SVG, by default the TUWA logo, as React elements, so the logo inherits `className` and CSS such as
+ * `currentColor`. It is an async React Server Component for the Next.js App Router: it fetches the SVG on the server
+ * (cached by Next.js for 24 hours), removes the XML declaration and doctype, and adds the `remote-logo` class and the
+ * props to the root element.
+ *
+ * Network: one request to `url` per revalidation. When the request fails, it logs the error and renders an empty
+ * `svg` with the props.
+ *
+ * @param props - See {@link RemoteLogoProps}.
+ * @returns The logo as an `svg` element.
  */
-declare function RemoteLogo({ url, className, style, ...props }: RemoteLogoProps): Promise<string | react__default.JSX.Element>;
+declare function RemoteLogo({ url, className, style, ...props }: RemoteLogoProps): Promise<string | React__default.JSX.Element>;
 
 export { RemoteLogo, type RemoteLogoProps };

package/dist/components/NavBar.d.cts

@@ -1,16 +1,35 @@
-import * as react from 'react';
+import * as React from 'react';
 import { ReactNode } from 'react';
 
+/**
+ * A link to an external page, rendered with its icon by {@link Navbar} and {@link Footer}. Links open in a new tab.
+ */
 type SocialLink = {
+    /** Text of the link (hidden on small screens) */
     title: string;
+    /** Absolute URL of the page */
     href: string;
+    /** Icon rendered before the title */
     image: ReactNode;
+    /** Classes added to the link */
     className?: string;
 };
+/**
+ * Props of {@link Navbar} and {@link Footer}.
+ */
 interface NavProps {
+    /** Links rendered next to the logo (default: {@link baseNavLinks} in the navbar, {@link baseFooterLinks} in the footer) */
     links?: SocialLink[];
+    /** Logo of the site, for example {@link RemoteLogo} */
     logo?: ReactNode;
 }
-declare function Navbar({ links, logo }: NavProps): react.JSX.Element;
+/**
+ * The navbar of a TUWA documentation site: the `Navbar` of `nextra-theme-docs` with the logo and a row of external
+ * links, hidden on small screens. Render it in the `navbar` prop of the Nextra `Layout`.
+ *
+ * @param props - See {@link NavProps}.
+ * @returns The navbar.
+ */
+declare function Navbar({ links, logo }: NavProps): React.JSX.Element;
 
 export { type NavProps, Navbar, type SocialLink };

package/dist/components/NavBar.d.ts

@@ -1,16 +1,35 @@
-import * as react from 'react';
+import * as React from 'react';
 import { ReactNode } from 'react';
 
+/**
+ * A link to an external page, rendered with its icon by {@link Navbar} and {@link Footer}. Links open in a new tab.
+ */
 type SocialLink = {
+    /** Text of the link (hidden on small screens) */
     title: string;
+    /** Absolute URL of the page */
     href: string;
+    /** Icon rendered before the title */
     image: ReactNode;
+    /** Classes added to the link */
     className?: string;
 };
+/**
+ * Props of {@link Navbar} and {@link Footer}.
+ */
 interface NavProps {
+    /** Links rendered next to the logo (default: {@link baseNavLinks} in the navbar, {@link baseFooterLinks} in the footer) */
     links?: SocialLink[];
+    /** Logo of the site, for example {@link RemoteLogo} */
     logo?: ReactNode;
 }
-declare function Navbar({ links, logo }: NavProps): react.JSX.Element;
+/**
+ * The navbar of a TUWA documentation site: the `Navbar` of `nextra-theme-docs` with the logo and a row of external
+ * links, hidden on small screens. Render it in the `navbar` prop of the Nextra `Layout`.
+ *
+ * @param props - See {@link NavProps}.
+ * @returns The navbar.
+ */
+declare function Navbar({ links, logo }: NavProps): React.JSX.Element;
 
 export { type NavProps, Navbar, type SocialLink };

package/dist/components/NoSSR.d.cts

@@ -1,16 +1,16 @@
-import * as react from 'react';
+import * as React from 'react';
 import { ReactNode } from 'react';
 
 /**
- * A wrapper component that prevents its children from rendering on the server (SSR).
- * It waits until the component is mounted on the client before rendering them.
+ * Renders its children only on the client, after the component is mounted; on the server and in the first client
+ * render it renders nothing. Use it for parts whose output depends on browser-only state.
  *
  * @param props - The component props.
- * @param props.children - The children components to render on the client.
- * @returns The children components on the client, or null on the server.
+ * @param props.children - The content to render on the client.
+ * @returns The children after mount, otherwise `null`.
  */
 declare function NoSSR({ children }: {
     children: ReactNode;
-}): react.JSX.Element | null;
+}): React.JSX.Element | null;
 
 export { NoSSR as default };

package/dist/components/NoSSR.d.ts

@@ -1,16 +1,16 @@
-import * as react from 'react';
+import * as React from 'react';
 import { ReactNode } from 'react';
 
 /**
- * A wrapper component that prevents its children from rendering on the server (SSR).
- * It waits until the component is mounted on the client before rendering them.
+ * Renders its children only on the client, after the component is mounted; on the server and in the first client
+ * render it renders nothing. Use it for parts whose output depends on browser-only state.
  *
  * @param props - The component props.
- * @param props.children - The children components to render on the client.
- * @returns The children components on the client, or null on the server.
+ * @param props.children - The content to render on the client.
+ * @returns The children after mount, otherwise `null`.
  */
 declare function NoSSR({ children }: {
     children: ReactNode;
-}): react.JSX.Element | null;
+}): React.JSX.Element | null;
 
 export { NoSSR as default };

package/dist/components/Orb.cjs

@@ -284,7 +284,7 @@ const getCosmicFilter = (type, id) => {
   }
 };
 const Orb = import_react.default.forwardRef(
-  ({ packageType, size = 120, icon: Icon, className, ...props }, ref) => {
+  ({ packageType, size = 120, icon: Icon, className, style, ...props }, ref) => {
     const color = packageColors[packageType];
     const tint = packageTints[packageType];
     const filterId = `orb-filter-${packageType}`;
@@ -298,7 +298,7 @@ const Orb = import_react.default.forwardRef(
           "tuwadocs:relative tuwadocs:flex tuwadocs:items-center tuwadocs:justify-center tuwa-orb-float",
           className
         ),
-        style: { width: size, height: size, flexShrink: 0, ...props.style },
+        style: { width: size, height: size, flexShrink: 0, ...style },
         ...props,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(

package/dist/components/Orb.d.cts

@@ -1,18 +1,29 @@
-import react__default from 'react';
+import React__default from 'react';
 
+/**
+ * A TUWA project with its own brand color and {@link Orb} texture.
+ */
 type PackageType = 'orbit' | 'pulsar' | 'satellite' | 'nova' | 'quasar' | 'siwx' | 'sdk';
-interface OrbProps extends react__default.HTMLAttributes<HTMLDivElement> {
+/**
+ * Props of {@link Orb}; the other props are applied to the root `div`.
+ */
+interface OrbProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** The project, which selects the color and the animated texture */
     packageType: PackageType;
+    /** Diameter in pixels (default: `120`) */
     size?: number;
-    icon?: react__default.ComponentType<react__default.SVGProps<SVGSVGElement>>;
+    /** Icon rendered in the center */
+    icon?: React__default.ComponentType<React__default.SVGProps<SVGSVGElement>>;
 }
 /**
- * Orb — Premium 3D cosmic sphere for TUWA package visualization.
+ * An animated glass sphere in the brand color of a TUWA project, with an SVG texture (animated SVG filters) and an
+ * optional icon in the center. The SVG ids include `packageType`, so two orbs of the same project on one page share
+ * their filters.
  *
- * @param packageType - Which TUWA package this orb represents
- * @param size - Diameter in pixels (default: 120)
- * @param icon - SVG icon component rendered centered inside the orb
+ * @param props - See {@link OrbProps}.
+ * @param ref - Ref of the root `div`.
+ * @returns The orb.
  */
-declare const Orb: react__default.ForwardRefExoticComponent<OrbProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Orb: React__default.ForwardRefExoticComponent<OrbProps & React__default.RefAttributes<HTMLDivElement>>;
 
 export { Orb, type OrbProps, type PackageType };

package/dist/components/Orb.d.ts

@@ -1,18 +1,29 @@
-import react__default from 'react';
+import React__default from 'react';
 
+/**
+ * A TUWA project with its own brand color and {@link Orb} texture.
+ */
 type PackageType = 'orbit' | 'pulsar' | 'satellite' | 'nova' | 'quasar' | 'siwx' | 'sdk';
-interface OrbProps extends react__default.HTMLAttributes<HTMLDivElement> {
+/**
+ * Props of {@link Orb}; the other props are applied to the root `div`.
+ */
+interface OrbProps extends React__default.HTMLAttributes<HTMLDivElement> {
+    /** The project, which selects the color and the animated texture */
     packageType: PackageType;
+    /** Diameter in pixels (default: `120`) */
     size?: number;
-    icon?: react__default.ComponentType<react__default.SVGProps<SVGSVGElement>>;
+    /** Icon rendered in the center */
+    icon?: React__default.ComponentType<React__default.SVGProps<SVGSVGElement>>;
 }
 /**
- * Orb — Premium 3D cosmic sphere for TUWA package visualization.
+ * An animated glass sphere in the brand color of a TUWA project, with an SVG texture (animated SVG filters) and an
+ * optional icon in the center. The SVG ids include `packageType`, so two orbs of the same project on one page share
+ * their filters.
  *
- * @param packageType - Which TUWA package this orb represents
- * @param size - Diameter in pixels (default: 120)
- * @param icon - SVG icon component rendered centered inside the orb
+ * @param props - See {@link OrbProps}.
+ * @param ref - Ref of the root `div`.
+ * @returns The orb.
  */
-declare const Orb: react__default.ForwardRefExoticComponent<OrbProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Orb: React__default.ForwardRefExoticComponent<OrbProps & React__default.RefAttributes<HTMLDivElement>>;
 
 export { Orb, type OrbProps, type PackageType };

package/dist/components/Orb.js

@@ -251,7 +251,7 @@ const getCosmicFilter = (type, id) => {
   }
 };
 const Orb = React.forwardRef(
-  ({ packageType, size = 120, icon: Icon, className, ...props }, ref) => {
+  ({ packageType, size = 120, icon: Icon, className, style, ...props }, ref) => {
     const color = packageColors[packageType];
     const tint = packageTints[packageType];
     const filterId = `orb-filter-${packageType}`;
@@ -265,7 +265,7 @@ const Orb = React.forwardRef(
           "tuwadocs:relative tuwadocs:flex tuwadocs:items-center tuwadocs:justify-center tuwa-orb-float",
           className
         ),
-        style: { width: size, height: size, flexShrink: 0, ...props.style },
+        style: { width: size, height: size, flexShrink: 0, ...style },
         ...props,
         children: [
           /* @__PURE__ */ jsxs(

package/dist/components/StarryBackground.d.cts

@@ -1,5 +1,14 @@
-import * as react from 'react';
+import * as React from 'react';
 
-declare function StarryBackground(): react.JSX.Element;
+/**
+ * A full-size canvas of slowly drifting, twinkling stars joined by lines, which move away from the mouse pointer.
+ * Place it behind the content of a page; it takes the size of the window and follows its resizes.
+ *
+ * Side effects: `mousemove` and `resize` listeners on `window` and a `requestAnimationFrame` loop, all removed on
+ * unmount.
+ *
+ * @returns The canvas.
+ */
+declare function StarryBackground(): React.JSX.Element;
 
 export { StarryBackground as default };

package/dist/components/StarryBackground.d.ts

@@ -1,5 +1,14 @@
-import * as react from 'react';
+import * as React from 'react';
 
-declare function StarryBackground(): react.JSX.Element;
+/**
+ * A full-size canvas of slowly drifting, twinkling stars joined by lines, which move away from the mouse pointer.
+ * Place it behind the content of a page; it takes the size of the window and follows its resizes.
+ *
+ * Side effects: `mousemove` and `resize` listeners on `window` and a `requestAnimationFrame` loop, all removed on
+ * unmount.
+ *
+ * @returns The canvas.
+ */
+declare function StarryBackground(): React.JSX.Element;
 
 export { StarryBackground as default };

package/dist/components/ThemeSwitcher.d.cts

@@ -1,9 +1,22 @@
-import * as react from 'react';
+import * as React from 'react';
 
+/**
+ * Props of {@link ThemeSwitcher}.
+ */
 interface ThemeSwitcherProps {
+    /** The resolved theme of the site; `'dark'` selects the moon, anything else the sun */
     theme: string;
+    /** Called when the switch is clicked; switch the theme of the site here (for example with `next-themes`) */
     onToggle: () => void;
 }
-declare function ThemeSwitcher({ theme, onToggle }: ThemeSwitcherProps): react.JSX.Element;
+/**
+ * A light/dark switch with a sliding indicator. It stores no theme itself: pass the resolved theme and a toggle. Until
+ * it is mounted on the client it renders an invisible placeholder of the same size, so the server output does not
+ * depend on the theme.
+ *
+ * @param props - See {@link ThemeSwitcherProps}.
+ * @returns The switch button.
+ */
+declare function ThemeSwitcher({ theme, onToggle }: ThemeSwitcherProps): React.JSX.Element;
 
 export { ThemeSwitcher, type ThemeSwitcherProps };

package/dist/components/ThemeSwitcher.d.ts

@@ -1,9 +1,22 @@
-import * as react from 'react';
+import * as React from 'react';
 
+/**
+ * Props of {@link ThemeSwitcher}.
+ */
 interface ThemeSwitcherProps {
+    /** The resolved theme of the site; `'dark'` selects the moon, anything else the sun */
     theme: string;
+    /** Called when the switch is clicked; switch the theme of the site here (for example with `next-themes`) */
     onToggle: () => void;
 }
-declare function ThemeSwitcher({ theme, onToggle }: ThemeSwitcherProps): react.JSX.Element;
+/**
+ * A light/dark switch with a sliding indicator. It stores no theme itself: pass the resolved theme and a toggle. Until
+ * it is mounted on the client it renders an invisible placeholder of the same size, so the server output does not
+ * depend on the theme.
+ *
+ * @param props - See {@link ThemeSwitcherProps}.
+ * @returns The switch button.
+ */
+declare function ThemeSwitcher({ theme, onToggle }: ThemeSwitcherProps): React.JSX.Element;
 
 export { ThemeSwitcher, type ThemeSwitcherProps };

package/dist/index.cjs

@@ -33,38 +33,22 @@ __export(index_exports, {
   StarryBackground: () => import_StarryBackground.default
 });
 module.exports = __toCommonJS(index_exports);
-__reExport(index_exports, require("./components/CodeBlock"), module.exports);
-__reExport(index_exports, require("./components/CodeHighlighter"), module.exports);
-__reExport(index_exports, require("./components/CopyIconButton"), module.exports);
-__reExport(index_exports, require("./components/Features"), module.exports);
 __reExport(index_exports, require("./components/Footer"), module.exports);
 __reExport(index_exports, require("./components/Logo"), module.exports);
 __reExport(index_exports, require("./components/NavBar"), module.exports);
 var import_NoSSR = __toESM(require("./components/NoSSR"), 1);
 __reExport(index_exports, require("./components/Orb"), module.exports);
-__reExport(index_exports, require("./components/PackageInstallationTabs"), module.exports);
 var import_StarryBackground = __toESM(require("./components/StarryBackground"), 1);
-__reExport(index_exports, require("./components/StyledLink"), module.exports);
 __reExport(index_exports, require("./components/ThemeSwitcher"), module.exports);
-__reExport(index_exports, require("./components/VideoPlayer"), module.exports);
 __reExport(index_exports, require("./utils"), module.exports);
-__reExport(index_exports, require("@tuwaio/nova-core"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   NoSSR,
   StarryBackground,
-  ...require("./components/CodeBlock"),
-  ...require("./components/CodeHighlighter"),
-  ...require("./components/CopyIconButton"),
-  ...require("./components/Features"),
   ...require("./components/Footer"),
   ...require("./components/Logo"),
   ...require("./components/NavBar"),
   ...require("./components/Orb"),
-  ...require("./components/PackageInstallationTabs"),
-  ...require("./components/StyledLink"),
   ...require("./components/ThemeSwitcher"),
-  ...require("./components/VideoPlayer"),
-  ...require("./utils"),
-  ...require("@tuwaio/nova-core")
+  ...require("./utils")
 });