@equal-experts/kuat-react 0.1.2

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@equal-experts/kuat-core");Object.keys(t).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>t[e]})});

package/dist/index.mjs

@@ -0,0 +1 @@
+export * from "@equal-experts/kuat-core";

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@equal-experts/kuat-react",
+  "version": "0.1.2",
+  "description": "React components for the design system",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite"
+  },
+  "dependencies": {
+    "@equal-experts/kuat-core": "^0.1.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.2.1",
+    "vite": "^5.0.10",
+    "typescript": "^5.3.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EqualExperts/ee-design-foundations.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/EqualExperts/ee-design-foundations/issues"
+  },
+  "homepage": "https://github.com/EqualExperts/ee-design-foundations#readme"
+}

package/src/Button.tsx

@@ -0,0 +1,42 @@
+import React from 'react'
+
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: 'primary' | 'secondary' | 'outline'
+  size?: 'sm' | 'md' | 'lg'
+}
+
+export const Button: React.FC<ButtonProps> = ({
+  variant = 'primary',
+  size = 'md',
+  children,
+  className,
+  ...props
+}) => {
+  const baseClasses = 'rounded-md transition-all duration-200 ease-in-out'
+  const variantClasses = {
+    primary: 'bg-brand-primary text-white hover:bg-brand-primary/90',
+    secondary: 'bg-brand-secondary text-white hover:bg-brand-secondary/90',
+    outline: 'border border-brand-primary text-brand-primary hover:bg-brand-primary/10'
+  }
+  const sizeClasses = {
+    sm: 'px-2 py-1 text-xs',
+    md: 'px-4 py-2 text-sm',
+    lg: 'px-6 py-3 text-base'
+  }
+  
+  const buttonClasses = [
+    baseClasses, 
+    variantClasses[variant], 
+    sizeClasses[size],
+    className
+  ].filter(Boolean).join(' ')
+
+  return (
+    <button 
+      className={buttonClasses} 
+      {...props}
+    >
+      {children}
+    </button>
+  )
+}

package/src/components/index.ts

@@ -0,0 +1,2 @@
+// Export all components
+// Example: export * from './Button'

package/src/index.ts

@@ -0,0 +1,5 @@
+// Export components
+export * from './components'
+
+// Re-export design tokens
+export * from '@equal-experts/kuat-core'

package/vite.config.ts

@@ -0,0 +1,24 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import { resolve } from 'path'
+
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      formats: ['es', 'cjs'],
+      fileName: (format) => `index.${format === 'es' ? 'mjs' : 'cjs'}`
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom', '@equal-experts/kuat-core'],
+      output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+          '@equal-experts/kuat-core': 'KuatCore'
+        }
+      }
+    }
+  }
+})