[feat] new gui

src/lib/UI/GUI/TextInput.svelte

@@ -1,4 +1,4 @@
-<input
+<!-- <input
     class={"text-neutral-200 bg-transparent input-text focus:bg-selected" + ((additionalClass) ? (' ' + additionalClass) : '')}
     class:text-sm={size === 'sm'}
     class:text-md={size === 'md'}
@@ -15,7 +15,27 @@
     type="text"
     bind:value
     on:input={onInput}
->
+> -->
+
+
+<input 
+    class={"border border-gray-600 focus:border-borderc rounded-md shadow-sm text-white bg-transparent focus:ring-borderc focus:ring-2 focus:outline-none transition-colors duration-200" + ((additionalClass) ? (' ' + additionalClass) : '')} 
+    class:text-sm={size === 'sm'}
+    class:text-md={size === 'md'}
+    class:text-lg={size === 'lg'}
+    class:text-xl={size === 'xl'}
+    class:px-4={padding}
+    class:py-2={padding}
+    class:mb-4={marginBottom}
+    class:w-full={fullwidth}
+    class:h-full={fullh}
+    {autocomplete}
+    {placeholder}
+    id={id}
+    type="text"
+    bind:value
+    on:input={onInput}
+/>
 
 
 <script lang="ts">