@equal-experts/kuat-vue 0.1.2

package/dist/index.mjs

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

package/dist/index.umd.js

@@ -0,0 +1 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("@equal-experts/kuat-core")):typeof define=="function"&&define.amd?define(["exports","@equal-experts/kuat-core"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.KuatVue={},e.KuatCore))})(this,function(e,t){"use strict";Object.keys(t).forEach(u=>{u!=="default"&&!Object.prototype.hasOwnProperty.call(e,u)&&Object.defineProperty(e,u,{enumerable:!0,get:()=>t[u]})}),Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@equal-experts/kuat-vue",
+  "version": "0.1.2",
+  "description": "Vue 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",
+    "vue": "^3.3.11"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.5.2",
+    "vite": "^5.0.10",
+    "typescript": "^5.3.3",
+    "vue-tsc": "^1.8.25"
+  },
+  "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.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+interface ButtonProps {
+  variant?: 'primary' | 'secondary' | 'outline'
+  size?: 'sm' | 'md' | 'lg'
+  disabled?: boolean
+}
+
+const props = withDefaults(defineProps<ButtonProps>(), {
+  variant: 'primary',
+  size: 'md',
+  disabled: false
+})
+
+const buttonClasses = computed(() => {
+  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'
+  }
+  
+  return [
+    baseClasses, 
+    variantClasses[props.variant], 
+    sizeClasses[props.size],
+    props.disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'
+  ].join(' ')
+})
+</script>
+
+<template>
+  <button 
+    :class="buttonClasses"
+    :disabled="disabled"
+  >
+    <slot>Button</slot>
+  </button>
+</template>

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,23 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+
+export default defineConfig({
+  plugins: [vue()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src/index.ts'),
+      name: 'KuatVue',
+      fileName: 'index'
+    },
+    rollupOptions: {
+      external: ['vue', '@equal-experts/kuat-core'],
+      output: {
+        globals: {
+          vue: 'Vue',
+          '@equal-experts/kuat-core': 'KuatCore'
+        }
+      }
+    }
+  }
+})