@vibes.diy/base 2.0.3 → 2.0.7

package/components/ImgVibesUtils/ImgVibesModal.js

@@ -0,0 +1,67 @@
+import * as React from "react";
+import { AsyncImg } from "./AsyncImg.js";
+import { createPortal } from "react-dom";
+import { ImageOverlay } from "./overlays/ImageOverlay.js";
+import { ImgVibesError } from "./ImgVibesError.js";
+import { defaultClasses } from "../../utils/style-utils.js";
+export function ImgVibesModal({ isOpen, onClose, currentFile, alt, promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, progress, versionFlash = false, isRegenerating = false, error = null, classes = defaultClasses, }) {
+    React.useEffect(() => {
+        const handleEsc = (e) => {
+            if (e.key === "Escape") {
+                onClose();
+            }
+        };
+        if (isOpen) {
+            window.addEventListener("keydown", handleEsc);
+            return () => window.removeEventListener("keydown", handleEsc);
+        }
+    }, [isOpen, onClose]);
+    if (!isOpen || !currentFile) {
+        return null;
+    }
+    const effectivePromptText = promptText;
+    return createPortal(React.createElement("div", { className: "imggen-backdrop", style: {
+            position: "fixed",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: "rgba(0, 0, 0, 0.8)",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            zIndex: 9999,
+            padding: "20px",
+            boxSizing: "border-box",
+        }, onClick: (e) => {
+            e.stopPropagation();
+            onClose();
+        }, role: "presentation" },
+        React.createElement("figure", { className: "imggen-full-wrapper", role: "figure", style: {
+                position: "relative",
+                margin: 0,
+                maxWidth: "90vw",
+                maxHeight: "90vh",
+                display: "flex",
+                flexDirection: "column",
+                backgroundColor: "white",
+                borderRadius: "8px",
+                overflow: "hidden",
+                boxShadow: "0 20px 60px rgba(0, 0, 0, 0.5)",
+            }, onClick: (e) => e.stopPropagation() },
+            error ? (React.createElement("div", { className: "imggen-backdrop-error", style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    minHeight: "400px",
+                    padding: "2rem",
+                } },
+                React.createElement(ImgVibesError, { message: error.message }))) : (React.createElement(AsyncImg, { file: currentFile, className: "imggen-backdrop-image", style: {
+                    maxWidth: "100%",
+                    maxHeight: "70vh",
+                    objectFit: "contain",
+                    display: "block",
+                }, alt: alt || "Generated image" })),
+            React.createElement(ImageOverlay, { promptText: effectivePromptText, editedPrompt: editedPrompt, setEditedPrompt: setEditedPrompt, handlePromptEdit: handlePromptEdit, handleDeleteConfirm: handleDeleteConfirm, handlePrevVersion: handlePrevVersion, handleNextVersion: handleNextVersion, handleRegen: handleRegen, versionIndex: versionIndex, totalVersions: totalVersions, progress: progress, versionFlash: versionFlash, isRegenerating: isRegenerating, classes: classes, showDelete: true }))), globalThis.document.body);
+}
+//# sourceMappingURL=ImgVibesModal.js.map

package/components/ImgVibesUtils/ImgVibesModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgVibesModal.js","sourceRoot":"","sources":["../../../jsr/components/ImgVibesUtils/ImgVibesModal.tsx"],"names":[],"mappings":"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"}

package/components/ImgVibesUtils/ImgVibesModeUtils.d.ts

@@ -0,0 +1,9 @@
+import type { PartialImageDocument } from "@vibes.diy/use-vibes-types";
+export type ImgVibesMode = "placeholder" | "uploadWaiting" | "generating" | "display" | "error";
+export declare function getImgVibesMode({ document, prompt, loading, error, debug }: {
+    document?: PartialImageDocument | null;
+    prompt?: string;
+    loading: boolean;
+    error?: Error;
+    debug?: boolean;
+}): ImgVibesMode;

package/components/ImgVibesUtils/ImgVibesModeUtils.js

@@ -0,0 +1,58 @@
+export function getImgVibesMode({ document, prompt, loading, error, debug, }) {
+    if (error) {
+        if (debug)
+            console.log("[ImgVibesModeUtils] Error present - error mode");
+        return "error";
+    }
+    let effectivePrompt = prompt;
+    if (!effectivePrompt && document) {
+        if (document.prompt && typeof document.prompt === "string") {
+            effectivePrompt = document.prompt;
+        }
+        else if (document.prompts && document.currentPromptKey) {
+            effectivePrompt = document.prompts[document.currentPromptKey]?.text;
+        }
+    }
+    const hasVersions = !!document?.versions?.length;
+    if (loading && (prompt || effectivePrompt) && !hasVersions) {
+        if (debug)
+            console.log("[ImgVibesModeUtils] Prompt + loading + no versions → generating");
+        return "generating";
+    }
+    if (hasVersions) {
+        if (debug)
+            console.log("[ImgVibesModeUtils] Has versions - display mode");
+        return "display";
+    }
+    const hasInputFiles = document?._files && Object.keys(document._files).some((key) => key.startsWith("in"));
+    const hasEmptyDoc = !!document && (!document._files || Object.keys(document._files).length === 0) && !hasVersions;
+    if (debug) {
+        console.log("[ImgVibesModeUtils] Determining mode:", {
+            prompt: !!prompt,
+            effectivePrompt: !!effectivePrompt,
+            hasVersions,
+            hasInputFiles,
+            hasEmptyDoc,
+            loading,
+        });
+    }
+    if (!document) {
+        if (debug)
+            console.log("[ImgVibesModeUtils] No document - placeholder mode");
+        return "placeholder";
+    }
+    if (hasInputFiles && !effectivePrompt && !hasVersions) {
+        if (debug)
+            console.log("[ImgVibesModeUtils] Has input files but no effective prompt - uploadWaiting mode");
+        return "uploadWaiting";
+    }
+    if (document && effectivePrompt && !hasVersions) {
+        if (debug)
+            console.log("[ImgVibesModeUtils] Has document + prompt but no versions - generating mode");
+        return "generating";
+    }
+    if (debug)
+        console.log("[ImgVibesModeUtils] Fallback - placeholder mode");
+    return "placeholder";
+}
+//# sourceMappingURL=ImgVibesModeUtils.js.map

package/components/ImgVibesUtils/ImgVibesModeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgVibesModeUtils.js","sourceRoot":"","sources":["../../../jsr/components/ImgVibesUtils/ImgVibesModeUtils.ts"],"names":[],"mappings":"AAgBA,MAAM,UAAU,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,KAAK,GAON;IACC,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,gDAAgD,CAAC,CAAC;QACzE,OAAO,OAAO,CAAC;IACjB,CAAC;IAGD,IAAI,eAAe,GAAG,MAAM,CAAC;IAC7B,IAAI,CAAC,eAAe,IAAI,QAAQ,EAAE,CAAC;QAEjC,IAAI,QAAQ,CAAC,MAAM,IAAI,OAAO,QAAQ,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC3D,eAAe,GAAG,QAAQ,CAAC,MAAM,CAAC;QACpC,CAAC;aAEI,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,gBAAgB,EAAE,CAAC;YACvD,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,IAAI,CAAC;QACtE,CAAC;IACH,CAAC;IAID,MAAM,WAAW,GAAG,CAAC,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC;IAKjD,IAAI,OAAO,IAAI,CAAC,MAAM,IAAI,eAAe,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QAC3D,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,iEAAiE,CAAC,CAAC;QAC1F,OAAO,YAAY,CAAC;IACtB,CAAC;IAID,IAAI,WAAW,EAAE,CAAC;QAChB,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,iDAAiD,CAAC,CAAC;QAC1E,OAAO,SAAS,CAAC;IACnB,CAAC;IAGD,MAAM,aAAa,GAAG,QAAQ,EAAE,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;IAI3G,MAAM,WAAW,GAAG,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IAElH,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,CAAC,GAAG,CAAC,uCAAuC,EAAE;YACnD,MAAM,EAAE,CAAC,CAAC,MAAM;YAChB,eAAe,EAAE,CAAC,CAAC,eAAe;YAClC,WAAW;YACX,aAAa;YACb,WAAW;YACX,OAAO;SACR,CAAC,CAAC;IACL,CAAC;IAGD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,oDAAoD,CAAC,CAAC;QAC7E,OAAO,aAAa,CAAC;IACvB,CAAC;IAGD,IAAI,aAAa,IAAI,CAAC,eAAe,IAAI,CAAC,WAAW,EAAE,CAAC;QACtD,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,kFAAkF,CAAC,CAAC;QAC3G,OAAO,eAAe,CAAC;IACzB,CAAC;IAGD,IAAI,QAAQ,IAAI,eAAe,IAAI,CAAC,WAAW,EAAE,CAAC;QAChD,IAAI,KAAK;YAAE,OAAO,CAAC,GAAG,CAAC,6EAA6E,CAAC,CAAC;QACtG,OAAO,YAAY,CAAC;IACtB,CAAC;IAGD,IAAI,KAAK;QAAE,OAAO,CAAC,GAAG,CAAC,iDAAiD,CAAC,CAAC;IAC1E,OAAO,aAAa,CAAC;AACvB,CAAC"}

package/components/ImgVibesUtils/ImgVibesPromptWaiting.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { ImgVibesClasses } from "../../utils/style-utils.js";
+interface ImgVibesPromptWaitingProps {
+    readonly className?: string;
+    readonly classes?: Partial<ImgVibesClasses>;
+    readonly database?: string;
+    readonly debug?: boolean;
+    readonly onFilesUploaded?: (docId: string) => void;
+}
+export declare function ImgVibesPromptWaiting({ className, classes, database, debug, onFilesUploaded }: ImgVibesPromptWaitingProps): React.JSX.Element;
+export {};

package/components/ImgVibesUtils/ImgVibesPromptWaiting.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { combineClasses, defaultClasses } from "../../utils/style-utils.js";
+import { ImgVibesFileDrop } from "./ImgVibesFileDrop.js";
+import { useFireproof } from "@fireproof/use-fireproof";
+export function ImgVibesPromptWaiting({ className, classes = defaultClasses, database, debug, onFilesUploaded, }) {
+    const { database: db } = useFireproof(database || "ImgVibes");
+    const handleFilesDropped = React.useCallback(async (files) => {
+        if (!files.length)
+            return;
+        if (debug) {
+            console.log(`[ImgVibesPromptWaiting] Handling ${files.length} dropped files`);
+        }
+        try {
+            const newDoc = {
+                type: "image",
+                createdAt: new Date().toISOString(),
+                _files: {},
+            };
+            files.forEach((file, index) => {
+                newDoc._files[`in${index + 1}`] = file;
+            });
+            const result = await db.put(newDoc);
+            if (debug) {
+                console.log("[ImgVibesPromptWaiting] Created document for uploads:", result.id);
+            }
+            if (onFilesUploaded && result.id) {
+                onFilesUploaded(result.id);
+            }
+        }
+        catch (error) {
+            console.error("[ImgVibesPromptWaiting] Error handling file upload:", error);
+        }
+    }, [db, debug, onFilesUploaded]);
+    return (React.createElement("div", { className: combineClasses("imggen-upload-waiting", className || "", classes?.uploadWaiting || "") },
+        React.createElement("div", { className: "imggen-placeholder-content", style: { marginBottom: "1rem", textAlign: "center" } },
+            React.createElement("h3", { style: { margin: "0 0 0.5rem 0", color: "#333" } }, "Generate an Image"),
+            React.createElement("p", { style: { margin: "0", color: "#666" } }, "Enter a prompt or upload an image to edit")),
+        React.createElement(ImgVibesFileDrop, { className: classes?.dropZone || "", onFilesDropped: handleFilesDropped, isActive: true, maxFiles: 10, debug: debug, addFilesMessage: "Drop images here to upload (or click to browse)" })));
+}
+//# sourceMappingURL=ImgVibesPromptWaiting.js.map

package/components/ImgVibesUtils/ImgVibesPromptWaiting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgVibesPromptWaiting.js","sourceRoot":"","sources":["../../../jsr/components/ImgVibesUtils/ImgVibesPromptWaiting.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAmB,MAAM,4BAA4B,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAiBxD,MAAM,UAAU,qBAAqB,CAAC,EACpC,SAAS,EACT,OAAO,GAAG,cAAc,EACxB,QAAQ,EACR,KAAK,EACL,eAAe,GACY;IAC3B,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,YAAY,CAAC,QAAQ,IAAI,UAAU,CAAC,CAAC;IAG9D,MAAM,kBAAkB,GAAG,KAAK,CAAC,WAAW,CAC1C,KAAK,EAAE,KAAa,EAAE,EAAE;QACtB,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAE1B,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CAAC,GAAG,CAAC,oCAAoC,KAAK,CAAC,MAAM,gBAAgB,CAAC,CAAC;QAChF,CAAC;QAED,IAAI,CAAC;YAEH,MAAM,MAAM,GAAG;gBACb,IAAI,EAAE,OAAO;gBACb,SAAS,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;gBACnC,MAAM,EAAE,EAA0B;aACnC,CAAC;YAGF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBAG5B,MAAM,CAAC,MAAM,CAAC,KAAK,KAAK,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;YACzC,CAAC,CAAC,CAAC;YAGH,MAAM,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YAEpC,IAAI,KAAK,EAAE,CAAC;gBACV,OAAO,CAAC,GAAG,CAAC,uDAAuD,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;YAClF,CAAC;YAGD,IAAI,eAAe,IAAI,MAAM,CAAC,EAAE,EAAE,CAAC;gBACjC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC7B,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,qDAAqD,EAAE,KAAK,CAAC,CAAC;QAC9E,CAAC;IACH,CAAC,EACD,CAAC,EAAE,EAAE,KAAK,EAAE,eAAe,CAAC,CAC7B,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,uBAAuB,EAAE,SAAS,IAAI,EAAE,EAAE,OAAO,EAAE,aAAa,IAAI,EAAE,CAAC;QACpG,6BAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE;YAC9F,4BAAI,KAAK,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,wBAAwB;YAC5E,2BAAG,KAAK,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,gDAA+C,CACnF;QAEN,oBAAC,gBAAgB,IACf,SAAS,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE,EAClC,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,EAAE,EACZ,KAAK,EAAE,KAAK,EACZ,eAAe,EAAC,iDAAiD,GACjE,CACE,CACP,CAAC;AACJ,CAAC"}

package/components/ImgVibesUtils/ImgVibesUploadWaiting.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+import type { PartialImageDocument } from "@vibes.diy/use-vibes-types";
+import { Database } from "@fireproof/use-fireproof";
+import { ImgVibesClasses } from "../../utils/style-utils.js";
+interface ImgVibesUploadWaitingProps {
+    readonly document?: PartialImageDocument;
+    readonly className?: string;
+    readonly classes?: Partial<ImgVibesClasses>;
+    readonly debug?: boolean;
+    readonly database?: string | Database;
+    readonly onFilesAdded?: () => void;
+    readonly onDocumentCreated?: (docId: string) => void;
+    readonly onPromptSubmit: (prompt: string, documentId?: string) => void;
+}
+export declare function ImgVibesUploadWaiting({ document, className, classes, debug, database, onFilesAdded, onDocumentCreated, onPromptSubmit }: ImgVibesUploadWaitingProps): React.ReactElement;
+export {};

package/components/ImgVibesUtils/ImgVibesUploadWaiting.js

@@ -0,0 +1,154 @@
+import * as React from "react";
+import { useFireproof, ImgFile } from "@fireproof/use-fireproof";
+import { ImgVibesFileDrop } from "../ImgVibesUtils/ImgVibesFileDrop.js";
+import { combineClasses } from "../../utils/style-utils.js";
+import { imgVibesStyles, imgVibesTheme } from "../../utils/styles.js";
+export function ImgVibesUploadWaiting({ document, className, classes, debug, database, onFilesAdded, onDocumentCreated, onPromptSubmit, }) {
+    const { database: db } = useFireproof(database || "ImgVibes");
+    const [prompt, setPrompt] = React.useState("");
+    const [inputFiles, setInputFiles] = React.useState([]);
+    React.useEffect(() => {
+        if (document?._files) {
+            const inFiles = Object.keys(document._files)
+                .filter((key) => key.startsWith("in"))
+                .sort();
+            setInputFiles(inFiles);
+            if (debug) {
+                console.log("[ImgVibesUploadWaiting] Found input files:", inFiles);
+            }
+        }
+    }, [document, debug]);
+    React.useEffect(() => {
+        const objectUrls = [];
+        return () => {
+            objectUrls.forEach((url) => URL.revokeObjectURL(url));
+        };
+    }, []);
+    const handleFilesUploaded = async (files) => {
+        if (!files.length)
+            return;
+        if (document && document._id) {
+            await addFilesToExistingDocument(files);
+        }
+        else {
+            await createNewDocumentWithFiles(files);
+        }
+    };
+    const createNewDocumentWithFiles = async (files) => {
+        try {
+            const newDoc = {
+                type: "image",
+                createdAt: new Date().toISOString(),
+                _files: {},
+            };
+            files.forEach((file, index) => {
+                newDoc._files[`in${index + 1}`] = file;
+            });
+            const result = await db.put(newDoc);
+            if (debug) {
+                console.log("[ImgVibesUploadWaiting] Created document for uploads:", result.id);
+            }
+            if (onDocumentCreated && result.id) {
+                onDocumentCreated(result.id);
+            }
+        }
+        catch (error) {
+            console.error("[ImgVibesUploadWaiting] Error creating document for uploads:", error);
+        }
+    };
+    const addFilesToExistingDocument = async (files) => {
+        if (!document || !document._id)
+            return;
+        try {
+            const doc = await db.get(document._id);
+            if (!doc) {
+                console.error("[ImgVibesUploadWaiting] Document not found:", document._id);
+                return;
+            }
+            let maxInputNum = 0;
+            if (doc._files) {
+                Object.keys(doc._files).forEach((key) => {
+                    if (key.startsWith("in")) {
+                        const num = parseInt(key.substring(2), 10);
+                        if (!isNaN(num) && num > maxInputNum) {
+                            maxInputNum = num;
+                        }
+                    }
+                });
+            }
+            const updatedDoc = { ...doc };
+            if (!updatedDoc._files)
+                updatedDoc._files = {};
+            for (let i = 0; i < files.length; i++) {
+                const file = files[i];
+                const fileKey = `in${maxInputNum + i + 1}`;
+                updatedDoc._files[fileKey] = file;
+                if (debug) {
+                    console.log(`[ImgVibesUploadWaiting] Adding file to document: ${fileKey}`, file.name);
+                }
+            }
+            const result = await db.put(updatedDoc);
+            if (debug) {
+                console.log("[ImgVibesUploadWaiting] Document updated with new files:", result.id);
+            }
+            const refreshedDoc = await db.get(result.id);
+            if (refreshedDoc) {
+                const inFiles = Object.keys(refreshedDoc._files || {})
+                    .filter((key) => key.startsWith("in"))
+                    .sort();
+                setInputFiles(inFiles);
+                if (debug) {
+                    console.log("[ImgVibesUploadWaiting] Refreshed input files:", inFiles);
+                }
+            }
+            if (onFilesAdded) {
+                onFilesAdded();
+            }
+        }
+        catch (error) {
+            console.error("[ImgVibesUploadWaiting] Error updating document with new files:", error);
+        }
+    };
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (prompt.trim()) {
+            if (document && document._id) {
+                if (debug) {
+                    console.log("[ImgVibesUploadWaiting] Submitting prompt with document ID:", document._id);
+                }
+                onPromptSubmit(prompt.trim(), document._id);
+            }
+            else {
+                if (debug) {
+                    console.log("[ImgVibesUploadWaiting] Submitting prompt with no document");
+                }
+                onPromptSubmit(prompt.trim());
+            }
+        }
+    };
+    return (React.createElement("div", { className: combineClasses("imggen-upload-waiting", className || "", classes?.uploadWaiting || ""), style: imgVibesStyles.uploadWaiting },
+        React.createElement("div", { className: "imggen-placeholder-content", style: { textAlign: "center" } },
+            React.createElement("h3", { style: { margin: "0 0 0.5rem 0", color: imgVibesTheme.colors.titleText } }, "Image Generator")),
+        React.createElement("p", { style: { color: imgVibesTheme.colors.titleText } }, "No prompt or file provided"),
+        React.createElement("form", { onSubmit: handleSubmit, className: "imggen-prompt-form", style: imgVibesStyles.promptForm },
+            React.createElement("input", { type: "text", value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "Enter a prompt...", className: "imggen-prompt-input", style: imgVibesStyles.promptInput }),
+            React.createElement("button", { type: "submit", disabled: !prompt.trim(), className: "imggen-prompt-submit", style: {
+                    ...imgVibesStyles.promptSubmit,
+                    opacity: !prompt.trim() ? 0.5 : 1,
+                    cursor: !prompt.trim() ? "not-allowed" : "pointer",
+                } }, "Generate")),
+        inputFiles.length > 0 && (React.createElement("div", { className: "imggen-uploaded-previews", style: imgVibesStyles.uploadedPreviews },
+            React.createElement("div", { className: "imggen-upload-count", style: imgVibesStyles.uploadCount },
+                inputFiles.length,
+                " ",
+                inputFiles.length === 1 ? "image" : "images",
+                " uploaded"),
+            React.createElement("div", { className: "imggen-thumbnails", style: imgVibesStyles.thumbnails },
+                inputFiles.slice(0, 4).map((fileKey) => (React.createElement("div", { key: fileKey, className: "imggen-thumbnail", style: imgVibesStyles.thumbnail }, document?._files && document._files[fileKey] && (React.createElement(ImgFile, { file: document._files[fileKey], alt: `Upload ${fileKey}`, className: "imggen-thumbnail-img", style: imgVibesStyles.thumbnailImg }))))),
+                inputFiles.length > 4 && (React.createElement("div", { className: "imggen-more-count", style: imgVibesStyles.moreCount },
+                    "+",
+                    inputFiles.length - 4,
+                    " more"))))),
+        React.createElement(ImgVibesFileDrop, { className: classes?.dropZone || "", onFilesDropped: handleFilesUploaded, isActive: true, maxFiles: 10, debug: debug, addFilesMessage: "Drop images or click to upload (optional)" })));
+}
+//# sourceMappingURL=ImgVibesUploadWaiting.js.map

package/components/ImgVibesUtils/ImgVibesUploadWaiting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgVibesUploadWaiting.js","sourceRoot":"","sources":["../../../jsr/components/ImgVibesUtils/ImgVibesUploadWaiting.tsx"],"names":[],"mappings":"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"}

package/components/ImgVibesUtils/index.d.ts

@@ -0,0 +1,6 @@
+export { ImgVibesPromptWaiting } from "./ImgVibesPromptWaiting.js";
+export { ImgVibesError } from "./ImgVibesError.js";
+export { ImgVibesDisplayPlaceholder } from "./ImgVibesDisplayPlaceholder.js";
+export { ImgVibesDisplay } from "./ImgVibesDisplay.js";
+export { ImgVibesUploadWaiting } from "./ImgVibesUploadWaiting.js";
+export * from "./types.js";

package/components/ImgVibesUtils/index.js

@@ -0,0 +1,7 @@
+export { ImgVibesPromptWaiting } from "./ImgVibesPromptWaiting.js";
+export { ImgVibesError } from "./ImgVibesError.js";
+export { ImgVibesDisplayPlaceholder } from "./ImgVibesDisplayPlaceholder.js";
+export { ImgVibesDisplay } from "./ImgVibesDisplay.js";
+export { ImgVibesUploadWaiting } from "./ImgVibesUploadWaiting.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/components/ImgVibesUtils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/ImgVibesUtils/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAGnE,cAAc,YAAY,CAAC"}

package/components/ImgVibesUtils/overlays/DeleteConfirmationOverlay.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { ImgVibesClasses } from "../../../utils/style-utils.js";
+interface DeleteConfirmationOverlayProps {
+    readonly handleDeleteConfirm: () => void;
+    readonly handleCancelDelete: () => void;
+    readonly classes?: Partial<ImgVibesClasses>;
+}
+export declare function DeleteConfirmationOverlay({ handleDeleteConfirm, handleCancelDelete, classes }: DeleteConfirmationOverlayProps): React.JSX.Element;
+export {};

package/components/ImgVibesUtils/overlays/DeleteConfirmationOverlay.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { combineClasses, defaultClasses } from "../../../utils/style-utils.js";
+export function DeleteConfirmationOverlay({ handleDeleteConfirm, handleCancelDelete, classes = defaultClasses, }) {
+    React.useEffect(() => {
+        const timeoutId = setTimeout(() => {
+            handleCancelDelete();
+        }, 3000);
+        return () => clearTimeout(timeoutId);
+    }, [handleCancelDelete]);
+    return (React.createElement("div", { className: combineClasses("imggen-delete-message", classes.overlay), style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: "rgba(255, 0, 0, 0.1)",
+            borderRadius: "var(--imggen-border-radius)",
+            padding: "10px 15px",
+            marginBottom: "8px",
+            textAlign: "center",
+            width: "auto",
+            boxSizing: "border-box",
+            border: "1px solid var(--imggen-error-border)",
+            cursor: "pointer",
+        }, onClick: handleDeleteConfirm, "aria-label": "Confirm delete" },
+        React.createElement("p", { style: {
+                color: "#ff3333",
+                fontSize: "14px",
+                margin: 0,
+                fontWeight: "bold",
+            } }, "Confirm delete? This action cannot be undone.")));
+}
+//# sourceMappingURL=DeleteConfirmationOverlay.js.map

package/components/ImgVibesUtils/overlays/DeleteConfirmationOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteConfirmationOverlay.js","sourceRoot":"","sources":["../../../../jsr/components/ImgVibesUtils/overlays/DeleteConfirmationOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAmB,MAAM,+BAA+B,CAAC;AAShG,MAAM,UAAU,yBAAyB,CAAC,EACxC,mBAAmB,EACnB,kBAAkB,EAClB,OAAO,GAAG,cAAc,GACO;IAE/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,kBAAkB,EAAE,CAAC;QACvB,CAAC,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,6BACE,SAAS,EAAE,cAAc,CAAC,uBAAuB,EAAE,OAAO,CAAC,OAAO,CAAC,EACnE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,sBAAsB;YACvC,YAAY,EAAE,6BAA6B;YAC3C,OAAO,EAAE,WAAW;YACpB,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,YAAY;YACvB,MAAM,EAAE,sCAAsC;YAC9C,MAAM,EAAE,SAAS;SAClB,EACD,OAAO,EAAE,mBAAmB,gBACjB,gBAAgB;QAE3B,2BACE,KAAK,EAAE;gBACL,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE,MAAM;gBAChB,MAAM,EAAE,CAAC;gBACT,UAAU,EAAE,MAAM;aACnB,oDAGC,CACA,CACP,CAAC;AACJ,CAAC"}

package/components/ImgVibesUtils/overlays/ImageOverlay.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { ImgVibesClasses } from "../../../utils/style-utils.js";
+interface ImageOverlayProps {
+    readonly promptText: string;
+    readonly editedPrompt: string | null;
+    readonly setEditedPrompt: (prompt: string | null) => void;
+    readonly handlePromptEdit: (prompt: string) => void;
+    readonly handleDeleteConfirm: () => void;
+    readonly handlePrevVersion: () => void;
+    readonly handleNextVersion: () => void;
+    readonly handleRegen: () => void;
+    readonly versionIndex: number;
+    readonly totalVersions: number;
+    readonly classes?: Partial<ImgVibesClasses>;
+    readonly showControls?: boolean;
+    readonly progress?: number;
+    readonly showDelete?: boolean;
+    readonly versionFlash?: boolean;
+    readonly isRegenerating?: boolean;
+}
+export declare function ImageOverlay({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes, showControls, progress, showDelete, versionFlash, isRegenerating }: ImageOverlayProps): React.JSX.Element;
+export {};

package/components/ImgVibesUtils/overlays/ImageOverlay.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { combineClasses, defaultClasses } from "../../../utils/style-utils.js";
+import { imgVibesStyles } from "../../../utils/styles.js";
+import { PromptBar } from "../../../components/PromptBar.js";
+import { ControlsBar } from "../../../components/ControlsBar.js";
+export function ImageOverlay({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes = defaultClasses, showControls = true, progress = 100, showDelete = true, versionFlash = false, isRegenerating = false, }) {
+    return (React.createElement("div", { className: combineClasses("imggen-overlay", classes.overlay), style: imgVibesStyles.overlay }, React.createElement(React.Fragment, null,
+        React.createElement(PromptBar, { promptText: promptText, editedPrompt: editedPrompt, setEditedPrompt: setEditedPrompt, handlePromptEdit: handlePromptEdit, classes: classes }),
+        React.createElement(ControlsBar, { handleDeleteConfirm: handleDeleteConfirm, handlePrevVersion: handlePrevVersion, handleNextVersion: handleNextVersion, handleRegen: handleRegen, versionIndex: versionIndex, totalVersions: totalVersions, classes: classes, showControls: showControls, showDelete: showDelete, editedPrompt: editedPrompt, promptText: promptText, progress: progress, versionFlash: versionFlash, isRegenerating: isRegenerating }))));
+}
+//# sourceMappingURL=ImageOverlay.js.map

package/components/ImgVibesUtils/overlays/ImageOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOverlay.js","sourceRoot":"","sources":["../../../../jsr/components/ImgVibesUtils/overlays/ImageOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAmB,MAAM,+BAA+B,CAAC;AAChG,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AA8BjE,MAAM,UAAU,YAAY,CAAC,EAC3B,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,OAAO,GAAG,cAAc,EACxB,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,GAAG,EACd,UAAU,GAAG,IAAI,EACjB,YAAY,GAAG,KAAK,EACpB,cAAc,GAAG,KAAK,GACJ;IAElB,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,gBAAgB,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,OAAO,IAE5F;QAEE,oBAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,OAAO,GAChB;QAGF,oBAAC,WAAW,IACV,mBAAmB,EAAE,mBAAmB,EACxC,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,GAC9B,CACD,CAED,CACP,CAAC;AACJ,CAAC"}

package/components/ImgVibesUtils/types.d.ts

@@ -0,0 +1,29 @@
+import type { PartialImageDocument } from "@vibes.diy/use-vibes-types";
+import { ImgVibesClasses } from "../../utils/style-utils.js";
+export interface ImgVibesPlaceholderProps {
+    readonly className?: string;
+    readonly alt?: string;
+    readonly prompt?: string;
+    progress: number;
+    readonly loading?: boolean;
+    readonly error?: Error | null;
+    readonly classes?: Partial<ImgVibesClasses>;
+}
+export interface ImgVibesDisplayProps {
+    readonly document: PartialImageDocument;
+    readonly className: string;
+    readonly alt: string;
+    readonly onDelete: (id: string) => void;
+    readonly onRegen: (id: string) => void;
+    readonly onPromptEdit: (id: string, newPrompt: string) => void;
+    readonly classes: Partial<ImgVibesClasses>;
+    readonly loading: boolean;
+    readonly progress: number;
+    readonly error: Error | null;
+    readonly debug: boolean;
+}
+export interface ImgVibesErrorProps {
+    readonly message: string;
+    readonly className: string;
+    readonly classes: Partial<ImgVibesClasses>;
+}

package/components/ImgVibesUtils/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/components/ImgVibesUtils/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../jsr/components/ImgVibesUtils/types.ts"],"names":[],"mappings":""}

package/components/ImgVibesUtils.d.ts

@@ -0,0 +1,2 @@
+export { ImgVibesPromptWaiting, ImgVibesError, ImgVibesDisplayPlaceholder, ImgVibesDisplay } from "./ImgVibesUtils/index.js";
+export * from "./ImgVibesUtils/types.js";

package/components/ImgVibesUtils.js

@@ -0,0 +1,3 @@
+export { ImgVibesPromptWaiting, ImgVibesError, ImgVibesDisplayPlaceholder, ImgVibesDisplay } from "./ImgVibesUtils/index.js";
+export * from "./ImgVibesUtils/types.js";
+//# sourceMappingURL=ImgVibesUtils.js.map

package/components/ImgVibesUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgVibesUtils.js","sourceRoot":"","sources":["../../jsr/components/ImgVibesUtils.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,0BAA0B,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE7H,cAAc,0BAA0B,CAAC"}

package/components/PromptBar.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { ImgVibesClasses } from "../utils/style-utils.js";
+interface PromptBarProps {
+    readonly promptText: string;
+    readonly editedPrompt: string | null;
+    readonly setEditedPrompt: (prompt: string | null) => void;
+    readonly handlePromptEdit: (prompt: string) => void;
+    readonly classes?: Partial<ImgVibesClasses>;
+}
+export declare function PromptBar({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, classes }: PromptBarProps): React.JSX.Element;
+export {};

package/components/PromptBar.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { combineClasses, defaultClasses } from "../utils/style-utils.js";
+import { imgVibesStyles } from "../utils/styles.js";
+export function PromptBar({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, classes = defaultClasses, }) {
+    return (React.createElement("div", { style: imgVibesStyles.topLine },
+        React.createElement("div", { className: combineClasses(classes.prompt), style: imgVibesStyles.prompt }, editedPrompt !== null ? (React.createElement("input", { type: "text", value: editedPrompt, onChange: (e) => setEditedPrompt(e.target.value), onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                    e.preventDefault();
+                    handlePromptEdit(editedPrompt);
+                }
+                else if (e.key === "Escape") {
+                    setEditedPrompt(null);
+                }
+            }, autoFocus: true, style: {
+                ...imgVibesStyles.promptInput,
+                ...imgVibesStyles.promptInputEditMode,
+            }, "aria-label": "Edit prompt" })) : (React.createElement("div", { className: "imggen-prompt-text", onClick: () => {
+                setEditedPrompt(promptText);
+            }, style: {
+                ...imgVibesStyles.promptText,
+                ...imgVibesStyles.truncate,
+            }, title: "Click to edit prompt" }, promptText)))));
+}
+//# sourceMappingURL=PromptBar.js.map

package/components/PromptBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptBar.js","sourceRoot":"","sources":["../../jsr/components/PromptBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAmB,MAAM,yBAAyB,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAgBpD,MAAM,UAAU,SAAS,CAAC,EACxB,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,OAAO,GAAG,cAAc,GACT;IACf,OAAO,CACL,6BAAK,KAAK,EAAE,cAAc,CAAC,OAAO;QAChC,6BAAK,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,MAAM,IACzE,YAAY,KAAK,IAAI,CAAC,CAAC,CAAC,CACvB,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAChD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,gBAAgB,CAAC,YAAY,CAAC,CAAC;gBACjC,CAAC;qBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;oBAC9B,eAAe,CAAC,IAAI,CAAC,CAAC;gBACxB,CAAC;YACH,CAAC,EAED,SAAS,QACT,KAAK,EAAE;gBACL,GAAG,cAAc,CAAC,WAAW;gBAC7B,GAAG,cAAc,CAAC,mBAAmB;aACtC,gBACU,aAAa,GACxB,CACH,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,GAAG,EAAE;gBAEZ,eAAe,CAAC,UAAU,CAAC,CAAC;YAC9B,CAAC,EACD,KAAK,EAAE;gBACL,GAAG,cAAc,CAAC,UAAU;gBAC5B,GAAG,cAAc,CAAC,QAAQ;aAC3B,EACD,KAAK,EAAC,sBAAsB,IAE3B,UAAU,CACP,CACP,CACG,CACF,CACP,CAAC;AACJ,CAAC"}

package/components/VibesSwitch.js

@@ -16,10 +16,10 @@ export function VibesSwitch({ size = 24, className, isActive, onToggle }) {
         }
     };
     const originalD = `M426.866,285.985c-7.999-0.416-19.597-0.733-31.141-1.687  c-15.692-1.297-28.809-8.481-40.105-19.104c-12.77-12.008-20.478-26.828-22.714-44.177c-3.048-23.644,3.384-44.558,19.646-62.143  c9.174-9.92,20.248-17.25,33.444-20.363c7.786-1.837,15.944-2.399,23.973-2.828c9.988-0.535,20.023-0.666,30.021-0.371  c10.191,0.301,20.433,0.806,30.521,2.175c12.493,1.696,23.132,7.919,32.552,16.091c14.221,12.337,22.777,27.953,25.184,46.594  c2.822,21.859-2.605,41.617-16.777,58.695c-9.494,11.441-21.349,19.648-35.722,23.502c-6.656,1.785-13.724,2.278-20.647,2.77  C446.914,285.721,438.682,285.667,426.866,285.985z`;
-    const stretchedD = `M165.866,285.985c-7.999-0.416-19.597-0.733-31.141-1.687  c-15.692-1.297-28.809-8.481-40.105-19.104c-12.77-12.008-20.478-26.828-22.714-44.177c-3.048-23.644,3.384-44.558,19.646-62.143  c9.174-9.92,20.248-17.25,33.444-20.363c7.786-1.837,15.944-2.399,23.973-2.828c9.988-0.535,121.023-0.666,131.021-0.371  c10.191,0.301,20.433,0.806,30.521,2.175c12.493,1.696,23.132,7.919,32.552,16.091c14.221,12.337,22.777,27.953,25.184,46.594  c2.822,21.859-2.605,41.617-16.777,58.695c-9.494,11.441-21.349,19.648-35.722,23.502c-6.656,1.785-13.724,2.278-20.647,2.77  C286.914,285.721,177.682,285.667,165.866,285.985z`;
+    const stretchedD = `M165.866,285.985c-7.999-0.416-19.597-0.733-31.141-1.687  c-15.692-1.297-28.809-8.481-40.105-19.104c-12.77-12.008-20.478-26.828-22.714-44.177c-3.048-23.644,3.384-44.558,19.646-62.143  c9.174-9.92,20.248-17.25,33.444-20.363c7.786-1.837,15.944-2.399,23.973-2.828c9.988-0.535,111.023-0.666,121.021-0.371  c10.191,0.301,20.433,0.806,30.521,2.175c12.493,1.696,23.132,7.919,32.552,16.091c14.221,12.337,22.777,27.953,25.184,46.594  c2.822,21.859-2.605,41.617-16.777,58.695c-9.494,11.441-21.349,19.648-35.722,23.502c-6.656,1.785-13.724,2.278-20.647,2.77  C276.914,285.721,177.682,285.667,165.866,285.985z`;
     return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", height: size, viewBox: "0 0 600 300", fill: "currentColor", className: className, onPointerDown: handlePointerDown },
         React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", fill: "#000", d: "M293.353,298.09c-41.038,0-82.078,0.125-123.115-0.077  c-11.993-0.06-24.011-0.701-35.964-1.703c-15.871-1.331-29.73-7.937-41.948-17.946c-16.769-13.736-27.207-31.417-30.983-52.7  c-4.424-24.93,1.404-47.685,16.506-67.913c11.502-15.407,26.564-26.1,45.258-30.884c7.615-1.949,15.631-2.91,23.501-3.165  c20.08-0.652,40.179-0.853,60.271-0.879c69.503-0.094,139.007-0.106,208.51,0.02c14.765,0.026,29.583,0.097,44.28,1.313  c36.984,3.059,61.78,23.095,74.653,57.301c17.011,45.199-8.414,96.835-54.29,111.864c-7.919,2.595-16.165,3.721-24.434,3.871  c-25.614,0.467-51.234,0.742-76.853,0.867C350.282,298.197,321.817,298.09,293.353,298.09z" }),
-        React.createElement("path", { fill: "#fff", fillRule: "evenodd", clipRule: "evenodd", d: active ? stretchedD : originalD, style: {
+        React.createElement("path", { fill: switchColors.secondary, fillRule: "evenodd", clipRule: "evenodd", d: active ? stretchedD : originalD, style: {
                 transition: "d 0.3s ease, transform 0.8s ease, fill 2s ease",
                 transform: active ? "translateX(3px) " : "none",
             } }),