fixes README issues, minor improvements

Author: andrelandgraf

README.md

@@ -8,7 +8,7 @@ _DatalistInput is intended to be easy to use and comes with default styling:_
 
 ```jsx
 import DatalistInput from 'react-datalist-input';
-import 'react-datalist-input/dist/style.css';
+import 'react-datalist-input/dist/styles.css';
 
 const YourComponent = () => (
   <DatalistInput
@@ -147,7 +147,7 @@ import React, { useState, useMemo, useCallback } from 'react';
 // Import the DataListInput component
 import DataListInput from 'react-datalist-input';
 // Tntegrate the css file if you want to use the default styling
-import 'react-datalist-input/dist/style.css';
+import 'react-datalist-input/dist/styles.css';
 
 const options = [
   { name: 'Chocolate' },
@@ -192,7 +192,7 @@ const YourComponent = ({ options }) => {
 
 ### Styling
 
-For simple use cases, you can use the default styling provided by this package: `import 'react-datalist-input/dist/style.css'`.
+For simple use cases, you can use the default styling provided by this package: `import 'react-datalist-input/dist/styles.css'`.
 
 However, you can also customize the styling by providing your own CSS! Instead of importing the default stylesheet, create your own one. The following classes are available:
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-datalist-input",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "react-datalist-input provides a React datalist/combobox component called DatalistInput. The component contains an input field with a dropdown menu of suggestions based on the current input.",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -79,6 +79,8 @@
     "build:css": "sass src/styles.scss dist/styles.css",
     "build": "npm run clean && npm run build:css && rollup -c",
     "prepublish": "npm run lint && npm run test && npm run build",
-    "publish:package": "npm run prepublish && npm publish"
+    "publish:package": "npm run prepublish && npm publish",
+    "dev:css": "sass --watch src/styles.scss dist/styles.css",
+    "dev": "rollup -c -w"
   }
 }

src/index.tsx

@@ -113,9 +113,9 @@ const useComboboxContext = () => useContext(ComboboxContext);
  * Use this hook to control the open state and input value of the combobox.
  * Pass the properties down to the DataListInput component.
  */
-const useComboboxControls = ({ initialValue = '', ...params }: { isExpanded: boolean; initialValue?: string }) => {
-  const [isExpanded, setIsExpanded] = useStateRef(params.isExpanded);
-  const [value, setValue] = useState(initialValue);
+const useComboboxControls = (params?: { isExpanded: boolean; initialValue?: string }) => {
+  const [isExpanded, setIsExpanded] = useStateRef(params?.isExpanded);
+  const [value, setValue] = useState(params?.initialValue || '');
   return {
     isExpanded,
     value,