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

package/components/HiddenMenuWrapper/HiddenMenuWrapper.js

@@ -0,0 +1,103 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { getWrapperStyle, getMenuStyle, getContentWrapperStyle, getContentStyle, getToggleButtonStyle, getInnerContentWrapperStyle, } from './HiddenMenuWrapper.styles.js';
+import { VibesSwitch } from '../VibesSwitch/VibesSwitch.js';
+export function HiddenMenuWrapper({ children, menuContent, triggerBounce, }) {
+    const [menuOpen, setMenuOpen] = useState(false);
+    const [menuHeight, setMenuHeight] = useState(0);
+    const menuRef = useRef(null);
+    const buttonRef = useRef(null);
+    const menuContainerRef = useRef(null);
+    const [isBouncing, setIsBouncing] = useState(false);
+    const [hasBouncedOnMount, setHasBouncedOnMount] = useState(false);
+    useEffect(() => {
+        if (!hasBouncedOnMount && !menuOpen) {
+            const prefersReducedMotion = window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches || false;
+            if (!prefersReducedMotion) {
+                setIsBouncing(true);
+                setTimeout(() => setIsBouncing(false), 800);
+            }
+            setHasBouncedOnMount(true);
+        }
+    }, [hasBouncedOnMount, menuOpen]);
+    useEffect(() => {
+        const styleId = 'vibes-drop-to-close-keyframes';
+        const existingStyle = document.getElementById(styleId);
+        if (!existingStyle) {
+            const style = document.createElement('style');
+            style.id = styleId;
+            style.textContent = `
+        @keyframes vibes-drop-to-close {
+          0%   { transform: translateY(-400px); }  /* Start pushed up */
+          10%  { transform: translateY(0); }       /* First big drop */
+          25%  { transform: translateY(-175px); }   /* First bounce back up */
+          35%  { transform: translateY(0); }       /* Second drop */
+          48%  { transform: translateY(-75px); }   /* Second bounce back up */
+          62%  { transform: translateY(0); }       /* Third drop */
+          72%  { transform: translateY(-25px); }   /* Third bounce back up */
+          80%  { transform: translateY(0); }       /* Fourth drop - faster */
+          82%  { transform: translateY(-10px); }   /* Fourth bounce back up - much faster */
+          88%  { transform: translateY(0); }       /* Fifth drop */
+          91%  { transform: translateY(-5px); }    /* Final tiny bounce back up */
+          95%  { transform: translateY(0); }       /* Final settle */
+          100% { transform: translateY(0); }
+        }
+      `;
+            document.head.appendChild(style);
+        }
+    }, []);
+    useEffect(() => {
+        if (triggerBounce) {
+            setIsBouncing(true);
+            const timeout = setTimeout(() => setIsBouncing(false), 800);
+            return () => clearTimeout(timeout);
+        }
+    }, [triggerBounce]);
+    useEffect(() => {
+        if (menuRef.current) {
+            setMenuHeight(menuRef.current.offsetHeight);
+        }
+    }, [menuContent]);
+    useEffect(() => {
+        const handleKeyDown = (e) => {
+            if (e.key === 'Escape' && menuOpen) {
+                setMenuOpen(false);
+                buttonRef.current?.focus();
+            }
+            if (menuOpen && e.key === 'Tab' && menuContainerRef.current) {
+                const focusableElements = menuContainerRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+                const first = focusableElements[0];
+                const last = focusableElements[focusableElements.length - 1];
+                if (!first || !last)
+                    return;
+                if (e.shiftKey) {
+                    if (document.activeElement === first) {
+                        e.preventDefault();
+                        last.focus();
+                    }
+                }
+                else {
+                    if (document.activeElement === last) {
+                        e.preventDefault();
+                        first.focus();
+                    }
+                }
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => document.removeEventListener('keydown', handleKeyDown);
+    }, [menuOpen]);
+    useEffect(() => {
+        if (menuOpen) {
+            const firstFocusable = menuRef.current?.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+            firstFocusable?.focus();
+        }
+    }, [menuOpen]);
+    return (React.createElement("div", { style: getWrapperStyle() },
+        React.createElement("div", { id: "hidden-menu", role: "dialog", "aria-modal": "true", "aria-label": "Hidden menu", "aria-hidden": !menuOpen, ref: menuRef, style: getMenuStyle() }, menuContent),
+        React.createElement("div", { style: getContentWrapperStyle(menuHeight, menuOpen, isBouncing), ref: menuContainerRef },
+            React.createElement("div", { style: getInnerContentWrapperStyle(menuOpen) },
+                React.createElement("div", { style: getContentStyle() }, children))),
+        React.createElement("button", { "aria-haspopup": "dialog", "aria-expanded": menuOpen, "aria-controls": "hidden-menu", ref: buttonRef, onClick: () => setMenuOpen(!menuOpen), style: getToggleButtonStyle() },
+            React.createElement(VibesSwitch, { size: 80 }))));
+}
+//# sourceMappingURL=HiddenMenuWrapper.js.map

package/components/HiddenMenuWrapper/HiddenMenuWrapper.js.map

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

package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.d.ts

@@ -0,0 +1,31 @@
+import type { CSSProperties } from 'react';
+export declare const hiddenMenuTheme: {
+    colors: {
+        menuBg: string;
+        menuText: string;
+        contentBg: string;
+        shadow: string;
+        gridLineColor: string;
+    };
+    zIndex: {
+        menu: number;
+        content: number;
+        toggle: number;
+    };
+    dimensions: {
+        gridSize: string;
+        padding: string;
+        bottomOffset: string;
+    };
+    animation: {
+        duration: string;
+        easing: string;
+        blurAmount: string;
+    };
+};
+export declare const getWrapperStyle: () => CSSProperties;
+export declare const getMenuStyle: () => CSSProperties;
+export declare const getContentStyle: () => CSSProperties;
+export declare const getContentWrapperStyle: (menuHeight: number, menuOpen: boolean, isBouncing: boolean) => CSSProperties;
+export declare const getInnerContentWrapperStyle: (menuOpen: boolean) => CSSProperties;
+export declare const getToggleButtonStyle: () => CSSProperties;

package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js

@@ -0,0 +1,86 @@
+export const hiddenMenuTheme = {
+    colors: {
+        menuBg: 'var(--hm-menu-bg, #d4d4d4)',
+        menuText: 'var(--hm-menu-text, white)',
+        contentBg: 'var(--hm-content-bg, #1e1e1e)',
+        shadow: 'var(--hm-shadow, rgba(0, 0, 0, 0.3))',
+        gridLineColor: 'var(--hm-grid-line, rgba(255, 255, 255, 0.5))',
+    },
+    zIndex: {
+        menu: 5,
+        content: 10,
+        toggle: 20,
+    },
+    dimensions: {
+        gridSize: '40px',
+        padding: '24px',
+        bottomOffset: '16px',
+    },
+    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: hiddenMenuTheme.zIndex.menu,
+    color: hiddenMenuTheme.colors.menuText,
+    padding: hiddenMenuTheme.dimensions.padding,
+    boxShadow: `0 -2px 10px ${hiddenMenuTheme.colors.shadow}`,
+    backgroundColor: hiddenMenuTheme.colors.menuBg,
+    backgroundImage: `
+    linear-gradient(${hiddenMenuTheme.colors.gridLineColor} 1px, transparent 1px),
+    linear-gradient(90deg, ${hiddenMenuTheme.colors.gridLineColor} 1px, transparent 1px)
+  `,
+    backgroundSize: hiddenMenuTheme.dimensions.gridSize + ' ' + hiddenMenuTheme.dimensions.gridSize,
+});
+export const getContentStyle = () => ({
+    filter: 'none',
+    width: '100%',
+    height: '100%',
+});
+export const getContentWrapperStyle = (menuHeight, menuOpen, isBouncing) => ({
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: hiddenMenuTheme.zIndex.content,
+    transition: isBouncing
+        ? `filter 0.3s ${hiddenMenuTheme.animation.easing}`
+        : `transform ${hiddenMenuTheme.animation.duration} ${hiddenMenuTheme.animation.easing}, filter 0.3s ${hiddenMenuTheme.animation.easing}`,
+    transform: menuOpen ? `translateY(-${menuHeight}px)` : 'translateY(0)',
+    overflowY: 'auto',
+    borderTopColor: hiddenMenuTheme.colors.menuBg,
+    borderTopWidth: '1px',
+    borderTopStyle: 'solid',
+    boxShadow: `0 -2px 10px ${hiddenMenuTheme.colors.shadow}`,
+    backgroundColor: hiddenMenuTheme.colors.contentBg,
+    animation: isBouncing
+        ? 'vibes-drop-to-close 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)'
+        : undefined,
+    willChange: isBouncing ? 'transform' : undefined,
+});
+export const getInnerContentWrapperStyle = (menuOpen) => ({
+    filter: menuOpen ? `blur(${hiddenMenuTheme.animation.blurAmount})` : 'none',
+    width: '100%',
+    height: '100%',
+});
+export const getToggleButtonStyle = () => ({
+    position: 'fixed',
+    bottom: hiddenMenuTheme.dimensions.bottomOffset,
+    right: 0,
+    zIndex: hiddenMenuTheme.zIndex.toggle,
+    backgroundColor: 'transparent',
+    border: 'none',
+    cursor: 'pointer',
+});
+//# sourceMappingURL=HiddenMenuWrapper.styles.js.map

package/components/HiddenMenuWrapper/HiddenMenuWrapper.styles.js.map

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