Setting up a test server for development 🎉

.eslintignore

@@ -1,6 +1,9 @@
 # Folders
 dist/
 assets/
+pages/
+components/
+styles/
 
 # Files
 README.md

.eslintrc.json

@@ -10,7 +10,8 @@
         "plugin:react/recommended",
         "plugin:@typescript-eslint/recommended",
         "plugin:prettier/recommended",
-        "plugin:react-hooks/recommended"
+        "plugin:react-hooks/recommended",
+        "next/core-web-vitals"
     ],
     "overrides": [],
     "parser": "@typescript-eslint/parser",
@@ -26,7 +27,7 @@
             "version": "detect"
         }
     },
-    "plugins": ["react", "@typescript-eslint", "import", "prettier"],
+    "plugins": ["react", "@typescript-eslint", "import", "prettier", "@next/eslint-plugin-next"],
     "rules": {
         "indent": ["error", 4],
         "linebreak-style": ["error", "unix"],

.gitignore

@@ -2,6 +2,7 @@
 
 # dependencies
 node_modules
+/.next/
 
 # test coverage
 coverage
@@ -11,6 +12,7 @@ build
 dist
 .rpt2_cache
 .eslintcache
+tsconfig.tsbuildinfo
 
 # misc
 .DS_Store

.npmignore

@@ -4,11 +4,17 @@ node_modules
 .vscode
 .idea
 assets
+.git
+pages
+components
+styles
+.next
+.rollup.cache
 ## Files
 babel.config.json
 tsconfig.json
 rollup.config.js
-.git
+next.config.js
 .gitignore
 .eslintignore
 .eslintrc.json
@@ -20,3 +26,4 @@ package-lock.json
 yarn.lock
 tailwind.config.js
 postcss.config.js
+tsconfig.tsbuildinfo

.prettierignore

@@ -1,6 +1,8 @@
 # Folders
 dist/
 assets/
+.next/
+.rollup.cache/
 
 # Files
 README.md

.rollup.cache/Users/onesine/Workspace/lab react/packages/react-tailwindcss-select/src/components/DisabledItem.jsx

@@ -0,0 +1,12 @@
+import React, { useContext } from "react";
+import { SelectContext } from "./SelectProvider";
+const DisabledItem = ({ children }) => {
+    const { classNames } = useContext(SelectContext);
+    return (<div className={classNames && classNames.listDisabledItem
+            ? classNames.listDisabledItem
+            : "px-2 py-2 cursor-not-allowed truncate text-gray-400 select-none"}>
+            {children}
+        </div>);
+};
+export default DisabledItem;
+//# sourceMappingURL=DisabledItem.jsx.map

.rollup.cache/Users/onesine/Workspace/lab react/packages/react-tailwindcss-select/src/components/GroupItem.jsx

@@ -0,0 +1,19 @@
+import React from "react";
+import Item from "./Item";
+import { useSelectContext } from "./SelectProvider";
+const GroupItem = ({ item, primaryColor }) => {
+    const { classNames, formatGroupLabel } = useSelectContext();
+    return (<>
+            {item.options.length > 0 && (<>
+                    {formatGroupLabel ? (<>{formatGroupLabel(item)}</>) : (<div className={classNames && classNames.listGroupLabel
+                    ? classNames.listGroupLabel
+                    : "pr-2 py-2 cursor-default select-none truncate font-bold text-gray-700"}>
+                            {item.label}
+                        </div>)}
+
+                    {item.options.map((item, index) => (<Item primaryColor={primaryColor} key={index} item={item}/>))}
+                </>)}
+        </>);
+};
+export default GroupItem;
+//# sourceMappingURL=GroupItem.jsx.map

.rollup.cache/Users/onesine/Workspace/lab react/packages/react-tailwindcss-select/src/components/Icons.jsx

@@ -0,0 +1,17 @@
+import React from "react";
+export const CloseIcon = ({ className = "" }) => {
+    return (<svg className={className} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+            <path fillRule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clipRule="evenodd"/>
+        </svg>);
+};
+export const ChevronIcon = ({ className = "" }) => {
+    return (<svg className={className} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+            <path fillRule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clipRule="evenodd"/>
+        </svg>);
+};
+export const SearchIcon = ({ className = "" }) => {
+    return (<svg className={className} fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
+        </svg>);
+};
+//# sourceMappingURL=Icons.jsx.map