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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import { default as React, FC } from 'react';
 interface InterfaceProps {
     children: React.ReactNode;
 }

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

@@ -1,17 +1,12 @@
-import { ActiveUI, PlayListPlacement, CustomIcons, PlayerPlacement, PlayList, InitialStates, InterfacePlacement, CoverImgsCss, VolumeSliderPlacement } from '../../AudioPlayer/Context';
-export interface AudioPlayerProps<TInterfacePlacementLength extends number> {
+import { AudioPlayerStateProviderProps, defaultInterfacePlacementMaxLength } from '../Context';
+export interface AudioPlayerProps<TInterfacePlacementLength extends number> extends AudioPlayerStateProviderProps<TInterfacePlacementLength> {
     children?: React.ReactNode;
-    playList: PlayList;
-    audioInitialState?: InitialStates;
     audioRef?: React.MutableRefObject<HTMLAudioElement>;
-    activeUI?: ActiveUI;
-    customIcons?: CustomIcons;
-    coverImgsCss?: CoverImgsCss;
-    placement?: {
-        player?: PlayerPlacement;
-        playList?: PlayListPlacement;
-        interface?: InterfacePlacement<TInterfacePlacementLength>;
-        volumeSlider?: VolumeSliderPlacement;
-    };
+    /**
+     * Forces the player to render in a specific color scheme, overriding the
+     * operating system `prefers-color-scheme` setting. When omitted, the
+     * player follows the OS preference.
+     */
+    colorScheme?: "light" | "dark";
 }
-export declare const AudioPlayer: <TInterfacePlacementLength extends number = 10>({ audioRef, children, ...restProps }: AudioPlayerProps<TInterfacePlacementLength>) => JSX.Element;
+export declare const AudioPlayer: <TInterfacePlacementLength extends number = typeof defaultInterfacePlacementMaxLength>({ audioRef, children, ...restProps }: AudioPlayerProps<TInterfacePlacementLength>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-import { AudioPlayerProps } from ".";
+import { AudioPlayerProps } from '.';
 export declare const usePropsStateEffect: <TInterfacePlacementLength extends number>({ placement, activeUI, coverImgsCss, audioInitialState, playList, customIcons, }: Omit<AudioPlayerProps<TInterfacePlacementLength>, "children">) => void;

package/dist/types/components/AudioPlayer/Provider/AudioPlayerStateProvider.d.ts

@@ -0,0 +1,7 @@
+import { defaultInterfacePlacementMaxLength, AudioPlayerStateProviderProps } from '../Context';
+import { PropsWithChildren } from 'react';
+interface AudioPlayerStateProviderOwnProps<T extends number = number> extends AudioPlayerStateProviderProps<T> {
+    colorScheme?: "light" | "dark";
+}
+export declare const AudioPlayerStateProvider: <TInterfacePlacementLength extends number = typeof defaultInterfacePlacementMaxLength>({ children, colorScheme, ...initProps }: PropsWithChildren<AudioPlayerStateProviderOwnProps<TInterfacePlacementLength>>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

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

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

@@ -1,11 +1,10 @@
-import { SpectrumProviderProps } from '../Provider';
-import { defaultInterfacePlacementMaxLength } from "./Context";
-import { CustomComponent } from "./Interface/CustomComponent";
-import { AudioPlayerProps } from "./Player";
-export declare type RMAudioPlayerProps<TInterfacePlacementLength extends number = typeof defaultInterfacePlacementMaxLength> = AudioPlayerProps<TInterfacePlacementLength> & SpectrumProviderProps;
-declare const AudioPlayerWithProviders: <TInterfacePlacementLength extends number>({ rootContainerProps, ...audioPlayProps }: RMAudioPlayerProps<TInterfacePlacementLength>) => JSX.Element;
-declare type AudioPlayerComponent = typeof AudioPlayerWithProviders & {
-    CustomComponent: typeof CustomComponent;
-};
-declare const _default: AudioPlayerComponent;
-export default _default;
+import { AudioPlayerContainerProps } from './Container';
+import { defaultInterfacePlacementMaxLength } from './Context';
+import { AudioPlayerProps } from './Player';
+export type RMAudioPlayerProps<TInterfacePlacementLength extends number = typeof defaultInterfacePlacementMaxLength> = AudioPlayerProps<TInterfacePlacementLength> & AudioPlayerContainerProps;
+declare function AudioPlayerWithProviders<TInterfacePlacementLength extends number = typeof defaultInterfacePlacementMaxLength>({ rootContainerProps, ...audioPlayProps }: RMAudioPlayerProps<TInterfacePlacementLength>): import("react/jsx-runtime").JSX.Element;
+declare namespace AudioPlayerWithProviders {
+    var displayName: string;
+    var CustomComponent: import("react").FC<import("./Interface/CustomComponent").CustomComponentProps>;
+}
+export default AudioPlayerWithProviders;

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

@@ -1,16 +1,15 @@
-import { PropsWithChildren, FC } from "react";
-import { DrawerContext } from "./DrawerContext";
-import { DrawerTrigger } from "./DrawerTrigger";
-import { DrawerContent } from "./DrawerContent";
+import { PropsWithChildren, 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;
     placement?: "bottom" | "top";
 }
 declare const Drawer: FC<PropsWithChildren<DrawerProps>>;
-declare type DrawerComponent = typeof Drawer & {
+type DrawerComponent = typeof Drawer & {
     Trigger: typeof DrawerTrigger;
     Content: typeof DrawerContent;
 };
 declare const _default: DrawerComponent;
 export default _default;
-export declare const DrawerContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +1,7 @@
-import { FC, PropsWithChildren } from "react";
-export declare type DrawerContentPlacement = "top" | "bottom" | "left" | "right";
-export declare type DrawerContentProps = {
+import { FC, PropsWithChildren } from 'react';
+export type DrawerContentPlacement = "top" | "bottom" | "left" | "right";
+export type DrawerContentProps = {
     isWithAnimation?: boolean;
+    "aria-label"?: string;
 };
 export declare const DrawerContent: FC<PropsWithChildren<DrawerContentProps>>;

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

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

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

@@ -1,2 +1,7 @@
-import { FC, PropsWithChildren } from "react";
-export declare const DrawerTrigger: FC<PropsWithChildren<unknown>>;
+import { FC, PropsWithChildren } from 'react';
+type DrawerTriggerProps = PropsWithChildren<{
+    "aria-label"?: string;
+    "data-testid"?: string;
+}>;
+export declare const DrawerTrigger: FC<DrawerTriggerProps>;
+export {};

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

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

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

@@ -1,18 +1,18 @@
-import { PropsWithChildren, FC } from "react";
-import { DropdownContext } from "./DropdownContext";
-import { DropdownTrigger } from "./DropdownTrigger";
-import { DropdownContent } from "./DropdownContent";
+import { PropsWithChildren, FC } from 'react';
+import { DropdownContext } from './DropdownContext';
+import { DropdownTrigger } from './DropdownTrigger';
+import { DropdownContent } from './DropdownContent';
 export interface DropdownProps extends Omit<Partial<DropdownContext>, "setIsOpen"> {
     triggerType?: "click" | "hover";
     outboundClickActive?: boolean;
     placement?: DropdownContext["placement"];
     disabled?: boolean;
+    "data-testid"?: string;
 }
 declare const Dropdown: FC<PropsWithChildren<DropdownProps>>;
-declare type DropdownComponent = typeof Dropdown & {
+type DropdownComponent = typeof Dropdown & {
     Trigger: typeof DropdownTrigger;
     Content: typeof DropdownContent;
 };
 declare const _default: DropdownComponent;
 export default _default;
-export declare const DropdownContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/types/components/Dropdown/DropdownContent.d.ts

@@ -1,6 +1,6 @@
-import { FC, HTMLAttributes, PropsWithChildren } from "react";
-export declare type DropdownContentPlacement = "top" | "bottom" | "left" | "right";
-export declare type DropdownContentProps = HTMLAttributes<HTMLDivElement> & {
+import { FC, HTMLAttributes, PropsWithChildren } from 'react';
+export type DropdownContentPlacement = "top" | "bottom" | "left" | "right";
+export type DropdownContentProps = HTMLAttributes<HTMLDivElement> & {
     isWithAnimation?: boolean;
 };
 export interface DropdownSize {

package/dist/types/components/Dropdown/DropdownContext.d.ts

@@ -4,5 +4,6 @@ export interface DropdownContext {
     placement: "top" | "bottom" | "left" | "right";
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
     onOpenChange?: (isOpen: boolean) => void;
+    dropdownId: string;
 }
-export declare const dropdownContext: import("react").Context<DropdownContext | null>;
+export declare const dropdownContext: import('react').Context<DropdownContext | null>;

package/dist/types/components/Dropdown/DropdownTrigger.d.ts

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

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

@@ -1,3 +1,3 @@
-import Dropdown from "./Dropdown";
+import { default as Dropdown } from './Dropdown';
 export default Dropdown;
-export type { DropdownContentProps, DropdownContentPlacement, } from "./DropdownContent";
+export type { DropdownContentProps, DropdownContentPlacement, } from './DropdownContent';

package/dist/types/components/Dropdown/useDropdown.d.ts

@@ -1,9 +1,9 @@
-import { HTMLAttributes } from "react";
-import { DropdownProps } from "./Dropdown";
+import { HTMLAttributes } from 'react';
+import { DropdownProps } from './Dropdown';
 export declare const useDropdown: ({ clickArea, triggerType, isOpen, setIsOpen, onOpenChange, }: {
     clickArea: "root" | "content";
     triggerType?: DropdownProps["triggerType"];
     isOpen: boolean;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    onOpenChange?: ((isOpen: boolean) => void) | undefined;
+    onOpenChange?: (isOpen: boolean) => void;
 }) => HTMLAttributes<HTMLDivElement>;

package/dist/types/components/Dropdown/useDropdownPlacementStyle.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+import { DropdownContentPlacement, DropdownSize } from './DropdownContent';
+export declare const useDropdownPlacementStyle: (placement: DropdownContentPlacement, dropdownSize: DropdownSize | undefined) => CSSProperties | undefined;

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

@@ -1,8 +1,12 @@
-import { Grid as SpectrumGrid } from "@react-spectrum/layout";
-import { GridItem } from "./Item";
-export declare const Grid: import("react").ForwardRefExoticComponent<import("@react-spectrum/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;
+import { CSSProperties, FC, ReactNode } from 'react';
+export interface NativeGridProps {
+    areas?: string[];
+    columns?: string[];
+    alignItems?: CSSProperties["alignItems"];
+    justifyContent?: CSSProperties["justifyContent"];
+    minHeight?: CSSProperties["minHeight"];
+    UNSAFE_className?: string;
+    children?: ReactNode;
+}
+export declare const Grid: FC<NativeGridProps>;
+export default Grid;

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

@@ -1,7 +1,10 @@
-import { ViewProps } from "@react-spectrum/view";
-import { DOMRefValue } from "@react-types/shared";
-export interface GridItemProps extends Omit<ViewProps, "children"> {
+import { CSSProperties, HTMLAttributes } from 'react';
+export interface GridItemProps extends HTMLAttributes<HTMLDivElement> {
+    gridArea?: string;
+    width?: CSSProperties["width"];
     visible?: boolean;
-    children: React.ReactNode;
+    UNSAFE_className?: string;
+    justifySelf?: CSSProperties["justifySelf"];
+    padding?: CSSProperties["padding"];
 }
-export declare const GridItem: import("react").ForwardRefExoticComponent<GridItemProps & import("react").RefAttributes<import("react").RefAttributes<DOMRefValue<HTMLElement>>>>;
+export declare const GridItem: import('react').ForwardRefExoticComponent<GridItemProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +1,9 @@
-import Grid from "./Grid";
+import { NativeGridProps, Grid as BaseGrid } from './Grid';
+import { GridItem } from './Item';
+type GridComponent = typeof BaseGrid & {
+    Item: typeof GridItem;
+};
+declare const Grid: GridComponent;
+export type { NativeGridProps };
+export type { NativeGridProps as GridProps };
 export default Grid;

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

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

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

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

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

@@ -1,6 +1,6 @@
-import SortableList from "./SortableList";
+import { default as SortableList } from './SortableList';
 export default SortableList;
-export declare type ListData<T> = Array<T>;
-export declare type ListItem = Record<string, any>;
-export type { UseSortableListItemProps } from "./useSortableListItem";
-export type { SortableListItemProps } from "./SortableListItem";
+export type ListData<T> = Array<T>;
+export type ListItem = Record<string, any>;
+export type { UseSortableListItemProps } from './useSortableListItem';
+export type { SortableListItemProps } from './SortableListItem';

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

@@ -1,4 +1,4 @@
-import { ListData } from "./index";
+import { ListData } from './index';
 export interface UseSortableListItemProps<T> {
     index: number;
     dragStartIdx: number;

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

@@ -0,0 +1,16 @@
+import { FC, SVGProps } from 'react';
+export interface SvgIconProps extends SVGProps<SVGSVGElement> {
+    size?: string | number;
+}
+export declare const MdPlayCircleFilled: FC<SvgIconProps>;
+export declare const MdPauseCircleFilled: FC<SvgIconProps>;
+export declare const MdPlaylistPlay: FC<SvgIconProps>;
+export declare const TbRepeat: FC<SvgIconProps>;
+export declare const TbRepeatOnce: FC<SvgIconProps>;
+export declare const TbRepeatOff: FC<SvgIconProps>;
+export declare const TbArrowsShuffle: FC<SvgIconProps>;
+export declare const TbVolume: FC<SvgIconProps>;
+export declare const TbVolume2: FC<SvgIconProps>;
+export declare const TbVolume3: FC<SvgIconProps>;
+export declare const ImPrevious: FC<SvgIconProps>;
+export declare const ImNext: FC<SvgIconProps>;

package/dist/types/hooks/context/index.d.ts

@@ -0,0 +1,7 @@
+export * from './useNonNullableContext';
+export * from './usePlaybackContext';
+export * from './useTimeContext';
+export * from './useTrackContext';
+export * from './useUIContext';
+export * from './useResourceContext';
+export * from './useAudioAttrsContext';

package/dist/types/hooks/context/useAudioAttrsContext.d.ts

@@ -0,0 +1,2 @@
+import { AudioAttrsContext } from '../../components/AudioPlayer/Context/AudioAttrsContext';
+export declare const useAudioAttrsContext: () => AudioAttrsContext;

package/dist/types/hooks/{useNonNullableContext.d.ts → context/useNonNullableContext.d.ts}

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

package/dist/types/hooks/context/usePlaybackContext.d.ts

@@ -0,0 +1,2 @@
+import { PlaybackContext } from '../../components/AudioPlayer/Context/PlaybackContext';
+export declare const usePlaybackContext: () => PlaybackContext;

package/dist/types/hooks/context/useResourceContext.d.ts

@@ -0,0 +1,2 @@
+import { ResourceContext } from '../../components/AudioPlayer/Context/ResourceContext';
+export declare const useResourceContext: () => ResourceContext;

package/dist/types/hooks/context/useTimeContext.d.ts

@@ -0,0 +1,2 @@
+import { TimeContext } from '../../components/AudioPlayer/Context/TimeContext';
+export declare const useTimeContext: () => TimeContext;

package/dist/types/hooks/context/useTrackContext.d.ts

@@ -0,0 +1,2 @@
+import { TrackContext } from '../../components/AudioPlayer/Context/TrackContext';
+export declare const useTrackContext: () => TrackContext;

package/dist/types/hooks/context/useUIContext.d.ts

@@ -0,0 +1 @@
+export declare const useUIContext: () => import('../../components/AudioPlayer/Context/UIContext').UIContext;

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

@@ -1,4 +1,5 @@
-export * from "./useNonNullableContext";
-export * from "./useVariableColor";
-export * from "./useClickOutside";
-export * from "./useRefsDispatch";
+export * from './context/useNonNullableContext';
+export * from './useVariableColor';
+export * from './useClickOutside';
+export * from './useRefsDispatch';
+export * from './context';

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

@@ -1,3 +1,3 @@
-import { MutableRefObject } from "react";
+import { MutableRefObject } from 'react';
 declare const useClickOutside: (ref: MutableRefObject<HTMLElement | null>, handler: (event: MouseEvent) => void) => void;
 export default useClickOutside;

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

@@ -0,0 +1,16 @@
+import { DependencyList, EffectCallback } from 'react';
+/**
+ * Like `useEffect`, but skips the initial mount invocation.
+ * Useful for prop-sync effects where the initial value is already
+ * baked into state via the reducer's lazy initializer.
+ *
+ * StrictMode-safe: React 18 StrictMode runs effects in the order
+ * setup₁→cleanup₁→setup₂. A boolean ref flipped inside the deps
+ * effect would already be true on setup₂ and fire prematurely.
+ *
+ * Fix: a separate empty-deps effect (declared AFTER the main effect)
+ * sets the flag on mount and resets it on unmount. Because React runs
+ * effects in declaration order, the main effect always sees false on
+ * mount before the mount-tracker sets it to true.
+ */
+export declare const useDidUpdateEffect: (effect: EffectCallback, deps: DependencyList) => void;

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

@@ -1,5 +1,5 @@
 import { ElementRefs } from '../components/AudioPlayer/Context';
-export declare type ElementRefsRecord = Partial<Record<keyof ElementRefs, React.RefObject<ElementRefs[keyof ElementRefs]>>>;
+export type ElementRefsRecord = Partial<Record<keyof ElementRefs, React.RefObject<ElementRefs[keyof ElementRefs]>>>;
 export declare const useRefsDispatch: ({ refs }: {
     refs: ElementRefsRecord;
 }, deps: Array<any>) => void;

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

@@ -1,2 +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>;
+export type VariableColors<T extends string> = Record<T, string>;
+export declare const useVariableColor: <Keys extends string>(variableColors: VariableColors<Keys>, colorSchemeOverride?: string) => import('react').MutableRefObject<VariableColors<Keys> | undefined>;

package/dist/types/index.d.ts

@@ -1,6 +1,8 @@
-import AudioPlayerWithProviders from "./components/AudioPlayer";
+import { default as AudioPlayerWithProviders } from './components/AudioPlayer';
 export default AudioPlayerWithProviders;
-export * from "./components/AudioPlayer";
-export * from "./components/AudioPlayer/Context";
-export * from "./components/AudioPlayer/Player";
-export * from "./components/Provider/SpectrumProvider";
+export * from './components/AudioPlayer';
+export * from './components/AudioPlayer/Context';
+export * from './components/AudioPlayer/Player';
+export * from './components/AudioPlayer/Container';
+export * from './components/AudioPlayer/Provider';
+export * from './api';

package/dist/types/{components → ui}/CssTransition.d.ts

@@ -1,6 +1,4 @@
-import { FC, PropsWithChildren } from "react";
-export declare const appearanceIn: import("styled-components").Keyframes;
-export declare const appearanceOut: import("styled-components").Keyframes;
+import { FC, PropsWithChildren } from 'react';
 export interface CssTransitionProps {
     visible: boolean;
     name: string;

package/dist/types/ui/StyledBtn.d.ts

@@ -0,0 +1 @@
+export declare const StyledBtn: import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,5 @@
+/**
+ * Clamps a volume value to the valid [0, 1] range for HTMLAudioElement.
+ * Returns 1 for NaN or non-finite values.
+ */
+export declare const clampVolume: (v: number) => number;

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

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

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

@@ -0,0 +1 @@
+export type ReactRef<T> = React.Ref<T> | React.RefObject<T> | React.MutableRefObject<T>;

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

@@ -0,0 +1,5 @@
+/**
+ * Returns numerator / denominator only when the result is a finite number.
+ * Returns the fallback (default 0) for zero denominators, NaN, or Infinity.
+ */
+export declare const safeRatio: (numerator: number, denominator: number, fallback?: number) => number;

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

@@ -0,0 +1,5 @@
+import { useLayoutEffect } from 'react';
+/** true when running in a browser environment */
+export declare const isBrowser: boolean;
+/** useLayoutEffect that falls back to useEffect during SSR */
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;