create-plasmic-app 0.0.143 → 0.0.144

package/cpa-out/nextjs-pages-codegen-ts/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx

@@ -205,6 +205,7 @@ function PlasmicHomepage__RenderFunc(props: {
               className={classNames(
                 projectcss.all,
                 projectcss.h1,
+                projectcss.h1__47tFX,
                 projectcss.__wab_text,
                 sty.h1
               )}
@@ -228,7 +229,9 @@ function PlasmicHomepage__RenderFunc(props: {
                     }
                   </React.Fragment>
                   <span
-                    className={"plasmic_default__all plasmic_default__span"}
+                    className={
+                      "plasmic_default__all plasmic_default__span plasmic_default__span__47tFX"
+                    }
                     style={{ fontWeight: 700 }}
                   >
                     {"Therefore, please avoid changing this project."}
@@ -242,7 +245,9 @@ function PlasmicHomepage__RenderFunc(props: {
                     }
                   </React.Fragment>
                   <span
-                    className={"plasmic_default__all plasmic_default__span"}
+                    className={
+                      "plasmic_default__all plasmic_default__span plasmic_default__span__47tFX"
+                    }
                     style={{ fontWeight: 700 }}
                   >
                     {"Code"}

package/cpa-out/nextjs-pages-codegen-ts/package.json

@@ -9,8 +9,8 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.359",
-    "@plasmicapp/react-web": "^0.2.425",
+    "@plasmicapp/cli": "^0.1.361",
+    "@plasmicapp/react-web": "^1.0.6",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18"

package/cpa-out/nextjs-pages-codegen-ts/plasmic.json

@@ -135,6 +135,6 @@
   "nextjsConfig": {
     "pagesDir": "../pages"
   },
-  "cliVersion": "0.1.359",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.359/dist/plasmic.schema.json"
+  "cliVersion": "0.1.361",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.361/dist/plasmic.schema.json"
 }

package/cpa-out/nextjs-pages-loader-js/package.json

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/loader-nextjs": "^1.0.456",
+    "@plasmicapp/loader-nextjs": "^2.0.3",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18"

package/cpa-out/nextjs-pages-loader-ts/package.json

@@ -9,7 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@plasmicapp/loader-nextjs": "^1.0.456",
+    "@plasmicapp/loader-nextjs": "^2.0.3",
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18"

package/cpa-out/react-codegen-js/package.json

@@ -10,8 +10,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.359",
-    "@plasmicapp/react-web": "^1.0.0",
+    "@plasmicapp/cli": "^0.1.361",
+    "@plasmicapp/react-web": "^1.0.6",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },

package/cpa-out/react-codegen-js/plasmic.json

@@ -132,6 +132,6 @@
   },
   "wrapPagesWithGlobalContexts": true,
   "preserveJsImportExtensions": false,
-  "cliVersion": "0.1.359",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.359/dist/plasmic.schema.json"
+  "cliVersion": "0.1.361",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.361/dist/plasmic.schema.json"
 }

package/cpa-out/react-codegen-ts/package.json

@@ -10,8 +10,8 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.359",
-    "@plasmicapp/react-web": "^1.0.0",
+    "@plasmicapp/cli": "^0.1.361",
+    "@plasmicapp/react-web": "^1.0.6",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },

package/cpa-out/react-codegen-ts/plasmic.json

@@ -132,6 +132,6 @@
   },
   "wrapPagesWithGlobalContexts": true,
   "preserveJsImportExtensions": false,
-  "cliVersion": "0.1.359",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.359/dist/plasmic.schema.json"
+  "cliVersion": "0.1.361",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.361/dist/plasmic.schema.json"
 }

package/cpa-out/tanstack-codegen-ts/package.json

@@ -12,11 +12,11 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@plasmicapp/cli": "^0.1.359",
-    "@plasmicapp/react-web": "^0.2.425",
+    "@plasmicapp/cli": "^0.1.361",
+    "@plasmicapp/react-web": "^1.0.6",
     "@tailwindcss/vite": "^4.1.18",
     "@tanstack/react-devtools": "latest",
-    "@tanstack/react-query": "^5.90.21",
+    "@tanstack/react-query": "^5.100.9",
     "@tanstack/react-router": "latest",
     "@tanstack/react-router-devtools": "latest",
     "@tanstack/router-plugin": "^1.132.0",
@@ -34,12 +34,11 @@
     "@types/node": "^22.10.2",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
-    "@vitejs/plugin-react": "^5.1.4",
+    "@vitejs/plugin-react": "^6.0.1",
     "jsdom": "^28.1.0",
-    "typescript": "^5.7.2",
-    "vite": "^7.3.1",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.5"
+    "typescript": "^6.0.2",
+    "vite": "^8.0.0",
+    "vitest": "^4.1.5"
   },
   "pnpm": {
     "onlyBuiltDependencies": [

package/cpa-out/tanstack-codegen-ts/plasmic.json

@@ -135,6 +135,6 @@
   "tanstackConfig": {
     "pagesDir": "../routes"
   },
-  "cliVersion": "0.1.359",
-  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.359/dist/plasmic.schema.json"
+  "cliVersion": "0.1.361",
+  "$schema": "https://unpkg.com/@plasmicapp/cli@0.1.361/dist/plasmic.schema.json"
 }

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicButton.tsx

@@ -281,6 +281,7 @@ function PlasmicButton__RenderFunc(props: {
       className={classNames(
         "plasmic_default__all",
         "plasmic_default__button",
+        "plasmic_default__button__47tFX",
         "root_reset_47tFXWjN2C4NyHFGGpaYQ3",
         "plasmic_default_styles",
         "plasmic_mixins",
@@ -425,7 +426,6 @@ function PlasmicButton__RenderFunc(props: {
           data-plasmic-override={overrides.startIconContainer}
           className={classNames(
             "plasmic_default__all",
-            "plasmic_default__div",
             "Button__startIconContainer__men7Z",
             {
               Button__startIconContainercolor_blue__men7Z7OS1A: hasVariant(
@@ -449,7 +449,6 @@ function PlasmicButton__RenderFunc(props: {
               <CheckSvgIcon
                 className={classNames(
                   "plasmic_default__all",
-                  "plasmic_default__svg",
                   "Button__svg__s6Xxe"
                 )}
                 role={"img"}
@@ -519,7 +518,6 @@ function PlasmicButton__RenderFunc(props: {
         data-plasmic-override={overrides.contentContainer}
         className={classNames(
           "plasmic_default__all",
-          "plasmic_default__div",
           "Button__contentContainer__sXXwU",
           {
             Button__contentContainer___focusVisibleWithin__sXXwUcjR25:
@@ -650,7 +648,6 @@ function PlasmicButton__RenderFunc(props: {
           data-plasmic-override={overrides.endIconContainer}
           className={classNames(
             "plasmic_default__all",
-            "plasmic_default__div",
             "Button__endIconContainer___3CzAx",
             {
               Button__endIconContainercolor_white___3CzAx5R3VM: hasVariant(
@@ -676,7 +673,6 @@ function PlasmicButton__RenderFunc(props: {
               <IconIcon
                 className={classNames(
                   "plasmic_default__all",
-                  "plasmic_default__svg",
                   "Button__svg__liJa"
                 )}
                 role={"img"}

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicDynamicPage.tsx

@@ -175,7 +175,6 @@ function PlasmicDynamicPage__RenderFunc(props: {
           data-plasmic-for-node={forNode}
           className={classNames(
             "plasmic_default__all",
-            "plasmic_default__div",
             "root_reset_47tFXWjN2C4NyHFGGpaYQ3",
             "plasmic_default_styles",
             "plasmic_mixins",
@@ -188,7 +187,6 @@ function PlasmicDynamicPage__RenderFunc(props: {
             data-plasmic-override={overrides.section}
             className={classNames(
               "plasmic_default__all",
-              "plasmic_default__section",
               "DynamicPage__section__mbqxB"
             )}
           >
@@ -198,6 +196,7 @@ function PlasmicDynamicPage__RenderFunc(props: {
               className={classNames(
                 "plasmic_default__all",
                 "plasmic_default__h1",
+                "plasmic_default__h1__47tFX",
                 "__wab_text",
                 "DynamicPage__h1__uyAe1"
               )}

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicHomepage.tsx

@@ -179,7 +179,6 @@ function PlasmicHomepage__RenderFunc(props: {
           data-plasmic-for-node={forNode}
           className={classNames(
             "plasmic_default__all",
-            "plasmic_default__div",
             "root_reset_47tFXWjN2C4NyHFGGpaYQ3",
             "plasmic_default_styles",
             "plasmic_mixins",
@@ -192,7 +191,6 @@ function PlasmicHomepage__RenderFunc(props: {
             data-plasmic-override={overrides.section}
             className={classNames(
               "plasmic_default__all",
-              "plasmic_default__section",
               "Homepage__section__pXQ"
             )}
           >
@@ -202,6 +200,7 @@ function PlasmicHomepage__RenderFunc(props: {
               className={classNames(
                 "plasmic_default__all",
                 "plasmic_default__h1",
+                "plasmic_default__h1__47tFX",
                 "__wab_text",
                 "Homepage__h1__equfk"
               )}
@@ -213,7 +212,6 @@ function PlasmicHomepage__RenderFunc(props: {
               data-plasmic-override={overrides.text}
               className={classNames(
                 "plasmic_default__all",
-                "plasmic_default__div",
                 "__wab_text",
                 "Homepage__text__aC4Gm"
               )}
@@ -226,7 +224,9 @@ function PlasmicHomepage__RenderFunc(props: {
                     }
                   </React.Fragment>
                   <span
-                    className={"plasmic_default__all plasmic_default__span"}
+                    className={
+                      "plasmic_default__all plasmic_default__span plasmic_default__span__47tFX"
+                    }
                     style={{ fontWeight: 700 }}
                   >
                     {"Therefore, please avoid changing this project."}
@@ -240,7 +240,9 @@ function PlasmicHomepage__RenderFunc(props: {
                     }
                   </React.Fragment>
                   <span
-                    className={"plasmic_default__all plasmic_default__span"}
+                    className={
+                      "plasmic_default__all plasmic_default__span plasmic_default__span__47tFX"
+                    }
                     style={{ fontWeight: 700 }}
                   >
                     {"Code"}

package/cpa-out/tanstack-codegen-ts/src/components/plasmic/create_plasmic_app/PlasmicStyleTokensProvider.tsx

@@ -9,6 +9,8 @@ import { createUseStyleTokens } from "@plasmicapp/react-web";
 
 import { _useGlobalVariants } from "./plasmic"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectModule
 
+import "./plasmic.css"; // plasmic-import: 47tFXWjN2C4NyHFGGpaYQ3/projectcss
+
 const data = {
   base: `${"plasmic_tokens_47tFXWjN2C4NyHFGGpaYQ3"}`,
   varianted: []

package/cpa-out/tanstack-codegen-ts/src/router.tsx

@@ -4,7 +4,6 @@ import { routeTree } from './routeTree.gen'
 export function getRouter() {
   const router = createTanStackRouter({
     routeTree,
-
     scrollRestoration: true,
     defaultPreload: 'intent',
     defaultPreloadStaleTime: 0,

package/cpa-out/tanstack-codegen-ts/tsconfig.json

@@ -4,7 +4,6 @@
     "target": "ES2022",
     "jsx": "react-jsx",
     "module": "ESNext",
-    "baseUrl": ".",
     "paths": {
       "#/*": ["./src/*"],
       "@/*": ["./src/*"]

package/cpa-out/tanstack-codegen-ts/vite.config.ts

@@ -1,6 +1,5 @@
 import { defineConfig } from 'vite'
 import { devtools } from '@tanstack/devtools-vite'
-import tsconfigPaths from 'vite-tsconfig-paths'
 
 import { tanstackRouter } from '@tanstack/router-plugin/vite'
 
@@ -17,9 +16,9 @@ const config = defineConfig({
       "@plasmicapp/react-web",
     ],
   },
+  resolve: { tsconfigPaths: true },
   plugins: [
     devtools(),
-    tsconfigPaths({ projects: ['./tsconfig.json'] }),
     tailwindcss(),
     tanstackRouter({ target: 'react', autoCodeSplitting: true }),
     viteReact(),

package/dist/nextjs/nextjs.js

@@ -107,6 +107,8 @@ function generateFilesAppDir(args) {
             yield fs_1.promises.writeFile(path_1.default.join(projectPath, "app", "[[...catchall]]", `page.${jsOrTs}x`), (0, catchall_page_1.makeCatchallPage_app_loader)(jsOrTs));
         }
         else {
+            // Replace starter layout. Removes app/layout.js in JS projects before writing layout.jsx.
+            (0, file_utils_1.deleteGlob)(path_1.default.join(projectPath, "app", "layout.*"));
             // ./app/layout.tsx
             yield fs_1.promises.writeFile(path_1.default.join(projectPath, "app", `layout.${jsOrTs}x`), (0, layout_1.makeLayout_app_codegen)(jsOrTs));
             // ./plasmic-init-client.tsx

package/dist/nextjs/templates/app-codegen/plasmic-init-client.js

@@ -5,8 +5,7 @@ const file_utils_1 = require("../../../utils/file-utils");
 function makePlasmicInitClient_app_codegen(jsOrTs) {
     return `"use client";
 
-import * as React from "react";
-import { PlasmicRootProvider } from "@plasmicapp/react-web";
+${(0, file_utils_1.ifTs)(jsOrTs, 'import type * as React from "react";\n')}import { PlasmicRootProvider } from "@plasmicapp/react-web";
 import Link from "next/link";
 
 /**

package/dist/tanstack/tanstack.js

@@ -38,7 +38,17 @@ exports.tanstackStrategy = {
         const projectName = path_1.default.basename(fullProjectPath);
         const parentDir = path_1.default.dirname(fullProjectPath);
         process.chdir(parentDir);
-        const createCommand = `npx create-tsrouter-app@latest ${projectName} --template file-router --add-ons start`;
+        const createCommand = [
+            `npx create-tsrouter-app@latest ${projectName}`,
+            "--framework React",
+            "--router-only",
+            "--no-toolchain",
+            "--package-manager yarn",
+            "--git",
+            "--no-intent",
+            "--no-examples",
+            "--yes",
+        ].join(" ");
         yield (0, cmd_utils_1.spawnOrFail)(createCommand);
         // Install peer-dep of @tanstack/react-router-with-query
         yield (0, npm_utils_1.installUpgrade)("@tanstack/react-query", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-plasmic-app",
-  "version": "0.0.143",
+  "version": "0.0.144",
   "description": "Create Plasmic-powered React apps",
   "main": "./dist/lib.js",
   "types": "./dist/lib.d.ts",
@@ -47,5 +47,5 @@
     "validate-npm-package-name": "^3.0.0",
     "yargs": "^16.2.0"
   },
-  "gitHead": "5f674c9df3345496989eb0d1e09ddd30604757a9"
+  "gitHead": "94026327bd519c5a334ca974ef9d6d3d12855f25"
 }

package/src/nextjs/nextjs.ts

@@ -118,6 +118,9 @@ async function generateFilesAppDir(args: GenerateFilesArgs) {
       makeCatchallPage_app_loader(jsOrTs)
     );
   } else {
+    // Replace starter layout. Removes app/layout.js in JS projects before writing layout.jsx.
+    deleteGlob(path.join(projectPath, "app", "layout.*"));
+
     // ./app/layout.tsx
     await fs.writeFile(
       path.join(projectPath, "app", `layout.${jsOrTs}x`),

package/src/nextjs/templates/app-codegen/plasmic-init-client.ts

@@ -4,8 +4,10 @@ import { JsOrTs } from "../../../utils/types";
 export function makePlasmicInitClient_app_codegen(jsOrTs: JsOrTs): string {
   return `"use client";
 
-import * as React from "react";
-import { PlasmicRootProvider } from "@plasmicapp/react-web";
+${ifTs(
+  jsOrTs,
+  'import type * as React from "react";\n'
+)}import { PlasmicRootProvider } from "@plasmicapp/react-web";
 import Link from "next/link";
 
 /**

package/src/tanstack/tanstack.ts

@@ -29,7 +29,17 @@ export const tanstackStrategy: CPAStrategy = {
     const parentDir = path.dirname(fullProjectPath);
     process.chdir(parentDir);
 
-    const createCommand = `npx create-tsrouter-app@latest ${projectName} --template file-router --add-ons start`;
+    const createCommand = [
+      `npx create-tsrouter-app@latest ${projectName}`,
+      "--framework React",
+      "--router-only",
+      "--no-toolchain",
+      "--package-manager yarn",
+      "--git",
+      "--no-intent",
+      "--no-examples",
+      "--yes",
+    ].join(" ");
 
     await spawnOrFail(createCommand);
 

package/cpa-out/nextjs-app-codegen-js/app/layout.js

@@ -1,28 +0,0 @@
-import localFont from "next/font/local";
-import "./globals.css";
-
-const geistSans = localFont({
-  src: "./fonts/GeistVF.woff",
-  variable: "--font-geist-sans",
-  weight: "100 900",
-});
-const geistMono = localFont({
-  src: "./fonts/GeistMonoVF.woff",
-  variable: "--font-geist-mono",
-  weight: "100 900",
-});
-
-export const metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
-};
-
-export default function RootLayout({ children }) {
-  return (
-    <html lang="en">
-      <body className={`${geistSans.variable} ${geistMono.variable}`}>
-        {children}
-      </body>
-    </html>
-  );
-}

package/cpa-out/tanstack-codegen-ts/src/components/Footer.tsx

@@ -1,44 +0,0 @@
-export default function Footer() {
-  const year = new Date().getFullYear()
-
-  return (
-    <footer className="mt-20 border-t border-[var(--line)] px-4 pb-14 pt-10 text-[var(--sea-ink-soft)]">
-      <div className="page-wrap flex flex-col items-center justify-between gap-4 text-center sm:flex-row sm:text-left">
-        <p className="m-0 text-sm">
-          &copy; {year} Your name here. All rights reserved.
-        </p>
-        <p className="island-kicker m-0">Built with TanStack Start</p>
-      </div>
-      <div className="mt-4 flex justify-center gap-4">
-        <a
-          href="https://x.com/tan_stack"
-          target="_blank"
-          rel="noreferrer"
-          className="rounded-xl p-2 text-[var(--sea-ink-soft)] transition hover:bg-[var(--link-bg-hover)] hover:text-[var(--sea-ink)]"
-        >
-          <span className="sr-only">Follow TanStack on X</span>
-          <svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32">
-            <path
-              fill="currentColor"
-              d="M12.6 1h2.2L10 6.48 15.64 15h-4.41L7.78 9.82 3.23 15H1l5.14-5.84L.72 1h4.52l3.12 4.73L12.6 1zm-.77 12.67h1.22L4.57 2.26H3.26l8.57 11.41z"
-            />
-          </svg>
-        </a>
-        <a
-          href="https://github.com/TanStack"
-          target="_blank"
-          rel="noreferrer"
-          className="rounded-xl p-2 text-[var(--sea-ink-soft)] transition hover:bg-[var(--link-bg-hover)] hover:text-[var(--sea-ink)]"
-        >
-          <span className="sr-only">Go to TanStack GitHub</span>
-          <svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32">
-            <path
-              fill="currentColor"
-              d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
-            />
-          </svg>
-        </a>
-      </div>
-    </footer>
-  )
-}

package/cpa-out/tanstack-codegen-ts/src/components/Header.tsx

@@ -1,78 +0,0 @@
-import { Link } from '@tanstack/react-router'
-import ThemeToggle from './ThemeToggle'
-
-export default function Header() {
-  return (
-    <header className="sticky top-0 z-50 border-b border-[var(--line)] bg-[var(--header-bg)] px-4 backdrop-blur-lg">
-      <nav className="page-wrap flex flex-wrap items-center gap-x-3 gap-y-2 py-3 sm:py-4">
-        <h2 className="m-0 flex-shrink-0 text-base font-semibold tracking-tight">
-          <Link
-            to="/"
-            className="inline-flex items-center gap-2 rounded-full border border-[var(--chip-line)] bg-[var(--chip-bg)] px-3 py-1.5 text-sm text-[var(--sea-ink)] no-underline shadow-[0_8px_24px_rgba(30,90,72,0.08)] sm:px-4 sm:py-2"
-          >
-            <span className="h-2 w-2 rounded-full bg-[linear-gradient(90deg,#56c6be,#7ed3bf)]" />
-            TanStack Start
-          </Link>
-        </h2>
-
-        <div className="ml-auto flex items-center gap-1.5 sm:ml-0 sm:gap-2">
-          <a
-            href="https://x.com/tan_stack"
-            target="_blank"
-            rel="noreferrer"
-            className="hidden rounded-xl p-2 text-[var(--sea-ink-soft)] transition hover:bg-[var(--link-bg-hover)] hover:text-[var(--sea-ink)] sm:block"
-          >
-            <span className="sr-only">Follow TanStack on X</span>
-            <svg viewBox="0 0 16 16" aria-hidden="true" width="24" height="24">
-              <path
-                fill="currentColor"
-                d="M12.6 1h2.2L10 6.48 15.64 15h-4.41L7.78 9.82 3.23 15H1l5.14-5.84L.72 1h4.52l3.12 4.73L12.6 1zm-.77 12.67h1.22L4.57 2.26H3.26l8.57 11.41z"
-              />
-            </svg>
-          </a>
-          <a
-            href="https://github.com/TanStack"
-            target="_blank"
-            rel="noreferrer"
-            className="hidden rounded-xl p-2 text-[var(--sea-ink-soft)] transition hover:bg-[var(--link-bg-hover)] hover:text-[var(--sea-ink)] sm:block"
-          >
-            <span className="sr-only">Go to TanStack GitHub</span>
-            <svg viewBox="0 0 16 16" aria-hidden="true" width="24" height="24">
-              <path
-                fill="currentColor"
-                d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
-              />
-            </svg>
-          </a>
-
-          <ThemeToggle />
-        </div>
-
-        <div className="order-3 flex w-full flex-wrap items-center gap-x-4 gap-y-1 pb-1 text-sm font-semibold sm:order-2 sm:w-auto sm:flex-nowrap sm:pb-0">
-          <Link
-            to="/"
-            className="nav-link"
-            activeProps={{ className: 'nav-link is-active' }}
-          >
-            Home
-          </Link>
-          <Link
-            to="/about"
-            className="nav-link"
-            activeProps={{ className: 'nav-link is-active' }}
-          >
-            About
-          </Link>
-          <a
-            href="https://tanstack.com/start/latest/docs/framework/react/overview"
-            className="nav-link"
-            target="_blank"
-            rel="noreferrer"
-          >
-            Docs
-          </a>
-        </div>
-      </nav>
-    </header>
-  )
-}