Feat/add vite plugins

.gitignore

@@ -1,6 +1,26 @@
+# Logs
+logs
 *.log
-.DS_Store
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
 node_modules
-.cache
 dist
+dist-ssr
+*.local
 .env
+.cache
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.husky/pre-commit

@@ -0,0 +1,2 @@
+npm test
+eslint .

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

eslint.config.js

@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { globalIgnores } from 'eslint/config'
+
+export default tseslint.config([
+  globalIgnores(['dist', 'example']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])

example/components/SwipeInFromBelowModal.js

@@ -1,6 +1,6 @@
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { useSpring, animated } from 'react-spring';
-import { useTrapFocus, useBodyScrollLock, useCloseOnEsc } from '../../.';
+import { useTrapFocus, useBodyScrollLock, useCloseOnEsc } from '@weahead/react-customizable-modal';
 
 const wrapperStyle = {
   display: 'flex',

example/components/animatedModal.js

@@ -1,6 +1,5 @@
-import React from 'react';
 import { useSpring, animated } from 'react-spring';
-import { useTrapFocus, useBodyScrollLock, useCloseOnEsc } from '../../.';
+import { useTrapFocus, useBodyScrollLock, useCloseOnEsc } from '@weahead/react-customizable-modal';
 
 export default function AnimatedModal({ onClose }) {
   useBodyScrollLock();

example/components/wobblyModal.js

@@ -1,6 +1,5 @@
-import React from 'react';
 import { useSpring, animated, config } from 'react-spring';
-import { useTrapFocus, useBodyScrollLock } from '../../.';
+import { useTrapFocus, useBodyScrollLock } from '@weahead/react-customizable-modal';
 
 export default function WobblyModal({ onClose }) {
   useBodyScrollLock();

example/index.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import ReactDOM from 'react-dom';
 import logo from './logo.svg';