tinywidgets 1.3.9 → 1.3.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinywidgets",
-  "version": "1.3.9",
+  "version": "1.3.11",
   "author": "jamesgpearce",
   "repository": "github:tinyplex/tinywidgets",
   "license": "MIT",
@@ -20,28 +20,28 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.30.1",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "cspell": "^9.1.3",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "cspell": "^9.7.0",
     "eslint": "^9.30.1",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "globals": "^16.3.0",
-    "prettier": "^3.6.2",
-    "prettier-plugin-organize-imports": "^4.1.0",
-    "typescript": "^5.8.3",
-    "typescript-eslint": "^8.36.0"
+    "globals": "^17.4.0",
+    "prettier": "^3.8.1",
+    "prettier-plugin-organize-imports": "^4.3.0",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.57.1"
   },
   "exports": {
     ".": "./src/index.ts",
     "./css": "./src/index.css.ts"
   },
   "dependencies": {
-    "@vanilla-extract/css": "^1.17.4",
-    "lucide-react": "^0.525.0",
-    "react": "^19.1.0",
-    "react-dom": "^19.1.0",
-    "tinybase": "^6.4.0"
+    "@vanilla-extract/css": "^1.19.0",
+    "lucide-react": "^0.577.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "tinybase": "^8.0.1"
   }
 }

package/src/components/Button/index.tsx

@@ -180,7 +180,6 @@ export const Button = ({
   );
 
   return (
-    // @ts-expect-error anchorName not typed for React yet
     <button
       className={classNames(
         button,

package/src/components/Flyout/index.tsx

@@ -128,7 +128,6 @@ export const Flyout = ({
         ? createPortal(
             <div
               className={classNames(flyout, anchoredFlyout, className)}
-              // @ts-expect-error positionAnchor not typed for React yet
               style={{positionAnchor: anchor}}
             >
               {children}

package/src/components/Select/index.tsx

@@ -1,4 +1,4 @@
-import {useCallback, useState} from 'react';
+import {useCallback, useEffect, useState} from 'react';
 import {classNames} from '../../common/functions.tsx';
 import {select} from './index.css.ts';
 
@@ -49,13 +49,22 @@ export const Select = ({
   ref?: React.RefObject<HTMLSelectElement | null>;
 }) => {
   const [option, setOption] = useState(initialOption ?? '');
-  const handleChange = useCallback(
-    ({target: {value}}: React.ChangeEvent<HTMLSelectElement>) => {
+
+  const change = useCallback(
+    (value: string) => {
       setOption(value);
       onChange?.(value);
     },
     [onChange],
   );
+
+  const handleChange = useCallback(
+    ({target: {value}}: React.ChangeEvent<HTMLSelectElement>) => change(value),
+    [change],
+  );
+
+  useEffect(() => change(initialOption ?? ''), [change, initialOption]);
+
   return (
     <select
       value={option}