fansunited-frontend-components 0.0.1-RC4 → 0.0.1-RC5

package/src/components/Variants/Overlay/ScoreState/OverlayScoreState.styles.js

@@ -0,0 +1,374 @@
+export const createStyles = (props) => ({
+    // Main container with background overlay (with explanations)
+    mainContainerWithExplanations: {
+        boxShadow: "xl",
+        border: `${props.borderSize} solid ${props.borderColor}`,
+        overflow: "hidden",
+        backgroundImage: props.backgroundImage,
+        backgroundSize: "cover",
+        position: "relative",
+        borderRadius: props.mdBorderRadius,
+        minHeight: "250px",
+        "&::before": {
+            content: '""',
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            borderRadius: "inherit",
+            zIndex: 0,
+            background: "linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
+        },
+    },
+    // Main container with background overlay (without explanations)
+    mainContainer: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "40px",
+        p: props.spacingScale.xl,
+        boxShadow: "xl",
+        border: `${props.borderSize} solid ${props.borderColor}`,
+        overflow: "hidden",
+        backgroundImage: props.backgroundImage,
+        backgroundSize: "cover",
+        position: "relative",
+        borderRadius: props.mdBorderRadius,
+        minHeight: "250px",
+        "&::before": {
+            content: '""',
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            borderRadius: "inherit",
+            zIndex: 0,
+            background: "linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
+        },
+    },
+    // Score state wrapper content
+    scoreStateWrapperContent: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "40px",
+        p: props.spacingScale.xl,
+    },
+    // Main content wrapper
+    mainContentWrapper: {
+        display: "flex",
+        flexDirection: "column",
+        gap: "24px",
+        zIndex: 10,
+    },
+    // Score container with backdrop
+    scoreContainer: {
+        borderRadius: props.mdBorderRadius,
+        p: props.spacingScale.md,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        alignSelf: "stretch",
+        gap: props.spacingScale.md,
+        backdropFilter: "blur(4px)",
+        position: "relative",
+        "&::before": {
+            content: '""',
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: props.contentBgColor,
+            opacity: 0.5,
+            borderRadius: "inherit",
+            zIndex: 0,
+            backdropFilter: "blur(4px)",
+        },
+        "& > *": {
+            position: "relative",
+            zIndex: 1,
+        },
+    },
+    // Score content wrapper
+    scoreContentWrapper: {
+        display: "flex",
+        flexDirection: { xs: "column", md: "row" },
+        justifyContent: "center",
+        alignItems: "center",
+        alignSelf: "stretch",
+    },
+    // Score section
+    scoreSection: {
+        display: "flex",
+        py: props.spacingScale.xs,
+        gap: props.spacingScale.md,
+        justifyContent: "center",
+        alignItems: "center",
+        flex: "1 0 0",
+    },
+    // Score section wrapper
+    scoreSectionWrapper: {
+        display: "flex",
+        minWidth: "200px",
+        p: props.spacingScale.xs,
+        justifyContent: "center",
+        alignItems: "center",
+        gap: props.spacingScale.md,
+        flex: "1 0 0",
+        alignSelf: "stretch",
+        flexDirection: { xs: "column", md: "row" },
+    },
+    // Achievement badge container
+    achievementBadgeContainer: {
+        display: "flex",
+        width: { xs: "172px", md: "auto" },
+        height: { xs: "160px", md: "auto" },
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        position: "relative",
+    },
+    // Hexagon background
+    hexagonBackground: {
+        width: "160px",
+        height: "160px",
+        position: "absolute",
+        top: "55%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+    },
+    // Achievement emoji
+    achievementEmoji: {
+        maxWidth: "80px",
+        maxHeight: "80px",
+        position: "relative",
+    },
+    // Text section
+    textSection: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+    },
+    // Congratulations text
+    congratulationsText: {
+        color: props.textPrimary,
+        textAlign: "center",
+        fontFamily: props.fontFamilyPrimary,
+        fontSize: "1.5rem",
+        fontStyle: "normal",
+        fontWeight: 400,
+        lineHeight: "133.4%",
+        px: 2,
+    },
+    // Score numbers container
+    scoreNumbersContainer: {
+        display: "flex",
+        alignItems: "center",
+        gap: "4px",
+    },
+    // Score numbers wrapper
+    scoreNumbersWrapper: {
+        display: "flex",
+        alignItems: "flex-end",
+        gap: "4px",
+    },
+    // Correct score text
+    correctScoreText: {
+        textAlign: "center",
+        color: props.scorePercentage > 30 ? props.successColor : props.dangerColor,
+        fontFamily: props.fontFamilyPrimary,
+        fontSize: "3.75rem",
+        fontStyle: "normal",
+        fontWeight: 500,
+        lineHeight: "120%",
+        letterSpacing: "-0.5px",
+    },
+    // Total score text
+    totalScoreText: {
+        textAlign: "center",
+        color: props.scorePercentage > 30 ? props.successColor : props.dangerColor,
+        fontFamily: props.fontFamilyPrimary,
+        fontSize: "3.75rem",
+        fontStyle: "normal",
+        fontWeight: 500,
+        lineHeight: "120%",
+        letterSpacing: "-0.5px",
+    },
+    // Time text
+    timeText: {
+        textAlign: "center",
+        color: props.textPrimary,
+        fontFamily: props.fontFamilySecondary,
+        fontSize: "0.875rem",
+        fontStyle: "normal",
+        fontWeight: 700,
+        lineHeight: "143%",
+        letterSpacing: "0.024px",
+    },
+    // Points text
+    pointsText: {
+        textAlign: "center",
+        color: props.textPrimary,
+        fontFamily: props.fontFamilyPrimary,
+        fontSize: "1.25rem",
+        fontStyle: "normal",
+        fontWeight: 500,
+        lineHeight: "120%",
+        letterSpacing: "0.15px",
+    },
+    // CTA section
+    ctaSection: {
+        display: "flex",
+        py: props.spacingScale.xs,
+        justifyContent: "center",
+        alignItems: "center",
+        gap: "24px",
+        flex: "1 0 0",
+    },
+    // CTA content wrapper
+    ctaContentWrapper: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: "16px",
+        flex: "1 0 0",
+    },
+    // Thanks text
+    thanksText: {
+        color: props.textPrimary,
+        textAlign: "center",
+        fontFamily: props.fontFamilyPrimary,
+        fontSize: "1.25rem",
+        fontStyle: "normal",
+        fontWeight: 500,
+        lineHeight: "120%",
+        letterSpacing: "0.15px",
+    },
+    // Buttons container
+    buttonsContainer: {
+        display: "flex",
+        flexDirection: { xs: "column", md: "row" },
+        gap: "24px",
+    },
+    // Play again button
+    playAgainButton: {
+        display: "flex",
+        minHeight: "48px",
+        py: "12px",
+        pr: "24px",
+        pl: "16px",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: "8px",
+        borderRadius: props.xlBorderRadius,
+        bgcolor: props.onSurfaceColor,
+        "&:hover": {
+            bgcolor: props.surfaceVariantColor,
+        },
+    },
+    // Play again button content
+    playAgainButtonContent: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: "8px",
+        alignSelf: "stretch",
+    },
+    // Play again icon
+    playAgainIcon: {
+        display: "flex",
+        width: "24px",
+        height: "24px",
+        justifyContent: "center",
+        alignItems: "center",
+        color: props.textPrimary,
+    },
+    // Play again text
+    playAgainText: {
+        color: props.textPrimary,
+        textAlign: "center",
+        fontFamily: props.fontFamilyPrimary,
+        fontSize: "0.9375rem",
+        fontStyle: "normal",
+        fontWeight: 500,
+        lineHeight: "24px",
+        letterSpacing: "0.46px",
+        textTransform: "uppercase",
+    },
+    // Share button
+    shareButton: {
+        display: "flex",
+        minHeight: "48px",
+        py: "12px",
+        pr: "24px",
+        pl: "16px",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: "8px",
+        borderRadius: props.xlBorderRadius,
+        bgcolor: props.primaryColor,
+        "&:hover": {
+            bgcolor: props.primaryColor,
+        },
+    },
+    // Share button content
+    shareButtonContent: {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: "8px",
+        alignSelf: "stretch",
+    },
+    // Share icon
+    shareIcon: {
+        display: "flex",
+        width: "24px",
+        height: "24px",
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    // Share text
+    shareText: {
+        color: props.textPrimary,
+        textAlign: "center",
+        fontFamily: props.fontFamilyPrimary,
+        fontSize: "0.9375rem",
+        fontStyle: "normal",
+        fontWeight: 500,
+        lineHeight: "24px",
+        letterSpacing: "0.40px",
+        textTransform: "uppercase",
+    },
+    // Lead collection container
+    leadCollectionContainer: {
+        borderRadius: props.mdBorderRadius,
+        p: props.spacingScale.md,
+        display: "flex",
+        flexDirection: "column",
+        alignSelf: "stretch",
+        gap: props.spacingScale.md,
+        backdropFilter: "blur(4px)",
+        position: "relative",
+        "&::before": {
+            content: '""',
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: props.contentBgColor,
+            opacity: 0.5,
+            borderRadius: "inherit",
+            zIndex: 0,
+            backdropFilter: "blur(4px)",
+        },
+        "& > *": {
+            position: "relative",
+            zIndex: 1,
+        },
+    },
+});

package/src/components/Variants/Split/AuthError/SplitAuthError.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ClassicQuizFullModel } from "fansunited-sdk-esm";
+type SplitAuthErrorProps = {
+    classicQuiz: ClassicQuizFullModel;
+};
+declare const SplitAuthError: React.FC<SplitAuthErrorProps>;
+export default SplitAuthError;
+//# sourceMappingURL=SplitAuthError.d.ts.map

package/src/components/Variants/Split/AuthError/SplitAuthError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitAuthError.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Variants/Split/AuthError/SplitAuthError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAI1D,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,oBAAoB,CAAC;CACnC,CAAC;AAEF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkFjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/src/components/Variants/Split/AuthError/SplitAuthError.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from "@mui/joy";
+import { stripHtmlTags, useImageUrl, isMobile, useColors, useCornerRadius, useFontFamily, useInternalTheme, useSpacingScale, } from "@fansunited/common";
+import MainCard from "../../../Shared/MainCard";
+import bgImage from "../../../../assets/default-quiz-bg.png";
+import mobileBgImage from "../../../../assets/default-quiz-bg-vertical.jpg";
+import { useTranslation } from "react-i18next";
+import PresentedBy from "../../../Shared/PresentedBy";
+import AlertMessage from "../../../Shared/AlertMessage";
+import { createStyles } from "./SplitAuthError.styles";
+const SplitAuthError = (props) => {
+    const internalTheme = useInternalTheme();
+    const quizImage = useImageUrl(props.classicQuiz.images);
+    const { t } = useTranslation();
+    const brandingColors = props.classicQuiz.branding?.colors || null;
+    const brandingLogo = isMobile()
+        ? props.classicQuiz.branding?.images.mobileLogo ||
+            props.classicQuiz.branding?.images.mainLogo ||
+            ""
+        : props.classicQuiz.branding?.images.mainLogo || "";
+    const imagePlaceholder = isMobile() ? mobileBgImage : bgImage;
+    // Styling variables
+    const fontFamilySecondary = useFontFamily().secondary;
+    const fontFamilyPrimary = useFontFamily().primary;
+    const mdBorderRadius = useCornerRadius().md;
+    const textColor = useColors().textColor;
+    const spacingScale = useSpacingScale();
+    // Create styles with current props/theme values
+    const styles = createStyles({
+        quizImage,
+        imagePlaceholder,
+        spacingScale,
+        borderRadius: useCornerRadius(),
+        fontFamilyPrimary,
+        fontFamilySecondary,
+        mdBorderRadius,
+        textColor,
+        brandingColors,
+        darkTextColor: internalTheme.colorSchemes.dark.textColor,
+    });
+    return (_jsxs(MainCard, { brandingBorderColor: brandingColors?.borderColor || null, children: [_jsx(Box, { sx: styles.headlineSection, children: _jsxs(Box, { sx: styles.headlineContent, children: [_jsxs(Box, { children: [_jsx(Typography, { level: "body-sm", sx: styles.quizHeadlineText, children: t("classicQuiz.headline") }), _jsxs(Box, { sx: styles.contentContainer, children: [_jsx(Typography, { level: "body-lg", sx: styles.quizTitleText, children: props.classicQuiz.title }), _jsx(Typography, { level: "body-md", sx: styles.quizDescriptionText, children: stripHtmlTags(props.classicQuiz.description) })] })] }), _jsx(Box, { sx: styles.presentedByDesktop, children: _jsx(PresentedBy, { brandingLogo: brandingLogo, textColor: brandingColors?.contentColor ||
+                                    internalTheme.colorSchemes.dark.textColor }) })] }) }), _jsxs(Box, { sx: styles.questionArea, children: [_jsx(AlertMessage, { variant: "error", title: t("common.authentication.accessRequired"), message: t("common.authentication.invalidOrMissingAuth") }), _jsx(Box, { sx: styles.presentedByMobile, children: _jsx(PresentedBy, { brandingLogo: brandingLogo, textColor: brandingColors?.contentColor || textColor }) })] })] }));
+};
+export default SplitAuthError;

package/src/components/Variants/Split/AuthError/SplitAuthError.styles.d.ts

@@ -0,0 +1,126 @@
+import { CustomSpacingScale, CustomBorderRadius } from "@fansunited/common";
+import { BrandingColorsModel } from "fansunited-sdk-esm";
+interface StyleProps {
+    quizImage: string | null;
+    imagePlaceholder: string;
+    spacingScale: CustomSpacingScale;
+    borderRadius: CustomBorderRadius;
+    fontFamilyPrimary: string;
+    fontFamilySecondary: string;
+    mdBorderRadius: string;
+    textColor: string;
+    brandingColors: BrandingColorsModel | null;
+    darkTextColor: string;
+}
+export declare const createStyles: (props: StyleProps) => {
+    headlineSection: {
+        display: string;
+        flexDirection: string;
+        justifyContent: string;
+        gap: string;
+        flex: string;
+        backgroundImage: string;
+        backgroundSize: string;
+        backgroundPosition: string;
+        borderTopLeftRadius: string;
+        borderTopRightRadius: {
+            xs: string;
+            md: string;
+        };
+        borderBottomLeftRadius: {
+            xs: number;
+            md: string;
+        };
+        overflow: string;
+        height: string;
+        position: string;
+        minHeight: {
+            xs: string;
+            md: string;
+        };
+        "&::before": {
+            content: string;
+            position: string;
+            width: string;
+            height: string;
+            background: string;
+            borderTopLeftRadius: string;
+            borderTopRightRadius: string;
+        };
+    };
+    headlineContent: {
+        zIndex: number;
+        height: string;
+        p: string;
+        gap: string;
+        display: string;
+        flexDirection: string;
+        justifyContent: string;
+    };
+    quizHeadlineText: {
+        fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
+        fontSize: string;
+        color: string;
+        opacity: string;
+        textTransform: string;
+        fontFamily: string;
+        textAlign: {
+            xs: string;
+            md: string;
+        };
+    };
+    contentContainer: {
+        display: string;
+        flexDirection: string;
+        gap: string;
+    };
+    quizTitleText: {
+        fontWeight: number;
+        lineHeight: string;
+        fontSize: string;
+        letterSpacing: string;
+        color: string;
+        fontFamily: string;
+        textAlign: {
+            xs: string;
+            md: string;
+        };
+    };
+    quizDescriptionText: {
+        fontWeight: number;
+        lineHeight: string;
+        fontSize: string;
+        letterSpacing: string;
+        color: string;
+        opacity: string;
+        fontFamily: string;
+        textAlign: {
+            xs: string;
+            md: string;
+        };
+    };
+    presentedByDesktop: {
+        display: {
+            xs: string;
+            md: string;
+        };
+    };
+    questionArea: {
+        flex: string;
+        display: string;
+        flexDirection: string;
+        justifyContent: string;
+        gap: string;
+        p: string;
+    };
+    presentedByMobile: {
+        display: {
+            xs: string;
+            md: string;
+        };
+    };
+};
+export {};
+//# sourceMappingURL=SplitAuthError.styles.d.ts.map

package/src/components/Variants/Split/AuthError/SplitAuthError.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitAuthError.styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Variants/Split/AuthError/SplitAuthError.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,UAAU,UAAU;IAClB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,kBAAkB,CAAC;IACjC,YAAY,EAAE,kBAAkB,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,YAAY,UAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuG5C,CAAC"}

package/src/components/Variants/Split/AuthError/SplitAuthError.styles.js

@@ -0,0 +1,95 @@
+export const createStyles = (props) => ({
+    // Main headline section with background image
+    headlineSection: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between",
+        gap: "10px",
+        flex: "0.5",
+        backgroundImage: `url(${props.quizImage || props.imagePlaceholder})`,
+        backgroundSize: "cover",
+        backgroundPosition: "center",
+        borderTopLeftRadius: props.mdBorderRadius,
+        borderTopRightRadius: { xs: props.mdBorderRadius, md: "0" },
+        borderBottomLeftRadius: { xs: 0, md: props.mdBorderRadius },
+        overflow: "hidden",
+        height: "auto",
+        position: "relative",
+        minHeight: { xs: "210px", md: "430px" },
+        "&::before": {
+            content: '""',
+            position: "absolute",
+            width: "100%",
+            height: "100%",
+            background: "linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(18, 18, 18, 0.8) 100%)",
+            borderTopLeftRadius: "5px",
+            borderTopRightRadius: "5px",
+        },
+    },
+    // Headline content wrapper
+    headlineContent: {
+        zIndex: 1,
+        height: "100%",
+        p: props.spacingScale.xl,
+        gap: props.spacingScale.xl,
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "space-between",
+    },
+    // Quiz headline typography
+    quizHeadlineText: {
+        fontWeight: 500,
+        lineHeight: "166%",
+        letterSpacing: "1px",
+        fontSize: "0.75rem",
+        color: props.brandingColors?.secondaryColor || props.darkTextColor,
+        opacity: "70%",
+        textTransform: "uppercase",
+        fontFamily: props.fontFamilySecondary,
+        textAlign: { xs: "center", md: "left" },
+    },
+    // Content container
+    contentContainer: {
+        display: "flex",
+        flexDirection: "column",
+        gap: props.spacingScale["3xs"],
+    },
+    // Quiz title typography
+    quizTitleText: {
+        fontWeight: 700,
+        lineHeight: "133%",
+        fontSize: "1.5rem",
+        letterSpacing: "0.15px",
+        color: props.brandingColors?.contentColor || props.darkTextColor,
+        fontFamily: props.fontFamilyPrimary,
+        textAlign: { xs: "center", md: "left" },
+    },
+    // Quiz description typography
+    quizDescriptionText: {
+        fontWeight: 500,
+        lineHeight: "140%",
+        fontSize: "1.25rem",
+        letterSpacing: "0.15px",
+        color: props.brandingColors?.secondaryColor || props.darkTextColor,
+        opacity: "70%",
+        fontFamily: props.fontFamilyPrimary,
+        textAlign: { xs: "center", md: "left" },
+    },
+    // Presented by desktop container
+    presentedByDesktop: {
+        display: { xs: "none", md: "block" },
+    },
+    // Question area (error section)
+    questionArea: {
+        flex: "0.5",
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        gap: props.spacingScale.md,
+        p: props.spacingScale.lg,
+    },
+    // Presented by mobile container
+    presentedByMobile: {
+        display: { xs: "block", md: "none" },
+    },
+});

package/src/components/Variants/Split/ScoreState/SplitScoreState.d.ts

@@ -0,0 +1,16 @@
+import { ClassicQuizUserParticipationModel, ClassicQuizFullModel, FansUnitedSDKModel } from "fansunited-sdk-esm";
+import React from "react";
+import { LeadsOptions } from "@fansunited/common";
+type StandardScoreStateProps = {
+    summary: ClassicQuizUserParticipationModel;
+    totalTime: number;
+    showAnswerExplanations: boolean;
+    maxAttemptsReached: boolean;
+    classicQuiz: ClassicQuizFullModel;
+    sdk: FansUnitedSDKModel;
+    leads?: LeadsOptions;
+    playAgain: () => void;
+};
+declare const SplitScoreState: React.FC<StandardScoreStateProps>;
+export default SplitScoreState;
+//# sourceMappingURL=SplitScoreState.d.ts.map

package/src/components/Variants/Split/ScoreState/SplitScoreState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitScoreState.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Variants/Split/ScoreState/SplitScoreState.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iCAAiC,EACjC,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAIL,YAAY,EAQb,MAAM,oBAAoB,CAAC;AAc5B,KAAK,uBAAuB,GAAG;IAC7B,OAAO,EAAE,iCAAiC,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;IAChC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,WAAW,EAAE,oBAAoB,CAAC;IAClC,GAAG,EAAE,kBAAkB,CAAC;IACxB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAsStD,CAAC;AAEF,eAAe,eAAe,CAAC"}