@vibes.diy/use-vibes-base 0.0.0-dev-fresh-data

package/components/ImgGenUtils/ImgGenUploadWaiting.js

@@ -0,0 +1,155 @@
+import * as React from 'react';
+import { useFireproof, ImgFile } from 'use-fireproof';
+import { ImgGenFileDrop } from '../ImgGenUtils/ImgGenFileDrop.js';
+import { combineClasses } from '../../utils/style-utils.js';
+import { imgGenStyles, imgGenTheme } from '../../utils/styles.js';
+export function ImgGenUploadWaiting({ document, className, classes, debug, database, onFilesAdded, onDocumentCreated, onPromptSubmit, }) {
+    const { database: db } = useFireproof(database || 'ImgGen');
+    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('[ImgGenUploadWaiting] 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);
+        }
+        // Otherwise create a new document
+        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('[ImgGenUploadWaiting] Created document for uploads:', result.id);
+            }
+            if (onDocumentCreated && result.id) {
+                onDocumentCreated(result.id);
+            }
+        }
+        catch (error) {
+            console.error('[ImgGenUploadWaiting] 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('[ImgGenUploadWaiting] 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(`[ImgGenUploadWaiting] Adding file to document: ${fileKey}`, file.name);
+                }
+            }
+            const result = await db.put(updatedDoc);
+            if (debug) {
+                console.log('[ImgGenUploadWaiting] 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('[ImgGenUploadWaiting] Refreshed input files:', inFiles);
+                }
+            }
+            if (onFilesAdded) {
+                onFilesAdded();
+            }
+        }
+        catch (error) {
+            console.error('[ImgGenUploadWaiting] Error updating document with new files:', error);
+        }
+    };
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        if (prompt.trim()) {
+            if (document && document._id) {
+                if (debug) {
+                    console.log('[ImgGenUploadWaiting] Submitting prompt with document ID:', document._id);
+                }
+                onPromptSubmit(prompt.trim(), document._id);
+            }
+            else {
+                if (debug) {
+                    console.log('[ImgGenUploadWaiting] Submitting prompt with no document');
+                }
+                onPromptSubmit(prompt.trim());
+            }
+        }
+    };
+    return (React.createElement("div", { className: combineClasses('imggen-upload-waiting', className || '', classes?.uploadWaiting || ''), style: imgGenStyles.uploadWaiting },
+        React.createElement("div", { className: "imggen-placeholder-content", style: { textAlign: 'center' } },
+            React.createElement("h3", { style: { margin: '0 0 0.5rem 0', color: imgGenTheme.colors.titleText } }, "Image Generator")),
+        React.createElement("p", { style: { color: imgGenTheme.colors.titleText } }, "No prompt or file provided"),
+        React.createElement("form", { onSubmit: handleSubmit, className: "imggen-prompt-form", style: imgGenStyles.promptForm },
+            React.createElement("input", { type: "text", value: prompt, onChange: (e) => setPrompt(e.target.value), placeholder: "Enter a prompt...", className: "imggen-prompt-input", style: imgGenStyles.promptInput }),
+            React.createElement("button", { type: "submit", disabled: !prompt.trim(), className: "imggen-prompt-submit", style: {
+                    ...imgGenStyles.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: imgGenStyles.uploadedPreviews },
+            React.createElement("div", { className: "imggen-upload-count", style: imgGenStyles.uploadCount },
+                inputFiles.length,
+                " ",
+                inputFiles.length === 1 ? 'image' : 'images',
+                " uploaded"),
+            React.createElement("div", { className: "imggen-thumbnails", style: imgGenStyles.thumbnails },
+                inputFiles.slice(0, 4).map((fileKey) => (React.createElement("div", { key: fileKey, className: "imggen-thumbnail", style: imgGenStyles.thumbnail }, document?._files && document._files[fileKey] && (React.createElement(ImgFile, { file: document._files[fileKey], alt: `Upload ${fileKey}`, className: "imggen-thumbnail-img", style: imgGenStyles.thumbnailImg }))))),
+                inputFiles.length > 4 && (React.createElement("div", { className: "imggen-more-count", style: imgGenStyles.moreCount },
+                    "+",
+                    inputFiles.length - 4,
+                    " more"))))),
+        React.createElement(ImgGenFileDrop, { className: classes?.dropZone || '', onFilesDropped: handleFilesUploaded, isActive: true, maxFiles: 10, debug: debug, addFilesMessage: "Drop images or click to upload (optional)" })));
+}
+//# sourceMappingURL=ImgGenUploadWaiting.js.map

package/components/ImgGenUtils/ImgGenUploadWaiting.js.map

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

package/components/ImgGenUtils/index.d.ts

@@ -0,0 +1,6 @@
+export { ImgGenPromptWaiting } from './ImgGenPromptWaiting.js';
+export { ImgGenError } from './ImgGenError.js';
+export { ImgGenDisplayPlaceholder } from './ImgGenDisplayPlaceholder.js';
+export { ImgGenDisplay } from './ImgGenDisplay.js';
+export { ImgGenUploadWaiting } from './ImgGenUploadWaiting.js';
+export * from './types.js';

package/components/ImgGenUtils/index.js

@@ -0,0 +1,7 @@
+export { ImgGenPromptWaiting } from './ImgGenPromptWaiting.js';
+export { ImgGenError } from './ImgGenError.js';
+export { ImgGenDisplayPlaceholder } from './ImgGenDisplayPlaceholder.js';
+export { ImgGenDisplay } from './ImgGenDisplay.js';
+export { ImgGenUploadWaiting } from './ImgGenUploadWaiting.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/components/ImgGenUtils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/ImgGenUtils/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAG/D,cAAc,YAAY,CAAC"}

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

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

package/components/ImgGenUtils/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/ImgGenUtils/overlays/DeleteConfirmationOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteConfirmationOverlay.js","sourceRoot":"","sources":["../../../../jsr/components/ImgGenUtils/overlays/DeleteConfirmationOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,+BAA+B,CAAC;AAS9F,MAAM,UAAU,yBAAyB,CAAC,EACxC,mBAAmB,EACnB,kBAAkB,EAClB,OAAO,GAAG,cAAc,GACO,EAAE;IAEjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC;YACjC,kBAAkB,EAAE,CAAC;QAAA,CACtB,EAAE,IAAI,CAAC,CAAC;QAET,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAAA,CACtC,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;AAAA,CACH"}

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { ImgGenClasses } 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<ImgGenClasses>;
+    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/ImgGenUtils/overlays/ImageOverlay.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../../../utils/style-utils.js';
+import { imgGenStyles } 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: imgGenStyles.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/ImgGenUtils/overlays/ImageOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOverlay.js","sourceRoot":"","sources":["../../../../jsr/components/ImgGenUtils/overlays/ImageOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAiB,MAAM,+BAA+B,CAAC;AAC9F,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,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,EAAE;IAEpB,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,gBAAgB,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,OAAO,IAE1F;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;AAAA,CACH"}

package/components/ImgGenUtils/types.d.ts

@@ -0,0 +1,29 @@
+import type { PartialImageDocument } from '@vibes.diy/use-vibes-types';
+import { ImgGenClasses } from '../../utils/style-utils.js';
+export interface ImgGenPlaceholderProps {
+    readonly className?: string;
+    readonly alt?: string;
+    readonly prompt?: string;
+    progress: number;
+    readonly loading?: boolean;
+    readonly error?: Error | null;
+    readonly classes?: Partial<ImgGenClasses>;
+}
+export interface ImgGenDisplayProps {
+    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<ImgGenClasses>;
+    readonly loading: boolean;
+    readonly progress: number;
+    readonly error: Error | null;
+    readonly debug: boolean;
+}
+export interface ImgGenErrorProps {
+    readonly message: string;
+    readonly className: string;
+    readonly classes: Partial<ImgGenClasses>;
+}

package/components/ImgGenUtils/types.js

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

package/components/ImgGenUtils/types.js.map

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

package/components/ImgGenUtils.d.ts

@@ -0,0 +1,2 @@
+export { ImgGenPromptWaiting, ImgGenError, ImgGenDisplayPlaceholder, ImgGenDisplay, } from './ImgGenUtils/index.js';
+export * from './ImgGenUtils/types.js';

package/components/ImgGenUtils.js

@@ -0,0 +1,3 @@
+export { ImgGenPromptWaiting, ImgGenError, ImgGenDisplayPlaceholder, ImgGenDisplay, } from './ImgGenUtils/index.js';
+export * from './ImgGenUtils/types.js';
+//# sourceMappingURL=ImgGenUtils.js.map

package/components/ImgGenUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImgGenUtils.js","sourceRoot":"","sources":["../../jsr/components/ImgGenUtils.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,wBAAwB,EACxB,aAAa,GACd,MAAM,wBAAwB,CAAC;AAEhC,cAAc,wBAAwB,CAAC"}

package/components/PromptBar.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ImgGenClasses } 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<ImgGenClasses>;
+}
+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 { imgGenStyles } from '../utils/styles.js';
+export function PromptBar({ promptText, editedPrompt, setEditedPrompt, handlePromptEdit, classes = defaultClasses, }) {
+    return (React.createElement("div", { style: imgGenStyles.topLine },
+        React.createElement("div", { className: combineClasses(classes.prompt), style: imgGenStyles.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: {
+                ...imgGenStyles.promptInput,
+                ...imgGenStyles.promptInputEditMode,
+            }, "aria-label": "Edit prompt" })) : (React.createElement("div", { className: "imggen-prompt-text", onClick: () => {
+                setEditedPrompt(promptText);
+            }, style: {
+                ...imgGenStyles.promptText,
+                ...imgGenStyles.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,EAAiB,MAAM,yBAAyB,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAgBlD,MAAM,UAAU,SAAS,CAAC,EACxB,UAAU,EACV,YAAY,EACZ,eAAe,EACf,gBAAgB,EAChB,OAAO,GAAG,cAAc,GACT,EAAE;IACjB,OAAO,CACL,6BAAK,KAAK,EAAE,YAAY,CAAC,OAAO;QAC9B,6BAAK,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,MAAM,IACvE,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,CAAC;gBAChB,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;YAAA,CACF,EAED,SAAS,QACT,KAAK,EAAE;gBACL,GAAG,YAAY,CAAC,WAAW;gBAC3B,GAAG,YAAY,CAAC,mBAAmB;aACpC,gBACU,aAAa,GACxB,CACH,CAAC,CAAC,CAAC,CACF,6BACE,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC;gBAEb,eAAe,CAAC,UAAU,CAAC,CAAC;YAAA,CAC7B,EACD,KAAK,EAAE;gBACL,GAAG,YAAY,CAAC,UAAU;gBAC1B,GAAG,YAAY,CAAC,QAAQ;aACzB,EACD,KAAK,EAAC,sBAAsB,IAE3B,UAAU,CACP,CACP,CACG,CACF,CACP,CAAC;AAAA,CACH"}

package/components/VibeControl.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { VibeControlClasses } from '../utils/vibe-control-styles.js';
+export interface VibeControlProps {
+    readonly label?: string;
+    readonly position?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    readonly onOpen?: () => void;
+    readonly onClose?: () => void;
+    readonly children?: React.ReactNode;
+    readonly classes?: VibeControlClasses;
+    readonly visible?: boolean;
+}
+export declare function VibeControl({ label, position, onOpen, onClose, children, classes, visible }: VibeControlProps): React.ReactElement | null;
+export default VibeControl;

package/components/VibeControl.js

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { createVibeControlStyles, defaultVibeControlClasses, } from '../utils/vibe-control-styles.js';
+export function VibeControl({ label = 'Open Vibes', position = 'bottom-right', onOpen, onClose, children, classes = defaultVibeControlClasses, visible = true, }) {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [isHoveringButton, setIsHoveringButton] = React.useState(false);
+    const [isHoveringClose, setIsHoveringClose] = React.useState(false);
+    const handleOpen = React.useCallback(() => {
+        setIsOpen(true);
+        onOpen?.();
+    }, [onOpen]);
+    const handleClose = React.useCallback(() => {
+        setIsOpen(false);
+        onClose?.();
+    }, [onClose]);
+    React.useEffect(() => {
+        const handleEscape = (event) => {
+            if (event.key === 'Escape' && isOpen) {
+                handleClose();
+            }
+        };
+        if (isOpen) {
+            document.addEventListener('keydown', handleEscape);
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = '';
+        }
+        return () => {
+            document.removeEventListener('keydown', handleEscape);
+            document.body.style.overflow = '';
+        };
+    }, [isOpen, handleClose]);
+    const styles = createVibeControlStyles(position);
+    const buttonStyles = {
+        ...styles.button,
+        ...(isHoveringButton ? styles.buttonHover : {}),
+    };
+    const closeButtonStyles = {
+        ...styles.closeButton,
+        ...(isHoveringClose ? styles.closeButtonHover : {}),
+    };
+    if (!visible) {
+        return null;
+    }
+    const renderOverlay = () => {
+        if (!isOpen)
+            return null;
+        return ReactDOM.createPortal(React.createElement("div", { style: styles.backdrop, onClick: handleClose, className: classes.backdrop },
+            React.createElement("div", { style: styles.overlay, onClick: (e) => e.stopPropagation(), className: classes.overlay },
+                React.createElement("h2", { style: styles.overlayTitle, className: classes.overlayTitle }, "Vibe Control"),
+                React.createElement("button", { style: closeButtonStyles, onClick: handleClose, onMouseEnter: () => setIsHoveringClose(true), onMouseLeave: () => setIsHoveringClose(false), className: classes.closeButton, "aria-label": "Close overlay" }, "\u00D7"),
+                React.createElement("div", { style: styles.content, className: classes.content }, children || (React.createElement("div", null,
+                    React.createElement("p", null, "Welcome to Vibe Control!"),
+                    React.createElement("p", null, "This is the default content. You can customize this by passing children to the VibeControl component."),
+                    React.createElement("div", { style: {
+                            marginTop: '20px',
+                            padding: '16px',
+                            backgroundColor: '#f5f5f5',
+                            borderRadius: '8px',
+                        } },
+                        React.createElement("h3", { style: { margin: '0 0 8px 0' } }, "Example Features:"),
+                        React.createElement("ul", { style: { margin: 0, paddingLeft: '20px' } },
+                            React.createElement("li", null, "Theme customization"),
+                            React.createElement("li", null, "Settings management"),
+                            React.createElement("li", null, "Component controls"),
+                            React.createElement("li", null, "Debug information")))))))), document.body);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("button", { style: buttonStyles, onClick: handleOpen, onMouseEnter: () => setIsHoveringButton(true), onMouseLeave: () => setIsHoveringButton(false), className: classes.button, "aria-label": label }, label),
+        renderOverlay()));
+}
+export default VibeControl;
+//# sourceMappingURL=VibeControl.js.map

package/components/VibeControl.js.map

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

package/components/VibesButton/VibesButton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
+export interface MenuButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    children: React.ReactNode;
+    onHover?: () => void;
+    onUnhover?: () => void;
+}
+export declare function VibesButton({ variant, children, onHover, onUnhover, ...props }: MenuButtonProps): React.JSX.Element;
+export {};

package/components/VibesButton/VibesButton.js

@@ -0,0 +1,20 @@
+import React, { useEffect, useState } from 'react';
+import { getButtonStyle } from './VibesButton.styles.js';
+export function VibesButton({ variant = 'primary', children, onHover, onUnhover, ...props }) {
+    const [isHovered, setHovered] = useState(false);
+    const [isActive, setActive] = useState(false);
+    const style = getButtonStyle(variant, isHovered, isActive);
+    useEffect(() => {
+        if (isHovered) {
+            onHover?.();
+        }
+        else {
+            onUnhover?.();
+        }
+    }, [isHovered, onHover, onUnhover]);
+    return (React.createElement("button", { ...props, onMouseEnter: () => setHovered(true), onMouseLeave: () => {
+            setHovered(false);
+            setActive(false);
+        }, onMouseDown: () => setActive(true), onMouseUp: () => setActive(false), style: style }, children));
+}
+//# sourceMappingURL=VibesButton.js.map

package/components/VibesButton/VibesButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibesButton.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAWzD,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACQ,EAAE;IAClB,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE,CAAC;QACd,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,EAAE,EAAE,CAAC;QACd,CAAC;aAAM,CAAC;YACN,SAAS,EAAE,EAAE,CAAC;QAChB,CAAC;IAAA,CACF,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,mCACM,KAAK,EACT,YAAY,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EACpC,YAAY,EAAE,GAAG,EAAE,CAAC;YAClB,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,SAAS,CAAC,KAAK,CAAC,CAAC;QAAA,CAClB,EACD,WAAW,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,EAClC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EACjC,KAAK,EAAE,KAAK,IAEX,QAAQ,CACF,CACV,CAAC;AAAA,CACH"}

package/components/VibesButton/VibesButton.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const buttonColors: {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+};
+export declare function getButtonStyle(variant: keyof typeof buttonColors, isHovered: boolean, isActive: boolean): React.CSSProperties;

package/components/VibesButton/VibesButton.styles.js

@@ -0,0 +1,35 @@
+export const buttonColors = {
+    primary: '#009ACE',
+    secondary: '#DA291C',
+    tertiary: '#FEDD00',
+};
+export function getButtonStyle(variant, isHovered, isActive) {
+    let transform = 'translate(0px, 0px)';
+    let boxShadow = `4px 5px 0px 0px ${buttonColors[variant]}`;
+    if (isHovered && !isActive) {
+        transform = 'translate(2px, 2px)';
+        boxShadow = `2px 3px 0px 0px ${buttonColors[variant]}`;
+    }
+    if (isActive) {
+        transform = 'translate(4px, 5px)';
+        boxShadow = 'none';
+    }
+    return {
+        width: '100%',
+        padding: '1rem 2rem',
+        background: '#fff',
+        color: '#1a1a1a',
+        border: '3px solid #1a1a1a',
+        borderRadius: '12px',
+        fontSize: '1rem',
+        fontWeight: 700,
+        textTransform: 'uppercase',
+        letterSpacing: '0.05em',
+        cursor: 'pointer',
+        transition: 'all 0.15s ease',
+        position: 'relative',
+        transform,
+        boxShadow,
+    };
+}
+//# sourceMappingURL=VibesButton.styles.js.map

package/components/VibesButton/VibesButton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VibesButton.styles.js","sourceRoot":"","sources":["../../../jsr/components/VibesButton/VibesButton.styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAIrB;IACF,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,SAAS;CACpB,CAAC;AAEF,MAAM,UAAU,cAAc,CAC5B,OAAkC,EAClC,SAAkB,EAClB,QAAiB,EACI;IACrB,IAAI,SAAS,GAAG,qBAAqB,CAAC;IACtC,IAAI,SAAS,GAAG,mBAAmB,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;IAE3D,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC3B,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,mBAAmB,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;IACzD,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACb,SAAS,GAAG,qBAAqB,CAAC;QAClC,SAAS,GAAG,MAAM,CAAC;IACrB,CAAC;IAED,OAAO;QACL,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,WAAW;QACpB,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,mBAAmB;QAC3B,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,WAAW;QAC1B,aAAa,EAAE,QAAQ;QACvB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,gBAAgB;QAC5B,QAAQ,EAAE,UAAU;QACpB,SAAS;QACT,SAAS;KACV,CAAC;AAAA,CACH"}

package/components/VibesPanel/VibesPanel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface VibesPanelProps {
+    style?: React.CSSProperties;
+    className?: string;
+}
+export declare function VibesPanel({ style, className }?: VibesPanelProps): React.JSX.Element;