4e:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 4f:T2465,"use client" import * as React from "react" import { cn } from "@/lib/utils" interface DockItem { id: string icon: React.ReactNode label: string href?: string onClick?: () => void active?: boolean } type DockOrientation = "horizontal" | "vertical" interface GlassDockProps extends React.HTMLAttributes { items: DockItem[] magnification?: number baseSize?: number maxSize?: number orientation?: DockOrientation glassIntensity?: "low" | "medium" | "high" } const glassConfig = { low: { bg: "bg-white/5", blur: "backdrop-blur-xl", border: "border-white/10", itemBg: "bg-white/5", itemHover: "hover:bg-white/10", }, medium: { bg: "bg-white/10", blur: "backdrop-blur-2xl", border: "border-white/20", itemBg: "bg-white/10", itemHover: "hover:bg-white/20", }, high: { bg: "bg-white/15", blur: "backdrop-blur-3xl", border: "border-white/30", itemBg: "bg-white/15", itemHover: "hover:bg-white/25", }, } const GlassDock = React.forwardRef( ( { className, items, magnification = 1.5, baseSize = 48, maxSize = 72, orientation = "horizontal", glassIntensity = "high", ...props }, ref, ) => { const [hoveredIndex, setHoveredIndex] = React.useState(null) const [mousePos, setMousePos] = React.useState(null) const dockRef = React.useRef(null) const glass = glassConfig[glassIntensity] const isVertical = orientation === "vertical" const handleMouseMove = React.useCallback( (e: React.MouseEvent) => { if (!dockRef.current) return const rect = dockRef.current.getBoundingClientRect() setMousePos(isVertical ? e.clientY - rect.top : e.clientX - rect.left) }, [isVertical], ) const handleMouseLeave = React.useCallback(() => { setMousePos(null) setHoveredIndex(null) }, []) const getScale = React.useCallback( (index: number) => { if (mousePos === null) return 1 const itemSize = baseSize + 16 const itemCenter = index * itemSize + itemSize / 2 const distance = Math.abs(mousePos - itemCenter) const maxDistance = itemSize * 2 if (distance > maxDistance) return 1 const scale = 1 + (magnification - 1) * (1 - distance / maxDistance) return Math.min(scale, magnification) }, [mousePos, baseSize, magnification], ) return (