// Generated by scripts/generate-manifest.mjs. Do not edit by hand.
import type { WorkerFrameworkManifestModule } from '../../../manifest-types.js'

type TemplateRecord = Record<string, any>
type TemplateAddOn = TemplateRecord & {
  integrations?: Array<TemplateRecord>
  routes?: Array<TemplateRecord>
}

type TemplateRenderContext = {
  [key: string]: any
  packageManager: any
  projectName: any
  typescript: any
  tailwind: any
  blank: any
  js: any
  jsx: any
  fileRouter: any
  codeRouter: any
  routerOnly: any
  includeExamples: any
  addOnEnabled: Record<string, any>
  addOnOption: Record<string, any>
  addOns: Array<TemplateAddOn>
  integrations: Array<TemplateRecord>
  routes: Array<TemplateRecord>
  getPackageManagerAddScript: (...args: Array<any>) => string
  getPackageManagerRunScript: (...args: Array<any>) => string
  getPackageManagerExecuteScript: (...args: Array<any>) => string
  relativePath: (...args: Array<any>) => string
  integrationImportContent: (...args: Array<any>) => string
  integrationImportCode: (...args: Array<any>) => string | undefined
  renderTemplate: (content: string) => string
  ignoreFile: () => never
}

type TemplateRenderer = (context: TemplateRenderContext) => string | undefined

function __escapeXML(value: unknown) {
  if (value === undefined || value === null) {
    return ''
  }
  return String(value).replace(/[&<>'"]/g, (character) => {
    switch (character) {
      case '&':
        return '&amp;'
      case '<':
        return '&lt;'
      case '>':
        return '&gt;'
      case '"':
        return '&#34;'
      case "'":
        return '&#39;'
      default:
        return character
    }
  })
}

export function getManifestTemplateKey(template: string) {
  let hash = 0x811c9dc5
  for (let i = 0; i < template.length; i++) {
    hash ^= template.charCodeAt(i)
    hash = Math.imul(hash, 0x01000193) >>> 0
  }

  return `${hash.toString(16).padStart(8, '0')}:${template.length}`
}

function __render_27ac5638_1165(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
  __append("import { defineConfig } from \"vite\";\n")
 const showDevtools = !blank || integrations.some((integration) => integration.type === 'devtools') 
 if (showDevtools) { 
  __append("import { devtools } from '@tanstack/devtools-vite'\n")
 } 
 if (tailwind) { 
  __append("import tailwindcss from \"@tailwindcss/vite\"\n")
 } 
 if (routerOnly) { 
  __append("\nimport { tanstackRouter } from '@tanstack/router-plugin/vite'\n")
 } else { 
  __append("\nimport { tanstackStart } from \"@tanstack/solid-start/plugin/vite\";\n")
 } 
  __append("\nimport solidPlugin from 'vite-plugin-solid';\n")
 for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { 
  __append(integrationImportContent(integration))
  __append("\n")
 } 
  __append("\n\nexport default defineConfig({\n  resolve: { tsconfigPaths: true },\n  plugins: [")
 if (showDevtools) { 
  __append("devtools(), ")
 } 
 for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { 
  __append(integrationImportCode(integration))
  __append(",")
 } 
  __append("\n    ")
 if (tailwind) { 
  __append("tailwindcss(),")
 } 
  __append("\n    ")
 if (routerOnly) { 
  __append("tanstackRouter({ target: 'solid', autoCodeSplitting: true }),")
 } else { 
  __append("tanstackStart(),")
 } 
  __append("\n    solidPlugin(")
 if (!routerOnly) { 
  __append("{ ssr: true }")
 } 
  __append("),\n  ],\n})\n")
  return __output
}

function __render_344f99a8_572(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
 if (!routerOnly) { ignoreFile() } 
  __append("\nimport { render } from 'solid-js/web'\nimport { RouterProvider, createRouter } from '@tanstack/solid-router'\nimport { routeTree } from './routeTree.gen'\n\nconst router = createRouter({\n  routeTree,\n  defaultPreload: 'intent',\n  defaultPreloadStaleTime: 0,\n  scrollRestoration: true,\n})\n\ndeclare module '@tanstack/solid-router' {\n  interface Register {\n    router: typeof router\n  }\n}\n\nconst rootElement = document.getElementById('app')!\n\nif (!rootElement.innerHTML) {\n  render(() => <RouterProvider router={router} />, rootElement)\n}\n")
  return __output
}

function __render_3b6dabd2_855(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
  __append("{\n  ")
 if (addOnEnabled.eslint) { 
  __append("\"include\": [\"**/*.ts\", \"**/*.tsx\", \"eslint.config.js\", \"prettier.config.js\", \"vite.config.js\"],\n  ")
 } else { 
  __append("\"include\": [\"**/*.ts\", \"**/*.tsx\"],")
 } 
  __append("\n  \"compilerOptions\": {\n    \"target\": \"ES2022\",\n    \"jsx\": \"preserve\",\n    \"jsxImportSource\": \"solid-js\",\n    \"module\": \"ESNext\",\n    \"lib\": [\"ES2022\", \"DOM\", \"DOM.Iterable\"],\n    \"types\": [\"vite/client\"],\n\n    /* Bundler mode */\n    \"moduleResolution\": \"bundler\",\n    \"allowImportingTsExtensions\": true,\n    \"verbatimModuleSyntax\": true,\n    \"noEmit\": true,\n\n    /* Linting */\n    \"skipLibCheck\": true,\n    \"strict\": true,\n    \"noUnusedLocals\": true,\n    \"noUnusedParameters\": true,\n    \"noFallthroughCasesInSwitch\": true,\n    \"noUncheckedSideEffectImports\": true")
 if (addOnEnabled['solid-ui']) { 
  __append(",\n    \"paths\": {\n      \"~/*\": [\"./src/*\"]\n    }\n  ")
 } 
  __append("\n  }\n}\n")
  return __output
}

function __render_7094245c_344(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
 if (!routerOnly) { ignoreFile() } 
  __append("\n<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>")
  __append(__escapeXML(projectName))
  __append("</title>\n  </head>\n  <body>\n    <div id=\"app\"></div>\n    <script type=\"module\" src=\"/src/main.tsx\"></script>\n  </body>\n</html>\n")
  return __output
}

function __render_7cd0e566_8867(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
 if (blank) { 
  __append("\n")
 if (tailwind) { 
  __append("@import 'tailwindcss';\n\n")
 } 
  __append("\n* {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  font-family: system-ui, sans-serif;\n}\n\nmain {\n  width: min(42rem, calc(100% - 2rem));\n  margin: 4rem auto;\n}\n")
 } else if (!includeExamples) { 
  __append("\n@import 'tailwindcss';\n\n* {\n  box-sizing: border-box;\n}\n\nhtml,\nbody,\n#app {\n  min-height: 100%;\n}\n\nbody {\n  margin: 0;\n}\n")
 } else { 
  __append("\n@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap');\n@import 'tailwindcss';\n\n:root {\n  --sea-ink: #173a40;\n  --sea-ink-soft: #416166;\n  --lagoon: #4fb8b2;\n  --lagoon-deep: #328f97;\n  --palm: #2f6a4a;\n  --sand: #e7f0e8;\n  --foam: #f3faf5;\n  --surface: rgba(255, 255, 255, 0.74);\n  --surface-strong: rgba(255, 255, 255, 0.9);\n  --line: rgba(23, 58, 64, 0.14);\n  --inset-glint: rgba(255, 255, 255, 0.82);\n  --kicker: rgba(47, 106, 74, 0.9);\n  --bg-base: #e7f3ec;\n  --header-bg: rgba(251, 255, 248, 0.84);\n  --chip-bg: rgba(255, 255, 255, 0.8);\n  --chip-line: rgba(47, 106, 74, 0.18);\n  --link-bg-hover: rgba(255, 255, 255, 0.9);\n  --hero-a: rgba(79, 184, 178, 0.36);\n  --hero-b: rgba(47, 106, 74, 0.2);\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml,\nbody,\n#app {\n  min-height: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--sea-ink);\n  font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;\n  background-color: var(--bg-base);\n  background:\n    radial-gradient(1100px 620px at -8% -10%, var(--hero-a), transparent 58%),\n    radial-gradient(1050px 620px at 112% -12%, var(--hero-b), transparent 62%),\n    radial-gradient(720px 380px at 50% 115%, rgba(79, 184, 178, 0.1), transparent 68%),\n    linear-gradient(\n      180deg,\n      color-mix(in oklab, var(--sand) 68%, white) 0%,\n      var(--foam) 44%,\n      var(--bg-base) 100%\n    );\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\na {\n  color: var(--lagoon-deep);\n  text-decoration-color: rgba(50, 143, 151, 0.4);\n  text-decoration-thickness: 1px;\n  text-underline-offset: 2px;\n}\n\na:hover {\n  color: #246f76;\n}\n\ncode {\n  font-size: 0.9em;\n  border: 1px solid var(--line);\n  background: color-mix(in oklab, var(--surface-strong) 82%, white 18%);\n  border-radius: 7px;\n  padding: 2px 7px;\n}\n\n.page-wrap {\n  width: min(1080px, calc(100% - 2rem));\n  margin-inline: auto;\n}\n\n.display-title {\n  font-family: 'Fraunces', Georgia, serif;\n}\n\n.island-shell {\n  border: 1px solid var(--line);\n  background: linear-gradient(165deg, var(--surface-strong), var(--surface));\n  box-shadow:\n    0 1px 0 var(--inset-glint) inset,\n    0 22px 44px rgba(30, 90, 72, 0.1),\n    0 6px 18px rgba(23, 58, 64, 0.08);\n  backdrop-filter: blur(4px);\n}\n\n.feature-card {\n  background: linear-gradient(\n    165deg,\n    color-mix(in oklab, var(--surface-strong) 93%, white 7%),\n    var(--surface)\n  );\n  box-shadow:\n    0 1px 0 var(--inset-glint) inset,\n    0 18px 34px rgba(30, 90, 72, 0.1),\n    0 4px 14px rgba(23, 58, 64, 0.06);\n}\n\n.demo-page {\n  width: min(1080px, calc(100% - 2rem));\n  margin-inline: auto;\n  padding-block: clamp(2.25rem, 6vw, 4.5rem);\n  color: var(--sea-ink);\n}\n\n.demo-page-wide {\n  width: min(1280px, calc(100% - 2rem));\n}\n\n.demo-center {\n  min-height: calc(100vh - 13rem);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.demo-panel,\n.demo-card {\n  border: 1px solid var(--line);\n  background: linear-gradient(165deg, var(--surface-strong), var(--surface));\n  box-shadow:\n    0 1px 0 var(--inset-glint) inset,\n    0 18px 34px rgba(30, 90, 72, 0.1),\n    0 4px 14px rgba(23, 58, 64, 0.06);\n  backdrop-filter: blur(4px);\n}\n\n.demo-panel {\n  border-radius: 1.25rem;\n  padding: clamp(1.25rem, 4vw, 2rem);\n}\n\n.demo-card {\n  border-radius: 1rem;\n  padding: 1rem;\n}\n\n.demo-title {\n  margin: 0;\n  color: var(--sea-ink);\n  font-size: clamp(1.75rem, 4vw, 2.75rem);\n  line-height: 1.05;\n  font-weight: 800;\n  letter-spacing: 0;\n}\n\n.demo-section-title {\n  margin: 0;\n  color: var(--sea-ink);\n  font-size: 1rem;\n  font-weight: 700;\n}\n\n.demo-muted {\n  color: var(--sea-ink-soft);\n}\n\n.demo-input,\n.demo-select,\n.demo-textarea {\n  width: 100%;\n  border: 1px solid var(--line);\n  border-radius: 0.75rem;\n  background: color-mix(in oklab, var(--surface-strong) 88%, white 12%);\n  color: var(--sea-ink);\n  outline: none;\n  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;\n}\n\n.demo-input,\n.demo-select {\n  padding: 0.7rem 0.9rem;\n}\n\n.demo-input-fit {\n  width: auto;\n}\n\n.demo-textarea {\n  min-height: 7rem;\n  padding: 0.8rem 0.9rem;\n  resize: vertical;\n}\n\n.demo-input:focus,\n.demo-select:focus,\n.demo-textarea:focus {\n  border-color: color-mix(in oklab, var(--lagoon-deep) 58%, var(--line));\n  box-shadow: 0 0 0 3px color-mix(in oklab, var(--lagoon) 24%, transparent);\n}\n\n.demo-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  border: 1px solid color-mix(in oklab, var(--lagoon-deep) 34%, var(--line));\n  border-radius: 0.85rem;\n  background: color-mix(in oklab, var(--lagoon) 22%, var(--surface-strong));\n  color: var(--sea-ink);\n  padding: 0.72rem 1rem;\n  font-size: 0.9rem;\n  font-weight: 700;\n  line-height: 1;\n  cursor: pointer;\n}\n\n.demo-button:hover {\n  transform: translateY(-1px);\n  background: color-mix(in oklab, var(--lagoon) 30%, var(--surface-strong));\n}\n\n.demo-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n  transform: none;\n}\n\n.demo-button-secondary {\n  border-color: var(--line);\n  background: color-mix(in oklab, var(--surface-strong) 74%, transparent);\n  color: var(--sea-ink-soft);\n}\n\n.demo-button-danger {\n  border-color: rgba(196, 71, 71, 0.28);\n  background: rgba(196, 71, 71, 0.1);\n  color: #9f3030;\n}\n\n.demo-list-item {\n  border: 1px solid var(--line);\n  border-radius: 0.9rem;\n  background: color-mix(in oklab, var(--chip-bg) 82%, transparent);\n  padding: 0.9rem 1rem;\n}\n\n.demo-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  border: 1px solid var(--chip-line);\n  border-radius: 999px;\n  background: var(--chip-bg);\n  color: var(--sea-ink-soft);\n  padding: 0.35rem 0.65rem;\n  font-size: 0.75rem;\n  font-weight: 700;\n}\n\n.demo-alert {\n  border: 1px solid rgba(193, 126, 42, 0.3);\n  border-radius: 1rem;\n  background: rgba(193, 126, 42, 0.1);\n  color: var(--sea-ink);\n  padding: 1rem;\n}\n\n.demo-alert-danger {\n  border-color: rgba(196, 71, 71, 0.3);\n  background: rgba(196, 71, 71, 0.1);\n}\n\n.demo-code-block {\n  border: 1px solid var(--line);\n  border-radius: 1rem;\n  background: color-mix(in oklab, var(--chip-bg) 88%, transparent);\n  color: var(--sea-ink);\n  padding: 1rem;\n}\n\n.demo-table-shell {\n  overflow-x: auto;\n  border: 1px solid var(--line);\n  border-radius: 1rem;\n  background: color-mix(in oklab, var(--surface-strong) 78%, transparent);\n}\n\n.demo-table {\n  width: 100%;\n  border-collapse: collapse;\n  color: var(--sea-ink);\n}\n\n.demo-table th,\n.demo-table td {\n  border-bottom: 1px solid var(--line);\n  padding: 0.75rem 1rem;\n  text-align: left;\n}\n\n.demo-table th {\n  background: color-mix(in oklab, var(--chip-bg) 88%, transparent);\n  color: var(--sea-ink);\n  font-weight: 700;\n}\n\n.demo-table tr:hover td {\n  background: color-mix(in oklab, var(--lagoon) 8%, transparent);\n}\n\n.site-header {\n  position: sticky;\n  top: 0;\n  z-index: 50;\n  border-bottom: 1px solid var(--line);\n  background: var(--header-bg);\n  backdrop-filter: blur(10px);\n}\n\n.nav-shell {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.5rem 0.75rem;\n  padding: 0.75rem 0;\n}\n\n.brand-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  border-radius: 999px;\n  border: 1px solid var(--chip-line);\n  background: var(--chip-bg);\n  padding: 0.5rem 0.875rem;\n  color: var(--sea-ink);\n  text-decoration: none;\n  box-shadow: 0 8px 24px rgba(30, 90, 72, 0.08);\n}\n\n.brand-dot {\n  height: 0.5rem;\n  width: 0.5rem;\n  border-radius: 999px;\n  background: linear-gradient(90deg, #56c6be, #7ed3bf);\n}\n\n.island-kicker {\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  font-weight: 700;\n  font-size: 0.69rem;\n  color: var(--kicker);\n}\n\n.nav-link {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  color: var(--sea-ink-soft);\n  text-decoration: none;\n}\n\n.nav-link::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: -6px;\n  width: 100%;\n  height: 2px;\n  transform: scaleX(0);\n  transform-origin: left;\n  background: linear-gradient(90deg, var(--lagoon), #7ed3bf);\n  transition: transform 170ms ease;\n}\n\n.nav-link:hover,\n.nav-link.is-active {\n  color: var(--sea-ink);\n}\n\n.nav-link:hover::after,\n.nav-link.is-active::after {\n  transform: scaleX(1);\n}\n\n.rise-in {\n  animation: rise-in 700ms cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n@keyframes rise-in {\n  from {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n")
 } 
  __append("\n")
  return __output
}

function __render_7ebb7969_3035(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
 const showDevtools = !blank || integrations.some((integration) => integration.type === 'devtools') 
 if (routerOnly) { 
  __append("\nimport { Outlet, createRootRoute } from '@tanstack/solid-router'\n")
 if (showDevtools) { 
  __append("\nimport { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'\n")
 } 
  __append("\n\nimport '../styles.css'\n\nexport const Route = createRootRoute({\n  component: RootComponent,\n})\n\nfunction RootComponent() {\n  return (\n    <>\n      <Outlet />\n      ")
 if (showDevtools) { 
  __append("<TanStackRouterDevtools position=\"bottom-right\" />")
 } 
  __append("\n    </>\n  )\n}\n")
 } else if (!includeExamples || blank) { 
  __append("\nimport { HeadContent, Outlet, Scripts, createRootRouteWithContext } from '@tanstack/solid-router'\n")
 if (showDevtools) { 
  __append("\nimport { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'\n")
 } 
  __append("\n\n")
 if (addOnEnabled['solid-ui']) { 
  __append("\nimport \"@fontsource/inter/400.css\"\n")
 } 
  __append("\n\nimport { HydrationScript } from 'solid-js/web'\nimport { Suspense } from 'solid-js'\n\n")
 for(const addOn of addOns) {
  for(const init of addOn.main?.initialize || []) { 
  __append("\n  ")
  __append(init)
  __append("\n")
 } } 
  __append("\n\nimport styleCss from \"../styles.css?url\";\n\nexport const Route = createRootRouteWithContext()({\n  head: () => ({\n    links: [{ rel: \"stylesheet\", href: styleCss }],\n  }),\n  shellComponent: RootComponent,\n})\n\nfunction RootComponent() {\n    return (\n      <html>\n        <head>\n          <HydrationScript />\n          <HeadContent />\n        </head>\n        <body>\n          <Suspense>\n            <Outlet />\n            ")
 if (showDevtools) { 
  __append("<TanStackRouterDevtools />")
 } 
  __append("\n            ")
 for(const integration of integrations.filter(i => i.type === 'layout')) { 
  __append("\n              <")
  __append(__escapeXML(integration.jsName))
  __append(" />\n            ")
 } 
  __append("\n            </Suspense>\n          <Scripts />\n        </body>\n      </html>\n    );\n}\n")
 } else { 
  __append("\nimport { HeadContent, Outlet, Scripts, createRootRouteWithContext } from '@tanstack/solid-router'\nimport { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'\n\n")
 if (addOnEnabled['solid-ui']) { 
  __append("\nimport \"@fontsource/inter/400.css\"\n")
 } 
  __append("\n\nimport { HydrationScript } from 'solid-js/web'\nimport { Suspense } from 'solid-js'\n\nimport Header from '../components/Header'\n")
 for(const addOn of addOns) {
  for(const init of addOn.main?.initialize || []) { 
  __append("\n  ")
  __append(init)
  __append("\n")
 } } 
  __append("\n\nimport styleCss from \"../styles.css?url\";\n\nexport const Route = createRootRouteWithContext()({\n  head: () => ({\n    links: [{ rel: \"stylesheet\", href: styleCss }],\n  }),\n  shellComponent: RootComponent,\n})\n\nfunction RootComponent() {\n    return (\n      <html>\n        <head>\n          <HydrationScript />\n          <HeadContent />\n        </head>\n        <body>\n          <Suspense>\n            <Header />\n            <Outlet />\n            <TanStackRouterDevtools />\n            ")
 for(const integration of integrations.filter(i => i.type === 'layout')) { 
  __append("\n              <")
  __append(__escapeXML(integration.jsName))
  __append(" />\n            ")
 } 
  __append("\n            </Suspense>\n          <Scripts />\n        </body>\n      </html>\n    );\n}\n")
 } 
  __append("\n")
  return __output
}

function __render_82de873d_4164(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
 if (blank) { 
  __append("\nimport { createFileRoute } from '@tanstack/solid-router'\n\nexport const Route = createFileRoute('/')({ component: Home })\n\nfunction Home() {\n  return (\n    <main>\n      <h1>Welcome to TanStack Start</h1>\n      <p>\n        Edit <code>src/routes/index.tsx</code> to get started.\n      </p>\n    </main>\n  )\n}\n")
 } else if (!includeExamples) { 
  __append("\nimport { createFileRoute } from '@tanstack/solid-router'\n\nexport const Route = createFileRoute('/')({ component: Home })\n\nfunction Home() {\n  return (\n    <div class=\"p-8\">\n      <h1 class=\"text-4xl font-bold\">Welcome to TanStack Start</h1>\n      <p class=\"mt-4 text-lg\">\n        Edit <code>src/routes/index.tsx</code> to get started.\n      </p>\n    </div>\n  )\n}\n")
 } else { 
  __append("\nimport { createFileRoute } from '@tanstack/solid-router'\n\nexport const Route = createFileRoute('/')({ component: App })\n\nfunction App() {\n  return (\n    <main class=\"page-wrap px-4 pb-8 pt-14\">\n      <section class=\"island-shell rise-in relative overflow-hidden rounded-[2rem] px-6 py-10 sm:px-10 sm:py-14\">\n        <div class=\"pointer-events-none absolute -left-20 -top-24 h-56 w-56 rounded-full bg-[radial-gradient(circle,rgba(79,184,178,0.32),transparent_66%)]\" />\n        <div class=\"pointer-events-none absolute -bottom-20 -right-20 h-56 w-56 rounded-full bg-[radial-gradient(circle,rgba(47,106,74,0.18),transparent_66%)]\" />\n        <p class=\"island-kicker mb-3\">TanStack Start Base Template</p>\n        <h1 class=\"display-title mb-5 max-w-3xl text-4xl leading-[1.02] font-bold tracking-tight text-[var(--sea-ink)] sm:text-6xl\">\n          Start simple, ship quickly.\n        </h1>\n        <p class=\"mb-8 max-w-2xl text-base text-[var(--sea-ink-soft)] sm:text-lg\">\n          This base starter intentionally keeps things light: two routes, clean structure,\n          and the essentials you need to build from scratch.\n        </p>\n        <div class=\"flex flex-wrap gap-3\">\n          <a\n            href=\"/about\"\n            class=\"rounded-full border border-[rgba(50,143,151,0.3)] bg-[rgba(79,184,178,0.14)] px-5 py-2.5 text-sm font-semibold text-[var(--lagoon-deep)] no-underline transition hover:-translate-y-0.5 hover:bg-[rgba(79,184,178,0.24)]\"\n          >\n            About This Starter\n          </a>\n          <a\n            href=\"https://tanstack.com/router\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"rounded-full border border-[rgba(23,58,64,0.2)] bg-white/50 px-5 py-2.5 text-sm font-semibold text-[var(--sea-ink)] no-underline transition hover:-translate-y-0.5 hover:border-[rgba(23,58,64,0.35)]\"\n          >\n            Router Guide\n          </a>\n        </div>\n      </section>\n\n      <section class=\"mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        {[\n          ['Type-Safe Routing', 'Routes and links stay in sync across every page.'],\n          ['Server Functions', 'Call server code from your UI without creating API boilerplate.'],\n          ['Streaming by Default', 'Ship progressively rendered responses for faster experiences.'],\n          ['Tailwind Native', 'Design quickly with utility-first styling and reusable tokens.'],\n        ].map(([title, desc], index) => (\n          <article\n            class=\"island-shell feature-card rise-in rounded-2xl p-5\"\n            style={{ 'animation-delay': `${index * 90 + 80}ms` }}\n          >\n            <h2 class=\"mb-2 text-base font-semibold text-[var(--sea-ink)]\">{title}</h2>\n            <p class=\"m-0 text-sm text-[var(--sea-ink-soft)]\">{desc}</p>\n          </article>\n        ))}\n      </section>\n\n      <section class=\"island-shell mt-8 rounded-2xl p-6\">\n        <p class=\"island-kicker mb-2\">Quick Start</p>\n        <ul class=\"m-0 list-disc space-y-2 pl-5 text-sm text-[var(--sea-ink-soft)]\">\n          <li>Edit <code>src/routes/index.tsx</code> to customize the home page.</li>\n          <li>\n            Update <code>src/components/Header.tsx</code> for navigation and product links.\n          </li>\n          <li>\n            Add routes in <code>src/routes</code> and tweak visual tokens in <code>src/styles.css</code>.\n          </li>\n        </ul>\n      </section>\n    </main>\n  )\n}\n")
 } 
  __append("\n")
  return __output
}

function __render_8a237555_262(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
 if (packageManager !== 'pnpm') { ignoreFile(); return; } 
  __append("allowBuilds:\n  esbuild: true\n  lightningcss: true\n")
 if (addOnEnabled.cloudflare || addOnEnabled.netlify) { 
  __append("sharp: true\n")
 } 
 if (addOnEnabled.cloudflare) { 
  __append("workerd: true\n")
 } 
  return __output
}

function __render_a44a9c73_635(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
  __append("import { createRouter as createTanStackRouter } from '@tanstack/solid-router'\nimport { routeTree } from './routeTree.gen'\n")
 if (addOnEnabled['tanstack-query']) { 
  __append("\nimport { getContext } from './integrations/tanstack-query/provider'\n")
 } 
  __append("\n\nexport function getRouter() {\n  const router = createTanStackRouter({\n    routeTree,\n")
 if (addOnEnabled['tanstack-query']) { 
  __append("\n    context: getContext(),\n")
 } 
  __append("\n    scrollRestoration: true,\n    defaultPreload: 'intent',\n    defaultPreloadStaleTime: 0,\n  })\n\n  return router\n}\n\ndeclare module '@tanstack/solid-router' {\n  interface Register {\n    router: ReturnType<typeof getRouter>\n  }\n}\n")
  return __output
}

function __render_aa240753_2616(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
 if (!includeExamples) { ignoreFile(); return; } 
  __append("\nimport { Link } from '@tanstack/solid-router'\n")
 for(const integration of integrations.filter(i => i.type === 'header-user')) { 
  __append("\nimport ")
  __append(__escapeXML(integration.jsName))
  __append(" from '")
  __append(__escapeXML(relativePath(integration.path)))
  __append("'\n")
 } 
  __append("\n\n")

const demoRoutes = [];
for (const addOn of addOns) {
  for (const route of (addOn?.routes || []).filter((r) => r.url && r.name)) {
    demoRoutes.push({ url: route.url, name: route.name });
    for (const child of route.children || []) {
      if (child?.url && child?.name) {
        demoRoutes.push({ url: child.url, name: child.name });
      }
    }
  }
}
const userHeaders = integrations.filter((i) => i.type === 'header-user');

  __append("\n\nexport default function Header() {\n  return (\n    <header class=\"site-header px-4\">\n      <nav class=\"page-wrap nav-shell\">\n        <h2 class=\"m-0 flex-shrink-0 text-base font-semibold tracking-tight\">\n          <Link to=\"/\" class=\"brand-pill\">\n            <span class=\"brand-dot\" />\n            TanStack Start\n          </Link>\n        </h2>\n\n        <div class=\"ml-auto flex items-center gap-2\">\n          ")
 for (const integration of userHeaders) { 
  __append("<")
  __append(__escapeXML(integration.jsName))
  __append(" />\n          ")
 } 
  __append("\n        </div>\n\n        <div class=\"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\">\n          <Link to=\"/\" class=\"nav-link\" activeProps={{ class: 'nav-link is-active' }}>\n            Home\n          </Link>\n          <Link to=\"/about\" class=\"nav-link\" activeProps={{ class: 'nav-link is-active' }}>\n            About\n          </Link>\n          <a\n            href=\"https://tanstack.com/start/latest/docs/framework/solid/overview\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            class=\"nav-link\"\n          >\n            Docs\n          </a>\n          ")
 if (demoRoutes.length > 0) { 
  __append("<details class=\"relative w-full sm:w-auto\">\n            <summary class=\"nav-link list-none cursor-pointer\">Demos</summary>\n            <div class=\"mt-2 min-w-56 rounded-xl border border-[var(--line)] bg-[var(--header-bg)] p-2 shadow-lg sm:absolute sm:right-0\">\n              ")
 for (const route of demoRoutes) { 
  __append("<a\n                href=\"")
  __append(__escapeXML(route.url))
  __append("\"\n                class=\"block rounded-lg px-3 py-2 text-sm text-[var(--sea-ink-soft)] no-underline transition hover:bg-[var(--link-bg-hover)] hover:text-[var(--sea-ink)]\"\n              >\n                ")
  __append(__escapeXML(route.name))
  __append("\n              </a>\n              ")
 } 
  __append("\n            </div>\n          </details>")
 } 
  __append("\n        </div>\n      </nav>\n    </header>\n  )\n}\n")
  return __output
}

function __render_db92ca28_5148(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
 if (blank) { 
  __append("# ")
  __append(__escapeXML(projectName))
  __append("\n\nA minimal TanStack Start app with one route and ")
  __append(__escapeXML(tailwind ? 'Tailwind CSS' : 'plain CSS'))
  __append(".\n\n```bash\n")
  __append(__escapeXML(packageManager))
  __append(" install\n")
  __append(__escapeXML(getPackageManagerRunScript('dev')))
  __append("\n```\n\nEdit `src/routes/index.tsx` to get started. Add route files under\n`src/routes`; TanStack Router updates `src/routeTree.gen.ts` for you.\n\nBuild the production app with:\n\n```bash\n")
  __append(__escapeXML(getPackageManagerRunScript('build')))
  __append("\n```\n")
 for(const addon of addOns.filter(addon => addon.readme)) { 
  __append("\n")
  __append(addon.readmeIsEjs ? renderTemplate(addon.readme) : addon.readme)
  __append("\n")
 } 
  __append("\n")
 } else { 
  __append("Welcome to your new TanStack Start app!\n\n# Getting Started\n\nTo run this application:\n\n```bash\n")
  __append(__escapeXML(packageManager))
  __append(" install\n")
  __append(__escapeXML(getPackageManagerRunScript('dev')))
  __append("\n```\n\n# Building For Production\n\nTo build this application for production:\n\n```bash\n")
  __append(__escapeXML(getPackageManagerRunScript('build')))
  __append("\n```\n\n## Styling\n\nThis project uses [Tailwind CSS](https://tailwindcss.com/) for styling.\n\n### Removing Tailwind CSS\n\nIf you prefer not to use Tailwind CSS:\n\n1. Remove the demo pages in `src/routes/demo/`\n2. Replace the Tailwind import in `src/styles.css` with your own styles\n3. Remove `tailwindcss()` from the plugins array in `vite.config.ts`\n4. Remove `@tailwindcss/vite` and `tailwindcss` from `package.json`\n\n")
 for(const addon of addOns.filter(addon => addon.readme)) { 
  __append("\n")
  __append(addon.readmeIsEjs ? renderTemplate(addon.readme) : addon.readme)
  __append("\n")
 } 
  __append("\n\n## Routing\n\nThis project uses [TanStack Router](https://tanstack.com/router) with file-based routing. Routes are managed as files in `src/routes`.\n\n### Adding A Route\n\nTo add a new route to your application just add a new file in the `./src/routes` directory.\n\nTanStack will automatically generate the content of the route file for you.\n\nNow that you have two routes you can use a `Link` component to navigate between them.\n\n### Adding Links\n\nTo use SPA (Single Page Application) navigation you will need to import the `Link` component from `@tanstack/solid-router`.\n\n```tsx\nimport { Link } from \"@tanstack/solid-router\";\n```\n\nThen anywhere in your JSX you can use it like so:\n\n```tsx\n<Link to=\"/about\">About</Link>\n```\n\nThis will create a link that will navigate to the `/about` route.\n\nMore information on the `Link` component can be found in the [Link documentation](https://tanstack.com/router/v1/docs/framework/solid/api/router/linkComponent).\n\n### Using A Layout\n\nIn the File Based Routing setup the layout is located in `src/routes/__root.tsx`. Anything you add to the root route will appear in all the routes.\n\nMore information on layouts can be found in the [Layouts documentation](https://tanstack.com/router/latest/docs/framework/solid/guide/routing-concepts#layouts).\n\n## Server Functions\n\nTanStack Start provides server functions that allow you to write server-side code that seamlessly integrates with your client components.\n\n```tsx\nimport { createServerFn } from '@tanstack/solid-start'\n\nconst getServerTime = createServerFn({\n  method: 'GET',\n}).handler(async () => {\n  return new Date().toISOString()\n})\n```\n\n## Data Fetching\n\nThere are multiple ways to fetch data in your application. You can use TanStack Query to fetch data from a server. But you can also use the `loader` functionality built into TanStack Router to load the data for a route before it's rendered.\n\nFor example:\n\n```tsx\nimport { createFileRoute } from '@tanstack/solid-router'\n\nexport const Route = createFileRoute('/people')({\n  loader: async () => {\n    const response = await fetch('https://swapi.dev/api/people')\n    return response.json()\n  },\n  component: PeopleComponent,\n})\n\nfunction PeopleComponent() {\n  const data = Route.useLoaderData()\n  return (\n    <ul>\n      <For each={data().results}>\n        {(person) => <li>{person.name}</li>}\n      </For>\n    </ul>\n  )\n}\n```\n\nLoaders simplify your data fetching logic dramatically. Check out more information in the [Loader documentation](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#loader-parameters).\n\n")
 if (includeExamples) { 
  __append("\n# Demo files\n\nFiles prefixed with `demo` can be safely deleted. They are there to provide a starting point for you to play around with the features you've installed.\n")
 } 
  __append("\n\n")
 if (addOnEnabled.biome || addOnEnabled.eslint) { 
  __append("\n## Linting & Formatting\n")
 if (addOnEnabled.biome) { 
  __append("\nThis project uses [Biome](https://biomejs.dev/) for linting and formatting. The following scripts are available:\n")
 } 
  __append("\n")
 if (addOnEnabled.eslint) { 
  __append("\nThis project uses [eslint](https://eslint.org/) and [prettier](https://prettier.io/) for linting and formatting. Eslint is configured using [tanstack/eslint-config](https://tanstack.com/config/latest/docs/eslint). The following scripts are available:\n")
 } 
  __append("\n```bash\n")
  __append(__escapeXML(getPackageManagerRunScript('lint')))
  __append("\n")
  __append(__escapeXML(getPackageManagerRunScript('format')))
  __append("\n")
  __append(__escapeXML(getPackageManagerRunScript('check')))
  __append("\n```\n")
 } 
  __append("\n\n# Learn More\n\nYou can learn more about all of the offerings from TanStack in the [TanStack documentation](https://tanstack.com).\n\nFor TanStack Start specific documentation, visit [TanStack Start](https://tanstack.com/start).\n")
 } 
  return __output
}

function __render_de796a29_811(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
  __append("{\n  \"files.watcherExclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"search.exclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"files.readonlyInclude\": {\n    \"**/routeTree.gen.ts\": true\n  }")
 if (addOnEnabled.biome) { 
  __append(",\n  \"[javascript]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[javascriptreact]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[typescript]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[typescriptreact]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[json]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[jsonc]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[css]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"editor.codeActionsOnSave\": {\n    \"source.organizeImports.biome\": \"explicit\"\n  }")
 } 
  __append("\n}\n")
  return __output
}

function __render_fe45dbe0_836(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
 if (!includeExamples) { ignoreFile(); return; } 
  __append("\nimport { createFileRoute } from '@tanstack/solid-router'\n\nexport const Route = createFileRoute('/about')({\n  component: About,\n})\n\nfunction About() {\n  return (\n    <main class=\"page-wrap px-4 py-12\">\n      <section class=\"island-shell rounded-2xl p-6 sm:p-8\">\n        <p class=\"island-kicker mb-2\">About</p>\n        <h1 class=\"display-title mb-3 text-4xl font-bold text-[var(--sea-ink)] sm:text-5xl\">\n          A small starter with room to grow.\n        </h1>\n        <p class=\"m-0 max-w-3xl text-base leading-8 text-[var(--sea-ink-soft)]\">\n          TanStack Start gives you type-safe routing, server functions, and modern SSR defaults.\n          Use this as a clean foundation, then layer in your own routes, styling, and add-ons.\n        </p>\n      </section>\n    </main>\n  )\n}\n")
  return __output
}

const templateRenderers: Record<string, TemplateRenderer> = {
  "27ac5638:1165": __render_27ac5638_1165,
  "344f99a8:572": __render_344f99a8_572,
  "3b6dabd2:855": __render_3b6dabd2_855,
  "7094245c:344": __render_7094245c_344,
  "7cd0e566:8867": __render_7cd0e566_8867,
  "7ebb7969:3035": __render_7ebb7969_3035,
  "82de873d:4164": __render_82de873d_4164,
  "8a237555:262": __render_8a237555_262,
  "a44a9c73:635": __render_a44a9c73_635,
  "aa240753:2616": __render_aa240753_2616,
  "db92ca28:5148": __render_db92ca28_5148,
  "de796a29:811": __render_de796a29_811,
  "fe45dbe0:836": __render_fe45dbe0_836,
}

export function hasManifestTemplate(template: string) {
  return getManifestTemplateKey(template) in templateRenderers
}

export function renderManifestTemplate(
  template: string,
  context: TemplateRenderContext,
) {
  const key = getManifestTemplateKey(template)
  const renderer = templateRenderers[key]
  if (!renderer) {
    throw new Error(`Template ${key} was not precompiled into the manifest`)
  }
  return renderer(context) ?? ''
}


export const framework = {
  "id": "solid",
  "base": {
    "README.md.ejs": "<% if (blank) { -%>\n# <%= projectName %>\n\nA minimal TanStack Start app with one route and <%= tailwind ? 'Tailwind CSS' : 'plain CSS' %>.\n\n```bash\n<%= packageManager %> install\n<%= getPackageManagerRunScript('dev') %>\n```\n\nEdit `src/routes/index.tsx` to get started. Add route files under\n`src/routes`; TanStack Router updates `src/routeTree.gen.ts` for you.\n\nBuild the production app with:\n\n```bash\n<%= getPackageManagerRunScript('build') %>\n```\n<% for(const addon of addOns.filter(addon => addon.readme)) { %>\n<%- addon.readmeIsEjs ? renderTemplate(addon.readme) : addon.readme %>\n<% } %>\n<% } else { -%>\nWelcome to your new TanStack Start app!\n\n# Getting Started\n\nTo run this application:\n\n```bash\n<%= packageManager %> install\n<%= getPackageManagerRunScript('dev') %>\n```\n\n# Building For Production\n\nTo build this application for production:\n\n```bash\n<%= getPackageManagerRunScript('build') %>\n```\n\n## Styling\n\nThis project uses [Tailwind CSS](https://tailwindcss.com/) for styling.\n\n### Removing Tailwind CSS\n\nIf you prefer not to use Tailwind CSS:\n\n1. Remove the demo pages in `src/routes/demo/`\n2. Replace the Tailwind import in `src/styles.css` with your own styles\n3. Remove `tailwindcss()` from the plugins array in `vite.config.ts`\n4. Remove `@tailwindcss/vite` and `tailwindcss` from `package.json`\n\n<% for(const addon of addOns.filter(addon => addon.readme)) { %>\n<%- addon.readmeIsEjs ? renderTemplate(addon.readme) : addon.readme %>\n<% } %>\n\n## Routing\n\nThis project uses [TanStack Router](https://tanstack.com/router) with file-based routing. Routes are managed as files in `src/routes`.\n\n### Adding A Route\n\nTo add a new route to your application just add a new file in the `./src/routes` directory.\n\nTanStack will automatically generate the content of the route file for you.\n\nNow that you have two routes you can use a `Link` component to navigate between them.\n\n### Adding Links\n\nTo use SPA (Single Page Application) navigation you will need to import the `Link` component from `@tanstack/solid-router`.\n\n```tsx\nimport { Link } from \"@tanstack/solid-router\";\n```\n\nThen anywhere in your JSX you can use it like so:\n\n```tsx\n<Link to=\"/about\">About</Link>\n```\n\nThis will create a link that will navigate to the `/about` route.\n\nMore information on the `Link` component can be found in the [Link documentation](https://tanstack.com/router/v1/docs/framework/solid/api/router/linkComponent).\n\n### Using A Layout\n\nIn the File Based Routing setup the layout is located in `src/routes/__root.tsx`. Anything you add to the root route will appear in all the routes.\n\nMore information on layouts can be found in the [Layouts documentation](https://tanstack.com/router/latest/docs/framework/solid/guide/routing-concepts#layouts).\n\n## Server Functions\n\nTanStack Start provides server functions that allow you to write server-side code that seamlessly integrates with your client components.\n\n```tsx\nimport { createServerFn } from '@tanstack/solid-start'\n\nconst getServerTime = createServerFn({\n  method: 'GET',\n}).handler(async () => {\n  return new Date().toISOString()\n})\n```\n\n## Data Fetching\n\nThere are multiple ways to fetch data in your application. You can use TanStack Query to fetch data from a server. But you can also use the `loader` functionality built into TanStack Router to load the data for a route before it's rendered.\n\nFor example:\n\n```tsx\nimport { createFileRoute } from '@tanstack/solid-router'\n\nexport const Route = createFileRoute('/people')({\n  loader: async () => {\n    const response = await fetch('https://swapi.dev/api/people')\n    return response.json()\n  },\n  component: PeopleComponent,\n})\n\nfunction PeopleComponent() {\n  const data = Route.useLoaderData()\n  return (\n    <ul>\n      <For each={data().results}>\n        {(person) => <li>{person.name}</li>}\n      </For>\n    </ul>\n  )\n}\n```\n\nLoaders simplify your data fetching logic dramatically. Check out more information in the [Loader documentation](https://tanstack.com/router/latest/docs/framework/solid/guide/data-loading#loader-parameters).\n\n<% if (includeExamples) { %>\n# Demo files\n\nFiles prefixed with `demo` can be safely deleted. They are there to provide a starting point for you to play around with the features you've installed.\n<% } %>\n\n<% if (addOnEnabled.biome || addOnEnabled.eslint) { %>\n## Linting & Formatting\n<% if (addOnEnabled.biome) { %>\nThis project uses [Biome](https://biomejs.dev/) for linting and formatting. The following scripts are available:\n<% } %>\n<% if (addOnEnabled.eslint) { %>\nThis project uses [eslint](https://eslint.org/) and [prettier](https://prettier.io/) for linting and formatting. Eslint is configured using [tanstack/eslint-config](https://tanstack.com/config/latest/docs/eslint). The following scripts are available:\n<% } %>\n```bash\n<%= getPackageManagerRunScript('lint') %>\n<%= getPackageManagerRunScript('format') %>\n<%= getPackageManagerRunScript('check') %>\n```\n<% } %>\n\n# Learn More\n\nYou can learn more about all of the offerings from TanStack in the [TanStack documentation](https://tanstack.com).\n\nFor TanStack Start specific documentation, visit [TanStack Start](https://tanstack.com/start).\n<% } -%>\n",
    "_dot_gitignore": "node_modules\n.DS_Store\ndist\ndist-ssr\n*.local\n.env\n.nitro\n.tanstack\n.wrangler\n.output\n.vinxi\n__unconfig*\n",
    "_dot_vscode/settings.json.ejs": "{\n  \"files.watcherExclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"search.exclude\": {\n    \"**/routeTree.gen.ts\": true\n  },\n  \"files.readonlyInclude\": {\n    \"**/routeTree.gen.ts\": true\n  }<% if (addOnEnabled.biome) { %>,\n  \"[javascript]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[javascriptreact]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[typescript]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[typescriptreact]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[json]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[jsonc]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"[css]\": {\n    \"editor.defaultFormatter\": \"biomejs.biome\"\n  },\n  \"editor.codeActionsOnSave\": {\n    \"source.organizeImports.biome\": \"explicit\"\n  }<% } %>\n}\n",
    "index.html.ejs": "<% if (!routerOnly) { ignoreFile() } %>\n<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title><%= projectName %></title>\n  </head>\n  <body>\n    <div id=\"app\"></div>\n    <script type=\"module\" src=\"/src/main.tsx\"></script>\n  </body>\n</html>\n",
    "package.json": "{\n  \"name\": \"app-ts\",\n  \"private\": true,\n  \"type\": \"module\",\n  \"scripts\": {\n    \"dev\": \"vite dev --port 3000\",\n    \"generate-routes\": \"tsr generate\",\n    \"build\": \"vite build\",\n    \"start\": \"node .output/server/index.mjs\",\n    \"preview\": \"vite preview\"\n  },\n  \"dependencies\": {\n    \"@tanstack/solid-router\": \"latest\",\n    \"@tanstack/solid-start\": \"latest\",\n    \"solid-js\": \"^1.9.12\"\n  },\n  \"devDependencies\": {\n    \"vite-plugin-solid\": \"^2.11.12\",\n    \"vite\": \"^8.0.0\"\n  },\n  \"pnpm\": {\n    \"onlyBuiltDependencies\": [\n      \"esbuild\",\n      \"lightningcss\"\n    ]\n  }\n}\n",
    "pnpm-workspace.yaml.ejs": "<% if (packageManager !== 'pnpm') { ignoreFile(); return; } -%>\nallowBuilds:\n  esbuild: true\n  lightningcss: true\n<% if (addOnEnabled.cloudflare || addOnEnabled.netlify) { -%>\n  sharp: true\n<% } -%>\n<% if (addOnEnabled.cloudflare) { -%>\n  workerd: true\n<% } -%>\n",
    "src/components/Header.tsx.ejs": "<% if (!includeExamples) { ignoreFile(); return; } %>\nimport { Link } from '@tanstack/solid-router'\n<% for(const integration of integrations.filter(i => i.type === 'header-user')) { %>\nimport <%= integration.jsName %> from '<%= relativePath(integration.path) %>'\n<% } %>\n\n<%\nconst demoRoutes = [];\nfor (const addOn of addOns) {\n  for (const route of (addOn?.routes || []).filter((r) => r.url && r.name)) {\n    demoRoutes.push({ url: route.url, name: route.name });\n    for (const child of route.children || []) {\n      if (child?.url && child?.name) {\n        demoRoutes.push({ url: child.url, name: child.name });\n      }\n    }\n  }\n}\nconst userHeaders = integrations.filter((i) => i.type === 'header-user');\n%>\n\nexport default function Header() {\n  return (\n    <header class=\"site-header px-4\">\n      <nav class=\"page-wrap nav-shell\">\n        <h2 class=\"m-0 flex-shrink-0 text-base font-semibold tracking-tight\">\n          <Link to=\"/\" class=\"brand-pill\">\n            <span class=\"brand-dot\" />\n            TanStack Start\n          </Link>\n        </h2>\n\n        <div class=\"ml-auto flex items-center gap-2\">\n          <% for (const integration of userHeaders) { %><<%= integration.jsName %> />\n          <% } %>\n        </div>\n\n        <div class=\"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\">\n          <Link to=\"/\" class=\"nav-link\" activeProps={{ class: 'nav-link is-active' }}>\n            Home\n          </Link>\n          <Link to=\"/about\" class=\"nav-link\" activeProps={{ class: 'nav-link is-active' }}>\n            About\n          </Link>\n          <a\n            href=\"https://tanstack.com/start/latest/docs/framework/solid/overview\"\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            class=\"nav-link\"\n          >\n            Docs\n          </a>\n          <% if (demoRoutes.length > 0) { %><details class=\"relative w-full sm:w-auto\">\n            <summary class=\"nav-link list-none cursor-pointer\">Demos</summary>\n            <div class=\"mt-2 min-w-56 rounded-xl border border-[var(--line)] bg-[var(--header-bg)] p-2 shadow-lg sm:absolute sm:right-0\">\n              <% for (const route of demoRoutes) { %><a\n                href=\"<%= route.url %>\"\n                class=\"block rounded-lg px-3 py-2 text-sm text-[var(--sea-ink-soft)] no-underline transition hover:bg-[var(--link-bg-hover)] hover:text-[var(--sea-ink)]\"\n              >\n                <%= route.name %>\n              </a>\n              <% } %>\n            </div>\n          </details><% } %>\n        </div>\n      </nav>\n    </header>\n  )\n}\n",
    "src/main.tsx.ejs": "<% if (!routerOnly) { ignoreFile() } %>\nimport { render } from 'solid-js/web'\nimport { RouterProvider, createRouter } from '@tanstack/solid-router'\nimport { routeTree } from './routeTree.gen'\n\nconst router = createRouter({\n  routeTree,\n  defaultPreload: 'intent',\n  defaultPreloadStaleTime: 0,\n  scrollRestoration: true,\n})\n\ndeclare module '@tanstack/solid-router' {\n  interface Register {\n    router: typeof router\n  }\n}\n\nconst rootElement = document.getElementById('app')!\n\nif (!rootElement.innerHTML) {\n  render(() => <RouterProvider router={router} />, rootElement)\n}\n",
    "src/router.tsx.ejs": "import { createRouter as createTanStackRouter } from '@tanstack/solid-router'\nimport { routeTree } from './routeTree.gen'\n<% if (addOnEnabled['tanstack-query']) { %>\nimport { getContext } from './integrations/tanstack-query/provider'\n<% } %>\n\nexport function getRouter() {\n  const router = createTanStackRouter({\n    routeTree,\n<% if (addOnEnabled['tanstack-query']) { %>\n    context: getContext(),\n<% } %>\n    scrollRestoration: true,\n    defaultPreload: 'intent',\n    defaultPreloadStaleTime: 0,\n  })\n\n  return router\n}\n\ndeclare module '@tanstack/solid-router' {\n  interface Register {\n    router: ReturnType<typeof getRouter>\n  }\n}\n",
    "src/routes/__root.tsx.ejs": "<% const showDevtools = !blank || integrations.some((integration) => integration.type === 'devtools') -%>\n<% if (routerOnly) { %>\nimport { Outlet, createRootRoute } from '@tanstack/solid-router'\n<% if (showDevtools) { %>\nimport { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'\n<% } %>\n\nimport '../styles.css'\n\nexport const Route = createRootRoute({\n  component: RootComponent,\n})\n\nfunction RootComponent() {\n  return (\n    <>\n      <Outlet />\n      <% if (showDevtools) { %><TanStackRouterDevtools position=\"bottom-right\" /><% } %>\n    </>\n  )\n}\n<% } else if (!includeExamples || blank) { %>\nimport { HeadContent, Outlet, Scripts, createRootRouteWithContext } from '@tanstack/solid-router'\n<% if (showDevtools) { %>\nimport { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'\n<% } %>\n\n<% if (addOnEnabled['solid-ui']) { %>\nimport \"@fontsource/inter/400.css\"\n<% } %>\n\nimport { HydrationScript } from 'solid-js/web'\nimport { Suspense } from 'solid-js'\n\n<% for(const addOn of addOns) {\n  for(const init of addOn.main?.initialize || []) { %>\n  <%- init %>\n<% } } %>\n\nimport styleCss from \"../styles.css?url\";\n\nexport const Route = createRootRouteWithContext()({\n  head: () => ({\n    links: [{ rel: \"stylesheet\", href: styleCss }],\n  }),\n  shellComponent: RootComponent,\n})\n\nfunction RootComponent() {\n    return (\n      <html>\n        <head>\n          <HydrationScript />\n          <HeadContent />\n        </head>\n        <body>\n          <Suspense>\n            <Outlet />\n            <% if (showDevtools) { %><TanStackRouterDevtools /><% } %>\n            <% for(const integration of integrations.filter(i => i.type === 'layout')) { %>\n              <<%= integration.jsName %> />\n            <% } %>\n            </Suspense>\n          <Scripts />\n        </body>\n      </html>\n    );\n}\n<% } else { %>\nimport { HeadContent, Outlet, Scripts, createRootRouteWithContext } from '@tanstack/solid-router'\nimport { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'\n\n<% if (addOnEnabled['solid-ui']) { %>\nimport \"@fontsource/inter/400.css\"\n<% } %>\n\nimport { HydrationScript } from 'solid-js/web'\nimport { Suspense } from 'solid-js'\n\nimport Header from '../components/Header'\n<% for(const addOn of addOns) {\n  for(const init of addOn.main?.initialize || []) { %>\n  <%- init %>\n<% } } %>\n\nimport styleCss from \"../styles.css?url\";\n\nexport const Route = createRootRouteWithContext()({\n  head: () => ({\n    links: [{ rel: \"stylesheet\", href: styleCss }],\n  }),\n  shellComponent: RootComponent,\n})\n\nfunction RootComponent() {\n    return (\n      <html>\n        <head>\n          <HydrationScript />\n          <HeadContent />\n        </head>\n        <body>\n          <Suspense>\n            <Header />\n            <Outlet />\n            <TanStackRouterDevtools />\n            <% for(const integration of integrations.filter(i => i.type === 'layout')) { %>\n              <<%= integration.jsName %> />\n            <% } %>\n            </Suspense>\n          <Scripts />\n        </body>\n      </html>\n    );\n}\n<% } %>\n",
    "src/routes/about.tsx.ejs": "<% if (!includeExamples) { ignoreFile(); return; } %>\nimport { createFileRoute } from '@tanstack/solid-router'\n\nexport const Route = createFileRoute('/about')({\n  component: About,\n})\n\nfunction About() {\n  return (\n    <main class=\"page-wrap px-4 py-12\">\n      <section class=\"island-shell rounded-2xl p-6 sm:p-8\">\n        <p class=\"island-kicker mb-2\">About</p>\n        <h1 class=\"display-title mb-3 text-4xl font-bold text-[var(--sea-ink)] sm:text-5xl\">\n          A small starter with room to grow.\n        </h1>\n        <p class=\"m-0 max-w-3xl text-base leading-8 text-[var(--sea-ink-soft)]\">\n          TanStack Start gives you type-safe routing, server functions, and modern SSR defaults.\n          Use this as a clean foundation, then layer in your own routes, styling, and add-ons.\n        </p>\n      </section>\n    </main>\n  )\n}\n",
    "src/routes/index.tsx.ejs": "<% if (blank) { %>\nimport { createFileRoute } from '@tanstack/solid-router'\n\nexport const Route = createFileRoute('/')({ component: Home })\n\nfunction Home() {\n  return (\n    <main>\n      <h1>Welcome to TanStack Start</h1>\n      <p>\n        Edit <code>src/routes/index.tsx</code> to get started.\n      </p>\n    </main>\n  )\n}\n<% } else if (!includeExamples) { %>\nimport { createFileRoute } from '@tanstack/solid-router'\n\nexport const Route = createFileRoute('/')({ component: Home })\n\nfunction Home() {\n  return (\n    <div class=\"p-8\">\n      <h1 class=\"text-4xl font-bold\">Welcome to TanStack Start</h1>\n      <p class=\"mt-4 text-lg\">\n        Edit <code>src/routes/index.tsx</code> to get started.\n      </p>\n    </div>\n  )\n}\n<% } else { %>\nimport { createFileRoute } from '@tanstack/solid-router'\n\nexport const Route = createFileRoute('/')({ component: App })\n\nfunction App() {\n  return (\n    <main class=\"page-wrap px-4 pb-8 pt-14\">\n      <section class=\"island-shell rise-in relative overflow-hidden rounded-[2rem] px-6 py-10 sm:px-10 sm:py-14\">\n        <div class=\"pointer-events-none absolute -left-20 -top-24 h-56 w-56 rounded-full bg-[radial-gradient(circle,rgba(79,184,178,0.32),transparent_66%)]\" />\n        <div class=\"pointer-events-none absolute -bottom-20 -right-20 h-56 w-56 rounded-full bg-[radial-gradient(circle,rgba(47,106,74,0.18),transparent_66%)]\" />\n        <p class=\"island-kicker mb-3\">TanStack Start Base Template</p>\n        <h1 class=\"display-title mb-5 max-w-3xl text-4xl leading-[1.02] font-bold tracking-tight text-[var(--sea-ink)] sm:text-6xl\">\n          Start simple, ship quickly.\n        </h1>\n        <p class=\"mb-8 max-w-2xl text-base text-[var(--sea-ink-soft)] sm:text-lg\">\n          This base starter intentionally keeps things light: two routes, clean structure,\n          and the essentials you need to build from scratch.\n        </p>\n        <div class=\"flex flex-wrap gap-3\">\n          <a\n            href=\"/about\"\n            class=\"rounded-full border border-[rgba(50,143,151,0.3)] bg-[rgba(79,184,178,0.14)] px-5 py-2.5 text-sm font-semibold text-[var(--lagoon-deep)] no-underline transition hover:-translate-y-0.5 hover:bg-[rgba(79,184,178,0.24)]\"\n          >\n            About This Starter\n          </a>\n          <a\n            href=\"https://tanstack.com/router\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"rounded-full border border-[rgba(23,58,64,0.2)] bg-white/50 px-5 py-2.5 text-sm font-semibold text-[var(--sea-ink)] no-underline transition hover:-translate-y-0.5 hover:border-[rgba(23,58,64,0.35)]\"\n          >\n            Router Guide\n          </a>\n        </div>\n      </section>\n\n      <section class=\"mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        {[\n          ['Type-Safe Routing', 'Routes and links stay in sync across every page.'],\n          ['Server Functions', 'Call server code from your UI without creating API boilerplate.'],\n          ['Streaming by Default', 'Ship progressively rendered responses for faster experiences.'],\n          ['Tailwind Native', 'Design quickly with utility-first styling and reusable tokens.'],\n        ].map(([title, desc], index) => (\n          <article\n            class=\"island-shell feature-card rise-in rounded-2xl p-5\"\n            style={{ 'animation-delay': `${index * 90 + 80}ms` }}\n          >\n            <h2 class=\"mb-2 text-base font-semibold text-[var(--sea-ink)]\">{title}</h2>\n            <p class=\"m-0 text-sm text-[var(--sea-ink-soft)]\">{desc}</p>\n          </article>\n        ))}\n      </section>\n\n      <section class=\"island-shell mt-8 rounded-2xl p-6\">\n        <p class=\"island-kicker mb-2\">Quick Start</p>\n        <ul class=\"m-0 list-disc space-y-2 pl-5 text-sm text-[var(--sea-ink-soft)]\">\n          <li>Edit <code>src/routes/index.tsx</code> to customize the home page.</li>\n          <li>\n            Update <code>src/components/Header.tsx</code> for navigation and product links.\n          </li>\n          <li>\n            Add routes in <code>src/routes</code> and tweak visual tokens in <code>src/styles.css</code>.\n          </li>\n        </ul>\n      </section>\n    </main>\n  )\n}\n<% } %>\n",
    "src/styles.css.ejs": "<% if (blank) { %>\n<% if (tailwind) { %>@import 'tailwindcss';\n\n<% } %>\n* {\n  box-sizing: border-box;\n}\n\nbody {\n  margin: 0;\n  font-family: system-ui, sans-serif;\n}\n\nmain {\n  width: min(42rem, calc(100% - 2rem));\n  margin: 4rem auto;\n}\n<% } else if (!includeExamples) { %>\n@import 'tailwindcss';\n\n* {\n  box-sizing: border-box;\n}\n\nhtml,\nbody,\n#app {\n  min-height: 100%;\n}\n\nbody {\n  margin: 0;\n}\n<% } else { %>\n@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap');\n@import 'tailwindcss';\n\n:root {\n  --sea-ink: #173a40;\n  --sea-ink-soft: #416166;\n  --lagoon: #4fb8b2;\n  --lagoon-deep: #328f97;\n  --palm: #2f6a4a;\n  --sand: #e7f0e8;\n  --foam: #f3faf5;\n  --surface: rgba(255, 255, 255, 0.74);\n  --surface-strong: rgba(255, 255, 255, 0.9);\n  --line: rgba(23, 58, 64, 0.14);\n  --inset-glint: rgba(255, 255, 255, 0.82);\n  --kicker: rgba(47, 106, 74, 0.9);\n  --bg-base: #e7f3ec;\n  --header-bg: rgba(251, 255, 248, 0.84);\n  --chip-bg: rgba(255, 255, 255, 0.8);\n  --chip-line: rgba(47, 106, 74, 0.18);\n  --link-bg-hover: rgba(255, 255, 255, 0.9);\n  --hero-a: rgba(79, 184, 178, 0.36);\n  --hero-b: rgba(47, 106, 74, 0.2);\n}\n\n* {\n  box-sizing: border-box;\n}\n\nhtml,\nbody,\n#app {\n  min-height: 100%;\n}\n\nbody {\n  margin: 0;\n  color: var(--sea-ink);\n  font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;\n  background-color: var(--bg-base);\n  background:\n    radial-gradient(1100px 620px at -8% -10%, var(--hero-a), transparent 58%),\n    radial-gradient(1050px 620px at 112% -12%, var(--hero-b), transparent 62%),\n    radial-gradient(720px 380px at 50% 115%, rgba(79, 184, 178, 0.1), transparent 68%),\n    linear-gradient(\n      180deg,\n      color-mix(in oklab, var(--sand) 68%, white) 0%,\n      var(--foam) 44%,\n      var(--bg-base) 100%\n    );\n  overflow-x: hidden;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\na {\n  color: var(--lagoon-deep);\n  text-decoration-color: rgba(50, 143, 151, 0.4);\n  text-decoration-thickness: 1px;\n  text-underline-offset: 2px;\n}\n\na:hover {\n  color: #246f76;\n}\n\ncode {\n  font-size: 0.9em;\n  border: 1px solid var(--line);\n  background: color-mix(in oklab, var(--surface-strong) 82%, white 18%);\n  border-radius: 7px;\n  padding: 2px 7px;\n}\n\n.page-wrap {\n  width: min(1080px, calc(100% - 2rem));\n  margin-inline: auto;\n}\n\n.display-title {\n  font-family: 'Fraunces', Georgia, serif;\n}\n\n.island-shell {\n  border: 1px solid var(--line);\n  background: linear-gradient(165deg, var(--surface-strong), var(--surface));\n  box-shadow:\n    0 1px 0 var(--inset-glint) inset,\n    0 22px 44px rgba(30, 90, 72, 0.1),\n    0 6px 18px rgba(23, 58, 64, 0.08);\n  backdrop-filter: blur(4px);\n}\n\n.feature-card {\n  background: linear-gradient(\n    165deg,\n    color-mix(in oklab, var(--surface-strong) 93%, white 7%),\n    var(--surface)\n  );\n  box-shadow:\n    0 1px 0 var(--inset-glint) inset,\n    0 18px 34px rgba(30, 90, 72, 0.1),\n    0 4px 14px rgba(23, 58, 64, 0.06);\n}\n\n.demo-page {\n  width: min(1080px, calc(100% - 2rem));\n  margin-inline: auto;\n  padding-block: clamp(2.25rem, 6vw, 4.5rem);\n  color: var(--sea-ink);\n}\n\n.demo-page-wide {\n  width: min(1280px, calc(100% - 2rem));\n}\n\n.demo-center {\n  min-height: calc(100vh - 13rem);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.demo-panel,\n.demo-card {\n  border: 1px solid var(--line);\n  background: linear-gradient(165deg, var(--surface-strong), var(--surface));\n  box-shadow:\n    0 1px 0 var(--inset-glint) inset,\n    0 18px 34px rgba(30, 90, 72, 0.1),\n    0 4px 14px rgba(23, 58, 64, 0.06);\n  backdrop-filter: blur(4px);\n}\n\n.demo-panel {\n  border-radius: 1.25rem;\n  padding: clamp(1.25rem, 4vw, 2rem);\n}\n\n.demo-card {\n  border-radius: 1rem;\n  padding: 1rem;\n}\n\n.demo-title {\n  margin: 0;\n  color: var(--sea-ink);\n  font-size: clamp(1.75rem, 4vw, 2.75rem);\n  line-height: 1.05;\n  font-weight: 800;\n  letter-spacing: 0;\n}\n\n.demo-section-title {\n  margin: 0;\n  color: var(--sea-ink);\n  font-size: 1rem;\n  font-weight: 700;\n}\n\n.demo-muted {\n  color: var(--sea-ink-soft);\n}\n\n.demo-input,\n.demo-select,\n.demo-textarea {\n  width: 100%;\n  border: 1px solid var(--line);\n  border-radius: 0.75rem;\n  background: color-mix(in oklab, var(--surface-strong) 88%, white 12%);\n  color: var(--sea-ink);\n  outline: none;\n  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;\n}\n\n.demo-input,\n.demo-select {\n  padding: 0.7rem 0.9rem;\n}\n\n.demo-input-fit {\n  width: auto;\n}\n\n.demo-textarea {\n  min-height: 7rem;\n  padding: 0.8rem 0.9rem;\n  resize: vertical;\n}\n\n.demo-input:focus,\n.demo-select:focus,\n.demo-textarea:focus {\n  border-color: color-mix(in oklab, var(--lagoon-deep) 58%, var(--line));\n  box-shadow: 0 0 0 3px color-mix(in oklab, var(--lagoon) 24%, transparent);\n}\n\n.demo-button {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  border: 1px solid color-mix(in oklab, var(--lagoon-deep) 34%, var(--line));\n  border-radius: 0.85rem;\n  background: color-mix(in oklab, var(--lagoon) 22%, var(--surface-strong));\n  color: var(--sea-ink);\n  padding: 0.72rem 1rem;\n  font-size: 0.9rem;\n  font-weight: 700;\n  line-height: 1;\n  cursor: pointer;\n}\n\n.demo-button:hover {\n  transform: translateY(-1px);\n  background: color-mix(in oklab, var(--lagoon) 30%, var(--surface-strong));\n}\n\n.demo-button:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n  transform: none;\n}\n\n.demo-button-secondary {\n  border-color: var(--line);\n  background: color-mix(in oklab, var(--surface-strong) 74%, transparent);\n  color: var(--sea-ink-soft);\n}\n\n.demo-button-danger {\n  border-color: rgba(196, 71, 71, 0.28);\n  background: rgba(196, 71, 71, 0.1);\n  color: #9f3030;\n}\n\n.demo-list-item {\n  border: 1px solid var(--line);\n  border-radius: 0.9rem;\n  background: color-mix(in oklab, var(--chip-bg) 82%, transparent);\n  padding: 0.9rem 1rem;\n}\n\n.demo-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  border: 1px solid var(--chip-line);\n  border-radius: 999px;\n  background: var(--chip-bg);\n  color: var(--sea-ink-soft);\n  padding: 0.35rem 0.65rem;\n  font-size: 0.75rem;\n  font-weight: 700;\n}\n\n.demo-alert {\n  border: 1px solid rgba(193, 126, 42, 0.3);\n  border-radius: 1rem;\n  background: rgba(193, 126, 42, 0.1);\n  color: var(--sea-ink);\n  padding: 1rem;\n}\n\n.demo-alert-danger {\n  border-color: rgba(196, 71, 71, 0.3);\n  background: rgba(196, 71, 71, 0.1);\n}\n\n.demo-code-block {\n  border: 1px solid var(--line);\n  border-radius: 1rem;\n  background: color-mix(in oklab, var(--chip-bg) 88%, transparent);\n  color: var(--sea-ink);\n  padding: 1rem;\n}\n\n.demo-table-shell {\n  overflow-x: auto;\n  border: 1px solid var(--line);\n  border-radius: 1rem;\n  background: color-mix(in oklab, var(--surface-strong) 78%, transparent);\n}\n\n.demo-table {\n  width: 100%;\n  border-collapse: collapse;\n  color: var(--sea-ink);\n}\n\n.demo-table th,\n.demo-table td {\n  border-bottom: 1px solid var(--line);\n  padding: 0.75rem 1rem;\n  text-align: left;\n}\n\n.demo-table th {\n  background: color-mix(in oklab, var(--chip-bg) 88%, transparent);\n  color: var(--sea-ink);\n  font-weight: 700;\n}\n\n.demo-table tr:hover td {\n  background: color-mix(in oklab, var(--lagoon) 8%, transparent);\n}\n\n.site-header {\n  position: sticky;\n  top: 0;\n  z-index: 50;\n  border-bottom: 1px solid var(--line);\n  background: var(--header-bg);\n  backdrop-filter: blur(10px);\n}\n\n.nav-shell {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 0.5rem 0.75rem;\n  padding: 0.75rem 0;\n}\n\n.brand-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  border-radius: 999px;\n  border: 1px solid var(--chip-line);\n  background: var(--chip-bg);\n  padding: 0.5rem 0.875rem;\n  color: var(--sea-ink);\n  text-decoration: none;\n  box-shadow: 0 8px 24px rgba(30, 90, 72, 0.08);\n}\n\n.brand-dot {\n  height: 0.5rem;\n  width: 0.5rem;\n  border-radius: 999px;\n  background: linear-gradient(90deg, #56c6be, #7ed3bf);\n}\n\n.island-kicker {\n  letter-spacing: 0.16em;\n  text-transform: uppercase;\n  font-weight: 700;\n  font-size: 0.69rem;\n  color: var(--kicker);\n}\n\n.nav-link {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  color: var(--sea-ink-soft);\n  text-decoration: none;\n}\n\n.nav-link::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  bottom: -6px;\n  width: 100%;\n  height: 2px;\n  transform: scaleX(0);\n  transform-origin: left;\n  background: linear-gradient(90deg, var(--lagoon), #7ed3bf);\n  transition: transform 170ms ease;\n}\n\n.nav-link:hover,\n.nav-link.is-active {\n  color: var(--sea-ink);\n}\n\n.nav-link:hover::after,\n.nav-link.is-active::after {\n  transform: scaleX(1);\n}\n\n.rise-in {\n  animation: rise-in 700ms cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n@keyframes rise-in {\n  from {\n    opacity: 0;\n    transform: translateY(12px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n<% } %>\n",
    "tsconfig.json.ejs": "{\n  <% if (addOnEnabled.eslint) { %>\"include\": [\"**/*.ts\", \"**/*.tsx\", \"eslint.config.js\", \"prettier.config.js\", \"vite.config.js\"],\n  <% } else { %>\"include\": [\"**/*.ts\", \"**/*.tsx\"],<% } %>\n  \"compilerOptions\": {\n    \"target\": \"ES2022\",\n    \"jsx\": \"preserve\",\n    \"jsxImportSource\": \"solid-js\",\n    \"module\": \"ESNext\",\n    \"lib\": [\"ES2022\", \"DOM\", \"DOM.Iterable\"],\n    \"types\": [\"vite/client\"],\n\n    /* Bundler mode */\n    \"moduleResolution\": \"bundler\",\n    \"allowImportingTsExtensions\": true,\n    \"verbatimModuleSyntax\": true,\n    \"noEmit\": true,\n\n    /* Linting */\n    \"skipLibCheck\": true,\n    \"strict\": true,\n    \"noUnusedLocals\": true,\n    \"noUnusedParameters\": true,\n    \"noFallthroughCasesInSwitch\": true,\n    \"noUncheckedSideEffectImports\": true<% if (addOnEnabled['solid-ui']) { %>,\n    \"paths\": {\n      \"~/*\": [\"./src/*\"]\n    }\n  <% } %>\n  }\n}\n",
    "tsr.config.json": "{\n  \"target\": \"solid\"\n}\n",
    "vite.config.ts.ejs": "import { defineConfig } from \"vite\";\n<% const showDevtools = !blank || integrations.some((integration) => integration.type === 'devtools') -%>\n<% if (showDevtools) { -%>\nimport { devtools } from '@tanstack/devtools-vite'\n<% } -%>\n<% if (tailwind) { -%>\nimport tailwindcss from \"@tailwindcss/vite\"\n<% } -%>\n<% if (routerOnly) { %>\nimport { tanstackRouter } from '@tanstack/router-plugin/vite'\n<% } else { %>\nimport { tanstackStart } from \"@tanstack/solid-start/plugin/vite\";\n<% } %>\nimport solidPlugin from 'vite-plugin-solid';\n<% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportContent(integration) %>\n<% } %>\n\nexport default defineConfig({\n  resolve: { tsconfigPaths: true },\n  plugins: [<% if (showDevtools) { %>devtools(), <% } %><% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %><%- integrationImportCode(integration) %>,<% } %>\n    <% if (tailwind) { %>tailwindcss(),<% } %>\n    <% if (routerOnly) { %>tanstackRouter({ target: 'solid', autoCodeSplitting: true }),<% } else { %>tanstackStart(),<% } %>\n    solidPlugin(<% if (!routerOnly) { %>{ ssr: true }<% } %>),\n  ],\n})\n"
  }
} satisfies WorkerFrameworkManifestModule['framework']