@tanstack/cta-ui 0.10.0-alpha.24 → 0.10.0-alpha.27

package/src/store/project.ts

@@ -1,4 +1,4 @@
-import { useCallback, useMemo } from 'react'
+import { useCallback, useEffect, useMemo } from 'react'
 import { create } from 'zustand'
 import { persist } from 'zustand/middleware'
 import { useQuery } from '@tanstack/react-query'
@@ -10,6 +10,18 @@ import type { Mode, SerializedOptions } from '@tanstack/cta-engine'
 import type { AddOnInfo, DryRunOutput, StarterInfo } from '@/types.js'
 import { dryRunAddToApp, dryRunCreateApp, loadInitialData } from '@/lib/api'
 
+export const useProjectOptions = create<SerializedOptions>(() => ({
+  framework: 'react-cra',
+  mode: 'file-router',
+  projectName: 'my-app',
+  targetDir: 'my-app',
+  typescript: true,
+  tailwind: true,
+  git: true,
+  chosenAddOns: [],
+  packageManager: 'pnpm',
+}))
+
 const useInitialData = () =>
   useQuery({
     queryKey: ['initial-data'],
@@ -18,8 +30,8 @@ const useInitialData = () =>
       options: {
         framework: 'react-cra',
         mode: 'file-router',
-        projectName: 'my-application',
-        targetDir: 'my-application',
+        projectName: 'my-app',
+        targetDir: 'my-app',
         typescript: true,
         tailwind: true,
         git: true,
@@ -50,8 +62,8 @@ export const useRegistry = () => useInitialData().data.registry
 
 export const useProjectLocalFiles = () => useInitialData().data.localFiles
 export const useOriginalOutput = () => useInitialData().data.output
-export const useOriginalSelectedAddOns = () =>
-  useInitialData().data.options.chosenAddOns
+export const useOriginalOptions = () => useInitialData().data.options
+export const useOriginalSelectedAddOns = () => useOriginalOptions().chosenAddOns
 export const useApplicationMode = () => useInitialData().data.applicationMode
 export const useReady = () => useInitialData().isFetched
 export const useCodeRouterAddOns = () =>
@@ -59,18 +71,6 @@ export const useCodeRouterAddOns = () =>
 export const useFileRouterAddOns = () =>
   useInitialData().data.addOns['file-router']
 
-export const useProjectOptions = create<SerializedOptions>(() => ({
-  framework: 'react-cra',
-  mode: 'file-router',
-  projectName: 'my-app',
-  targetDir: 'my-app',
-  typescript: true,
-  tailwind: true,
-  git: true,
-  chosenAddOns: [],
-  packageManager: 'pnpm',
-}))
-
 const useApplicationSettings = create<{
   includeFiles: Array<string>
 }>(() => ({
@@ -128,7 +128,7 @@ export function useAddOns() {
     for (const addOn of originalSelectedAddOns) {
       originalAddOns.add(addOn)
     }
-    for (const addOn of forcedAddOns) {
+    for (const addOn of forcedAddOns || []) {
       originalAddOns.add(addOn)
     }
     return getAddOnStatus(
@@ -148,7 +148,7 @@ export function useAddOns() {
     const addOns = new Set(
       Object.keys(addOnState).filter((addOn) => addOnState[addOn].selected),
     )
-    for (const addOn of forcedAddOns) {
+    for (const addOn of forcedAddOns || []) {
       addOns.add(addOn)
     }
     return Array.from(addOns)
@@ -156,7 +156,7 @@ export function useAddOns() {
 
   const toggleAddOn = useCallback(
     (addOnId: string) => {
-      if (addOnState[addOnId] && addOnState[addOnId].enabled) {
+      if (addOnState[addOnId].enabled) {
         if (addOnState[addOnId].selected) {
           useMutableAddOns.setState((state) => ({
             userSelectedAddOns: state.userSelectedAddOns.filter(
@@ -328,4 +328,20 @@ export function setProjectStarter(starter: StarterInfo | undefined) {
   useProjectStarter.setState(() => ({
     projectStarter: starter,
   }))
+  if (starter) {
+    useProjectOptions.setState({
+      mode: starter.mode,
+    })
+  }
+}
+
+export function useManager() {
+  const ready = useReady()
+  const originalOptions = useOriginalOptions()
+
+  useEffect(() => {
+    if (ready) {
+      useProjectOptions.setState(originalOptions)
+    }
+  }, [ready])
 }

package/src/styles.css

@@ -1,23 +1,38 @@
 @import 'tailwindcss';
+@layer theme, base, components, utilities;
 
 @plugin "tailwindcss-animate";
 
 @source inline("bg-green-500");
 
-@custom-variant dark (&:is(.dark *));
+@custom-variant dark (&:where(.dark, .dark *));
 
 body {
   @apply m-0;
   font-family:
-    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
-    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
+    'Inter',
+    ui-sans-serif,
+    system-ui,
+    sans-serif,
+    'Apple Color Emoji',
+    'Segoe UI Emoji',
+    Segoe UI Symbol,
+    'Noto Color Emoji';
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
+  font-size: 12px;
   font-family:
-    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
+    'JetBrains Mono',
+    Menlo,
+    Monaco,
+    Consolas,
+    monospace,
+    Courier New;
+  white-space: pre;
+  -webkit-overflow-scrolling: touch;
 }
 
 :root {
@@ -57,7 +72,7 @@ code {
 }
 
 .dark {
-  --background: oklch(0.141 0.005 285.823);
+  --background: rgb(3, 7, 18);
   --foreground: oklch(0.985 0 0);
   --card: oklch(0.141 0.005 285.823);
   --card-foreground: oklch(0.985 0 0);
@@ -155,25 +170,74 @@ code {
 }
 
 @layer base {
+  html,
+  body {
+    @apply text-gray-900 bg-gray-50 dark:bg-black dark:text-gray-200;
+    background: rgb(3, 7, 18);
+  }
+
+  .using-mouse * {
+    outline: none !important;
+  }
+
   * {
-    @apply border-border outline-ring/50;
+    scrollbar-color: theme(colors.gray.400) theme(colors.gray.100);
   }
-  body {
-    @apply bg-background text-foreground;
+
+  *::-webkit-scrollbar,
+  * scrollbar {
+    width: 1rem;
+    height: 1rem;
   }
-}
 
-[data-sidebar='group'] {
-  background-color: hsl(240 5.9% 6%) !important;
-  @apply mb-2 rounded-lg inset-shadow-gray-600 inset-shadow-sm;
-}
+  *::-webkit-scrollbar-track,
+  * scrollbar-track {
+    background: theme(colors.gray.100);
+  }
 
-[data-sidebar='content'] {
-  @apply p-2 pt-5;
-}
+  *::-webkit-scrollbar-thumb,
+  * scrollbar-thumb {
+    background: theme(colors.gray.300);
+    border-radius: 0.5rem;
+    border: 3px solid theme(colors.gray.100);
+  }
 
-[data-sidebar='header'] {
-  @apply shadow-gray-700 shadow-md z-50;
+  html.dark {
+    &,
+    * {
+      color-scheme: dark;
+    }
+
+    &,
+    * {
+      scrollbar-color: theme(colors.gray.700) theme(colors.gray.800);
+    }
+
+    &::-webkit-scrollbar,
+    *::-webkit-scrollbar,
+    * scrollbar {
+      width: 1rem;
+      height: 1rem;
+    }
+
+    & *::-webkit-scrollbar-track,
+    *::-webkit-scrollbar-track,
+    * scrollbar-track {
+      background: theme(colors.gray.800);
+    }
+
+    &::-webkit-scrollbar-thumb,
+    *::-webkit-scrollbar-thumb,
+    * scrollbar-thumb {
+      background: theme(colors.gray.600);
+      border-radius: 0.5rem;
+      border: 3px solid theme(colors.gray.800);
+    }
+  }
+
+  [disabled] {
+    @apply opacity-50 pointer-events-none;
+  }
 }
 
 .cm-changedLine {
@@ -183,3 +247,11 @@ code {
 .file-filters {
   background-color: oklch(0.2 0.005 285.823);
 }
+
+.font-black {
+  font-weight: 900;
+}
+
+.font-medium {
+  font-weight: 800;
+}

package/src/types.d.ts

@@ -80,7 +80,7 @@ export type InitialData = {
   applicationMode: ApplicationMode
   forcedRouterMode?: Mode
   forcedAddOns?: Array<string>
-  registry: Registry | undefined
+  registry?: Registry | undefined
 }
 
 export type EventItem = {

package/tailwind.config.cjs

@@ -0,0 +1,47 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ['./src/**/*.{js,ts,jsx,tsx}', './index.html'],
+  plugins: [require('@tailwindcss/typography')],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: `"Inter", ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"`,
+      },
+      zIndex: {
+        '-10': '-10',
+      },
+      boxShadow: {
+        sm: '0 1px 2px 0 rgba(0, 0, 0, 0.03)',
+        DEFAULT:
+          '0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03)',
+        md: '0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03)',
+        lg: '0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.03)',
+        xl: '0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.02)',
+        '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.2)',
+        '3xl': '0 35px 60px -15px rgba(0, 0, 0, 0.25)',
+        inner: 'inset 0 2px 4px 0 rgba(0, 0, 0, 0.04)',
+        none: 'none',
+      },
+      aria: {
+        current: 'current="location"',
+      },
+      colors: {
+        twine: {
+          50: '#f8f5ee',
+          100: '#eee6d3',
+          200: '#dfcda9',
+          300: '#cdac77',
+          400: '#bd9051',
+          500: '#ae7d44',
+          600: '#956339',
+          700: '#784b30',
+          800: '#653f2e',
+          900: '#58362b',
+          950: '#321c16',
+        },
+        discord: '#536bbd',
+      },
+    },
+  },
+}

package/vite.config.ts

@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tsconfigPaths from 'vite-tsconfig-paths'
+import tailwind from '@tailwindcss/vite'
+
+export default defineConfig({
+  plugins: [react(), tsconfigPaths(), tailwind()],
+  server: {
+    open: true,
+    port: 3000,
+  },
+  build: {
+    outDir: 'dist',
+    sourcemap: true,
+  },
+})

package/app.config.js

@@ -1,22 +0,0 @@
-import { defineConfig } from '@tanstack/react-start/config'
-import viteTsConfigPaths from 'vite-tsconfig-paths'
-import tailwindcss from '@tailwindcss/vite'
-
-export default defineConfig({
-  tsr: {
-    appDirectory: 'src',
-  },
-  vite: {
-    forceOptimizeDeps: true,
-    plugins: [
-      // this is the plugin that enables path aliases
-      viteTsConfigPaths({
-        projects: ['./tsconfig.json'],
-      }),
-      tailwindcss(),
-    ],
-    optimizeDeps: {
-      exclude: [],
-    },
-  },
-})

package/src/api.ts

@@ -1,6 +0,0 @@
-import {
-  createStartAPIHandler,
-  defaultAPIFileRouteHandler,
-} from '@tanstack/react-start/api'
-
-export default createStartAPIHandler(defaultAPIFileRouteHandler)

package/src/client.tsx

@@ -1,8 +0,0 @@
-import { hydrateRoot } from 'react-dom/client'
-import { StartClient } from '@tanstack/react-start'
-
-import { createRouter } from './router'
-
-const router = createRouter()
-
-hydrateRoot(document, <StartClient router={router} />)

package/src/engine-handling/add-to-app-wrapper.ts

@@ -1,114 +0,0 @@
-import { readFileSync } from 'node:fs'
-import { resolve } from 'node:path'
-
-import {
-  addToApp,
-  createDefaultEnvironment,
-  createMemoryEnvironment,
-  recursivelyGatherFiles,
-} from '@tanstack/cta-engine'
-
-import { createAppWrapper } from './create-app-wrapper.js'
-
-import { getProjectPath } from '@/engine-handling/server-environment.js'
-import {
-  cleanUpFileArray,
-  cleanUpFiles,
-} from '@/engine-handling/file-helpers.js'
-
-export async function addToAppWrapper(
-  addOns: Array<string>,
-  opts: {
-    dryRun?: boolean
-    stream?: boolean
-  },
-) {
-  const projectPath = getProjectPath()
-
-  const persistedOptions = JSON.parse(
-    readFileSync(resolve(projectPath, '.cta.json')),
-  )
-
-  const newAddons: Array<string> = []
-  for (const addOn of addOns) {
-    if (!persistedOptions.existingAddOns.includes(addOn)) {
-      newAddons.push(addOn)
-    }
-  }
-
-  if (newAddons.length === 0) {
-    return await createAppWrapper(persistedOptions, opts)
-  }
-
-  async function createEnvironment() {
-    if (opts.dryRun) {
-      const { environment, output } = createMemoryEnvironment(projectPath)
-      environment.writeFile(
-        resolve(projectPath, '.cta.json'),
-        JSON.stringify(persistedOptions, null, 2),
-      )
-
-      const localFiles = await cleanUpFiles(
-        await recursivelyGatherFiles(projectPath, false),
-      )
-      for (const file of Object.keys(localFiles)) {
-        environment.writeFile(resolve(projectPath, file), localFiles[file])
-      }
-      return { environment, output }
-    }
-    return {
-      environment: createDefaultEnvironment(),
-      output: { files: {}, deletedFiles: [], commands: [] },
-    }
-  }
-
-  const { environment, output } = await createEnvironment()
-
-  if (opts.stream) {
-    return new ReadableStream({
-      start(controller) {
-        environment.startStep = ({ id, type, message }) => {
-          controller.enqueue(
-            new TextEncoder().encode(
-              JSON.stringify({
-                msgType: 'start',
-                id,
-                type,
-                message,
-              }) + '\n',
-            ),
-          )
-        }
-        environment.finishStep = (id, message) => {
-          controller.enqueue(
-            new TextEncoder().encode(
-              JSON.stringify({
-                msgType: 'finish',
-                id,
-                message,
-              }) + '\n',
-            ),
-          )
-        }
-
-        environment.startRun()
-        addToApp(environment, newAddons, projectPath, {
-          forced: true,
-        }).then(() => {
-          environment.finishRun()
-          controller.close()
-        })
-      },
-    })
-  } else {
-    environment.startRun()
-    await addToApp(environment, newAddons, projectPath, {
-      forced: true,
-    })
-    environment.finishRun()
-
-    output.files = cleanUpFiles(output.files, projectPath)
-    output.deletedFiles = cleanUpFileArray(output.deletedFiles, projectPath)
-    return output
-  }
-}

package/src/engine-handling/server-environment.ts

@@ -1,30 +0,0 @@
-import type { Mode, SerializedOptions } from '@tanstack/cta-engine'
-
-export function getProjectPath(): string {
-  return process.env.CTA_PROJECT_PATH!
-}
-
-export function getApplicationMode(): 'add' | 'setup' {
-  return process.env.CTA_MODE as 'add' | 'setup'
-}
-
-export function getProjectOptions(): SerializedOptions {
-  return JSON.parse(process.env.CTA_OPTIONS!)
-}
-
-export function getForcedRouterMode(): Mode | undefined {
-  if (!process.env.CTA_FORCED_ROUTER_MODE) {
-    return undefined
-  }
-  return process.env.CTA_FORCED_ROUTER_MODE as Mode
-}
-
-export function getForcedAddOns(): Array<string> | undefined {
-  return (process.env.CTA_FORCED_ADD_ONS?.split(',') || []).filter(
-    (addOn: string) => addOn !== '',
-  )
-}
-
-export function getRegistry(): string | undefined {
-  return process.env.CTA_REGISTRY
-}

package/src/integrations/tanstack-query/layout.tsx

@@ -1,5 +0,0 @@
-import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
-
-export default function LayoutAddition() {
-  return <ReactQueryDevtools buttonPosition="bottom-right" />
-}

package/src/integrations/tanstack-query/root-provider.tsx

@@ -1,15 +0,0 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-
-const queryClient = new QueryClient()
-
-export function getContext() {
-  return {
-    queryClient,
-  }
-}
-
-export function Provider({ children }: { children: React.ReactNode }) {
-  return (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  )
-}

package/src/logo.svg

@@ -1,44 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg id="Layer_1"
-  xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 841.9 595.3">
-  <!-- Generator: Adobe Illustrator 29.3.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 146)  -->
-  <defs>
-    <style>
-      .st0 {
-        fill: #9ae7fc;
-      }
-
-      .st1 {
-        fill: #61dafb;
-      }
-    </style>
-  </defs>
-  <g>
-    <path class="st1" d="M666.3,296.5c0-32.5-40.7-63.3-103.1-82.4,14.4-63.6,8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6,0,8.3.9,11.4,2.6,13.6,7.8,19.5,37.5,14.9,75.7-1.1,9.4-2.9,19.3-5.1,29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50,32.6-30.3,63.2-46.9,84-46.9v-22.3c-27.5,0-63.5,19.6-99.9,53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7,0,51.4,16.5,84,46.6-14,14.7-28,31.4-41.3,49.9-22.6,2.4-44,6.1-63.6,11-2.3-10-4-19.7-5.2-29-4.7-38.2,1.1-67.9,14.6-75.8,3-1.8,6.9-2.6,11.5-2.6v-22.3c-8.4,0-16,1.8-22.6,5.6-28.1,16.2-34.4,66.7-19.9,130.1-62.2,19.2-102.7,49.9-102.7,82.3s40.7,63.3,103.1,82.4c-14.4,63.6-8,114.2,20.2,130.4,6.5,3.8,14.1,5.6,22.5,5.6,27.5,0,63.5-19.6,99.9-53.6,36.4,33.8,72.4,53.2,99.9,53.2,8.4,0,16-1.8,22.6-5.6,28.1-16.2,34.4-66.7,19.9-130.1,62-19.1,102.5-49.9,102.5-82.3zm-130.2-66.7c-3.7,12.9-8.3,26.2-13.5,39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4,14.2,2.1,27.9,4.7,41,7.9zm-45.8,106.5c-7.8,13.5-15.8,26.3-24.1,38.2-14.9,1.3-30,2-45.2,2s-30.2-.7-45-1.9c-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8,6.2-13.4,13.2-26.8,20.7-39.9,7.8-13.5,15.8-26.3,24.1-38.2,14.9-1.3,30-2,45.2-2s30.2.7,45,1.9c8.3,11.9,16.4,24.6,24.2,38,7.6,13.1,14.5,26.4,20.8,39.8-6.3,13.4-13.2,26.8-20.7,39.9zm32.3-13c5.4,13.4,10,26.8,13.8,39.8-13.1,3.2-26.9,5.9-41.2,8,4.9-7.7,9.8-15.6,14.4-23.7,4.6-8,8.9-16.1,13-24.1zm-101.4,106.7c-9.3-9.6-18.6-20.3-27.8-32,9,.4,18.2.7,27.5.7s18.7-.2,27.8-.7c-9,11.7-18.3,22.4-27.5,32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9,3.7-12.9,8.3-26.2,13.5-39.5,4.1,8,8.4,16,13.1,24s9.5,15.8,14.4,23.4zm73.9-208.1c9.3,9.6,18.6,20.3,27.8,32-9-.4-18.2-.7-27.5-.7s-18.7.2-27.8.7c9-11.7,18.3-22.4,27.5-32zm-74,58.9c-4.9,7.7-9.8,15.6-14.4,23.7-4.6,8-8.9,16-13,24-5.4-13.4-10-26.8-13.8-39.8,13.1-3.1,26.9-5.8,41.2-7.9zm-90.5,125.2c-35.4-15.1-58.3-34.9-58.3-50.6s22.9-35.6,58.3-50.6c8.6-3.7,18-7,27.7-10.1,5.7,19.6,13.2,40,22.5,60.9-9.2,20.8-16.6,41.1-22.2,60.6-9.9-3.1-19.3-6.5-28-10.2zm53.8,142.9c-13.6-7.8-19.5-37.5-14.9-75.7,1.1-9.4,2.9-19.3,5.1-29.4,19.6,4.8,41,8.5,63.5,10.9,13.5,18.5,27.5,35.3,41.6,50-32.6,30.3-63.2,46.9-84,46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7,38.2-1.1,67.9-14.6,75.8-3,1.8-6.9,2.6-11.5,2.6-20.7,0-51.4-16.5-84-46.6,14-14.7,28-31.4,41.3-49.9,22.6-2.4,44-6.1,63.6-11,2.3,10.1,4.1,19.8,5.2,29.1zm38.5-66.7c-8.6,3.7-18,7-27.7,10.1-5.7-19.6-13.2-40-22.5-60.9,9.2-20.8,16.6-41.1,22.2-60.6,9.9,3.1,19.3,6.5,28.1,10.2,35.4,15.1,58.3,34.9,58.3,50.6,0,15.7-23,35.6-58.4,50.6zm-264.9-268.7z"/>
-    <circle class="st1" cx="420.9" cy="296.5" r="45.7"/>
-    <path class="st1" d="M520.5,78.1"/>
-  </g>
-  <circle class="st0" cx="420.8" cy="296.6" r="43"/>
-  <path class="st1" d="M466.1,296.6c0,25-20.2,45.2-45.2,45.2s-45.2-20.2-45.2-45.2,20.2-45.2,45.2-45.2,45.2,20.2,45.2,45.2ZM386,295.6v-6.3c0-1.1,1.2-5.1,1.8-6.2,1-1.9,2.9-3.5,4.6-4.7l-3.4-3.4c4-3.6,9.4-3.7,13.7-.7,1.9-4.7,6.6-7.1,11.6-6.7l-.8,4.2c5.9.2,13.1,4.1,13.1,10.8s0,.5-.7.7c-1.7.3-3.4-.4-5-.6s-1.2-.4-1.2.3,2.5,4.1,3,5.5,1,3.5.8,5.3c-5.6-.8-10.5-3.2-14.8-6.7.3,2.6,4.1,21.7,5.3,21.9s.8-.6,1-1.1,1.3-6.3,1.3-6.7c0-1-1.7-1.8-2.2-2.8-1.2-2.7,1.3-4.7,3.7-3.3s5.2,6.2,7.5,7.3,13,1.4,14.8,3.3-2.9,4.6-1.5,7.6c6.7-2.6,13.5-3.3,20.6-2.5,3.1-9.7,3.1-20.3-.9-29.8-7.3,0-14.7-3.6-17.2-10.8-2.5-7.2-.7-8.6-1.3-9.3-.8-1-6.3.6-7.4-1.5s.3-1.1-.2-1.4-1.9-.6-2.6-.8c-26-6.4-51.3,15.7-49.7,42.1,0,1.6,1.6,10.3,2.4,11.1s4.8,0,6.3,0,3.7.3,5,.5c2.9.4,7.2,2.4,9.4,2.5s2.4-.8,2.7-2.4c.4-2.6.5-7.4.5-10.1s-1-7.8-1.3-11.6c-.9-.2-.7,0-.9.5-.7,1.3-1.1,3.2-1.9,4.8s-5.2,8.7-5.7,9-.7-.5-.8-.8c-1.6-3.5-2-7.9-1.9-11.8-.9-1-5.4,4.9-6.7,5.3l-.8-.4v-.3h-.2ZM455.6,276.4c1.1-1.2-6-8.9-7.2-10-3-2.7-5.4-4.5-3.5,1.4s5.7,7.8,10.6,8.5h.1ZM410.9,270.1c-.4-.5-6.1,2.9-5.5,4.6,1.9-1.3,5.9-1.7,5.5-4.6ZM400.4,276.4c-.3-2.4-6.3-2.7-7.2-1s1.6,1.4,1.9,1.4c1.8.3,3.5-.6,5.2-.4h.1ZM411.3,276.8c3.8,1.3,6.6,3.6,10.9,3.7s0-3-1.2-3.9c-2.2-1.7-5.1-2.4-7.8-2.4s-1.6-.3-1.4.4c2.8.6,7.3.7,8.4,3.8-2.3-.3-3.9-1.6-6.2-2s-2.5-.5-2.6.3h0ZM420.6,290.3c-.8-5.1-5.7-10.8-10.9-11.6s-1.3-.4-.8.5,4.7,3.2,5.7,4,4.5,4.2,2.1,3.8-8.4-7.8-9.4-6.7c.2.9,1.1,1.9,1.7,2.7,3,3.8,6.9,6.8,11.8,7.4h-.2ZM395.3,279.8c-5,1.1-6.9,6.3-6.7,11,.7.8,5-3.8,5.4-4.5s2.7-4.6,1.1-4-2.9,4.4-4.2,4.6.2-2.1.4-2.5c1.1-1.6,2.9-3.1,4-4.6h0ZM400.4,281.5c-.4-.5-2,1.3-2.3,1.7-2.9,3.9-2.6,10.2-1.5,14.8.8.2.8-.3,1.2-.7,3-3.8,5.5-10.5,4.5-15.4-2.1,3.1-3.1,7.3-3.6,11h-1.3c0-4,1.9-7.7,3-11.4h0ZM426.9,305.9c0-1.7-1.7-1.4-2.5-1.9s-1.3-1.9-3-1.4c1.3,2.1,3,3.2,5.5,3.4h0ZM417.2,308.5c7.6.7,5.5-1.9,1.4-5.5-1.3-.3-1.5,4.5-1.4,5.5ZM437,309.7c-3.5-.3-7.8-2-11.2-2.1s-1.3,0-1.9.7c4,1.3,8.4,1.7,12.1,4l1-2.5h0ZM420.5,312.8c-7.3,0-15.1,3.7-20.4,8.8s-4.8,5.3-4.8,6.2c0,1.8,8.6,6.2,10.5,6.8,12.1,4.8,27.5,3.5,38.2-4.2s3.1-2.7,0-6.2c-5.7-6.6-14.7-11.4-23.4-11.3h-.1ZM398.7,316.9c-1.4-1.4-5-1.9-7-2.1s-5.3-.3-6.9.6l13.9,1.4h0ZM456.9,314.8h-7.4c-.9,0-4.9,1.1-6,1.6s-.8.6,0,.5c2.4,0,5.1-1,7.6-1.3s3.5.2,5.1,0,1.3-.3.6-.8h0Z"/>
-  <path class="st0" d="M386,295.6l.8.4c1.3-.3,5.8-6.2,6.7-5.3,0,3.9.3,8.3,1.9,11.8s0,1.2.8.8,5.1-7.8,5.7-9,1.3-3.5,1.9-4.8,0-.7.9-.5c.3,3.8,1.2,7.8,1.3,11.6s0,7.5-.5,10.1-1.1,2.4-2.7,2.4-6.5-2.1-9.4-2.5-3.7-.5-5-.5-5.4,1.1-6.3,0-2.2-9.5-2.4-11.1c-1.5-26.4,23.7-48.5,49.7-42.1s2.2.4,2.6.8,0,1,.2,1.4c1.1,2,6.5.5,7.4,1.5s.4,6.9,1.3,9.3c2.5,7.2,10,10.9,17.2,10.8,4,9.4,4,20.1.9,29.8-7.2-.7-13.9,0-20.6,2.5-1.3-3.1,4.1-5.1,1.5-7.6s-11.8-1.9-14.8-3.3-5.4-6.1-7.5-7.3-4.9.6-3.7,3.3,2.1,1.8,2.2,2.8-1,6.2-1.3,6.7-.3,1.3-1,1.1c-1.1-.3-5-19.3-5.3-21.9,4.3,3.5,9.2,5.9,14.8,6.7.2-1.9-.3-3.5-.8-5.3s-3-5.1-3-5.5c0-.8.9-.3,1.2-.3,1.6,0,3.3.8,5,.6s.7.3.7-.7c0-6.6-7.2-10.6-13.1-10.8l.8-4.2c-5.1-.3-9.6,2-11.6,6.7-4.3-3-9.8-3-13.7.7l3.4,3.4c-1.8,1.3-3.5,2.8-4.6,4.7s-1.8,5.1-1.8,6.2v6.6h.2ZM431.6,265c7.8,2.1,8.7-3.5.2-1.3l-.2,1.3ZM432.4,270.9c.3.6,6.4-.4,5.8-2.3s-4.6.6-5.7.6l-.2,1.7h.1ZM434.5,276c.8,1.2,5.7-1.8,5.5-2.7-.4-1.9-6.6,1.2-5.5,2.7ZM442.9,276.4c-.9-.9-5,2.8-4.6,4,.6,2.4,5.7-3,4.6-4ZM445.1,279.9c-.3.2-3.1,4.6-1.5,5s3.5-3.4,3.5-4-1.3-1.3-2-.9h0ZM448.9,287.4c2.1.8,3.8-5.1,2.3-5.5-1.9-.6-2.6,5.1-2.3,5.5ZM457.3,288.6c.5-1.7,1.1-4.7-1-5.5-1,.3-.6,3.9-.6,4.8l.3.5,1.3.2h0Z"/>
-  <path class="st0" d="M455.6,276.4c-5-.8-9.1-3.6-10.6-8.5s.5-4,3.5-1.4,8.3,8.7,7.2,10h-.1Z"/>
-  <path class="st0" d="M420.6,290.3c-4.9-.6-8.9-3.6-11.8-7.4s-1.5-1.8-1.7-2.7c1-1,8.5,6.6,9.4,6.7,2.4.4-1.8-3.5-2.1-3.8-1-.8-5.4-3.5-5.7-4-.4-.8.5-.5.8-.5,5.2.8,10.1,6.6,10.9,11.6h.2Z"/>
-  <path class="st0" d="M400.4,281.5c-1.1,3.7-3,7.3-3,11.4h1.3c.5-3.7,1.5-7.8,3.6-11,1,4.8-1.5,11.6-4.5,15.4s-.4.8-1.2.7c-1.1-4.5-1.3-10.8,1.5-14.8s1.9-2.2,2.3-1.7h0Z"/>
-  <path class="st0" d="M411.3,276.8c0-.8,2.1-.4,2.6-.3,2.4.4,4,1.7,6.2,2-1.2-3.1-5.7-3.2-8.4-3.8,0-.8.9-.4,1.4-.4,2.8,0,5.6.7,7.8,2.4,2.2,1.7,4,4,1.2,3.9-4.3,0-7.1-2.4-10.9-3.7h0Z"/>
-  <path class="st0" d="M395.3,279.8c-1.1,1.6-3,3-4,4.6s-1.9,2.8-.4,2.5,2.8-4,4.2-4.6-.9,3.6-1.1,4c-.4.7-4.7,5.2-5.4,4.5-.2-4.6,1.8-9.9,6.7-11h0Z"/>
-  <path class="st0" d="M437,309.7l-1,2.5c-3.6-2.3-8-2.8-12.1-4,.5-.7,1.1-.7,1.9-.7,3.4,0,7.8,1.8,11.2,2.1h0Z"/>
-  <path class="st0" d="M417.2,308.5c0-1,0-5.8,1.4-5.5,4,3.5,6.1,6.2-1.4,5.5Z"/>
-  <path class="st0" d="M400.4,276.4c-1.8-.3-3.5.7-5.2.4s-2.3-.8-1.9-1.4c.8-1.6,6.9-1.4,7.2,1h-.1Z"/>
-  <path class="st0" d="M410.9,270.1c.4,3-3.6,3.3-5.5,4.6-.6-1.8,5-5.1,5.5-4.6Z"/>
-  <path class="st0" d="M426.9,305.9c-2.5-.2-4.1-1.3-5.5-3.4,1.7-.4,2,.8,3,1.4s2.6.3,2.5,1.9h0Z"/>
-  <path class="st1" d="M432.4,270.9l.2-1.7c1.1,0,5.1-2.2,5.7-.6s-5.5,2.9-5.8,2.3h-.1Z"/>
-  <path class="st1" d="M431.6,265l.2-1.3c8.4-2.1,7.7,3.4-.2,1.3Z"/>
-  <path class="st1" d="M434.5,276c-1.1-1.5,5.1-4.6,5.5-2.7s-4.6,4-5.5,2.7Z"/>
-  <path class="st1" d="M442.9,276.4c1.1,1.1-4,6.4-4.6,4s3.7-4.9,4.6-4Z"/>
-  <path class="st1" d="M445.1,279.9c.7-.4,2.1,0,2,.9s-2.4,4.4-3.5,4,1.3-4.8,1.5-5h0Z"/>
-  <path class="st1" d="M448.9,287.4c-.3-.3.4-6.1,2.3-5.5,1.4.4-.2,6.2-2.3,5.5Z"/>
-  <path class="st1" d="M457.3,288.6l-1.3-.2-.3-.5c0-.9-.4-4.6.6-4.8,2.1.8,1.5,3.8,1,5.5h0Z"/>
-  <path class="st0" d="M420.5,312.8c8.9,0,17.9,4.7,23.4,11.3,5.6,6.6,3.8,3.5,0,6.2-10.7,7.7-26.1,9-38.2,4.2-1.9-.8-10.5-5.1-10.5-6.8s4-5.3,4.8-6.2c5.3-5,13.1-8.6,20.4-8.8h.1Z"/>
-  <path class="st0" d="M398.7,316.9l-13.9-1.4c1.7-1,5-.8,6.9-.6s5.6.7,7,2.1h0Z"/>
-  <path class="st0" d="M456.9,314.8c.7.5,0,.8-.6.8-1.6.2-3.5-.2-5.1,0-2.4.3-5.2,1.2-7.6,1.3s-1.1,0,0-.5,5.1-1.6,6-1.6h7.4,0Z"/>
-</svg>