/**
 * Design System Server (DSS) - Component Registry
 *
 * Central export for all Web Components.
 * Import this file to register all components.
 */

// Core Components
export { default as DsButton } from './ds-button.js';
export { DsCard, DsCardHeader, DsCardTitle, DsCardDescription, DsCardContent, DsCardFooter } from './ds-card.js';
export { default as DsInput } from './ds-input.js';
export { default as DsBadge } from './ds-badge.js';

// Component list for documentation
export const componentList = [
  {
    name: 'ds-button',
    description: 'Interactive button with variants and sizes',
    variants: ['primary', 'secondary', 'outline', 'ghost', 'destructive', 'success', 'link'],
    sizes: ['sm', 'default', 'lg', 'icon', 'icon-sm', 'icon-lg']
  },
  {
    name: 'ds-card',
    description: 'Container for grouped content',
    subcomponents: ['ds-card-header', 'ds-card-title', 'ds-card-description', 'ds-card-content', 'ds-card-footer']
  },
  {
    name: 'ds-input',
    description: 'Text input with label, icon, and error states',
    types: ['text', 'password', 'email', 'number', 'search', 'tel', 'url']
  },
  {
    name: 'ds-badge',
    description: 'Status indicator badge',
    variants: ['default', 'secondary', 'outline', 'destructive', 'success', 'warning']
  }
];

console.log('[DSS] Components loaded:', componentList.map(c => c.name).join(', '));