docs: update readme

README.md

@@ -37,7 +37,7 @@ The headless-stepper library provide two ways to build your stepper component:
 To use the `Stepper` and `Step` components, you need to import the `Stepper` and `Step` components from the `headless-stepper` library.
 
 ```tsx
-import { Stepper, Step } from 'headless-stepper';
+import { Stepper, Step } from 'headless-stepper/components';
 
 const MyAwesomeStepper = () => {
   return (

package.json

@@ -12,8 +12,8 @@
     "build:components-fast": "pnpm exec tsup --config packages/headless-stepper/components/tsup.config.ts",
     "build:all": "pnpm run build:lib && pnpm run build:components",
     "nx": "nx",
-    "publish:prod": "npm run build:lib && cd ./packages/headless-stepper && npm publish",
-    "publish:dev": "npm run build:lib && cd ./packages/headless-stepper && npm publish --tag next",
+    "publish:prod": "npm run build:all && cd ./packages/headless-stepper && npm publish",
+    "publish:dev": "npm run build:all && cd ./packages/headless-stepper && npm publish --tag next",
     "size": "size-limit",
     "analyze": "size-limit --why",
     "test": "nx test headless-stepper",

packages/headless-stepper/package.json

@@ -1,7 +1,7 @@
 {
   "name": "headless-stepper",
   "description": "Production ready React hook to create awesome stepper components. Effortless to use, easy to customize.",
-  "version": "1.8.0-beta.1",
+  "version": "1.8.0-beta.2",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",