@alextheman/components 5.8.2 → 6.0.0

package/dist/index.d.ts

@@ -1,306 +1,429 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CollapseProps } from '@mui/material/Collapse';
-import { SxProps, PaletteMode, Theme } from '@mui/material/styles';
-import * as react from 'react';
-import { ReactNode, ElementType, Ref, Dispatch, SetStateAction, JSX, ComponentProps, ComponentType, CSSProperties } from 'react';
-import { ButtonOwnProps, ButtonProps } from '@mui/material/Button';
-import { LinkProps } from '@mui/material/Link';
-import { OverridableComponent, CommonProps } from '@mui/material/OverridableComponent';
-import { SvgIconTypeMap } from '@mui/material/SvgIcon';
-import { ListItemButtonProps } from '@mui/material/ListItemButton';
-import { OptionalOnCondition } from '@alextheman/utility';
-import { TypographyProps } from '@mui/material/Typography';
-import { LiveProvider } from 'react-live';
-import { SwitchProps } from '@mui/material/Switch';
-import { AlertColor } from '@mui/material/Alert';
+import { CollapseProps } from "@mui/material/Collapse";
+import * as react0 from "react";
+import { CSSProperties, ComponentProps, ComponentType, Dispatch, ElementType, JSX, ReactNode, Ref, SetStateAction } from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { AlertColor } from "@mui/material/Alert";
+import { PaletteMode, SxProps, Theme } from "@mui/material/styles";
+import { OptionalOnCondition } from "@alextheman/utility";
+import { ButtonOwnProps, ButtonProps } from "@mui/material/Button";
+import { LinkProps } from "@mui/material/Link";
+import { ListItemButtonProps } from "@mui/material/ListItemButton";
+import { TypographyProps } from "@mui/material/Typography";
+import { LiveProvider } from "react-live";
+import { SwitchProps } from "@mui/material/Switch";
+import { CommonProps, OverridableComponent } from "@mui/material/OverridableComponent";
+import { SvgIconTypeMap } from "@mui/material/SvgIcon";
 
+//#region src/components/CollapsableItem.d.ts
 interface CollapsableItemProps {
-    isInitiallyOpen?: boolean;
-    onOpen?: () => void;
-    onClose?: () => void;
-    children: ReactNode;
-    buttonStyles?: SxProps;
-    buttonContents: ReactNode;
-    buttonComponent?: ElementType;
-    openIcon?: ReactNode;
-    closedIcon?: ReactNode;
-    collapseProps?: Omit<CollapseProps, "in">;
-    useDefaultStyling?: boolean;
-}
-declare function CollapsableItem({ isInitiallyOpen, onOpen, onClose, children, buttonStyles, buttonContents, buttonComponent: ButtonComponent, collapseProps, openIcon, closedIcon, useDefaultStyling, }: CollapsableItemProps): react_jsx_runtime.JSX.Element;
-
-declare function DarkModeToggle(): react_jsx_runtime.JSX.Element;
-
+  isInitiallyOpen?: boolean;
+  onOpen?: () => void;
+  onClose?: () => void;
+  children: ReactNode;
+  buttonStyles?: SxProps;
+  buttonContents: ReactNode;
+  buttonComponent?: ElementType;
+  openIcon?: ReactNode;
+  closedIcon?: ReactNode;
+  collapseProps?: Omit<CollapseProps, "in">;
+  useDefaultStyling?: boolean;
+}
+declare function CollapsableItem({
+  isInitiallyOpen,
+  onOpen,
+  onClose,
+  children,
+  buttonStyles,
+  buttonContents,
+  buttonComponent: ButtonComponent,
+  collapseProps,
+  openIcon,
+  closedIcon,
+  useDefaultStyling
+}: CollapsableItemProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/DarkModeToggle.d.ts
+declare function DarkModeToggle(): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/DropdownMenu.d.ts
 interface DropdownMenuProps {
-    children: ReactNode | ((closeMenu: () => void) => ReactNode);
-    buttonChildren?: ReactNode;
-    button?: ElementType;
-    buttonProps?: Omit<ButtonOwnProps, "onClick" | "endIcon">;
-    isOpenIcon?: ReactNode;
-    isClosedIcon?: ReactNode;
-    onOpen?: () => void;
-    onClose?: () => void;
-}
-declare function DropdownMenu({ children, button: Button, buttonChildren, buttonProps: incomingButtonProps, isOpenIcon, isClosedIcon, onOpen, onClose, }: DropdownMenuProps): react_jsx_runtime.JSX.Element;
-
+  children: ReactNode | ((closeMenu: () => void) => ReactNode);
+  buttonChildren?: ReactNode;
+  button?: ElementType;
+  buttonProps?: Omit<ButtonOwnProps, "onClick" | "endIcon">;
+  isOpenIcon?: ReactNode;
+  isClosedIcon?: ReactNode;
+  onOpen?: () => void;
+  onClose?: () => void;
+}
+declare function DropdownMenu({
+  children,
+  button: Button,
+  buttonChildren,
+  buttonProps: incomingButtonProps,
+  isOpenIcon,
+  isClosedIcon,
+  onOpen,
+  onClose
+}: DropdownMenuProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/ExternalLink.d.ts
 interface ExternalLinkProps extends Omit<LinkProps, "to" | "target" | "rel"> {
-    href: `https://${string}` | `http://${string}` | (string & {});
-    to?: never;
-    children: ReactNode;
-    ref?: Ref<HTMLAnchorElement>;
-}
-declare function ExternalLink({ href, children, ref, ...linkProps }: ExternalLinkProps): react_jsx_runtime.JSX.Element;
-
+  href: `https://${string}` | `http://${string}` | (string & {});
+  to?: never;
+  children: ReactNode;
+  ref?: Ref<HTMLAnchorElement>;
+}
+declare function ExternalLink({
+  href,
+  children,
+  ref,
+  ...linkProps
+}: ExternalLinkProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/FileInput.d.ts
 declare const FileType: {
-    readonly PDF: "application/pdf";
-    readonly PNG: "image/png";
-    readonly JPEG: "image/jpeg";
-    readonly JPG: "image/jpg";
-    readonly XLSX: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
-    readonly DOCX: "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
-    readonly MP3: "audio/mp3";
-    readonly MP4: "video/mp4";
-    readonly WAV: "audio/wav";
+  readonly PDF: "application/pdf";
+  readonly PNG: "image/png";
+  readonly JPEG: "image/jpeg";
+  readonly JPG: "image/jpg";
+  readonly XLSX: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+  readonly DOCX: "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+  readonly MP3: "audio/mp3";
+  readonly MP4: "video/mp4";
+  readonly WAV: "audio/wav";
 };
 type FileType = (typeof FileType)[keyof typeof FileType];
 interface FileInputProps extends ButtonOwnProps {
-    onFileInput: (allowedFiles: File[]) => void;
-    label?: string;
-    multiple?: boolean;
-    accept?: string[];
-    useDropzone?: boolean;
-}
-declare function FileInput({ onFileInput, label, multiple, accept, useDropzone, ...buttonProps }: FileInputProps): react_jsx_runtime.JSX.Element;
-
+  onFileInput: (allowedFiles: File[]) => void;
+  label?: string;
+  multiple?: boolean;
+  accept?: string[];
+  useDropzone?: boolean;
+}
+declare function FileInput({
+  onFileInput,
+  label,
+  multiple,
+  accept,
+  useDropzone,
+  ...buttonProps
+}: FileInputProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/FileInputList.d.ts
 interface FileInputListProps extends Omit<FileInputProps, "onFileInput"> {
-    files: File[];
-    setFiles: Dispatch<SetStateAction<File[]>>;
-}
-declare function FileInputList({ files, setFiles, ...fileInputProps }: FileInputListProps): react_jsx_runtime.JSX.Element;
-
+  files: File[];
+  setFiles: Dispatch<SetStateAction<File[]>>;
+}
+declare function FileInputList({
+  files,
+  setFiles,
+  ...fileInputProps
+}: FileInputListProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/IconWithPopover.d.ts
 interface IconWithPopoverProps {
-    icon: (OverridableComponent<SvgIconTypeMap<unknown, "svg">> & {
-        muiName: string;
-    }) | ElementType;
-    onOpen?: () => void;
-    onClose?: () => void;
-    iconProps?: SvgIconTypeMap<unknown, "svg">["props"];
-    children: ReactNode;
-}
-declare function IconWithPopover({ icon: Icon, onOpen, onClose, iconProps, children, }: IconWithPopoverProps): react_jsx_runtime.JSX.Element;
-
+  icon: (OverridableComponent<SvgIconTypeMap<unknown, "svg">> & {
+    muiName: string;
+  }) | ElementType;
+  onOpen?: () => void;
+  onClose?: () => void;
+  iconProps?: SvgIconTypeMap<unknown, "svg">["props"];
+  children: ReactNode;
+}
+declare function IconWithPopover({
+  icon: Icon,
+  onOpen,
+  onClose,
+  iconProps,
+  children
+}: IconWithPopoverProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/InternalLink.d.ts
 interface InternalLinkProps extends Omit<LinkProps, "href"> {
-    to: `/${string}` | `~/${string}` | (string & {});
-    href?: never;
-    children: ReactNode;
-    ref?: Ref<HTMLAnchorElement>;
-}
-declare function InternalLink({ to, children, ref, ...linkProps }: InternalLinkProps): react_jsx_runtime.JSX.Element;
-
+  to: `/${string}` | `~/${string}` | (string & {});
+  href?: never;
+  children: ReactNode;
+  ref?: Ref<HTMLAnchorElement>;
+}
+declare function InternalLink({
+  to,
+  children,
+  ref,
+  ...linkProps
+}: InternalLinkProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/ListItemInternalLink.d.ts
 interface ListItemInternalLinkProps extends Omit<ListItemButtonProps, "href"> {
-    children: ReactNode;
-    to: string;
-}
-declare function ListItemInternalLink({ children, ...listItemButtonProps }: ListItemInternalLinkProps): react_jsx_runtime.JSX.Element;
-
+  children: ReactNode;
+  to: string;
+}
+declare function ListItemInternalLink({
+  children,
+  ...listItemButtonProps
+}: ListItemInternalLinkProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/types/ContextHookOptions.d.ts
 interface ContextHookOptions<S extends boolean = true> {
-    strict?: S;
+  strict?: S;
 }
-
+//#endregion
+//#region src/providers/LoaderProvider/LoaderProvider.d.ts
 interface LoaderProviderBaseProps<T> {
-    /** The current loading status (true if loading, false if not) */
-    isLoading: boolean;
-    /** The data being loaded. */
-    data?: T;
-    /** A parser for the data. */
-    dataParser?: (data: unknown) => NonNullable<T>;
-    /** The component to show when the data is being fetched. */
-    loadingComponent?: ReactNode;
+  /** The current loading status (true if loading, false if not) */
+  isLoading: boolean;
+  /** The data being loaded. */
+  data?: T;
+  /** A parser for the data. */
+  dataParser?: (data: unknown) => NonNullable<T>;
+  /** The component to show when the data is being fetched. */
+  loadingComponent?: ReactNode;
 }
 interface LoaderProviderPropsWithNoError<T> extends LoaderProviderBaseProps<T> {
-    error?: never;
-    errorComponent?: never;
-    logError?: never;
+  error?: never;
+  errorComponent?: never;
+  logError?: never;
 }
 interface LoaderProviderPropsWithError<T> extends LoaderProviderBaseProps<T> {
-    /** The error given if the request gave an error. */
-    error: unknown;
-    /** The component to show if an error has been thrown. Note that this may not be provided unless the error prop has also been provided. */
-    errorComponent?: ReactNode | ((error: unknown) => ReactNode);
-    /** Whether you want to log the error to the console or not. */
-    logError?: boolean;
+  /** The error given if the request gave an error. */
+  error: unknown;
+  /** The component to show if an error has been thrown. Note that this may not be provided unless the error prop has also been provided. */
+  errorComponent?: ReactNode | ((error: unknown) => ReactNode);
+  /** Whether you want to log the error to the console or not. */
+  logError?: boolean;
 }
 type LoaderContextValue<T> = LoaderProviderPropsWithNoError<T> | LoaderProviderPropsWithError<T>;
 type LoaderProviderProps<T> = LoaderContextValue<T> & {
-    children: ReactNode;
+  children: ReactNode;
 };
-declare function useLoader<T, Strict extends boolean = true>({ strict, }?: ContextHookOptions<Strict>): OptionalOnCondition<Strict, LoaderContextValue<T>>;
 /** A provider for a context that deals with state management when fetching data from an API.
  * This may be used over Loader if you require more control over the placement of the error message and data display.
  */
-declare function LoaderProvider<T>({ children, loadingComponent, ...contextProps }: LoaderProviderProps<T>): react_jsx_runtime.JSX.Element;
-
-interface LoaderDataBaseProps<T> {
-    /** The elements to show after data has been loaded.
-     * This is best provided as a function with a data argument that guarantees the data will not be undefined by the time you receive it here.
-     */
-    children: ReactNode | ((data: NonNullable<T>) => ReactNode);
-    /** A parser for the data. */
-    dataParser?: (data: unknown) => NonNullable<T>;
-    /** The component to show when the data is being fetched. */
-    loadingComponent?: ReactNode;
-}
-interface LoaderDataPropsOnNullable<T> extends LoaderDataBaseProps<T> {
-    onUndefined?: never;
-    onNull?: never;
-    /** A function to run if the data is undefined or null, and not loading. This may either return React components or nothing.
-     * @deprecated Please use the nullableComponent prop on LoaderError instead */
-    onNullable: () => ReactNode | void;
-}
-interface LoaderDataPropsOnUndefinedOrNull<T> extends LoaderDataBaseProps<T> {
-    /** A function to run if the data is undefined and not loading. This may either return React components or nothing.
-     * @deprecated Please use the nullableComponent prop on LoaderError instead */
-    onUndefined?: () => ReactNode | void;
-    /** A function to run if the data is null and not loading. This may either return React components or nothing.
-     * @deprecated Please use the nullableComponent prop on LoaderError instead */
-    onNull?: () => ReactNode | void;
-    onNullable?: never;
+declare function LoaderProvider<T>({
+  children,
+  loadingComponent,
+  ...contextProps
+}: LoaderProviderProps<T>): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/providers/LoaderProvider/LoaderData.d.ts
+interface LoaderDataProps<T> {
+  /** The elements to show after data has been loaded.
+   * This is best provided as a function with a data argument that guarantees the data will not be undefined by the time you receive it here.
+   */
+  children: ReactNode | ((data: NonNullable<T>) => ReactNode);
+  /** A parser for the data. */
+  dataParser?: (data: unknown) => NonNullable<T>;
+  /** The component to show when the data is being fetched. */
+  loadingComponent?: ReactNode;
 }
-type LoaderDataProps<T> = LoaderDataPropsOnUndefinedOrNull<T> | LoaderDataPropsOnNullable<T>;
 /** The component responsible for showing the data provided by LoaderProvider. */
-declare function LoaderData<T>({ children, dataParser: loaderDataParser, loadingComponent, onNullable, onUndefined, onNull, }: LoaderDataProps<T>): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element;
-
+declare function LoaderData<T>({
+  children,
+  dataParser: loaderDataParser,
+  loadingComponent
+}: LoaderDataProps<T>): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/providers/LoaderProvider/LoaderError.d.ts
 interface LoaderErrorBaseProps {
-    /**
-     * The component to show if an error has been thrown.
-     * @deprecated Please pass in the content to show on error as children instead.
-     */
-    errorComponent?: ReactNode | ((error: unknown) => ReactNode);
-    /** The component to show if an error has been thrown. */
-    children?: ReactNode | ((error: unknown) => ReactNode);
-    /** Whether you want to log the error to the console or not. */
-    logError?: boolean;
+  /**
+   * The component to show if an error has been thrown.
+   * @deprecated Please pass in the content to show on error as children instead.
+   */
+  errorComponent?: ReactNode | ((error: unknown) => ReactNode);
+  /** The component to show if an error has been thrown. */
+  children?: ReactNode | ((error: unknown) => ReactNode);
+  /** Whether you want to log the error to the console or not. */
+  logError?: boolean;
 }
 interface LoaderErrorPropsWithUndefinedOrNull extends LoaderErrorBaseProps {
-    /** The component to show if no error was thrown but data is undefined */
-    undefinedComponent?: ReactNode;
-    /** The component to show if no error was thrown but data is null */
-    nullComponent?: ReactNode;
-    nullableComponent?: never;
+  /** The component to show if no error was thrown but data is undefined */
+  undefinedComponent?: ReactNode;
+  /** The component to show if no error was thrown but data is null */
+  nullComponent?: ReactNode;
+  nullableComponent?: never;
 }
 interface LoaderErrorPropsWithNullable extends LoaderErrorBaseProps {
-    undefinedComponent?: never;
-    nullComponent?: never;
-    /** The component to show if no error was thrown but data is undefined or null */
-    nullableComponent?: ReactNode;
+  undefinedComponent?: never;
+  nullComponent?: never;
+  /** The component to show if no error was thrown but data is undefined or null */
+  nullableComponent?: ReactNode;
 }
 type LoaderErrorProps = LoaderErrorPropsWithUndefinedOrNull | LoaderErrorPropsWithNullable;
 /** The component responsible for showing any errors provided by LoaderProvider. */
-declare function LoaderError({ errorComponent: propsErrorComponent, children, undefinedComponent, nullComponent, nullableComponent, logError: propsLogError, }: LoaderErrorProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
-
-/** @deprecated Please use `PaletteMode` from `@mui/material/styles` instead. */
-type Mode = "light" | "dark";
+declare function LoaderError({
+  children,
+  undefinedComponent,
+  nullComponent,
+  nullableComponent,
+  logError: propsLogError
+}: LoaderErrorProps): string | number | bigint | boolean | react_jsx_runtime3.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react0.ReactPortal | react0.ReactElement<unknown, string | react0.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+//#endregion
+//#region src/providers/ModeProvider.d.ts
 interface ModeContextValue {
-    toggleMode: () => void;
-    mode: PaletteMode;
+  toggleMode: () => void;
+  mode: PaletteMode;
 }
-declare function useMode<Strict extends boolean = true>({ strict, }?: ContextHookOptions<Strict>): OptionalOnCondition<Strict, ModeContextValue>;
+declare function useMode<Strict extends boolean = true>({
+  strict
+}?: ContextHookOptions<Strict>): OptionalOnCondition<Strict, ModeContextValue>;
 interface ModeProviderProps {
-    children: ReactNode;
-    mode?: PaletteMode;
-}
-declare function ModeProvider({ children, mode: modeProp }: ModeProviderProps): react_jsx_runtime.JSX.Element;
-
+  children: ReactNode;
+  mode?: PaletteMode;
+}
+declare function ModeProvider({
+  children,
+  mode: modeProp
+}: ModeProviderProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/providers/ScreenSizeProvider.d.ts
 interface ScreenSizeProps {
-    children: ReactNode;
-    largeScreenWidth?: number;
-    largeScreenHeight?: number;
+  children: ReactNode;
+  largeScreenWidth?: number;
+  largeScreenHeight?: number;
 }
 interface ScreenSizeContextValue {
-    isLargeScreen: boolean;
-    windowWidth: number;
-    windowHeight: number;
-}
-declare function useScreenSize<Strict extends boolean = true>({ strict, }?: ContextHookOptions<Strict>): OptionalOnCondition<Strict, ScreenSizeContextValue>;
-declare function ScreenSizeProvider({ children, largeScreenWidth, largeScreenHeight, }: ScreenSizeProps): react_jsx_runtime.JSX.Element;
-
+  isLargeScreen: boolean;
+  windowWidth: number;
+  windowHeight: number;
+}
+declare function useScreenSize<Strict extends boolean = true>({
+  strict
+}?: ContextHookOptions<Strict>): OptionalOnCondition<Strict, ScreenSizeContextValue>;
+declare function ScreenSizeProvider({
+  children,
+  largeScreenWidth,
+  largeScreenHeight
+}: ScreenSizeProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/providers/SnackbarProvider.d.ts
 interface SnackbarProviderProps {
-    children: ReactNode;
-    autoHideDuration?: number;
+  children: ReactNode;
+  autoHideDuration?: number;
 }
 interface SnackbarContextValue {
-    addSnackbar: (message: string, severity?: AlertColor, duration?: number) => void;
-}
-declare function useSnackbar<Strict extends boolean = true>({ strict, }?: ContextHookOptions<Strict>): OptionalOnCondition<Strict, SnackbarContextValue>;
-declare function SnackbarProvider({ children, autoHideDuration }: SnackbarProviderProps): react_jsx_runtime.JSX.Element;
-
+  addSnackbar: (message: string, severity?: AlertColor, duration?: number) => void;
+}
+declare function useSnackbar<Strict extends boolean = true>({
+  strict
+}?: ContextHookOptions<Strict>): OptionalOnCondition<Strict, SnackbarContextValue>;
+declare function SnackbarProvider({
+  children,
+  autoHideDuration
+}: SnackbarProviderProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/Loader.d.ts
 type LoaderProps<T> = Omit<LoaderProviderProps<T>, "children"> & Omit<LoaderErrorProps, "errorComponent" | "children"> & Omit<LoaderDataProps<T>, "showOnError" | "onUndefined" | "onNull" | "onNullable">;
 /** An in-line component that deals with state management when fetching data from an API.
  * This may be used over LoaderProvider if you don't require as much control over the placement of the error message and data display.
  */
-declare function Loader<T>({ children, errorComponent, undefinedComponent, nullComponent, nullableComponent, loadingComponent, ...loaderProviderProps }: LoaderProps<T>): react_jsx_runtime.JSX.Element;
-
+declare function Loader<T>({
+  children,
+  errorComponent,
+  undefinedComponent,
+  nullComponent,
+  nullableComponent,
+  loadingComponent,
+  ...loaderProviderProps
+}: LoaderProps<T>): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/NavigationBottom.d.ts
 interface NavItemBottom {
-    value: string;
-    label: string;
-    icon?: JSX.Element;
-    to: string;
+  value: string;
+  label: string;
+  icon?: JSX.Element;
+  to: string;
 }
 interface NavigationBottomProps {
-    children: ReactNode;
-    navItems: NavItemBottom[];
-}
-declare function NavigationBottom({ children, navItems }: NavigationBottomProps): react_jsx_runtime.JSX.Element;
-
+  children: ReactNode;
+  navItems: NavItemBottom[];
+}
+declare function NavigationBottom({
+  children,
+  navItems
+}: NavigationBottomProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/NavigationDrawer.d.ts
 interface NavMenuItem {
-    category: string;
-    options: {
-        label: string;
-        to: string;
-        icon?: ReactNode;
-    }[];
+  category: string;
+  options: {
+    label: string;
+    to: string;
+    icon?: ReactNode;
+  }[];
 }
 interface NavigationDrawerProps {
-    title: string;
-    navItems: NavMenuItem[];
-    headerElements?: ReactNode;
-    children: ReactNode;
-}
-declare function NavigationDrawer({ title, navItems, children, headerElements }: NavigationDrawerProps): react_jsx_runtime.JSX.Element;
-
+  title: string;
+  navItems: NavMenuItem[];
+  headerElements?: ReactNode;
+  children: ReactNode;
+}
+declare function NavigationDrawer({
+  title,
+  navItems,
+  children,
+  headerElements
+}: NavigationDrawerProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/PopoverText.d.ts
 interface PopoverTextProps extends TypographyProps {
-    text: string;
-}
-declare function PopoverText({ text, sx, ...typographyProps }: PopoverTextProps): react_jsx_runtime.JSX.Element;
-
+  text: string;
+}
+declare function PopoverText({
+  text,
+  sx,
+  ...typographyProps
+}: PopoverTextProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/ReactPlayground.d.ts
 interface ReactPlaygroundProps extends ComponentProps<typeof LiveProvider> {
-    previewStyles?: SxProps<Theme>;
-}
-declare function ReactPlayground({ code, previewStyles, ...liveProviderProps }: ReactPlaygroundProps): react_jsx_runtime.JSX.Element;
-
+  previewStyles?: SxProps<Theme>;
+}
+declare function ReactPlayground({
+  code,
+  previewStyles,
+  ...liveProviderProps
+}: ReactPlaygroundProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/SkeletonRow.d.ts
 interface SkeletonRowProps {
-    columns: number;
+  columns: number;
 }
-declare function SkeletonRow({ columns }: SkeletonRowProps): react_jsx_runtime.JSX.Element;
-
+declare function SkeletonRow({
+  columns
+}: SkeletonRowProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/SubmitButton.d.ts
 interface SubmitButtonProps extends Omit<ButtonProps, "type"> {
-    disableClean?: boolean;
-    label: string;
-}
-declare function SubmitButton({ disableClean, label, ...buttonProps }: SubmitButtonProps): react_jsx_runtime.JSX.Element;
-
+  disableClean?: boolean;
+  label: string;
+}
+declare function SubmitButton({
+  disableClean,
+  label,
+  ...buttonProps
+}: SubmitButtonProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/SwitchWithIcons.d.ts
 interface SwitchWithIconsProps extends Omit<SwitchProps, "icon" | "checkedIcon"> {
-    checkedIcon: ComponentType<{
-        style?: CSSProperties;
-    }>;
-    checkedIconStyles?: CommonProps["style"];
-    uncheckedIcon: ComponentType<{
-        style?: CSSProperties;
-    }>;
-    uncheckedIconStyles?: CommonProps["style"];
-}
-declare function SwitchWithIcons({ checkedIcon: CheckedIcon, checkedIconStyles, uncheckedIcon: UncheckedIcon, uncheckedIconStyles, ...switchProps }: SwitchWithIconsProps): react_jsx_runtime.JSX.Element;
-
+  checkedIcon: ComponentType<{
+    style?: CSSProperties;
+  }>;
+  checkedIconStyles?: CommonProps["style"];
+  uncheckedIcon: ComponentType<{
+    style?: CSSProperties;
+  }>;
+  uncheckedIconStyles?: CommonProps["style"];
+}
+declare function SwitchWithIcons({
+  checkedIcon: CheckedIcon,
+  checkedIconStyles,
+  uncheckedIcon: UncheckedIcon,
+  uncheckedIconStyles,
+  ...switchProps
+}: SwitchWithIconsProps): react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/hooks/useHash.d.ts
 declare function useHash<S extends string>(initialHash: S | undefined): [S, Dispatch<SetStateAction<S>>];
-
-export { CollapsableItem, type CollapsableItemProps, type ContextHookOptions, DarkModeToggle, DropdownMenu, type DropdownMenuProps, ExternalLink, type ExternalLinkProps, FileInput, FileInputList, type FileInputListProps, type FileInputProps, FileType, IconWithPopover, type IconWithPopoverProps, InternalLink, type InternalLinkProps, ListItemInternalLink, type ListItemInternalLinkProps, Loader, type LoaderContextValue, LoaderData, type LoaderDataBaseProps, type LoaderDataProps, type LoaderDataPropsOnNullable, type LoaderDataPropsOnUndefinedOrNull, LoaderError, type LoaderErrorBaseProps, type LoaderErrorProps, type LoaderErrorPropsWithNullable, type LoaderErrorPropsWithUndefinedOrNull, type LoaderProps, LoaderProvider, type LoaderProviderBaseProps, type LoaderProviderProps, type LoaderProviderPropsWithError, type LoaderProviderPropsWithNoError, type Mode, ModeProvider, type ModeProviderProps, type NavItemBottom, type NavMenuItem, NavigationBottom, type NavigationBottomProps, NavigationDrawer, type NavigationDrawerProps, PopoverText, type PopoverTextProps, ReactPlayground, type ReactPlaygroundProps, type ScreenSizeContextValue, type ScreenSizeProps, ScreenSizeProvider, SkeletonRow, type SkeletonRowProps, SnackbarProvider, type SnackbarProviderProps, SubmitButton, type SubmitButtonProps, SwitchWithIcons, type SwitchWithIconsProps, useHash, useLoader, useMode, useScreenSize, useSnackbar };
+//#endregion
+export { CollapsableItem, type CollapsableItemProps, ContextHookOptions, DarkModeToggle, DropdownMenu, type DropdownMenuProps, ExternalLink, type ExternalLinkProps, FileInput, FileInputList, type FileInputListProps, type FileInputProps, FileType, IconWithPopover, type IconWithPopoverProps, InternalLink, type InternalLinkProps, ListItemInternalLink, type ListItemInternalLinkProps, Loader, LoaderData, type LoaderDataProps, LoaderError, type LoaderErrorBaseProps, type LoaderErrorProps, type LoaderErrorPropsWithNullable, type LoaderErrorPropsWithUndefinedOrNull, type LoaderProps, LoaderProvider, type LoaderProviderBaseProps, type LoaderProviderProps, type LoaderProviderPropsWithError, type LoaderProviderPropsWithNoError, ModeProvider, type ModeProviderProps, type NavItemBottom, type NavMenuItem, NavigationBottom, type NavigationBottomProps, NavigationDrawer, type NavigationDrawerProps, PopoverText, type PopoverTextProps, ReactPlayground, type ReactPlaygroundProps, type ScreenSizeContextValue, type ScreenSizeProps, ScreenSizeProvider, SkeletonRow, type SkeletonRowProps, SnackbarProvider, type SnackbarProviderProps, SubmitButton, type SubmitButtonProps, SwitchWithIcons, type SwitchWithIconsProps, useHash, useMode, useScreenSize, useSnackbar };
+//# sourceMappingURL=index.d.ts.map