light-chain-open-ui 1.0.0

package/dist/types/core/constants.d.ts

@@ -0,0 +1,420 @@
+/** API 基础 URL */
+export declare const API_BASE_URL = "https://api.lightchainai.com";
+/** 鉴权请求头字段名 */
+export declare const AUTH_HEADER_KEY = "client-secret";
+/** 任务进度查询路径 */
+export declare const TASK_PROGRESS_PATH = "/task/progress";
+/** 任务提交路径前缀 */
+export declare const TASK_SUBMIT_PREFIX = "/task/submit";
+export declare const ERROR_CODES: {
+    readonly BAD_REQUEST: 400;
+    readonly UNAUTHORIZED: 401;
+    readonly RATE_LIMIT: 429;
+    readonly SERVER_ERROR: 500;
+};
+export declare const TASK_WORKFLOW_TYPES: {
+    readonly GENERATE_PRINTING: "GeneratePrinting";
+    readonly VIRTUAL_FITTING: "VirtualFitting";
+    readonly FIX_FACE: "FixFace";
+    readonly CHANGE_FACE: "ChangeFace";
+    readonly MULTI_PERSPECTIVE: "MultiPerspective";
+    readonly PRINTING_TILING: "PrintingTiling";
+    readonly CHANGE_DESIGN_POINT: "ChangeDesignPoint";
+    readonly CHANGE_COLOR: "ChangeColor";
+    readonly CHANGE_FABRIC: "ChangeFabric";
+    readonly SR: "Sr";
+    readonly VECTOR_CONVERT: "VectorConvert";
+    readonly CHANGE_MODEL: "ChangeModel";
+    readonly GENERATE_SKETCH: "GenerateSketch";
+    readonly MODEL_GENERATE_SKETCH: "ModelGenerateSketch";
+    readonly ELIMINATE: "Eliminate";
+    readonly EXPAND_IMAGE: "ExpandImage";
+    readonly CLOTHING_DESIGN: "ClothingDesign";
+    readonly CHANGE_PATTERN: "ChangePattern";
+    readonly GENERATE_MODEL: "GenerateModel";
+    readonly MODIFY_PRINTING: "ModifyPrinting";
+    readonly CUT_OUT: "CutOut";
+    readonly LINE_ART_TO_REAL: "LineArtToReal";
+    readonly FIX_PARTIAL: "FixPartial";
+    readonly DETAIL_COMPENSATION: "DetailCompensation";
+    readonly CHANGE_CLOTHES_BY_IMG: "ChangeClothesByImg";
+    readonly CHANGE_ACCESSORIES_BY_IMG: "ChangeAccessoriesByImg";
+    readonly VIRTUAL_FITTING_REFERENCE: "VirtualFittingReference";
+    readonly VIRTUAL_FITTING_TEMPLATE: "VirtualFittingTemplate";
+    readonly FIX_DEFORMITIES: "FixDeformities";
+    readonly INTELLIGENT_CROPPING: "IntelligentCropping";
+    readonly MODEL_TO_FLAT: "ModelToFlat";
+    readonly GENERATE_SHORT_VIDEO: "GenerateShortVideo";
+    readonly ONE_CLICK_MODIFY_PRINTING: "OneClickModifyPrinting";
+    readonly ORIENTATION_DESIGN: "OrientationDesign";
+    readonly DIRECTIONAL_INTEGRATION: "DirectionalIntegration";
+    readonly ONE_CLICK_INTEGRATION: "OneClickIntegration";
+    readonly CHANGE_FABRIC_V2: "ChangeFabricV2";
+    readonly VIRTUAL_FITTING_REFERENCE_V2: "VirtualFittingReferenceV2";
+    readonly FLOWER_SHAPED_DESIGN: "FlowerShapedDesign";
+    readonly FLOWER_SHAPED_VIRTUAL_PRINTING: "FlowerShapedVirtualPrinting";
+    readonly ONE_CLICK_CHANGE_COLOR: "OneClickChangeColor";
+    readonly FITTING_MODEL_WITH_LABELS: "FittingModelWithLabels";
+    readonly FITTING_MODEL_CUSTOM: "FittingModelCustom";
+    readonly FITTING_MODEL_CHANGE_FACE: "FittingModelChangeFace";
+    readonly FITTING_MODEL_CHANGE_MODEL: "FittingModelChangeModel";
+    readonly FITTING_MODEL_CHANGE_BODY_SHAPE: "FittingModelChangeBodyShape";
+    readonly FITTING_MODEL_CHANGE_CLOTHING_SIZE: "FittingModelChangeClothingSize";
+    readonly FITTING_MODEL_CHANGE_POSTURE: "FittingModelChangePosture";
+    readonly FITTING_MODEL_CHANGE_BACKGROUND: "FittingModelChangeBackground";
+    readonly FITTING_MODEL_CHANGE_PERSPECTIVE: "FittingModelChangePerspective";
+    readonly TRAIN_CLOTHING_MODEL: "TrainClothingModel";
+};
+export type TaskWorkflowType = (typeof TASK_WORKFLOW_TYPES)[keyof typeof TASK_WORKFLOW_TYPES];
+export declare const FIELD_TYPES: {
+    readonly IMAGE: "image";
+    readonly MASK: "mask";
+    readonly IMAGES: "images";
+    readonly TEXT: "text";
+    readonly ENUM: "enum";
+    readonly MULTI_ENUM: "multiEnum";
+    readonly ASPECT_RATIO: "aspectRatio";
+    readonly COLOR: "color";
+    readonly STRENGTH: "strength";
+    readonly NUMBER: "number";
+};
+export type FieldType = (typeof FIELD_TYPES)[keyof typeof FIELD_TYPES];
+export declare const WORKFLOW_PHASES: {
+    readonly IDLE: "idle";
+    readonly SUBMITTING: "submitting";
+    readonly POLLING: "polling";
+    readonly SUCCESS: "success";
+    readonly ERROR: "error";
+};
+export type WorkflowPhase = (typeof WORKFLOW_PHASES)[keyof typeof WORKFLOW_PHASES];
+export declare const WORKFLOW_DEFAULTS: {
+    readonly POLL_INTERVAL: number;
+    readonly MAX_POLL_ATTEMPTS: number;
+    readonly POLL_ENDPOINT: string;
+};
+export declare const EVENT_NAMES: {
+    /** 值变更 */
+    readonly CHANGE: "change";
+    /** 任务提交成功 */
+    readonly SUBMIT: "submit";
+    /** 轮询更新 */
+    readonly POLL: "poll";
+    /** 任务完成 */
+    readonly SUCCESS: "success";
+    /** 错误 */
+    readonly ERROR: "error";
+    /** 图片点击 */
+    readonly IMAGE_CLICK: "image-click";
+    /** 对比 */
+    readonly COMPARE: "compare";
+};
+export declare const ERROR_MESSAGES: {
+    readonly MISSING_ENDPOINT: "未指定提交端点或任务类型";
+    readonly POLL_TIMEOUT: (taskId: string) => string;
+    readonly POLL_FAILED: "轮询失败";
+    readonly TASK_NOT_FOUND: (taskId: string) => string;
+    readonly SUBMIT_FAILED: "提交失败";
+    readonly FIELD_REQUIRED: (label: string) => string;
+    readonly FIELD_STRING: (label: string) => string;
+    readonly FIELD_ARRAY: (label: string) => string;
+    readonly FIELD_ARRAY_ELEMENTS: (label: string) => string;
+    readonly FIELD_MAX_LENGTH: (label: string, max: number) => string;
+    readonly FIELD_ENUM_INVALID: (label: string) => string;
+    readonly FIELD_COLOR_FORMAT: (label: string) => string;
+    readonly FIELD_NUMBER: (label: string) => string;
+};
+export declare const ACCEPTED_FILE_TYPES: {
+    readonly IMAGE: readonly ["image/jpeg", "image/png", "image/webp"];
+};
+export declare const FILE_SIZE_LIMITS: {
+    readonly MAX_IMAGE_SIZE: number;
+};
+export type OptionValue<T extends ReadonlyArray<{
+    readonly value: string;
+}>> = T[number]['value'];
+export declare const OPTIONS_ASPECT_RATIO: readonly [{
+    readonly label: "1:1";
+    readonly value: "1:1";
+}, {
+    readonly label: "2:3";
+    readonly value: "2:3";
+}, {
+    readonly label: "3:4";
+    readonly value: "3:4";
+}, {
+    readonly label: "3:2";
+    readonly value: "3:2";
+}, {
+    readonly label: "4:3";
+    readonly value: "4:3";
+}, {
+    readonly label: "9:16";
+    readonly value: "9:16";
+}, {
+    readonly label: "16:9";
+    readonly value: "16:9";
+}];
+/** 视角 */
+export declare const OPTIONS_PERSPECTIVE: readonly [{
+    readonly label: "正面";
+    readonly value: "front";
+}, {
+    readonly label: "背面";
+    readonly value: "back";
+}, {
+    readonly label: "左侧";
+    readonly value: "left";
+}, {
+    readonly label: "右侧";
+    readonly value: "right";
+}];
+export type PerspectiveValue = OptionValue<typeof OPTIONS_PERSPECTIVE>;
+/** 超分辨率倍数 */
+export declare const OPTIONS_SCALE: readonly [{
+    readonly label: "2倍";
+    readonly value: "2";
+}, {
+    readonly label: "3倍";
+    readonly value: "3";
+}, {
+    readonly label: "4倍";
+    readonly value: "4";
+}];
+export type ScaleValue = OptionValue<typeof OPTIONS_SCALE>;
+/** 图案类型 */
+export declare const OPTIONS_PATTERN_TYPE: readonly [{
+    readonly label: "线稿";
+    readonly value: "line";
+}, {
+    readonly label: "印花";
+    readonly value: "printing";
+}];
+export type PatternTypeValue = OptionValue<typeof OPTIONS_PATTERN_TYPE>;
+/** 性别 */
+export declare const OPTIONS_GENDER: readonly [{
+    readonly label: "女";
+    readonly value: "female";
+}, {
+    readonly label: "男";
+    readonly value: "male";
+}];
+export type GenderValue = OptionValue<typeof OPTIONS_GENDER>;
+/** 年龄 */
+export declare const OPTIONS_AGE: readonly [{
+    readonly label: "青年";
+    readonly value: "young";
+}, {
+    readonly label: "中年";
+    readonly value: "middle";
+}];
+export type AgeValue = OptionValue<typeof OPTIONS_AGE>;
+/** 种族 */
+export declare const OPTIONS_RACE: readonly [{
+    readonly label: "亚洲";
+    readonly value: "asian";
+}, {
+    readonly label: "欧洲";
+    readonly value: "european";
+}, {
+    readonly label: "非洲";
+    readonly value: "african";
+}];
+export type RaceValue = OptionValue<typeof OPTIONS_RACE>;
+/** 部位 */
+export declare const OPTIONS_POSITION: readonly [{
+    readonly label: "上装";
+    readonly value: "upper";
+}, {
+    readonly label: "下装";
+    readonly value: "lower";
+}, {
+    readonly label: "连身装";
+    readonly value: "dress";
+}];
+export type PositionValue = OptionValue<typeof OPTIONS_POSITION>;
+/** 细节部位 */
+export declare const OPTIONS_DETAIL_LIST: readonly [{
+    readonly label: "袖型";
+    readonly value: "sleeve";
+}, {
+    readonly label: "领型";
+    readonly value: "collar";
+}, {
+    readonly label: "裤型";
+    readonly value: "pants";
+}, {
+    readonly label: "裙型";
+    readonly value: "skirt";
+}];
+export type DetailListValue = OptionValue<typeof OPTIONS_DETAIL_LIST>;
+/** 抠图识别类型 */
+export declare const OPTIONS_RECOGNITION_TYPE: readonly [{
+    readonly label: "全身";
+    readonly value: "full";
+}, {
+    readonly label: "半身";
+    readonly value: "half";
+}, {
+    readonly label: "服装";
+    readonly value: "clothing";
+}];
+export type RecognitionTypeValue = OptionValue<typeof OPTIONS_RECOGNITION_TYPE>;
+/** 线稿类型 */
+export declare const OPTIONS_IMAGE_TYPE: readonly [{
+    readonly label: "黑白线稿";
+    readonly value: "bw";
+}, {
+    readonly label: "彩色线稿";
+    readonly value: "color";
+}];
+export type ImageTypeValue = OptionValue<typeof OPTIONS_IMAGE_TYPE>;
+/** 配饰类型 */
+export declare const OPTIONS_ACCESSORY_TYPE: readonly [{
+    readonly label: "背包";
+    readonly value: "bag";
+}, {
+    readonly label: "鞋子";
+    readonly value: "shoes";
+}, {
+    readonly label: "首饰";
+    readonly value: "jewelry";
+}, {
+    readonly label: "腰带";
+    readonly value: "belt";
+}, {
+    readonly label: "帽子";
+    readonly value: "hat";
+}];
+export type AccessoryTypeValue = OptionValue<typeof OPTIONS_ACCESSORY_TYPE>;
+/** 试衣模板 */
+export declare const OPTIONS_TEMPLATE_ID: readonly [{
+    readonly label: "棚内瑜伽";
+    readonly value: "yoga";
+}, {
+    readonly label: "极简棚拍";
+    readonly value: "minimal";
+}];
+export type TemplateIdValue = OptionValue<typeof OPTIONS_TEMPLATE_ID>;
+/** 智能裁剪模式 */
+export declare const OPTIONS_CROP_MODE: readonly [{
+    readonly label: "自定义像素";
+    readonly value: "1";
+}, {
+    readonly label: "比例裁剪";
+    readonly value: "2";
+}];
+export type CropModeValue = OptionValue<typeof OPTIONS_CROP_MODE>;
+/** 视频时长 */
+export declare const OPTIONS_DURATION: readonly [{
+    readonly label: "3秒";
+    readonly value: "3";
+}, {
+    readonly label: "5秒";
+    readonly value: "5";
+}];
+export type DurationValue = OptionValue<typeof OPTIONS_DURATION>;
+/** 是否移除图案 */
+export declare const OPTIONS_REMOVE_PATTERN: readonly [{
+    readonly label: "是";
+    readonly value: "true";
+}, {
+    readonly label: "否";
+    readonly value: "false";
+}];
+export type RemovePatternValue = OptionValue<typeof OPTIONS_REMOVE_PATTERN>;
+/** 国籍 */
+export declare const OPTIONS_NATIONALITY: readonly [{
+    readonly label: "中国";
+    readonly value: "china";
+}, {
+    readonly label: "美国";
+    readonly value: "usa";
+}, {
+    readonly label: "英国";
+    readonly value: "uk";
+}, {
+    readonly label: "法国";
+    readonly value: "france";
+}, {
+    readonly label: "德国";
+    readonly value: "germany";
+}, {
+    readonly label: "意大利";
+    readonly value: "italy";
+}, {
+    readonly label: "西班牙";
+    readonly value: "spain";
+}, {
+    readonly label: "俄罗斯";
+    readonly value: "russia";
+}, {
+    readonly label: "日本";
+    readonly value: "japan";
+}, {
+    readonly label: "韩国";
+    readonly value: "korea";
+}, {
+    readonly label: "泰国";
+    readonly value: "thailand";
+}, {
+    readonly label: "印度";
+    readonly value: "india";
+}, {
+    readonly label: "越南";
+    readonly value: "vietnam";
+}, {
+    readonly label: "其他";
+    readonly value: "other";
+}];
+export type NationalityValue = OptionValue<typeof OPTIONS_NATIONALITY>;
+/** 肤色 */
+export declare const OPTIONS_SKIN_COLOR: readonly [{
+    readonly label: "白皙";
+    readonly value: "fair";
+}, {
+    readonly label: "中等";
+    readonly value: "medium";
+}, {
+    readonly label: "小麦色";
+    readonly value: "wheatish";
+}, {
+    readonly label: "深色";
+    readonly value: "dark";
+}, {
+    readonly label: "其他";
+    readonly value: "other";
+}];
+export type SkinColorValue = OptionValue<typeof OPTIONS_SKIN_COLOR>;
+/** 体型 */
+export declare const OPTIONS_BODY_SHAPE: readonly [{
+    readonly label: "偏瘦";
+    readonly value: "slim";
+}, {
+    readonly label: "标准";
+    readonly value: "standard";
+}, {
+    readonly label: "微胖";
+    readonly value: "chubby";
+}, {
+    readonly label: "肥胖";
+    readonly value: "fat";
+}];
+export type BodyShapeValue = OptionValue<typeof OPTIONS_BODY_SHAPE>;
+/** 相似度 */
+export declare const OPTIONS_SIMILARITY: readonly [{
+    readonly label: "一致";
+    readonly value: "same";
+}, {
+    readonly label: "相似";
+    readonly value: "similar";
+}];
+export type SimilarityValue = OptionValue<typeof OPTIONS_SIMILARITY>;
+/** 尺码调整 */
+export declare const OPTIONS_SIZE: readonly [{
+    readonly label: "偏小";
+    readonly value: "smaller";
+}, {
+    readonly label: "偏大";
+    readonly value: "larger";
+}];
+export type SizeValue = OptionValue<typeof OPTIONS_SIZE>;

package/dist/types/core/image-validator.d.ts

@@ -0,0 +1,16 @@
+import type { ValidationResult } from './types.js';
+export interface ImageDimensions {
+    width: number;
+    height: number;
+    size: number;
+}
+export declare function validateImage(image: ImageDimensions): ValidationResult;
+export declare function validateMask(original: {
+    width: number;
+    height: number;
+}, mask: {
+    width: number;
+    height: number;
+}): ValidationResult;
+/** 校验 File 对象（用于 Web Components 中） */
+export declare function validateImageFile(file: File): Promise<ValidationResult>;

package/dist/types/core/index.d.ts

@@ -0,0 +1,6 @@
+export * from './types.js';
+export * from './client.js';
+export * from './constants.js';
+export * from './image-validator.js';
+export * from './task-types/index.js';
+export * from './validate.js';

package/dist/types/core/task-types/index.d.ts

@@ -0,0 +1,31 @@
+/** 任务字段定义 */
+export interface TaskFieldDef {
+    name: string;
+    label: string;
+    type: 'image' | 'mask' | 'images' | 'text' | 'enum' | 'multiEnum' | 'aspectRatio' | 'color' | 'strength' | 'number';
+    required?: boolean;
+    hint?: string;
+    placeholder?: string;
+    maxLength?: number;
+    options?: ReadonlyArray<{
+        readonly label: string;
+        readonly value: string;
+    }>;
+    defaultValue?: unknown;
+}
+/** 任务类型定义 */
+export interface TaskTypeDef {
+    readonly key: string;
+    readonly endpoint?: string;
+    readonly title: string;
+    readonly description: string;
+    readonly fields: ReadonlyArray<TaskFieldDef>;
+}
+export { TASK_TYPES_PART_A } from './types-part-a.js';
+export { TASK_TYPES_PART_B } from './types-part-b.js';
+/** 所有任务类型（51 个提交类接口） */
+export declare const TASK_TYPES: Record<string, TaskTypeDef>;
+/** 根据 key 获取任务类型定义 */
+export declare function getTaskTypeDef(key: string): TaskTypeDef | undefined;
+/** 获取所有可用任务类型列表 */
+export declare function getAllTaskTypes(): TaskTypeDef[];

package/dist/types/core/task-types/types-part-a.d.ts

@@ -0,0 +1,3 @@
+import type { TaskTypeDef } from './index.js';
+import type { TaskWorkflowType } from '../constants.js';
+export declare const TASK_TYPES_PART_A: Partial<Record<TaskWorkflowType, TaskTypeDef>>;

package/dist/types/core/task-types/types-part-b.d.ts

@@ -0,0 +1,3 @@
+import type { TaskTypeDef } from './index.js';
+import type { TaskWorkflowType } from '../constants.js';
+export declare const TASK_TYPES_PART_B: Partial<Record<TaskWorkflowType, TaskTypeDef>>;

package/dist/types/core/types.d.ts

@@ -0,0 +1,65 @@
+/** 统一 API 响应格式 */
+export interface ApiResponse<T> {
+    code: number;
+    success: boolean;
+    data: T;
+    msg?: string;
+}
+/** 任务提交响应 */
+export interface TaskSubmitResponse {
+    taskId: string;
+}
+/** 任务进度查询结果 */
+export interface TaskProgressResult {
+    aiTaskId: string;
+    aiTaskStatus: 'running' | 'done';
+    queuePos: number | null;
+    taskProgress: number;
+    aiTaskResult: string | null;
+    imgInfo?: string;
+}
+/** 回调图片结果 */
+export interface CallbackImage {
+    index: number;
+    url: string;
+}
+/** 回调请求体 */
+export interface CallbackPayload {
+    task_id: string;
+    task_status: 'done' | 'exception';
+    task_status_msg?: string;
+    task_info: Record<string, unknown>;
+    created_at: number;
+    updated_at: number;
+    task_result?: {
+        images?: CallbackImage[];
+    };
+}
+/** 任务状态 */
+export declare const TaskStatus: {
+    readonly RUNNING: "running";
+    readonly DONE: "done";
+};
+export type TaskStatusValue = (typeof TaskStatus)[keyof typeof TaskStatus];
+/** 回调状态 */
+export declare const CallbackStatus: {
+    readonly DONE: "done";
+    readonly EXCEPTION: "exception";
+};
+export type CallbackStatusValue = (typeof CallbackStatus)[keyof typeof CallbackStatus];
+/** 图片限制常量 */
+export declare const IMAGE_LIMITS: {
+    readonly MAX_SIZE_MB: 10;
+    readonly MAX_WIDTH: 2048;
+    readonly MAX_HEIGHT: 2048;
+    readonly ASPECT_RATIO_MIN: number;
+    readonly ASPECT_RATIO_MAX: 3;
+};
+/** 常用宽高比 */
+export declare const ASPECT_RATIOS: readonly ["1:1", "2:3", "3:4", "3:2", "4:3", "9:16", "16:9"];
+export type AspectRatio = (typeof ASPECT_RATIOS)[number];
+/** 校验结果 */
+export interface ValidationResult {
+    valid: boolean;
+    errors: string[];
+}

package/dist/types/core/validate.d.ts

@@ -0,0 +1,11 @@
+import type { TaskFieldDef } from './task-types/index.js';
+export interface FieldError {
+    field: string;
+    label: string;
+    message: string;
+}
+export interface FormValidationResult {
+    valid: boolean;
+    errors: FieldError[];
+}
+export declare function validateFormData(formData: Record<string, unknown>, fields: ReadonlyArray<TaskFieldDef>): FormValidationResult;

package/dist/types/index.d.ts

@@ -0,0 +1,28 @@
+import './components/image-uploader/index.js';
+import './components/mask-editor/index.js';
+import './components/enum-selector/index.js';
+import './components/prompt-input/index.js';
+import './components/color-picker/index.js';
+import './components/strength-slider/index.js';
+import './components/task-progress-card/index.js';
+import './components/result-gallery/index.js';
+import './components/image-compare-slider/index.js';
+import './components/task-workflow/index.js';
+import './components/button/index.js';
+export * from './core/index.js';
+export { LcImageUploader } from './components/image-uploader/image-uploader.js';
+export { LcMaskEditor } from './components/mask-editor/mask-editor.js';
+export { LcEnumSelector } from './components/enum-selector/enum-selector.js';
+export { LcPromptInput } from './components/prompt-input/prompt-input.js';
+export { LcColorPicker } from './components/color-picker/color-picker.js';
+export { LcStrengthSlider } from './components/strength-slider/strength-slider.js';
+export { LcTaskProgressCard } from './components/task-progress-card/task-progress-card.js';
+export { LcResultGallery } from './components/result-gallery/result-gallery.js';
+export { LcImageCompareSlider } from './components/image-compare-slider/image-compare-slider.js';
+export { LcTaskWorkflow } from './components/task-workflow/task-workflow.js';
+export { LcButton } from './components/button/button.js';
+export type { CustomRequestFn, CustomUploadRequestFn } from './components/task-workflow/task-workflow.js';
+export type { LightChainUploadRequestFn, LightChainUploadRequestOptions, LightChainUploadRequestResult, } from './core/client.js';
+export type { WorkflowPhase } from './core/constants.js';
+/** 娉ㄥ唽鎵€鏈夌粍浠讹紙宸查€氳繃 side-effect import 鑷姩娉ㄥ唽锛?*/
+export declare function registerAllComponents(): void;

package/dist/types/react/index.d.ts

@@ -0,0 +1,43 @@
+import { LcImageUploader } from '../components/image-uploader/image-uploader.js';
+import { LcMaskEditor } from '../components/mask-editor/mask-editor.js';
+import { LcEnumSelector } from '../components/enum-selector/enum-selector.js';
+import { LcPromptInput } from '../components/prompt-input/prompt-input.js';
+import { LcColorPicker } from '../components/color-picker/color-picker.js';
+import { LcStrengthSlider } from '../components/strength-slider/strength-slider.js';
+import { LcTaskProgressCard } from '../components/task-progress-card/task-progress-card.js';
+import { LcResultGallery } from '../components/result-gallery/result-gallery.js';
+import { LcImageCompareSlider } from '../components/image-compare-slider/image-compare-slider.js';
+import { LcTaskWorkflow } from '../components/task-workflow/task-workflow.js';
+import { LcButton } from '../components/button/button.js';
+export declare const LcImageUploaderReact: import("@lit/react").ReactWebComponent<LcImageUploader, {
+    onChange: "change";
+}>;
+export declare const LcMaskEditorReact: import("@lit/react").ReactWebComponent<LcMaskEditor, {
+    onChange: "change";
+}>;
+export declare const LcEnumSelectorReact: import("@lit/react").ReactWebComponent<LcEnumSelector, {
+    onChange: "change";
+}>;
+export declare const LcPromptInputReact: import("@lit/react").ReactWebComponent<LcPromptInput, {
+    onChange: "change";
+}>;
+export declare const LcColorPickerReact: import("@lit/react").ReactWebComponent<LcColorPicker, {
+    onChange: "change";
+}>;
+export declare const LcStrengthSliderReact: import("@lit/react").ReactWebComponent<LcStrengthSlider, {
+    onChange: "change";
+}>;
+export declare const LcTaskProgressCardReact: import("@lit/react").ReactWebComponent<LcTaskProgressCard, {}>;
+export declare const LcResultGalleryReact: import("@lit/react").ReactWebComponent<LcResultGallery, {
+    onImageClick: "image-click";
+    onCompare: "compare";
+}>;
+export declare const LcImageCompareSliderReact: import("@lit/react").ReactWebComponent<LcImageCompareSlider, {}>;
+export declare const LcTaskWorkflowReact: import("@lit/react").ReactWebComponent<LcTaskWorkflow, {
+    onSubmit: "submit";
+    onPoll: "poll";
+    onPolling: "poll";
+    onSuccess: "success";
+    onError: "error";
+}>;
+export declare const LcButtonReact: import("@lit/react").ReactWebComponent<LcButton, {}>;