react-modern-audio-player 1.4.0-rc.2 → 2.0.0-beta.1

package/dist/types/api/index.d.ts

@@ -0,0 +1,6 @@
+export * from './useAudioPlayer';
+export * from './useAudioPlayerPlayback';
+export * from './useAudioPlayerTrack';
+export * from './useAudioPlayerVolume';
+export * from './useAudioPlayerTime';
+export * from './useAudioPlayerElement';

package/dist/types/api/useAudioPlayer.d.ts

@@ -0,0 +1,27 @@
+import { RepeatType, AudioData } from '../components/AudioPlayer/Context/StateContext';
+export interface AudioPlayerControls {
+    isPlaying: boolean;
+    volume: number;
+    currentTime: number;
+    duration: number;
+    repeatType: RepeatType;
+    muted: boolean;
+    currentTrack: AudioData | null;
+    currentIndex: number;
+    playList: ReadonlyArray<AudioData>;
+    play: () => void;
+    pause: () => void;
+    togglePlay: () => void;
+    next: () => void;
+    prev: () => void;
+    seek: (time: number) => void;
+    setVolume: (volume: number) => void;
+    toggleMute: () => void;
+    setTrack: (index: number) => void;
+}
+/**
+ * Convenience facade that composes all domain sub-hooks into a single flat
+ * object. Subscribes to every context slice — for fine-grained re-render
+ * control, import the individual sub-hooks instead.
+ */
+export declare const useAudioPlayer: () => AudioPlayerControls;

package/dist/types/api/useAudioPlayerElement.d.ts

@@ -0,0 +1,6 @@
+import { ElementRefs } from '../components/AudioPlayer/Context/StateContext';
+export interface AudioPlayerElementControls {
+    audioEl: ElementRefs["audioEl"] | undefined;
+    waveformInst: ElementRefs["waveformInst"] | undefined;
+}
+export declare const useAudioPlayerElement: () => AudioPlayerElementControls;

package/dist/types/api/useAudioPlayerPlayback.d.ts

@@ -0,0 +1,9 @@
+import { RepeatType } from '../components/AudioPlayer/Context/StateContext';
+export interface AudioPlayerPlaybackControls {
+    isPlaying: boolean;
+    repeatType: RepeatType;
+    play: () => void;
+    pause: () => void;
+    togglePlay: () => void;
+}
+export declare const useAudioPlayerPlayback: () => AudioPlayerPlaybackControls;

package/dist/types/api/useAudioPlayerTime.d.ts

@@ -0,0 +1,6 @@
+export interface AudioPlayerTimeControls {
+    currentTime: number;
+    duration: number;
+    seek: (time: number) => void;
+}
+export declare const useAudioPlayerTime: () => AudioPlayerTimeControls;

package/dist/types/api/useAudioPlayerTrack.d.ts

@@ -0,0 +1,11 @@
+import { AudioData } from '../components/AudioPlayer/Context/StateContext';
+export interface AudioPlayerTrackControls {
+    currentPlayId: number;
+    currentIndex: number;
+    playList: ReadonlyArray<AudioData>;
+    currentTrack: AudioData | null;
+    setTrack: (index: number) => void;
+    next: () => void;
+    prev: () => void;
+}
+export declare const useAudioPlayerTrack: () => AudioPlayerTrackControls;

package/dist/types/api/useAudioPlayerVolume.d.ts

@@ -0,0 +1,7 @@
+export interface AudioPlayerVolumeControls {
+    volume: number;
+    muted: boolean;
+    setVolume: (volume: number) => void;
+    toggleMute: () => void;
+}
+export declare const useAudioPlayerVolume: () => AudioPlayerVolumeControls;

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

@@ -1,4 +1,4 @@
-import React, { FC } from "react";
-export declare const Audio: FC<{
+import { default as React } from 'react';
+export declare const Audio: React.NamedExoticComponent<{
     audioRef?: React.MutableRefObject<HTMLAudioElement>;
 }>;

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

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

package/dist/types/components/AudioPlayer/Container/AudioPlayerContainer.d.ts

@@ -0,0 +1,5 @@
+import { default as React, HTMLAttributes } from 'react';
+export interface AudioPlayerContainerProps {
+    rootContainerProps?: Omit<HTMLAttributes<HTMLDivElement>, "children">;
+}
+export declare const AudioPlayerContainer: React.NamedExoticComponent<React.PropsWithChildren<AudioPlayerContainerProps>>;

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

@@ -0,0 +1 @@
+export * from './AudioPlayerContainer';

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

@@ -0,0 +1,15 @@
+import { AudioNativeProps } from './StateContext';
+/**
+ * Native HTML <audio> attributes that the consumer passes through
+ * `audioInitialState`. Held in its own context so the <Audio> element can
+ * spread them onto the underlying media element without forcing every
+ * playback consumer to re-render whenever a primitive playback field
+ * (isPlaying / volume / muted / repeatType / isLoadedMetaData) changes.
+ *
+ * Sourced directly from the `audioInitialState` prop, not from reducer
+ * state, so the value object is stable across per-tick `SET_AUDIO_STATE`
+ * dispatches and only changes when the consumer hands in a new
+ * `audioInitialState` reference.
+ */
+export type AudioAttrsContext = Omit<AudioNativeProps, "volume" | "muted" | "src">;
+export declare const audioAttrsContext: import('react').Context<AudioAttrsContext | null>;

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

@@ -0,0 +1,10 @@
+import { RepeatType } from './StateContext';
+export interface PlaybackContext {
+    isPlaying: boolean;
+    volume: number;
+    muted: boolean;
+    repeatType: RepeatType;
+    isLoadedMetaData: boolean | undefined;
+    audioResetKey: number;
+}
+export declare const playbackContext: import('react').Context<PlaybackContext | null>;

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

@@ -0,0 +1,7 @@
+import { CoverImgsCss, CustomIcons, ElementRefs } from './StateContext';
+export interface ResourceContext {
+    elementRefs?: ElementRefs;
+    customIcons?: CustomIcons;
+    coverImgsCss?: CoverImgsCss;
+}
+export declare const resourceContext: import('react').Context<ResourceContext | null>;

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

@@ -1,7 +1,7 @@
-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 = {
+import { ReactNode } from 'react';
+export type AudioNativeProps = Omit<React.AudioHTMLAttributes<HTMLAudioElement>, "autoPlay">;
+export type RepeatType = "ALL" | "SHUFFLE" | "ONE" | "NONE";
+export type AudioCustomProps = {
     isLoadedMetaData?: boolean;
     isPlaying?: boolean;
     repeatType?: RepeatType;
@@ -9,13 +9,23 @@ export declare type AudioCustomProps = {
     currentTime?: number;
     duration?: number;
 };
-export declare type AudioData = {
+export declare const DEFAULT_AUDIO_STATE: {
+    readonly isPlaying: false;
+    readonly volume: 1;
+    readonly muted: false;
+    readonly repeatType: RepeatType;
+    readonly currentTime: 0;
+    readonly duration: 0;
+};
+export type AudioData = {
     src: string;
     id: number;
-    name?: string | ReactNode;
-    writer?: string | ReactNode;
+    name?: string;
+    writer?: string;
     img?: string;
     description?: string | ReactNode;
     customTrackInfo?: string | ReactNode;
 };
-export declare type AudioState = AudioNativeProps & AudioCustomProps;
+export type AudioState = AudioNativeProps & Omit<AudioCustomProps, "repeatType"> & {
+    repeatType: RepeatType;
+};

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

@@ -1,9 +1,9 @@
-import { ReactNode } from "react";
-import { AudioData } from "./audio";
-export declare type PlayList = Array<AudioData>;
-export declare type ProgressUI = "waveform" | "bar" | false;
-export declare type PlayListUI = "sortable" | "unSortable" | false;
-export declare type ActiveUI = Partial<{
+import { ReactNode } from 'react';
+import { AudioData } from './audio';
+export type PlayList = Array<AudioData>;
+export type ProgressUI = "waveform" | "bar" | false;
+export type PlayListUI = "sortable" | "unSortable" | false;
+export type ActiveUI = Partial<{
     all: boolean;
     playButton: boolean;
     playList: PlayListUI;
@@ -16,7 +16,7 @@ export declare type ActiveUI = Partial<{
     artwork: boolean;
     progress: ProgressUI;
 }>;
-export declare type CustomIcons = Partial<{
+export type CustomIcons = Partial<{
     play: ReactNode;
     pause: ReactNode;
     prev: ReactNode;
@@ -30,13 +30,8 @@ export declare type CustomIcons = Partial<{
     volumeMuted: ReactNode;
     playList: ReactNode;
 }>;
-export declare type ElementRefs = Partial<{
+export type ElementRefs = Partial<{
     audioEl: HTMLAudioElement;
-    trackCurTimeEl: HTMLSpanElement;
-    trackDurationEl: HTMLSpanElement;
-    progressBarEl: HTMLDivElement;
-    progressValueEl: HTMLDivElement;
-    progressHandleEl: HTMLDivElement;
     waveformInst: WaveSurfer;
 }>;
 export interface CoverImgsCss {

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

@@ -1,6 +1,6 @@
-import { AudioState } from "./audio";
-import { ActiveUI, CoverImgsCss, ElementRefs, CustomIcons, PlayList } from "./element";
-import { PlayListPlacement, InterfacePlacement, PlayerPlacement, VolumeSliderPlacement } from "./placement";
+import { AudioState } from './audio';
+import { ActiveUI, CoverImgsCss, ElementRefs, CustomIcons, PlayList } from './element';
+import { PlayListPlacement, InterfacePlacement, PlayerPlacement, VolumeSliderPlacement } from './placement';
 export interface AudioPlayerStateContext {
     playList: PlayList;
     curPlayId: number;
@@ -14,11 +14,12 @@ export interface AudioPlayerStateContext {
     elementRefs?: ElementRefs;
     customIcons?: CustomIcons;
     coverImgsCss?: CoverImgsCss;
+    audioResetKey: number;
+    seekRequestKey: number;
 }
-export declare type InitialStates = AudioState & {
+export type InitialStates = Partial<AudioState> & {
     curPlayId: number;
 };
-export * from "./audio";
-export * from "./element";
-export * from "./placement";
-export declare const audioPlayerStateContext: import("react").Context<AudioPlayerStateContext | null>;
+export * from './audio';
+export * from './element';
+export * from './placement';

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

@@ -1,15 +1,15 @@
 import { DropdownContentPlacement } from '../../../Dropdown';
 import { NumbersToUnionNum } from '../../../../utils/generateUnionNumType';
-import { ActiveUI } from "./element";
-export declare type VolumeSliderPlacement = DropdownContentPlacement;
-export declare type PlayListPlacement = "bottom" | "top";
-export declare type PlayerPlacement = "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "static";
+import { ActiveUI } from './element';
+export type VolumeSliderPlacement = DropdownContentPlacement;
+export type PlayListPlacement = "bottom" | "top";
+export type PlayerPlacement = "bottom" | "top" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "static";
 export declare const defaultInterfacePlacementMaxLength = 10;
-export declare type InterfacePlacementKey = Exclude<keyof ActiveUI, "all" | "prevNnext" | "trackTime" | "volumeSlider"> | "trackTimeCurrent" | "trackTimeDuration";
-export declare type InterfaceGridTemplateArea<TMaxLength extends number> = Partial<Record<InterfacePlacementKey, `row${NumbersToUnionNum<TMaxLength>}-${NumbersToUnionNum<TMaxLength>}`>>;
-export declare type InterfaceGridCustomComponentsArea<TMaxLength extends number> = Partial<Record<string, `row${NumbersToUnionNum<TMaxLength>}-${NumbersToUnionNum<TMaxLength>}`>>;
-export declare type InterfaceGridItemArea = Partial<Record<InterfacePlacementKey, string>>;
-export declare type InterfacePlacement<TMaxLength extends number = typeof defaultInterfacePlacementMaxLength> = {
+export type InterfacePlacementKey = Exclude<keyof ActiveUI, "all" | "prevNnext" | "trackTime" | "volumeSlider"> | "trackTimeCurrent" | "trackTimeDuration";
+export type InterfaceGridTemplateArea<TMaxLength extends number = typeof defaultInterfacePlacementMaxLength> = Partial<Record<InterfacePlacementKey, `row${NumbersToUnionNum<TMaxLength>}-${NumbersToUnionNum<TMaxLength>}`>>;
+export type InterfaceGridCustomComponentsArea<TMaxLength extends number> = Partial<Record<string, `row${NumbersToUnionNum<TMaxLength>}-${NumbersToUnionNum<TMaxLength>}`>>;
+export type InterfaceGridItemArea = Partial<Record<InterfacePlacementKey, string>>;
+export type InterfacePlacement<TMaxLength extends number = typeof defaultInterfacePlacementMaxLength> = {
     templateArea?: InterfaceGridTemplateArea<TMaxLength>;
     customComponentsArea?: InterfaceGridCustomComponentsArea<TMaxLength>;
     itemCustomArea?: InterfaceGridItemArea;

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

@@ -0,0 +1,6 @@
+export interface TimeContext {
+    currentTime: number;
+    duration: number;
+    seekRequestKey: number;
+}
+export declare const timeContext: import('react').Context<TimeContext | null>;

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

@@ -0,0 +1,7 @@
+import { PlayList } from './StateContext';
+export interface TrackContext {
+    playList: PlayList;
+    curPlayId: number;
+    curIdx: number;
+}
+export declare const trackContext: import('react').Context<TrackContext | null>;

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

@@ -0,0 +1,11 @@
+import { ActiveUI, InterfacePlacement, PlayListPlacement, PlayerPlacement, VolumeSliderPlacement } from './StateContext';
+export type ColorScheme = "light" | "dark";
+export interface UIContext {
+    activeUI: ActiveUI;
+    playListPlacement: PlayListPlacement;
+    playerPlacement?: PlayerPlacement;
+    interfacePlacement?: InterfacePlacement;
+    volumeSliderPlacement?: VolumeSliderPlacement;
+    colorScheme?: ColorScheme;
+}
+export declare const uiContext: import('react').Context<UIContext | null>;

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

@@ -1,18 +1,22 @@
-import { Dispatch } from "react";
-import { RepeatType, PlayList, PlayListPlacement, PlayerPlacement, ActiveUI, ElementRefs, CustomIcons, InterfacePlacement, CoverImgsCss, VolumeSliderPlacement, defaultInterfacePlacementMaxLength, AudioState } from "./StateContext";
-export declare type AudioContextAction<TInterfacePlacementLength extends number = typeof defaultInterfacePlacementMaxLength> = {
+import { Dispatch } from 'react';
+import { RepeatType, PlayList, PlayListPlacement, PlayerPlacement, ActiveUI, ElementRefs, CustomIcons, InterfacePlacement, CoverImgsCss, VolumeSliderPlacement, defaultInterfacePlacementMaxLength, AudioState } from './StateContext';
+export type AudioContextAction<TInterfacePlacementLength extends number = typeof defaultInterfacePlacementMaxLength> = {
     type: "NEXT_AUDIO";
 } | {
     type: "PREV_AUDIO";
+    currentTime: number;
+} | {
+    type: "SEEK";
+    time: number;
 } | {
     type: "UPDATE_PLAY_LIST";
     playList: PlayList;
 } | {
     type: "SET_AUDIO_STATE";
-    audioState: AudioState;
+    audioState: Partial<AudioState>;
 } | {
     type: "SET_INITIAL_STATES";
-    audioState: AudioState;
+    audioState: Partial<AudioState>;
     curPlayId: number;
 } | {
     type: "CHANGE_PLAYING_STATE";
@@ -49,5 +53,5 @@ export declare type AudioContextAction<TInterfacePlacementLength extends number
     interfacePlacement?: InterfacePlacement<TInterfacePlacementLength>;
     volumeSliderPlacement?: VolumeSliderPlacement;
 };
-export declare type AudioPlayerDispatchContext = Dispatch<AudioContextAction>;
-export declare const audioPlayerDispatchContext: import("react").Context<AudioPlayerDispatchContext | null>;
+export type AudioPlayerDispatchContext = Dispatch<AudioContextAction>;
+export declare const audioPlayerDispatchContext: import('react').Context<AudioPlayerDispatchContext | null>;

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

@@ -1,3 +1,10 @@
-export * from "./StateContext";
-export * from "./dispatchContext";
-export * from "./reducer";
+export * from './StateContext';
+export * from './dispatchContext';
+export * from './reducer';
+export * from './PlaybackContext';
+export * from './AudioAttrsContext';
+export * from './TrackContext';
+export * from './UIContext';
+export * from './ResourceContext';
+export * from './TimeContext';
+export * from './providerProps';

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

@@ -0,0 +1,14 @@
+import { ActiveUI, CoverImgsCss, CustomIcons, InitialStates, InterfacePlacement, PlayList, PlayListPlacement, PlayerPlacement, VolumeSliderPlacement } from './StateContext';
+export interface AudioPlayerStateProviderProps<TInterfacePlacementLength extends number> {
+    playList: PlayList;
+    audioInitialState?: InitialStates;
+    activeUI?: ActiveUI;
+    customIcons?: CustomIcons;
+    coverImgsCss?: CoverImgsCss;
+    placement?: {
+        player?: PlayerPlacement;
+        playList?: PlayListPlacement;
+        interface?: InterfacePlacement<TInterfacePlacementLength>;
+        volumeSlider?: VolumeSliderPlacement;
+    };
+}

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

@@ -1,3 +1,3 @@
-import { AudioContextAction } from "./dispatchContext";
-import { AudioPlayerStateContext } from "./StateContext";
+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/NextBtn.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface NextBtnProps {
+    isVisible: boolean;
+}
+export declare const NextBtn: FC<NextBtnProps>;
+export {};

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

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

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface PrevBtnProps {
+    isVisible: boolean;
+}
+export declare const PrevBtn: FC<PrevBtnProps>;
+export {};

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

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

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

@@ -1 +1 @@
-export declare const VolumeTriggerBtn: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLButtonElement>>;
+export declare const VolumeTriggerBtn: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<import('react').RefAttributes<HTMLButtonElement>>>;

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

@@ -1,5 +1,5 @@
-export * from "./PlayBtn";
-export * from "./PrevNnextBtn";
-export * from "./RepeatTypeBtn";
-export * from "./PlayListTriggerBtn";
-export * from "./VolumeTriggerBtn";
+export * from './PlayBtn';
+export * from './PrevBtn';
+export * from './NextBtn';
+export * from './RepeatTypeBtn';
+export * from './VolumeTriggerBtn';

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,2 @@
-import { FC } from "react";
-export declare const BarProgress: FC<{
-    isActive: boolean;
-}>;
+import { FC } from 'react';
+export declare const BarProgress: FC;

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

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { FC } from 'react';
 export declare const WaveformProgress: FC<{
     isActive: boolean;
 }>;

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const useProgressKeyDown: (onSeek?: (newTime: number, duration: number) => void) => (event: React.KeyboardEvent<HTMLDivElement>) => void;

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

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

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

@@ -1,5 +1,5 @@
-import { VolumeSliderPlacement } from '../../../../../AudioPlayer/Context/StateContext';
-import { FC } from "react";
+import { VolumeSliderPlacement } from '../../../../Context/StateContext';
+import { FC } from 'react';
 export declare const VolumeSlider: FC<{
     placement: VolumeSliderPlacement;
 }>;

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

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

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

@@ -1,5 +1,5 @@
-import { VolumeSliderPlacement } from '../../../../../AudioPlayer/Context';
+import { VolumeSliderPlacement } from '../../../../Context';
 export declare const useVolumeSliderPlacement: ({ triggerRef, initialState, }: {
     triggerRef: React.RefObject<HTMLElement>;
     initialState: VolumeSliderPlacement;
-}) => import("../../../../../Dropdown").DropdownContentPlacement;
+}) => import('../../../../../Dropdown').DropdownContentPlacement;

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { GridItemProps } from '../../../Grid/Item';
-import React, { FC } from "react";
-export declare type CustomComponentProps = {
+import { default as React, FC } from 'react';
+export type CustomComponentProps = {
     children?: React.ReactNode;
     id: string;
 } & GridItemProps;

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

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

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

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

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

@@ -1,3 +1,3 @@
-import { FC } from "react";
-import { TrackTimeChildrenProps } from "./Types";
+import { FC } from 'react';
+import { TrackTimeChildrenProps } from './Types';
 export declare const Current: FC<TrackTimeChildrenProps>;

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

@@ -1,3 +1,3 @@
-import { FC } from "react";
-import { TrackTimeChildrenProps } from "./Types";
+import { FC } from 'react';
+import { TrackTimeChildrenProps } from './Types';
 export declare const Duration: FC<TrackTimeChildrenProps>;

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

@@ -0,0 +1,6 @@
+import { FC, HTMLAttributes, PropsWithChildren } from 'react';
+import { TrackTimePosition } from './Types';
+export interface TrackTimeContainerProps extends HTMLAttributes<HTMLDivElement> {
+    position: TrackTimePosition;
+}
+export declare const TrackTimeContainer: FC<PropsWithChildren<TrackTimeContainerProps>>;

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

@@ -1,4 +1,4 @@
-export declare type TrackTimePosition = "left" | "right" | "separation";
+export type TrackTimePosition = "left" | "right" | "separation";
 export interface TrackTimeChildrenProps {
     position: TrackTimePosition;
 }