feat: export style.css

Author: fourcels

docs/docs/getting-started.mdx

@@ -13,7 +13,7 @@ npm install @fourcels/react-image-upload
 
 ```jsx
 import { ImageUpload } from "@fourcels/react-image-upload";
-import "@fourcels/react-image-upload/dist/index.css";
+import "@fourcels/react-image-upload/style.css";
 
 function MyApp() {
   return <ImageUpload />;

docs/src/pages/index.tsx

@@ -6,7 +6,7 @@ import Heading from "@theme/Heading";
 
 import styles from "./index.module.css";
 import { ImageUpload } from "@fourcels/react-image-upload";
-import "@fourcels/react-image-upload/dist/index.css";
+import "@fourcels/react-image-upload/style.css";
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();

examples/shadcn/components/InputForm.tsx

@@ -18,7 +18,7 @@ import {
 import { Input } from "@/components/ui/input";
 
 import { ImageUpload } from "@fourcels/react-image-upload";
-import "@fourcels/react-image-upload/dist/index.css";
+import "@fourcels/react-image-upload/style.css";
 
 const FormSchema = z.object({
   username: z.string().min(2, {

packages/react-image-upload/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @fourcels/react-image-upload
 
+## 0.6.2
+
+### Patch Changes
+
+- feat: export style.css
+
 ## 0.6.1
 
 ### Patch Changes

packages/react-image-upload/README.md

@@ -18,7 +18,7 @@ pnpm add @fourcels/react-image-upload
 
 ```jsx
 import { ImageUpload } from "@fourcels/react-image-upload";
-import "@fourcels/react-image-upload/dist/index.css";
+import "@fourcels/react-image-upload/style.css";
 
 function MyApp() {
   return <ImageUpload />;

packages/react-image-upload/package.json

@@ -1,9 +1,19 @@
 {
   "name": "@fourcels/react-image-upload",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "type": "module",
   "description": "A image upload component for React",
   "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    },
+    "./style.css": {
+      "import": "./dist/index.css",
+      "require": "./dist/index.css"
+    }
+  },
   "scripts": {
     "dev": "tsup --watch",
     "build": "tsup"