@hanzo/ui 5.3.39 → 5.3.41

package/dist/primitives/toggle-group.d.ts

@@ -1,14 +0,0 @@
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import { VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-import { toggleVariants } from './toggle';
-declare const ToggleGroup: {
-    ({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
-    displayName: string | undefined;
-};
-declare const ToggleGroupItem: {
-    ({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
-    displayName: string | undefined;
-};
-export { ToggleGroup, ToggleGroupItem };
-//# sourceMappingURL=toggle-group.d.ts.map

package/dist/primitives/toggle-group.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../primitives/toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAS1C,QAAA,MAAM,WAAW;uDAMd,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC;;CASpC,CAAC;AAIF,QAAA,MAAM,eAAe;uDAMlB,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,GACvD,YAAY,CAAC,OAAO,cAAc,CAAC;;CAiBpC,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/primitives/toggle-group.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import * as React from 'react';
-import { cn } from '../src/utils';
-import { toggleVariants } from './toggle';
-const ToggleGroupContext = React.createContext({
-    size: 'default',
-    variant: 'default',
-});
-const ToggleGroup = ({ className, variant, size, children, ...props }) => (_jsx(ToggleGroupPrimitive.Root, { className: cn('flex items-center justify-center gap-1', className), ...props, children: _jsx(ToggleGroupContext.Provider, { value: { variant, size }, children: children }) }));
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-const ToggleGroupItem = ({ className, children, variant, size, ...props }) => {
-    const context = React.useContext(ToggleGroupContext);
-    return (_jsx(ToggleGroupPrimitive.Item, { className: cn(toggleVariants({
-            variant: context.variant || variant,
-            size: context.size || size,
-        }), className), ...props, children: children }));
-};
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-export { ToggleGroup, ToggleGroupItem };

package/dist/primitives/toggle.d.ts

@@ -1,13 +0,0 @@
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { type VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-declare const toggleVariants: (props?: ({
-    variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const Toggle: {
-    ({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
-    displayName: string | undefined;
-};
-export { Toggle, toggleVariants };
-//# sourceMappingURL=toggle.d.ts.map

package/dist/primitives/toggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../primitives/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;8EAoBnB,CAAC;AAEF,QAAA,MAAM,MAAM;6CAKT,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAClD,YAAY,CAAC,OAAO,cAAc,CAAC;;CAKpC,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/primitives/toggle.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { cva } from 'class-variance-authority';
-import { cn } from '../src/utils';
-const toggleVariants = cva('ring-offset-background hover:bg-muted hover:text-text-secondary focus-visible:ring-ring data-[state=on]:bg-bg-quaternary inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=on]:text-white', {
-    variants: {
-        variant: {
-            default: 'bg-bg-tertiary',
-            outline: 'border-divider hover:bg-bg-tertiary border bg-transparent hover:text-white',
-        },
-        size: {
-            default: 'h-10 px-3',
-            sm: 'h-9 px-2.5',
-            lg: 'h-11 px-5',
-        },
-    },
-    defaultVariants: {
-        variant: 'default',
-        size: 'default',
-    },
-});
-const Toggle = ({ className, variant, size, ...props }) => (_jsx(TogglePrimitive.Root, { className: cn(toggleVariants({ variant, size, className })), ...props }));
-Toggle.displayName = TogglePrimitive.Root.displayName;
-export { Toggle, toggleVariants };

package/dist/primitives/tooltip.d.ts

@@ -1,15 +0,0 @@
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import * as React from 'react';
-declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipPortal: React.FC<TooltipPrimitive.TooltipPortalProps>;
-declare const TooltipArrow: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>>;
-declare const TooltipContent: {
-    ({ className, sideOffset, showArrow, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content> & {
-        showArrow?: boolean;
-    }): import("react/jsx-runtime").JSX.Element;
-    displayName: string | undefined;
-};
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipPortal, TooltipArrow, };
-//# sourceMappingURL=tooltip.d.ts.map

package/dist/primitives/tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../primitives/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,aAAa,+CAA0B,CAAC;AAC9C,QAAA,MAAM,YAAY,0GAAgC,CAAC;AAEnD,QAAA,MAAM,cAAc;qDAKjB,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GAAG;QACzD,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB;;CAeA,CAAC;AAGF,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,eAAe,EACf,aAAa,EACb,YAAY,GACb,CAAC"}

package/dist/primitives/tooltip.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { cn } from '../src/utils';
-const TooltipProvider = TooltipPrimitive.Provider;
-const Tooltip = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipPortal = TooltipPrimitive.Portal;
-const TooltipArrow = TooltipPrimitive.TooltipArrow;
-const TooltipContent = ({ className, sideOffset = 4, showArrow = true, ...props }) => (_jsxs(TooltipPrimitive.Content, { className: cn('border-divider bg-bg-dark animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-w-[280px] rounded-lg border px-3 py-1.5 text-xs text-white', className), sideOffset: sideOffset, ...props, children: [props.children, showArrow && (_jsx(TooltipPrimitive.Arrow, { className: "fill-bg-dark -my-px drop-shadow-[0_1px_0_#313336]" }))] }));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipPortal, TooltipArrow, };

package/dist/primitives/video-player.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface VideoProps extends React.ComponentPropsWithoutRef<"video"> {
-    sources: string[];
-}
-declare const VideoPlayer: React.ForwardRefExoticComponent<VideoProps & React.RefAttributes<HTMLVideoElement>>;
-export default VideoPlayer;
-//# sourceMappingURL=video-player.d.ts.map

package/dist/primitives/video-player.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"video-player.d.ts","sourceRoot":"","sources":["../../primitives/video-player.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;IAClE,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB;AAED,QAAA,MAAM,WAAW,qFAaf,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/dist/primitives/video-player.js

@@ -1,7 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-const VideoPlayer = React.forwardRef(({ sources, ...rest }, ref) => {
-    return (_jsx("video", { ref: ref, ...rest, children: sources.map((source, index) => (_jsx("source", { src: source }, index))) }));
-});
-export default VideoPlayer;

package/dist/primitives/youtube-pip-player.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { type VariantProps } from 'class-variance-authority';
-export interface YouTubePipPlayerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onPlay' | 'onPause'> {
-    /** YouTube video ID or array of IDs for rotation */
-    videoId: string | string[];
-    /** Auto-rotate videos every N seconds (default: 30) */
-    rotationInterval?: number;
-    /** Enable scroll-based PIP mode */
-    enablePip?: boolean;
-    /** Initial muted state (default: true) */
-    defaultMuted?: boolean;
-    /** Show live indicator */
-    showLiveIndicator?: boolean;
-    /** Enable TV-style visual effects */
-    enableTvEffects?: boolean;
-    /** PIP position (default: bottom-right) */
-    pipPosition?: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
-    /** Callbacks */
-    onPlay?: () => void;
-    onPause?: () => void;
-    onPipEnter?: () => void;
-    onPipExit?: () => void;
-    onMuteChange?: (muted: boolean) => void;
-}
-declare const youtubePipPlayerVariants: (props?: ({
-    size?: "sm" | "lg" | "md" | "full" | "hero" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface YouTubePipPlayerVariantProps extends VariantProps<typeof youtubePipPlayerVariants> {
-}
-declare const YouTubePipPlayer: React.ForwardRefExoticComponent<YouTubePipPlayerProps & YouTubePipPlayerVariantProps & React.RefAttributes<HTMLDivElement>>;
-export { YouTubePipPlayer, youtubePipPlayerVariants };
-export default YouTubePipPlayer;
-//# sourceMappingURL=youtube-pip-player.d.ts.map

package/dist/primitives/youtube-pip-player.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"youtube-pip-player.d.ts","sourceRoot":"","sources":["../../primitives/youtube-pip-player.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAajE,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACxE,oDAAoD;IACpD,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC1B,uDAAuD;IACvD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,0BAA0B;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,qCAAqC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,2CAA2C;IAC3C,WAAW,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,WAAW,GAAG,UAAU,CAAA;IACvE,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;CACxC;AASD,QAAA,MAAM,wBAAwB;;8EAgB7B,CAAA;AAED,MAAM,WAAW,4BACf,SAAQ,YAAY,CAAC,OAAO,wBAAwB,CAAC;CAAG;AAE1D,QAAA,MAAM,gBAAgB,6HAmerB,CAAA;AAID,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,CAAA;AACrD,eAAe,gBAAgB,CAAA"}

package/dist/primitives/youtube-pip-player.js

@@ -1,253 +0,0 @@
-'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { cva } from 'class-variance-authority';
-import { Maximize, Maximize2, Minimize2, Volume2, VolumeX, X, } from 'lucide-react';
-import { cn } from '../src/utils';
-const pipPositionStyles = {
-    'bottom-right': { defaultX: (w, pipW) => w - pipW - 24, defaultY: (h, pipH) => h - pipH - 24 },
-    'bottom-left': { defaultX: () => 24, defaultY: (h, pipH) => h - pipH - 24 },
-    'top-right': { defaultX: (w, pipW) => w - pipW - 24, defaultY: () => 24 },
-    'top-left': { defaultX: () => 24, defaultY: () => 24 },
-};
-const youtubePipPlayerVariants = cva('relative bg-black rounded-[30px] overflow-hidden', {
-    variants: {
-        size: {
-            sm: 'aspect-video max-w-md',
-            md: 'aspect-video max-w-2xl',
-            lg: 'aspect-video max-w-4xl',
-            full: 'w-full aspect-video',
-            hero: 'w-full max-h-[calc(100vh-160px)]',
-        },
-    },
-    defaultVariants: {
-        size: 'hero',
-    },
-});
-const YouTubePipPlayer = React.forwardRef(({ className, size, videoId, rotationInterval = 30000, enablePip = true, defaultMuted = true, showLiveIndicator = true, enableTvEffects = true, pipPosition = 'bottom-right', onPlay, onPause, onPipEnter, onPipExit, onMuteChange, ...props }, ref) => {
-    // Normalize videoIds to array
-    const videoIds = React.useMemo(() => (Array.isArray(videoId) ? videoId : [videoId]), [videoId]);
-    // State
-    const [currentVideoIndex, setCurrentVideoIndex] = React.useState(0);
-    const [isMuted, setIsMuted] = React.useState(defaultMuted);
-    const [isPip, setIsPip] = React.useState(false);
-    const [showPip, setShowPip] = React.useState(true);
-    const [pipSize, setPipSize] = React.useState('normal');
-    const [isMobile, setIsMobile] = React.useState(false);
-    const [isHovered, setIsHovered] = React.useState(false);
-    const [isPipHovered, setIsPipHovered] = React.useState(false);
-    const [showStatic, setShowStatic] = React.useState(false);
-    // Dragging state
-    const [pipPos, setPipPos] = React.useState({ x: 0, y: 0 });
-    const [isDragging, setIsDragging] = React.useState(false);
-    const [dragStart, setDragStart] = React.useState({ x: 0, y: 0 });
-    const [hasDragged, setHasDragged] = React.useState(false);
-    // Refs
-    const containerRef = React.useRef(null);
-    const pipContainerRef = React.useRef(null);
-    // Constants
-    const PIP_WIDTH_BASE = 384;
-    const PIP_MARGIN = 24;
-    // Calculate current PIP width
-    const getCurrentPipWidth = React.useCallback(() => {
-        return pipSize === 'double' ? PIP_WIDTH_BASE * 2 : PIP_WIDTH_BASE;
-    }, [pipSize]);
-    // Get YouTube embed URL
-    const getYouTubeEmbedUrl = React.useCallback((forPip = false) => {
-        const currentId = videoIds[currentVideoIndex];
-        const muteParam = forPip && isPip ? (isMuted ? '1' : '0') : (isMuted ? '1' : '0');
-        return `https://www.youtube.com/embed/${currentId}?autoplay=1&mute=${muteParam}&controls=0&showinfo=0&rel=0&modestbranding=1&playsinline=1`;
-    }, [videoIds, currentVideoIndex, isMuted, isPip]);
-    // Mobile detection
-    React.useEffect(() => {
-        const checkMobile = () => setIsMobile(window.innerWidth < 768);
-        checkMobile();
-        window.addEventListener('resize', checkMobile);
-        return () => window.removeEventListener('resize', checkMobile);
-    }, []);
-    // Video rotation
-    React.useEffect(() => {
-        if (videoIds.length <= 1)
-            return;
-        const interval = setInterval(() => {
-            setCurrentVideoIndex((prev) => (prev + 1) % videoIds.length);
-        }, rotationInterval);
-        return () => clearInterval(interval);
-    }, [videoIds.length, rotationInterval]);
-    // TV static effect
-    React.useEffect(() => {
-        if (!enableTvEffects)
-            return;
-        const interval = setInterval(() => {
-            setShowStatic(true);
-            setTimeout(() => setShowStatic(false), 200);
-        }, 30000);
-        return () => clearInterval(interval);
-    }, [enableTvEffects]);
-    // Scroll-based PIP activation
-    React.useEffect(() => {
-        if (!enablePip)
-            return;
-        const handleScroll = () => {
-            if (!containerRef.current)
-                return;
-            const rect = containerRef.current.getBoundingClientRect();
-            const shouldShowPip = rect.bottom < 100;
-            const wasInPip = isPip;
-            setIsPip(shouldShowPip);
-            if (shouldShowPip !== wasInPip) {
-                if (shouldShowPip) {
-                    onPipEnter?.();
-                }
-                else {
-                    onPipExit?.();
-                }
-            }
-        };
-        window.addEventListener('scroll', handleScroll);
-        return () => window.removeEventListener('scroll', handleScroll);
-    }, [enablePip, isPip, onPipEnter, onPipExit]);
-    // Initialize PIP position
-    React.useEffect(() => {
-        if (typeof window === 'undefined')
-            return;
-        const pipWidth = getCurrentPipWidth();
-        const pipHeight = pipWidth * 9 / 16;
-        const pos = pipPositionStyles[pipPosition];
-        setPipPos({
-            x: pos.defaultX(window.innerWidth, pipWidth),
-            y: pos.defaultY(window.innerHeight, pipHeight),
-        });
-    }, [getCurrentPipWidth, pipPosition]);
-    // Update position when size changes
-    React.useEffect(() => {
-        if (pipSize === 'fullscreen' || typeof window === 'undefined')
-            return;
-        const pipWidth = getCurrentPipWidth();
-        const pipHeight = pipWidth * 9 / 16;
-        const pos = pipPositionStyles[pipPosition];
-        setPipPos({
-            x: pos.defaultX(window.innerWidth, pipWidth),
-            y: pos.defaultY(window.innerHeight, pipHeight),
-        });
-    }, [pipSize, getCurrentPipWidth, pipPosition]);
-    // Dragging handlers
-    const handleMouseDown = React.useCallback((e) => {
-        if (pipSize === 'fullscreen')
-            return;
-        setIsDragging(true);
-        setHasDragged(false);
-        setDragStart({
-            x: e.clientX - pipPos.x,
-            y: e.clientY - pipPos.y,
-        });
-    }, [pipSize, pipPos]);
-    const handleMouseMove = React.useCallback((e) => {
-        if (!isDragging || pipSize === 'fullscreen')
-            return;
-        const newX = e.clientX - dragStart.x;
-        const newY = e.clientY - dragStart.y;
-        const distanceMoved = Math.sqrt(Math.pow(newX - pipPos.x, 2) + Math.pow(newY - pipPos.y, 2));
-        if (distanceMoved > 5)
-            setHasDragged(true);
-        const pipWidth = getCurrentPipWidth();
-        const maxX = window.innerWidth - pipWidth - PIP_MARGIN;
-        const maxY = window.innerHeight - (pipWidth * 9 / 16) - PIP_MARGIN;
-        setPipPos({
-            x: Math.max(PIP_MARGIN, Math.min(newX, maxX)),
-            y: Math.max(PIP_MARGIN, Math.min(newY, maxY)),
-        });
-    }, [isDragging, pipSize, dragStart, pipPos, getCurrentPipWidth]);
-    const handleMouseUp = React.useCallback(() => {
-        if (isDragging && hasDragged) {
-            // Snap to corner
-            const pipWidth = getCurrentPipWidth();
-            const pipHeight = pipWidth * 9 / 16;
-            const pos = pipPositionStyles[pipPosition];
-            setPipPos({
-                x: pos.defaultX(window.innerWidth, pipWidth),
-                y: pos.defaultY(window.innerHeight, pipHeight),
-            });
-        }
-        setIsDragging(false);
-        setHasDragged(false);
-    }, [isDragging, hasDragged, getCurrentPipWidth, pipPosition]);
-    // Mouse event listeners for dragging
-    React.useEffect(() => {
-        if (!isDragging)
-            return;
-        window.addEventListener('mousemove', handleMouseMove);
-        window.addEventListener('mouseup', handleMouseUp);
-        return () => {
-            window.removeEventListener('mousemove', handleMouseMove);
-            window.removeEventListener('mouseup', handleMouseUp);
-        };
-    }, [isDragging, handleMouseMove, handleMouseUp]);
-    // Toggle mute
-    const toggleMute = React.useCallback((e) => {
-        e.stopPropagation();
-        const newMuted = !isMuted;
-        setIsMuted(newMuted);
-        onMuteChange?.(newMuted);
-    }, [isMuted, onMuteChange]);
-    // Cycle PIP size
-    const cyclePipSize = React.useCallback((e) => {
-        e.stopPropagation();
-        setPipSize((prev) => {
-            if (prev === 'normal')
-                return 'double';
-            if (prev === 'double')
-                return 'fullscreen';
-            return 'normal';
-        });
-    }, []);
-    // Close PIP
-    const closePip = React.useCallback((e) => {
-        e.stopPropagation();
-        setShowPip(false);
-    }, []);
-    // Request fullscreen for hero video
-    const requestFullscreen = React.useCallback((e) => {
-        e.stopPropagation();
-        if (!containerRef.current)
-            return;
-        if (document.fullscreenElement) {
-            document.exitFullscreen();
-        }
-        else {
-            containerRef.current.requestFullscreen();
-        }
-    }, []);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { ref: containerRef, className: cn(youtubePipPlayerVariants({ size }), 'group transition-all duration-500', className), onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), ...props, children: [enableTvEffects && (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute -inset-24 bg-gradient-radial from-white/40 via-white/20 to-transparent blur-[100px] opacity-80 pointer-events-none" }), _jsx("div", { className: "absolute -inset-12 bg-gradient-radial from-white/30 via-white/15 to-transparent blur-[60px] opacity-70 pointer-events-none" }), _jsx("div", { className: "absolute -inset-2 rounded-[30px] bg-gradient-to-r from-white/80 via-white/60 to-white/80 opacity-100 blur-2xl animate-pulse pointer-events-none" }), _jsx("div", { className: "absolute inset-0 rounded-[30px] border-2 border-white/30 shadow-[0_0_60px_rgba(255,255,255,0.5)] pointer-events-none" })] })), _jsx("div", { className: "absolute inset-0 pointer-events-none z-10", children: _jsx("div", { className: "absolute inset-0 rounded-[30px] border-2 border-white/10 bg-gradient-to-b from-white/5 to-transparent", style: {
-                                boxShadow: 'inset 0 2px 20px rgba(255,255,255,0.1), inset 0 -2px 20px rgba(0,0,0,0.5)',
-                            } }) }), enableTvEffects && (_jsx("div", { className: "absolute inset-0 z-20 pointer-events-none", style: { boxShadow: 'inset 0 0 120px 60px rgba(0,0,0,0.8)' } })), showStatic && enableTvEffects && (_jsxs("div", { className: "absolute inset-0 z-40 pointer-events-none", children: [_jsx("div", { className: "h-full w-full bg-white/3 animate-pulse" }), _jsx("div", { className: "absolute inset-0 opacity-20", style: {
-                                    backgroundImage: `url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E")`,
-                                } })] })), _jsx("iframe", { className: "absolute inset-0 w-full h-full", src: getYouTubeEmbedUrl(), title: "Video", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true }), enableTvEffects && (_jsx("div", { className: "absolute inset-0 pointer-events-none opacity-[0.02] z-10", children: _jsx("div", { className: "h-full w-full", style: {
-                                backgroundImage: 'repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.05) 2px, rgba(255,255,255,0.05) 4px)',
-                            } }) })), _jsxs("div", { className: cn('absolute bottom-6 left-6 flex items-center gap-3 z-30 transition-opacity duration-300', isHovered ? 'opacity-100' : 'opacity-0'), children: [_jsxs("button", { onClick: toggleMute, className: "flex items-center gap-2 bg-black/80 backdrop-blur-md px-4 py-2 rounded-full hover:bg-black transition-all duration-300 border border-white/10", children: [isMuted ? _jsx(VolumeX, { className: "h-4 w-4 text-white" }) : _jsx(Volume2, { className: "h-4 w-4 text-white" }), _jsx("span", { className: "text-xs text-white/90 font-medium tracking-wider uppercase", children: isMuted ? 'Unmute' : 'Mute' })] }), _jsxs("button", { onClick: requestFullscreen, className: "flex items-center gap-2 bg-black/80 backdrop-blur-md px-4 py-2 rounded-full hover:bg-black transition-all duration-300 border border-white/10", children: [_jsx(Maximize, { className: "h-4 w-4 text-white" }), _jsx("span", { className: "text-xs text-white/90 font-medium tracking-wider uppercase", children: "Fullscreen" })] })] }), showLiveIndicator && (_jsxs("div", { className: "absolute top-6 left-6 flex items-center gap-2 bg-black/80 backdrop-blur-md px-4 py-2 rounded-full border border-white/10 z-30", children: [_jsx("div", { className: "w-2 h-2 bg-red-600 rounded-full animate-pulse shadow-[0_0_10px_rgba(220,38,38,0.8)]" }), _jsx("span", { className: "text-xs text-white/90 font-medium tracking-widest uppercase", children: "Live" })] }))] }), enablePip && isPip && showPip && !isMobile && (_jsx("div", { ref: pipContainerRef, className: cn('fixed z-50 transition-all ease-out group', pipSize === 'fullscreen'
-                    ? 'inset-0 bg-black/98 backdrop-blur-xl duration-500'
-                    : isDragging
-                        ? 'duration-75'
-                        : 'duration-300', isDragging
-                    ? 'cursor-grabbing scale-105 shadow-2xl'
-                    : pipSize === 'fullscreen'
-                        ? ''
-                        : 'cursor-grab hover:scale-105'), style: pipSize !== 'fullscreen'
-                    ? {
-                        left: `${pipPos.x}px`,
-                        top: `${pipPos.y}px`,
-                        filter: isDragging ? 'brightness(1.1) drop-shadow(0 20px 40px rgba(0,0,0,0.5))' : 'brightness(1)',
-                    }
-                    : {}, onMouseDown: handleMouseDown, onMouseEnter: () => setIsPipHovered(true), onMouseLeave: () => setIsPipHovered(false), children: _jsxs("div", { className: cn('relative bg-black overflow-hidden transition-all duration-500', pipSize === 'fullscreen'
-                        ? 'w-full h-full'
-                        : pipSize === 'double'
-                            ? 'aspect-video rounded-2xl'
-                            : 'w-96 aspect-video rounded-2xl'), style: pipSize === 'double' ? { width: '768px' } : {}, children: [enableTvEffects && pipSize !== 'fullscreen' && (_jsxs(_Fragment, { children: [_jsx("div", { className: "absolute -inset-12 rounded-full bg-gradient-radial from-white/30 via-white/10 to-transparent blur-3xl opacity-60 pointer-events-none" }), _jsx("div", { className: "absolute -inset-1 rounded-2xl bg-gradient-to-r from-white/40 via-white/20 to-white/40 opacity-75 blur-xl animate-pulse pointer-events-none" }), _jsx("div", { className: "absolute inset-0 pointer-events-none z-10", children: _jsx("div", { className: "absolute inset-0 rounded-2xl border-2 border-white/10 bg-gradient-to-b from-white/5 to-transparent", style: {
-                                            boxShadow: 'inset 0 2px 20px rgba(255,255,255,0.1), inset 0 -2px 20px rgba(0,0,0,0.5)',
-                                        } }) }), _jsx("div", { className: "absolute inset-0 pointer-events-none z-10 opacity-10", children: _jsx("div", { className: "h-full w-full animate-scan", style: {
-                                            backgroundImage: 'repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.03) 2px, rgba(255,255,255,0.03) 4px)',
-                                        } }) })] })), _jsxs("div", { className: "absolute inset-0 overflow-hidden", children: [_jsx("iframe", { className: cn('absolute top-0 left-0 w-full h-full object-cover', pipSize !== 'fullscreen' && 'rounded-2xl'), style: { aspectRatio: '16 / 9', pointerEvents: 'none' }, src: getYouTubeEmbedUrl(true), title: "Video PiP", frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true }), _jsx("div", { className: "absolute inset-0 z-5" })] }), _jsxs("div", { className: cn('absolute flex items-center gap-2 z-30 transition-opacity duration-300', pipSize === 'fullscreen' ? 'bottom-10 right-10' : 'bottom-3 right-3', isPipHovered ? 'opacity-100' : 'opacity-0'), children: [_jsx("button", { onClick: toggleMute, className: "relative p-2.5 bg-black/90 backdrop-blur-md rounded-full hover:bg-black transition-all duration-300 shadow-lg hover:scale-110 border border-white/10", title: isMuted ? 'Unmute' : 'Mute', children: isMuted ? _jsx(VolumeX, { className: "h-4 w-4 text-white" }) : _jsx(Volume2, { className: "h-4 w-4 text-white" }) }), _jsx("button", { onClick: cyclePipSize, className: "relative p-2.5 bg-black/90 backdrop-blur-md rounded-full hover:bg-black transition-all duration-300 shadow-lg hover:scale-110 border border-white/10", title: pipSize === 'fullscreen' ? 'Normal Size' : pipSize === 'double' ? 'Fullscreen' : 'Double Size', children: pipSize === 'fullscreen' ? (_jsx(Minimize2, { className: "h-4 w-4 text-white" })) : (_jsx(Maximize2, { className: "h-4 w-4 text-white" })) }), _jsx("button", { onClick: closePip, className: "relative p-2.5 bg-black/90 backdrop-blur-md rounded-full hover:bg-red-600 transition-all duration-300 shadow-lg hover:scale-110 border border-white/10", title: "Close", children: _jsx(X, { className: "h-4 w-4 text-white" }) })] }), showLiveIndicator && pipSize !== 'fullscreen' && (_jsx("div", { className: "absolute top-3 right-3 z-20", children: _jsxs("div", { className: "flex items-center gap-2 bg-black/80 backdrop-blur-md px-3 py-1.5 rounded-full border border-white/10", children: [_jsx("div", { className: "w-2 h-2 bg-red-600 rounded-full animate-pulse shadow-[0_0_10px_rgba(220,38,38,0.8)]" }), _jsx("span", { className: "text-[10px] text-white/80 font-medium tracking-widest uppercase", children: "Live" })] }) }))] }) }))] }));
-});
-YouTubePipPlayer.displayName = 'YouTubePipPlayer';
-export { YouTubePipPlayer, youtubePipPlayerVariants };
-export default YouTubePipPlayer;

package/dist/src/3d/button.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const button3DVariants: (props?: ({
-    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "neon" | "glass" | "gradient" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xl" | "icon" | null | undefined;
-    depth?: "none" | "default" | "sm" | "lg" | "xl" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-interface Button3DProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof button3DVariants> {
-    asChild?: boolean;
-    tiltOnHover?: boolean;
-    glowIntensity?: number;
-    shadowColor?: string;
-    pressAnimation?: boolean;
-}
-declare const Button3D: React.ForwardRefExoticComponent<Button3DProps & React.RefAttributes<HTMLButtonElement>>;
-declare const Button3DPreset: {
-    Hero: React.ForwardRefExoticComponent<Omit<Button3DProps, "variant" | "size" | "depth"> & React.RefAttributes<HTMLButtonElement>>;
-    CTA: React.ForwardRefExoticComponent<Omit<Button3DProps, "variant" | "size" | "depth"> & React.RefAttributes<HTMLButtonElement>>;
-    Glass: React.ForwardRefExoticComponent<Omit<Button3DProps, "variant" | "size" | "depth"> & React.RefAttributes<HTMLButtonElement>>;
-    Minimal: React.ForwardRefExoticComponent<Omit<Button3DProps, "variant" | "size" | "depth"> & React.RefAttributes<HTMLButtonElement>>;
-    Danger: React.ForwardRefExoticComponent<Omit<Button3DProps, "variant" | "size" | "depth"> & React.RefAttributes<HTMLButtonElement>>;
-};
-declare const Button3DLoading: React.ForwardRefExoticComponent<Button3DProps & {
-    loading?: boolean;
-} & React.RefAttributes<HTMLButtonElement>>;
-export { Button3D, Button3DPreset, Button3DLoading, button3DVariants, type Button3DProps, };
-//# sourceMappingURL=button.d.ts.map

package/dist/src/3d/button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/3d/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,gBAAgB;;;;8EAiGrB,CAAA;AAED,UAAU,aACR,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,QAAA,MAAM,QAAQ,yFAiIb,CAAA;AAID,QAAA,MAAM,cAAc;;;;;;CAiEnB,CAAA;AAUD,QAAA,MAAM,eAAe;cAES,OAAO;2CAUnC,CAAA;AAGF,OAAO,EACL,QAAQ,EACR,cAAc,EACd,eAAe,EACf,gBAAgB,EAChB,KAAK,aAAa,GACnB,CAAA"}