fix: design system bundling issues

Author: adbayb

hosts/web/package.json

@@ -18,7 +18,7 @@
 		"@types/react": "19.0.10",
 		"@types/react-dom": "19.0.4",
 		"@vitejs/plugin-react-swc": "3.8.0",
-		"typescript": "5.7.3",
-		"vite": "6.1.1"
+		"typescript": "5.8.2",
+		"vite": "6.2.0"
 	}
 }

hosts/web/vite.config.ts

@@ -1,7 +1,9 @@
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
 
-// https://vite.dev/config/
 export default defineConfig({
 	plugins: [react()],
+	server: {
+		open: true,
+	},
 });

modules/catalog/package.json

@@ -37,9 +37,9 @@
 	"devDependencies": {
 		"@clean-architecture/shared-kernel": "workspace:*",
 		"@types/react": "19.0.10",
-		"quickbundle": "2.9.0",
+		"quickbundle": "2.10.0",
 		"react": "19.0.0",
-		"vitest": "3.0.6"
+		"vitest": "3.0.8"
 	},
 	"peerDependencies": {
 		"@clean-architecture/shared-kernel": "^0.0.0",

modules/shared-kernel/package.json

@@ -35,14 +35,14 @@
 		"watch": "quickbundle watch"
 	},
 	"dependencies": {
-		"@chakra-ui/react": "^3.8.1",
+		"@chakra-ui/react": "^3.9.0",
 		"@emotion/react": "^11.14.0",
 		"@open-vanilla/result": "^3.0.0"
 	},
 	"devDependencies": {
-		"quickbundle": "2.9.0",
+		"quickbundle": "2.10.0",
 		"react": "19.0.0",
-		"vitest": "3.0.6"
+		"vitest": "3.0.8"
 	},
 	"peerDependencies": {
 		"react": "^18.0.0 || ^19.0.0"

modules/shared-kernel/src/frameworks/designSystem.tsx

@@ -1,16 +1,14 @@
 import type { FunctionComponent, PropsWithChildren, ReactElement } from "react";
-import {
-	Button as ChakraButton,
-	Card as ChakraCard,
-	Heading as ChakraHeading,
-	Image as ChakraImage,
-	Text as ChakraText,
-} from "@chakra-ui/react";
+import { Card as ChakraCard, Image } from "@chakra-ui/react";
 
 export {
 	ChakraProvider,
 	defaultSystem as chakraDefaultSystem,
 	Box,
+	Button,
+	Heading,
+	Image,
+	Text,
 } from "@chakra-ui/react";
 
 export type CardProps = {
@@ -80,38 +78,3 @@ export const Card = ({
 		</CardRoot>
 	);
 };
-
-export const Button: FunctionComponent<{
-	readonly children: string;
-	readonly onClick: () => void;
-	readonly variant?: "outline" | "solid";
-}> = (props) => <ChakraButton {...props} />;
-
-export const Heading: FunctionComponent<{
-	readonly children: string;
-	readonly size?:
-		| "2xl"
-		| "3xl"
-		| "4xl"
-		| "5xl"
-		| "6xl"
-		| "7xl"
-		| "lg"
-		| "md"
-		| "sm"
-		| "xl"
-		| "xs";
-}> = (props) => <ChakraHeading {...props} />;
-
-export const Image: FunctionComponent<{
-	readonly alt?: string;
-	readonly rounded?: "md";
-	readonly src?: string;
-}> = (props) => <ChakraImage {...props} />;
-
-export const Text: FunctionComponent<{
-	readonly children: string;
-	readonly color?: string;
-}> = (props) => {
-	return <ChakraText {...props} />;
-};

package.json

@@ -18,9 +18,9 @@
 	},
 	"prettier": "@adbayb/stack/prettier",
 	"devDependencies": {
-		"@adbayb/stack": "2.19.0"
+		"@adbayb/stack": "2.20.0"
 	},
-	"packageManager": "pnpm@10.4.1",
+	"packageManager": "pnpm@10.6.0",
 	"engines": {
 		"node": ">=22.0.0",
 		"npm": "please-use-pnpm",