@basic-ui/material 0.1.8 → 0.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@basic-ui/material",
-  "version": "0.1.8",
+  "version": "0.1.11",
   "description": "Accessible React Components used as building blocks for UI patterns",
   "author": "Lucas Terra <lucasterra7@gmail.com>",
   "license": "MIT",
@@ -14,18 +14,20 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "start": "yarn run -T start-storybook -p 9001 -c ./scripts/storybook",
     "build": "concurrently \"yarn:build:*\"",
     "build:dts": "tsc -p ./tsconfig.json --isolatedModules false --declaration --emitDeclarationOnly",
     "build:cjs": "rollup -c ../../rollup.config.js",
     "build:esm": "cross-env NODE_ENV=production BABEL_ENV=esm babel --config-file ../../babel.config.js ./src --extensions \".ts,.tsx,.js,.jsx\" --source-maps --out-dir ./build/esm --ignore \"**/*.story.tsx,**/*.story.ts,**/*.test.tsx,**/*.test.ts\"",
+    "build-storybook": "build-storybook -c ../../scripts/storybook -o .out",
     "lint": "eslint 'src/**/*.{js,jsx,ts,tsx}' --fix",
     "format": "prettier --write '**/*.js'",
+    "start": "yarn run -T start-storybook -p 9001 -c ./scripts/storybook",
+    "serve": "http-server .out",
     "typecheck": "tsc --noEmit",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "dependencies": {
-    "@basic-ui/core": "^0.0.33",
+    "@basic-ui/core": "^0.0.36",
     "@styled-system/should-forward-prop": "5.1.5",
     "@types/styled-system": "^5.1.10",
     "@types/styled-system__css": "^5.0.14",
@@ -33,8 +35,8 @@
     "styled-system": "^5.1.5"
   },
   "devDependencies": {
-    "@emotion/react": "11.1.5",
-    "@emotion/styled": "11.1.5",
+    "@emotion/react": "11.9.0",
+    "@emotion/styled": "11.8.1",
     "polished": "^4.1.1"
   },
   "peerDependencies": {
@@ -44,9 +46,9 @@
     "@emotion/styled": "11.x",
     "@styled-system/css": "*",
     "polished": ">=3.0.0",
-    "react": ">=16.14.0 || >=17.0.0",
-    "react-dom": ">=16.14.0 || >=17.0.0",
+    "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0",
     "react-spring": "^9.0.0"
   },
-  "gitHead": "486ad33485c30932cff8417516369094bed8db70"
+  "gitHead": "255161ee895cdd62ff5de0a539562d593d215cdb"
 }

package/src/Ripple/useRipple.ts

@@ -105,7 +105,7 @@ export const useRipple = (opts: RippleOptions) => {
   // clear timeouts to avoid setting state on unmounted component
   useEffect(() => {
     return () => {
-      clearTimeout(restartTimeout.current);
+      restartTimeout.current && cancelAnimationFrame(restartTimeout.current);
       clearTimeout(enteringTimeout.current);
       clearTimeout(leavingTimeout.current);
     };
@@ -157,12 +157,12 @@ export const useRipple = (opts: RippleOptions) => {
 
     rippleState.current = 'restart';
     setRipple({ ...defaultRipple });
-    restartTimeout.current = window.setTimeout(() => {
+    restartTimeout.current = requestAnimationFrame(() => {
       rippleState.current = 'entering';
       setRipple(calculateRipplePosition(rect, clientX, clientY, center));
 
       enteringTimeout.current = window.setTimeout(setEntered, enterDuration);
-    }, 16);
+    });
   };
 
   // Styling

package/src/Snackbar/Stack.tsx

@@ -200,6 +200,7 @@ interface StackItem {
 }
 
 export const StackProvider: FC<{
+  children?: React.ReactNode | React.ReactNode[];
   gap?: number;
   placement?:
     | 'top-right'