adding some more cards

vite.config.js

@@ -1,10 +1,32 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import tailwindcss from '@tailwindcss/vite'
+import { resolve } from 'path'
+
+const isLib = process.env.BUILD_TARGET === 'lib'
 
 export default defineConfig({
   plugins: [
-    tailwindcss(),
+    // Tailwind only for the app build — consuming projects bring their own
+    !isLib && tailwindcss(),
     vue(),
-  ],
+  ].filter(Boolean),
+
+  build: isLib
+    ? {
+        lib: {
+          entry: resolve(__dirname, 'src/index.js'),
+          name: 'MkDesignSystem',
+          fileName: format => `mk-design-system.${format}.js`,
+          formats: ['es', 'cjs'],
+        },
+        rollupOptions: {
+          // Vue must be provided by the consuming project
+          external: ['vue'],
+          output: { globals: { vue: 'Vue' } },
+        },
+        // Emit a separate CSS file (design-system.css) consumers can import
+        cssCodeSplit: false,
+      }
+    : {},
 })