Files
paint-ui/tools/index.ts
Sebastian Krüger 8f595ac6c4 feat(phase-13): implement gradient tool with linear, radial, and angular modes
Add comprehensive gradient tool with three gradient types and full UI integration.

Features:
- Gradient tool with drag-to-create interaction
- Three gradient types: Linear, Radial, and Angular (conic)
- Live preview during drag with 70% opacity overlay
- Primary and secondary color selection
- Gradient type selector in tool options
- Undo/redo support through command system
- Fallback to radial gradient for browsers without conic gradient support

Changes:
- Created tools/gradient-tool.ts with GradientTool class
- Added 'gradient' to ToolType in types/tool.ts
- Extended ToolSettings with secondaryColor and gradientType
- Updated store/tool-store.ts with setSecondaryColor and setGradientType methods
- Added gradient tool loading in lib/tool-loader.ts
- Added gradient button to tool palette with 'G' shortcut
- Added gradient tool options UI in components/editor/tool-options.tsx

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-21 19:48:00 +01:00

19 lines
613 B
TypeScript

export * from './base-tool';
export * from './pencil-tool';
export * from './brush-tool';
export * from './eraser-tool';
export * from './fill-tool';
export * from './gradient-tool';
export * from './eyedropper-tool';
export * from './rectangular-selection-tool';
export * from './elliptical-selection-tool';
export * from './lasso-selection-tool';
export * from './magic-wand-tool';
export * from './move-tool';
export * from './free-transform-tool';
export * from './shape-tool';
export * from './text-tool';
export * from './clone-stamp-tool';
export * from './smudge-tool';
export * from './dodge-burn-tool';