@elizaos/ui 2.0.3-beta.5 → 2.0.3-beta.7

package/cloud-ui/components/image-gen/prompt-input.d.ts

@@ -1,32 +0,0 @@
-/**
- * Prompt input component for image generation with advanced options.
- * Supports prompt input, number of images, aspect ratio, and style preset selection.
- *
- * @param props.prompt - Current prompt text
- * @param props.onPromptChange - Callback when prompt changes
- * @param props.onSubmit - Callback when form is submitted
- * @param props.isLoading - Whether generation is in progress
- * @param props.numImages - Number of images to generate
- * @param props.onNumImagesChange - Callback when number of images changes
- * @param props.aspectRatio - Selected aspect ratio
- * @param props.onAspectRatioChange - Callback when aspect ratio changes
- * @param props.stylePreset - Selected style preset
- * @param props.onStylePresetChange - Callback when style preset changes
- */
-export type AspectRatio = "1:1" | "16:9" | "9:16" | "4:3" | "3:4" | "21:9" | "9:21";
-export type StylePreset = "none" | "photographic" | "digital-art" | "comic-book" | "fantasy-art" | "analog-film" | "neon-punk" | "isometric" | "low-poly" | "origami" | "line-art" | "cinematic" | "3d-model";
-interface PromptInputProps {
-    prompt: string;
-    onPromptChange: (prompt: string) => void;
-    onSubmit: (e: React.FormEvent) => void;
-    isLoading: boolean;
-    numImages: number;
-    onNumImagesChange: (num: number) => void;
-    aspectRatio: AspectRatio;
-    onAspectRatioChange: (ratio: AspectRatio) => void;
-    stylePreset: StylePreset;
-    onStylePresetChange: (preset: StylePreset) => void;
-}
-export declare function ImagePromptInput({ prompt, onPromptChange, onSubmit, isLoading, numImages, onNumImagesChange, aspectRatio, onAspectRatioChange, stylePreset, onStylePresetChange, }: PromptInputProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=prompt-input.d.ts.map

package/cloud-ui/components/image-gen/prompt-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"prompt-input.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud-ui/components/image-gen/prompt-input.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAsBH,MAAM,MAAM,WAAW,GACnB,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,CAAC;AACX,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,cAAc,GACd,aAAa,GACb,YAAY,GACZ,aAAa,GACb,aAAa,GACb,WAAW,GACX,WAAW,GACX,UAAU,GACV,SAAS,GACT,UAAU,GACV,WAAW,GACX,UAAU,CAAC;AAEf,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,WAAW,CAAC;IACzB,mBAAmB,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACpD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,cAAc,EACd,QAAQ,EACR,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EACnB,WAAW,EACX,mBAAmB,GACpB,EAAE,gBAAgB,2CAiJlB"}

package/cloud-ui/components/image-gen/prompt-input.js

@@ -1,24 +0,0 @@
-/**
- * Prompt input component for image generation with advanced options.
- * Supports prompt input, number of images, aspect ratio, and style preset selection.
- *
- * @param props.prompt - Current prompt text
- * @param props.onPromptChange - Callback when prompt changes
- * @param props.onSubmit - Callback when form is submitted
- * @param props.isLoading - Whether generation is in progress
- * @param props.numImages - Number of images to generate
- * @param props.onNumImagesChange - Callback when number of images changes
- * @param props.aspectRatio - Selected aspect ratio
- * @param props.onAspectRatioChange - Callback when aspect ratio changes
- * @param props.stylePreset - Selected style preset
- * @param props.onStylePresetChange - Callback when style preset changes
- */
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Image as ImageIcon, Loader2, Palette, Ratio, Sparkles, Wand2, } from "lucide-react";
-import { Button } from "../../../components/ui/button.js";
-import { Label } from "../../../components/ui/label.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../../components/ui/select.js";
-export function ImagePromptInput({ prompt, onPromptChange, onSubmit, isLoading, numImages, onNumImagesChange, aspectRatio, onAspectRatioChange, stylePreset, onStylePresetChange, }) {
-    return (_jsx("div", { className: "rounded-sm border bg-gradient-to-br from-card to-muted/20 p-8 ", children: _jsxs("form", { onSubmit: onSubmit, className: "space-y-6", children: [_jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "num-images", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(ImageIcon, { className: "h-4 w-4 text-primary" }), "Images"] }), _jsxs(Select, { value: numImages.toString(), onValueChange: (value) => onNumImagesChange(parseInt(value, 10)), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "num-images", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select number" }) }), _jsx(SelectContent, { children: [1, 2, 3, 4].map((num) => (_jsxs(SelectItem, { value: num.toString(), children: [num, " ", num === 1 ? "Image" : "Images"] }, num))) })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "aspect-ratio", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Ratio, { className: "h-4 w-4 text-primary" }), "Ratio"] }), _jsxs(Select, { value: aspectRatio, onValueChange: (value) => onAspectRatioChange(value), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "aspect-ratio", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select ratio" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "1:1", children: "1:1 (Square)" }), _jsx(SelectItem, { value: "16:9", children: "16:9 (Landscape)" }), _jsx(SelectItem, { value: "9:16", children: "9:16 (Portrait)" }), _jsx(SelectItem, { value: "4:3", children: "4:3" }), _jsx(SelectItem, { value: "3:4", children: "3:4" }), _jsx(SelectItem, { value: "21:9", children: "21:9 (Ultra Wide)" }), _jsx(SelectItem, { value: "9:21", children: "9:21 (Ultra Tall)" })] })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "style-preset", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Palette, { className: "h-4 w-4 text-primary" }), "Style Preset"] }), _jsxs(Select, { value: stylePreset, onValueChange: (value) => onStylePresetChange(value), disabled: isLoading, children: [_jsx(SelectTrigger, { id: "style-preset", className: "w-full", children: _jsx(SelectValue, { placeholder: "Select style" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "none", children: "None" }), _jsx(SelectItem, { value: "photographic", children: "Photographic" }), _jsx(SelectItem, { value: "digital-art", children: "Digital Art" }), _jsx(SelectItem, { value: "comic-book", children: "Comic Book" }), _jsx(SelectItem, { value: "fantasy-art", children: "Fantasy Art" }), _jsx(SelectItem, { value: "analog-film", children: "Analog Film" }), _jsx(SelectItem, { value: "neon-punk", children: "Neon Punk" }), _jsx(SelectItem, { value: "isometric", children: "Isometric" }), _jsx(SelectItem, { value: "low-poly", children: "Low Poly" }), _jsx(SelectItem, { value: "origami", children: "Origami" }), _jsx(SelectItem, { value: "line-art", children: "Line Art" }), _jsx(SelectItem, { value: "cinematic", children: "Cinematic" }), _jsx(SelectItem, { value: "3d-model", children: "3D Model" })] })] })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "flex items-center justify-between", children: _jsxs("label", { htmlFor: "prompt", className: "flex items-center gap-2 text-sm font-semibold", children: [_jsx(Wand2, { className: "h-4 w-4 text-primary" }), "Image Description"] }) }), _jsx("textarea", { id: "prompt", value: prompt, onChange: (e) => onPromptChange(e.currentTarget.value), placeholder: "Describe the image you want to generate in detail... The more specific you are, the better the results!", disabled: isLoading, rows: 6, className: "w-full rounded-sm border-2 bg-background px-5 py-4 text-sm leading-relaxed placeholder:text-muted-foreground/60     disabled:opacity-50 disabled:cursor-not-allowed resize-none transition-all" })] }), _jsx(Button, { type: "submit", disabled: isLoading || !prompt.trim(), className: "w-full rounded-sm h-12 text-base font-medium transition-all", size: "lg", children: isLoading ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "mr-2 h-5 w-5 animate-spin" }), "Generating your masterpiece..."] })) : (_jsxs(_Fragment, { children: [_jsx(Sparkles, { className: "mr-2 h-5 w-5" }), "Generate Image"] })) })] }) }));
-}