Feat/update react deps

.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.ts

@@ -0,0 +1,45 @@
+import js from "@eslint/js";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+import pluginReact from "eslint-plugin-react";
+import reactRefresh from "eslint-plugin-react-refresh";
+import { defineConfig, globalIgnores } from "eslint/config";
+
+export default defineConfig([
+  tseslint.configs.recommended,
+  pluginReact.configs.flat.recommended,
+  reactRefresh.configs.vite,
+  {
+    extends: ["js/recommended"],
+    files: ["**/*.{js,mjs,cjs,ts,mts,cts,jsx,tsx}"],
+    languageOptions: { globals: globals.browser },
+    plugins: { js },
+    rules: {
+      // your desired TS/React rules (feel free to edit)
+      "@typescript-eslint/consistent-type-imports": [
+        "error",
+        {
+          prefer: "type-imports",
+          disallowTypeAnnotations: false,
+          fixStyle: "inline-type-imports",
+        },
+      ],
+      "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }],
+      "@typescript-eslint/no-explicit-any": ["error", { ignoreRestArgs: true }],
+
+      // React-specific stylistic choices you might want
+      "react/react-in-jsx-scope": "off", // not needed with new JSX transform
+      "react/jsx-uses-react": "off",
+      "no-unused-vars": "warn",
+      "no-undef": "warn",
+    },
+    settings: {
+      react: {
+        version: "detect",
+      },
+    },
+  },
+
+  // --- global ignore patterns (same as .eslintignore)
+  globalIgnores(["dist", "node_modules", "example"]),
+]);

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';