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

package/components/AuthWall/AuthWall.js

@@ -0,0 +1,161 @@
+import React, { useEffect, useState, useRef } from 'react';
+import { getWrapperStyle, getImageContentWrapperStyle, getImageSectionStyle, getOverlayStyle, getMenuStyle, getTitleStyle, getDescriptionStyle, } from './AuthWall.styles.js';
+import { VibesButton } from '../VibesButton/VibesButton.js';
+import { BrutalistCard } from '../BrutalistCard/BrutalistCard.js';
+const FALLBACK_IMAGE_URL = 'https://images.unsplash.com/photo-1518837695005-2083093ee35b?ixlib=rb-4.0.3&auto=format&fit=crop&w=2070&q=80';
+const MENU_OPEN_DELAY_MS = 500;
+const MENU_SLIDE_DURATION_MS = 900;
+const FADE_OUT_DURATION_MS = 500;
+export function AuthWall({ onLogin, imageUrl, title, open }) {
+    const [isVisible, setIsVisible] = useState(open);
+    const [menuOpen, setMenuOpen] = useState(false);
+    const [isFadingOut, setIsFadingOut] = useState(false);
+    const [isHovering, setIsHovering] = useState(false);
+    const [menuHeight, setMenuHeight] = useState(0);
+    const [actualImageUrl, setActualImageUrl] = useState(imageUrl);
+    const menuRef = useRef(null);
+    const timeoutsRef = useRef([]);
+    const prevOpenRef = useRef(undefined);
+    const prevMenuHeightRef = useRef(0);
+    const prefersReducedMotion = typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    useEffect(() => {
+        if (!isVisible)
+            return;
+        if (menuRef.current) {
+            setMenuHeight(menuRef.current.offsetHeight);
+        }
+    }, [isVisible]);
+    useEffect(() => {
+        if (!isVisible)
+            return;
+        const menuEl = menuRef.current;
+        if (!menuEl)
+            return;
+        const updateHeight = () => setMenuHeight(menuEl.offsetHeight);
+        updateHeight();
+        let ro = null;
+        const hasRO = typeof window !== 'undefined' && 'ResizeObserver' in window;
+        if (hasRO) {
+            ro = new ResizeObserver(() => {
+                updateHeight();
+            });
+            ro.observe(menuEl);
+        }
+        else {
+            window.addEventListener('resize', updateHeight);
+        }
+        return () => {
+            if (ro) {
+                ro.disconnect();
+            }
+            else {
+                window.removeEventListener('resize', updateHeight);
+            }
+        };
+    }, [isVisible]);
+    useEffect(() => {
+        const prevOpen = prevOpenRef.current;
+        const openChanged = prevOpen !== open;
+        const menuHeightBecameAvailable = prevMenuHeightRef.current === 0 && menuHeight > 0;
+        prevOpenRef.current = open;
+        prevMenuHeightRef.current = menuHeight;
+        if (!openChanged && !menuHeightBecameAvailable)
+            return;
+        timeoutsRef.current.forEach(clearTimeout);
+        timeoutsRef.current = [];
+        if (prefersReducedMotion) {
+            setIsVisible(open);
+            setMenuOpen(open);
+            setIsFadingOut(false);
+            return;
+        }
+        if (open) {
+            setIsVisible(true);
+            setIsFadingOut(false);
+            setMenuOpen(false);
+            if (menuHeight > 0) {
+                const openTimeout = setTimeout(() => {
+                    setMenuOpen(true);
+                }, MENU_OPEN_DELAY_MS);
+                timeoutsRef.current.push(openTimeout);
+            }
+        }
+        else {
+            if (!prevOpen)
+                return;
+            setMenuOpen(false);
+            const fadeTimeout = setTimeout(() => {
+                setIsFadingOut(true);
+            }, MENU_SLIDE_DURATION_MS);
+            timeoutsRef.current.push(fadeTimeout);
+            const hideTimeout = setTimeout(() => {
+                setIsVisible(false);
+                setIsFadingOut(false);
+            }, MENU_SLIDE_DURATION_MS + FADE_OUT_DURATION_MS);
+            timeoutsRef.current.push(hideTimeout);
+        }
+    }, [open, menuHeight, prefersReducedMotion]);
+    useEffect(() => {
+        return () => {
+            timeoutsRef.current.forEach(clearTimeout);
+            timeoutsRef.current = [];
+        };
+    }, []);
+    useEffect(() => {
+        if (!imageUrl) {
+            setActualImageUrl(FALLBACK_IMAGE_URL);
+            return;
+        }
+        let canceled = false;
+        const img = new Image();
+        img.onload = () => {
+            if (!canceled)
+                setActualImageUrl(imageUrl);
+        };
+        img.onerror = () => {
+            if (!canceled) {
+                setActualImageUrl(FALLBACK_IMAGE_URL);
+            }
+        };
+        img.src = imageUrl;
+        return () => {
+            canceled = true;
+        };
+    }, [imageUrl]);
+    if (!isVisible)
+        return null;
+    const overlayStyle = {
+        ...getOverlayStyle(),
+        transition: 'backdrop-filter 0.4s ease',
+        backdropFilter: isHovering ? 'blur(4px)' : 'blur(12px)',
+    };
+    const imageContentWrapperStyle = {
+        ...getImageContentWrapperStyle(),
+        transition: prefersReducedMotion
+            ? 'none'
+            : `transform ${MENU_SLIDE_DURATION_MS / 1000}s ease, opacity ${FADE_OUT_DURATION_MS / 1000}s ease`,
+        transform: menuOpen ? `translateY(-${menuHeight}px)` : 'translateY(0)',
+        opacity: isFadingOut ? 0 : 1,
+        willChange: 'transform, opacity',
+    };
+    const menuStyle = {
+        ...getMenuStyle(),
+        transition: prefersReducedMotion ? 'none' : `opacity ${FADE_OUT_DURATION_MS / 1000}s ease`,
+        opacity: isFadingOut ? 0 : 1,
+    };
+    return (React.createElement("div", { style: getWrapperStyle() },
+        React.createElement("div", { ref: menuRef, style: menuStyle },
+            React.createElement(BrutalistCard, { size: "lg", style: {
+                    position: 'relative',
+                    textAlign: 'left',
+                    maxWidth: '400px',
+                    width: '90%',
+                } },
+                React.createElement("h1", { style: getTitleStyle() }, title),
+                React.createElement("p", { style: getDescriptionStyle() }, "Login to access this Vibe!"),
+                React.createElement(VibesButton, { variant: "primary", onClick: onLogin, onHover: () => setIsHovering(true), onUnhover: () => setIsHovering(false) }, "Login"))),
+        React.createElement("div", { style: imageContentWrapperStyle },
+            React.createElement("div", { style: getImageSectionStyle(actualImageUrl) },
+                React.createElement("div", { style: overlayStyle })))));
+}
+//# sourceMappingURL=AuthWall.js.map

package/components/AuthWall/AuthWall.js.map

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

package/components/AuthWall/AuthWall.styles.d.ts

@@ -0,0 +1,24 @@
+import { CSSProperties } from 'react';
+export declare const authWallTheme: {
+    colors: {
+        menuBg: string;
+        shadow: string;
+        gridLineColor: string;
+    };
+    dimensions: {
+        gridSize: string;
+        padding: string;
+    };
+    animation: {
+        duration: string;
+        easing: string;
+        blurAmount: string;
+    };
+};
+export declare const getWrapperStyle: () => CSSProperties;
+export declare const getMenuStyle: () => CSSProperties;
+export declare const getImageContentWrapperStyle: () => CSSProperties;
+export declare const getImageSectionStyle: (imageUrl: string) => CSSProperties;
+export declare const getOverlayStyle: () => CSSProperties;
+export declare const getTitleStyle: () => CSSProperties;
+export declare const getDescriptionStyle: () => CSSProperties;

package/components/AuthWall/AuthWall.styles.js

@@ -0,0 +1,82 @@
+export const authWallTheme = {
+    colors: {
+        menuBg: 'var(--aw-menu-bg, #d4d4d4)',
+        shadow: 'var(--aw-shadow, rgba(0, 0, 0, 0.3))',
+        gridLineColor: 'var(--aw-grid-line, rgba(255, 255, 255, 0.5))',
+    },
+    dimensions: {
+        gridSize: '40px',
+        padding: '24px',
+    },
+    animation: {
+        duration: '0.4s',
+        easing: 'ease',
+        blurAmount: '4px',
+    },
+};
+export const getWrapperStyle = () => ({
+    position: 'relative',
+    overflow: 'hidden',
+});
+export const getMenuStyle = () => ({
+    position: 'fixed',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    zIndex: 1000,
+    backgroundColor: authWallTheme.colors.menuBg,
+    backgroundImage: `
+    linear-gradient(${authWallTheme.colors.gridLineColor} 1px, transparent 1px),
+    linear-gradient(90deg, ${authWallTheme.colors.gridLineColor} 1px, transparent 1px)
+  `,
+    backgroundSize: authWallTheme.dimensions.gridSize + ' ' + authWallTheme.dimensions.gridSize,
+    boxShadow: `0 -2px 10px ${authWallTheme.colors.shadow}`,
+    padding: authWallTheme.dimensions.padding,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: '80vh',
+});
+export const getImageContentWrapperStyle = () => ({
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 1100,
+    overflowY: 'auto',
+});
+export const getImageSectionStyle = (imageUrl) => ({
+    width: '100%',
+    height: '100%',
+    backgroundImage: `url(${imageUrl})`,
+    backgroundSize: 'cover',
+    backgroundPosition: 'center',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+});
+export const getOverlayStyle = () => ({
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backdropFilter: 'blur(12px)',
+    backgroundColor: 'rgba(255, 255, 255, 0.4)',
+});
+export const getTitleStyle = () => ({
+    fontSize: '1.3rem',
+    fontWeight: 800,
+    marginBottom: '0px',
+    color: '#1a1a1a',
+    textTransform: 'uppercase',
+    letterSpacing: '0.05em',
+});
+export const getDescriptionStyle = () => ({
+    fontSize: '1rem',
+    marginBottom: '2rem',
+    marginTop: '8px',
+    color: '#333333',
+});
+//# sourceMappingURL=AuthWall.styles.js.map

package/components/AuthWall/AuthWall.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthWall.styles.js","sourceRoot":"","sources":["../../../jsr/components/AuthWall/AuthWall.styles.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM,EAAE;QACN,MAAM,EAAE,4BAA4B;QACpC,MAAM,EAAE,sCAAsC;QAC9C,aAAa,EAAE,+CAA+C;KAC/D;IAED,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,MAAM;KAChB;IAED,SAAS,EAAE;QACT,QAAQ,EAAE,MAAM;QAChB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAGF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAkB,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,YAAY,GAAG,GAAkB,EAAE,CAAC,CAAC;IAChD,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,IAAI;IACZ,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,MAAM;IAC5C,eAAe,EAAE;sBACG,aAAa,CAAC,MAAM,CAAC,aAAa;6BAC3B,aAAa,CAAC,MAAM,CAAC,aAAa;GAC5D;IACD,cAAc,EAAE,aAAa,CAAC,UAAU,CAAC,QAAQ,GAAG,GAAG,GAAG,aAAa,CAAC,UAAU,CAAC,QAAQ;IAC3F,SAAS,EAAE,eAAe,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE;IACvD,OAAO,EAAE,aAAa,CAAC,UAAU,CAAC,OAAO;IACzC,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAkB,EAAE,CAAC,CAAC;IAC/D,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,IAAI;IACZ,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAGH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,QAAgB,EAAiB,EAAE,CAAC,CAAC;IACxE,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,eAAe,EAAE,OAAO,QAAQ,GAAG;IACnC,cAAc,EAAE,OAAO;IACvB,kBAAkB,EAAE,QAAQ;IAC5B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,GAAkB,EAAE,CAAC,CAAC;IACnD,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,cAAc,EAAE,YAAY;IAC5B,eAAe,EAAE,0BAA0B;CAC5C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAkB,EAAE,CAAC,CAAC;IACjD,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,GAAG;IACf,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,QAAQ;CACxB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAkB,EAAE,CAAC,CAAC;IACvD,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,MAAM;IACpB,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,SAAS;CACjB,CAAC,CAAC"}

package/components/BrutalistCard/BrutalistCard.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { BrutalistCardVariant, BrutalistCardSize } from './BrutalistCard.styles.js';
+export interface BrutalistCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    variant?: BrutalistCardVariant;
+    size?: BrutalistCardSize;
+}
+export declare const BrutalistCard: React.ForwardRefExoticComponent<BrutalistCardProps & React.RefAttributes<HTMLDivElement>>;

package/components/BrutalistCard/BrutalistCard.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { getBrutalistCardStyle } from './BrutalistCard.styles.js';
+export const BrutalistCard = React.forwardRef(({ children, variant = 'default', size = 'md', style, className, ...divProps }, ref) => {
+    const cardStyle = {
+        ...getBrutalistCardStyle(variant, size),
+        ...style,
+    };
+    return (React.createElement("div", { ref: ref, style: cardStyle, className: className, ...divProps }, children));
+});
+BrutalistCard.displayName = 'BrutalistCard';
+//# sourceMappingURL=BrutalistCard.js.map

package/components/BrutalistCard/BrutalistCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrutalistCard.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AA6BlE,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC3C,CACE,EACE,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,KAAK,EACL,SAAS,EACT,GAAG,QAAQ,EACQ,EACrB,GAAG,EACH,EAAE,CAAC;IACH,MAAM,SAAS,GAAG;QAChB,GAAG,qBAAqB,CAAC,OAAO,EAAE,IAAI,CAAC;QACvC,GAAG,KAAK;KACc,CAAC;IAEzB,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,KAAM,QAAQ,IAChE,QAAQ,CACL,CACP,CAAC;AAAA,CACH,CACF,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/components/BrutalistCard/BrutalistCard.styles.d.ts

@@ -0,0 +1,4 @@
+import { CSSProperties } from 'react';
+export type BrutalistCardVariant = 'default' | 'success' | 'error' | 'warning';
+export type BrutalistCardSize = 'sm' | 'md' | 'lg';
+export declare function getBrutalistCardStyle(variant?: BrutalistCardVariant, size?: BrutalistCardSize): CSSProperties;

package/components/BrutalistCard/BrutalistCard.styles.js

@@ -0,0 +1,66 @@
+function getShadowColor(variant) {
+    switch (variant) {
+        case 'success':
+            return '#51cf66';
+        case 'error':
+            return '#DA291C';
+        case 'warning':
+            return '#FEDD00';
+        case 'default':
+        default:
+            return '#666';
+    }
+}
+function getPadding(size) {
+    switch (size) {
+        case 'sm':
+            return '0.75rem 1rem';
+        case 'md':
+            return '1rem';
+        case 'lg':
+            return '2rem 3rem';
+        default:
+            return '1rem';
+    }
+}
+function getFontSize(size) {
+    switch (size) {
+        case 'sm':
+            return '0.875rem';
+        case 'md':
+            return '1rem';
+        case 'lg':
+            return '1rem';
+        default:
+            return '1rem';
+    }
+}
+function getBoxShadow(size, variant) {
+    const color = getShadowColor(variant);
+    switch (size) {
+        case 'sm':
+            return `2px 3px 0px 0px ${color}`;
+        case 'md':
+            return `4px 5px 0px 0px ${color}`;
+        case 'lg':
+            return `6px 6px 0px 0px ${color === '#666' ? '#1a1a1a' : color}`;
+        default:
+            return `4px 5px 0px 0px ${color}`;
+    }
+}
+export function getBrutalistCardStyle(variant = 'default', size = 'md') {
+    return {
+        background: '#fff',
+        color: '#1a1a1a',
+        border: '3px solid #1a1a1a',
+        borderRadius: '12px',
+        padding: getPadding(size),
+        fontSize: getFontSize(size),
+        fontWeight: 500,
+        letterSpacing: '0.02em',
+        boxShadow: getBoxShadow(size, variant),
+        transition: 'box-shadow 0.15s ease, transform 0.15s ease',
+        boxSizing: 'border-box',
+    };
+}
+//# sourceMappingURL=BrutalistCard.styles.js.map

package/components/BrutalistCard/BrutalistCard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrutalistCard.styles.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/BrutalistCard.styles.ts"],"names":[],"mappings":"AAQA,SAAS,cAAc,CAAC,OAA6B,EAAU;IAC7D,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS,CAAC;QACf;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF;AAKD,SAAS,UAAU,CAAC,IAAuB,EAAU;IACnD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,cAAc,CAAC;QACxB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB,KAAK,IAAI;YACP,OAAO,WAAW,CAAC;QACrB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF;AAKD,SAAS,WAAW,CAAC,IAAuB,EAAU;IACpD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,UAAU,CAAC;QACpB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB,KAAK,IAAI;YACP,OAAO,MAAM,CAAC;QAChB;YACE,OAAO,MAAM,CAAC;IAClB,CAAC;AAAA,CACF;AAKD,SAAS,YAAY,CAAC,IAAuB,EAAE,OAA6B,EAAU;IACpF,MAAM,KAAK,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAEtC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,EAAE,CAAC;QACpC,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,EAAE,CAAC;QACpC,KAAK,IAAI;YACP,OAAO,mBAAmB,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QACnE;YACE,OAAO,mBAAmB,KAAK,EAAE,CAAC;IACtC,CAAC;AAAA,CACF;AAKD,MAAM,UAAU,qBAAqB,CACnC,OAAO,GAAyB,SAAS,EACzC,IAAI,GAAsB,IAAI,EACf;IACf,OAAO;QACL,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,mBAAmB;QAC3B,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC;QACzB,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC;QAC3B,UAAU,EAAE,GAAG;QACf,aAAa,EAAE,QAAQ;QACvB,SAAS,EAAE,YAAY,CAAC,IAAI,EAAE,OAAO,CAAC;QACtC,UAAU,EAAE,6CAA6C;QACzD,SAAS,EAAE,YAAqB;KACjC,CAAC;AAAA,CACH"}

package/components/BrutalistCard/index.d.ts

@@ -0,0 +1,3 @@
+export { BrutalistCard } from './BrutalistCard.js';
+export type { BrutalistCardProps } from './BrutalistCard.js';
+export type { BrutalistCardVariant, BrutalistCardSize } from './BrutalistCard.styles.js';

package/components/BrutalistCard/index.js

@@ -0,0 +1,2 @@
+export { BrutalistCard } from './BrutalistCard.js';
+//# sourceMappingURL=index.js.map

package/components/BrutalistCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../jsr/components/BrutalistCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}

package/components/ControlsBar.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { ImgGenClasses } from '@vibes.diy/use-vibes-types';
+interface ControlsBarProps {
+    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 editedPrompt: string | null;
+    readonly promptText: string;
+    readonly progress?: number;
+    readonly showDelete?: boolean;
+    readonly versionFlash?: boolean;
+    readonly isRegenerating?: boolean;
+}
+export declare function ControlsBar({ handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes, showControls, editedPrompt, promptText, progress, showDelete, versionFlash, isRegenerating }: ControlsBarProps): React.JSX.Element;
+export {};

package/components/ControlsBar.js

@@ -0,0 +1,108 @@
+import * as React from 'react';
+import { combineClasses, defaultClasses } from '../utils/style-utils.js';
+import { imgGenStyles, imgGenTheme } from '../utils/styles.js';
+import { logDebug } from '../utils/debug.js';
+export function ControlsBar({ handleDeleteConfirm, handlePrevVersion, handleNextVersion, handleRegen, versionIndex, totalVersions, classes = defaultClasses, showControls = true, editedPrompt, promptText, progress = 100, showDelete = true, versionFlash = false, isRegenerating = false, }) {
+    const [showConfirmation, setShowConfirmation] = React.useState(false);
+    const cancelTimerRef = React.useRef(null);
+    const isConfirming = showConfirmation;
+    const onDeleteClick = () => {
+        if (isConfirming) {
+            logDebug('ControlsBar: Delete confirmed, calling handleDeleteConfirm');
+            handleDeleteConfirm();
+            setShowConfirmation(false);
+            if (cancelTimerRef.current) {
+                window.clearTimeout(cancelTimerRef.current);
+                cancelTimerRef.current = null;
+            }
+        }
+        else {
+            logDebug('ControlsBar: Showing delete confirmation');
+            setShowConfirmation(true);
+            cancelTimerRef.current = window.setTimeout(() => {
+                setShowConfirmation(false);
+            }, 6500);
+        }
+    };
+    React.useEffect(() => {
+        return () => {
+            if (cancelTimerRef.current) {
+                window.clearTimeout(cancelTimerRef.current);
+            }
+        };
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        progress < 100 && (React.createElement("div", { className: "imggen-progress", style: {
+                ...imgGenStyles.progress,
+                width: `${progress}%`,
+            } })),
+        React.createElement("div", { className: combineClasses(classes.controls), style: imgGenStyles.controls }, showControls ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { style: {
+                    display: 'flex',
+                    gap: '6px',
+                    alignItems: 'center',
+                    justifyContent: 'flex-start',
+                } }, showDelete && (React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: '8px' } },
+                React.createElement("button", { "aria-label": "Delete image", onClick: onDeleteClick, className: combineClasses('imggen-button imggen-delete-button', classes.button), style: {
+                        ...imgGenStyles.button,
+                        position: 'static', // Override CSS absolute positioning
+                        top: 'auto',
+                        right: 'auto',
+                        backgroundColor: isConfirming
+                            ? imgGenTheme.colors.errorBorder
+                            : imgGenStyles.button.background,
+                        color: isConfirming ? 'white' : imgGenStyles.button.color,
+                        opacity: isConfirming ? 1 : imgGenStyles.button.opacity,
+                    } }, "\u2715"),
+                isConfirming && (React.createElement("div", { className: "fade-transition", style: { animationDelay: '6s' } },
+                    React.createElement("button", { onClick: () => {
+                            handleDeleteConfirm();
+                            setShowConfirmation(false);
+                        }, "aria-label": "Confirm delete", style: {
+                            fontSize: imgGenTheme.typography.fontSize,
+                            fontWeight: 'bold',
+                            whiteSpace: 'nowrap',
+                            border: `1px solid ${imgGenTheme.colors.errorBorder}`,
+                            background: imgGenTheme.colors.errorBorder,
+                            color: 'white',
+                            borderRadius: imgGenTheme.dimensions.borderRadius,
+                            cursor: 'pointer',
+                            padding: '2px 8px',
+                        } }, "Delete image?"),
+                    React.createElement("button", { onClick: () => {
+                            logDebug('ControlsBar: Delete canceled');
+                            setShowConfirmation(false);
+                            if (cancelTimerRef.current) {
+                                window.clearTimeout(cancelTimerRef.current);
+                            }
+                        }, "aria-label": "Cancel delete", style: {
+                            fontSize: imgGenTheme.typography.fontSize,
+                            whiteSpace: 'nowrap',
+                            border: 'none',
+                            background: 'none',
+                            color: imgGenTheme.colors.text,
+                            cursor: 'pointer',
+                            padding: '0 4px',
+                        } }, "Cancel")))))),
+            React.createElement("div", { className: "imggen-control-group", style: imgGenStyles.controlGroup },
+                totalVersions > 1 && (React.createElement("button", { "aria-label": "Previous version", disabled: versionIndex === 0, onClick: handlePrevVersion, className: combineClasses('imggen-button', classes.button), style: imgGenStyles.button }, "\u25C0\uFE0E")),
+                totalVersions > 1 && (React.createElement("span", { className: `imggen-version-indicator version-indicator ${versionFlash ? 'imggen-version-flash' : ''}`, "aria-live": "polite" },
+                    versionIndex + 1,
+                    " / ",
+                    totalVersions)),
+                totalVersions > 1 && (React.createElement("button", { "aria-label": "Next version", disabled: versionIndex >= totalVersions - 1, onClick: handleNextVersion, className: combineClasses('imggen-button', classes.button), style: imgGenStyles.button }, "\u25B6\uFE0E")),
+                React.createElement("button", { "aria-label": "Regenerate image", onClick: () => {
+                        handleRegen();
+                    }, disabled: isRegenerating, className: combineClasses('imggen-button', classes.button, editedPrompt !== null && editedPrompt.trim() !== promptText
+                        ? 'imggen-button-highlight'
+                        : '', isRegenerating ? 'imggen-button-disabled' : ''), style: {
+                        ...imgGenStyles.button,
+                        backgroundColor: editedPrompt !== null && editedPrompt.trim() !== promptText
+                            ? imgGenTheme.colors.accent
+                            : imgGenStyles.button.background,
+                        opacity: isRegenerating ? 0.3 : imgGenStyles.button.opacity,
+                        cursor: isRegenerating ? 'not-allowed' : imgGenStyles.button.cursor,
+                    } },
+                    React.createElement("span", { className: isRegenerating ? 'imggen-regen-spinning' : '' }, "\u27F3"))))) : progress < 100 ? (React.createElement("div", { className: "imggen-status-text", style: imgGenStyles.statusText }, "Generating...")) : null)));
+}
+//# sourceMappingURL=ControlsBar.js.map

package/components/ControlsBar.js.map

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

package/components/HiddenMenuWrapper/HiddenMenuWrapper.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface HiddenMenuWrapperProps {
+    children: React.ReactNode;
+    menuContent: React.ReactNode;
+    triggerBounce?: boolean;
+}
+export declare function HiddenMenuWrapper({ children, menuContent, triggerBounce }: HiddenMenuWrapperProps): React.JSX.Element;