deriva-ui/ ├── .storybook/ # Storybook config (for dev & documentation) │ ├── main.ts │ └── preview.tsx │ ├── src/ # SOURCE CODE │ ├── components/ # Base Shadcn Components (Atoms) │ │ ├── ui/ # The actual components │ │ │ ├── button.tsx │ │ │ ├── input.tsx │ │ │ ├── ... │ │ │ └── index.ts # Barrel file for UI components │ │ │ ├── patterns/ # "Deriva Specials" (Molecules/Organisms) │ │ ├── DerivaGlowCard.tsx # The cool neon card │ │ ├── EnergyToggle.tsx # Theme switcher │ │ ├── NeonChart.tsx # Recharts wrapper │ │ └── index.ts │ │ │ ├── theme/ # Theming Engine │ │ ├── colors.ts # The raw hex codes (100-1100 scale) │ │ ├── preset.ts # The Tailwind Preset (Critical!) │ │ ├── plugin.ts # Tailwind plugin for CSS vars │ │ └── ThemeProvider.tsx # React Context for switching energies │ │ │ ├── lib/ # Utilities │ │ └── utils.ts # standard cn() helper │ │ │ ├── styles/ # Global CSS │ │ └── globals.css # Base Tailwind directives (@tailwind base...) │ │ │ └── index.ts # MAIN ENTRY POINT (Exports everything) │ ├── dist/ # Build output (Generated by tsup) │ ├── index.js │ ├── index.d.ts │ └── index.css │ └── tsup.config.ts # Builder config (Best for libraries)