mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-29 16:24:58 +00:00
johndoe6345789
c406b8df96
Move FakeMUI content to appropriate root-level folders by implementation:
**React Components → components/fakemui/**
- 537 components (inputs, surfaces, layout, data-display, feedback,
navigation, utils, atoms, lab, x, email, workflows)
- 416 SVG icons
- Full barrel exports in components/fakemui/index.ts
**QML Components → qml/**
- 104 Material Design 3 components (11 categories)
- 7 hybrid application views
- 8 desktop widgets
- qmldir module registration
**Python Bindings → python/fakemui/**
- 15 PyQt6 modules (120+ components)
- Full Python package structure with pyproject.toml
**SCSS/Styles → fakemui/** (renamed purpose)
- scss/ - Material Design 3 stylesheets
- styles/ - Component SCSS modules
- src/utils/ - Accessibility utilities
- index.ts now re-exports from components/fakemui/
This separation allows:
- React: import { Button } from '@metabuilder/components/fakemui'
- QML: import QmlComponents 1.0
- Python: from fakemui import Button, Card
- Backward compat: import { Button } from '@metabuilder/fakemui'
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
58 lines
1.7 KiB
TypeScript
58 lines
1.7 KiB
TypeScript
import React from 'react'
|
|
|
|
export interface CollapseProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
children?: React.ReactNode
|
|
in?: boolean
|
|
}
|
|
|
|
export const Collapse: React.FC<CollapseProps> = ({ children, in: isIn, className = '', ...props }) => (
|
|
<div className={`collapse ${isIn ? 'collapse--in' : ''} ${className}`} {...props}>
|
|
{children}
|
|
</div>
|
|
)
|
|
|
|
export interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
children?: React.ReactNode
|
|
in?: boolean
|
|
}
|
|
|
|
export const Fade: React.FC<FadeProps> = ({ children, in: isIn, className = '', ...props }) => (
|
|
<div className={`fade ${isIn ? 'fade--in' : ''} ${className}`} {...props}>
|
|
{children}
|
|
</div>
|
|
)
|
|
|
|
export interface GrowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
children?: React.ReactNode
|
|
in?: boolean
|
|
}
|
|
|
|
export const Grow: React.FC<GrowProps> = ({ children, in: isIn, className = '', ...props }) => (
|
|
<div className={`grow ${isIn ? 'grow--in' : ''} ${className}`} {...props}>
|
|
{children}
|
|
</div>
|
|
)
|
|
|
|
export interface SlideProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
children?: React.ReactNode
|
|
in?: boolean
|
|
direction?: 'up' | 'down' | 'left' | 'right'
|
|
}
|
|
|
|
export const Slide: React.FC<SlideProps> = ({ children, in: isIn, direction = 'down', className = '', ...props }) => (
|
|
<div className={`slide slide--${direction} ${isIn ? 'slide--in' : ''} ${className}`} {...props}>
|
|
{children}
|
|
</div>
|
|
)
|
|
|
|
export interface ZoomProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
children?: React.ReactNode
|
|
in?: boolean
|
|
}
|
|
|
|
export const Zoom: React.FC<ZoomProps> = ({ children, in: isIn, className = '', ...props }) => (
|
|
<div className={`zoom ${isIn ? 'zoom--in' : ''} ${className}`} {...props}>
|
|
{children}
|
|
</div>
|
|
)
|