feat: implement state and components for text config

src/lib/types/panel.ts

@@ -1,48 +0,0 @@
-export type TextAlign = "left" | "center" | "right";
-
-export interface TextItem {
-  id: string;
-  text: string;
-  fontSize: number;
-  fontFamily: string;
-  color: string;
-  textAlign: TextAlign;
-  paddingX: number;
-  verticalOffset: number;
-}
-
-export interface Panel {
-  id: string;
-  backgroundImage: string;
-  text: TextItem;
-  height: number;
-  createdAt: Date;
-  updatedAt: Date;
-}
-
-export interface ImageUploadResult {
-  success: boolean;
-  image?: string;
-  error?: string;
-}
-
-export interface CropOptions {
-  width: number;
-  height: number;
-  x?: number;
-  y?: number;
-}
-
-export interface ImageCropResult {
-  success: boolean;
-  croppedImage?: string;
-  error?: string;
-}
-
-export interface UIState {
-  isLoading: boolean;
-  error: string | undefined;
-  currentStep: "upload" | "crop" | "text" | "preview";
-  showCropModal: boolean;
-  showTextManager: boolean;
-}

src/lib/types/text.ts

@@ -0,0 +1,3 @@
+export type TextAlign = "left" | "center" | "right";
+
+export type HexColor = `#${string}`;