@tanstack/cta-framework-solid 0.10.0-alpha.20

package/project/base/README.md.ejs

@@ -0,0 +1,215 @@
+Welcome to your new TanStack app! 
+
+# Getting Started
+
+To run this application:
+
+```bash
+<%= packageManager %> install
+<%= getPackageManagerRunScript('start') %>
+```
+
+# Building For Production
+
+To build this application for production:
+
+```bash
+<%= getPackageManagerRunScript('build') %>
+```
+
+## Styling
+
+This project uses [Tailwind CSS](https://tailwindcss.com/) for styling.
+
+<% for(const addon of addOns.filter(addon => addon.readme)) { %>
+<%- addon.readme %>
+<% } %>
+
+## Routing
+<% if (fileRouter) { %>This project uses [TanStack Router](https://tanstack.com/router). The initial setup is a file based router. Which means that the routes are managed as fiels in `src/routes`.<% } else { %>This project uses [TanStack Router](https://tanstack.com/router). The initial setup is a code based router. Which means that the routes are defined in code (in the `./src/main.<%= jsx %>` file). If you like you can also use a file based routing setup by following the [File Based Routing](https://tanstack.com/router/latest/docs/framework/solid/guide/file-based-routing) guide.<% } %>
+
+### Adding A Route
+<% if (fileRouter) { %>
+To add a new route to your application just add another a new file in the `./src/routes` directory.
+
+TanStack will automatically generate the content of the route file for you.
+<% } else { %>
+To add a new route to your application just add another `createRoute` call to the `./src/main.<%= jsx %>` file. The example below adds a new `/about`route to the root route.
+
+```tsx
+const aboutRoute = createRoute({
+  getParentRoute: () => rootRoute,
+  path: "/about",
+  component: () => <h1>About</h1>,
+});
+```
+
+You will also need to add the route to the `routeTree` in the `./src/main.<%= jsx %>` file.
+
+```tsx
+const routeTree = rootRoute.addChildren([indexRoute, aboutRoute]);
+```
+
+With this set up you should be able to navigate to `/about` and see the about page.
+
+Of course you don't need to implement the About page in the `main.<%= jsx %>` file. You can create that component in another file and import it into the `main.<%= jsx %>` file, then use it in the `component` property of the `createRoute` call, like so:
+
+```tsx
+import About from "./components/About.<%= jsx %>";
+
+const aboutRoute = createRoute({
+  getParentRoute: () => rootRoute,
+  path: "/about",
+  component: About,
+});
+```
+
+That is how we have the `App` component set up with the home page.
+
+For more information on the options you have when you are creating code based routes check out the [Code Based Routing](https://tanstack.com/router/latest/docs/framework/solid/guide/code-based-routing) documentation.
+<% } %>
+Now that you have two routes you can use a `Link` component to navigate between them.
+
+### Adding Links
+
+To use SPA (Single Page Application) navigation you will need to import the `Link` component from `@tanstack/solid-router`.
+
+```tsx
+import { Link } from "@tanstack/solid-router";
+```
+
+Then anywhere in your JSX you can use it like so:
+
+```tsx
+<Link to="/about">About</Link>
+```
+
+This will create a link that will navigate to the `/about` route.
+
+More information on the `Link` component can be found in the [Link documentation](https://tanstack.com/router/v1/docs/framework/solid/api/router/linkComponent).
+
+### Using A Layout
+
+<% if (codeRouter) { %>
+Layouts can be used to wrap the contents of the routes in menus, headers, footers, etc.
+
+There is already a layout in the `src/main.<%= jsx %>` file:
+
+```tsx
+const rootRoute = createRootRoute({
+  component: () => (
+    <>
+      <Outlet />
+      <TanStackRouterDevtools />
+    </>
+  ),
+});
+```
+
+You can use the Soliid component specified in the `component` property of the `rootRoute` to wrap the contents of the routes. The `<Outlet />` component is used to render the current route within the body of the layout. For example you could add a header to the layout like so:
+
+```tsx
+import { Link } from "@tanstack/solid-router";
+
+const rootRoute = createRootRoute({
+  component: () => (
+    <>
+      <header>
+        <nav>
+          <Link to="/">Home</Link>
+          <Link to="/about">About</Link>
+        </nav>
+      </header>
+      <Outlet />
+      <TanStackRouterDevtools />
+    </>
+  ),
+});
+```
+<% } else { %>In 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. The route content will appear in the JSX where you use the `<Outlet />` component.
+
+Here is an example layout that includes a header:
+
+```tsx
+import { Outlet, createRootRoute } from '@tanstack/solid-router'
+import { TanStackRouterDevtools } from '@tanstack/solid-router-devtools'
+
+import { Link } from "@tanstack/solid-router";
+
+export const Route = createRootRoute({
+  component: () => (
+    <>
+      <header>
+        <nav>
+          <Link to="/">Home</Link>
+          <Link to="/about">About</Link>
+        </nav>
+      </header>
+      <Outlet />
+      <TanStackRouterDevtools />
+    </>
+  ),
+})
+```
+<% } %>
+The `<TanStackRouterDevtools />` component is not required so you can remove it if you don't want it in your layout.
+
+More information on layouts can be found in the [Layouts documentation](https://tanstack.com/router/latest/docs/framework/solid/guide/routing-concepts#layouts).
+
+## Data Fetching
+
+There 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.
+
+For example:
+
+```tsx
+const peopleRoute = createRoute({
+  getParentRoute: () => rootRoute,
+  path: "/people",
+  loader: async () => {
+    const response = await fetch("https://swapi.dev/api/people");<% if (typescript) { %>
+    return response.json() as Promise<{
+      results: {
+        name: string;
+      }[];
+    }>;
+<% } else { %>
+    return response.json();
+<% } %>  },
+  component: () => {
+    const data = peopleRoute.useLoaderData();
+    return (
+      <ul>
+        {data.results.map((person) => (
+          <li key={person.name}>{person.name}</li>
+        ))}
+      </ul>
+    );
+  },
+});
+```
+
+Loaders 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).
+
+# Demo files
+
+Files 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.
+
+<% if (addOnEnabled.biome || addOnEnabled.eslint) { %>
+## Linting & Formatting
+<% if (addOnEnabled.biome) { %>
+This project uses [Biome](https://biomejs.dev/) for linting and formatting. The following scripts are available:
+<% } %>
+<% if (addOnEnabled.eslint) { %>
+This 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:
+<% } %>
+```bash
+<%= getPackageManagerRunScript('lint') %>
+<%= getPackageManagerRunScript('format') %>
+<%= getPackageManagerRunScript('check') %>
+```
+<% } %>
+
+# Learn More
+
+You can learn more about all of the offerings from TanStack in the [TanStack documentation](https://tanstack.com).

package/project/base/_dot_cursorrules.append

@@ -0,0 +1,35 @@
+// Solid.js with Tailwind CSS .cursorrules
+
+// Prefer functional components
+
+const preferFunctionalComponents = true;
+
+// Solid.js and Tailwind CSS best practices
+
+const solidjsTailwindBestPractices = [
+"Use createSignal() for reactive state",
+"Implement Tailwind CSS classes for styling",
+"Utilize TypeScript's strict mode",
+"Utilize @apply directive in CSS files for reusable styles",
+"Implement responsive design using Tailwind's responsive classes",
+"Use Tailwind's CSS in /src/styles.css for global styles",
+"Implement dark mode using Tailwind's dark variant",
+];
+
+// Additional instructions
+
+const additionalInstructions = `
+
+1. Use .tsx extension for files with JSX
+2. Implement strict TypeScript checks
+3. Implement proper Tailwind CSS purging for production builds
+4. Utilize TanStack Router for routing when applicable
+5. Use type-safe context with createContext
+6. Implement proper typing for event handlers
+7. Follow TypeScript best practices and naming conventions
+8. Use type assertions sparingly and only when necessary
+9. Use Tailwind's @layer directive for custom styles
+10. Implement utility-first CSS approach
+11. Follow both Solid.js and Tailwind naming conventions
+12. Use JIT (Just-In-Time) mode for faster development
+    `;

package/project/base/_dot_gitignore

@@ -0,0 +1,5 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local

package/project/base/_dot_vscode/settings.json.ejs

@@ -0,0 +1,35 @@
+{
+  "files.watcherExclude": {
+    "**/routeTree.gen.ts": true
+  },
+  "search.exclude": {
+    "**/routeTree.gen.ts": true
+  },
+  "files.readonlyInclude": {
+    "**/routeTree.gen.ts": true
+  }<% if (addOnEnabled.biome) { %>,
+  "[javascript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[javascriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[json]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[jsonc]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "[css]": {
+    "editor.defaultFormatter": "biomejs.biome"
+  },
+  "editor.codeActionsOnSave": {
+    "source.organizeImports.biome": "explicit"
+  }<% } %>
+}

package/project/base/index.html.ejs

@@ -0,0 +1,20 @@
+<% if (addOnEnabled['start']) { ignoreFile() } %><!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-tsrouter-app"
+    />
+    <link rel="apple-touch-icon" href="/logo192.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <title>Create TanStack App - app-ts</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/project/base/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "app-ts",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port 3000",
+    "start": "vite --port 3000",
+    "build": "vite build && tsc",
+    "serve": "vite preview",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@tanstack/solid-router": "^1.110.0",
+    "@tanstack/solid-router-devtools": "^1.109.2",
+    "@tanstack/router-plugin": "^1.109.2",
+    "solid-js": "^1.9.4"
+  },
+  "devDependencies": {
+    "vite-plugin-solid": "^2.11.2",
+    "typescript": "^5.7.2",
+    "vite": "^6.0.11"
+  }
+}

package/project/base/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "TanStack App",
+  "name": "Create TanStack App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

package/project/base/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

package/project/base/src/App.css.ejs

@@ -0,0 +1,38 @@
+<% if (tailwind) { ignoreFile() } %>.App {
+  text-align: center;
+}
+
+.App-logo {
+  height: 40vmin;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}

package/project/base/src/App.tsx.ejs

@@ -0,0 +1,34 @@
+<% if (fileRouter) { ignoreFile() } %>import logo from "./logo.svg";
+
+function App() {
+  return (
+    <main class="min-h-screen flex flex-col items-center justify-center bg-[#282c34] text-white text-[calc(10px+2vmin)] text-center">
+      <img
+        src={logo}
+        class="h-[40vmin] pointer-events-none animate-[spin_20s_linear_infinite]"
+        alt="logo"
+      />
+      <p>
+        Edit <code>src/App.<%= jsx %></code> and save to reload.
+      </p>
+      <a
+        class="text-[#61dafb] hover:underline"
+        href="https://solidjs.com"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Learn Solid
+      </a>
+      <a
+        class="text-[#61dafb] hover:underline"
+        href="https://tanstack.com"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Learn TanStack
+      </a>
+    </main>
+  );
+}
+
+export default App;

package/project/base/src/components/Header.tsx.ejs

@@ -0,0 +1,26 @@
+<% if (addOns.length === 0 && integrations.length === 0 && routes.length === 0) { ignoreFile() } %>import { Link } from '@tanstack/solid-router'
+<% for(const integration of integrations.filter(i => i.type === 'header-user')) { %>
+  import <%= integration.jsName %> from "<%= relativePath(integration.path) %>";
+  <% } %>
+  
+export default function Header() {
+  return (
+    <header class="p-2 flex gap-2 bg-white text-black justify-between">
+      <nav class="flex flex-row">
+        <div class="px-2 font-bold">
+          <Link to="/">Home</Link>
+        </div>
+        <% for(const addOn of addOns) {
+          for(const route of (addOn?.routes||[])?.filter(r => r.url && r.name) || []) { %>
+        <div class="px-2 font-bold"><Link to="<%= route.url %>"><%= route.name %></Link></div>
+        <% } } %>
+      </nav>
+
+      <div>
+        <% for(const integration of integrations.filter(i => i.type === 'header-user')) { %>
+          <<%= integration.jsName %> />
+        <% } %>
+      </div>
+    </header>
+  )
+}

package/project/base/src/logo.svg

@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 166 155.3">
+  <!-- Generator: Adobe Illustrator 29.3.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 151)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: url(#linear-gradient2);
+      }
+
+      .st1 {
+        fill: url(#linear-gradient3);
+      }
+
+      .st2 {
+        fill: #9ae7fc;
+      }
+
+      .st3 {
+        fill: #518ac8;
+      }
+
+      .st4 {
+        fill: #76b3e1;
+      }
+
+      .st5 {
+        fill: url(#linear-gradient);
+      }
+
+      .st5, .st6 {
+        isolation: isolate;
+        opacity: .3;
+      }
+
+      .st7 {
+        fill: #61dafb;
+      }
+
+      .st6 {
+        fill: url(#linear-gradient1);
+      }
+    </style>
+    <linearGradient id="linear-gradient" x1="27.4" y1="154.8" x2="151.9" y2="94.3" gradientTransform="translate(0 158) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#76b3e1"/>
+      <stop offset=".3" stop-color="#dcf2fd"/>
+      <stop offset="1" stop-color="#76b3e1"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient1" x1="95.9" y1="125.4" x2="74.1" y2="52.8" gradientTransform="translate(0 158) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#76b3e1"/>
+      <stop offset=".5" stop-color="#4377bb"/>
+      <stop offset="1" stop-color="#1f3b77"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient2" x1="18.3" y1="93.7" x2="144.2" y2="8.1" gradientTransform="translate(0 158) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#315aa9"/>
+      <stop offset=".5" stop-color="#518ac8"/>
+      <stop offset="1" stop-color="#315aa9"/>
+    </linearGradient>
+    <linearGradient id="linear-gradient3" x1="75.3" y1="83.5" x2="24.5" y2="-102.8" gradientTransform="translate(0 158) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#4377bb"/>
+      <stop offset=".5" stop-color="#1a336b"/>
+      <stop offset="1" stop-color="#1a336b"/>
+    </linearGradient>
+  </defs>
+  <g id="Layer_1">
+    <path class="st4" d="M163,35S110-4,69,5l-3,1c-6,2-11,5-14,9l-2,3-15,26,26,5c11,7,25,10,38,7l46,9,18-30Z"/>
+    <path class="st5" d="M163,35S110-4,69,5l-3,1c-6,2-11,5-14,9l-2,3-15,26,26,5c11,7,25,10,38,7l46,9,18-30Z"/>
+    <path class="st3" d="M52,35l-4,1c-17,5-22,21-13,35,10,13,31,20,48,15l62-21s-53-39-93-30Z"/>
+    <path class="st6" d="M52,35l-4,1c-17,5-22,21-13,35,10,13,31,20,48,15l62-21s-53-39-93-30Z"/>
+    <path class="st0" d="M134,80c-11.5-14.3-30.4-20.2-48-15l-62,20L4,120l112,19,20-36c4-7,3-15-2-23Z"/>
+    <path class="st1" d="M114,115c-11.5-14.3-30.4-20.2-48-15L4,120s53,40,94,30l3-1c17-5,23-21,13-34Z"/>
+  </g>
+  <g id="Layer_2">
+    <circle class="st2" cx="92.8" cy="127.3" r="7.6"/>
+    <path class="st7" d="M100.8,127.3c0,4.4-3.6,8-8,8s-8-3.6-8-8,3.6-8,8-8,8,3.6,8,8ZM86.6,127.1v-1.1c0-.2.2-.9.3-1.1.2-.3.5-.6.8-.8l-.6-.6c.7-.6,1.7-.7,2.4-.1.3-.8,1.2-1.3,2.1-1.2v.7c.9,0,2.2.7,2.2,1.9s0,0-.1.1c-.3,0-.6,0-.9-.1s-.2,0-.2,0,.4.7.5,1,.2.6.1.9c-1-.1-1.9-.6-2.6-1.2,0,.5.7,3.8.9,3.9s.1-.1.2-.2.2-1.1.2-1.2c0-.2-.3-.3-.4-.5-.2-.5.2-.8.7-.6s.9,1.1,1.3,1.3,2.3.2,2.6.6-.5.8-.3,1.3c1.2-.5,2.4-.6,3.6-.4.5-1.7.5-3.6-.2-5.3-1.3,0-2.6-.6-3-1.9-.4-1.3-.1-1.5-.2-1.6-.1-.2-1.1.1-1.3-.3s0-.2,0-.2-.3-.1-.5-.1c-4.6-1.1-9.1,2.8-8.8,7.4,0,.3.3,1.8.4,2s.8,0,1.1,0,.7,0,.9,0c.5,0,1.3.4,1.7.4s.4-.1.5-.4c0-.5,0-1.3,0-1.8s-.2-1.4-.2-2.1c-.2,0-.1,0-.2,0-.1.2-.2.6-.3.8s-.9,1.5-1,1.6-.1,0-.1-.1c-.3-.6-.4-1.4-.3-2.1-.2-.2-1,.9-1.2.9h-.1c0-.1,0-.1,0-.1h0ZM98.9,123.7c.2-.2-1.1-1.6-1.3-1.8-.5-.5-1-.8-.6.2s1,1.4,1.9,1.5h0ZM91,122.6c0,0-1.1.5-1,.8.3-.2,1-.3,1-.8ZM89.2,123.7c0-.4-1.1-.5-1.3-.2s.3.2.3.2c.3,0,.6-.1.9,0h0ZM91.1,123.8c.7.2,1.2.6,1.9.7s0-.5-.2-.7c-.4-.3-.9-.4-1.4-.4s-.3,0-.2,0c.5.1,1.3.1,1.5.7-.4,0-.7-.3-1.1-.4s-.4,0-.5,0h0ZM92.7,126.1c-.1-.9-1-1.9-1.9-2.1s-.2,0-.1,0,.8.6,1,.7.8.7.4.7-1.5-1.4-1.7-1.2c0,.2.2.3.3.5.5.7,1.2,1.2,2.1,1.3h0ZM88.3,124.3c-.9.2-1.2,1.1-1.2,1.9.1.1.9-.7,1-.8s.5-.8.2-.7-.5.8-.7.8,0-.4,0-.4c.2-.3.5-.5.7-.8h0ZM89.2,124.6c0,0-.4.2-.4.3-.5.7-.5,1.8-.3,2.6.1,0,.1,0,.2-.1.5-.7,1-1.9.8-2.7-.4.5-.5,1.3-.6,1.9h-.2c0-.7.3-1.4.5-2h0ZM93.8,128.9c0-.3-.3-.2-.4-.3s-.2-.3-.5-.2c.2.4.5.6,1,.6h0ZM92.1,129.4c1.3.1,1-.3.2-1-.2,0-.3.8-.2,1ZM95.6,129.6c-.6,0-1.4-.4-2-.4s-.2,0-.3.1c.7.2,1.5.3,2.1.7l.2-.4h0ZM92.7,130.1c-1.3,0-2.7.7-3.6,1.6s-.8.9-.8,1.1c0,.3,1.5,1.1,1.9,1.2,2.1.8,4.9.6,6.8-.7s.5-.5,0-1.1c-1-1.2-2.6-2-4.1-2h0ZM88.9,130.8c-.2-.2-.9-.3-1.2-.4s-.9,0-1.2.1l2.5.2h0ZM99.2,130.5h-1.3c-.2,0-.9.2-1.1.3s-.1.1,0,0c.4,0,.9-.2,1.3-.2s.6,0,.9,0,.2,0,.1-.1h0Z"/>
+    <path class="st2" d="M86.6,127.1h.1c.2,0,1-1,1.2-.9,0,.7,0,1.5.3,2.1s0,.2.1.1.9-1.4,1-1.6.2-.6.3-.8,0-.1.2,0c0,.7.2,1.4.2,2.1s0,1.3,0,1.8-.2.4-.5.4-1.2-.4-1.7-.4-.7,0-.9,0-1,.2-1.1,0-.4-1.7-.4-2c-.3-4.7,4.2-8.6,8.8-7.4,4.6,1.1.4,0,.5.1s0,.2,0,.2c.2.4,1.2,0,1.3.3s0,1.2.2,1.6c.4,1.3,1.8,1.9,3,1.9.7,1.7.7,3.6.2,5.3-1.3-.1-2.5,0-3.6.4-.2-.5.7-.9.3-1.3s-2.1-.3-2.6-.6-1-1.1-1.3-1.3-.9.1-.7.6.4.3.4.5-.2,1.1-.2,1.2,0,.2-.2.2c-.2,0-.9-3.4-.9-3.9.8.6,1.6,1,2.6,1.2,0-.3,0-.6-.1-.9s-.5-.9-.5-1c0-.1.2,0,.2,0,.3,0,.6.1.9.1s.1,0,.1-.1c0-1.2-1.3-1.9-2.3-1.9v-.7c-.8,0-1.6.4-1.9,1.2-.8-.5-1.7-.5-2.4.1l.6.6c-.3.2-.6.5-.8.8s-.3.9-.3,1.1v1.2h0,0ZM94.7,121.7c1.4.4,1.5-.6,0-.2v.2ZM94.8,122.7c0,.1,1.1,0,1-.4s-.8.1-1,.1v.3s0,0,0,0h0ZM95.2,123.6c.1.2,1-.3,1-.5,0-.3-1.2.2-1,.5ZM96.7,123.7c-.2-.2-.9.5-.8.7.1.4,1-.5.8-.7ZM97.1,124.3c0,0-.5.8-.3.9s.6-.6.6-.7-.2-.2-.4-.2h0ZM97.7,125.6c.4.1.7-.9.4-1-.3-.1-.5.9-.4,1ZM99.2,125.8c0-.3.2-.8-.2-1-.2,0-.1.7-.1.8h0c0,0,.2.1.2.1h0Z"/>
+    <path class="st2" d="M98.9,123.7c-.9-.1-1.6-.6-1.9-1.5s0-.7.6-.2,1.5,1.5,1.3,1.8h0Z"/>
+    <path class="st2" d="M92.7,126.1c-.9-.1-1.6-.6-2.1-1.3s-.3-.3-.3-.5c.2-.2,1.5,1.2,1.7,1.2.4,0-.3-.6-.4-.7-.2-.1-1-.6-1-.7,0-.1,0,0,.1,0,.9.1,1.8,1.2,1.9,2.1h0Z"/>
+    <path class="st2" d="M89.2,124.6c-.2.7-.5,1.3-.5,2h.2c0-.7.3-1.4.6-1.9.2.8-.3,2.1-.8,2.7s0,.1-.2.1c-.2-.8-.2-1.9.3-2.6s.3-.4.4-.3h0Z"/>
+    <path class="st2" d="M91.1,123.8c0-.1.4,0,.5,0,.4,0,.7.3,1.1.4-.2-.5-1-.6-1.5-.7,0-.1.2,0,.2,0,.5,0,1,.1,1.4.4.4.3.7.7.2.7-.8,0-1.3-.4-1.9-.7h0Z"/>
+    <path class="st2" d="M88.3,124.3c-.2.3-.5.5-.7.8s-.3.5,0,.4.5-.7.7-.8-.2.6-.2.7c0,.1-.8.9-1,.8,0-.8.3-1.8,1.2-1.9h0Z"/>
+    <path class="st2" d="M95.6,129.6l-.2.4c-.6-.4-1.4-.5-2.1-.7,0-.1.2-.1.3-.1.6,0,1.4.3,2,.4h0Z"/>
+    <path class="st2" d="M92.1,129.4c0-.2,0-1,.2-1,.7.6,1.1,1.1-.2,1Z"/>
+    <path class="st2" d="M89.2,123.7c-.3,0-.6.1-.9,0s-.4-.1-.3-.2c.1-.3,1.2-.2,1.3.2h0Z"/>
+    <path class="st2" d="M91,122.6c0,.5-.6.6-1,.8-.1-.3.9-.9,1-.8Z"/>
+    <path class="st2" d="M93.8,128.9c-.4,0-.7-.2-1-.6.3,0,.4.1.5.2s.5,0,.4.3h0Z"/>
+    <path class="st7" d="M94.8,122.7v-.3c.2,0,.9-.4,1-.1s-1,.5-1,.4h0Z"/>
+    <path class="st7" d="M94.7,121.7v-.2c1.5-.4,1.4.6,0,.2Z"/>
+    <path class="st7" d="M95.2,123.6c-.2-.3.9-.8,1-.5s-.8.7-1,.5Z"/>
+    <path class="st7" d="M96.7,123.7c.2.2-.7,1.1-.8.7s.7-.9.8-.7Z"/>
+    <path class="st7" d="M97.1,124.3c.1,0,.4,0,.4.2s-.4.8-.6.7.2-.8.3-.9h0Z"/>
+    <path class="st7" d="M97.7,125.6c0,0,0-1.1.4-1,.2,0,0,1.1-.4,1Z"/>
+    <path class="st7" d="M99.2,125.8h-.2s0-.1,0-.1c0-.2,0-.8.1-.8.4.1.3.7.2,1h0Z"/>
+    <path class="st2" d="M92.7,130.1c1.6,0,3.2.8,4.1,2,1,1.2.7.6,0,1.1-1.9,1.4-4.6,1.6-6.8.7-.3-.1-1.9-.9-1.9-1.2s.7-.9.8-1.1c.9-.9,2.3-1.5,3.6-1.6h0Z"/>
+    <path class="st2" d="M88.9,130.8l-2.5-.2c.3-.2.9-.1,1.2-.1s1,.1,1.2.4h0Z"/>
+    <path class="st2" d="M99.2,130.5c.1,0,0,.1-.1.1-.3,0-.6,0-.9,0-.4,0-.9.2-1.3.2s-.2,0,0,0,.9-.3,1.1-.3h1.3,0Z"/>
+    <circle class="st2" cx="47.9" cy="57.2" r="5.2"/>
+    <path class="st7" d="M53.4,57.2c0,3-2.4,5.5-5.5,5.5s-5.5-2.4-5.5-5.5,2.4-5.5,5.5-5.5,5.5,2.4,5.5,5.5ZM43.7,57v-.8c0-.1.1-.6.2-.8.1-.2.4-.4.6-.6l-.4-.4c.5-.4,1.1-.4,1.7,0,.2-.6.8-.9,1.4-.8v.5c.6,0,1.5.5,1.5,1.3s0,0,0,0c-.2,0-.4,0-.6,0s-.1,0-.1,0,.3.5.4.7.1.4,0,.6c-.7,0-1.3-.4-1.8-.8,0,.3.5,2.6.6,2.7s0,0,.1-.1.2-.8.2-.8c0-.1-.2-.2-.3-.3-.1-.3.2-.6.4-.4s.6.8.9.9,1.6.2,1.8.4-.4.6-.2.9c.8-.3,1.6-.4,2.5-.3.4-1.2.4-2.5-.1-3.6-.9,0-1.8-.4-2.1-1.3-.3-.9,0-1-.2-1.1,0-.1-.8,0-.9-.2s0-.1,0-.2-.2,0-.3,0c-3.1-.8-6.2,1.9-6,5.1,0,.2.2,1.2.3,1.3s.6,0,.8,0,.4,0,.6,0c.4,0,.9.3,1.1.3s.3,0,.3-.3c0-.3,0-.9,0-1.2s-.1-.9-.2-1.4c-.1,0,0,0-.1,0,0,.2-.1.4-.2.6s-.6,1.1-.7,1.1,0,0,0,0c-.2-.4-.2-1-.2-1.4-.1-.1-.7.6-.8.6h0c0,0,0,0,0,0h0ZM52.2,54.7c.1-.1-.7-1.1-.9-1.2-.4-.3-.7-.5-.4.2s.7.9,1.3,1h0ZM46.7,54c0,0-.7.4-.7.6.2-.2.7-.2.7-.6ZM45.5,54.7c0-.3-.8-.3-.9-.1s.2.2.2.2c.2,0,.4,0,.6,0h0ZM46.8,54.8c.5.2.8.4,1.3.4s0-.4-.1-.5c-.3-.2-.6-.3-.9-.3s-.2,0-.2,0c.3,0,.9,0,1,.5-.3,0-.5-.2-.8-.2s-.3,0-.3,0h0ZM47.9,56.4c0-.6-.7-1.3-1.3-1.4s-.2,0,0,0,.6.4.7.5.5.5.3.5-1-.9-1.1-.8c0,.1.1.2.2.3.4.5.8.8,1.4.9h0ZM44.8,55.1c-.6.1-.8.8-.8,1.3,0,0,.6-.5.7-.5s.3-.6.1-.5-.4.5-.5.6,0-.3,0-.3c.1-.2.4-.4.5-.6h0ZM45.5,55.3c0,0-.2.2-.3.2-.4.5-.3,1.2-.2,1.8,0,0,0,0,.1,0,.4-.5.7-1.3.5-1.9-.3.4-.4.9-.4,1.3h-.2c0-.5.2-.9.4-1.4h0ZM48.7,58.3c0-.2-.2-.2-.3-.2s-.2-.2-.4-.2c.2.3.4.4.7.4h0ZM47.5,58.6c.9,0,.7-.2.2-.7-.2,0-.2.5-.2.7ZM49.9,58.8c-.4,0-.9-.2-1.4-.3s-.2,0-.2,0c.5.2,1,.2,1.5.5v-.3h.1ZM47.9,59.1c-.9,0-1.8.4-2.5,1.1s-.6.6-.6.8c0,.2,1,.8,1.3.8,1.5.6,3.3.4,4.6-.5s.4-.3,0-.8c-.7-.8-1.8-1.4-2.8-1.4h0ZM45.3,59.6c-.2-.2-.6-.2-.8-.3s-.6,0-.8,0l1.7.2h0ZM52.3,59.4h-.9c-.1,0-.6.1-.7.2s0,0,0,0c.3,0,.6-.1.9-.2s.4,0,.6,0,.2,0,0,0h0Z"/>
+    <path class="st2" d="M43.7,57h0c.2,0,.7-.7.8-.6,0,.5,0,1,.2,1.4s0,.1,0,0,.6-.9.7-1.1.2-.4.2-.6,0,0,.1,0c0,.5.1.9.2,1.4s0,.9,0,1.2-.1.3-.3.3-.8-.3-1.1-.3-.4,0-.6,0-.7.1-.8,0-.3-1.2-.3-1.3c-.2-3.2,2.9-5.9,6-5.1s.3,0,.3,0,0,.1,0,.2c.1.2.8,0,.9.2s0,.8.2,1.1c.3.9,1.2,1.3,2.1,1.3.5,1.1.5,2.4.1,3.6-.9,0-1.7,0-2.5.3-.2-.4.5-.6.2-.9s-1.4-.2-1.8-.4-.7-.7-.9-.9-.6,0-.4.4.3.2.3.3-.1.8-.2.8,0,.2-.1.1c-.1,0-.6-2.3-.6-2.7.5.4,1.1.7,1.8.8,0-.2,0-.4,0-.6s-.4-.6-.4-.7c0,0,.1,0,.1,0,.2,0,.4,0,.6,0s0,0,0,0c0-.8-.9-1.3-1.6-1.3v-.5c-.5,0-1.1.2-1.3.8-.5-.4-1.2-.4-1.7,0l.4.4c-.2.2-.4.3-.6.6s-.2.6-.2.8v.8h0,0ZM49.2,53.3c.9.3,1.1-.4,0-.2v.2ZM49.3,54.1c0,0,.8,0,.7-.3s-.6,0-.7,0v.2s0,0,0,0h0ZM49.6,54.7c0,.1.7-.2.7-.3,0-.2-.8.1-.7.3ZM50.6,54.7c-.1-.1-.6.3-.6.5,0,.3.7-.4.6-.5ZM50.9,55.1s-.4.6-.2.6.4-.4.4-.5-.2-.2-.2-.1h0ZM51.3,56.1c.3,0,.5-.6.3-.7-.2,0-.3.6-.3.7ZM52.4,56.2c0-.2.1-.6-.1-.7-.1,0,0,.5,0,.6h0c0,0,.2,0,.2,0h0Z"/>
+    <path class="st2" d="M52.2,54.7c-.6,0-1.1-.4-1.3-1s0-.5.4-.2,1,1.1.9,1.2h0Z"/>
+    <path class="st2" d="M47.9,56.4c-.6,0-1.1-.4-1.4-.9s-.2-.2-.2-.3c.1-.1,1,.8,1.1.8.3,0-.2-.4-.3-.5-.1,0-.7-.4-.7-.5,0,0,0,0,0,0,.6,0,1.2.8,1.3,1.4h0Z"/>
+    <path class="st2" d="M45.5,55.3c-.1.4-.4.9-.4,1.4h.2c0-.4.2-.9.4-1.3.1.6-.2,1.4-.5,1.9s0,0-.1,0c-.1-.5-.2-1.3.2-1.8s.2-.3.3-.2h0Z"/>
+    <path class="st2" d="M46.8,54.8c0,0,.3,0,.3,0,.3,0,.5.2.8.2-.1-.4-.7-.4-1-.5,0,0,.1,0,.2,0,.3,0,.7,0,.9.3.3.2.5.5.1.5-.5,0-.9-.3-1.3-.4h0Z"/>
+    <path class="st2" d="M44.8,55.1c-.1.2-.4.4-.5.6s-.2.3,0,.3.3-.5.5-.6-.1.4-.1.5c0,0-.6.6-.7.5,0-.6.2-1.2.8-1.3h0Z"/>
+    <path class="st2" d="M49.9,58.8v.3c-.6-.3-1.1-.3-1.6-.5,0,0,.1,0,.2,0,.4,0,.9.2,1.4.3h0Z"/>
+    <path class="st2" d="M47.5,58.6c0-.1,0-.7.2-.7.5.4.7.8-.2.7Z"/>
+    <path class="st2" d="M45.5,54.7c-.2,0-.4,0-.6,0s-.3,0-.2-.2c0-.2.8-.2.9.1h0Z"/>
+    <path class="st2" d="M46.7,54c0,.4-.4.4-.7.6,0-.2.6-.6.7-.6Z"/>
+    <path class="st2" d="M48.7,58.3c-.3,0-.5-.2-.7-.4.2,0,.2,0,.4.2s.3,0,.3.2h0Z"/>
+    <path class="st7" d="M49.3,54.1v-.2c.2,0,.6-.3.7,0s-.7.4-.7.3h0Z"/>
+    <path class="st7" d="M49.2,53.3v-.2c1-.3,1,.4,0,.2Z"/>
+    <path class="st7" d="M49.6,54.7c-.1-.2.6-.6.7-.3s-.6.5-.7.3Z"/>
+    <path class="st7" d="M50.6,54.7c.1.1-.5.8-.6.5s.4-.6.6-.5Z"/>
+    <path class="st7" d="M50.9,55.1c0,0,.3,0,.2.1s-.3.5-.4.5.2-.6.2-.6h0Z"/>
+    <path class="st7" d="M51.3,56.1s0-.7.3-.7c.2,0,0,.8-.3.7Z"/>
+    <path class="st7" d="M52.4,56.2h-.2s0,0,0,0c0-.1,0-.6,0-.6.3,0,.2.5.1.7h0Z"/>
+    <path class="st2" d="M47.9,59.1c1.1,0,2.2.6,2.8,1.4.7.8.5.4,0,.8-1.3.9-3.2,1.1-4.6.5-.2,0-1.3-.6-1.3-.8s.5-.6.6-.8c.6-.6,1.6-1,2.5-1.1h0Z"/>
+    <path class="st2" d="M45.3,59.6l-1.7-.2c.2-.1.6,0,.8,0s.7,0,.8.3h0Z"/>
+    <path class="st2" d="M52.3,59.4c0,0,0,0,0,0-.2,0-.4,0-.6,0-.3,0-.6.1-.9.2s-.1,0,0,0,.6-.2.7-.2h.9,0Z"/>
+  </g>
+</svg>