Update dependencies and remove default exports in preact and react packages

Closes #230

Author: simonwep

package.json

@@ -18,31 +18,31 @@
         "release:patch": "lerna version patch"
     },
     "devDependencies": {
-        "@eslint/js": "9.15.0",
-        "@preact/preset-vite": "2.9.1",
-        "@types/node": "22.9.0",
-        "@types/react": "18.3.12",
-        "@types/react-dom": "18.3.1",
-        "@typescript-eslint/eslint-plugin": "8.15.0",
-        "@typescript-eslint/parser": "8.15.0",
-        "@vitejs/plugin-react": "4.3.3",
-        "@vitejs/plugin-vue": "5.2.0",
+        "@eslint/js": "9.17.0",
+        "@preact/preset-vite": "2.9.3",
+        "@types/node": "22.10.5",
+        "@types/react": "19.0.2",
+        "@types/react-dom": "19.0.2",
+        "@typescript-eslint/eslint-plugin": "8.19.0",
+        "@typescript-eslint/parser": "8.19.0",
+        "@vitejs/plugin-react": "4.3.4",
+        "@vitejs/plugin-vue": "5.2.1",
         "@vue/compiler-sfc": "3.5.13",
-        "@vue/eslint-config-typescript": "14.1.3",
-        "eslint": "9.15.0",
+        "@vue/eslint-config-typescript": "14.2.0",
+        "eslint": "9.17.0",
         "eslint-plugin-prefer-arrow-functions": "3.4.1",
-        "eslint-plugin-react": "7.37.2",
-        "eslint-plugin-vue": "9.31.0",
+        "eslint-plugin-react": "7.37.3",
+        "eslint-plugin-vue": "9.32.0",
         "lerna": "8.1.9",
-        "preact": "10.24.3",
-        "react": "18.3.1",
-        "react-dom": "18.3.1",
-        "typescript": "5.6.3",
-        "typescript-eslint": "8.15.0",
-        "vite": "5.4.11",
+        "preact": "10.25.4",
+        "react": "19.0.0",
+        "react-dom": "19.0.0",
+        "typescript": "5.7.2",
+        "typescript-eslint": "8.19.0",
+        "vite": "6.0.7",
         "vite-plugin-banner": "0.8.0",
-        "vite-plugin-dts": "4.3.0",
+        "vite-plugin-dts": "4.4.0",
         "vue": "3.5.13",
-        "vue-tsc": "2.1.10"
+        "vue-tsc": "2.2.0"
     }
 }

packages/preact/README.md

@@ -84,7 +84,7 @@ If you don't care about text-selection, add the following to the container where
 > They're a one-to-one mapping of the original options found in the [vanilla](../vanilla#configuration) version!
 
 ```tsx
-import SelectionArea, {SelectionEvent} from '@viselect/preact';
+import {SelectionArea, SelectionEvent} from '@viselect/preact';
 import {FunctionalComponent} from 'preact';
 import {useState} from 'preact/hooks';
 

packages/preact/demo/index.tsx

@@ -1,6 +1,6 @@
 import {render} from 'preact';
 import {useState} from 'preact/hooks';
-import SelectionArea, {SelectionEvent} from '../src';
+import {SelectionArea, SelectionEvent} from '../src';
 import './index.css';
 
 const SelectableArea = ({boxes, offset, className}: {

packages/preact/src/index.tsx

@@ -1,5 +1,3 @@
-import {SelectionArea} from './SelectionArea';
-export {useSelection} from './SelectionArea';
+export * from './SelectionArea';
 export {default as VanillaSelectionArea} from '@viselect/vanilla';
 export * from '@viselect/vanilla';
-export default SelectionArea;

packages/react/README.md

@@ -87,7 +87,7 @@ If you don't care about text-selection, add the following to the container where
 > They're a one-to-one mapping of the original options found in the [vanilla](../vanilla#configuration) version!
 
 ```tsx
-import SelectionArea, {SelectionEvent} from '@viselect/react';
+import {SelectionArea, SelectionEvent} from '@viselect/react';
 import React, {FunctionComponent, useState} from 'react';
 
 const App: FunctionComponent = () => {

packages/react/demo/index.tsx

@@ -1,6 +1,6 @@
 import React, {useState} from 'react';
 import {createRoot} from 'react-dom/client';
-import SelectionArea, {SelectionEvent} from '../src';
+import {SelectionArea, SelectionEvent} from '../src';
 import './index.css';
 
 const SelectableArea = ({boxes, offset, className}: {

packages/react/package.json

@@ -36,7 +36,7 @@
         "ui"
     ],
     "peerDependencies": {
-        "react": ">=17.0.2"
+        "react": ">=19.0.0"
     },
     "dependencies": {
         "@viselect/vanilla": "workspace:*"

packages/react/src/index.tsx

@@ -1,5 +1,3 @@
-import {SelectionArea} from './SelectionArea';
-export {useSelection} from './SelectionArea';
+export * from './SelectionArea';
 export {default as VanillaSelectionArea} from '@viselect/vanilla';
 export * from '@viselect/vanilla';
-export default SelectionArea;