@paolojulian.dev/design-system 1.0.0

package/dist/vite-config/vite.config.ts

@@ -0,0 +1,63 @@
+import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import tailwindcss from 'tailwindcss';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    viteStaticCopy({
+      targets: [
+        {
+          src: path.resolve(__dirname, 'src/assets/fonts/**/*'),
+          dest: 'assets/fonts',
+        },
+        {
+          src: 'vite.config.ts',
+          dest: 'vite-config',
+        },
+        {
+          src: 'tailwind.config.js',
+          dest: 'tailwind-config',
+        },
+      ],
+    }),
+    react(),
+    dts({ tsconfigPath: './tsconfig.node.json', rollupTypes: true }),
+  ],
+  build: {
+    lib: {
+      entry: {
+        index: path.resolve(__dirname, 'src/components/index.ts'),
+        constants: path.resolve(__dirname, 'src/constants/index.ts'),
+      },
+      name: 'PaoloJulian-DesignSystem',
+      fileName: (format) => `[name].${format}.js`,
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom', 'tailwindcss'],
+      output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+          tailwindcss: 'tailwindcss',
+        },
+      },
+    },
+    /**
+     * Generate sourcemap for each build
+     */
+    sourcemap: true,
+    /**
+     * Remove the dist folder before building
+     */
+    emptyOutDir: true,
+  },
+  css: {
+    postcss: {
+      plugins: [tailwindcss],
+    },
+  },
+});

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@paolojulian.dev/design-system",
+  "license": "MIT",
+  "private": false,
+  "version": "1.0.0",
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.es.js",
+  "exports": {
+    ".": {
+      "styles": "./dist/style.css",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./fonts/*": "./dist/assets/fonts/*",
+    "./tailwind-config/*": "./dist/tailwind-config/*",
+    "./vite-config/*": "./dist/vite-config/*"
+  },
+  "files": [
+    "/dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && yarn build:css",
+    "build:css": "tailwindcss -i ./src/index.css -o dist/style.css --minify",
+    "build:storybook": "storybook build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "publish:pack": "yarn build && npm pack --pack-destination ./packed"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwind-merge": "^2.2.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.9.0",
+    "@eslint/js": "^9.9.0",
+    "@storybook/addon-essentials": "^8.3.1",
+    "@storybook/addon-interactions": "^8.3.1",
+    "@storybook/addon-links": "^8.3.1",
+    "@storybook/addon-onboarding": "^8.3.1",
+    "@storybook/blocks": "^8.3.1",
+    "@storybook/react": "^8.3.1",
+    "@storybook/react-vite": "^8.3.1",
+    "@storybook/test": "^8.3.1",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^9.9.0",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-react-refresh": "^0.4.9",
+    "eslint-plugin-storybook": "^0.8.0",
+    "globals": "^15.9.0",
+    "postcss": "^8.4.47",
+    "storybook": "^8.3.1",
+    "tailwindcss": "^3.4.12",
+    "typescript": "^5.5.3",
+    "typescript-eslint": "^8.0.1",
+    "vite": "^5.4.1",
+    "vite-plugin-dts": "^4.2.1",
+    "vite-plugin-static-copy": "^1.0.6"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  }
+}