merge css inject

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "leux",
-	"version": "0.2.7",
+	"version": "0.2.8",
 	"homepage": "https://leux.vercel.app/",
 	"description": "React components library",
 	"publishConfig": {
@@ -79,6 +79,7 @@
 		"rollup": "^2.79.0",
 		"rollup-plugin-dts": "^4.2.2",
 		"rollup-plugin-includepaths": "^0.2.4",
+		"rollup-plugin-merge-and-inject-css": "^1.1.3",
 		"rollup-plugin-peer-deps-external": "^2.2.4",
 		"rollup-plugin-postcss": "^4.0.2",
 		"rollup-plugin-terser": "^7.0.2",

rollup.config.js

@@ -13,6 +13,8 @@ import cssnested from "postcss-nested";
 // eslint-disable-next-line node/no-missing-import
 import cssimport from "postcss-import";
 
+import cssmerge from "rollup-plugin-merge-and-inject-css";
+
 import peerDepsExternal from "rollup-plugin-peer-deps-external";
 import eslint from "@rollup/plugin-eslint";
 import eslintConfig from "./.eslintrc.json";
@@ -36,9 +38,13 @@ export default [
 		],
 		plugins: [
 			postcss({
-				extract: "leux.min.css",
+				inject: true,
 				minimize: true,
 				plugins: [cssimport(), simplevars(), cssnested()],
+				include: ["src/**/*.scss"],
+			}),
+			cssmerge({
+				id: "leux.min.css",
 			}),
 			peerDepsExternal(),
 			commonjs(),

src/components/Modal/index.ts

@@ -1,3 +1,2 @@
 export * from "./Modal";
-export * from "../ModalProvider/ModalProvider";
 export * from "./Modal.model";

src/components/OverlayProvider/OverlayProvider.tsx

@@ -1,5 +1,5 @@
 import React, { ComponentProps, FC, PropsWithChildren, useMemo } from "react";
-import { ModalProvider, ModalProviderProps } from "../Modal";
+import { ModalProvider, ModalProviderProps } from "../ModalProvider";
 import { LeSafeAny } from "../../types";
 import { ToastProvider, ToastProviderProps } from "../ToastProvider";