1 line
9.1 KiB
JSON
1 line
9.1 KiB
JSON
{"ast":null,"code":"import _objectSpread from\"/home/gnx/Desktop/ETB/ETB-FrontEnd/node_modules/@babel/runtime/helpers/esm/objectSpread2.js\";import _objectWithoutProperties from\"/home/gnx/Desktop/ETB/ETB-FrontEnd/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js\";const _excluded=[\"children\",\"intensity\",\"blur\",\"hover\",\"holographic\",\"sx\"];import React from'react';import{motion}from'framer-motion';import{Box}from'@mui/material';import{alpha}from'@mui/material/styles';import{glassShadows}from'../../theme/theme';import{jsx as _jsx}from\"react/jsx-runtime\";export const GlassmorphismCard=_ref=>{let{children,intensity='medium',blur=40,hover=true,holographic=false,sx}=_ref,props=_objectWithoutProperties(_ref,_excluded);const getIntensity=()=>{switch(intensity){case'light':return 0.08;case'medium':return 0.12;case'strong':return 0.18;case'premium':return 0.25;case'enterprise':return 0.3;default:return 0.12;}};const getShadow=()=>{switch(intensity){case'light':return glassShadows.light;case'medium':return glassShadows.medium;case'strong':return glassShadows.dark;case'premium':return glassShadows.premium;case'enterprise':return glassShadows.enterprise;default:return glassShadows.medium;}};const glassStyles={background:alpha('#ffffff',getIntensity()),backdropFilter:\"blur(\".concat(blur,\"px)\"),border:'2px solid rgba(255, 255, 255, 0.3)',borderRadius:32,boxShadow:getShadow(),position:'relative',overflow:'hidden'};const holographicStyles=holographic?{'&::before':{content:'\"\"',position:'absolute',top:0,left:0,right:0,bottom:0,background:'linear-gradient(135deg, rgba(255, 0, 110, 0.1) 0%, rgba(131, 56, 236, 0.1) 25%, rgba(58, 134, 255, 0.1) 50%, rgba(6, 255, 165, 0.1) 75%, rgba(255, 190, 11, 0.1) 100%)',opacity:0,transition:'opacity 0.4s ease',zIndex:0},'&:hover::before':{opacity:1}}:{};return/*#__PURE__*/_jsx(motion.div,{initial:{opacity:0,scale:0.95,y:20},animate:{opacity:1,scale:1,y:0},whileHover:hover?{scale:1.02,y:-8,transition:{duration:0.3,ease:[0.4,0,0.2,1]}}:undefined,transition:{duration:0.6,ease:[0.25,0.46,0.45,0.94]},children:/*#__PURE__*/_jsx(Box,_objectSpread(_objectSpread({sx:_objectSpread(_objectSpread(_objectSpread({},glassStyles),holographicStyles),{},{transition:'all 0.5s cubic-bezier(0.4, 0, 0.2, 1)','&:hover':hover?{transform:'translateY(-8px) scale(1.02)',boxShadow:holographic?glassShadows.holographic:glassShadows.enterprise,border:holographic?'2px solid rgba(255, 0, 110, 0.4)':'2px solid rgba(24, 144, 255, 0.4)'}:{}},sx)},props),{},{children:/*#__PURE__*/_jsx(Box,{sx:{position:'relative',zIndex:1},children:children})}))});};","map":{"version":3,"names":["React","motion","Box","alpha","glassShadows","jsx","_jsx","GlassmorphismCard","_ref","children","intensity","blur","hover","holographic","sx","props","_objectWithoutProperties","_excluded","getIntensity","getShadow","light","medium","dark","premium","enterprise","glassStyles","background","backdropFilter","concat","border","borderRadius","boxShadow","position","overflow","holographicStyles","content","top","left","right","bottom","opacity","transition","zIndex","div","initial","scale","y","animate","whileHover","duration","ease","undefined","_objectSpread","transform"],"sources":["/home/gnx/Desktop/ETB/ETB-FrontEnd/src/components/Animated/GlassmorphismCard.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { motion } from 'framer-motion';\nimport { Box, BoxProps } from '@mui/material';\nimport { alpha } from '@mui/material/styles';\nimport { glassShadows } from '../../theme/theme';\n\ninterface GlassmorphismCardProps extends BoxProps {\n children: ReactNode;\n intensity?: 'light' | 'medium' | 'strong' | 'premium' | 'enterprise';\n blur?: number;\n hover?: boolean;\n holographic?: boolean;\n}\n\nexport const GlassmorphismCard: React.FC<GlassmorphismCardProps> = ({\n children,\n intensity = 'medium',\n blur = 40,\n hover = true,\n holographic = false,\n sx,\n ...props\n}) => {\n const getIntensity = () => {\n switch (intensity) {\n case 'light':\n return 0.08;\n case 'medium':\n return 0.12;\n case 'strong':\n return 0.18;\n case 'premium':\n return 0.25;\n case 'enterprise':\n return 0.3;\n default:\n return 0.12;\n }\n };\n\n const getShadow = () => {\n switch (intensity) {\n case 'light':\n return glassShadows.light;\n case 'medium':\n return glassShadows.medium;\n case 'strong':\n return glassShadows.dark;\n case 'premium':\n return glassShadows.premium;\n case 'enterprise':\n return glassShadows.enterprise;\n default:\n return glassShadows.medium;\n }\n };\n\n const glassStyles = {\n background: alpha('#ffffff', getIntensity()),\n backdropFilter: `blur(${blur}px)`,\n border: '2px solid rgba(255, 255, 255, 0.3)',\n borderRadius: 32,\n boxShadow: getShadow(),\n position: 'relative' as const,\n overflow: 'hidden' as const,\n };\n\n const holographicStyles = holographic ? {\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n background: 'linear-gradient(135deg, rgba(255, 0, 110, 0.1) 0%, rgba(131, 56, 236, 0.1) 25%, rgba(58, 134, 255, 0.1) 50%, rgba(6, 255, 165, 0.1) 75%, rgba(255, 190, 11, 0.1) 100%)',\n opacity: 0,\n transition: 'opacity 0.4s ease',\n zIndex: 0,\n },\n '&:hover::before': {\n opacity: 1,\n },\n } : {};\n\n return (\n <motion.div\n initial={{ opacity: 0, scale: 0.95, y: 20 }}\n animate={{ opacity: 1, scale: 1, y: 0 }}\n whileHover={hover ? { \n scale: 1.02, \n y: -8,\n transition: { duration: 0.3, ease: [0.4, 0, 0.2, 1] }\n } : undefined}\n transition={{\n duration: 0.6,\n ease: [0.25, 0.46, 0.45, 0.94],\n }}\n >\n <Box\n sx={{\n ...glassStyles,\n ...holographicStyles,\n transition: 'all 0.5s cubic-bezier(0.4, 0, 0.2, 1)',\n '&:hover': hover ? {\n transform: 'translateY(-8px) scale(1.02)',\n boxShadow: holographic ? glassShadows.holographic : glassShadows.enterprise,\n border: holographic ? '2px solid rgba(255, 0, 110, 0.4)' : '2px solid rgba(24, 144, 255, 0.4)',\n } : {},\n ...sx,\n }}\n {...props}\n >\n <Box sx={{ position: 'relative', zIndex: 1 }}>\n {children}\n </Box>\n </Box>\n </motion.div>\n );\n};\n"],"mappings":"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","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |