evelearn-theme 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,322 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { CSSProperties, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+import * as next_dist_compiled__next_font from 'next/dist/compiled/@next/font';
+
+type Props$g = {
+    visible: boolean;
+    onClick: () => void;
+    opacity?: number;
+};
+declare const Backdrop: ({ visible, onClick, opacity }: Props$g) => react_jsx_runtime.JSX.Element | null;
+
+interface BaseModalProps {
+    visible: boolean;
+    children: React__default.ReactNode;
+    appear?: boolean;
+    dismissable?: boolean;
+    dismissOnBackdropClick?: boolean;
+    onDismissed?: () => void;
+    style?: CSSProperties;
+    fullscreen?: boolean;
+    dismissLink?: string;
+    bgOpacity?: number;
+    displayDark?: boolean;
+}
+type ModalProps = BaseModalProps;
+declare const Modal: ({ visible, children, fullscreen, displayDark, dismissLink, bgOpacity, onDismissed, dismissable, dismissOnBackdropClick, style, ...props }: ModalProps) => react_jsx_runtime.JSX.Element | null;
+
+type OverlayProps = BaseModalProps & {
+    children?: React__default.ReactNode;
+    withContainer?: boolean;
+    opacity?: number;
+    isDark?: boolean;
+    zIndex?: number;
+    onClick?: () => void;
+};
+declare const Overlay: ({ visible, onDismissed, onClick, zIndex, isDark, children, opacity, withContainer, }: OverlayProps) => React__default.ReactPortal | null;
+
+type Point = 'sm' | 'md' | 'lg' | 'xl';
+declare const Breakpoint: React__default.FC<{
+    fromSize?: Point;
+    toSize?: Point;
+    children: React__default.ReactNode;
+}>;
+
+interface Props$f {
+    disabled?: boolean;
+    kind?: 'primary' | 'secondary' | 'base' | 'warning' | 'alert' | 'gray' | 'green' | 'teal' | 'indigo';
+    size?: 'small' | 'fixed' | 'large';
+    type?: 'button' | 'submit';
+    loading?: boolean;
+    children: React__default.ReactNode;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const Button: ({ disabled, loading, onClick, kind, size, type, children }: Props$f) => react_jsx_runtime.JSX.Element;
+
+interface Props$e {
+    disabled?: boolean;
+    color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'cyan';
+    type?: 'button' | 'submit';
+    active?: boolean;
+    children: React__default.ReactNode;
+    loading?: boolean;
+    className?: string;
+    size?: 'big' | 'base' | 'small' | 'square';
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const FunButton: React__default.FC<Props$e>;
+
+interface Props$d {
+    disabled?: boolean;
+    color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow';
+    type?: 'button' | 'submit';
+    active?: boolean;
+    children: React__default.ReactNode;
+    className?: string;
+    size?: number;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const FunRoundButton: ({ onClick, disabled, type, children, color, active, className, size }: Props$d) => react_jsx_runtime.JSX.Element;
+
+type Props$c = {
+    name: string;
+    labelText: React__default.ReactNode;
+    onChange?: (value: boolean) => void;
+    isLarge?: boolean;
+    isDisabled?: boolean;
+};
+declare const Checkbox: {
+    ({ name, labelText, isLarge, onChange, isDisabled }: Props$c): react_jsx_runtime.JSX.Element;
+    Multi: ({ name, hasMultipleAnswers, index, isLarge, allOptionsName }: MultiChoiceCheckBoxProps) => react_jsx_runtime.JSX.Element;
+};
+type MultiChoiceCheckBoxProps = {
+    name: string;
+    allOptionsName: string;
+    hasMultipleAnswers: boolean;
+    index: number;
+    isLarge?: boolean;
+};
+
+type Props$b = {
+    name: string;
+    isLarge?: boolean;
+    labelText?: string;
+    option: string;
+    onSelect?: () => void;
+};
+declare const RadioOption: ({ name, isLarge, labelText, option, onSelect }: Props$b) => react_jsx_runtime.JSX.Element;
+
+interface Props$a {
+    title: string;
+    cancelText?: string;
+    isVisible: boolean;
+    confirmText?: string;
+    isSingleAction?: boolean;
+    setDontShowAgain?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    dontShowAgain?: boolean;
+    borderColor?: string;
+    buttonColor?: 'base' | 'primary' | 'secondary' | 'warning' | 'alert' | 'gray' | undefined;
+    onConfirm: (confirmed: boolean) => void;
+    onDismissed?: () => void;
+    onCancel?: () => void;
+    isDark?: boolean;
+    children?: React__default.ReactNode;
+}
+declare const BAWrapper: React__default.FC<Props$a>;
+
+interface ContainerProps {
+    backgroundColor?: string;
+    backgroundImage?: string;
+    style?: React__default.CSSProperties;
+    onClick?: () => void;
+    isDark?: boolean;
+    children?: React__default.ReactNode;
+}
+declare const Container: React__default.FC<ContainerProps>;
+
+type Props$9 = {
+    text: string;
+    style?: CSSProperties | undefined;
+    classNames?: string;
+};
+declare const ErrorText: ({ text, style, classNames }: Props$9) => react_jsx_runtime.JSX.Element;
+
+declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-800 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md  px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
+declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
+declare const exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
+declare const xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
+declare const exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
+declare const tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
+declare const headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
+declare const headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
+declare const toolbarExerciseButton = "flex bg-gray-50 bg-opacity-95 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
+
+type IconInfoProps = {
+    content: string;
+    icon: React.ReactNode;
+    number: number;
+    color?: string;
+};
+declare const IconInfo: ({ content, icon, number, color }: IconInfoProps) => react_jsx_runtime.JSX.Element;
+
+type Props$8 = {
+    loading: boolean;
+    message?: string;
+};
+declare const NoResults: ({ loading, message }: Props$8) => react_jsx_runtime.JSX.Element;
+
+interface Props$7 {
+    type?: 'error' | 'warning' | 'info';
+    isDismissible?: boolean;
+    onDismiss?: () => void;
+    isVisible: boolean;
+}
+declare const NoticeBox: React__default.FC<Props$7 & React__default.HTMLAttributes<HTMLDivElement>>;
+
+declare const Pill: ({ text }: {
+    text: string;
+}) => react_jsx_runtime.JSX.Element;
+
+type Props$6 = {
+    avgRating: number;
+    large?: boolean;
+};
+declare const RatingStars: ({ avgRating, large }: Props$6) => react_jsx_runtime.JSX.Element;
+
+interface SliderProps {
+    min: number;
+    max: number;
+    step: number;
+    value: number;
+    sliderColor?: string;
+    onChange: (value: number) => void;
+}
+declare const Slider: {
+    ({ min, max, step, value, onChange }: SliderProps): react_jsx_runtime.JSX.Element;
+    Debounced: ({ min, max, handleUpdate, initialValue }: DebouncedSliderProps) => react_jsx_runtime.JSX.Element;
+};
+type DebouncedSliderProps = {
+    min: number;
+    max: number;
+    handleUpdate: (n: number) => void;
+    initialValue: number;
+};
+
+type Step = {
+    label: ReactNode;
+};
+type Props$5 = {
+    steps: Step[];
+    activeStep: number;
+    onStepPress: (s: number) => void;
+};
+declare const StepsComponent: ({ steps, activeStep, onStepPress }: Props$5) => react_jsx_runtime.JSX.Element;
+
+interface TippyProps {
+    children: ReactNode;
+    content: ReactNode;
+    placement?: Placement;
+    className?: string;
+    disabled?: boolean;
+    arrow?: boolean;
+    visible?: boolean;
+    wrapperClassname?: string;
+}
+declare const Tippy: ({ children, content, placement, className, wrapperClassname, disabled, arrow: useArrow, visible }: TippyProps) => react_jsx_runtime.JSX.Element;
+
+type FormikProps = {
+    label: string;
+    name: string;
+};
+type Props$4 = {
+    label: string;
+    onChange: (bool: boolean) => void;
+    value: boolean;
+};
+declare const ToggleSwitch: {
+    ({ label, onChange, value }: Props$4): react_jsx_runtime.JSX.Element;
+    Formik: ({ label, name }: FormikProps) => react_jsx_runtime.JSX.Element;
+};
+
+type ModeProps = {
+    setGalleryMode: React.Dispatch<React.SetStateAction<string>>;
+    galleryMode: string;
+    title1: string;
+    title2: string;
+    icon1?: React.ComponentType<React.ComponentProps<"svg">>;
+    icon2?: React.ComponentType<React.ComponentProps<"svg">>;
+};
+declare const UserContentSwitcher: ({ icon1: Icon1, icon2: Icon2, setGalleryMode, galleryMode, title1, title2 }: ModeProps) => react_jsx_runtime.JSX.Element;
+
+type Props$3 = {
+    inProp: boolean;
+    children: React__default.ReactNode;
+};
+declare const Fade: ({ children, inProp }: Props$3) => react_jsx_runtime.JSX.Element;
+
+declare const openSans: next_dist_compiled__next_font.NextFontWithVariable;
+declare const ubuntu: next_dist_compiled__next_font.NextFontWithVariable;
+declare const parkinsans: next_dist_compiled__next_font.NextFontWithVariable;
+declare const balsamicSans: next_dist_compiled__next_font.NextFontWithVariable;
+
+type ProgressBarProps = {
+    progress: number;
+    height?: number;
+    backgroundColor?: string;
+    color: string;
+};
+declare const ProgressBarSimple: ({ progress, color, height, backgroundColor }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
+
+declare const ProgressBar: {
+    ({ progress }: {
+        progress: number;
+    }): react_jsx_runtime.JSX.Element;
+    Step: ({ steps, stepIndex, onStepClick, color }: Props$2) => react_jsx_runtime.JSX.Element;
+};
+type Props$2 = {
+    steps: {
+        label: string;
+    }[];
+    stepIndex: number;
+    color?: string;
+    onStepClick?: (i: number) => void;
+};
+
+type Props$1 = {
+    twColor?: string;
+    percentage: number;
+    radius: number;
+    fill?: string;
+    strokeWidth?: number;
+};
+declare const CircleProgress: ({ twColor, percentage, radius, fill, strokeWidth }: Props$1) => react_jsx_runtime.JSX.Element;
+
+declare const ScrollProgress: () => react_jsx_runtime.JSX.Element;
+
+type Props = {
+    visible: boolean;
+};
+declare const OverlaySpinner: ({ visible }: Props) => React$1.ReactPortal | null;
+
+interface SpinnerProps {
+    size?: 'base' | 'small';
+    white?: boolean | string;
+    visible?: boolean | string;
+    isDark?: boolean;
+}
+declare const Spinner: {
+    ({ visible, size, white, isDark }: SpinnerProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+    Centered: {
+        (props: SpinnerProps): react_jsx_runtime.JSX.Element | null;
+        displayName: string;
+    };
+};
+
+declare const AnimateLogo: () => react_jsx_runtime.JSX.Element;
+
+declare const PRIMARY_COLOR = "#00b4d8";
+
+export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, balsamicSans, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, openSans, parkinsans, tippyClassname, toolbarExerciseButton, ubuntu, xIconButton };

package/dist/index.d.ts

@@ -0,0 +1,322 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { CSSProperties, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+import * as next_dist_compiled__next_font from 'next/dist/compiled/@next/font';
+
+type Props$g = {
+    visible: boolean;
+    onClick: () => void;
+    opacity?: number;
+};
+declare const Backdrop: ({ visible, onClick, opacity }: Props$g) => react_jsx_runtime.JSX.Element | null;
+
+interface BaseModalProps {
+    visible: boolean;
+    children: React__default.ReactNode;
+    appear?: boolean;
+    dismissable?: boolean;
+    dismissOnBackdropClick?: boolean;
+    onDismissed?: () => void;
+    style?: CSSProperties;
+    fullscreen?: boolean;
+    dismissLink?: string;
+    bgOpacity?: number;
+    displayDark?: boolean;
+}
+type ModalProps = BaseModalProps;
+declare const Modal: ({ visible, children, fullscreen, displayDark, dismissLink, bgOpacity, onDismissed, dismissable, dismissOnBackdropClick, style, ...props }: ModalProps) => react_jsx_runtime.JSX.Element | null;
+
+type OverlayProps = BaseModalProps & {
+    children?: React__default.ReactNode;
+    withContainer?: boolean;
+    opacity?: number;
+    isDark?: boolean;
+    zIndex?: number;
+    onClick?: () => void;
+};
+declare const Overlay: ({ visible, onDismissed, onClick, zIndex, isDark, children, opacity, withContainer, }: OverlayProps) => React__default.ReactPortal | null;
+
+type Point = 'sm' | 'md' | 'lg' | 'xl';
+declare const Breakpoint: React__default.FC<{
+    fromSize?: Point;
+    toSize?: Point;
+    children: React__default.ReactNode;
+}>;
+
+interface Props$f {
+    disabled?: boolean;
+    kind?: 'primary' | 'secondary' | 'base' | 'warning' | 'alert' | 'gray' | 'green' | 'teal' | 'indigo';
+    size?: 'small' | 'fixed' | 'large';
+    type?: 'button' | 'submit';
+    loading?: boolean;
+    children: React__default.ReactNode;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const Button: ({ disabled, loading, onClick, kind, size, type, children }: Props$f) => react_jsx_runtime.JSX.Element;
+
+interface Props$e {
+    disabled?: boolean;
+    color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow' | 'cyan';
+    type?: 'button' | 'submit';
+    active?: boolean;
+    children: React__default.ReactNode;
+    loading?: boolean;
+    className?: string;
+    size?: 'big' | 'base' | 'small' | 'square';
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const FunButton: React__default.FC<Props$e>;
+
+interface Props$d {
+    disabled?: boolean;
+    color?: 'primary' | 'red' | 'green' | 'purple' | 'teal' | 'yellow';
+    type?: 'button' | 'submit';
+    active?: boolean;
+    children: React__default.ReactNode;
+    className?: string;
+    size?: number;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const FunRoundButton: ({ onClick, disabled, type, children, color, active, className, size }: Props$d) => react_jsx_runtime.JSX.Element;
+
+type Props$c = {
+    name: string;
+    labelText: React__default.ReactNode;
+    onChange?: (value: boolean) => void;
+    isLarge?: boolean;
+    isDisabled?: boolean;
+};
+declare const Checkbox: {
+    ({ name, labelText, isLarge, onChange, isDisabled }: Props$c): react_jsx_runtime.JSX.Element;
+    Multi: ({ name, hasMultipleAnswers, index, isLarge, allOptionsName }: MultiChoiceCheckBoxProps) => react_jsx_runtime.JSX.Element;
+};
+type MultiChoiceCheckBoxProps = {
+    name: string;
+    allOptionsName: string;
+    hasMultipleAnswers: boolean;
+    index: number;
+    isLarge?: boolean;
+};
+
+type Props$b = {
+    name: string;
+    isLarge?: boolean;
+    labelText?: string;
+    option: string;
+    onSelect?: () => void;
+};
+declare const RadioOption: ({ name, isLarge, labelText, option, onSelect }: Props$b) => react_jsx_runtime.JSX.Element;
+
+interface Props$a {
+    title: string;
+    cancelText?: string;
+    isVisible: boolean;
+    confirmText?: string;
+    isSingleAction?: boolean;
+    setDontShowAgain?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
+    dontShowAgain?: boolean;
+    borderColor?: string;
+    buttonColor?: 'base' | 'primary' | 'secondary' | 'warning' | 'alert' | 'gray' | undefined;
+    onConfirm: (confirmed: boolean) => void;
+    onDismissed?: () => void;
+    onCancel?: () => void;
+    isDark?: boolean;
+    children?: React__default.ReactNode;
+}
+declare const BAWrapper: React__default.FC<Props$a>;
+
+interface ContainerProps {
+    backgroundColor?: string;
+    backgroundImage?: string;
+    style?: React__default.CSSProperties;
+    onClick?: () => void;
+    isDark?: boolean;
+    children?: React__default.ReactNode;
+}
+declare const Container: React__default.FC<ContainerProps>;
+
+type Props$9 = {
+    text: string;
+    style?: CSSProperties | undefined;
+    classNames?: string;
+};
+declare const ErrorText: ({ text, style, classNames }: Props$9) => react_jsx_runtime.JSX.Element;
+
+declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-800 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md  px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
+declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
+declare const exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
+declare const xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
+declare const exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-green-500 transition-all duration-150 hover:scale-125";
+declare const tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
+declare const headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
+declare const headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
+declare const toolbarExerciseButton = "flex bg-gray-50 bg-opacity-95 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
+
+type IconInfoProps = {
+    content: string;
+    icon: React.ReactNode;
+    number: number;
+    color?: string;
+};
+declare const IconInfo: ({ content, icon, number, color }: IconInfoProps) => react_jsx_runtime.JSX.Element;
+
+type Props$8 = {
+    loading: boolean;
+    message?: string;
+};
+declare const NoResults: ({ loading, message }: Props$8) => react_jsx_runtime.JSX.Element;
+
+interface Props$7 {
+    type?: 'error' | 'warning' | 'info';
+    isDismissible?: boolean;
+    onDismiss?: () => void;
+    isVisible: boolean;
+}
+declare const NoticeBox: React__default.FC<Props$7 & React__default.HTMLAttributes<HTMLDivElement>>;
+
+declare const Pill: ({ text }: {
+    text: string;
+}) => react_jsx_runtime.JSX.Element;
+
+type Props$6 = {
+    avgRating: number;
+    large?: boolean;
+};
+declare const RatingStars: ({ avgRating, large }: Props$6) => react_jsx_runtime.JSX.Element;
+
+interface SliderProps {
+    min: number;
+    max: number;
+    step: number;
+    value: number;
+    sliderColor?: string;
+    onChange: (value: number) => void;
+}
+declare const Slider: {
+    ({ min, max, step, value, onChange }: SliderProps): react_jsx_runtime.JSX.Element;
+    Debounced: ({ min, max, handleUpdate, initialValue }: DebouncedSliderProps) => react_jsx_runtime.JSX.Element;
+};
+type DebouncedSliderProps = {
+    min: number;
+    max: number;
+    handleUpdate: (n: number) => void;
+    initialValue: number;
+};
+
+type Step = {
+    label: ReactNode;
+};
+type Props$5 = {
+    steps: Step[];
+    activeStep: number;
+    onStepPress: (s: number) => void;
+};
+declare const StepsComponent: ({ steps, activeStep, onStepPress }: Props$5) => react_jsx_runtime.JSX.Element;
+
+interface TippyProps {
+    children: ReactNode;
+    content: ReactNode;
+    placement?: Placement;
+    className?: string;
+    disabled?: boolean;
+    arrow?: boolean;
+    visible?: boolean;
+    wrapperClassname?: string;
+}
+declare const Tippy: ({ children, content, placement, className, wrapperClassname, disabled, arrow: useArrow, visible }: TippyProps) => react_jsx_runtime.JSX.Element;
+
+type FormikProps = {
+    label: string;
+    name: string;
+};
+type Props$4 = {
+    label: string;
+    onChange: (bool: boolean) => void;
+    value: boolean;
+};
+declare const ToggleSwitch: {
+    ({ label, onChange, value }: Props$4): react_jsx_runtime.JSX.Element;
+    Formik: ({ label, name }: FormikProps) => react_jsx_runtime.JSX.Element;
+};
+
+type ModeProps = {
+    setGalleryMode: React.Dispatch<React.SetStateAction<string>>;
+    galleryMode: string;
+    title1: string;
+    title2: string;
+    icon1?: React.ComponentType<React.ComponentProps<"svg">>;
+    icon2?: React.ComponentType<React.ComponentProps<"svg">>;
+};
+declare const UserContentSwitcher: ({ icon1: Icon1, icon2: Icon2, setGalleryMode, galleryMode, title1, title2 }: ModeProps) => react_jsx_runtime.JSX.Element;
+
+type Props$3 = {
+    inProp: boolean;
+    children: React__default.ReactNode;
+};
+declare const Fade: ({ children, inProp }: Props$3) => react_jsx_runtime.JSX.Element;
+
+declare const openSans: next_dist_compiled__next_font.NextFontWithVariable;
+declare const ubuntu: next_dist_compiled__next_font.NextFontWithVariable;
+declare const parkinsans: next_dist_compiled__next_font.NextFontWithVariable;
+declare const balsamicSans: next_dist_compiled__next_font.NextFontWithVariable;
+
+type ProgressBarProps = {
+    progress: number;
+    height?: number;
+    backgroundColor?: string;
+    color: string;
+};
+declare const ProgressBarSimple: ({ progress, color, height, backgroundColor }: ProgressBarProps) => react_jsx_runtime.JSX.Element;
+
+declare const ProgressBar: {
+    ({ progress }: {
+        progress: number;
+    }): react_jsx_runtime.JSX.Element;
+    Step: ({ steps, stepIndex, onStepClick, color }: Props$2) => react_jsx_runtime.JSX.Element;
+};
+type Props$2 = {
+    steps: {
+        label: string;
+    }[];
+    stepIndex: number;
+    color?: string;
+    onStepClick?: (i: number) => void;
+};
+
+type Props$1 = {
+    twColor?: string;
+    percentage: number;
+    radius: number;
+    fill?: string;
+    strokeWidth?: number;
+};
+declare const CircleProgress: ({ twColor, percentage, radius, fill, strokeWidth }: Props$1) => react_jsx_runtime.JSX.Element;
+
+declare const ScrollProgress: () => react_jsx_runtime.JSX.Element;
+
+type Props = {
+    visible: boolean;
+};
+declare const OverlaySpinner: ({ visible }: Props) => React$1.ReactPortal | null;
+
+interface SpinnerProps {
+    size?: 'base' | 'small';
+    white?: boolean | string;
+    visible?: boolean | string;
+    isDark?: boolean;
+}
+declare const Spinner: {
+    ({ visible, size, white, isDark }: SpinnerProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+    Centered: {
+        (props: SpinnerProps): react_jsx_runtime.JSX.Element | null;
+        displayName: string;
+    };
+};
+
+declare const AnimateLogo: () => react_jsx_runtime.JSX.Element;
+
+declare const PRIMARY_COLOR = "#00b4d8";
+
+export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, balsamicSans, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, openSans, parkinsans, tippyClassname, toolbarExerciseButton, ubuntu, xIconButton };