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

package/utils/vibe-control-styles.d.ts

@@ -0,0 +1,148 @@
+export type VibeControlPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+export declare const vibeControlTheme: {
+    colors: {
+        buttonBg: string;
+        buttonBgHover: string;
+        buttonText: string;
+        buttonBorder: string;
+        overlayBackdrop: string;
+        overlayBg: string;
+        overlayText: string;
+        overlayBorder: string;
+        closeButtonBg: string;
+        closeButtonBgHover: string;
+        closeButtonText: string;
+        accent: string;
+        shadow: string;
+    };
+    dimensions: {
+        buttonWidth: string;
+        buttonHeight: string;
+        buttonPadding: string;
+        buttonBorderRadius: string;
+        buttonPosition: string;
+        overlayPadding: string;
+        overlayBorderRadius: string;
+        overlayMaxWidth: string;
+        overlayMaxHeight: string;
+        closeButtonSize: string;
+        closeButtonBorderRadius: string;
+    };
+    typography: {
+        buttonFontSize: string;
+        buttonFontWeight: string;
+        buttonLineHeight: string;
+        overlayTitleFontSize: string;
+        overlayTitleFontWeight: string;
+        overlayTitleLineHeight: string;
+        overlayBodyFontSize: string;
+        overlayBodyLineHeight: string;
+    };
+    effects: {
+        buttonShadow: string;
+        buttonShadowHover: string;
+        overlayShadow: string;
+        transition: string;
+        backdropFilter: string;
+    };
+    zIndex: {
+        button: number;
+        overlay: number;
+        backdrop: number;
+    };
+};
+export declare const createVibeControlStyles: (position?: VibeControlPosition) => {
+    button: {
+        position: "fixed";
+        width: string;
+        height: string;
+        padding: string;
+        backgroundColor: string;
+        color: string;
+        border: string;
+        borderRadius: string;
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        cursor: string;
+        boxShadow: string;
+        transition: string;
+        zIndex: number;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        userSelect: "none";
+    };
+    buttonHover: {
+        backgroundColor: string;
+        boxShadow: string;
+        transform: string;
+    };
+    backdrop: {
+        position: "fixed";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        backgroundColor: string;
+        backdropFilter: string;
+        zIndex: number;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+    };
+    overlay: {
+        backgroundColor: string;
+        color: string;
+        border: string;
+        borderRadius: string;
+        padding: string;
+        maxWidth: string;
+        maxHeight: string;
+        width: string;
+        boxShadow: string;
+        position: "relative";
+        overflow: "auto";
+    };
+    overlayTitle: {
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+        margin: string;
+        paddingRight: string;
+    };
+    closeButton: {
+        position: "absolute";
+        top: string;
+        right: string;
+        width: string;
+        height: string;
+        backgroundColor: string;
+        color: string;
+        border: string;
+        borderRadius: string;
+        cursor: string;
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        fontSize: string;
+        fontWeight: string;
+        transition: string;
+    };
+    closeButtonHover: {
+        backgroundColor: string;
+    };
+    content: {
+        fontSize: string;
+        lineHeight: string;
+    };
+};
+export declare const defaultVibeControlClasses: {
+    button: string;
+    backdrop: string;
+    overlay: string;
+    overlayTitle: string;
+    closeButton: string;
+    content: string;
+};
+export type VibeControlClasses = typeof defaultVibeControlClasses;

package/utils/vibe-control-styles.js

@@ -0,0 +1,170 @@
+export const vibeControlTheme = {
+    colors: {
+        buttonBg: 'var(--vc-button-bg, #dc2626)',
+        buttonBgHover: 'var(--vc-button-bg-hover, #b91c1c)',
+        buttonText: 'var(--vc-button-text, #ffffff)',
+        buttonBorder: 'var(--vc-button-border, #dc2626)',
+        overlayBackdrop: 'var(--vc-overlay-backdrop, rgba(0, 0, 0, 0.5))',
+        overlayBg: 'var(--vc-overlay-bg, #ffffff)',
+        overlayText: 'var(--vc-overlay-text, #333333)',
+        overlayBorder: 'var(--vc-overlay-border, #e0e0e0)',
+        closeButtonBg: 'var(--vc-close-bg, #f5f5f5)',
+        closeButtonBgHover: 'var(--vc-close-bg-hover, #e0e0e0)',
+        closeButtonText: 'var(--vc-close-text, #666666)',
+        accent: 'var(--vc-accent, #0066cc)',
+        shadow: 'var(--vc-shadow, rgba(0, 0, 0, 0.15))',
+    },
+    dimensions: {
+        buttonWidth: '120px',
+        buttonHeight: '40px',
+        buttonPadding: '8px 16px',
+        buttonBorderRadius: '20px',
+        buttonPosition: '20px', // Distance from edge
+        overlayPadding: '24px',
+        overlayBorderRadius: '12px',
+        overlayMaxWidth: '800px',
+        overlayMaxHeight: '90vh',
+        closeButtonSize: '32px',
+        closeButtonBorderRadius: '16px',
+    },
+    typography: {
+        buttonFontSize: '14px',
+        buttonFontWeight: '600',
+        buttonLineHeight: '1.2',
+        overlayTitleFontSize: '24px',
+        overlayTitleFontWeight: '700',
+        overlayTitleLineHeight: '1.3',
+        overlayBodyFontSize: '16px',
+        overlayBodyLineHeight: '1.5',
+    },
+    effects: {
+        buttonShadow: '0 2px 8px rgba(0, 0, 0, 0.15)',
+        buttonShadowHover: '0 4px 12px rgba(0, 0, 0, 0.2)',
+        overlayShadow: '0 8px 32px rgba(0, 0, 0, 0.2)',
+        transition: '0.2s ease-in-out',
+        backdropFilter: 'blur(4px)',
+    },
+    zIndex: {
+        button: 1000,
+        overlay: 1100,
+        backdrop: 1050,
+    },
+};
+export const createVibeControlStyles = (position = 'bottom-right') => {
+    const pos = vibeControlTheme.dimensions.buttonPosition;
+    const anchor = {};
+    switch (position) {
+        case 'bottom-right':
+            anchor.bottom = pos;
+            anchor.right = pos;
+            break;
+        case 'bottom-left':
+            anchor.bottom = pos;
+            anchor.left = pos;
+            break;
+        case 'top-right':
+            anchor.top = pos;
+            anchor.right = pos;
+            break;
+        case 'top-left':
+            anchor.top = pos;
+            anchor.left = pos;
+            break;
+    }
+    return {
+        button: {
+            position: 'fixed',
+            ...anchor,
+            width: vibeControlTheme.dimensions.buttonWidth,
+            height: vibeControlTheme.dimensions.buttonHeight,
+            padding: vibeControlTheme.dimensions.buttonPadding,
+            backgroundColor: vibeControlTheme.colors.buttonBg,
+            color: vibeControlTheme.colors.buttonText,
+            border: `1px solid ${vibeControlTheme.colors.buttonBorder}`,
+            borderRadius: vibeControlTheme.dimensions.buttonBorderRadius,
+            fontSize: vibeControlTheme.typography.buttonFontSize,
+            fontWeight: vibeControlTheme.typography.buttonFontWeight,
+            lineHeight: vibeControlTheme.typography.buttonLineHeight,
+            cursor: 'pointer',
+            boxShadow: vibeControlTheme.effects.buttonShadow,
+            transition: `background-color ${vibeControlTheme.effects.transition}, box-shadow ${vibeControlTheme.effects.transition}, transform ${vibeControlTheme.effects.transition}`,
+            zIndex: vibeControlTheme.zIndex.button,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            userSelect: 'none',
+        },
+        buttonHover: {
+            backgroundColor: vibeControlTheme.colors.buttonBgHover,
+            boxShadow: vibeControlTheme.effects.buttonShadowHover,
+            transform: 'translateY(-2px)',
+        },
+        backdrop: {
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: vibeControlTheme.colors.overlayBackdrop,
+            backdropFilter: vibeControlTheme.effects.backdropFilter,
+            zIndex: vibeControlTheme.zIndex.backdrop,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        },
+        overlay: {
+            backgroundColor: vibeControlTheme.colors.overlayBg,
+            color: vibeControlTheme.colors.overlayText,
+            border: `1px solid ${vibeControlTheme.colors.overlayBorder}`,
+            borderRadius: vibeControlTheme.dimensions.overlayBorderRadius,
+            padding: vibeControlTheme.dimensions.overlayPadding,
+            maxWidth: vibeControlTheme.dimensions.overlayMaxWidth,
+            maxHeight: vibeControlTheme.dimensions.overlayMaxHeight,
+            width: '90%',
+            boxShadow: vibeControlTheme.effects.overlayShadow,
+            position: 'relative',
+            overflow: 'auto',
+        },
+        overlayTitle: {
+            fontSize: vibeControlTheme.typography.overlayTitleFontSize,
+            fontWeight: vibeControlTheme.typography.overlayTitleFontWeight,
+            lineHeight: vibeControlTheme.typography.overlayTitleLineHeight,
+            margin: '0 0 16px 0',
+            paddingRight: '40px',
+        },
+        closeButton: {
+            position: 'absolute',
+            top: vibeControlTheme.dimensions.overlayPadding,
+            right: vibeControlTheme.dimensions.overlayPadding,
+            width: vibeControlTheme.dimensions.closeButtonSize,
+            height: vibeControlTheme.dimensions.closeButtonSize,
+            backgroundColor: vibeControlTheme.colors.closeButtonBg,
+            color: vibeControlTheme.colors.closeButtonText,
+            border: 'none',
+            borderRadius: vibeControlTheme.dimensions.closeButtonBorderRadius,
+            cursor: 'pointer',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            fontSize: '18px',
+            fontWeight: 'bold',
+            transition: `background-color ${vibeControlTheme.effects.transition}`,
+        },
+        closeButtonHover: {
+            backgroundColor: vibeControlTheme.colors.closeButtonBgHover,
+        },
+        content: {
+            fontSize: vibeControlTheme.typography.overlayBodyFontSize,
+            lineHeight: vibeControlTheme.typography.overlayBodyLineHeight,
+        },
+    };
+};
+export const defaultVibeControlClasses = {
+    button: '',
+    backdrop: '',
+    overlay: '',
+    overlayTitle: '',
+    closeButton: '',
+    content: '',
+};
+//# sourceMappingURL=vibe-control-styles.js.map

package/utils/vibe-control-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vibe-control-styles.js","sourceRoot":"","sources":["../../jsr/utils/vibe-control-styles.ts"],"names":[],"mappings":"AAyBA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAE9B,MAAM,EAAE;QACN,QAAQ,EAAE,8BAA8B;QACxC,aAAa,EAAE,oCAAoC;QACnD,UAAU,EAAE,gCAAgC;QAC5C,YAAY,EAAE,kCAAkC;QAEhD,eAAe,EAAE,gDAAgD;QACjE,SAAS,EAAE,+BAA+B;QAC1C,WAAW,EAAE,iCAAiC;QAC9C,aAAa,EAAE,mCAAmC;QAElD,aAAa,EAAE,6BAA6B;QAC5C,kBAAkB,EAAE,mCAAmC;QACvD,eAAe,EAAE,+BAA+B;QAEhD,MAAM,EAAE,2BAA2B;QACnC,MAAM,EAAE,uCAAuC;KAChD;IAGD,UAAU,EAAE;QACV,WAAW,EAAE,OAAO;QACpB,YAAY,EAAE,MAAM;QACpB,aAAa,EAAE,UAAU;QACzB,kBAAkB,EAAE,MAAM;QAC1B,cAAc,EAAE,MAAM,EAAE,qBAAqB;QAE7C,cAAc,EAAE,MAAM;QACtB,mBAAmB,EAAE,MAAM;QAC3B,eAAe,EAAE,OAAO;QACxB,gBAAgB,EAAE,MAAM;QAExB,eAAe,EAAE,MAAM;QACvB,uBAAuB,EAAE,MAAM;KAChC;IAGD,UAAU,EAAE;QACV,cAAc,EAAE,MAAM;QACtB,gBAAgB,EAAE,KAAK;QACvB,gBAAgB,EAAE,KAAK;QAEvB,oBAAoB,EAAE,MAAM;QAC5B,sBAAsB,EAAE,KAAK;QAC7B,sBAAsB,EAAE,KAAK;QAE7B,mBAAmB,EAAE,MAAM;QAC3B,qBAAqB,EAAE,KAAK;KAC7B;IAGD,OAAO,EAAE;QACP,YAAY,EAAE,+BAA+B;QAC7C,iBAAiB,EAAE,+BAA+B;QAClD,aAAa,EAAE,+BAA+B;QAC9C,UAAU,EAAE,kBAAkB;QAC9B,cAAc,EAAE,WAAW;KAC5B;IAGD,MAAM,EAAE;QACN,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACf;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,QAAQ,GAAwB,cAAc,EAAE,EAAE,CAAC;IACzF,MAAM,GAAG,GAAG,gBAAgB,CAAC,UAAU,CAAC,cAAc,CAAC;IACvD,MAAM,MAAM,GAA2B,EAAE,CAAC;IAE1C,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,cAAc;YACjB,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC;YACpB,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC;YACnB,MAAM;QACR,KAAK,aAAa;YAChB,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC;YACpB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC;YAClB,MAAM;QACR,KAAK,WAAW;YACd,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;YACjB,MAAM,CAAC,KAAK,GAAG,GAAG,CAAC;YACnB,MAAM;QACR,KAAK,UAAU;YACb,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;YACjB,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC;YAClB,MAAM;IACV,CAAC;IAED,OAAO;QACL,MAAM,EAAE;YACN,QAAQ,EAAE,OAAgB;YAC1B,GAAG,MAAM;YACT,KAAK,EAAE,gBAAgB,CAAC,UAAU,CAAC,WAAW;YAC9C,MAAM,EAAE,gBAAgB,CAAC,UAAU,CAAC,YAAY;YAChD,OAAO,EAAE,gBAAgB,CAAC,UAAU,CAAC,aAAa;YAClD,eAAe,EAAE,gBAAgB,CAAC,MAAM,CAAC,QAAQ;YACjD,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,UAAU;YACzC,MAAM,EAAE,aAAa,gBAAgB,CAAC,MAAM,CAAC,YAAY,EAAE;YAC3D,YAAY,EAAE,gBAAgB,CAAC,UAAU,CAAC,kBAAkB;YAC5D,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,cAAc;YACpD,UAAU,EAAE,gBAAgB,CAAC,UAAU,CAAC,gBAAgB;YACxD,UAAU,EAAE,gBAAgB,CAAC,UAAU,CAAC,gBAAgB;YACxD,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,YAAY;YAChD,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,OAAO,CAAC,UAAU,gBAAgB,gBAAgB,CAAC,OAAO,CAAC,UAAU,eAAe,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE;YAC1K,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC,MAAM;YACtC,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,MAAe;SAC5B;QAED,WAAW,EAAE;YACX,eAAe,EAAE,gBAAgB,CAAC,MAAM,CAAC,aAAa;YACtD,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,iBAAiB;YACrD,SAAS,EAAE,kBAAkB;SAC9B;QAED,QAAQ,EAAE;YACR,QAAQ,EAAE,OAAgB;YAC1B,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,CAAC;YACT,eAAe,EAAE,gBAAgB,CAAC,MAAM,CAAC,eAAe;YACxD,cAAc,EAAE,gBAAgB,CAAC,OAAO,CAAC,cAAc;YACvD,MAAM,EAAE,gBAAgB,CAAC,MAAM,CAAC,QAAQ;YACxC,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB;QAED,OAAO,EAAE;YACP,eAAe,EAAE,gBAAgB,CAAC,MAAM,CAAC,SAAS;YAClD,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,WAAW;YAC1C,MAAM,EAAE,aAAa,gBAAgB,CAAC,MAAM,CAAC,aAAa,EAAE;YAC5D,YAAY,EAAE,gBAAgB,CAAC,UAAU,CAAC,mBAAmB;YAC7D,OAAO,EAAE,gBAAgB,CAAC,UAAU,CAAC,cAAc;YACnD,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,eAAe;YACrD,SAAS,EAAE,gBAAgB,CAAC,UAAU,CAAC,gBAAgB;YACvD,KAAK,EAAE,KAAK;YACZ,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,aAAa;YACjD,QAAQ,EAAE,UAAmB;YAC7B,QAAQ,EAAE,MAAe;SAC1B;QAED,YAAY,EAAE;YACZ,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,oBAAoB;YAC1D,UAAU,EAAE,gBAAgB,CAAC,UAAU,CAAC,sBAAsB;YAC9D,UAAU,EAAE,gBAAgB,CAAC,UAAU,CAAC,sBAAsB;YAC9D,MAAM,EAAE,YAAY;YACpB,YAAY,EAAE,MAAM;SACrB;QAED,WAAW,EAAE;YACX,QAAQ,EAAE,UAAmB;YAC7B,GAAG,EAAE,gBAAgB,CAAC,UAAU,CAAC,cAAc;YAC/C,KAAK,EAAE,gBAAgB,CAAC,UAAU,CAAC,cAAc;YACjD,KAAK,EAAE,gBAAgB,CAAC,UAAU,CAAC,eAAe;YAClD,MAAM,EAAE,gBAAgB,CAAC,UAAU,CAAC,eAAe;YACnD,eAAe,EAAE,gBAAgB,CAAC,MAAM,CAAC,aAAa;YACtD,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,eAAe;YAC9C,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,gBAAgB,CAAC,UAAU,CAAC,uBAAuB;YACjE,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,MAAM;YAChB,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,oBAAoB,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE;SACtE;QAED,gBAAgB,EAAE;YAChB,eAAe,EAAE,gBAAgB,CAAC,MAAM,CAAC,kBAAkB;SAC5D;QAED,OAAO,EAAE;YACP,QAAQ,EAAE,gBAAgB,CAAC,UAAU,CAAC,mBAAmB;YACzD,UAAU,EAAE,gBAAgB,CAAC,UAAU,CAAC,qBAAqB;SAC9D;KACF,CAAC;AAAA,CACH,CAAC;AAGF,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACvC,MAAM,EAAE,EAAE;IACV,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;IACX,YAAY,EAAE,EAAE;IAChB,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,EAAE;CACZ,CAAC"}

package/vibe-auth-wall.d.ts

@@ -0,0 +1,14 @@
+import { AuthWallProps } from './components/AuthWall/AuthWall.js';
+export interface MountAuthWallOptions extends AuthWallProps {
+    readonly container?: string | HTMLElement;
+}
+export interface MountAuthWallResult {
+    unmount: () => void;
+    update: (newProps: Partial<AuthWallProps>) => void;
+    getProps: () => AuthWallProps;
+    getContainer: () => HTMLElement;
+}
+export declare function mountAuthWall(options?: MountAuthWallOptions): MountAuthWallResult;
+export declare function mountAuthWallToBody(props: AuthWallProps): MountAuthWallResult;
+export declare function autoMountAuthWall(): MountAuthWallResult | null;
+export default mountAuthWall;

package/vibe-auth-wall.js

@@ -0,0 +1,79 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import { AuthWall } from './components/AuthWall/AuthWall.js';
+export function mountAuthWall(options = {
+    onLogin: function () {
+        throw new Error('Function not implemented.');
+    },
+    imageUrl: '',
+    title: '',
+    open: false,
+}) {
+    const { container: containerOption, ...authWallProps } = options;
+    let containerElement;
+    if (typeof containerOption === 'string') {
+        const el = document.querySelector(containerOption);
+        if (!el)
+            throw new Error(`AuthWall mount container not found: ${containerOption}`);
+        containerElement = el;
+    }
+    else if (containerOption instanceof HTMLElement) {
+        containerElement = containerOption;
+    }
+    else {
+        containerElement = document.body;
+    }
+    const mountDiv = document.createElement('div');
+    containerElement.appendChild(mountDiv);
+    const root = ReactDOM.createRoot(mountDiv);
+    let currentProps = { ...authWallProps };
+    const render = (props) => {
+        root.render(React.createElement(AuthWall, props));
+    };
+    render(currentProps);
+    return {
+        unmount: () => {
+            root.unmount();
+            if (mountDiv.parentNode) {
+                mountDiv.parentNode.removeChild(mountDiv);
+            }
+        },
+        update: (newProps) => {
+            currentProps = { ...currentProps, ...newProps };
+            render(currentProps);
+        },
+        getProps: () => ({ ...currentProps }),
+        getContainer: () => containerElement,
+    };
+}
+export function mountAuthWallToBody(props) {
+    return mountAuthWall({ container: document.body, ...props });
+}
+export function autoMountAuthWall() {
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+        console.warn('AuthWall: autoMountAuthWall called in non-browser environment');
+        return null;
+    }
+    const tryMount = () => {
+        const globalConfig = window
+            .AUTH_WALL_CONFIG;
+        if (!globalConfig) {
+            console.warn('AuthWall: No global AUTH_WALL_CONFIG found');
+            return null;
+        }
+        try {
+            return mountAuthWallToBody(globalConfig);
+        }
+        catch (error) {
+            console.error('AuthWall: Auto-mount failed:', error);
+            return null;
+        }
+    };
+    if (document.readyState === 'loading') {
+        window.addEventListener('DOMContentLoaded', tryMount, { once: true });
+        return null;
+    }
+    return tryMount();
+}
+export default mountAuthWall;
+//# sourceMappingURL=vibe-auth-wall.js.map

package/vibe-auth-wall.js.map

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

package/vibe-control-mount.d.ts

@@ -0,0 +1,14 @@
+import { VibeControlProps } from './components/VibeControl.js';
+export interface MountVibeControlOptions extends VibeControlProps {
+    readonly container?: string | HTMLElement;
+}
+export interface MountVibeControlResult {
+    unmount: () => void;
+    update: (newProps: Partial<VibeControlProps>) => void;
+    getProps: () => VibeControlProps;
+    getContainer: () => HTMLElement;
+}
+export declare function mountVibeControl(options?: MountVibeControlOptions): MountVibeControlResult;
+export declare function mountVibeControlToBody(props?: VibeControlProps): MountVibeControlResult;
+export declare function autoMountVibeControl(): MountVibeControlResult | null;
+export default mountVibeControl;

package/vibe-control-mount.js

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import { VibeControl } from './components/VibeControl.js';
+export function mountVibeControl(options = {}) {
+    const { container: containerOption, ...vibeControlProps } = options;
+    let containerElement;
+    if (typeof containerOption === 'string') {
+        const el = document.querySelector(containerOption);
+        if (!el) {
+            throw new Error(`VibeControl mount container not found: ${containerOption}`);
+        }
+        containerElement = el;
+    }
+    else if (containerOption instanceof HTMLElement) {
+        containerElement = containerOption;
+    }
+    else {
+        containerElement = document.body;
+    }
+    const mountDiv = document.createElement('div');
+    containerElement.appendChild(mountDiv);
+    const root = ReactDOM.createRoot(mountDiv);
+    let currentProps = { ...vibeControlProps };
+    const render = (props) => {
+        root.render(React.createElement(VibeControl, props));
+    };
+    render(currentProps);
+    return {
+        unmount: () => {
+            root.unmount();
+            if (mountDiv.parentNode) {
+                mountDiv.parentNode.removeChild(mountDiv);
+            }
+        },
+        update: (newProps) => {
+            currentProps = { ...currentProps, ...newProps };
+            render(currentProps);
+        },
+        getProps: () => ({ ...currentProps }),
+        getContainer: () => containerElement,
+    };
+}
+export function mountVibeControlToBody(props = {}) {
+    return mountVibeControl({
+        container: document.body,
+        ...props,
+    });
+}
+export function autoMountVibeControl() {
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+        console.warn('VibeControl: autoMountVibeControl called in non-browser environment');
+        return null;
+    }
+    const tryMount = () => {
+        const globalConfig = window.VIBE_CONTROL_CONFIG;
+        if (!globalConfig) {
+            console.warn('VibeControl: No global VIBE_CONTROL_CONFIG found for auto-mount');
+            return null;
+        }
+        try {
+            return mountVibeControlToBody(globalConfig);
+        }
+        catch (error) {
+            console.error('VibeControl: Auto-mount failed:', error);
+            return null;
+        }
+    };
+    if (document.readyState === 'loading') {
+        window.addEventListener('DOMContentLoaded', tryMount, { once: true });
+        return null;
+    }
+    return tryMount();
+}
+export default mountVibeControl;
+//# sourceMappingURL=vibe-control-mount.js.map

package/vibe-control-mount.js.map

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

package/vibe-hidden-menu-mount.d.ts

@@ -0,0 +1,18 @@
+import { HiddenMenuWrapperProps } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
+declare global {
+    interface Window {
+        HIDDEN_MENU_WRAPPER_CONFIG?: HiddenMenuWrapperProps;
+    }
+}
+export interface MountHiddenMenuWrapperOptions extends HiddenMenuWrapperProps {
+    readonly container?: string | HTMLElement;
+}
+export interface MountHiddenMenuWrapperResult {
+    unmount: () => void;
+    update: (newProps: Partial<HiddenMenuWrapperProps>) => void;
+    getProps: () => HiddenMenuWrapperProps;
+    getContainer: () => HTMLElement;
+}
+export declare function mountHiddenMenuWrapper(options?: MountHiddenMenuWrapperOptions): MountHiddenMenuWrapperResult;
+export declare function mountHiddenMenuWrapperToBody(props?: HiddenMenuWrapperProps): MountHiddenMenuWrapperResult;
+export declare function autoMountHiddenMenuWrapper(): MountHiddenMenuWrapperResult | null;

package/vibe-hidden-menu-mount.js

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import { HiddenMenuWrapper, } from './components/HiddenMenuWrapper/HiddenMenuWrapper.js';
+export function mountHiddenMenuWrapper(options = {
+    children: undefined,
+    menuContent: undefined,
+}) {
+    const { container: containerOption, ...initialProps } = options;
+    let containerElement;
+    if (typeof containerOption === 'string') {
+        const found = document.querySelector(containerOption);
+        if (!found) {
+            throw new Error(`HiddenMenuWrapper container not found: ${containerOption}`);
+        }
+        containerElement = found;
+    }
+    else if (containerOption instanceof HTMLElement) {
+        containerElement = containerOption;
+    }
+    else {
+        containerElement = document.body;
+    }
+    const mountDiv = document.createElement('div');
+    containerElement.appendChild(mountDiv);
+    const root = ReactDOM.createRoot(mountDiv);
+    let currentProps = { ...initialProps };
+    const render = (props) => {
+        root.render(React.createElement(HiddenMenuWrapper, props));
+    };
+    render(currentProps);
+    return {
+        unmount: () => {
+            root.unmount();
+            if (mountDiv.parentNode) {
+                mountDiv.parentNode.removeChild(mountDiv);
+            }
+        },
+        update: (newProps) => {
+            currentProps = { ...currentProps, ...newProps };
+            render(currentProps);
+        },
+        getProps: () => ({ ...currentProps }),
+        getContainer: () => containerElement,
+    };
+}
+export function mountHiddenMenuWrapperToBody(props = {
+    children: undefined,
+    menuContent: undefined,
+}) {
+    return mountHiddenMenuWrapper({
+        container: document.body,
+        ...props,
+    });
+}
+export function autoMountHiddenMenuWrapper() {
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+        console.warn('HiddenMenuWrapper: autoMount called in non-browser environment');
+        return null;
+    }
+    const config = window.HIDDEN_MENU_WRAPPER_CONFIG;
+    if (!config) {
+        console.warn('HiddenMenuWrapper: No HIDDEN_MENU_WRAPPER_CONFIG found');
+        return null;
+    }
+    try {
+        return mountHiddenMenuWrapperToBody(config);
+    }
+    catch (error) {
+        console.error('HiddenMenuWrapper: Auto-mount failed:', error);
+        return null;
+    }
+}
+//# sourceMappingURL=vibe-hidden-menu-mount.js.map

package/vibe-hidden-menu-mount.js.map

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