- {src ? (
- 
- ) : (
-
- {fallback || alt.charAt(0).toUpperCase()}
-
- )}
-
- );
- }
-);
-
-Avatar.displayName = 'Avatar';
diff --git a/packages/design-system/src/components/Avatar/index.ts b/packages/design-system/src/components/Avatar/index.ts
deleted file mode 100644
index f320a6df5..000000000
--- a/packages/design-system/src/components/Avatar/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Avatar, type AvatarProps } from './Avatar';
diff --git a/packages/design-system/src/components/Button/Button.tsx b/packages/design-system/src/components/Button/Button.tsx
deleted file mode 100644
index dfbd90682..000000000
--- a/packages/design-system/src/components/Button/Button.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import React from 'react';
-import { cn } from '../../utils/cn';
-
-export interface ButtonProps extends React.ButtonHTMLAttributes
- {children}
-
- );
- }
-);
-
-Card.displayName = 'Card';
diff --git a/packages/design-system/src/components/Card/index.ts b/packages/design-system/src/components/Card/index.ts
deleted file mode 100644
index 6c3d0c328..000000000
--- a/packages/design-system/src/components/Card/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Card, type CardProps } from './Card';
diff --git a/packages/design-system/src/components/Input/Input.tsx b/packages/design-system/src/components/Input/Input.tsx
deleted file mode 100644
index 7c7f9091e..000000000
--- a/packages/design-system/src/components/Input/Input.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-import React from 'react';
-import { Search, Upload as UploadIcon } from 'lucide-react';
-import { cn } from '../../utils/cn';
-
-/* -------------------------------------------------------------------------- */
-/* Text Input */
-/* -------------------------------------------------------------------------- */
-
-export interface InputProps extends React.InputHTMLAttributes
- {label && (
-
- )}
-
- );
- }
-);
-
-Input.displayName = 'Input';
-
-/* -------------------------------------------------------------------------- */
-/* Search Input */
-/* -------------------------------------------------------------------------- */
-
-export const SearchInput = React.forwardRef<
- HTMLInputElement,
- React.InputHTMLAttributes
- {icon && (
-
-
- {icon}
-
- )}
-
-
-
-
- );
-});
-
-SearchInput.displayName = 'SearchInput';
-
-/* -------------------------------------------------------------------------- */
-/* File Upload */
-/* -------------------------------------------------------------------------- */
-
-export interface FileUploadProps {
- onUpload?: (files: FileList) => void;
- className?: string;
-}
-
-export const FileUpload: React.FC
-
- );
-};
diff --git a/packages/design-system/src/components/Input/index.ts b/packages/design-system/src/components/Input/index.ts
deleted file mode 100644
index 71572e04a..000000000
--- a/packages/design-system/src/components/Input/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { Input, SearchInput, FileUpload, type InputProps, type FileUploadProps } from './Input';
diff --git a/packages/design-system/src/components/NotificationBadge/NotificationBadge.tsx b/packages/design-system/src/components/NotificationBadge/NotificationBadge.tsx
deleted file mode 100644
index 676c90a79..000000000
--- a/packages/design-system/src/components/NotificationBadge/NotificationBadge.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import React from 'react';
-import { Bell } from 'lucide-react';
-import { cn } from '../../utils/cn';
-
-export interface NotificationBadgeProps {
- count?: number;
- className?: string;
-}
-
-/**
- * NotificationBadge - Simple notification indicator
- * Part of Kōdō Design System
- */
-export const NotificationBadge = React.forwardRef
-
- Drop your stems here
-- Support for WAV, FLAC, AIFF. Up to 500MB per file.{' '} - Premium users get unlimited storage. -
-
-
- );
- }
-);
-
-NotificationBadge.displayName = 'NotificationBadge';
diff --git a/packages/design-system/src/components/NotificationBadge/index.ts b/packages/design-system/src/components/NotificationBadge/index.ts
deleted file mode 100644
index d3775fcf5..000000000
--- a/packages/design-system/src/components/NotificationBadge/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { NotificationBadge, type NotificationBadgeProps } from './NotificationBadge';
diff --git a/packages/design-system/src/components/Progress/Progress.tsx b/packages/design-system/src/components/Progress/Progress.tsx
deleted file mode 100644
index 4d9cb8e52..000000000
--- a/packages/design-system/src/components/Progress/Progress.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-import { cn } from '../../utils/cn';
-
-export interface ProgressBarProps {
- value: number; // 0 to 100
- max?: number;
- variant?: 'default' | 'gaming' | 'segmented';
- color?: 'cyan' | 'magenta' | 'lime' | 'gold';
- labelLeft?: string;
- labelRight?: string;
- className?: string;
-}
-
-export const ProgressBar: React.FC
-
- );
- }
-
- return (
-
-
-
- {(labelLeft || labelRight) && (
-
- {labelLeft}
- {labelRight}
-
- )}
-
-
- );
-};
diff --git a/packages/design-system/src/components/Progress/index.ts b/packages/design-system/src/components/Progress/index.ts
deleted file mode 100644
index f0a060c58..000000000
--- a/packages/design-system/src/components/Progress/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { ProgressBar, type ProgressBarProps } from './Progress';
diff --git a/packages/design-system/src/components/StatCard/StatCard.tsx b/packages/design-system/src/components/StatCard/StatCard.tsx
deleted file mode 100644
index ef86b29f5..000000000
--- a/packages/design-system/src/components/StatCard/StatCard.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-import { cn } from '../../utils/cn';
-
-export interface StatCardProps {
- title: string;
- value: string | number;
- change?: string;
- icon?: React.ReactNode;
- color?: 'cyan' | 'lime' | 'magenta' | 'gold' | 'orange';
- className?: string;
-}
-
-/**
- * StatCard - Dashboard statistics card component
- * Part of Kōdō Design System
- */
-export const StatCard = React.forwardRef
-
-
- {(labelLeft || labelRight) && (
-
- {labelLeft}
- {labelRight}
-
- )}
-
-
- );
- }
-);
-
-StatCard.displayName = 'StatCard';
diff --git a/packages/design-system/src/components/StatCard/index.ts b/packages/design-system/src/components/StatCard/index.ts
deleted file mode 100644
index 4058481bd..000000000
--- a/packages/design-system/src/components/StatCard/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { StatCard, type StatCardProps } from './StatCard';
diff --git a/packages/design-system/src/components/TrackList/TrackList.tsx b/packages/design-system/src/components/TrackList/TrackList.tsx
deleted file mode 100644
index 046224c46..000000000
--- a/packages/design-system/src/components/TrackList/TrackList.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import React from 'react';
-import { Music, Play, MoreVertical } from 'lucide-react';
-import { cn } from '../../utils/cn';
-
-export interface Track {
- id: string;
- title: string;
- artist?: string;
- duration?: string;
- coverUrl?: string;
-}
-
-export interface TrackListProps {
- tracks: Track[];
- onTrackClick?: (track: Track) => void;
- onPlayClick?: (track: Track) => void;
- onMoreClick?: (track: Track) => void;
- className?: string;
-}
-
-/**
- * TrackList - Display a list of tracks
- * Part of Kōdō Design System
- */
-export const TrackList = React.forwardRef
-
- {title}
- {icon &&{icon}
}
-
-
- {value}
- {change && (
- - {change} - {' par rapport au mois dernier'} -
- )} -
-
- );
- }
-
- return (
- Aucune piste disponible
-
- {tracks.map((track) => (
-
- );
- }
-);
-
-TrackList.displayName = 'TrackList';
diff --git a/packages/design-system/src/components/TrackList/index.ts b/packages/design-system/src/components/TrackList/index.ts
deleted file mode 100644
index 9ed513051..000000000
--- a/packages/design-system/src/components/TrackList/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { TrackList, type TrackListProps, type Track } from './TrackList';
diff --git a/packages/design-system/src/index.ts b/packages/design-system/src/index.ts
deleted file mode 100644
index cf1b6c007..000000000
--- a/packages/design-system/src/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-// Components
-export { Button, type ButtonProps } from './components/Button';
-export { Card, type CardProps } from './components/Card';
-export { Input, SearchInput, FileUpload, type InputProps, type FileUploadProps } from './components/Input';
-export { ProgressBar, type ProgressBarProps } from './components/Progress';
-export { StatCard, type StatCardProps } from './components/StatCard';
-export { TrackList, type TrackListProps, type Track } from './components/TrackList';
-export { NotificationBadge, type NotificationBadgeProps } from './components/NotificationBadge';
-export { Avatar, type AvatarProps } from './components/Avatar';
-
-// Tokens
-export { colors, cssVariables, type KodoColor } from './tokens/colors';
-
-// Utils
-export { cn } from './utils/cn';
diff --git a/packages/design-system/src/styles/index.css b/packages/design-system/src/styles/index.css
deleted file mode 100644
index 998a587be..000000000
--- a/packages/design-system/src/styles/index.css
+++ /dev/null
@@ -1,104 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* Kōdō Design System Global Styles */
-
-:root {
- /* SPECTRE ASTRAL PALETTE */
- --kodo-void: 11 12 16;
- --kodo-ink: 23 25 35;
- --kodo-graphite: 31 40 51;
- --kodo-slate: 44 54 67;
- --kodo-steel: 59 69 84;
-
- --kodo-cyan: 102 252 241;
- --kodo-cyan-dim: 69 162 158;
- --kodo-magenta: 138 126 164;
- --kodo-orange: 230 184 156;
-
- --kodo-lime: 54 229 209;
- --kodo-gold: 234 179 8;
- --kodo-red: 230 57 70;
-
- --kodo-text-main: 243 243 224;
- --kodo-content-highlight: 255 255 255;
- --kodo-content-dim: 156 163 175;
-}
-
-@layer base {
- body {
- @apply bg-kodo-void text-kodo-primary font-body;
- -webkit-font-smoothing: antialiased;
- background-image:
- radial-gradient(circle at 15% 0%, rgba(var(--kodo-cyan), 0.05) 0%, transparent 40%),
- radial-gradient(circle at 85% 100%, rgba(var(--kodo-magenta), 0.05) 0%, transparent 40%);
- background-attachment: fixed;
- }
-}
-
-/* Custom Scrollbar */
-::-webkit-scrollbar {
- width: 6px;
- height: 6px;
-}
-
-::-webkit-scrollbar-track {
- background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
- background: rgb(var(--kodo-steel));
- border-radius: 99px;
-}
-
-::-webkit-scrollbar-thumb:hover {
- background: rgb(var(--kodo-cyan-dim));
-}
-
-/* Animations */
-@keyframes float {
-
- 0%,
- 100% {
- transform: translateY(0px);
- }
-
- 50% {
- transform: translateY(-5px);
- }
-}
-
-.animate-float {
- animation: float 6s ease-in-out infinite;
-}
-
-@keyframes fadeIn {
- from {
- opacity: 0;
- }
-
- to {
- opacity: 1;
- }
-}
-
-.animate-fadeIn {
- animation: fadeIn 0.3s ease-in;
-}
-
-@keyframes pulse-glow {
-
- 0%,
- 100% {
- box-shadow: 0 0 10px rgba(var(--kodo-cyan), 0.2);
- }
-
- 50% {
- box-shadow: 0 0 20px rgba(var(--kodo-cyan), 0.4);
- }
-}
-
-.animate-pulse-glow {
- animation: pulse-glow 2s ease-in-out infinite;
-}
\ No newline at end of file
diff --git a/packages/design-system/src/tokens/colors.ts b/packages/design-system/src/tokens/colors.ts
deleted file mode 100644
index 83d280787..000000000
--- a/packages/design-system/src/tokens/colors.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-/**
- * Kōdō Design System - Spectre Astral Color Palette
- * Extracted from veza_frontend_web_v2
- */
-
-export const colors = {
- // Core Backgrounds
- void: 'rgb(11 12 16)', // #0B0C10 Nadir Black
- ink: 'rgb(23 25 35)', // Darker Blue-Grey for panels
- graphite: 'rgb(31 40 51)', // #1F2833 Graphite Blue
- slate: 'rgb(44 54 67)', // Surface Elevated
- steel: 'rgb(59 69 84)', // Borders
-
- // Accents
- cyan: 'rgb(102 252 241)', // #66FCF1 Spectral Cyan
- 'cyan-dim': 'rgb(69 162 158)', // #45A29E Anodized Turquoise
- magenta: 'rgb(138 126 164)', // #8A7EA4 Astral Lavender
- orange: 'rgb(230 184 156)', // #E6B89C Soft Ember
-
- // Utility Colors
- lime: 'rgb(54 229 209)', // Muted Teal/Green for Success
- gold: 'rgb(234 179 8)', // Refined Gold
- red: 'rgb(230 57 70)', // #E63946 Error
-
- // Text
- primary: 'rgb(243 243 224)', // #F3F3E0 Quiet Paper
- secondary: 'rgb(156 163 175)', // Gray-400
-} as const;
-
-export type KodoColor = keyof typeof colors;
-
-export const cssVariables = `
-:root {
- /* SPECTRE ASTRAL PALETTE */
- --kodo-void: 11 12 16;
- --kodo-ink: 23 25 35;
- --kodo-graphite: 31 40 51;
- --kodo-slate: 44 54 67;
- --kodo-steel: 59 69 84;
-
- --kodo-cyan: 102 252 241;
- --kodo-cyan-dim: 69 162 158;
- --kodo-magenta: 138 126 164;
- --kodo-orange: 230 184 156;
-
- --kodo-lime: 54 229 209;
- --kodo-gold: 234 179 8;
- --kodo-red: 230 57 70;
-
- --kodo-text-main: 243 243 224;
- --kodo-content-highlight: 255 255 255;
- --kodo-content-dim: 156 163 175;
-}
-`;
diff --git a/packages/design-system/src/utils/cn.ts b/packages/design-system/src/utils/cn.ts
deleted file mode 100644
index a813c6c20..000000000
--- a/packages/design-system/src/utils/cn.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import { type ClassValue, clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-/**
- * Utility function to merge Tailwind CSS classes
- * Combines clsx for conditional classes and tailwind-merge for deduplication
- */
-export function cn(...inputs: ClassValue[]) {
- return twMerge(clsx(inputs));
-}
diff --git a/packages/design-system/tailwind.config.js b/packages/design-system/tailwind.config.js
deleted file mode 100644
index 91a0ea022..000000000
--- a/packages/design-system/tailwind.config.js
+++ /dev/null
@@ -1,49 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
- content: ['./src/**/*.{js,ts,jsx,tsx}'],
- theme: {
- extend: {
- colors: {
- kodo: {
- void: 'rgb(var(--kodo-void) / onTrackClick?.(track)}
- >
- {/* Cover / Icon */}
-
- ))}
-
- {track.coverUrl ? (
- 
- ) : (
-
-
- {/* Track Info */}
-
-
-
- {/* Duration */}
- {track.duration && (
- {track.duration}
- )}
-
- {/* More button */}
- {onMoreClick && (
-
- )}
- {track.title}
- {track.artist && ( -{track.artist}
- )} -