react-modern-audio-player 0.0.1

package/dist/types/components/AudioPlayer/Audio/Basic.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Basic: FC;

package/dist/types/components/AudioPlayer/Audio/WaveSurfer.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const WaveSurferAudio: FC;

package/dist/types/components/AudioPlayer/Audio/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Audio: FC;

package/dist/types/components/AudioPlayer/Audio/useBasicAudio.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from "react";
+export declare const useBasicAudio: () => HTMLAttributes<HTMLAudioElement>;

package/dist/types/components/AudioPlayer/Audio/useWaveSurfer.d.ts

@@ -0,0 +1 @@
+export declare const useWaveSurfer: () => null;

package/dist/types/components/AudioPlayer/Context/StateContext/audio.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from "react";
+export declare type AudioNativeProps = Omit<React.AudioHTMLAttributes<HTMLAudioElement>, "autoPlay">;
+export declare type RepeatType = "ALL" | "SHUFFLE" | "ONE" | "NONE";
+export declare type AudioCustomProps = {
+    isPlaying: boolean;
+    repeatType?: RepeatType;
+    volume: number;
+    currentTime?: number;
+    duration?: number;
+};
+export declare type AudioData = {
+    src: string;
+    id: number;
+    index: number;
+    name?: string | ReactNode;
+    writer?: string | ReactNode;
+    img?: string;
+    description?: string | ReactNode;
+    customTrackInfo?: string | ReactNode;
+};
+export declare type CurAudioState = AudioNativeProps & AudioCustomProps;
+export declare type AudioInitialState = Partial<CurAudioState> & {
+    curPlayId: number;
+};

package/dist/types/components/AudioPlayer/Context/StateContext/element.d.ts

@@ -0,0 +1,45 @@
+import { ReactNode } from "react";
+import { AudioData } from "./audio";
+export declare type PlayList = Array<AudioData>;
+export declare type TrackTimeUI = "separation-mode" | "unification-mode" | false;
+export declare type ProgressUI = "waveform" | "bar" | false;
+export declare type PlayListUI = "sortable" | "unSortable" | false;
+export declare type ActiveUI = Partial<{
+    all: boolean;
+    playButton: boolean;
+    playList: PlayListUI;
+    prevNnext: boolean;
+    volume: boolean;
+    repeatType: boolean;
+    trackTime: TrackTimeUI;
+    trackInfo: boolean;
+    artwork: boolean;
+    progress: ProgressUI;
+}>;
+export declare type CustomIcons = Partial<{
+    play: ReactNode;
+    pause: ReactNode;
+    prev: ReactNode;
+    next: ReactNode;
+    repeatOne: ReactNode;
+    repeatAll: ReactNode;
+    repeatNone: ReactNode;
+    repeatShuffle: ReactNode;
+    volumeFull: ReactNode;
+    volumeHalf: ReactNode;
+    volumeMuted: ReactNode;
+    playList: ReactNode;
+}>;
+export declare type ElementRefs = Partial<{
+    audioEl: HTMLAudioElement;
+    trackCurTimeEl: HTMLSpanElement;
+    trackDurationEl: HTMLSpanElement;
+    progressBarEl: HTMLDivElement;
+    progressValueEl: HTMLDivElement;
+    progressHandleEl: HTMLDivElement;
+    waveformInst: WaveSurfer;
+}>;
+export interface CoverImgsCss {
+    artwork?: React.CSSProperties;
+    listThumbnail?: React.CSSProperties;
+}

package/dist/types/components/AudioPlayer/Context/StateContext/index.d.ts

@@ -0,0 +1,20 @@
+import { CurAudioState } from "./audio";
+import { ActiveUI, CoverImgsCss, ElementRefs, CustomIcons, PlayList } from "./element";
+import { PlayListPlacement, InterfacePlacement, PlayerPlacement } from "./placement";
+export interface AudioPlayerStateContext {
+    playList: PlayList;
+    curPlayId: number;
+    curIdx: number;
+    curAudioState: CurAudioState;
+    activeUI: ActiveUI;
+    playListPlacement: PlayListPlacement;
+    playerPlacement?: PlayerPlacement;
+    interfacePlacement?: InterfacePlacement;
+    elementRefs?: ElementRefs;
+    customIcons?: CustomIcons;
+    coverImgsCss?: CoverImgsCss;
+}
+export * from "./audio";
+export * from "./element";
+export * from "./placement";
+export declare const audioPlayerStateContext: import("react").Context<AudioPlayerStateContext | null>;

package/dist/types/components/AudioPlayer/Context/StateContext/placement.d.ts

@@ -0,0 +1,16 @@
+import { NumbersToUnionNum } from '../../../../utils/generateUnionNumType';
+import { ActiveUI } from "./element";
+export declare type PlayListPlacement = "bottom" | "top";
+export declare type PlayerPlacement = "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right";
+export declare const interfacePlacementMaxLength = 10;
+declare type InterfacePlacementKey = Exclude<keyof ActiveUI, "all" | "prevNnext" | "trackTime"> | "trackTimeCurrent" | "trackTimeDuration";
+export declare type InterfaceGridTemplateArea = Partial<Record<InterfacePlacementKey, `row${NumbersToUnionNum<typeof interfacePlacementMaxLength>}-${NumbersToUnionNum<typeof interfacePlacementMaxLength>}`>>;
+export declare type InterfaceGridItemArea = Partial<Record<InterfacePlacementKey, string>>;
+export declare type InterfacePlacement = {
+    templateArea: InterfaceGridTemplateArea;
+    itemArea?: InterfaceGridItemArea;
+};
+export declare const defaultInterfacePlacement: {
+    templateArea: Required<InterfaceGridTemplateArea>;
+};
+export {};

package/dist/types/components/AudioPlayer/Context/dispatchContext.d.ts

@@ -0,0 +1,48 @@
+import { Dispatch } from "react";
+import { RepeatType, PlayList, PlayListPlacement, PlayerPlacement, ActiveUI, ElementRefs, CustomIcons, AudioInitialState, InterfacePlacement, CoverImgsCss } from "./StateContext";
+export declare type AudioContextAction = {
+    type: "NEXT_AUDIO";
+} | {
+    type: "PREV_AUDIO";
+} | {
+    type: "UPDATE_PLAY_LIST";
+    playList: PlayList;
+} | {
+    type: "SET_INITIAL_AUDIO_STATE";
+    audioInitialState: AudioInitialState;
+} | {
+    type: "SET_PlAY_STATE";
+    state?: boolean;
+} | {
+    type: "SET_CURRENT_INDEX";
+    currentIndex: number;
+    currentAudioId: number;
+} | {
+    type: "SET_REPEAT_TYPE";
+    repeatType: RepeatType;
+} | {
+    type: "SET_PLACEMENTS";
+    playerPlacement?: PlayerPlacement;
+    playListPlacement?: PlayListPlacement;
+    interfacePlacement?: InterfacePlacement;
+} | {
+    type: "SET_VOLUME";
+    volume: number;
+} | {
+    type: "SET_MUTED";
+    muted: boolean;
+} | {
+    type: "SET_ACTIVE_UI";
+    activeUI: ActiveUI;
+} | {
+    type: "SET_ELEMENT_REFS";
+    elementRefs: ElementRefs;
+} | {
+    type: "SET_CUSTOM_ICONS";
+    customIcons: CustomIcons;
+} | {
+    type: "SET_COVER_IMGS_CSS";
+    coverImgsCss: CoverImgsCss;
+};
+export declare type AudioPlayerDispatchContext = Dispatch<AudioContextAction>;
+export declare const audioPlayerDispatchContext: import("react").Context<AudioPlayerDispatchContext | null>;

package/dist/types/components/AudioPlayer/Context/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./StateContext";
+export * from "./dispatchContext";
+export * from "./reducer";

package/dist/types/components/AudioPlayer/Context/reducer.d.ts

@@ -0,0 +1,3 @@
+import { AudioContextAction } from "./dispatchContext";
+import { AudioPlayerStateContext } from "./StateContext";
+export declare const audioPlayerReducer: (state: AudioPlayerStateContext, action: AudioContextAction) => AudioPlayerStateContext;

package/dist/types/components/AudioPlayer/Interface/Controller/Button/PlayBtn.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const PlayBtn: FC;

package/dist/types/components/AudioPlayer/Interface/Controller/Button/PlayListTriggerBtn.d.ts

@@ -0,0 +1,5 @@
+import { FC } from "react";
+export interface PlayListTriggerBtnProps {
+    isOpen: boolean;
+}
+export declare const PlayListTriggerBtn: FC<PlayListTriggerBtnProps>;

package/dist/types/components/AudioPlayer/Interface/Controller/Button/PrevNnextBtn.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface PrevNnextBtnProps {
+    type: "prev" | "next";
+}
+export declare const PrevNnextBtn: FC<PrevNnextBtnProps>;
+export {};

package/dist/types/components/AudioPlayer/Interface/Controller/Button/RepeatTypeBtn.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const RepeatTypeBtn: FC;

package/dist/types/components/AudioPlayer/Interface/Controller/Button/StyledBtn.d.ts

@@ -0,0 +1 @@
+export declare const StyledBtn: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/types/components/AudioPlayer/Interface/Controller/Button/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./PlayBtn";
+export * from "./PrevNnextBtn";
+export * from "./RepeatTypeBtn";
+export * from "./PlayListTriggerBtn";

package/dist/types/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/Content/PlayListItem.d.ts

@@ -0,0 +1,4 @@
+import { AudioData } from '../../../../../../AudioPlayer/Context';
+export declare const PlayListItem: ({ data }: {
+    data: AudioData;
+}) => JSX.Element;

package/dist/types/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/Content/index.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+export interface SortablePlayListProps {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+}
+export declare const PlayList: FC<SortablePlayListProps>;

package/dist/types/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/Content/usePlayList.d.ts

@@ -0,0 +1,15 @@
+import { AudioData } from '../../../../../../AudioPlayer/Context';
+import { CssTransitionProps } from '../../../../../../CssTransition';
+import { UseSortableListItemProps } from '../../../../../../SortableList/useSortableListItem';
+import { SortablePlayListProps } from ".";
+interface UsePlayListReturn {
+    cssTransitionEventProps: Partial<CssTransitionProps>;
+    sortableItemEventProps: Omit<UseSortableListItemProps<AudioData>, "onDragStart" | "onClick" | "index" | "listData"> & {
+        onDragStart: (index: number) => void;
+        onClick: (index: number) => void;
+    };
+}
+export declare const usePlayList: ({ setIsOpen, }: {
+    setIsOpen: SortablePlayListProps["setIsOpen"];
+}) => UsePlayListReturn;
+export {};

package/dist/types/components/AudioPlayer/Interface/Controller/Drawer/SortablePlayList/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const SortablePlayList: FC;

package/dist/types/components/AudioPlayer/Interface/Controller/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from "./SortablePlayList";

package/dist/types/components/AudioPlayer/Interface/Controller/Icon.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactElement, ReactNode } from "react";
+import { IconType } from "react-icons/lib";
+interface _IconProps {
+    render: ReactElement<IconType>;
+    customIcon?: ReactNode;
+}
+export declare const Icon: FC<_IconProps>;
+export {};

package/dist/types/components/AudioPlayer/Interface/Controller/Input/Progress/BarProgress.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const BarProgress: FC;

package/dist/types/components/AudioPlayer/Interface/Controller/Input/Progress/WaveformProgress.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const WaveformProgress: FC;

package/dist/types/components/AudioPlayer/Interface/Controller/Input/Progress/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Progress: FC;

package/dist/types/components/AudioPlayer/Interface/Controller/Input/Progress/useBarProgress.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from "react";
+export declare const useBarProgress: () => HTMLAttributes<HTMLDivElement>;

package/dist/types/components/AudioPlayer/Interface/Controller/Input/index.d.ts

@@ -0,0 +1 @@
+export * from "./Progress";

package/dist/types/components/AudioPlayer/Interface/Controller/Tooltip/Volume/Content.d.ts

@@ -0,0 +1,5 @@
+import { FC } from "react";
+export declare type ContentPlacement = "bottom" | "top";
+export declare const Content: FC<{
+    placement: ContentPlacement;
+}>;

package/dist/types/components/AudioPlayer/Interface/Controller/Tooltip/Volume/Trigger.d.ts

@@ -0,0 +1 @@
+export declare const Trigger: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/AudioPlayer/Interface/Controller/Tooltip/Volume/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Volume: FC;

package/dist/types/components/AudioPlayer/Interface/Controller/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from "./Volume";

package/dist/types/components/AudioPlayer/Interface/Controller/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Controller: FC;

package/dist/types/components/AudioPlayer/Interface/Information/Artwork.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Artwork: FC;

package/dist/types/components/AudioPlayer/Interface/Information/TrackInfo.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const TrackInfo: FC;

package/dist/types/components/AudioPlayer/Interface/Information/TrackTime.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+export declare const TrackTimeCurrent: FC;
+export declare const TrackTimeDuration: FC;

package/dist/types/components/AudioPlayer/Interface/Information/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Information: FC;

package/dist/types/components/AudioPlayer/Interface/index.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Interface: FC;

package/dist/types/components/AudioPlayer/Player.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import { ActiveUI, PlayListPlacement, CustomIcons, PlayerPlacement, PlayList, AudioInitialState, InterfacePlacement, CoverImgsCss } from '../AudioPlayer/Context';
+export interface AudioPlayerProps {
+    playList: PlayList;
+    audioInitialState?: AudioInitialState;
+    playerPlacement?: PlayerPlacement;
+    playListPlacement?: PlayListPlacement;
+    interfacePlacement?: InterfacePlacement;
+    activeUI?: ActiveUI;
+    customIcons?: CustomIcons;
+    coverImgsCss?: CoverImgsCss;
+}
+export declare const AudioPlayer: FC<AudioPlayerProps>;

package/dist/types/components/AudioPlayer/index.d.ts

@@ -0,0 +1,4 @@
+import { SpectrumProviderProps } from '../Provider';
+import { FC } from "react";
+import { AudioPlayerProps } from "./Player";
+export declare const AudioPlayerWithProvider: FC<AudioPlayerProps & SpectrumProviderProps>;

package/dist/types/components/CssTransition.d.ts

@@ -0,0 +1,13 @@
+import { FC, PropsWithChildren } from "react";
+export declare const appearanceIn: import("styled-components").Keyframes;
+export declare const appearanceOut: import("styled-components").Keyframes;
+export interface CssTransitionProps {
+    visible: boolean;
+    name: string;
+    leaveTime: number;
+    enterTime: number;
+    clearTime: number;
+    onExited?: () => void;
+    onEntered?: () => void;
+}
+export declare const CssTransition: FC<PropsWithChildren<CssTransitionProps>>;

package/dist/types/components/Drawer/Drawer.d.ts

@@ -0,0 +1,20 @@
+import { PlayerPlacement } from '../AudioPlayer/Context';
+import { PropsWithChildren } from "react";
+import { FC } from "react";
+import { DrawerContext } from "./DrawerContext";
+import { DrawerTrigger } from "./DrawerTrigger";
+import { DrawerContent } from "./DrawerContent";
+export interface DrawerProps extends Omit<Partial<DrawerContext>, "setIsOpen"> {
+    outboundClickActive?: boolean;
+}
+declare const Drawer: FC<PropsWithChildren<DrawerProps>>;
+declare type DrawerComponent = typeof Drawer & {
+    Trigger: typeof DrawerTrigger;
+    Content: typeof DrawerContent;
+};
+declare const _default: DrawerComponent;
+export default _default;
+interface DrawerContainerProps {
+    playerPlacement?: PlayerPlacement;
+}
+export declare const DrawerContainer: import("styled-components").StyledComponent<"div", any, DrawerContainerProps, never>;

package/dist/types/components/Drawer/DrawerContent.d.ts

@@ -0,0 +1,7 @@
+import { FC, HTMLAttributes, PropsWithChildren } from "react";
+export declare type DrawerContentPlacement = "top" | "bottom" | "left" | "right";
+export declare type DrawerContentProps = HTMLAttributes<HTMLDivElement> & {
+    placement?: DrawerContentPlacement;
+    isWithAnimation?: boolean;
+};
+export declare const DrawerContent: FC<PropsWithChildren<DrawerContentProps>>;

package/dist/types/components/Drawer/DrawerContext.d.ts

@@ -0,0 +1,6 @@
+export interface DrawerContext {
+    isOpen: boolean;
+    setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    onOpenChange?: (isOpen: boolean) => void;
+}
+export declare const drawerContext: import("react").Context<DrawerContext | null>;

package/dist/types/components/Drawer/DrawerTrigger.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from "react";
+export declare const DrawerTrigger: FC<PropsWithChildren<unknown>>;

package/dist/types/components/Drawer/index.d.ts

@@ -0,0 +1,3 @@
+import Drawer from "./Drawer";
+export default Drawer;
+export type { DrawerContentProps, DrawerContentPlacement, } from "./DrawerContent";

package/dist/types/components/Grid/Grid.d.ts

@@ -0,0 +1,8 @@
+import { Grid as SpectrumGrid } from "@react-spectrum/layout";
+import { GridItem } from "./Item";
+export declare const Grid: import("react").ForwardRefExoticComponent<import("@react-types/layout").GridProps & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;
+declare type GridComponent = typeof SpectrumGrid & {
+    Item: typeof GridItem;
+};
+declare const _default: GridComponent;
+export default _default;

package/dist/types/components/Grid/Item.d.ts

@@ -0,0 +1,2 @@
+import { View } from "@react-spectrum/view";
+export declare const GridItem: typeof View;

package/dist/types/components/Grid/index.d.ts

@@ -0,0 +1,2 @@
+import Grid from "./Grid";
+export default Grid;

package/dist/types/components/Provider/AudioPlayerProvider.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren, FC } from "react";
+export declare const AudioPlayerProvider: FC<PropsWithChildren<unknown>>;

package/dist/types/components/Provider/SpectrumProvider.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from "react";
+import { DOMRefValue } from "@react-types/shared";
+import { ProviderProps } from "@react-types/provider";
+export interface SpectrumProviderProps {
+    rootContainerProps?: Omit<ProviderProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>, "children">;
+}
+export declare const SpectrumProvider: FC<PropsWithChildren<SpectrumProviderProps>>;

package/dist/types/components/Provider/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SpectrumProvider";
+export * from "./AudioPlayerProvider";

package/dist/types/components/SortableList/SortableList.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from "react";
+import { SortableListItem } from "./SortableListItem";
+declare const SortableList: FC<PropsWithChildren<unknown>>;
+declare type SortableListComponent = typeof SortableList & {
+    Item: typeof SortableListItem;
+};
+declare const _default: SortableListComponent;
+export default _default;

package/dist/types/components/SortableList/SortableListItem.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from "react";
+import { ListItem } from "./index";
+import { UseSortableListItemProps } from "./useSortableListItem";
+export declare type SortableListItemProps<T> = UseSortableListItemProps<T>;
+export declare const SortableListItem: <T extends ListItem>(props: PropsWithChildren<SortableListItemProps<T>>) => JSX.Element;

package/dist/types/components/SortableList/index.d.ts

@@ -0,0 +1,8 @@
+import SortableList from "./SortableList";
+export default SortableList;
+export declare type ListData<T> = Array<T>;
+export declare type ListItem = Record<string, any> & {
+    index: number;
+};
+export type { UseSortableListItemProps } from "./useSortableListItem";
+export type { SortableListItemProps } from "./SortableListItem";

package/dist/types/components/SortableList/useSortableListItem.d.ts

@@ -0,0 +1,12 @@
+import { ListData } from "./index";
+export interface UseSortableListItemProps<T> {
+    index: number;
+    dragStartIdx: number;
+    listData: ListData<T>;
+    draggable?: boolean;
+    onDragStart?: (e: React.DragEvent<HTMLLIElement>) => void;
+    onDragOver?: (e: React.DragEvent<HTMLLIElement>) => void;
+    onDrop?: (e: React.DragEvent<HTMLLIElement>, newListData: ListData<T>) => void;
+    onClick?: (e: React.MouseEvent<HTMLLIElement>) => void;
+}
+export declare const useSortableListItem: <T>(props: UseSortableListItemProps<T>) => React.LiHTMLAttributes<HTMLLIElement>;

package/dist/types/hooks/useNonNullableContext.d.ts

@@ -0,0 +1,2 @@
+import { Context } from "react";
+export declare const useNonNullableContext: <T>(context: Context<T | null>) => T;

package/dist/types/hooks/useVariableColor.d.ts

@@ -0,0 +1,2 @@
+export declare type VariableColors<T extends string> = Record<T, string>;
+export declare const useVariableColor: <Keys extends string>(variableColors: VariableColors<Keys>) => import("react").MutableRefObject<VariableColors<Keys> | undefined>;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./components/AudioPlayer";
+import { AudioPlayerWithProvider as AudioPlayer } from "./components/AudioPlayer";
+export default AudioPlayer;

package/dist/types/styles/GlobalStyle.d.ts

@@ -0,0 +1 @@
+export declare const GlobalStyle: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;

package/dist/types/utils/generateGridTemplateValues.d.ts

@@ -0,0 +1,5 @@
+import { ActiveUI } from '../components/AudioPlayer/Context/StateContext';
+export declare const generateGridTemplateValues: (activeUi: ActiveUI, placement?: Partial<Record<"progress" | "playButton" | "playList" | "volume" | "repeatType" | "trackInfo" | "artwork" | "trackTimeCurrent" | "trackTimeDuration", "row1-1" | "row1-2" | "row1-3" | "row1-4" | "row1-5" | "row1-6" | "row1-7" | "row1-8" | "row1-9" | "row2-1" | "row2-2" | "row2-3" | "row2-4" | "row2-5" | "row2-6" | "row2-7" | "row2-8" | "row2-9" | "row3-1" | "row3-2" | "row3-3" | "row3-4" | "row3-5" | "row3-6" | "row3-7" | "row3-8" | "row3-9" | "row4-1" | "row4-2" | "row4-3" | "row4-4" | "row4-5" | "row4-6" | "row4-7" | "row4-8" | "row4-9" | "row5-1" | "row5-2" | "row5-3" | "row5-4" | "row5-5" | "row5-6" | "row5-7" | "row5-8" | "row5-9" | "row6-1" | "row6-2" | "row6-3" | "row6-4" | "row6-5" | "row6-6" | "row6-7" | "row6-8" | "row6-9" | "row7-1" | "row7-2" | "row7-3" | "row7-4" | "row7-5" | "row7-6" | "row7-7" | "row7-8" | "row7-9" | "row8-1" | "row8-2" | "row8-3" | "row8-4" | "row8-5" | "row8-6" | "row8-7" | "row8-8" | "row8-9" | "row9-1" | "row9-2" | "row9-3" | "row9-4" | "row9-5" | "row9-6" | "row9-7" | "row9-8" | "row9-9">> | undefined) => {
+    gridAreas: string[];
+    gridColumns: string[];
+};

package/dist/types/utils/generateUnionNumType.d.ts

@@ -0,0 +1,6 @@
+declare type _GenerateUnionNum<Length extends number, Counter extends number[], Accumulator extends number> = Counter["length"] extends Length ? Accumulator : _GenerateUnionNum<Length, [
+    number,
+    ...Counter
+], Accumulator | Counter["length"]>;
+export declare type NumbersToUnionNum<Num extends number> = Num extends number ? Num extends 0 ? never : Exclude<_GenerateUnionNum<Num, [], 0>, 0> : never;
+export {};

package/dist/types/utils/getTime.d.ts

@@ -0,0 +1 @@
+export declare const getTimeWithPadStart: (time: number) => string;

package/dist/types/utils/resetAudioValues.d.ts

@@ -0,0 +1,9 @@
+export declare const resetAudioValues: (elementRefs?: Partial<{
+    audioEl: HTMLAudioElement;
+    trackCurTimeEl: HTMLSpanElement;
+    trackDurationEl: HTMLSpanElement;
+    progressBarEl: HTMLDivElement;
+    progressValueEl: HTMLDivElement;
+    progressHandleEl: HTMLDivElement;
+    waveformInst: import("wavesurfer.js");
+}> | undefined, duration?: number | undefined, restart?: boolean | undefined) => void;

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "react-modern-audio-player",
+  "version": "0.0.1",
+  "homepage": "https://github.com/slash9494/react-modern-audio-player/",
+  "module": "dist/index.es.js",
+  "main": "dist/index.cjs",
+  "esnext": "dist/index.es.js",
+  "typings": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/slash9494/react-modern-audio-player.git"
+  },
+  "scripts": {
+    "dev": "vite --host",
+    "build": "rm -rf dist && tsc && vite build",
+    "preview": "vite preview",
+    "publish": "rm -rf dist && tsc && vite build"
+  },
+  "peerDependencies": {},
+  "dependencies": {
+    "@react-spectrum/button": "^3.8.1",
+    "@react-spectrum/layout": "^3.3.1",
+    "@react-spectrum/provider": "^3.4.1",
+    "@react-spectrum/theme-default": "^3.3.1",
+    "@react-spectrum/tooltip": "^3.2.1",
+    "@react-spectrum/view": "^3.2.1",
+    "@types/styled-components": "^5.1.25",
+    "@types/wavesurfer.js": "^6.0.3",
+    "classnames": "^2.3.1",
+    "react-icons": "^4.4.0",
+    "styled-components": "^5.3.5",
+    "wavesurfer.js": "^6.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^17.0.25",
+    "@types/react": "^18.0.1",
+    "@types/react-dom": "^18.0.0",
+    "@vitejs/plugin-react": "^1.0.7",
+    "typescript": "^4.6.3",
+    "vite": "^2.9.0",
+    "vite-plugin-dts": "^1.1.0",
+    "vite-plugin-libcss": "^1.0.5"
+  }
+}