@chem-po/react-web 0.0.8 → 0.0.9

package/dist/index.d.cts

@@ -1,24 +1,22 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { PropsWithChildren, FC, ReactNode, JSX, MouseEvent, CSSProperties } from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
 import { CenterProps, FlexProps, StackProps, BoxProps, IconButtonProps, CircularProgressProps, ImageProps, ButtonProps, ModalProps, ModalContentProps } from '@chakra-ui/react';
-import * as react from 'react';
-import react__default, { PropsWithChildren, FC, ReactNode, JSX, MouseEvent, CSSProperties } from 'react';
 import { View, ListField, IFormElement, DataViewProps, FieldMap, FieldMapFormProps, Field, FieldFormProps, FormProps, EditableProps, ListProviderProps, ThemedAsset } from '@chem-po/react';
 import { AnyObject, WithId, FetchFeedFunction, FileValue, InputRef, ImageViewOptions, SpotifyTrack } from '@chem-po/core';
 
 interface SignInProps {
     layout?: 'row' | 'column';
 }
-declare const SignIn: ({ layout }: SignInProps) => react_jsx_runtime.JSX.Element;
-declare const AbsoluteLogin: (props: SignInProps) => react_jsx_runtime.JSX.Element;
+declare const SignIn: ({ layout }: SignInProps) => React.JSX.Element;
+declare const AbsoluteLogin: (props: SignInProps) => React.JSX.Element;
 
 declare const CollapseHorizontal: ({ width, children, active, duration, ...props }: CenterProps & {
     width: number;
     active: boolean;
     duration?: number;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
-declare const ContentBox: react.ForwardRefExoticComponent<FlexProps & react.RefAttributes<HTMLDivElement>>;
+declare const ContentBox: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const Expandable: ({ header, children, initExpanded, nested, alwaysExpanded, headerProps, iconColor, footer, isOpen: isOpenProp, onClose: onCloseProp, onOpen: onOpenProp, ...stackProps }: PropsWithChildren<StackProps & {
     header: string | FC<{
@@ -37,7 +35,7 @@ declare const Expandable: ({ header, children, initExpanded, nested, alwaysExpan
     onClose?: () => void;
     iconColor?: string;
     onOpen?: () => void;
-}>) => react_jsx_runtime.JSX.Element;
+}>) => React.JSX.Element;
 
 declare const ExpandOnMount: FC<BoxProps & {
     in?: boolean;
@@ -51,13 +49,13 @@ declare const FullSizeContainer: ({ children, ...props }: Omit<BoxProps, "childr
         width: number;
         height: number;
     }>;
-}) => react_jsx_runtime.JSX.Element;
-declare const FullSizeProvider: ({ children, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
+declare const FullSizeProvider: ({ children, ...props }: BoxProps) => React.JSX.Element;
 
 declare const MobileFrame: ({ children, navBarChildren, views, }: PropsWithChildren<{
     views: View[];
     navBarChildren?: ReactNode;
-}>) => react_jsx_runtime.JSX.Element;
+}>) => React.JSX.Element;
 
 declare const DeleteConfirmAlert: ({ confirmActive, onCancel, onConfirm, body, actionName, actionLoading, itemName, }: {
     confirmActive: boolean;
@@ -67,8 +65,8 @@ declare const DeleteConfirmAlert: ({ confirmActive, onCancel, onConfirm, body, a
     actionLoading?: boolean;
     actionName?: string;
     itemName: string;
-}) => react_jsx_runtime.JSX.Element;
-declare const DeleteButton: react__default.FC<Partial<IconButtonProps> & {
+}) => React.JSX.Element;
+declare const DeleteButton: React.FC<Partial<IconButtonProps> & {
     onDelete: (() => Promise<any>) | (() => void);
     itemName: string;
     actionName?: string;
@@ -89,7 +87,7 @@ interface ToggleProps<Option extends string> {
     size?: number;
     onChange: (value: Option) => Promise<void> | void;
 }
-declare const Toggle: <Option extends string>({ value, onChange, size, options, }: ToggleProps<Option>) => react_jsx_runtime.JSX.Element;
+declare const Toggle: <Option extends string>({ value, onChange, size, options, }: ToggleProps<Option>) => JSX.Element;
 
 declare const ViewButton: FC<{
     onClick: (e: MouseEvent) => void;
@@ -118,7 +116,7 @@ interface MediaFeedProps<T extends AnyObject = AnyObject> {
     RenderItem: (item: WithId<T>) => JSX.Element;
 }
 
-declare const MediaFeed: <T extends AnyObject = AnyObject>({ fetch, collection: collectionPath, RenderItem, authRequired, getBackgroundUrl, getBackgroundValue, limit, defaultBackground, swipeDisabled, children, }: PropsWithChildren<MediaFeedProps<T>>) => react_jsx_runtime.JSX.Element;
+declare const MediaFeed: <T extends AnyObject = AnyObject>({ fetch, collection: collectionPath, RenderItem, authRequired, getBackgroundUrl, getBackgroundValue, limit, defaultBackground, swipeDisabled, children, }: PropsWithChildren<MediaFeedProps<T>>) => React.JSX.Element;
 
 declare const ListFieldInput: FC<{
     field: ListField;
@@ -127,17 +125,17 @@ declare const ListFieldInput: FC<{
 declare const FormElement: ({ field, name, }: {
     field: IFormElement;
     name: string;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 declare const DataView: ({ field, value, onClose, onDelete, onSubmit, itemName, storagePath, path, }: DataViewProps & {
     path?: string;
-}) => react_jsx_runtime.JSX.Element;
-declare const FieldMapForm: <F extends FieldMap>({ onSubmit: submit, onBack, field, value, buttonText, renderFooter, storagePath, }: FieldMapFormProps<F>) => react_jsx_runtime.JSX.Element;
-declare const FieldForm: <F extends Field | ListField>({ onSubmit, field, value, ...props }: FieldFormProps<F>) => react_jsx_runtime.JSX.Element;
-declare const Form: <F extends IFormElement>({ field, ...props }: FormProps<F>) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
+declare const FieldMapForm: <F extends FieldMap>({ onSubmit: submit, onBack, field, value, buttonText, renderFooter, storagePath, }: FieldMapFormProps<F>) => React.JSX.Element;
+declare const FieldForm: <F extends Field | ListField>({ onSubmit, field, value, ...props }: FieldFormProps<F>) => React.JSX.Element;
+declare const Form: <F extends IFormElement>({ field, ...props }: FormProps<F>) => React.JSX.Element;
 
-declare const Editable: <T extends Field>({ value: initValue, field, onSubmit, storagePath, style, onEditClose, onEditOpen, }: EditableProps<CSSProperties, T>) => react_jsx_runtime.JSX.Element;
+declare const Editable: <T extends Field>({ value: initValue, field, onSubmit, storagePath, style, onEditClose, onEditOpen, }: EditableProps<CSSProperties, T>) => React.JSX.Element;
 
-declare const StandaloneInput: react.ForwardRefExoticComponent<{
+declare const StandaloneInput: React.ForwardRefExoticComponent<{
     onChange: (v?: any) => void;
     value?: any;
     field: Field;
@@ -146,7 +144,7 @@ declare const StandaloneInput: react.ForwardRefExoticComponent<{
     theme?: "basic" | "detailed";
     inEditable?: boolean;
     style?: CSSProperties;
-} & react.RefAttributes<InputRef>>;
+} & React.RefAttributes<InputRef>>;
 
 declare const FileView: ({ value, hasUpload, noLabel, loading, imageOptions, }: {
     value?: FileValue | null;
@@ -154,14 +152,14 @@ declare const FileView: ({ value, hasUpload, noLabel, loading, imageOptions, }:
     noLabel?: boolean;
     loading?: boolean;
     imageOptions?: ImageViewOptions;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 declare const FieldView: ({ field, value, noLabel, style, }: {
     field: Field;
     value: any;
     noLabel?: boolean;
     style?: CSSProperties;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 interface DataListHeaderProps {
     onResize: (size: {
@@ -188,13 +186,13 @@ type ListViewProps<T extends AnyObject> = ListProviderProps<T> & {
 };
 type ListContentProps<T extends AnyObject> = Omit<ListViewProps<T>, 'list' | 'basePath' | 'flexProps'>;
 
-declare const DataList: <T extends AnyObject>({ list, basePath, flexProps, infiniteScroll, ...rest }: ListViewProps<T>) => react_jsx_runtime.JSX.Element;
+declare const DataList: <T extends AnyObject>({ list, basePath, flexProps, infiniteScroll, ...rest }: ListViewProps<T>) => React.JSX.Element;
 
-declare const ListContainer: (props: FlexProps) => react_jsx_runtime.JSX.Element;
+declare const ListContainer: (props: FlexProps) => React.JSX.Element;
 
-declare const ListContent: <T extends AnyObject>({ modals, noFooter, headerProps, footerProps, }: ListContentProps<T>) => react_jsx_runtime.JSX.Element;
+declare const ListContent: <T extends AnyObject>({ modals, noFooter, headerProps, footerProps, }: ListContentProps<T>) => React.JSX.Element;
 
-declare const CircularProgress: (props: CircularProgressProps) => react_jsx_runtime.JSX.Element;
+declare const CircularProgress: (props: CircularProgressProps) => React.JSX.Element;
 
 declare const LottieLoadingLogo: ({ size, isLoading, speed, inFeed, asset, }: {
     size?: number | string;
@@ -203,22 +201,22 @@ declare const LottieLoadingLogo: ({ size, isLoading, speed, inFeed, asset, }: {
     asset: ThemedAsset;
     inFeed?: boolean;
     speed?: number;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 declare const LoadingLogo: ({ isLoading, size, inFeed, }: {
     isLoading: boolean;
     size?: number | string;
     inFeed?: boolean;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 declare const Loading: ({ text, inBox, stackProps, }: {
     text?: string;
     inBox?: boolean;
     stackProps?: StackProps;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 declare const LoadingOverlay: ({ isLoading, text, inFeed, ...props }: {
     isLoading: boolean;
     text?: string;
     inFeed?: boolean;
-} & CenterProps) => react_jsx_runtime.JSX.Element;
+} & CenterProps) => React.JSX.Element;
 
 interface LoadingImageProps {
     src?: string | null;
@@ -229,13 +227,13 @@ interface LoadingImageProps {
     buttonFullView?: boolean;
     imageProps?: Omit<ImageProps, 'onLoad'>;
 }
-declare const LoadingImage: ({ src, loadingOverride, alt, onLoad, width, height, noFullView, buttonFullView, imageProps, ...boxProps }: LoadingImageProps & Omit<BoxProps, "onLoad">) => react_jsx_runtime.JSX.Element;
+declare const LoadingImage: ({ src, loadingOverride, alt, onLoad, width, height, noFullView, buttonFullView, imageProps, ...boxProps }: LoadingImageProps & Omit<BoxProps, "onLoad">) => React.JSX.Element;
 
 declare const LoadingSwitch: ({ value, label, onChange, }: {
     value: boolean;
     label: string;
     onChange: (updated: boolean) => Promise<void>;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 declare const PlayButton: ({ media, size, opacity, buttonProps, }: {
     media: WithId<SpotifyTrack> | null;
@@ -243,47 +241,47 @@ declare const PlayButton: ({ media, size, opacity, buttonProps, }: {
     opacity?: number;
     withThumbnail?: boolean;
     buttonProps?: ButtonProps;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 type DefaultModalProps = PropsWithChildren<Omit<ModalProps, 'render'>> & {
     contentProps?: ModalContentProps;
     onContentMounted?: (mounted: boolean) => void;
 };
 
-declare const DefaultModal: (props: DefaultModalProps) => react_jsx_runtime.JSX.Element;
+declare const DefaultModal: (props: DefaultModalProps) => React.JSX.Element;
 
-declare const DesktopModal: ({ children, isOpen, contentProps, ...props }: DefaultModalProps) => react_jsx_runtime.JSX.Element;
+declare const DesktopModal: ({ children, isOpen, contentProps, ...props }: DefaultModalProps) => React.JSX.Element;
 
 declare const MobileOverlayBackground: ({ onClick }: {
     onClick?: () => void;
-}) => react_jsx_runtime.JSX.Element;
-declare const MobileModal: ({ isOpen, onClose, children, contentProps, onContentMounted, closeOnOverlayClick, }: DefaultModalProps) => react_jsx_runtime.JSX.Element | null;
+}) => React.JSX.Element;
+declare const MobileModal: ({ isOpen, onClose, children, contentProps, onContentMounted, closeOnOverlayClick, }: DefaultModalProps) => React.JSX.Element | null;
 
 declare const NAV_BAR_HEIGHT = 50;
 declare const NavBar: ({ selectedView, children, }: PropsWithChildren<{
     selectedView?: View | null;
-}>) => react_jsx_runtime.JSX.Element;
+}>) => React.JSX.Element;
 
 declare const ImageViewOverlay: ({ src, onClose }: {
     src: string;
     onClose: () => void;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
-declare const MobileOverlay: (props: FlexProps) => react_jsx_runtime.JSX.Element;
+declare const MobileOverlay: (props: FlexProps) => React.JSX.Element;
 
 declare const NumberTicker: ({ value, duration }: {
     value: number;
     duration?: number;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
-declare const DarkModeToggle: () => react_jsx_runtime.JSX.Element;
-declare const AbsoluteDarkModeToggle: (props: FlexProps) => react_jsx_runtime.JSX.Element;
+declare const DarkModeToggle: () => React.JSX.Element;
+declare const AbsoluteDarkModeToggle: (props: FlexProps) => React.JSX.Element;
 
 declare const ErrorView: ({ message }: {
     message?: string;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
-declare const RedirectView: react__default.FC<{
+declare const RedirectView: React.FC<{
     loading?: boolean;
 }>;
 

package/dist/index.d.ts

@@ -1,24 +1,22 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import React, { PropsWithChildren, FC, ReactNode, JSX, MouseEvent, CSSProperties } from 'react';
 import * as _chakra_ui_react from '@chakra-ui/react';
 import { CenterProps, FlexProps, StackProps, BoxProps, IconButtonProps, CircularProgressProps, ImageProps, ButtonProps, ModalProps, ModalContentProps } from '@chakra-ui/react';
-import * as react from 'react';
-import react__default, { PropsWithChildren, FC, ReactNode, JSX, MouseEvent, CSSProperties } from 'react';
 import { View, ListField, IFormElement, DataViewProps, FieldMap, FieldMapFormProps, Field, FieldFormProps, FormProps, EditableProps, ListProviderProps, ThemedAsset } from '@chem-po/react';
 import { AnyObject, WithId, FetchFeedFunction, FileValue, InputRef, ImageViewOptions, SpotifyTrack } from '@chem-po/core';
 
 interface SignInProps {
     layout?: 'row' | 'column';
 }
-declare const SignIn: ({ layout }: SignInProps) => react_jsx_runtime.JSX.Element;
-declare const AbsoluteLogin: (props: SignInProps) => react_jsx_runtime.JSX.Element;
+declare const SignIn: ({ layout }: SignInProps) => React.JSX.Element;
+declare const AbsoluteLogin: (props: SignInProps) => React.JSX.Element;
 
 declare const CollapseHorizontal: ({ width, children, active, duration, ...props }: CenterProps & {
     width: number;
     active: boolean;
     duration?: number;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
-declare const ContentBox: react.ForwardRefExoticComponent<FlexProps & react.RefAttributes<HTMLDivElement>>;
+declare const ContentBox: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const Expandable: ({ header, children, initExpanded, nested, alwaysExpanded, headerProps, iconColor, footer, isOpen: isOpenProp, onClose: onCloseProp, onOpen: onOpenProp, ...stackProps }: PropsWithChildren<StackProps & {
     header: string | FC<{
@@ -37,7 +35,7 @@ declare const Expandable: ({ header, children, initExpanded, nested, alwaysExpan
     onClose?: () => void;
     iconColor?: string;
     onOpen?: () => void;
-}>) => react_jsx_runtime.JSX.Element;
+}>) => React.JSX.Element;
 
 declare const ExpandOnMount: FC<BoxProps & {
     in?: boolean;
@@ -51,13 +49,13 @@ declare const FullSizeContainer: ({ children, ...props }: Omit<BoxProps, "childr
         width: number;
         height: number;
     }>;
-}) => react_jsx_runtime.JSX.Element;
-declare const FullSizeProvider: ({ children, ...props }: BoxProps) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
+declare const FullSizeProvider: ({ children, ...props }: BoxProps) => React.JSX.Element;
 
 declare const MobileFrame: ({ children, navBarChildren, views, }: PropsWithChildren<{
     views: View[];
     navBarChildren?: ReactNode;
-}>) => react_jsx_runtime.JSX.Element;
+}>) => React.JSX.Element;
 
 declare const DeleteConfirmAlert: ({ confirmActive, onCancel, onConfirm, body, actionName, actionLoading, itemName, }: {
     confirmActive: boolean;
@@ -67,8 +65,8 @@ declare const DeleteConfirmAlert: ({ confirmActive, onCancel, onConfirm, body, a
     actionLoading?: boolean;
     actionName?: string;
     itemName: string;
-}) => react_jsx_runtime.JSX.Element;
-declare const DeleteButton: react__default.FC<Partial<IconButtonProps> & {
+}) => React.JSX.Element;
+declare const DeleteButton: React.FC<Partial<IconButtonProps> & {
     onDelete: (() => Promise<any>) | (() => void);
     itemName: string;
     actionName?: string;
@@ -89,7 +87,7 @@ interface ToggleProps<Option extends string> {
     size?: number;
     onChange: (value: Option) => Promise<void> | void;
 }
-declare const Toggle: <Option extends string>({ value, onChange, size, options, }: ToggleProps<Option>) => react_jsx_runtime.JSX.Element;
+declare const Toggle: <Option extends string>({ value, onChange, size, options, }: ToggleProps<Option>) => JSX.Element;
 
 declare const ViewButton: FC<{
     onClick: (e: MouseEvent) => void;
@@ -118,7 +116,7 @@ interface MediaFeedProps<T extends AnyObject = AnyObject> {
     RenderItem: (item: WithId<T>) => JSX.Element;
 }
 
-declare const MediaFeed: <T extends AnyObject = AnyObject>({ fetch, collection: collectionPath, RenderItem, authRequired, getBackgroundUrl, getBackgroundValue, limit, defaultBackground, swipeDisabled, children, }: PropsWithChildren<MediaFeedProps<T>>) => react_jsx_runtime.JSX.Element;
+declare const MediaFeed: <T extends AnyObject = AnyObject>({ fetch, collection: collectionPath, RenderItem, authRequired, getBackgroundUrl, getBackgroundValue, limit, defaultBackground, swipeDisabled, children, }: PropsWithChildren<MediaFeedProps<T>>) => React.JSX.Element;
 
 declare const ListFieldInput: FC<{
     field: ListField;
@@ -127,17 +125,17 @@ declare const ListFieldInput: FC<{
 declare const FormElement: ({ field, name, }: {
     field: IFormElement;
     name: string;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 declare const DataView: ({ field, value, onClose, onDelete, onSubmit, itemName, storagePath, path, }: DataViewProps & {
     path?: string;
-}) => react_jsx_runtime.JSX.Element;
-declare const FieldMapForm: <F extends FieldMap>({ onSubmit: submit, onBack, field, value, buttonText, renderFooter, storagePath, }: FieldMapFormProps<F>) => react_jsx_runtime.JSX.Element;
-declare const FieldForm: <F extends Field | ListField>({ onSubmit, field, value, ...props }: FieldFormProps<F>) => react_jsx_runtime.JSX.Element;
-declare const Form: <F extends IFormElement>({ field, ...props }: FormProps<F>) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
+declare const FieldMapForm: <F extends FieldMap>({ onSubmit: submit, onBack, field, value, buttonText, renderFooter, storagePath, }: FieldMapFormProps<F>) => React.JSX.Element;
+declare const FieldForm: <F extends Field | ListField>({ onSubmit, field, value, ...props }: FieldFormProps<F>) => React.JSX.Element;
+declare const Form: <F extends IFormElement>({ field, ...props }: FormProps<F>) => React.JSX.Element;
 
-declare const Editable: <T extends Field>({ value: initValue, field, onSubmit, storagePath, style, onEditClose, onEditOpen, }: EditableProps<CSSProperties, T>) => react_jsx_runtime.JSX.Element;
+declare const Editable: <T extends Field>({ value: initValue, field, onSubmit, storagePath, style, onEditClose, onEditOpen, }: EditableProps<CSSProperties, T>) => React.JSX.Element;
 
-declare const StandaloneInput: react.ForwardRefExoticComponent<{
+declare const StandaloneInput: React.ForwardRefExoticComponent<{
     onChange: (v?: any) => void;
     value?: any;
     field: Field;
@@ -146,7 +144,7 @@ declare const StandaloneInput: react.ForwardRefExoticComponent<{
     theme?: "basic" | "detailed";
     inEditable?: boolean;
     style?: CSSProperties;
-} & react.RefAttributes<InputRef>>;
+} & React.RefAttributes<InputRef>>;
 
 declare const FileView: ({ value, hasUpload, noLabel, loading, imageOptions, }: {
     value?: FileValue | null;
@@ -154,14 +152,14 @@ declare const FileView: ({ value, hasUpload, noLabel, loading, imageOptions, }:
     noLabel?: boolean;
     loading?: boolean;
     imageOptions?: ImageViewOptions;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 declare const FieldView: ({ field, value, noLabel, style, }: {
     field: Field;
     value: any;
     noLabel?: boolean;
     style?: CSSProperties;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 interface DataListHeaderProps {
     onResize: (size: {
@@ -188,13 +186,13 @@ type ListViewProps<T extends AnyObject> = ListProviderProps<T> & {
 };
 type ListContentProps<T extends AnyObject> = Omit<ListViewProps<T>, 'list' | 'basePath' | 'flexProps'>;
 
-declare const DataList: <T extends AnyObject>({ list, basePath, flexProps, infiniteScroll, ...rest }: ListViewProps<T>) => react_jsx_runtime.JSX.Element;
+declare const DataList: <T extends AnyObject>({ list, basePath, flexProps, infiniteScroll, ...rest }: ListViewProps<T>) => React.JSX.Element;
 
-declare const ListContainer: (props: FlexProps) => react_jsx_runtime.JSX.Element;
+declare const ListContainer: (props: FlexProps) => React.JSX.Element;
 
-declare const ListContent: <T extends AnyObject>({ modals, noFooter, headerProps, footerProps, }: ListContentProps<T>) => react_jsx_runtime.JSX.Element;
+declare const ListContent: <T extends AnyObject>({ modals, noFooter, headerProps, footerProps, }: ListContentProps<T>) => React.JSX.Element;
 
-declare const CircularProgress: (props: CircularProgressProps) => react_jsx_runtime.JSX.Element;
+declare const CircularProgress: (props: CircularProgressProps) => React.JSX.Element;
 
 declare const LottieLoadingLogo: ({ size, isLoading, speed, inFeed, asset, }: {
     size?: number | string;
@@ -203,22 +201,22 @@ declare const LottieLoadingLogo: ({ size, isLoading, speed, inFeed, asset, }: {
     asset: ThemedAsset;
     inFeed?: boolean;
     speed?: number;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 declare const LoadingLogo: ({ isLoading, size, inFeed, }: {
     isLoading: boolean;
     size?: number | string;
     inFeed?: boolean;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 declare const Loading: ({ text, inBox, stackProps, }: {
     text?: string;
     inBox?: boolean;
     stackProps?: StackProps;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 declare const LoadingOverlay: ({ isLoading, text, inFeed, ...props }: {
     isLoading: boolean;
     text?: string;
     inFeed?: boolean;
-} & CenterProps) => react_jsx_runtime.JSX.Element;
+} & CenterProps) => React.JSX.Element;
 
 interface LoadingImageProps {
     src?: string | null;
@@ -229,13 +227,13 @@ interface LoadingImageProps {
     buttonFullView?: boolean;
     imageProps?: Omit<ImageProps, 'onLoad'>;
 }
-declare const LoadingImage: ({ src, loadingOverride, alt, onLoad, width, height, noFullView, buttonFullView, imageProps, ...boxProps }: LoadingImageProps & Omit<BoxProps, "onLoad">) => react_jsx_runtime.JSX.Element;
+declare const LoadingImage: ({ src, loadingOverride, alt, onLoad, width, height, noFullView, buttonFullView, imageProps, ...boxProps }: LoadingImageProps & Omit<BoxProps, "onLoad">) => React.JSX.Element;
 
 declare const LoadingSwitch: ({ value, label, onChange, }: {
     value: boolean;
     label: string;
     onChange: (updated: boolean) => Promise<void>;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 declare const PlayButton: ({ media, size, opacity, buttonProps, }: {
     media: WithId<SpotifyTrack> | null;
@@ -243,47 +241,47 @@ declare const PlayButton: ({ media, size, opacity, buttonProps, }: {
     opacity?: number;
     withThumbnail?: boolean;
     buttonProps?: ButtonProps;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
 type DefaultModalProps = PropsWithChildren<Omit<ModalProps, 'render'>> & {
     contentProps?: ModalContentProps;
     onContentMounted?: (mounted: boolean) => void;
 };
 
-declare const DefaultModal: (props: DefaultModalProps) => react_jsx_runtime.JSX.Element;
+declare const DefaultModal: (props: DefaultModalProps) => React.JSX.Element;
 
-declare const DesktopModal: ({ children, isOpen, contentProps, ...props }: DefaultModalProps) => react_jsx_runtime.JSX.Element;
+declare const DesktopModal: ({ children, isOpen, contentProps, ...props }: DefaultModalProps) => React.JSX.Element;
 
 declare const MobileOverlayBackground: ({ onClick }: {
     onClick?: () => void;
-}) => react_jsx_runtime.JSX.Element;
-declare const MobileModal: ({ isOpen, onClose, children, contentProps, onContentMounted, closeOnOverlayClick, }: DefaultModalProps) => react_jsx_runtime.JSX.Element | null;
+}) => React.JSX.Element;
+declare const MobileModal: ({ isOpen, onClose, children, contentProps, onContentMounted, closeOnOverlayClick, }: DefaultModalProps) => React.JSX.Element | null;
 
 declare const NAV_BAR_HEIGHT = 50;
 declare const NavBar: ({ selectedView, children, }: PropsWithChildren<{
     selectedView?: View | null;
-}>) => react_jsx_runtime.JSX.Element;
+}>) => React.JSX.Element;
 
 declare const ImageViewOverlay: ({ src, onClose }: {
     src: string;
     onClose: () => void;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
-declare const MobileOverlay: (props: FlexProps) => react_jsx_runtime.JSX.Element;
+declare const MobileOverlay: (props: FlexProps) => React.JSX.Element;
 
 declare const NumberTicker: ({ value, duration }: {
     value: number;
     duration?: number;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
-declare const DarkModeToggle: () => react_jsx_runtime.JSX.Element;
-declare const AbsoluteDarkModeToggle: (props: FlexProps) => react_jsx_runtime.JSX.Element;
+declare const DarkModeToggle: () => React.JSX.Element;
+declare const AbsoluteDarkModeToggle: (props: FlexProps) => React.JSX.Element;
 
 declare const ErrorView: ({ message }: {
     message?: string;
-}) => react_jsx_runtime.JSX.Element;
+}) => React.JSX.Element;
 
-declare const RedirectView: react__default.FC<{
+declare const RedirectView: React.FC<{
     loading?: boolean;
 }>;