zc-ui-library 0.1.2 → 0.1.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zc-ui-library",
   "private": false,
-  "version": "0.1.2",
+  "version": "0.1.4",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/src/App.tsx

@@ -1,11 +1,9 @@
 import './App.css'
-import {ZcButton} from "./components/Button/ZcButton.tsx";
-
 function App() {
 
    return (
       <>
-         <ZcButton variant='primary'>clicked</ZcButton>
+
       </>
    )
 }

package/src/components/Button/ZcButton.tsx

@@ -1,49 +1,7 @@
-import * as React from "react";
-
-export type ButtonVariant = 'primary' | 'secondary'
-export type ButtonSize = 'sm' | 'md' | 'lg'
-
-export interface ButtonProps
-   extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-   variant?: ButtonVariant
-   size?: ButtonSize
-}
-
-export const ZcButton = React.forwardRef<HTMLButtonElement, ButtonProps>(function ZcButton(
-   {
-      variant = 'primary',
-      size = 'md',
-      disabled,
-      children,
-      ...props
-   },
-   ref
-) {
+export default function ZcButton() {
    return (
-      <button
-         ref={ref}
-         disabled={disabled}
-         data-variant={variant}
-         data-size={size}
-         style={{
-            padding:
-               size === 'sm'
-                  ? '6px 10px'
-                  : size === 'lg'
-                     ? '12px 18px'
-                     : '8px 14px',
-            borderRadius: 6,
-            border: '1px solid transparent',
-            cursor: disabled ? 'not-allowed' : 'pointer',
-            background:
-               variant === 'secondary' ? '#fff' : '#2563eb',
-            color:
-               variant === 'secondary' ? '#111' : '#fff',
-            opacity: disabled ? 0.6 : 1,
-         }}
-         {...props}
-      >
-         {children}
+      <button>
+         clicked
       </button>
    )
-})
+}

package/src/index.ts

@@ -1 +1 @@
-export {ZcButton} from './components/Button/ZcButton.tsx';
+export {default as ZcButton} from './components/Button/ZcButton.tsx';

package/vite.config.js

@@ -1,26 +1,38 @@
-import { defineConfig } from 'vite'
+import {defineConfig} from 'vite'
 import react from '@vitejs/plugin-react'
 import dts from 'vite-plugin-dts'
-import {resolve} from "path";
+import path from 'node:path'
+import tailwindcss from 'tailwindcss'
 
 export default defineConfig({
-  plugins: [
-    react(),
-    dts({
-      entryRoot: 'src',
-      insertTypesEntry: true,
-    }),
-  ],
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'src/index.ts'),
-      name: 'zc-ui-library',
-      formats: ['es', 'cjs'],
-      fileName: (format) =>
-         format === 'es' ? 'index.js' : 'index.cjs',
-    },
-    rollupOptions: {
-      external: ['react', 'react-dom'],
-    },
-  },
-})
+   plugins: [
+      react(),
+      dts({
+         entryRoot: path.resolve(__dirname, 'src'),
+         outDir: path.resolve(__dirname, 'dist'),
+         insertTypesEntry: true,
+         rollupTypes: false, // ✅ MUST be false
+      }),
+   ],
+
+   build: {
+      lib: {
+         entry: path.resolve(__dirname, 'src/index.ts'),
+         name: 'ZcUILibrary',
+         formats: ['es', 'cjs'],
+         fileName: (format) =>
+            format === 'es' ? 'index.js' : 'index.cjs',
+      },
+      rollupOptions: {
+         external: ['react', 'react-dom'], // ✅ ONLY runtime deps
+      },
+      sourcemap: true,
+      emptyOutDir: true,
+   },
+
+   css: {
+      postcss: {
+         plugins: [tailwindcss],
+      },
+   },
+})