fix(modern): remove sketch implementation and reference separate plugin

release-npm

README.md

@@ -10,6 +10,9 @@ Indicates possible scroll using a fade effect in elements with overflow.
 
 [![npm](https://img.shields.io/npm/v/indicate)](https://npmjs.com/indicate)
 
+> [!TIP]
+> A modern React version of this library, called [overflow-scroll-fade](https://github.com/tobua/overflow-scroll-fade), is currently under development. It is much smaller and more performant; however, it does have some limitations, as it requires support for [`scroll-timeline`](https://caniuse.com/mdn-css_properties_scroll-timeline).
+
 ## Installation & Usage
 
 ```

demo-ssr/package.json

@@ -17,17 +17,17 @@
     "root": true
   },
   "dependencies": {
-    "next": "14.0.4",
+    "next": "14.1.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "indicate": "file:.."
   },
   "devDependencies": {
-    "@types/node": "20.10.5",
-    "@types/react": "18.2.45",
-    "@types/react-dom": "18.2.18",
-    "eslint": "8.56.0",
-    "eslint-config-next": "14.0.4",
-    "typescript": "5.3.3"
+    "@types/node": "20.12.3",
+    "@types/react": "18.2.74",
+    "@types/react-dom": "18.2.23",
+    "eslint": "8.57.0",
+    "eslint-config-next": "14.1.4",
+    "typescript": "5.4.3"
   }
 }

demo/package.json

@@ -7,9 +7,9 @@
   "dependencies": {
     "exmpl": "^3.1.0",
     "konfi": "^1.0.0",
-    "mobx": "^6.12.0",
-    "mobx-react-lite": "^4.0.5",
-    "papua": "^5.9.7",
+    "mobx": "^6.12.3",
+    "mobx-react-lite": "^4.0.7",
+    "papua": "^6.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

demo/test.tsx

@@ -5,7 +5,6 @@ import { indicate, remove, Indicate } from 'indicate'
 import youtube from 'indicate/theme/youtube'
 import className from 'indicate/theme/class-name'
 import { Button } from 'markup/Button'
-import { Modern } from 'modern'
 
 const TableHeader = (name) => (
   <th
@@ -391,8 +390,6 @@ export const TestCases = () => {
       </Indicate>
       <h3>Server-Side Rendering</h3>
       <ServerSideRendering />
-      <h2>Modern React Implementation</h2>
-      <Modern />
     </>
   )
 }

package.json

@@ -13,18 +13,17 @@
   },
   "padua": {
     "entry": [
-      "theme/*.ts",
-      "modern/index.tsx"
+      "theme/*.ts"
     ]
   },
   "dependencies": {
     "csstype": "^3.1.3",
     "react": "^18.2.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.61",
-    "cypress": "^13.6.6",
-    "padua": "^3.0.0"
+    "@types/react": "^18.2.74",
+    "cypress": "^13.7.2",
+    "padua": "^4.0.1"
   },
   "trustedDependencies": [
     "padua"
@@ -40,9 +39,6 @@
     "./theme/*": {
       "types": "./dist/theme/*",
       "default": "./dist/theme/*.js"
-    },
-    "./modern": {
-      "default": "./modern/index.tsx"
     }
   },
   "types": "./dist/index.d.ts",