evelearn-theme 1.0.6 → 2.0.0

package/dist/index.d.mts

@@ -1,146 +1,24 @@
+import React, { CSSProperties, ReactNode } from 'react';
 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';
 
-type Props$h = {
-    visible: boolean;
-    onClick: () => void;
-    opacity?: number;
-};
-declare const Backdrop: ({ visible, onClick, opacity }: Props$h) => 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$g {
-    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$g) => react_jsx_runtime.JSX.Element;
-
-interface Props$f {
-    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$f>;
-
-interface Props$e {
-    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$e) => react_jsx_runtime.JSX.Element;
-
-type Props$d = {
-    name: string;
-    labelText: React__default.ReactNode;
-    onChange?: (value: boolean) => void;
-    isLarge?: boolean;
-    isDisabled?: boolean;
-};
-declare const Checkbox: {
-    ({ name, labelText, isLarge, onChange, isDisabled }: Props$d): 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$c = {
-    name: string;
-    isLarge?: boolean;
-    labelText?: string;
-    option: string;
-    onSelect?: () => void;
-};
-declare const RadioOption: ({ name, isLarge, labelText, option, onSelect }: Props$c) => react_jsx_runtime.JSX.Element;
-
-interface Props$b {
-    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$b>;
+declare const PRIMARY_COLOR = "#00b4d8";
 
 interface ContainerProps {
     backgroundColor?: string;
     backgroundImage?: string;
-    style?: React__default.CSSProperties;
+    style?: React.CSSProperties;
     onClick?: () => void;
     isDark?: boolean;
-    children?: React__default.ReactNode;
+    children?: React.ReactNode;
 }
-declare const Container: React__default.FC<ContainerProps>;
+declare const Container: React.FC<ContainerProps>;
 
-type Props$a = {
+type Props$4 = {
     text: string;
     style?: CSSProperties | undefined;
     classNames?: string;
 };
-declare const ErrorText: ({ text, style, classNames }: Props$a) => react_jsx_runtime.JSX.Element;
+declare const ErrorText: ({ text, style, classNames }: Props$4) => 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";
@@ -152,175 +30,59 @@ declare const headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-wh
 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/90 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;
+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 IconInfo: ({ content, icon, number, color }: IconInfoProps) => react_jsx_runtime.JSX.Element;
 
-type Props$9 = {
+type Props$3 = {
     loading: boolean;
     message?: string;
 };
-declare const NoResults: ({ loading, message }: Props$9) => react_jsx_runtime.JSX.Element;
-
-interface Props$8 {
-    type?: 'error' | 'warning' | 'info';
-    isDismissible?: boolean;
-    onDismiss?: () => void;
-    isVisible: boolean;
-}
-declare const NoticeBox: React__default.FC<Props$8 & React__default.HTMLAttributes<HTMLDivElement>>;
+declare const NoResults: ({ loading, message }: Props$3) => react_jsx_runtime.JSX.Element;
 
 declare const Pill: ({ text }: {
     text: string;
 }) => react_jsx_runtime.JSX.Element;
 
-type Props$7 = {
-    avgRating: number;
-    large?: boolean;
-};
-declare const RatingStars: ({ avgRating, large }: Props$7) => 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$6 = {
+type Props$2 = {
     steps: Step[];
     activeStep: number;
     onStepPress: (s: number) => void;
 };
-declare const StepsComponent: ({ steps, activeStep, onStepPress }: Props$6) => 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$5 = {
-    label: string;
-    onChange: (bool: boolean) => void;
-    value: boolean;
-};
-declare const ToggleSwitch: {
-    ({ label, onChange, value }: Props$5): 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$4 = {
-    inProp: boolean;
-    children: React__default.ReactNode;
-};
-declare const Fade: ({ children, inProp }: Props$4) => react_jsx_runtime.JSX.Element;
-
-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$3) => react_jsx_runtime.JSX.Element;
-};
-type Props$3 = {
-    steps: {
-        label: string;
-    }[];
-    stepIndex: number;
-    color?: string;
-    onStepClick?: (i: number) => void;
-};
-
-type Props$2 = {
-    twColor?: string;
-    percentage: number;
-    radius: number;
-    fill?: string;
-    strokeWidth?: number;
-};
-declare const CircleProgress: ({ twColor, percentage, radius, fill, strokeWidth }: Props$2) => react_jsx_runtime.JSX.Element;
+declare const StepsComponent: ({ steps, activeStep, onStepPress }: Props$2) => react_jsx_runtime.JSX.Element;
 
 type Props$1 = {
-    twColor?: string;
-    percentage: number;
-    label: string;
-};
-declare const CourseProgress: {
-    ({ twColor, percentage, label }: Props$1): react_jsx_runtime.JSX.Element;
-    Small: ({ twColor, percentage, label }: Props$1) => react_jsx_runtime.JSX.Element;
+    inProp: boolean;
+    children: React.ReactNode;
 };
-
-declare const ScrollProgress: () => react_jsx_runtime.JSX.Element;
+declare const Fade: ({ children, inProp }: Props$1) => react_jsx_runtime.JSX.Element;
 
 type Props = {
     visible: boolean;
+    onClick: () => void;
+    opacity?: number;
 };
-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 Backdrop: ({ visible, onClick, opacity }: Props) => react_jsx_runtime.JSX.Element | null;
 
-declare const AnimateLogo: () => react_jsx_runtime.JSX.Element;
-
-declare const PRIMARY_COLOR = "#00b4d8";
+type Point = 'sm' | 'md' | 'lg' | 'xl';
+declare const Breakpoint: React.FC<{
+    fromSize?: Point;
+    toSize?: Point;
+    children: React.ReactNode;
+}>;
 
-export { AnimateLogo, Backdrop, BAWrapper as BottomAlert, Breakpoint, Button, Checkbox, CircleProgress, Container, CourseProgress, ErrorText, Fade, FunButton, FunRoundButton, IconInfo, Modal, NoResults, NoticeBox, Overlay, OverlaySpinner, PRIMARY_COLOR, Pill, ProgressBar, ProgressBarSimple, RadioOption, RatingStars, ScrollProgress, Slider, Spinner, StepsComponent, Tippy, ToggleSwitch, UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, toolbarExerciseButton, xIconButton };
+export { Backdrop, Breakpoint, Container, ErrorText, Fade, NoResults, PRIMARY_COLOR, Pill, Spinner, StepsComponent, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, toolbarExerciseButton, xIconButton };