@vibes.diy/use-vibes-base 0.12.14 → 0.12.15-dev02

package/index.d.ts

@@ -4,7 +4,7 @@ import { ManualRedirectStrategy } from './ManualRedirectStrategy.js';
 export { fireproof, ImgFile, ManualRedirectStrategy };
 export type * as Fireproof from 'use-fireproof';
 export declare function toCloud(opts?: UseFpToCloudParam): ToCloudAttachable;
-export declare const useFireproof: (nameOrDatabase?: string | Database | undefined) => {
+export declare function useFireproof(nameOrDatabase?: string | Database): {
     database: Database;
     useDocument: import("use-fireproof").UseDocument;
     useLiveQuery: import("use-fireproof").UseLiveQuery;
@@ -22,14 +22,32 @@ export { default as ImgGen } from './components/ImgGen.js';
 export type { ImgGenProps } from './components/ImgGen.js';
 export { ControlsBar } from './components/ControlsBar.js';
 export { PromptBar } from './components/PromptBar.js';
+export { VibesSwitch } from './components/VibesSwitch/VibesSwitch.js';
+export { VibesButton } from './components/VibesButton/VibesButton.js';
 export { hashInput, useImageGen } from './hooks/image-gen/index.js';
-export { defaultClasses, type ImgGenClasses } from './utils/style-utils.js';
+export { defaultClasses } from './utils/style-utils.js';
+export type { ImgGenClasses } from '@vibes.diy/use-vibes-types';
 export { base64ToFile } from './utils/base64.js';
 export { ImgGenDisplay } from './components/ImgGenUtils/ImgGenDisplay.js';
 export { ImgGenDisplayPlaceholder } from './components/ImgGenUtils/ImgGenDisplayPlaceholder.js';
 export { ImgGenModal, type ImgGenModalProps } from './components/ImgGenUtils/ImgGenModal.js';
 export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
 export { addNewVersion, MODULE_STATE } from './hooks/image-gen/utils.js';
-export { type ImageDocument, type PartialImageDocument, type UseImageGenOptions, type UseImageGenResult, } from './hooks/image-gen/types.js';
+export type { ImageDocument, PartialImageDocument, UseImageGenOptions, UseImageGenResult, } from '@vibes.diy/use-vibes-types';
 export { useVibes } from './hooks/vibes-gen/index.js';
-export type { UseVibesOptions, UseVibesResult, VibeDocument } from './hooks/vibes-gen/types.js';
+export type { UseVibesOptions, UseVibesResult, VibeDocument } from '@vibes.diy/use-vibes-types';
+export { VibeControl } from './components/VibeControl.js';
+export type { VibeControlProps } from './components/VibeControl.js';
+export { mountVibeControl, mountVibeControlToBody, autoMountVibeControl, } from './vibe-control-mount.js';
+export type { MountVibeControlOptions, MountVibeControlResult } from './vibe-control-mount.js';
+export { HiddenMenuWrapper } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
+export type { HiddenMenuWrapperProps } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
+export { mountHiddenMenuWrapper, mountHiddenMenuWrapperToBody, autoMountHiddenMenuWrapper, } from './vibe-hidden-menu-mount.js';
+export type { MountHiddenMenuWrapperOptions, MountHiddenMenuWrapperResult, } from './vibe-hidden-menu-mount.js';
+export { AuthWall } from './components/AuthWall/AuthWall.js';
+export type { AuthWallProps } from './components/AuthWall/AuthWall.js';
+export { mountAuthWall } from './vibe-auth-wall.js';
+export type { MountAuthWallOptions, MountAuthWallResult } from './vibe-auth-wall.js';
+export { vibeControlTheme, createVibeControlStyles, defaultVibeControlClasses, } from './utils/vibe-control-styles.js';
+export type { VibeControlClasses } from './utils/vibe-control-styles.js';
+export { hiddenMenuTheme } from './components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js';

package/index.js

@@ -24,7 +24,7 @@ export function toCloud(opts) {
     });
     return attachable;
 }
-export const useFireproof = (nameOrDatabase) => {
+export function useFireproof(nameOrDatabase) {
     const instanceId = useId();
     const dbName = typeof nameOrDatabase === 'string' ? nameOrDatabase : nameOrDatabase?.name || 'default';
     const syncKey = `fireproof-sync-${dbName}`;
@@ -119,12 +119,14 @@ export const useFireproof = (nameOrDatabase) => {
         disableSync,
         syncEnabled,
     };
-};
+}
 import { callAI } from 'call-ai';
 export { callAI, callAI as callAi };
 export { default as ImgGen } from './components/ImgGen.js';
 export { ControlsBar } from './components/ControlsBar.js';
 export { PromptBar } from './components/PromptBar.js';
+export { VibesSwitch } from './components/VibesSwitch/VibesSwitch.js';
+export { VibesButton } from './components/VibesButton/VibesButton.js';
 export { hashInput, useImageGen } from './hooks/image-gen/index.js';
 export { defaultClasses } from './utils/style-utils.js';
 export { base64ToFile } from './utils/base64.js';
@@ -134,4 +136,12 @@ export { ImgGenModal } from './components/ImgGenUtils/ImgGenModal.js';
 export { ImageOverlay } from './components/ImgGenUtils/overlays/ImageOverlay.js';
 export { addNewVersion, MODULE_STATE } from './hooks/image-gen/utils.js';
 export { useVibes } from './hooks/vibes-gen/index.js';
+export { VibeControl } from './components/VibeControl.js';
+export { mountVibeControl, mountVibeControlToBody, autoMountVibeControl, } from './vibe-control-mount.js';
+export { HiddenMenuWrapper } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
+export { mountHiddenMenuWrapper, mountHiddenMenuWrapperToBody, autoMountHiddenMenuWrapper, } from './vibe-hidden-menu-mount.js';
+export { AuthWall } from './components/AuthWall/AuthWall.js';
+export { mountAuthWall } from './vibe-auth-wall.js';
+export { vibeControlTheme, createVibeControlStyles, defaultVibeControlClasses, } from './utils/vibe-control-styles.js';
+export { hiddenMenuTheme } from './components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js';
 //# sourceMappingURL=index.js.map

package/index.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibes.diy/use-vibes-base",
-  "version": "0.12.14",
+  "version": "0.12.15-dev02",
   "type": "module",
   "description": "Core components and utilities for use-vibes (internal workspace package)",
   "exports": {
@@ -11,12 +11,13 @@
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@adviser/cement": "^0.4.41",
+    "@adviser/cement": "^0.4.43",
     "@fireproof/core-runtime": "^0.23.14",
     "@fireproof/core-types-base": "^0.23.14",
     "@fireproof/core-types-protocols-cloud": "^0.23.14",
-    "@vibes.diy/prompts": "^0.12.14",
-    "call-ai": "^0.12.14",
+    "@vibes.diy/prompts": "^0.12.15-dev02",
+    "@vibes.diy/use-vibes-types": "^0.12.15-dev02",
+    "call-ai": "^0.12.15-dev02",
     "react-dom": "~19.1.0",
     "use-fireproof": "^0.23.14",
     "uuid": "^11.1.0"
@@ -25,12 +26,21 @@
     "react": "~19.1.0"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.1",
     "@fireproof/core-cli": "^0.23.14",
+    "@storybook/addon-a11y": "^9.1.6",
+    "@storybook/addon-docs": "^9.1.6",
+    "@storybook/react": "^9.1.6",
+    "@storybook/react-vite": "^9.1.6",
     "@types/react": "~19.1.0",
     "@types/react-dom": "~19.1.0",
-    "typescript": "^5.8.2"
+    "storybook": "^9.1.6",
+    "typescript": "^5.9.3",
+    "vite": "^7.1.7"
   },
   "scripts": {
-    "build": "core-cli tsc"
+    "build": "core-cli tsc",
+    "storybook": "storybook dev -p 6007",
+    "build-storybook": "storybook build"
   }
 }

package/stories/VibeControl.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import type { VibeControlProps } from '../components/VibeControl.js';
+declare const meta: Meta<VibeControlProps>;
+export default meta;
+type Story = StoryObj<VibeControlProps>;
+export declare const Default: Story;
+export declare const BottomLeft: Story;
+export declare const TopRight: Story;
+export declare const TopLeft: Story;
+export declare const WithCustomContent: Story;
+export declare const WithRichContent: Story;
+export declare const Hidden: Story;
+export declare const WithCustomStyling: Story;

package/stories/VibeControl.stories.js

@@ -0,0 +1,155 @@
+import React from 'react';
+import { VibeControl } from '../components/VibeControl.js';
+const meta = {
+    title: 'Components/VibeControl',
+    component: VibeControl,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: `
+A floating action button that opens a full-screen overlay. Perfect for adding controls, settings, or additional content that doesn't interfere with the main UI.
+
+### Features
+- **Configurable positioning** - Choose from 4 corner positions
+- **Portal rendering** - Avoids z-index conflicts  
+- **Keyboard navigation** - Escape key to close
+- **Custom content** - Any React children supported
+- **Event callbacks** - onOpen/onClose integration hooks
+- **Responsive design** - Works on mobile and desktop
+        `,
+            },
+        },
+    },
+    argTypes: {
+        position: {
+            control: { type: 'select' },
+            options: ['bottom-right', 'bottom-left', 'top-right', 'top-left'],
+            description: 'Position of the floating button',
+        },
+        label: {
+            control: { type: 'text' },
+            description: 'Text displayed on the button',
+        },
+        visible: {
+            control: { type: 'boolean' },
+            description: 'Whether to show the component',
+        },
+        onOpen: {
+            action: 'opened',
+            description: 'Callback when overlay opens',
+        },
+        onClose: {
+            action: 'closed',
+            description: 'Callback when overlay closes',
+        },
+        children: {
+            control: { type: 'text' },
+            description: 'Custom content for the overlay',
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        label: 'Open Vibes',
+        position: 'bottom-right',
+        visible: true,
+    },
+};
+export const BottomLeft = {
+    args: {
+        label: 'Bottom Left',
+        position: 'bottom-left',
+        visible: true,
+    },
+};
+export const TopRight = {
+    args: {
+        label: 'Top Right',
+        position: 'top-right',
+        visible: true,
+    },
+};
+export const TopLeft = {
+    args: {
+        label: 'Top Left',
+        position: 'top-left',
+        visible: true,
+    },
+};
+export const WithCustomContent = {
+    args: {
+        label: 'Settings',
+        position: 'bottom-right',
+        visible: true,
+        children: (React.createElement("div", null, React.createElement("h3", { style: { margin: '0 0 16px 0', fontSize: '24px', fontWeight: '700' } }, "Settings Panel"), React.createElement("div", { style: { marginBottom: '16px' } }, React.createElement("label", { style: { display: 'block', marginBottom: '8px', fontWeight: '600' } }, "Theme Preference"), React.createElement("select", { style: { width: '100%', padding: '8px', borderRadius: '4px', border: '1px solid #ccc' } }, React.createElement("option", null, "Light"), React.createElement("option", null, "Dark"), React.createElement("option", null, "Auto"))), React.createElement("div", { style: { marginBottom: '16px' } }, React.createElement("label", { style: { display: 'flex', alignItems: 'center', gap: '8px' } }, React.createElement("input", { type: "checkbox", defaultChecked: true }), React.createElement("span", null, "Enable notifications"))), React.createElement("div", { style: { marginBottom: '16px' } }, React.createElement("label", { style: { display: 'flex', alignItems: 'center', gap: '8px' } }, React.createElement("input", { type: "checkbox" }), React.createElement("span", null, "Auto-save changes"))), React.createElement("div", { style: { display: 'flex', gap: '8px', marginTop: '20px' } }, React.createElement("button", { style: {
+                padding: '8px 16px',
+                backgroundColor: '#0066cc',
+                color: 'white',
+                border: 'none',
+                borderRadius: '4px',
+                cursor: 'pointer',
+            } }, "Save Changes"), React.createElement("button", { style: {
+                padding: '8px 16px',
+                backgroundColor: '#f5f5f5',
+                color: '#333',
+                border: '1px solid #ccc',
+                borderRadius: '4px',
+                cursor: 'pointer',
+            } }, "Cancel")))),
+    },
+};
+export const WithRichContent = {
+    args: {
+        label: 'Help & Info',
+        position: 'bottom-right',
+        visible: true,
+        children: (React.createElement("div", null, React.createElement("h3", { style: { margin: '0 0 16px 0', fontSize: '24px', fontWeight: '700' } }, "Welcome to VibeControl"), React.createElement("div", { style: { marginBottom: '20px', lineHeight: '1.6' } }, React.createElement("p", null, "VibeControl provides a floating action button that opens rich overlay content. Perfect for settings, help content, or any additional functionality.")), React.createElement("div", { style: {
+                marginBottom: '20px',
+                padding: '16px',
+                backgroundColor: '#f0f8ff',
+                borderRadius: '8px',
+                border: '1px solid #bbdefb',
+            } }, React.createElement("h4", { style: { margin: '0 0 8px 0', color: '#1976d2' } }, "Key Features"), React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', color: '#1976d2' } }, React.createElement("li", null, "Portal rendering avoids z-index issues"), React.createElement("li", null, "Escape key and backdrop click to close"), React.createElement("li", null, "Four corner position options"), React.createElement("li", null, "Fully customizable overlay content"), React.createElement("li", null, "Event callbacks for integration"))), React.createElement("div", { style: {
+                marginBottom: '20px',
+                padding: '16px',
+                backgroundColor: '#f3e5f5',
+                borderRadius: '8px',
+                border: '1px solid #e1bee7',
+            } }, React.createElement("h4", { style: { margin: '0 0 8px 0', color: '#7b1fa2' } }, "Usage Examples"), React.createElement("ul", { style: { margin: 0, paddingLeft: '20px', color: '#7b1fa2' } }, React.createElement("li", null, "Application settings and preferences"), React.createElement("li", null, "User help and documentation"), React.createElement("li", null, "Additional navigation or tools"), React.createElement("li", null, "Context-sensitive controls"))), React.createElement("button", { style: {
+                width: '100%',
+                padding: '12px',
+                backgroundColor: '#4caf50',
+                color: 'white',
+                border: 'none',
+                borderRadius: '4px',
+                fontSize: '16px',
+                cursor: 'pointer',
+            }, onClick: () => alert('Action triggered!') }, "Try It Out!"))),
+    },
+};
+export const Hidden = {
+    args: {
+        label: "This Won't Show",
+        position: 'bottom-right',
+        visible: false,
+    },
+};
+export const WithCustomStyling = {
+    args: {
+        label: '🎨 Styled',
+        position: 'bottom-right',
+        visible: true,
+        classes: {
+            button: 'custom-button',
+            backdrop: 'custom-backdrop',
+            overlay: 'custom-overlay',
+            overlayTitle: 'custom-title',
+            closeButton: 'custom-close',
+            content: 'custom-content',
+        },
+        children: (React.createElement("div", null, React.createElement("h3", null, "Custom Styled Overlay"), React.createElement("p", null, "This example shows how you can customize the styling using CSS classes."), React.createElement("p", null, "You can override the default styles by providing custom classes for each element of the component."))),
+    },
+};
+//# sourceMappingURL=VibeControl.stories.js.map

package/stories/VibeControl.stories.js.map

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

package/stories/VibeControlMount.stories.d.ts

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import type { MountVibeControlOptions } from '../vibe-control-mount.js';
+declare const meta: Meta<{
+    mountType: 'container' | 'body' | 'auto';
+    options?: Partial<MountVibeControlOptions>;
+}>;
+export default meta;
+type Story = StoryObj<{
+    mountType: 'container' | 'body' | 'auto';
+    options?: Partial<MountVibeControlOptions>;
+}>;
+export declare const MountToContainer: Story;
+export declare const MountToBody: Story;
+export declare const AutoMount: Story;

package/stories/VibeControlMount.stories.js

@@ -0,0 +1,182 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { mountVibeControl, mountVibeControlToBody, autoMountVibeControl, } from '../vibe-control-mount.js';
+function MountDemo({ mountType, options = {}, }) {
+    const containerRef = useRef(null);
+    const [mounted, setMounted] = useState(false);
+    const [instance, setInstance] = useState(null);
+    useEffect(() => {
+        if (!mounted)
+            return;
+        let control = null;
+        try {
+            switch (mountType) {
+                case 'container':
+                    if (containerRef.current) {
+                        control = mountVibeControl({
+                            container: containerRef.current,
+                            label: 'Mounted Control',
+                            position: 'bottom-right',
+                            onOpen: () => console.log('Container-mounted control opened'),
+                            onClose: () => console.log('Container-mounted control closed'),
+                            children: React.createElement('div', {}, React.createElement('h3', {}, 'Container Mount Demo'), React.createElement('p', {}, 'This VibeControl was mounted using mountVibeControl() to a specific container element.'), React.createElement('div', {
+                                style: {
+                                    marginTop: '16px',
+                                    padding: '12px',
+                                    backgroundColor: '#e3f2fd',
+                                    borderRadius: '4px',
+                                },
+                            }, React.createElement('strong', {}, 'Benefits:'), React.createElement('ul', { style: { marginTop: '8px' } }, React.createElement('li', {}, 'Scoped to specific DOM element'), React.createElement('li', {}, 'No React dependency required'), React.createElement('li', {}, 'Dynamic prop updates supported'), React.createElement('li', {}, 'Clean unmounting')))),
+                            ...options,
+                        });
+                    }
+                    break;
+                case 'body':
+                    control = mountVibeControlToBody({
+                        label: 'Body Mount',
+                        position: 'bottom-left',
+                        onOpen: () => console.log('Body-mounted control opened'),
+                        onClose: () => console.log('Body-mounted control closed'),
+                        children: React.createElement('div', {}, React.createElement('h3', {}, 'Body Mount Demo'), React.createElement('p', {}, 'This VibeControl was mounted using mountVibeControlToBody().'), React.createElement('div', {
+                            style: {
+                                marginTop: '16px',
+                                padding: '12px',
+                                backgroundColor: '#f3e5f5',
+                                borderRadius: '4px',
+                            },
+                        }, React.createElement('strong', {}, 'Use Cases:'), React.createElement('ul', { style: { marginTop: '8px' } }, React.createElement('li', {}, 'Global application controls'), React.createElement('li', {}, 'Site-wide settings access'), React.createElement('li', {}, 'Help/support overlay'), React.createElement('li', {}, 'User account management')))),
+                        ...options,
+                    });
+                    break;
+                case 'auto':
+                    window.VIBE_CONTROL_CONFIG = {
+                        label: 'Auto Mount',
+                        position: 'top-right',
+                        children: React.createElement('div', {}, React.createElement('h3', {}, 'Auto Mount Demo'), React.createElement('p', {}, 'This VibeControl was auto-mounted using global configuration.'), React.createElement('div', {
+                            style: {
+                                marginTop: '16px',
+                                padding: '12px',
+                                backgroundColor: '#fff3e0',
+                                borderRadius: '4px',
+                            },
+                        }, React.createElement('strong', {}, 'Perfect for:'), React.createElement('ul', { style: { marginTop: '8px' } }, React.createElement('li', {}, 'CDN-based integration'), React.createElement('li', {}, 'No-code implementations'), React.createElement('li', {}, 'Third-party embeds'), React.createElement('li', {}, 'Quick prototyping')))),
+                        ...options,
+                    };
+                    control = autoMountVibeControl();
+                    break;
+            }
+            setInstance(control);
+        }
+        catch (error) {
+            console.error(`Failed to mount ${mountType}:`, error);
+        }
+        return () => {
+            if (control && typeof control.unmount === 'function') {
+                control.unmount();
+            }
+            if (mountType === 'auto') {
+                delete window.VIBE_CONTROL_CONFIG;
+            }
+        };
+    }, [mounted, mountType, options]);
+    const handleMount = () => setMounted(true);
+    const handleUnmount = () => {
+        if (instance && typeof instance.unmount === 'function') {
+            instance.unmount();
+        }
+        setMounted(false);
+        setInstance(null);
+    };
+    const handleUpdate = () => {
+        if (instance && typeof instance.update === 'function') {
+            instance.update({
+                label: `Updated ${Date.now()}`,
+                position: 'top-left',
+            });
+        }
+    };
+    return (React.createElement("div", { style: { padding: '20px', maxWidth: '600px' } }, React.createElement("h3", null, mountType === 'container' ? 'Container' : mountType === 'body' ? 'Body' : 'Auto', " Mount Example"), React.createElement("div", { style: { marginBottom: '16px', display: 'flex', gap: '8px', flexWrap: 'wrap' } }, React.createElement("button", { onClick: handleMount, disabled: mounted, style: {
+            padding: '8px 16px',
+            backgroundColor: mounted ? '#ccc' : '#4caf50',
+            color: 'white',
+            border: 'none',
+            borderRadius: '4px',
+            cursor: mounted ? 'not-allowed' : 'pointer',
+        } }, "Mount Control"), React.createElement("button", { onClick: handleUpdate, disabled: !mounted || !instance, style: {
+            padding: '8px 16px',
+            backgroundColor: !mounted || !instance ? '#ccc' : '#ff9800',
+            color: 'white',
+            border: 'none',
+            borderRadius: '4px',
+            cursor: !mounted || !instance ? 'not-allowed' : 'pointer',
+        } }, "Update Props"), React.createElement("button", { onClick: handleUnmount, disabled: !mounted, style: {
+            padding: '8px 16px',
+            backgroundColor: !mounted ? '#ccc' : '#f44336',
+            color: 'white',
+            border: 'none',
+            borderRadius: '4px',
+            cursor: !mounted ? 'not-allowed' : 'pointer',
+        } }, "Unmount")), mountType === 'container' && (React.createElement("div", { ref: containerRef, style: {
+            position: 'relative',
+            height: '200px',
+            border: '2px dashed #ccc',
+            borderRadius: '4px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            backgroundColor: mounted ? '#f0f8ff' : '#fafafa',
+        } }, mounted ? (React.createElement("div", { style: { textAlign: 'center', color: '#666' } }, React.createElement("p", null, React.createElement("strong", null, "VibeControl mounted!")), React.createElement("p", null, "Look for the button in the bottom-right of this container."))) : (React.createElement("p", { style: { color: '#999', margin: 0 } }, "Click \"Mount Control\" to see the VibeControl in this container")))), mounted && (React.createElement("div", { style: {
+            marginTop: '16px',
+            padding: '12px',
+            backgroundColor: '#f0f8ff',
+            borderRadius: '4px',
+        } }, React.createElement("strong", null, "Status:"), " VibeControl is mounted and active", mountType !== 'container' && (React.createElement("p", { style: { margin: '8px 0 0 0', fontSize: '0.9em', color: '#666' } }, "Look for the floating button positioned on the", ' ', mountType === 'body' ? 'page' : 'screen'))))));
+}
+const meta = {
+    title: 'Components/VibeControl Mount Functions',
+    component: MountDemo,
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            description: {
+                component: `
+Demonstrates the mount functions for using VibeControl in non-React environments.
+
+### Mount Functions Available
+- **\`mountVibeControl(options)\`** - Mount to a specific DOM element
+- **\`mountVibeControlToBody(props)\`** - Convenience function for body mounting
+- **\`autoMountVibeControl()\`** - Auto-mount from global config (perfect for CDN usage)
+
+### Features
+- **Dynamic updates** - Use \`instance.update(props)\` to change properties
+- **Clean unmounting** - Use \`instance.unmount()\` for proper cleanup
+- **Event callbacks** - Full support for onOpen/onClose handlers
+- **No React required** - Works in any JavaScript environment
+        `,
+            },
+        },
+    },
+    argTypes: {
+        mountType: {
+            control: { type: 'select' },
+            options: ['container', 'body', 'auto'],
+            description: 'Type of mount function to demonstrate',
+        },
+    },
+};
+export default meta;
+export const MountToContainer = {
+    args: {
+        mountType: 'container',
+    },
+};
+export const MountToBody = {
+    args: {
+        mountType: 'body',
+    },
+};
+export const AutoMount = {
+    args: {
+        mountType: 'auto',
+    },
+};
+//# sourceMappingURL=VibeControlMount.stories.js.map

package/stories/VibeControlMount.stories.js.map

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

package/tsconfig.json

@@ -7,13 +7,9 @@
     "noEmit": false
   },
   "include": [
-    "**/*",
     "**/*"
   ],
   "exclude": [
-    "../tests/**/*",
-    "node_modules",
-    "dist",
     "node_modules",
     "dist",
     ".git",

package/utils/style-utils.d.ts

@@ -1,17 +1,4 @@
+import type { ImgGenClasses } from '@vibes.diy/use-vibes-types';
+export type { ImgGenClasses };
 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.map

@@ -1 +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"}
+{"version":3,"file":"style-utils.js","sourceRoot":"","sources":["../../jsr/utils/style-utils.ts"],"names":[],"mappings":"AAwBA,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;AAKD,MAAM,CAAC,MAAM,cAAc,GAA2B,EAAE,CAAC"}