use-vibes 0.5.7 → 0.11.0-dev-preview1

package/{dist/hooks → hooks}/image-gen/utils.js

@@ -1,4 +1,3 @@
-// Module-level state for tracking and preventing duplicate calls
 export const MODULE_STATE = {
     pendingImageGenCalls: new Map(),
     pendingPrompts: new Set(),
@@ -6,66 +5,38 @@ export const MODULE_STATE = {
     requestTimestamps: new Map(),
     requestCounter: 0,
     createdDocuments: new Map(), // Track document IDs created for each generation request
-    pendingDocumentCreations: new Map(), // Track document creation promises
+    pendingDocumentCreations: new Map(),
 };
-// Helper to safely remove a key from all tracking collections
-export const cleanupRequestKey = (key) => {
+export function cleanupRequestKey(key) {
     MODULE_STATE.pendingImageGenCalls.delete(key);
     MODULE_STATE.processingRequests.delete(key);
     MODULE_STATE.pendingPrompts.delete(key);
-    // We also clean up the document creation promise to prevent memory leaks
     MODULE_STATE.pendingDocumentCreations.delete(key);
-    // Keep the createdDocuments entry as it's the actual deduplication map
-    // But do clean up the timestamp to prevent memory leaks
     MODULE_STATE.requestTimestamps.delete(key);
-};
-// Periodically clean up stale requests (every minute)
-setInterval(() => {
+}
+export const cleanupInterval = setInterval(() => {
     const now = Date.now();
     for (const [key, timestamp] of MODULE_STATE.requestTimestamps.entries()) {
         if (now - timestamp > 5 * 60 * 1000) {
-            // For stale requests that are over 5 minutes old,
-            // also remove them from createdDocuments tracking
             MODULE_STATE.createdDocuments.delete(key);
-            // Clean up all other state
             cleanupRequestKey(key);
         }
     }
-}, 60000); // Check every minute
-/**
- * Synchronous hash function to create a key from the prompt string and options
- * @param prompt The prompt string to hash
- * @param options Optional image generation options
- * @returns A hash string for the input
- */
+}, 60000);
 export function hashInput(prompt, options) {
-    // Create a string that includes both prompt and relevant options
     const inputString = JSON.stringify({
         prompt,
-        // Only include relevant options properties to avoid unnecessary regeneration
-        options: options
-            ? {
-                size: options.size,
-                quality: options.quality,
-                model: options.model,
-                style: options.style,
-            }
-            : undefined,
+        options,
     });
-    // Use a fast non-crypto hash for immediate results (FNV-1a algorithm)
-    let hash = 2166136261; // FNV offset basis
+    let hash = 2166136261;
     for (let i = 0; i < inputString.length; i++) {
         hash ^= inputString.charCodeAt(i);
-        // Multiply by the FNV prime (32-bit)
         hash = Math.imul(hash, 16777619);
     }
-    // Convert to hex string and take first 12 chars
     const hashHex = (hash >>> 0).toString(16).padStart(8, '0');
     const requestId = hashHex.slice(0, 12);
-    // Add a timestamp to make the ID unique even for identical requests
     return `${requestId}-${Date.now().toString(36)}`;
 }
-// Convert base64 to File object
 export function base64ToFile(base64Data, filename) {
     const byteString = atob(base64Data);
     const ab = new ArrayBuffer(byteString.length);
@@ -76,59 +47,34 @@ export function base64ToFile(base64Data, filename) {
     const blob = new Blob([ab], { type: 'image/png' });
     return new File([blob], filename, { type: 'image/png' });
 }
-/**
- * Generate a version ID for the file namespace
- * @param versionNumber - The numeric version (1-based)
- * @returns A formatted version string like "v1", "v2", etc.
- */
 export function generateVersionId(versionNumber) {
     return `v${versionNumber}`;
 }
-/**
- * Get all version information from a document, or create a default if none exists
- * @param document - The image document
- * @returns Array of version info objects
- */
 export function getVersionsFromDocument(document) {
-    // Check if document has proper version structure
     if (document?.versions && document.versions.length > 0) {
         return {
             versions: document.versions,
             currentVersion: document.currentVersion ?? document.versions.length,
         };
     }
-    // Legacy document with just an 'image' file - convert to version format
     if (document?._files?.image) {
         return {
             versions: [{ id: 'v1', created: document.created || Date.now() }],
             currentVersion: 1,
         };
     }
-    // No versions found
     return { versions: [], currentVersion: 0 };
 }
-/**
- * Generate a prompt key for the prompts namespace
- * @param promptNumber - The numeric prompt (1-based)
- * @returns A formatted prompt string like "p1", "p2", etc.
- */
 export function generatePromptKey(promptNumber) {
     return `p${promptNumber}`;
 }
-/**
- * Get all prompt information from a document, or create a default if none exists
- * @param document - The image document
- * @returns Object with prompts record and currentPromptKey
- */
 export function getPromptsFromDocument(document) {
-    // Check if document has proper prompts structure
     if (document?.prompts && document?.currentPromptKey) {
         return {
             prompts: document.prompts,
             currentPromptKey: document.currentPromptKey,
         };
     }
-    // Legacy document with just a 'prompt' string - convert to prompts format
     if (document?.prompt) {
         return {
             prompts: {
@@ -137,27 +83,15 @@ export function getPromptsFromDocument(document) {
             currentPromptKey: 'p1',
         };
     }
-    // No prompts found
     return { prompts: {}, currentPromptKey: '' };
 }
-/**
- * Add a new version to an image document
- * @param document - The existing image document
- * @param newImageFile - The new image file to add as a version
- * @param newPrompt - Optional new prompt to use for this version
- * @returns Updated document with the new version added
- */
 export function addNewVersion(document, newImageFile, newPrompt) {
-    // Get existing versions or initialize
     const { versions } = getVersionsFromDocument(document);
     const versionCount = versions.length + 1;
     const newVersionId = generateVersionId(versionCount);
-    // Get existing prompts or initialize
     const { prompts, currentPromptKey } = getPromptsFromDocument(document);
-    // Handle prompt versioning
     const updatedPrompts = { ...prompts };
     let updatedCurrentPromptKey = currentPromptKey;
-    // If a new prompt is provided and it's different from the current one, create a new prompt version
     if (newPrompt && (!currentPromptKey || newPrompt !== prompts[currentPromptKey]?.text)) {
         const promptCount = Object.keys(updatedPrompts).length + 1;
         updatedCurrentPromptKey = generatePromptKey(promptCount);
@@ -167,17 +101,14 @@ export function addNewVersion(document, newImageFile, newPrompt) {
         };
     }
     else if (!updatedCurrentPromptKey && document.prompt) {
-        // Legacy migration - create p1 from document.prompt
         updatedCurrentPromptKey = 'p1';
         updatedPrompts['p1'] = {
             text: document.prompt,
             created: document.created || Date.now(),
         };
     }
-    // Copy existing files and add the new version
     const updatedFiles = { ...(document._files || {}) };
     updatedFiles[newVersionId] = newImageFile;
-    // Handle legacy documents by migrating 'image' to 'v1' if needed
     if (versionCount === 1 && document._files?.image) {
         updatedFiles['v1'] = document._files.image;
         delete updatedFiles.image;
@@ -198,10 +129,6 @@ export function addNewVersion(document, newImageFile, newPrompt) {
         _files: updatedFiles,
     };
 }
-/**
- * Extract only the options properties that matter for image generation
- * to avoid unnecessary re-renders or regenerations
- */
 export function getRelevantOptions(options) {
     if (!options)
         return {};
@@ -216,26 +143,17 @@ export function getRelevantOptions(options) {
         relevantOptions.style = options.style;
     return relevantOptions;
 }
-/**
- * Generate a safe filename based on prompt text and timestamp
- * @param promptText - The prompt text to include in the filename
- * @returns A formatted filename like "prompt-text-20250518-2117.png"
- */
 export function generateSafeFilename(promptText) {
-    // Limit prompt length to avoid extremely long filenames
     const maxPromptChars = 40;
-    // Clean the prompt by removing special characters and converting to lowercase
     const cleanedPrompt = promptText
         .toLowerCase()
-        .replace(/[^a-z0-9\s-]/g, '') // Keep only alphanumeric, spaces, and hyphens
-        .replace(/\s+/g, '-') // Replace spaces with hyphens
-        .substring(0, maxPromptChars) // Limit length
-        .replace(/-+$/g, ''); // Remove trailing hyphens
-    // Generate date part in format YYYYMMDD-HHMM
+        .replace(/[^a-z0-9\s-]/g, '')
+        .replace(/\s+/g, '-')
+        .substring(0, maxPromptChars)
+        .replace(/-+$/g, '');
     const now = new Date();
     const datePart = `${now.getFullYear()}${String(now.getMonth() + 1).padStart(2, '0')}${String(now.getDate()).padStart(2, '0')}`;
     const timePart = `${String(now.getHours()).padStart(2, '0')}${String(now.getMinutes()).padStart(2, '0')}`;
-    // Construct filename
     return `${cleanedPrompt}-${datePart}-${timePart}.png`;
 }
 //# sourceMappingURL=utils.js.map

package/hooks/image-gen/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../jsr/hooks/image-gen/utils.ts"],"names":[],"mappings":"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"}

package/hooks/use-image-gen.d.ts

@@ -0,0 +1 @@
+export * from './image-gen/index.js';

package/hooks/use-image-gen.js

@@ -0,0 +1,2 @@
+export * from './image-gen/index.js';
+//# sourceMappingURL=use-image-gen.js.map

package/hooks/use-image-gen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-image-gen.js","sourceRoot":"","sources":["../../jsr/hooks/use-image-gen.ts"],"names":[],"mappings":"AAMA,cAAc,sBAAsB,CAAC"}

package/index.d.ts

@@ -0,0 +1,20 @@
+export * from 'use-fireproof';
+import { useFireproof as originalUseFireproof } from 'use-fireproof';
+export declare const useFireproof: typeof originalUseFireproof;
+import { imageGen, callAi, type ImageGenOptions, type ImageResponse } from 'call-ai';
+export { imageGen, callAi, type ImageGenOptions, type ImageResponse };
+export { default as ImgGen } from './components/ImgGen.js';
+export type { ImgGenProps } from './components/ImgGen.js';
+export { ControlsBar } from './components/ControlsBar.js';
+export { useImageGen, hashInput } from './hooks/image-gen/index.js';
+export { type ImgGenClasses, defaultClasses } from './utils/style-utils.js';
+export { base64ToFile } from './utils/base64.js';
+export { PromptBar } from './components/PromptBar.js';
+export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
+export { MODULE_STATE } from './hooks/image-gen/utils.js';
+export { type ImageDocument } from './hooks/image-gen/types.js';
+export { addNewVersion } from './hooks/image-gen/utils.js';
+export { ImgGenDisplay } from './components/ImgGenUtils/ImgGenDisplay.js';
+export { ImgGenModal } from './components/ImgGenUtils/ImgGenModal.jsx';
+export { ImgGenDisplayPlaceholder } from './components/ImgGenUtils/ImgGenDisplayPlaceholder.js';
+export { type UseImageGenOptions, type UseImageGenResult, type PartialImageDocument, } from './hooks/image-gen/types.js';

package/index.js

@@ -0,0 +1,21 @@
+export * from 'use-fireproof';
+import { useFireproof as originalUseFireproof } from 'use-fireproof';
+export const useFireproof = (...args) => {
+    console.log('Using vibes-customized useFireproof');
+    return originalUseFireproof(...args);
+};
+import { imageGen, callAi } from 'call-ai';
+export { imageGen, callAi };
+export { default as ImgGen } from './components/ImgGen.js';
+export { ControlsBar } from './components/ControlsBar.js';
+export { useImageGen, hashInput } from './hooks/image-gen/index.js';
+export { defaultClasses } from './utils/style-utils.js';
+export { base64ToFile } from './utils/base64.js';
+export { PromptBar } from './components/PromptBar.js';
+export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
+export { MODULE_STATE } from './hooks/image-gen/utils.js';
+export { addNewVersion } from './hooks/image-gen/utils.js';
+export { ImgGenDisplay } from './components/ImgGenUtils/ImgGenDisplay.js';
+export { ImgGenModal } from './components/ImgGenUtils/ImgGenModal.jsx';
+export { ImgGenDisplayPlaceholder } from './components/ImgGenUtils/ImgGenDisplayPlaceholder.js';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../jsr/index.ts"],"names":[],"mappings":"AACA,cAAc,eAAe,CAAC;AAG9B,OAAO,EAAE,YAAY,IAAI,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAIrE,MAAM,CAAC,MAAM,YAAY,GAAgC,CACvD,GAAG,IAA6C,EAChD,EAAE,CAAC;IACH,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;IACnD,OAAO,oBAAoB,CAAC,GAAG,IAAI,CAAC,CAAC;AAAA,CACtC,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,MAAM,EAA4C,MAAM,SAAS,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,EAA4C,CAAC;AAGtE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAG3D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGpE,OAAO,EAAsB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG5E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAEjF,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,2CAA2C,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAEvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,sDAAsD,CAAC"}

package/package.json

@@ -1,26 +1,18 @@
 {
   "name": "use-vibes",
-  "version": "0.5.7",
+  "version": "0.11.0-dev-preview1",
   "type": "module",
   "description": "Transform any DOM element into an AI-powered micro-app",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
+      "types": "./index.d.ts",
+      "import": "./index.js"
     },
     "./style-loader": {
-      "types": "./dist/style-loader.d.ts",
-      "import": "./dist/style-loader.js",
-      "require": "./dist/style-loader.js"
+      "types": "./style-loader.d.ts",
+      "import": "./style-loader.js"
     }
   },
-  "files": [
-    "dist"
-  ],
   "keywords": [
     "ai",
     "dom",
@@ -30,36 +22,43 @@
     "esm",
     "typescript"
   ],
-  "author": "",
-  "license": "MIT",
+  "contributors": [
+    "J Chris Anderson",
+    "Meno Abels"
+  ],
+  "license": "Apache-2.0",
   "dependencies": {
-    "call-ai": "^0.10.1",
-    "use-fireproof": "^0.20.4",
+    "call-ai": "0.11.0-dev-preview1",
+    "use-fireproof": "0.23.5",
     "uuid": "^11.1.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
+    "@eslint/js": "^9.31.0",
+    "@fireproof/core-cli": "^0.23.6",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@types/react": "^19.1.0",
     "@types/react-dom": "^19.1.2",
-    "@typescript-eslint/eslint-plugin": "^8.32.1",
-    "@typescript-eslint/parser": "^8.32.1",
     "@vitejs/plugin-react": "^4.4.1",
-    "eslint": "^8.56.0",
+    "@vitest/browser": "^3.2.4",
+    "eslint": "^9.31.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-react": "^7.37.5",
     "jsdom": "^26.1.0",
-    "prettier": "^3.5.3",
+    "playwright": "^1.54.1",
+    "playwright-chromium": "^1.54.1",
+    "prettier": "^3.6.2",
     "react-dom": "^19.1.0",
     "rimraf": "^5.0.5",
-    "typescript": "^5.3.3",
-    "vitest": "^1.2.2"
+    "typescript": "^5.8.2",
+    "typescript-eslint": "^8.36.0",
+    "vitest": "^3.2.4"
   },
   "scripts": {
-    "build": "pnpm clean && tsc && pnpm copy-css",
+    "build": "core-cli tsc",
     "copy-css": "mkdir -p dist/components && cp src/components/ImgGen.css dist/components/",
     "build:watch": "tsc --watch",
     "dev:build": "tsc --watch",

package/style-loader.d.ts

@@ -0,0 +1 @@
+export declare function bootstrapUseVibesStyles(): boolean;

package/style-loader.js

@@ -0,0 +1,23 @@
+export function bootstrapUseVibesStyles() {
+    if (typeof document === 'undefined') {
+        return false;
+    }
+    const cssPath = './components/ImgGen.css';
+    if (document.querySelector(`link[data-use-vibes-css]`)) {
+        return false;
+    }
+    try {
+        const link = document.createElement('link');
+        link.rel = 'stylesheet';
+        link.href = new URL(cssPath, import.meta.url).toString();
+        link.setAttribute('data-use-vibes-css', 'true');
+        document.head.appendChild(link);
+        return true;
+    }
+    catch (e) {
+        console.warn('Failed to auto-load use-vibes styles:', e);
+        return false;
+    }
+}
+bootstrapUseVibesStyles();
+//# sourceMappingURL=style-loader.js.map

package/style-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-loader.js","sourceRoot":"","sources":["../jsr/style-loader.ts"],"names":[],"mappings":"AAgBA,MAAM,UAAU,uBAAuB,GAAY;IAEjD,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,MAAM,OAAO,GAAG,yBAAyB,CAAC;IAG1C,IAAI,QAAQ,CAAC,aAAa,CAAC,0BAA0B,CAAC,EAAE,CAAC;QACvD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,CAAC;QAEH,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC5C,IAAI,CAAC,GAAG,GAAG,YAAY,CAAC;QAExB,IAAI,CAAC,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,EAAE,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;QACzD,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAGhD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,OAAO,CAAC,IAAI,CAAC,uCAAuC,EAAE,CAAC,CAAC,CAAC;QACzD,OAAO,KAAK,CAAC;IACf,CAAC;AAAA,CACF;AAGD,uBAAuB,EAAE,CAAC"}

package/tsconfig.json

@@ -0,0 +1,18 @@
+{
+  "extends": [
+    "/home/runner/work/vibes.diy/vibes.diy/tsconfig.dist.json"
+  ],
+  "compilerOptions": {
+    "outDir": "../npm/",
+    "noEmit": false
+  },
+  "include": [
+    "**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    ".git",
+    ".vscode"
+  ]
+}

package/{dist/utils → utils}/base64.js

@@ -1,16 +1,12 @@
 export function base64ToFile(base64Data, filename = 'generated-image.png', mimeType = 'image/png') {
-    // Remove data URL prefix if present
     const base64Content = base64Data.includes('base64,')
         ? base64Data.split('base64,')[1]
         : base64Data;
-    // Convert base64 to binary
     const binaryStr = atob(base64Content);
-    // Create array buffer
     const bytes = new Uint8Array(binaryStr.length);
     for (let i = 0; i < binaryStr.length; i++) {
         bytes[i] = binaryStr.charCodeAt(i);
     }
-    // Create blob and file
     const blob = new Blob([bytes], { type: mimeType });
     return new File([blob], filename, { type: mimeType });
 }

package/utils/base64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base64.js","sourceRoot":"","sources":["../../jsr/utils/base64.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,YAAY,CAC1B,UAAkB,EAClB,QAAQ,GAAG,qBAAqB,EAChC,QAAQ,GAAG,WAAW,EAChB;IAEN,MAAM,aAAa,GAAG,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC;QAClD,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC,CAAC,UAAU,CAAC;IAGf,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;IAGtC,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;IAC/C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC1C,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC;IAGD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;IACnD,OAAO,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;AAAA,CACvD"}

package/{dist/utils → utils}/debug.js

@@ -2,7 +2,6 @@ export const isDebug = () => Boolean(import.meta.env?.DEV) &&
     (typeof window === 'undefined' || localStorage.getItem('debugDelete') === '1');
 export function logDebug(...args) {
     if (isDebug()) {
-        // eslint-disable-next-line no-console
         console.log(...args);
     }
 }

package/utils/debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../jsr/utils/debug.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,GAAY,EAAE,CACnC,OAAO,CAAE,OAAO,IAA+C,CAAC,GAAG,EAAE,GAAG,CAAC;IACzE,CAAC,OAAO,MAAM,KAAK,WAAW,IAAI,YAAY,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC;AAEjF,MAAM,UAAU,QAAQ,CAAC,GAAG,IAAe,EAAE;IAC3C,IAAI,OAAO,EAAE,EAAE,CAAC;QACd,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;IACvB,CAAC;AAAA,CACF"}

package/utils/style-utils.d.ts

@@ -0,0 +1,17 @@
+export declare function combineClasses(...classes: (string | boolean | null | undefined)[]): string;
+export interface ImgGenClasses {
+    readonly root: string;
+    readonly container: string;
+    readonly image: string;
+    readonly overlay: string;
+    readonly progress: string;
+    readonly placeholder: string;
+    readonly error: string;
+    readonly controls: string;
+    readonly button: string;
+    readonly prompt: string;
+    readonly deleteOverlay: string;
+    readonly dropZone: string;
+    readonly uploadWaiting: string;
+}
+export declare const defaultClasses: Partial<ImgGenClasses>;

package/utils/style-utils.js

@@ -0,0 +1,15 @@
+export function combineClasses(...classes) {
+    const validClasses = classes.filter(Boolean);
+    const allClasses = [...validClasses];
+    validClasses.forEach((cls) => {
+        if (cls.startsWith('imggen-')) {
+            const legacyClass = cls.replace('imggen-', 'img-gen-');
+            if (!allClasses.includes(legacyClass)) {
+                allClasses.push(legacyClass);
+            }
+        }
+    });
+    return allClasses.join(' ');
+}
+export const defaultClasses = {};
+//# sourceMappingURL=style-utils.js.map

package/utils/style-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-utils.js","sourceRoot":"","sources":["../../jsr/utils/style-utils.ts"],"names":[],"mappings":"AAoBA,MAAM,UAAU,cAAc,CAAC,GAAG,OAAgD,EAAU;IAE1F,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,OAAO,CAAa,CAAC;IAGzD,MAAM,UAAU,GAAG,CAAC,GAAG,YAAY,CAAC,CAAC;IAGrC,YAAY,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC;QAC5B,IAAI,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE,CAAC;YAE9B,MAAM,WAAW,GAAG,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;YAEvD,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;gBACtC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;IAAA,CACF,CAAC,CAAC;IAEH,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAAA,CAC7B;AAqCD,MAAM,CAAC,MAAM,cAAc,GAA2B,EAAE,CAAC"}

package/dist/components/ControlsBar.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-import { ImgGenClasses } from '../utils/style-utils';
-interface ControlsBarProps {
-    /** Handle delete confirmation */
-    handleDeleteConfirm: () => void;
-    handlePrevVersion: () => void;
-    handleNextVersion: () => void;
-    handleRegen: () => void;
-    versionIndex: number;
-    totalVersions: number;
-    /** Custom CSS classes for styling component parts */
-    classes?: ImgGenClasses;
-    /** Show control buttons (defaults to true) */
-    showControls?: boolean;
-    /** Edited prompt for highlighting regenerate button */
-    editedPrompt: string | null;
-    /** Original prompt text for comparison */
-    promptText: string;
-    /** Progress value for generation (0-100), shows progress bar when < 100 */
-    progress?: number;
-    /** Show delete button (defaults to true) */
-    showDelete?: boolean;
-    /** Whether to flash the version indicator when a new version is added */
-    versionFlash?: boolean;
-    /** Whether the regeneration is currently in progress */
-    isRegenerating?: boolean;
-}
-/**
- * ControlsBar component - Displays controls for deleting, navigating between versions, and regenerating
- */
-export declare function ControlsBar({ handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes, showControls, editedPrompt, promptText, progress, showDelete, versionFlash, isRegenerating, }: ControlsBarProps): React.JSX.Element;
-export {};