@clxrity/react-audio - npm Package Compare versions

Comparing version 1.5.0 to 1.6.0

dist/cjs/components/ui/Button/index.d.ts

@@ -1,7 +0,2 @@
-import { ComponentPropsWithoutRef } from 'react';
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    size?: 'sm' | 'md' | 'lg';
-    color?: string;
-    theme?: 'light' | 'dark';
-}
+import { ButtonProps } from '../../../types';
 /**
@@ -14,2 +9,1 @@ *
 export default function Button({ size, children, color, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

dist/cjs/components/ui/Progress/index.d.ts

@@ -0,1 +1,3 @@
+import React from "react";
+import { ButtonProps } from '../../../types';
 interface ProgressBarProps extends React.ComponentPropsWithoutRef<'input'> {
@@ -5,4 +7,5 @@ duration: number;
     buffered: number;
+    btnStyleProps?: ButtonProps;
 }
-export default function ProgressBar({ duration, current_progress, buffered, ...props }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export default function ProgressBar({ duration, current_progress, buffered, btnStyleProps, ...props }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
 export {};

dist/cjs/components/ui/Volume/index.d.ts

 import { ComponentProps } from 'react';
+import { ButtonProps } from '../../../types';
 interface VolumeProps extends ComponentProps<'div'> {
@@ -6,4 +7,5 @@ volume: number;
     handleMute: () => void;
+    btnStyleProps?: ButtonProps;
 }
-export default function Volume({ volume, volumeChange, handleMute, ...props }: VolumeProps): import("react/jsx-runtime").JSX.Element;
+export default function Volume({ volume, volumeChange, handleMute, btnStyleProps, ...props }: VolumeProps): import("react/jsx-runtime").JSX.Element;
 export {};

dist/cjs/index.d.ts

@@ -1,2 +0,2 @@
-import AudioLibrary from './lib/AudioLibrary/component';
+import AudioLibrary from './lib/AudioLibrary';
 import AudioPlayer from './lib/AudioPlayer';
@@ -3,0 +3,0 @@ import JustPlayer from './lib/JustPlayer';

dist/cjs/lib/AudioLibrary/elements/Player.d.ts

 import { ComponentPropsWithRef, ReactElement } from 'react';
-import { Track } from '../../../types';
+import { ButtonProps, Track } from '../../../types';
 interface AudioLibraryProps extends ComponentPropsWithRef<'div'> {
@@ -9,4 +9,6 @@ currentTrack?: Track;
     onPrevious: () => void;
+    autoplay?: boolean;
+    btnStyleProps?: ButtonProps;
 }
-export default function LibraryPlayer({ currentTrack, trackIndex, trackCount, onNext, onPrevious, ...props }: AudioLibraryProps): ReactElement<AudioLibraryProps, 'div'>;
+export default function LibraryPlayer({ currentTrack, trackIndex, trackCount, onNext, onPrevious, autoplay, btnStyleProps, ...props }: AudioLibraryProps): ReactElement<AudioLibraryProps, 'div'>;
 export {};

dist/cjs/lib/AudioLibrary/elements/ProgressBar.d.ts

 import { ComponentPropsWithoutRef, ReactElement } from 'react';
+import { ButtonProps } from '../../../types';
 interface ProgressBarProps extends ComponentPropsWithoutRef<'input'> {
@@ -6,4 +7,5 @@ duration: number;
     buffered: number;
+    btnStyleProps?: ButtonProps;
 }
-export default function ProgressBar({ duration, currentProgress, buffered, ...props }: ProgressBarProps): ReactElement<ProgressBarProps, 'div'>;
+export default function ProgressBar({ duration, currentProgress, buffered, btnStyleProps, ...props }: ProgressBarProps): ReactElement<ProgressBarProps, 'div'>;
 export {};

dist/cjs/lib/AudioLibrary/index.d.ts

@@ -1,13 +0,2 @@
-import AudioLibrary from './component';
-import LibraryPlayer from './elements/Player';
-import ProgressBar from './elements/ProgressBar';
-import LibraryTrackItem from './elements/TrackItem';
-import VolumeInput from './elements/VolumeInput';
-declare const _default: {
-    AudioLibrary: typeof AudioLibrary;
-    LibraryPlayer: typeof LibraryPlayer;
-    LibraryTrackItem: typeof LibraryTrackItem;
-    ProgressBar: typeof ProgressBar;
-    VolumeInput: typeof VolumeInput;
-};
-export default _default;
+import { AudioLibraryProps } from '../../types';
+export default function AudioLibrary({ tracks, styles, autoplay, btnStyleProps, ...props }: AudioLibraryProps): import("react/jsx-runtime").JSX.Element;

dist/cjs/lib/AudioPlayer/index.d.ts

@@ -1,2 +0,2 @@
-import AudioPlayer from './component';
-export default AudioPlayer;
+import { AudioPlayerProps } from "../../types";
+export default function AudioPlayer({ track, btnStyleProps, autoplay, ...props }: AudioPlayerProps): import("react/jsx-runtime").JSX.Element;

dist/cjs/lib/index.d.ts

@@ -0,1 +1,2 @@
+import { default as AudioLibrary } from './AudioLibrary';
 import AudioPlayer from './AudioPlayer';
@@ -6,25 +7,7 @@ import JustPlayer from './JustPlayer';
 declare const _default: {
-    AudioLibrary: {
-        AudioLibrary: typeof import("..").AudioLibrary;
-        LibraryPlayer: typeof import("./AudioLibrary/elements/Player").default;
-        LibraryTrackItem: typeof import("./AudioLibrary/elements/TrackItem").default;
-        ProgressBar: typeof import("./AudioLibrary/elements/ProgressBar").default;
-        VolumeInput: typeof import("./AudioLibrary/elements/VolumeInput").default;
-    };
+    AudioLibrary: typeof AudioLibrary;
     AudioPlayer: typeof AudioPlayer;
     JustPlayer: typeof JustPlayer;
-    LibraryPlayer: {
-        AudioLibrary: typeof import("..").AudioLibrary;
-        LibraryPlayer: typeof import("./AudioLibrary/elements/Player").default;
-        LibraryTrackItem: typeof import("./AudioLibrary/elements/TrackItem").default;
-        ProgressBar: typeof import("./AudioLibrary/elements/ProgressBar").default;
-        VolumeInput: typeof import("./AudioLibrary/elements/VolumeInput").default;
-    };
-    LibraryTrackItem: {
-        AudioLibrary: typeof import("..").AudioLibrary;
-        LibraryPlayer: typeof import("./AudioLibrary/elements/Player").default;
-        LibraryTrackItem: typeof import("./AudioLibrary/elements/TrackItem").default;
-        ProgressBar: typeof import("./AudioLibrary/elements/ProgressBar").default;
-        VolumeInput: typeof import("./AudioLibrary/elements/VolumeInput").default;
-    };
+    LibraryPlayer: typeof AudioLibrary;
+    LibraryTrackItem: typeof AudioLibrary;
     Waveform: typeof Waveform;
@@ -31,0 +14,0 @@ WaveformImage: typeof WaveformImage;

dist/cjs/lib/JustPlayer/component/index.d.ts

 import { ComponentProps, ReactElement } from 'react';
 import { Track } from '../../../types';
-interface Props extends ComponentProps<'div'> {
+export interface JustPlayerProps extends ComponentProps<'div'> {
     track: Track;
@@ -13,3 +13,2 @@ style?: React.CSSProperties;
  */
-export default function JustPlayer({ track, style, size, ...props }: Props): ReactElement<Props, 'div'>;
-export {};
+export default function JustPlayer({ track, style, size, ...props }: JustPlayerProps): ReactElement<JustPlayerProps, 'div'>;

dist/cjs/lib/JustPlayer/index.d.ts

@@ -1,2 +0,8 @@
-import JustPlayer from './component';
-export default JustPlayer;
+import { ReactElement } from 'react';
+import { JustPlayerProps } from '../../types';
+/**
+ * @param track - Track object
+ * @param style - React CSS properties
+ * @param size - Number
+ */
+export default function JustPlayer({ track, style, size, btnStyleProps, autoplay, ...props }: JustPlayerProps): ReactElement<JustPlayerProps, 'div'>;

dist/cjs/lib/Waveform/elements/Player.d.ts

 import { ComponentProps, RefObject } from 'react';
-import { Track } from '../../../types';
+import { ButtonProps, Track } from '../../../types';
 interface Props extends ComponentProps<'div'> {
@@ -7,4 +7,6 @@ audioElement: RefObject<HTMLAudioElement>;
     showTrackInfo?: boolean;
+    btnStyleProps?: ButtonProps;
+    autoplay?: boolean;
 }
-export default function Player({ audioElement, track, showTrackInfo, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Player({ audioElement, track, showTrackInfo, btnStyleProps, autoplay, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

dist/cjs/lib/Waveform/index.d.ts

@@ -1,14 +0,2 @@
-import { ComponentPropsWithRef } from 'react';
-import { Track } from '../../types';
-interface WaveformProps extends ComponentPropsWithRef<'div'> {
-    track: Track;
-    color?: string;
-    size?: {
-        width: number;
-        height: number;
-    };
-    canvasStyles?: React.CSSProperties;
-    showTrackInfo?: boolean;
-}
-export default function Waveform({ track, color, size, canvasStyles, showTrackInfo, ...props }: WaveformProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { WaveformProps } from '../../types';
+export default function Waveform({ track, color, size, canvasStyles, showTrackInfo, btnStyleProps, autoplay, ...props }: WaveformProps): import("react/jsx-runtime").JSX.Element;

dist/cjs/types/index.d.ts

@@ -1,2 +0,2 @@
-import React from 'react';
+import React, { ComponentProps, ComponentPropsWithoutRef } from 'react';
 /**
@@ -26,1 +26,33 @@ * @param src - The source of the audio file (mp3, ogg, etc.), required, recommended to be within your public/ directory``
 };
+interface Props {
+    track: Track;
+    btnStyleProps?: ButtonProps;
+    autoplay?: boolean;
+}
+export interface AudioLibraryProps {
+    tracks: Track[];
+    styles?: LibraryStyles;
+    btnStyleProps?: ButtonProps;
+    autoplay?: boolean;
+}
+export interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
+    color?: string;
+    theme?: 'light' | 'dark';
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface AudioPlayerProps extends Props {
+}
+export interface JustPlayerProps extends ComponentProps<"div">, Props {
+    style?: React.CSSProperties;
+    size?: number;
+}
+export interface WaveformProps extends ComponentProps<"div">, Props {
+    color?: string;
+    size?: {
+        width: number;
+        height: number;
+    };
+    canvasStyles?: React.CSSProperties;
+    showTrackInfo?: boolean;
+}
+export {};

dist/esm/components/ui/Button/index.d.ts

@@ -1,7 +0,2 @@
-import { ComponentPropsWithoutRef } from 'react';
-interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
-    size?: 'sm' | 'md' | 'lg';
-    color?: string;
-    theme?: 'light' | 'dark';
-}
+import { ButtonProps } from '../../../types';
 /**
@@ -14,2 +9,1 @@ *
 export default function Button({ size, children, color, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};

dist/esm/components/ui/Progress/index.d.ts

@@ -0,1 +1,3 @@
+import React from "react";
+import { ButtonProps } from '../../../types';
 interface ProgressBarProps extends React.ComponentPropsWithoutRef<'input'> {
@@ -5,4 +7,5 @@ duration: number;
     buffered: number;
+    btnStyleProps?: ButtonProps;
 }
-export default function ProgressBar({ duration, current_progress, buffered, ...props }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
+export default function ProgressBar({ duration, current_progress, buffered, btnStyleProps, ...props }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
 export {};

dist/esm/components/ui/Volume/index.d.ts

 import { ComponentProps } from 'react';
+import { ButtonProps } from '../../../types';
 interface VolumeProps extends ComponentProps<'div'> {
@@ -6,4 +7,5 @@ volume: number;
     handleMute: () => void;
+    btnStyleProps?: ButtonProps;
 }
-export default function Volume({ volume, volumeChange, handleMute, ...props }: VolumeProps): import("react/jsx-runtime").JSX.Element;
+export default function Volume({ volume, volumeChange, handleMute, btnStyleProps, ...props }: VolumeProps): import("react/jsx-runtime").JSX.Element;
 export {};

dist/esm/index.d.ts

@@ -1,2 +0,2 @@
-import AudioLibrary from './lib/AudioLibrary/component';
+import AudioLibrary from './lib/AudioLibrary';
 import AudioPlayer from './lib/AudioPlayer';
@@ -3,0 +3,0 @@ import JustPlayer from './lib/JustPlayer';

dist/esm/lib/AudioLibrary/elements/Player.d.ts

 import { ComponentPropsWithRef, ReactElement } from 'react';
-import { Track } from '../../../types';
+import { ButtonProps, Track } from '../../../types';
 interface AudioLibraryProps extends ComponentPropsWithRef<'div'> {
@@ -9,4 +9,6 @@ currentTrack?: Track;
     onPrevious: () => void;
+    autoplay?: boolean;
+    btnStyleProps?: ButtonProps;
 }
-export default function LibraryPlayer({ currentTrack, trackIndex, trackCount, onNext, onPrevious, ...props }: AudioLibraryProps): ReactElement<AudioLibraryProps, 'div'>;
+export default function LibraryPlayer({ currentTrack, trackIndex, trackCount, onNext, onPrevious, autoplay, btnStyleProps, ...props }: AudioLibraryProps): ReactElement<AudioLibraryProps, 'div'>;
 export {};

dist/esm/lib/AudioLibrary/elements/ProgressBar.d.ts

 import { ComponentPropsWithoutRef, ReactElement } from 'react';
+import { ButtonProps } from '../../../types';
 interface ProgressBarProps extends ComponentPropsWithoutRef<'input'> {
@@ -6,4 +7,5 @@ duration: number;
     buffered: number;
+    btnStyleProps?: ButtonProps;
 }
-export default function ProgressBar({ duration, currentProgress, buffered, ...props }: ProgressBarProps): ReactElement<ProgressBarProps, 'div'>;
+export default function ProgressBar({ duration, currentProgress, buffered, btnStyleProps, ...props }: ProgressBarProps): ReactElement<ProgressBarProps, 'div'>;
 export {};

dist/esm/lib/AudioLibrary/index.d.ts

@@ -1,13 +0,2 @@
-import AudioLibrary from './component';
-import LibraryPlayer from './elements/Player';
-import ProgressBar from './elements/ProgressBar';
-import LibraryTrackItem from './elements/TrackItem';
-import VolumeInput from './elements/VolumeInput';
-declare const _default: {
-    AudioLibrary: typeof AudioLibrary;
-    LibraryPlayer: typeof LibraryPlayer;
-    LibraryTrackItem: typeof LibraryTrackItem;
-    ProgressBar: typeof ProgressBar;
-    VolumeInput: typeof VolumeInput;
-};
-export default _default;
+import { AudioLibraryProps } from '../../types';
+export default function AudioLibrary({ tracks, styles, autoplay, btnStyleProps, ...props }: AudioLibraryProps): import("react/jsx-runtime").JSX.Element;

dist/esm/lib/AudioPlayer/index.d.ts

@@ -1,2 +0,2 @@
-import AudioPlayer from './component';
-export default AudioPlayer;
+import { AudioPlayerProps } from "../../types";
+export default function AudioPlayer({ track, btnStyleProps, autoplay, ...props }: AudioPlayerProps): import("react/jsx-runtime").JSX.Element;

dist/esm/lib/index.d.ts

@@ -0,1 +1,2 @@
+import { default as AudioLibrary } from './AudioLibrary';
 import AudioPlayer from './AudioPlayer';
@@ -6,25 +7,7 @@ import JustPlayer from './JustPlayer';
 declare const _default: {
-    AudioLibrary: {
-        AudioLibrary: typeof import("..").AudioLibrary;
-        LibraryPlayer: typeof import("./AudioLibrary/elements/Player").default;
-        LibraryTrackItem: typeof import("./AudioLibrary/elements/TrackItem").default;
-        ProgressBar: typeof import("./AudioLibrary/elements/ProgressBar").default;
-        VolumeInput: typeof import("./AudioLibrary/elements/VolumeInput").default;
-    };
+    AudioLibrary: typeof AudioLibrary;
     AudioPlayer: typeof AudioPlayer;
     JustPlayer: typeof JustPlayer;
-    LibraryPlayer: {
-        AudioLibrary: typeof import("..").AudioLibrary;
-        LibraryPlayer: typeof import("./AudioLibrary/elements/Player").default;
-        LibraryTrackItem: typeof import("./AudioLibrary/elements/TrackItem").default;
-        ProgressBar: typeof import("./AudioLibrary/elements/ProgressBar").default;
-        VolumeInput: typeof import("./AudioLibrary/elements/VolumeInput").default;
-    };
-    LibraryTrackItem: {
-        AudioLibrary: typeof import("..").AudioLibrary;
-        LibraryPlayer: typeof import("./AudioLibrary/elements/Player").default;
-        LibraryTrackItem: typeof import("./AudioLibrary/elements/TrackItem").default;
-        ProgressBar: typeof import("./AudioLibrary/elements/ProgressBar").default;
-        VolumeInput: typeof import("./AudioLibrary/elements/VolumeInput").default;
-    };
+    LibraryPlayer: typeof AudioLibrary;
+    LibraryTrackItem: typeof AudioLibrary;
     Waveform: typeof Waveform;
@@ -31,0 +14,0 @@ WaveformImage: typeof WaveformImage;

dist/esm/lib/JustPlayer/component/index.d.ts

 import { ComponentProps, ReactElement } from 'react';
 import { Track } from '../../../types';
-interface Props extends ComponentProps<'div'> {
+export interface JustPlayerProps extends ComponentProps<'div'> {
     track: Track;
@@ -13,3 +13,2 @@ style?: React.CSSProperties;
  */
-export default function JustPlayer({ track, style, size, ...props }: Props): ReactElement<Props, 'div'>;
-export {};
+export default function JustPlayer({ track, style, size, ...props }: JustPlayerProps): ReactElement<JustPlayerProps, 'div'>;

dist/esm/lib/JustPlayer/index.d.ts

@@ -1,2 +0,8 @@
-import JustPlayer from './component';
-export default JustPlayer;
+import { ReactElement } from 'react';
+import { JustPlayerProps } from '../../types';
+/**
+ * @param track - Track object
+ * @param style - React CSS properties
+ * @param size - Number
+ */
+export default function JustPlayer({ track, style, size, btnStyleProps, autoplay, ...props }: JustPlayerProps): ReactElement<JustPlayerProps, 'div'>;

dist/esm/lib/Waveform/elements/Player.d.ts

 import { ComponentProps, RefObject } from 'react';
-import { Track } from '../../../types';
+import { ButtonProps, Track } from '../../../types';
 interface Props extends ComponentProps<'div'> {
@@ -7,4 +7,6 @@ audioElement: RefObject<HTMLAudioElement>;
     showTrackInfo?: boolean;
+    btnStyleProps?: ButtonProps;
+    autoplay?: boolean;
 }
-export default function Player({ audioElement, track, showTrackInfo, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Player({ audioElement, track, showTrackInfo, btnStyleProps, autoplay, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

dist/esm/lib/Waveform/index.d.ts

@@ -1,14 +0,2 @@
-import { ComponentPropsWithRef } from 'react';
-import { Track } from '../../types';
-interface WaveformProps extends ComponentPropsWithRef<'div'> {
-    track: Track;
-    color?: string;
-    size?: {
-        width: number;
-        height: number;
-    };
-    canvasStyles?: React.CSSProperties;
-    showTrackInfo?: boolean;
-}
-export default function Waveform({ track, color, size, canvasStyles, showTrackInfo, ...props }: WaveformProps): import("react/jsx-runtime").JSX.Element;
-export {};
+import { WaveformProps } from '../../types';
+export default function Waveform({ track, color, size, canvasStyles, showTrackInfo, btnStyleProps, autoplay, ...props }: WaveformProps): import("react/jsx-runtime").JSX.Element;

dist/esm/types/index.d.ts

@@ -1,2 +0,2 @@
-import React from 'react';
+import React, { ComponentProps, ComponentPropsWithoutRef } from 'react';
 /**
@@ -26,1 +26,33 @@ * @param src - The source of the audio file (mp3, ogg, etc.), required, recommended to be within your public/ directory``
 };
+interface Props {
+    track: Track;
+    btnStyleProps?: ButtonProps;
+    autoplay?: boolean;
+}
+export interface AudioLibraryProps {
+    tracks: Track[];
+    styles?: LibraryStyles;
+    btnStyleProps?: ButtonProps;
+    autoplay?: boolean;
+}
+export interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
+    color?: string;
+    theme?: 'light' | 'dark';
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface AudioPlayerProps extends Props {
+}
+export interface JustPlayerProps extends ComponentProps<"div">, Props {
+    style?: React.CSSProperties;
+    size?: number;
+}
+export interface WaveformProps extends ComponentProps<"div">, Props {
+    color?: string;
+    size?: {
+        width: number;
+        height: number;
+    };
+    canvasStyles?: React.CSSProperties;
+    showTrackInfo?: boolean;
+}
+export {};

dist/index.d.ts

 import * as react_jsx_runtime from 'react/jsx-runtime';
-import React$1, { ComponentPropsWithRef, ReactElement, ComponentProps } from 'react';
+import React, { ComponentPropsWithoutRef, ComponentProps, ReactElement } from 'react';
 
@@ -16,3 +16,3 @@ /**
 };
-interface LibraryStyles extends React$1.CSSProperties {
+interface LibraryStyles extends React.CSSProperties {
     backgroundColor?: string;
@@ -24,28 +24,25 @@ textColor?: string;
 }
-
-interface AudioLibraryProps extends ComponentPropsWithRef<'div'> {
+interface Props {
+    track: Track;
+    btnStyleProps?: ButtonProps;
+    autoplay?: boolean;
+}
+interface AudioLibraryProps {
     tracks: Track[];
     styles?: LibraryStyles;
+    btnStyleProps?: ButtonProps;
+    autoplay?: boolean;
 }
-declare function AudioLibrary({ tracks, styles, ...props }: AudioLibraryProps): react_jsx_runtime.JSX.Element;
-
-interface AudioPlayerProps extends ComponentPropsWithRef<'div'> {
-    track: Track;
+interface ButtonProps extends ComponentPropsWithoutRef<'button'> {
+    color?: string;
+    theme?: 'light' | 'dark';
+    size?: 'sm' | 'md' | 'lg';
 }
-declare function AudioPlayer({ track, ...props }: AudioPlayerProps): react_jsx_runtime.JSX.Element;
-
-interface Props extends ComponentProps<'div'> {
-    track: Track;
+interface AudioPlayerProps extends Props {
+}
+interface JustPlayerProps extends ComponentProps<"div">, Props {
     style?: React.CSSProperties;
     size?: number;
 }
-/**
- * @param track - Track object
- * @param style - React CSS properties
- * @param size - Number
- */
-declare function JustPlayer({ track, style, size, ...props }: Props): ReactElement<Props, 'div'>;
-
-interface WaveformProps extends ComponentPropsWithRef<'div'> {
-    track: Track;
+interface WaveformProps extends ComponentProps<"div">, Props {
     color?: string;
@@ -59,4 +56,16 @@ size?: {
 }
-declare function Waveform({ track, color, size, canvasStyles, showTrackInfo, ...props }: WaveformProps): react_jsx_runtime.JSX.Element;
 
+declare function AudioLibrary({ tracks, styles, autoplay, btnStyleProps, ...props }: AudioLibraryProps): react_jsx_runtime.JSX.Element;
+
+declare function AudioPlayer({ track, btnStyleProps, autoplay, ...props }: AudioPlayerProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @param track - Track object
+ * @param style - React CSS properties
+ * @param size - Number
+ */
+declare function JustPlayer({ track, style, size, btnStyleProps, autoplay, ...props }: JustPlayerProps): ReactElement<JustPlayerProps, 'div'>;
+
+declare function Waveform({ track, color, size, canvasStyles, showTrackInfo, btnStyleProps, autoplay, ...props }: WaveformProps): react_jsx_runtime.JSX.Element;
+
 export { AudioLibrary, AudioPlayer, JustPlayer, type Track, Waveform };

package.json

 {
   "name": "@clxrity/react-audio",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "A simple audio player for React",
@@ -67,2 +67,13 @@ "main": "dist/cjs/index.js",
     "@rollup/plugin-typescript": "^11.1.6",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-mdx-gfm": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/manager-api": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test": "^8.2.9",
+    "@storybook/theming": "^8.2.9",
     "@types/ffmpeg": "^1.0.7",
@@ -75,2 +86,3 @@ "@types/fluent-ffmpeg": "^2.1.26",
     "fluent-ffmpeg": "^2.1.3",
+    "gh-pages": "^6.1.1",
     "jest": "^29.7.0",
@@ -86,3 +98,5 @@ "postcss": "^8.4.41",
     "shelljs": "^0.8.5",
+    "storybook": "^8.2.9",
     "styled-components": "^6.1.12",
+    "tailwindcss": "^3.4.10",
     "ts-jest": "^29.2.5",
@@ -108,4 +122,7 @@ "ts-node": "^10.9.2",
     "start:test": "cd test && pnpm dev",
-    "start": "cd web && pnpm dev"
+    "start": "cd web && pnpm dev",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build -o docs",
+    "deploy-storybook": "gh-pages -d docs"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

3817150

increased by0.23%

Number of package files

73

increased by12.31%

Lines of code

4716

increased by2.01%

Worsened metrics

Dev dependency count

41

increased by51.85%

No dependency changes