mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-29 08:14:57 +00:00
ORGANIZED INTO 4 MAIN CATEGORIES: - react/ React TypeScript components (145 components + Python bindings) - qml/ QML desktop components (104+ QML components) - python/ Python package implementations - legacy/ Utilities, contexts, and migration-in-progress code SUPPORTING FOLDERS (kept as-is): - icons/ 421 SVG icons - theming/ Material Design 3 theme system - styles/ SCSS modules and utilities - scss/ SCSS preprocessor files - docs/ Documentation files STRUCTURE IMPROVEMENTS: ✅ All code preserved (nothing deleted) ✅ Clear separation by implementation type ✅ Better navigation and discoverability ✅ Easy to find what you need ✅ Professional organization DOCUMENTATION: - Added STRUCTURE.md explaining the new layout - Updated folder organization with clear purpose - Maintained all original functionality All files reorganized while keeping full functionality intact. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
23 lines
617 B
TypeScript
23 lines
617 B
TypeScript
import React, { forwardRef } from 'react'
|
|
|
|
export interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
|
|
children?: React.ReactNode
|
|
sm?: boolean
|
|
error?: boolean
|
|
sx?: Record<string, unknown> // MUI sx prop for styling compatibility
|
|
}
|
|
|
|
export const Select = forwardRef<HTMLSelectElement, SelectProps>(
|
|
({ children, sm, error, className = '', sx, ...props }, ref) => (
|
|
<select
|
|
ref={ref}
|
|
className={`select ${sm ? 'select--sm' : ''} ${error ? 'select--error' : ''} ${className}`}
|
|
{...props}
|
|
>
|
|
{children}
|
|
</select>
|
|
)
|
|
)
|
|
|
|
Select.displayName = 'Select'
|