feat: add Etherisc logo and update package references

Author: christoph2806

package.json

@@ -8,7 +8,7 @@
   ],
   "scripts": {
     "build": "pnpm -r build",
-    "dev": "pnpm --filter @org/ui-kit dev",
+    "dev": "pnpm --filter @etherisc/ui-kit dev",
     "test": "pnpm -r test",
     "test:a11y": "cd packages/ui-kit && pnpm run test-storybook:ci",
     "lint": "pnpm -r lint",

packages/showcase/package.json

@@ -15,7 +15,7 @@
   "dependencies": {
     "@faker-js/faker": "^9.8.0",
     "@hookform/resolvers": "^3.6.1",
-    "@org/ui-kit": "workspace:*",
+    "@etherisc/ui-kit": "workspace:*",
     "bcryptjs": "^3.0.2",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",

packages/ui-kit/CHANGELOG.md

@@ -1,4 +1,4 @@
-# @org/ui-kit
+# @etherisc/ui-kit
 
 ## 0.2.0
 

packages/ui-kit/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@org/ui-kit",
+  "name": "@etherisc/ui-kit",
   "version": "0.1.0-beta",
   "private": true,
   "type": "module",

packages/ui-kit/src/Welcome.mdx

@@ -0,0 +1,146 @@
+import { Meta } from "@storybook/blocks";
+import { EtheriscLogo } from "./components/brand/EtheriscLogo";
+
+<Meta title="Welcome" />
+
+<div
+  style={{
+    display: "flex",
+    alignItems: "center",
+    gap: "1rem",
+    marginBottom: "2rem",
+  }}
+>
+  <EtheriscLogo size="xl" />
+</div>
+
+# 🚀 Etherisc UI Kit
+
+Welcome to the **Etherisc UI Kit** - a comprehensive React component library built with modern web standards and accessibility in mind.
+
+## 📦 Installation
+
+Install the UI Kit in your project:
+
+```bash
+npm install @etherisc/ui-kit
+```
+
+Or with pnpm:
+
+```bash
+pnpm add @etherisc/ui-kit
+```
+
+## 🎯 Quick Start
+
+```tsx
+import { Button, ThemeProvider } from "@etherisc/ui-kit";
+import "@etherisc/ui-kit/dist/style.css";
+
+function App() {
+  return (
+    <ThemeProvider>
+      <Button variant="primary">Hello Etherisc!</Button>
+    </ThemeProvider>
+  );
+}
+```
+
+## 🧩 Component Categories
+
+### 🎨 **Primitives**
+
+Basic building blocks for your application:
+
+- **Button** - Various button styles and states
+- **Input** - Text, number, and form inputs
+- **Checkbox** - Accessible checkbox components
+- **ThemeToggle** - Dark/light mode switcher
+
+### 📋 **Form Components**
+
+Complete form building blocks:
+
+- **TextInput** - Enhanced text input with validation
+- **NumberInput** - Numeric input with min/max constraints
+- **Form Examples** - Accessible form patterns
+
+### 🏗️ **Layout Components**
+
+Structure your application:
+
+- **AppShell** - Complete application layout
+- **AuthShell** - Authentication page layouts
+- **MinimalShell** - Minimal page layouts
+- **ContentWrapper** - Content area management
+- **Breadcrumbs** - Navigation breadcrumbs
+- **Logo** - Brand logo component
+- **NavItem** - Navigation items
+
+### 🔧 **Providers**
+
+Context providers for global functionality:
+
+- **ThemeProvider** - Theme and dark mode management
+- **ToastProvider** - Toast notification system
+- **ErrorBoundary** - Error handling and recovery
+
+### 🎨 **Brand Components**
+
+Official Etherisc branding elements:
+
+- **EtheriscLogo** - Official Etherisc logo with multiple variants
+
+## ✨ Key Features
+
+- **🎨 Modern Design System** - Built with Tailwind CSS and DaisyUI
+- **♿ Accessibility First** - WCAG 2.1 AA compliant components
+- **🌙 Dark Mode Support** - Seamless theme switching
+- **📱 Responsive Design** - Mobile-first approach
+- **🔧 TypeScript** - Full type safety and IntelliSense
+- **📚 Comprehensive Documentation** - Detailed examples and API docs
+- **🧪 Thoroughly Tested** - Unit tests and accessibility testing
+- **📦 Tree Shakeable** - Import only what you need
+
+## 🎨 Design Tokens
+
+The UI Kit uses a consistent design system with:
+
+- **Colors** - Primary, secondary, accent, and semantic colors
+- **Typography** - Consistent font scales and weights
+- **Spacing** - Harmonious spacing scale
+- **Shadows** - Subtle depth and elevation
+- **Border Radius** - Consistent corner rounding
+
+## 🔍 Explore Components
+
+Use the sidebar to explore all available components. Each component includes:
+
+- **📖 Documentation** - Usage guidelines and best practices
+- **🎮 Interactive Examples** - Live component playground
+- **⚙️ Props API** - Complete property documentation
+- **♿ Accessibility Notes** - ARIA patterns and keyboard navigation
+
+## 🚀 Getting Started
+
+1. **Browse Components** - Explore the component library in the sidebar
+2. **Read Documentation** - Check the "Docs" tab for each component
+3. **Try Examples** - Interact with components in the "Canvas" tab
+4. **Copy Code** - Use the code examples in your project
+
+## 📚 Additional Resources
+
+- **GitHub Repository** - [etherisc/ui-kit](https://github.com/etherisc/ui-kit)
+- **NPM Package** - [@etherisc/ui-kit](https://www.npmjs.com/package/@etherisc/ui-kit)
+- **Build Information** - [Build Details](/build-info.html)
+
+## 🤝 Contributing
+
+We welcome contributions! Please see our contributing guidelines in the repository.
+
+---
+
+**Version:** {window.BUILD_INFO?.version || '0.1.0-beta'} | **Build:** {window.BUILD_INFO?.hash || 'latest'}
+
+Built with ❤️ by the Etherisc team