npm - @atom-learning/components - Versions diffs - 1.17.3 → 1.18.0 - Mend

@atom-learning/components 1.17.3 → 1.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (75) hide show

package/dist/components/toggle-group/index.d.ts ADDED Viewed

@@ -0,0 +1,1351 @@
+/// <reference types="react" />
+export declare const ToggleGroup: {
+    Item: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>, {}, {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        reducedMotion: string;
+        allowMotion: string;
+        hover: string;
+    }, import("@stitches/react/types/css-util").CSS<{
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        reducedMotion: string;
+        allowMotion: string;
+        hover: string;
+    }, {
+        colors: {
+            textForeground: any;
+            textSubtle: any;
+            textPlaceholder: any;
+            background: any;
+            backgroundAccent: any;
+            tonal50: any;
+            tonal100: any;
+            tonal200: any;
+            tonal300: any;
+            tonal400: any;
+            tonal500: any;
+            tonal600: any;
+            alpha100: any;
+            alpha150: any;
+            alpha200: any;
+            alpha250: any;
+            alpha600: any;
+            primaryLight: any;
+            primary: any;
+            primaryMid: any;
+            primaryDark: any;
+            secondary: any;
+            brandRed: any;
+            brandRedAccent: any;
+            brandGreen: any;
+            brandGreenAccent: any;
+            brandPurple: any;
+            brandPurpleAccent: any;
+            brandYellow: any;
+            brandYellowAccent: any;
+            successLight: any;
+            success: any;
+            successMid: any;
+            successDark: any;
+            dangerLight: any;
+            danger: any;
+            dangerMid: any;
+            dangerDark: any;
+            warningLight: any;
+            warning: any;
+            warningMid: any;
+            warningDark: any;
+            subjectEnglish: any;
+            subjectMaths: any;
+            subjectScience: any;
+            subjectVerbalReasoning: any;
+            subjectNonVerbalReasoning: any;
+            subjectCreativeWriting: any;
+            subjectExamSkills: any;
+        };
+        space: {
+            "0": any;
+            "1": any;
+            "2": any;
+            "3": any;
+            "4": any;
+            "5": any;
+            "6": any;
+            "7": any;
+            "8": any;
+            "9": any;
+        };
+        fontSizes: {
+            xs: any;
+            sm: any;
+            md: any;
+            lg: any;
+            xl: any;
+            "2xl": any;
+            "3xl": any;
+            "4xl": any;
+        };
+        fonts: {
+            sans: any;
+            mono: any;
+            display: any;
+            body: any;
+        };
+        sizes: {
+            "0": any;
+            "1": any;
+            "2": any;
+            "3": any;
+            "4": any;
+            "5": any;
+            "6": any;
+            "7": any;
+            "8": any;
+        };
+        radii: {
+            "0": any;
+            "1": any;
+            "2": any;
+            "3": any;
+            round: any;
+        };
+        shadows: {
+            "0": any;
+            "1": any;
+            "2": any;
+            "3": any;
+        };
+    }, import("@stitches/react/types/config").DefaultThemeMap, {
+        bg: (value: {
+            readonly [$$PropertyValue]: "background";
+        }) => {
+            background: {
+                readonly [$$PropertyValue]: "background";
+            };
+        };
+        inset: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            top: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            right: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            bottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            left: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        size: (value: string | number | {
+            readonly [$$ScaleValue]: "size";
+        }) => {
+            height: string | number | {
+                readonly [$$ScaleValue]: "size";
+            };
+            width: string | number | {
+                readonly [$$ScaleValue]: "size";
+            };
+        };
+        p: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            padding: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        pl: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        px: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        py: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            paddingTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            paddingBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        m: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            margin: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mt: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mr: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mb: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        ml: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        mx: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginLeft: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginRight: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+        my: (value: string | number | {
+            readonly [$$ScaleValue]: "space";
+        }) => {
+            marginTop: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+            marginBottom: string | number | {
+                readonly [$$ScaleValue]: "space";
+            };
+        };
+    }>>;
+    Button: import("react").FC<Omit<Omit<import("@radix-ui/react-toggle-group").ToggleGroupItemProps & import("react").RefAttributes<HTMLButtonElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        reducedMotion: string;
+        allowMotion: string;
+        hover: string;
+    }> & {
+        css?: import("@stitches/react/types/css-util").CSS<{
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            reducedMotion: string;
+            allowMotion: string;
+            hover: string;
+        }, {
+            colors: {
+                textForeground: any;
+                textSubtle: any;
+                textPlaceholder: any;
+                background: any;
+                backgroundAccent: any;
+                tonal50: any;
+                tonal100: any;
+                tonal200: any;
+                tonal300: any;
+                tonal400: any;
+                tonal500: any;
+                tonal600: any;
+                alpha100: any;
+                alpha150: any;
+                alpha200: any;
+                alpha250: any;
+                alpha600: any;
+                primaryLight: any;
+                primary: any;
+                primaryMid: any;
+                primaryDark: any;
+                secondary: any;
+                brandRed: any;
+                brandRedAccent: any;
+                brandGreen: any;
+                brandGreenAccent: any;
+                brandPurple: any;
+                brandPurpleAccent: any;
+                brandYellow: any;
+                brandYellowAccent: any;
+                successLight: any;
+                success: any;
+                successMid: any;
+                successDark: any;
+                dangerLight: any;
+                danger: any;
+                dangerMid: any;
+                dangerDark: any;
+                warningLight: any;
+                warning: any;
+                warningMid: any;
+                warningDark: any;
+                subjectEnglish: any;
+                subjectMaths: any;
+                subjectScience: any;
+                subjectVerbalReasoning: any;
+                subjectNonVerbalReasoning: any;
+                subjectCreativeWriting: any;
+                subjectExamSkills: any;
+            };
+            space: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                "4": any;
+                "5": any;
+                "6": any;
+                "7": any;
+                "8": any;
+                "9": any;
+            };
+            fontSizes: {
+                xs: any;
+                sm: any;
+                md: any;
+                lg: any;
+                xl: any;
+                "2xl": any;
+                "3xl": any;
+                "4xl": any;
+            };
+            fonts: {
+                sans: any;
+                mono: any;
+                display: any;
+                body: any;
+            };
+            sizes: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                "4": any;
+                "5": any;
+                "6": any;
+                "7": any;
+                "8": any;
+            };
+            radii: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                round: any;
+            };
+            shadows: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+            };
+        }, import("@stitches/react/types/config").DefaultThemeMap, {
+            bg: (value: {
+                readonly [$$PropertyValue]: "background";
+            }) => {
+                background: {
+                    readonly [$$PropertyValue]: "background";
+                };
+            };
+            inset: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                top: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                right: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                bottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                left: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            size: (value: string | number | {
+                readonly [$$ScaleValue]: "size";
+            }) => {
+                height: string | number | {
+                    readonly [$$ScaleValue]: "size";
+                };
+                width: string | number | {
+                    readonly [$$ScaleValue]: "size";
+                };
+            };
+            p: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                padding: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pt: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pr: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pb: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pl: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            px: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                paddingRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            py: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                paddingBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            m: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                margin: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mt: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mr: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mb: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            ml: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mx: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                marginRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            my: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                marginBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+        }> | undefined;
+    }, "size" | "css" | "isIconOnly"> & import("@stitches/react/types/styled-component").TransformProps<{
+        size?: "sm" | "md" | "lg" | undefined;
+        isIconOnly?: boolean | "true" | undefined;
+    }, {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        reducedMotion: string;
+        allowMotion: string;
+        hover: string;
+    }> & {
+        css?: import("@stitches/react/types/css-util").CSS<{
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            reducedMotion: string;
+            allowMotion: string;
+            hover: string;
+        }, {
+            colors: {
+                textForeground: any;
+                textSubtle: any;
+                textPlaceholder: any;
+                background: any;
+                backgroundAccent: any;
+                tonal50: any;
+                tonal100: any;
+                tonal200: any;
+                tonal300: any;
+                tonal400: any;
+                tonal500: any;
+                tonal600: any;
+                alpha100: any;
+                alpha150: any;
+                alpha200: any;
+                alpha250: any;
+                alpha600: any;
+                primaryLight: any;
+                primary: any;
+                primaryMid: any;
+                primaryDark: any;
+                secondary: any;
+                brandRed: any;
+                brandRedAccent: any;
+                brandGreen: any;
+                brandGreenAccent: any;
+                brandPurple: any;
+                brandPurpleAccent: any;
+                brandYellow: any;
+                brandYellowAccent: any;
+                successLight: any;
+                success: any;
+                successMid: any;
+                successDark: any;
+                dangerLight: any;
+                danger: any;
+                dangerMid: any;
+                dangerDark: any;
+                warningLight: any;
+                warning: any;
+                warningMid: any;
+                warningDark: any;
+                subjectEnglish: any;
+                subjectMaths: any;
+                subjectScience: any;
+                subjectVerbalReasoning: any;
+                subjectNonVerbalReasoning: any;
+                subjectCreativeWriting: any;
+                subjectExamSkills: any;
+            };
+            space: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                "4": any;
+                "5": any;
+                "6": any;
+                "7": any;
+                "8": any;
+                "9": any;
+            };
+            fontSizes: {
+                xs: any;
+                sm: any;
+                md: any;
+                lg: any;
+                xl: any;
+                "2xl": any;
+                "3xl": any;
+                "4xl": any;
+            };
+            fonts: {
+                sans: any;
+                mono: any;
+                display: any;
+                body: any;
+            };
+            sizes: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                "4": any;
+                "5": any;
+                "6": any;
+                "7": any;
+                "8": any;
+            };
+            radii: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                round: any;
+            };
+            shadows: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+            };
+        }, import("@stitches/react/types/config").DefaultThemeMap, {
+            bg: (value: {
+                readonly [$$PropertyValue]: "background";
+            }) => {
+                background: {
+                    readonly [$$PropertyValue]: "background";
+                };
+            };
+            inset: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                top: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                right: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                bottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                left: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            size: (value: string | number | {
+                readonly [$$ScaleValue]: "size";
+            }) => {
+                height: string | number | {
+                    readonly [$$ScaleValue]: "size";
+                };
+                width: string | number | {
+                    readonly [$$ScaleValue]: "size";
+                };
+            };
+            p: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                padding: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pt: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pr: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pb: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pl: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            px: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                paddingRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            py: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                paddingBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            m: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                margin: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mt: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mr: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mb: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            ml: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mx: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                marginRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            my: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                marginBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+        }> | undefined;
+    }>;
+    Root: import("react").FC<((Omit<import("@radix-ui/react-toggle-group").ToggleGroupSingleProps & import("react").RefAttributes<HTMLDivElement>, "direction" | "css" | "isFullWidth" | "hasGap"> & import("@stitches/react/types/styled-component").TransformProps<{
+        isFullWidth?: boolean | "true" | undefined;
+        hasGap?: boolean | "true" | "false" | undefined;
+        direction?: "row" | "column" | undefined;
+    }, {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        reducedMotion: string;
+        allowMotion: string;
+        hover: string;
+    }> & {
+        css?: import("@stitches/react/types/css-util").CSS<{
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            reducedMotion: string;
+            allowMotion: string;
+            hover: string;
+        }, {
+            colors: {
+                textForeground: any;
+                textSubtle: any;
+                textPlaceholder: any;
+                background: any;
+                backgroundAccent: any;
+                tonal50: any;
+                tonal100: any;
+                tonal200: any;
+                tonal300: any;
+                tonal400: any;
+                tonal500: any;
+                tonal600: any;
+                alpha100: any;
+                alpha150: any;
+                alpha200: any;
+                alpha250: any;
+                alpha600: any;
+                primaryLight: any;
+                primary: any;
+                primaryMid: any;
+                primaryDark: any;
+                secondary: any;
+                brandRed: any;
+                brandRedAccent: any;
+                brandGreen: any;
+                brandGreenAccent: any;
+                brandPurple: any;
+                brandPurpleAccent: any;
+                brandYellow: any;
+                brandYellowAccent: any;
+                successLight: any;
+                success: any;
+                successMid: any;
+                successDark: any;
+                dangerLight: any;
+                danger: any;
+                dangerMid: any;
+                dangerDark: any;
+                warningLight: any;
+                warning: any;
+                warningMid: any;
+                warningDark: any;
+                subjectEnglish: any;
+                subjectMaths: any;
+                subjectScience: any;
+                subjectVerbalReasoning: any;
+                subjectNonVerbalReasoning: any;
+                subjectCreativeWriting: any;
+                subjectExamSkills: any;
+            };
+            space: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                "4": any;
+                "5": any;
+                "6": any;
+                "7": any;
+                "8": any;
+                "9": any;
+            };
+            fontSizes: {
+                xs: any;
+                sm: any;
+                md: any;
+                lg: any;
+                xl: any;
+                "2xl": any;
+                "3xl": any;
+                "4xl": any;
+            };
+            fonts: {
+                sans: any;
+                mono: any;
+                display: any;
+                body: any;
+            };
+            sizes: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                "4": any;
+                "5": any;
+                "6": any;
+                "7": any;
+                "8": any;
+            };
+            radii: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                round: any;
+            };
+            shadows: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+            };
+        }, import("@stitches/react/types/config").DefaultThemeMap, {
+            bg: (value: {
+                readonly [$$PropertyValue]: "background";
+            }) => {
+                background: {
+                    readonly [$$PropertyValue]: "background";
+                };
+            };
+            inset: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                top: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                right: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                bottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                left: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            size: (value: string | number | {
+                readonly [$$ScaleValue]: "size";
+            }) => {
+                height: string | number | {
+                    readonly [$$ScaleValue]: "size";
+                };
+                width: string | number | {
+                    readonly [$$ScaleValue]: "size";
+                };
+            };
+            p: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                padding: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pt: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pr: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pb: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pl: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            px: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                paddingRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            py: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                paddingBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            m: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                margin: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mt: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mr: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mb: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            ml: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mx: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                marginRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            my: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                marginBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+        }> | undefined;
+    }) | (Omit<import("@radix-ui/react-toggle-group").ToggleGroupMultipleProps & import("react").RefAttributes<HTMLDivElement>, "direction" | "css" | "isFullWidth" | "hasGap"> & import("@stitches/react/types/styled-component").TransformProps<{
+        isFullWidth?: boolean | "true" | undefined;
+        hasGap?: boolean | "true" | "false" | undefined;
+        direction?: "row" | "column" | undefined;
+    }, {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        reducedMotion: string;
+        allowMotion: string;
+        hover: string;
+    }> & {
+        css?: import("@stitches/react/types/css-util").CSS<{
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            reducedMotion: string;
+            allowMotion: string;
+            hover: string;
+        }, {
+            colors: {
+                textForeground: any;
+                textSubtle: any;
+                textPlaceholder: any;
+                background: any;
+                backgroundAccent: any;
+                tonal50: any;
+                tonal100: any;
+                tonal200: any;
+                tonal300: any;
+                tonal400: any;
+                tonal500: any;
+                tonal600: any;
+                alpha100: any;
+                alpha150: any;
+                alpha200: any;
+                alpha250: any;
+                alpha600: any;
+                primaryLight: any;
+                primary: any;
+                primaryMid: any;
+                primaryDark: any;
+                secondary: any;
+                brandRed: any;
+                brandRedAccent: any;
+                brandGreen: any;
+                brandGreenAccent: any;
+                brandPurple: any;
+                brandPurpleAccent: any;
+                brandYellow: any;
+                brandYellowAccent: any;
+                successLight: any;
+                success: any;
+                successMid: any;
+                successDark: any;
+                dangerLight: any;
+                danger: any;
+                dangerMid: any;
+                dangerDark: any;
+                warningLight: any;
+                warning: any;
+                warningMid: any;
+                warningDark: any;
+                subjectEnglish: any;
+                subjectMaths: any;
+                subjectScience: any;
+                subjectVerbalReasoning: any;
+                subjectNonVerbalReasoning: any;
+                subjectCreativeWriting: any;
+                subjectExamSkills: any;
+            };
+            space: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                "4": any;
+                "5": any;
+                "6": any;
+                "7": any;
+                "8": any;
+                "9": any;
+            };
+            fontSizes: {
+                xs: any;
+                sm: any;
+                md: any;
+                lg: any;
+                xl: any;
+                "2xl": any;
+                "3xl": any;
+                "4xl": any;
+            };
+            fonts: {
+                sans: any;
+                mono: any;
+                display: any;
+                body: any;
+            };
+            sizes: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                "4": any;
+                "5": any;
+                "6": any;
+                "7": any;
+                "8": any;
+            };
+            radii: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+                round: any;
+            };
+            shadows: {
+                "0": any;
+                "1": any;
+                "2": any;
+                "3": any;
+            };
+        }, import("@stitches/react/types/config").DefaultThemeMap, {
+            bg: (value: {
+                readonly [$$PropertyValue]: "background";
+            }) => {
+                background: {
+                    readonly [$$PropertyValue]: "background";
+                };
+            };
+            inset: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                top: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                right: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                bottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                left: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            size: (value: string | number | {
+                readonly [$$ScaleValue]: "size";
+            }) => {
+                height: string | number | {
+                    readonly [$$ScaleValue]: "size";
+                };
+                width: string | number | {
+                    readonly [$$ScaleValue]: "size";
+                };
+            };
+            p: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                padding: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pt: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pr: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pb: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            pl: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            px: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                paddingRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            py: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                paddingTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                paddingBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            m: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                margin: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mt: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mr: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mb: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            ml: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            mx: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginLeft: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                marginRight: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+            my: (value: string | number | {
+                readonly [$$ScaleValue]: "space";
+            }) => {
+                marginTop: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+                marginBottom: string | number | {
+                    readonly [$$ScaleValue]: "space";
+                };
+            };
+        }> | undefined;
+    })) & {
+        size: "sm" | "md" | "lg";
+        orientation?: "horizontal" | "vertical" | undefined;
+        gap?: number | undefined;
+        isFullWidth?: boolean | undefined;
+        wrap: "wrap" | "wrap-reverse" | "no-wrap";
+    }>;
+};