1 line
5.7 KiB
JSON
1 line
5.7 KiB
JSON
{"ast":null,"code":"var _jsxFileName = \"/home/gnx/Desktop/ETB/ETB-FrontEnd/src/components/Animated/GlassmorphismCard.tsx\";\nimport React from 'react';\nimport { motion } from 'framer-motion';\nimport { Box } from '@mui/material';\nimport { alpha } from '@mui/material/styles';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nexport const GlassmorphismCard = ({\n children,\n intensity = 'medium',\n blur = 20,\n hover = true,\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 default:\n return 0.12;\n }\n };\n const glassStyles = {\n background: alpha('#ffffff', getIntensity()),\n backdropFilter: `blur(${blur}px)`,\n border: '1px solid rgba(255, 255, 255, 0.25)',\n borderRadius: 20,\n boxShadow: '0 8px 32px 0 rgba(31, 38, 135, 0.37), 0 2px 8px 0 rgba(0, 0, 0, 0.1)'\n };\n return /*#__PURE__*/_jsxDEV(motion.div, {\n initial: {\n opacity: 0,\n scale: 0.95\n },\n animate: {\n opacity: 1,\n scale: 1\n },\n whileHover: hover ? {\n scale: 1.02,\n y: -6\n } : undefined,\n transition: {\n duration: 0.4,\n ease: [0.4, 0, 0.2, 1]\n },\n children: /*#__PURE__*/_jsxDEV(Box, {\n sx: {\n ...glassStyles,\n transition: 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)',\n '&:hover': hover ? {\n transform: 'translateY(-6px)',\n boxShadow: '0 20px 40px 0 rgba(31, 38, 135, 0.5), 0 8px 16px 0 rgba(0, 0, 0, 0.15)'\n } : {},\n ...sx\n },\n ...props,\n children: children\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 43,\n columnNumber: 5\n }, this);\n};\n_c = GlassmorphismCard;\nvar _c;\n$RefreshReg$(_c, \"GlassmorphismCard\");","map":{"version":3,"names":["React","motion","Box","alpha","jsxDEV","_jsxDEV","GlassmorphismCard","children","intensity","blur","hover","sx","props","getIntensity","glassStyles","background","backdropFilter","border","borderRadius","boxShadow","div","initial","opacity","scale","animate","whileHover","y","undefined","transition","duration","ease","transform","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"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';\n\ninterface GlassmorphismCardProps extends BoxProps {\n children: ReactNode;\n intensity?: 'light' | 'medium' | 'strong';\n blur?: number;\n hover?: boolean;\n}\n\nexport const GlassmorphismCard: React.FC<GlassmorphismCardProps> = ({\n children,\n intensity = 'medium',\n blur = 20,\n hover = true,\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 default:\n return 0.12;\n }\n };\n\n const glassStyles = {\n background: alpha('#ffffff', getIntensity()),\n backdropFilter: `blur(${blur}px)`,\n border: '1px solid rgba(255, 255, 255, 0.25)',\n borderRadius: 20,\n boxShadow: '0 8px 32px 0 rgba(31, 38, 135, 0.37), 0 2px 8px 0 rgba(0, 0, 0, 0.1)',\n };\n\n return (\n <motion.div\n initial={{ opacity: 0, scale: 0.95 }}\n animate={{ opacity: 1, scale: 1 }}\n whileHover={hover ? { scale: 1.02, y: -6 } : undefined}\n transition={{\n duration: 0.4,\n ease: [0.4, 0, 0.2, 1],\n }}\n >\n <Box\n sx={{\n ...glassStyles,\n transition: 'all 0.4s cubic-bezier(0.4, 0, 0.2, 1)',\n '&:hover': hover ? {\n transform: 'translateY(-6px)',\n boxShadow: '0 20px 40px 0 rgba(31, 38, 135, 0.5), 0 8px 16px 0 rgba(0, 0, 0, 0.15)',\n } : {},\n ...sx,\n }}\n {...props}\n >\n {children}\n </Box>\n </motion.div>\n );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,GAAG,QAAkB,eAAe;AAC7C,SAASC,KAAK,QAAQ,sBAAsB;AAAC,SAAAC,MAAA,IAAAC,OAAA;AAS7C,OAAO,MAAMC,iBAAmD,GAAGA,CAAC;EAClEC,QAAQ;EACRC,SAAS,GAAG,QAAQ;EACpBC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,IAAI;EACZC,EAAE;EACF,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,QAAQL,SAAS;MACf,KAAK,OAAO;QACV,OAAO,IAAI;MACb,KAAK,QAAQ;QACX,OAAO,IAAI;MACb,KAAK,QAAQ;QACX,OAAO,IAAI;MACb;QACE,OAAO,IAAI;IACf;EACF,CAAC;EAED,MAAMM,WAAW,GAAG;IAClBC,UAAU,EAAEZ,KAAK,CAAC,SAAS,EAAEU,YAAY,CAAC,CAAC,CAAC;IAC5CG,cAAc,EAAE,QAAQP,IAAI,KAAK;IACjCQ,MAAM,EAAE,qCAAqC;IAC7CC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb,CAAC;EAED,oBACEd,OAAA,CAACJ,MAAM,CAACmB,GAAG;IACTC,OAAO,EAAE;MAAEC,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAK,CAAE;IACrCC,OAAO,EAAE;MAAEF,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAE;IAAE,CAAE;IAClCE,UAAU,EAAEf,KAAK,GAAG;MAAEa,KAAK,EAAE,IAAI;MAAEG,CAAC,EAAE,CAAC;IAAE,CAAC,GAAGC,SAAU;IACvDC,UAAU,EAAE;MACVC,QAAQ,EAAE,GAAG;MACbC,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC;IACvB,CAAE;IAAAvB,QAAA,eAEFF,OAAA,CAACH,GAAG;MACFS,EAAE,EAAE;QACF,GAAGG,WAAW;QACdc,UAAU,EAAE,uCAAuC;QACnD,SAAS,EAAElB,KAAK,GAAG;UACjBqB,SAAS,EAAE,kBAAkB;UAC7BZ,SAAS,EAAE;QACb,CAAC,GAAG,CAAC,CAAC;QACN,GAAGR;MACL,CAAE;MAAA,GACEC,KAAK;MAAAL,QAAA,EAERA;IAAQ;MAAAyB,QAAA,EAAAC,YAAA;MAAAC,UAAA;MAAAC,YAAA;IAAA,OACN;EAAC;IAAAH,QAAA,EAAAC,YAAA;IAAAC,UAAA;IAAAC,YAAA;EAAA,OACI,CAAC;AAEjB,CAAC;AAACC,EAAA,GAvDW9B,iBAAmD;AAAA,IAAA8B,EAAA;AAAAC,YAAA,CAAAD,EAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |