diff --git a/README.md b/README.md index a984ca7..1047adf 100644 --- a/README.md +++ b/README.md @@ -22,3 +22,20 @@ ```bash npm install snappycart +``` + +--- + +## Styles + +SnappyCart ships a default stylesheet. Import it at the root of your app: + +```js +import "snappycart/styles.css"; +``` + +For Next.js (App Router), add the import to your root layout (e.g. `app/layout.tsx`): + +```tsx +import "snappycart/styles.css"; +``` diff --git a/package.json b/package.json index d180a52..0551ab8 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "snappycart", "private": false, - "version": "1.1.0", + "version": "1.1.1", "type": "module", "description": "A lightweight, embeddable React cart component with context support", "module": "dist/index.js", @@ -13,7 +13,11 @@ "import": "./dist/index.js", "require": "./dist/index.cjs" }, - "./styles.css": "./dist/styles.css" + "./styles.css": { + "import": "./dist/styles.css", + "default": "./dist/styles.css" + }, + "./dist/styles.css": "./dist/styles.css" }, "sideEffects": ["./dist/styles.css"], "files": ["dist", "README.md", "LICENSE"],