Merge pull request #328 from dev-five-git/add-layout

Impl layout

Author: owjs3901

.changeset/tiny-rocks-hunt.md

@@ -0,0 +1,19 @@
+---
+"@devup-ui/rsbuild-plugin": patch
+"@devup-ui/webpack-plugin": patch
+"@devup-ui/wasm": patch
+"@devup-ui/next-plugin": patch
+"@devup-ui/vite-plugin": patch
+---
+
+Optimized typography CSS values
+
+Merged base component CSS to avoid duplicate generation
+
+Introduced @layer to ensure style order consistency in CSS split mode
+
+Downgraded nm base to avoid issues with g-ad class (display: none when AdBlock is enabled)
+
+Fixed global CSS logic issue in CSS split mode
+
+

.changeset/tiny-rocks-hunt2.md

@@ -0,0 +1,9 @@
+---
+"@devup-ui/vite-plugin": patch
+---
+
+Fixed duplicate main.css generation in CSS split mode on vite
+
+
+
+

.changeset/tiny-rocks-hunt3.md

@@ -0,0 +1,11 @@
+---
+"@devup-ui/webpack-plugin": patch
+---
+
+Fixed default theme issue in Webpack
+
+
+
+
+
+

Cargo.lock

@@ -42,6 +42,12 @@ npm install @devup-ui/next-plugin
 
 # on vite
 npm install @devup-ui/vite-plugin
+
+# on rsbuild
+npm install @devup-ui/rsbuild-plugin
+
+# on webpack
+npm install @devup-ui/webpack-plugin
 ```
 
 ## Features

README.md

@@ -7,15 +7,15 @@
     "dev": "node ./script.js && next dev",
     "search": "node ./script.js",
     "build": "node ./script.js && next build",
-    "start": "node ./script.js && next start",
+    "start": "npx serve ./out",
     "lint": "eslint"
   },
   "dependencies": {
     "@devup-ui/components": "workspace:*",
     "@devup-ui/react": "workspace:*",
     "@devup-ui/reset-css": "workspace:*",
-    "@mdx-js/loader": "^3.1.0",
-    "@mdx-js/react": "^3.1.0",
+    "@mdx-js/loader": "^3.1.1",
+    "@mdx-js/react": "^3.1.1",
     "@next/mdx": "^15.5.2",
     "@types/mdx": "^2.0.13",
     "body-scroll-lock": "3.1.5",

apps/landing/package.json

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
-    "start": "next start",
+    "start": "npx serve ./out",
     "lint": "next lint"
   },
   "dependencies": {

apps/next/package.json

@@ -7,6 +7,7 @@
     "build": "rsbuild build",
     "dev": "rsbuild dev --open",
     "preview": "rsbuild preview",
+    "start": "npx serve ./dist",
     "lint": "tsc && eslint"
   },
   "dependencies": {
@@ -15,7 +16,7 @@
     "@devup-ui/react": "workspace:*"
   },
   "devDependencies": {
-    "@rsbuild/core": "^1.5.1",
+    "@rsbuild/core": "^1.5.3",
     "@rsbuild/plugin-react": "^1.4.0",
     "@devup-ui/rsbuild-plugin": "workspace:*"
   }

apps/rsbuild/package.json

@@ -1,11 +1,16 @@
-import { Box } from '@devup-ui/react';
+import { Box, Flex, Text } from '@devup-ui/react';
 
 const App = () => {
   return (
     <div className="content">
       <Box bg="blue" _hover={{ bg: 'red' }} color="white">
         Rsbuild support
       </Box>
+      <Flex>
+        <Text color="#777">a</Text>
+        <Text color="#777">b</Text>
+        <Text typography="header">typo</Text>
+      </Flex>
     </div>
   );
 };

apps/rsbuild/src/App.jsx

@@ -19,7 +19,7 @@
     "vite-plugin-dts": "^4.5.4",
     "@devup-ui/vite-plugin": "workspace:*",
     "@vitejs/plugin-react": "^5.0.2",
-    "vite": "^7.1.3",
+    "vite": "^7.1.4",
     "typescript": "^5",
     "@types/node": "^24",
     "@types/react": "^19"