{"version":3,"sources":["../src/liquidGlassCard.tsx"],"names":["LiquidGlassCard","children","padding","borderRadius","brightness","blur","backgroundColor","mainElementStyle","jsxs","Fragment","jsx"],"mappings":"yDAWO,IAAMA,CAAAA,CAAkD,CAAC,CAC9D,QAAA,CAAAC,EACA,OAAA,CAAAC,CAAAA,CACA,YAAA,CAAAC,CAAAA,CACA,UAAA,CAAAC,CAAAA,CACA,KAAAC,CAAAA,CACA,eAAA,CAAAC,CACF,CAAA,GAAM,CACJ,IAAMC,EAAwC,CAC5C,QAAA,CAAU,WACV,eAAA,CAAiBD,CAAAA,EAAmB,OACpC,KAAA,CAAO,MAAA,CACP,OAAA,CAASJ,CAAAA,EAAW,aAAA,CACpB,UAAA,CAAY,yBACZ,YAAA,CAAcC,CAAAA,EAAgB,MAAA,CAC9B,MAAA,CAAQ,wCAAA,CACR,cAAA,CAAgB,cAAcC,CAAAA,EAAc,IAAI,CAAA,OAAA,EAAUC,CAAAA,EAAQ,CAAC,CAAA;AAAA,8BAAA,CAErE,CAAA,CAcA,OACEG,eAAAA,CAAAC,mBAAAA,CAAA,CACE,QAAA,CAAA,CAAAD,eAAAA,CAAC,KAAA,CAAA,CAAI,KAAA,CAAOD,CAAAA,CACV,QAAA,CAAA,CAAAG,cAAAA,CAAC,KAAA,CAAA,CAAI,MAfoC,CAC7C,QAAA,CAAU,UAAA,CACV,KAAA,CAAO,MAAA,CACP,MAAA,CAAQ,MAAA,CACR,KAAA,CAAO,EACP,MAAA,CAAQ,CAAA,CACR,QAAA,CAAU,QAAA,CACV,YAAA,CAAcP,CAAAA,EAAgB,MAAA,CAC9B,SAAA,CACE,6FACJ,CAAA,CAKqC,CAAA,CAC9BF,CAAAA,CAAAA,CACH,CAAA,CACAS,cAAAA,CAAC,KAAA,CAAA,CAAI,KAAA,CAAO,CAAE,QAAS,MAAO,CAAA,CAC5B,QAAA,CAAAF,eAAAA,CAAC,QAAA,CAAA,CAAO,EAAA,CAAG,oBAAA,CACT,QAAA,CAAA,CAAAE,eAAC,SAAA,CAAA,CACC,IAAA,CAAK,ov8CAAA,CACL,mBAAA,CAAoB,MAAA,CACtB,CAAA,CAEAA,cAAAA,CAAC,mBAAA,CAAA,CACC,GAAG,eAAA,CACH,KAAA,CAAM,KAAA,CACN,gBAAA,CAAiB,IACjB,gBAAA,CAAiB,GAAA,CACnB,CAAA,CAAA,CACF,CAAA,CACF,GACF,CAEJ","file":"index.cjs","sourcesContent":["import * as React from \"react\";\n\nexport type LiquidGlassCardProps = {\n children: React.ReactNode;\n padding?: React.CSSProperties[\"padding\"];\n borderRadius?: React.CSSProperties[\"borderRadius\"];\n brightness?: number;\n blur?: number;\n backgroundColor?: React.CSSProperties[\"backgroundColor\"];\n};\n\nexport const LiquidGlassCard: React.FC = ({\n children,\n padding,\n borderRadius,\n brightness,\n blur,\n backgroundColor,\n}) => {\n const mainElementStyle: React.CSSProperties = {\n position: \"relative\",\n backgroundColor: backgroundColor ?? \"none\",\n width: \"100%\",\n padding: padding ?? \"1rem 1.5rem\",\n transition: \"opacity 0.26s ease-out\",\n borderRadius: borderRadius ?? \"1rem\",\n filter: \"drop-shadow(-8px -10px 46px #0000005f)\",\n backdropFilter: `brightness(${brightness ?? 1.03}) blur(${blur ?? 4}px)\n url(#displacementFilter)`,\n };\n\n const innerElementStyle: React.CSSProperties = {\n position: \"absolute\",\n width: \"100%\",\n height: \"100%\",\n inset: 0,\n zIndex: 0,\n overflow: \"hidden\",\n borderRadius: borderRadius ?? \"1rem\",\n boxShadow:\n \"inset 6px 6px 0px -6px rgba(255, 255, 255, 0.7), inset 0 0 8px 1px rgba(255, 255, 255, 0.7)\",\n };\n\n return (\n <>\n
\n
\n {children}\n
\n \n \n \n\n \n \n \n \n );\n};\n"]}