From 11b7aa299ea527512439f434f67650a9e1689f22 Mon Sep 17 00:00:00 2001
From: Corbin Crutchley <git@crutchcorn.dev>
Date: Sat, 9 Mar 2024 06:11:24 -0800
Subject: [PATCH] feat: add Lit to Form dropdown selector

---
 app/images/lit-logo.svg | 13 +++++++++++++
 app/projects/form.ts    |  2 ++
 2 files changed, 15 insertions(+)
 create mode 100644 app/images/lit-logo.svg

diff --git a/app/images/lit-logo.svg b/app/images/lit-logo.svg
new file mode 100644
index 000000000..e737a43c9
--- /dev/null
+++ b/app/images/lit-logo.svg
@@ -0,0 +1,13 @@
+<svg width="160" height="200" viewBox="0 0 160 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_2)">
+<path d="M40 120L60 60L150 150L120 200L80 160H60" fill="#00E8FF"/>
+<path d="M80 160V80L120 40V120M0 160L40 200L60 160L40 120H20" fill="#283198"/>
+<path d="M40 120V40L80 0V80M120 200V120L160 80V160M0 160V80L40 120" fill="#324FFF"/>
+<path d="M40 200V120L80 160" fill="#00FFFF"/>
+</g>
+<defs>
+<clipPath id="clip0_1_2">
+<rect width="160" height="200" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/app/projects/form.ts b/app/projects/form.ts
index 4ba8fd777..cdcf9159d 100644
--- a/app/projects/form.ts
+++ b/app/projects/form.ts
@@ -1,6 +1,7 @@
 import reactLogo from '~/images/react-logo.svg'
 import solidLogo from '~/images/solid-logo.svg'
 import vueLogo from '~/images/vue-logo.svg'
+import litLogo from '~/images/lit-logo.svg'
 import type { AvailableOptions } from '~/components/Select'
 
 export const repo = 'tanstack/form'
@@ -17,6 +18,7 @@ export const frameworks: AvailableOptions = [
   { label: 'React', value: 'react', logo: reactLogo },
   { label: 'Solid', value: 'solid', logo: solidLogo },
   { label: 'Vue', value: 'vue', logo: vueLogo },
+  { label: 'Lit', value: 'lit', logo: litLogo },
 ]
 
 export type Framework = keyof typeof frameworks