@applemusic-like-lyrics/react-full 0.2.0-alpha.0

package/dist/components/AudioFFTVisualizer/index.d.ts

@@ -0,0 +1,4 @@
+import { FC, HTMLProps } from 'react';
+export declare const AudioFFTVisualizer: FC<{
+    fftData: number[];
+} & HTMLProps<HTMLCanvasElement>>;

package/dist/components/AudioQualityTag/index.d.ts

@@ -0,0 +1,5 @@
+import { FC, HTMLProps } from 'react';
+import { AudioQualityType } from '../../states/music';
+export declare const AudioQualityTag: FC<{
+    quality: AudioQualityType;
+} & HTMLProps<HTMLDivElement>>;

package/dist/components/BouncingSlider/index.d.ts

@@ -0,0 +1,13 @@
+import { HTMLProps } from 'react';
+export interface SliderProps {
+    onAfterChange?: (v: number) => void;
+    onBeforeChange?: () => void;
+    onChange?: (v: number) => void;
+    onSeeking?: (v: boolean) => void;
+    value: number;
+    min: number;
+    max: number;
+    beforeIcon?: JSX.Element;
+    afterIcon?: JSX.Element;
+}
+export declare const BouncingSlider: React.FC<SliderProps & Omit<HTMLProps<HTMLDivElement>, keyof SliderProps>>;

package/dist/components/ControlThumb/index.d.ts

@@ -0,0 +1,4 @@
+import { HTMLProps, FC } from 'react';
+export declare const ControlThumb: FC<{
+    onClick?: () => void;
+} & HTMLProps<HTMLDivElement>>;

package/dist/components/Cover/index.d.ts

@@ -0,0 +1,11 @@
+import { HTMLProps } from 'react';
+/**
+ * 一个专辑图组件
+ */
+export declare const Cover: import('react').ForwardRefExoticComponent<Omit<{
+    coverUrl?: string;
+    coverIsVideo?: boolean;
+    coverVideoPaused?: boolean;
+    musicPaused?: boolean;
+    pauseShrinkAspect?: number;
+} & HTMLProps<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement | null>>;

package/dist/components/MediaButton/index.d.ts

@@ -0,0 +1,2 @@
+import { FC, HTMLProps, PropsWithChildren } from 'react';
+export declare const MediaButton: FC<PropsWithChildren<HTMLProps<HTMLButtonElement>>>;

package/dist/components/MenuButton/index.d.ts

@@ -0,0 +1,2 @@
+import { HTMLProps } from 'react';
+export declare const MenuButton: React.FC<HTMLProps<HTMLButtonElement>>;

package/dist/components/MusicInfo/index.d.ts

@@ -0,0 +1,9 @@
+import { HTMLProps } from 'react';
+export declare const MusicInfo: React.FC<{
+    name?: string;
+    artists?: string[];
+    album?: string;
+    onArtistClicked?: (artist: string, index: number) => void;
+    onAlbumClicked?: () => void;
+    onMenuButtonClicked?: () => void;
+} & HTMLProps<HTMLDivElement>>;

package/dist/components/PrebuiltLyricPlayer/index.d.ts

@@ -0,0 +1,5 @@
+import { FC, HTMLProps } from 'react';
+/**
+ * 已经部署好所有组件的歌词播放器组件，在正确设置所有的 Jotai 状态后可以开箱即用
+ */
+export declare const PrebuiltLyricPlayer: FC<HTMLProps<HTMLDivElement>>;

package/dist/components/TextMarquee/index.d.ts

@@ -0,0 +1,2 @@
+import { FC, HTMLProps, PropsWithChildren } from 'react';
+export declare const TextMarquee: FC<PropsWithChildren<HTMLProps<HTMLDivElement>>>;

package/dist/components/ToggleIconButton/index.d.ts

@@ -0,0 +1,11 @@
+import { FC, HTMLProps, ReactNode } from 'react';
+import { PrebuiltToggleIconButtonType } from './prebuilt-enum';
+export declare const ToggleIconButton: FC<{
+    uncheckedIcon: ReactNode;
+    checkedIcon: ReactNode;
+    checked?: boolean;
+} & Omit<HTMLProps<HTMLButtonElement>, "type">>;
+export declare const PrebuiltToggleIconButton: FC<{
+    type: PrebuiltToggleIconButtonType;
+    checked?: boolean;
+} & Omit<HTMLProps<HTMLButtonElement>, "type">>;

package/dist/components/ToggleIconButton/prebuilt-enum.d.ts

@@ -0,0 +1,8 @@
+export declare enum PrebuiltToggleIconButtonType {
+    Lyrics = "lyrics",
+    Playlist = "playlist",
+    Repeat = "repeat",
+    Shuffle = "shuffle",
+    Star = "star",
+    AirPlay = "airplay"
+}

package/dist/components/VolumeControlSlider/index.d.ts

@@ -0,0 +1,2 @@
+import { BouncingSlider } from '../BouncingSlider';
+export declare const VolumeControl: typeof BouncingSlider;

package/dist/components/index.d.ts

@@ -0,0 +1,13 @@
+export * from './AudioFFTVisualizer';
+export * from './AudioQualityTag';
+export * from './BouncingSlider';
+export * from './ControlThumb';
+export * from './Cover';
+export * from './MediaButton';
+export * from './MenuButton';
+export * from './MusicInfo';
+export * from './PrebuiltLyricPlayer';
+export * from './TextMarquee';
+export * from './ToggleIconButton';
+export * from './ToggleIconButton/prebuilt-enum';
+export * from './VolumeControlSlider';

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components';
+export * from './layout';
+export * from './states';
+export * from './utils';

package/dist/layout/auto.d.ts

@@ -0,0 +1,16 @@
+import { HTMLProps } from 'react';
+/**
+ * 会根据当前元素的宽高比自动选择横向或者纵向布局的组件
+ */
+export declare const AutoLyricLayout: React.FC<{
+    thumbSlot?: React.ReactNode;
+    controlsSlot?: React.ReactNode;
+    horizontalBottomControls?: React.ReactNode;
+    smallControlsSlot?: React.ReactNode;
+    bigControlsSlot?: React.ReactNode;
+    coverSlot?: React.ReactNode;
+    lyricSlot?: React.ReactNode;
+    backgroundSlot?: React.ReactNode;
+    hideLyric?: boolean;
+    onLayoutChange?: (isVertical: boolean) => void;
+} & HTMLProps<HTMLDivElement>>;

package/dist/layout/horizontal.d.ts

@@ -0,0 +1,11 @@
+import { HTMLProps } from 'react';
+export declare const HorizontalLayout: React.FC<{
+    thumbSlot?: React.ReactNode;
+    coverSlot?: React.ReactNode;
+    controlsSlot?: React.ReactNode;
+    lyricSlot?: React.ReactNode;
+    backgroundSlot?: React.ReactNode;
+    bottomControls?: React.ReactNode;
+    hideLyric?: boolean;
+    asChild?: boolean;
+} & HTMLProps<HTMLDivElement>>;

package/dist/layout/index.d.ts

@@ -0,0 +1,3 @@
+export * from './auto';
+export * from './horizontal';
+export * from './vertical';

package/dist/layout/vertical.d.ts

@@ -0,0 +1,10 @@
+import { HTMLProps } from 'react';
+export declare const VerticalLayout: React.FC<{
+    thumbSlot?: React.ReactNode;
+    smallControlsSlot?: React.ReactNode;
+    bigControlsSlot?: React.ReactNode;
+    coverSlot?: React.ReactNode;
+    lyricSlot?: React.ReactNode;
+    asChild?: boolean;
+    hideLyric?: boolean;
+} & HTMLProps<HTMLDivElement>>;

package/dist/states/callback.d.ts

@@ -0,0 +1,80 @@
+import { LyricLineMouseEvent } from '@applemusic-like-lyrics/core';
+export interface Callback<Args extends any[], Result = void> {
+    onEmit?: (...args: Args) => Result;
+}
+/**
+ * 当点击歌曲专辑图上方的控制横条按钮时触发的回调函数
+ */
+export declare const onClickControlThumbAtom: import('jotai').PrimitiveAtom<Callback<[], void>> & {
+    init: Callback<[], void>;
+};
+/**
+ * 当任意企图打开菜单或点击菜单按钮时触发的回调函数
+ */
+export declare const onRequestOpenMenuAtom: import('jotai').PrimitiveAtom<Callback<[], void>> & {
+    init: Callback<[], void>;
+};
+/**
+ * 当触发播放或恢复播放时触发的回调函数
+ */
+export declare const onPlayOrResumeAtom: import('jotai').PrimitiveAtom<Callback<[], void>> & {
+    init: Callback<[], void>;
+};
+/**
+ * 当触发暂停播放时触发的回调函数
+ */
+export declare const onPauseAtom: import('jotai').PrimitiveAtom<Callback<[], void>> & {
+    init: Callback<[], void>;
+};
+/**
+ * 当触发上一首歌曲时触发的回调函数
+ */
+export declare const onRequestPrevSongAtom: import('jotai').PrimitiveAtom<Callback<[], void>> & {
+    init: Callback<[], void>;
+};
+/**
+ * 当触发下一首歌曲时触发的回调函数
+ */
+export declare const onRequestNextSongAtom: import('jotai').PrimitiveAtom<Callback<[], void>> & {
+    init: Callback<[], void>;
+};
+/**
+ * 当触发设置歌曲播放位置时触发的回调函数
+ * @param _position 播放位置，单位为毫秒
+ */
+export declare const onSeekPositionAtom: import('jotai').PrimitiveAtom<Callback<[_position: number], void>> & {
+    init: Callback<[_position: number], void>;
+};
+/**
+ * 当点击歌词行时触发的回调函数
+ * @param _evt 对应的歌词行事件对象
+ */
+export declare const onLyricLineClickAtom: import('jotai').PrimitiveAtom<Callback<[line: LyricLineMouseEvent], void>> & {
+    init: Callback<[line: LyricLineMouseEvent], void>;
+};
+/**
+ * 当试图对歌词行打开上下文菜单（例如右键点击）时触发的回调函数
+ * @param _evt 对应的歌词行事件对象
+ */
+export declare const onLyricLineContextMenuAtom: import('jotai').PrimitiveAtom<Callback<[line: LyricLineMouseEvent], void>> & {
+    init: Callback<[line: LyricLineMouseEvent], void>;
+};
+/**
+ * 当触发设置音量大小时触发的回调函数
+ * @param _volume 音量大小，取值范围为 [0-1]
+ */
+export declare const onChangeVolumeAtom: import('jotai').PrimitiveAtom<Callback<[_volume: number], void>> & {
+    init: Callback<[_volume: number], void>;
+};
+/**
+ * 当点击位于控制按钮左侧的按钮时触发的回调函数
+ */
+export declare const onClickLeftFunctionButtonAtom: import('jotai').PrimitiveAtom<Callback<[], void>> & {
+    init: Callback<[], void>;
+};
+/**
+ * 当点击位于控制按钮右侧的按钮时触发的回调函数
+ */
+export declare const onClickRightFunctionButtonAtom: import('jotai').PrimitiveAtom<Callback<[], void>> & {
+    init: Callback<[], void>;
+};

package/dist/states/config.d.ts

@@ -0,0 +1,130 @@
+import { BackgroundRenderProps } from '@applemusic-like-lyrics/react';
+/**
+ * 是否启用歌词行模糊效果，默认启用
+ *
+ * 性能影响情况：高
+ */
+export declare const enableLyricLineBlurEffectAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 是否启用歌词行缩放效果，默认启用
+ *
+ * 性能影响情况：无
+ */
+export declare const enableLyricLineScaleEffectAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 是否启用歌词行弹簧动画效果，默认启用
+ *
+ * 如果禁用，则会回退到基础的 CSS 属性动画效果
+ *
+ * 性能影响情况：中
+ */
+export declare const enableLyricLineSpringAnimationAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 是否显示翻译歌词行，默认启用
+ *
+ * 性能影响情况：低
+ */
+export declare const enableLyricTranslationLineAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 是否显示音译歌词行，默认启用
+ *
+ * 性能影响情况：低
+ */
+export declare const enableLyricRomanLineAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 是否交换音译歌词行和翻译歌词行，默认禁用
+ *
+ * 性能影响情况：无
+ */
+export declare const enableLyricSwapTransRomanLineAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 调节逐词歌词时单词的渐变过渡宽度，单位为一个全角字的宽度，默认为 0.5
+ *
+ * 如果要模拟 Apple Music for Android 的效果，可以设置为 1
+ *
+ * 如果要模拟 Apple Music for iPad 的效果，可以设置为 0.5
+ *
+ * 如需关闭逐词歌词时单词的渐变过渡效果，可以设置为 0
+ *
+ * 性能影响情况：无
+ */
+export declare const lyricWordFadeWidthAtom: import('jotai').WritableAtom<number, [number | typeof import('jotai/utils').RESET | ((prev: number) => number | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 设置仅歌词组件的字体家族（CSS Font Family 属性），默认为空（即继承自父元素）
+ */
+export declare const lyricFontFamilyAtom: import('jotai').WritableAtom<string, [string | typeof import('jotai/utils').RESET | ((prev: string) => string | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 设置仅歌词组件的字体字重（CSS Font Weight 属性），默认为 0 （即继承自父元素）
+ */
+export declare const lyricFontWeightAtom: import('jotai').WritableAtom<number, [number | typeof import('jotai/utils').RESET | ((prev: number) => number | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 设置仅歌词组件的字符间距（CSS Font Weight 属性），默认为 0 （即继承自父元素）
+ */
+export declare const lyricLetterSpacingAtom: import('jotai').WritableAtom<string, [string | typeof import('jotai/utils').RESET | ((prev: string) => string | typeof import('jotai/utils').RESET)], void>;
+export declare enum PlayerControlsType {
+    Controls = "controls",
+    FFT = "fft",
+    None = "none"
+}
+/**
+ * 播放器控制器类型，默认为 `PlayerControlsType.Controls`
+ */
+export declare const playerControlsTypeAtom: import('jotai').WritableAtom<PlayerControlsType, [typeof import('jotai/utils').RESET | PlayerControlsType | ((prev: PlayerControlsType) => typeof import('jotai/utils').RESET | PlayerControlsType)], void>;
+/**
+ * 是否显示歌曲名称，默认启用
+ */
+export declare const showMusicNameAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 是否显示歌曲作者，默认启用
+ */
+export declare const showMusicArtistsAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 是否显示歌曲专辑名称，默认启用
+ */
+export declare const showMusicAlbumAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 是否显示音量滑块条，默认启用
+ */
+export declare const showVolumeControlAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 是否显示底部控制按钮组，默认启用
+ */
+export declare const showBottomControlAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 调节全局歌词时间戳位移，单位为毫秒，正值为提前，负值为推迟，默认为 0
+ *
+ * 性能影响情况：无
+ */
+export declare const globalLyricTimelineOffsetAtom: import('jotai').WritableAtom<number, [number | typeof import('jotai/utils').RESET | ((prev: number) => number | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 配置所使用的歌词背景渲染器，默认使用 MeshGradientRenderer
+ *
+ * 由于存储状态特殊，故不使用 atomWithStorage，请另外处理配置存储
+ *
+ * 性能影响情况：高
+ */
+export declare const lyricBackgroundRendererAtom: import('jotai').PrimitiveAtom<{
+    renderer: BackgroundRenderProps["renderer"];
+}> & {
+    init: {
+        renderer: BackgroundRenderProps["renderer"];
+    };
+};
+/**
+ * 调节背景的最大帧率，默认 60
+ *
+ * 性能影响情况：高
+ */
+export declare const lyricBackgroundFPSAtom: import('jotai').WritableAtom<number, [number | typeof import('jotai/utils').RESET | ((prev: number) => number | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 调节背景的渲染倍率，默认为 1
+ *
+ * 性能影响情况：高
+ */
+export declare const lyricBackgroundRenderScaleAtom: import('jotai').WritableAtom<number, [number | typeof import('jotai/utils').RESET | ((prev: number) => number | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 是否启用背景静态模式，即除了切换背景以外的情况都将停止渲染以优化性能，默认禁用
+ *
+ * 性能影响情况：中
+ */
+export declare const lyricBackgroundStaticModeAtom: import('jotai').WritableAtom<NonNullable<boolean | undefined>, [typeof import('jotai/utils').RESET | NonNullable<boolean | undefined> | ((prev: NonNullable<boolean | undefined>) => typeof import('jotai/utils').RESET | NonNullable<boolean | undefined>)], void>;

package/dist/states/index.d.ts

@@ -0,0 +1,3 @@
+export * from './callback';
+export * from './config';
+export * from './music';

package/dist/states/music.d.ts

@@ -0,0 +1,105 @@
+import { LyricLine } from '@applemusic-like-lyrics/core';
+export interface ArtistStateEntry {
+    name: string;
+    id: string;
+}
+export declare enum AudioQualityType {
+    None = "none",
+    Lossless = "lossless",
+    HiRes = "hires",
+    DolbyAtmos = "dolby-atmos"
+}
+/**
+ * 当前播放的音乐名称，将会显示在专辑图下方（横向布局）或专辑图右侧（竖向布局）
+ */
+export declare const musicNameAtom: import('jotai').PrimitiveAtom<string> & {
+    init: string;
+};
+/**
+ * 当前播放的音乐创作者列表，会显示在音乐名称下方
+ */
+export declare const musicArtistsAtom: import('jotai').PrimitiveAtom<ArtistStateEntry[]> & {
+    init: ArtistStateEntry[];
+};
+/**
+ * 当前播放的音乐所属专辑名称，会显示在音乐名称/创作者下方
+ */
+export declare const musicAlbumNameAtom: import('jotai').PrimitiveAtom<string> & {
+    init: string;
+};
+/**
+ * 当前播放的音乐专辑封面 URL，除了图片也可以是视频资源
+ */
+export declare const musicCoverAtom: import('jotai').PrimitiveAtom<string> & {
+    init: string;
+};
+/**
+ * 当前播放的音乐专辑封面资源是否为视频
+ */
+export declare const musicCoverIsVideoAtom: import('jotai').PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+/**
+ * 当前音乐的音乐时长，单位为毫秒
+ */
+export declare const musicDurationAtom: import('jotai').PrimitiveAtom<number> & {
+    init: number;
+};
+/**
+ * 当前是否正在播放音乐
+ */
+export declare const musicPlayingAtom: import('jotai').PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+/**
+ * 当前音乐的音质水平，如有提供则会显示在进度条下
+ */
+export declare const musicQualityAtom: import('jotai').PrimitiveAtom<AudioQualityType> & {
+    init: AudioQualityType;
+};
+/**
+ * 当前音乐的播放进度，单位为毫秒
+ */
+export declare const musicPlayingPositionAtom: import('jotai').PrimitiveAtom<number> & {
+    init: number;
+};
+/**
+ * 当前播放的音乐音量大小，范围在 [0.0-1.0] 之间
+ *
+ * 本状态将会保存在 localStorage 中
+ */
+export declare const musicVolumeAtom: import('jotai').WritableAtom<number, [number | typeof import('jotai/utils').RESET | ((prev: number) => number | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 当前播放的音乐专辑封面 URL，除了图片也可以是视频资源
+ */
+export declare const musicLyricLinesAtom: import('jotai').PrimitiveAtom<LyricLine[]> & {
+    init: LyricLine[];
+};
+/**
+ * 是否隐藏歌词视图
+ */
+export declare const hideLyricViewAtom: import('jotai').WritableAtom<boolean, [boolean | typeof import('jotai/utils').RESET | ((prev: boolean) => boolean | typeof import('jotai/utils').RESET)], void>;
+/**
+ * 用于音频可视化频谱图的数据
+ * 如需呈现背景跳动效果，请设置 lowFreqVolumeAtom 的值
+ */
+export declare const fftDataAtom: import('jotai').PrimitiveAtom<number[]> & {
+    init: number[];
+};
+/**
+ * 低频音量大小，范围在 80hz-120hz 之间为宜，取值范围在 [0.0-1.0] 之间
+ *
+ * 如果无法获取到类似的数据，请传入 undefined 或 1.0 作为默认值，或不做任何处理（默认值即 1.0）
+ *
+ * 如需呈现音频可视化频谱图，请设置 fftDataAtom 的值
+ */
+export declare const lowFreqVolumeAtom: import('jotai').PrimitiveAtom<number> & {
+    init: number;
+};
+/**
+ * 当前是否正在展示 AMLL 播放页面，设置为 true 时将会让背景和歌词实时展示动画效果
+ * 推荐在页面被隐藏的时候将其设置为 false，这样会减少其对性能的影响（例如暂停背景渲染和歌词行变换等）
+ */
+export declare const isLyricPageOpenedAtom: import('jotai').PrimitiveAtom<boolean> & {
+    init: boolean;
+};

package/dist/utils/duration.d.ts

@@ -0,0 +1 @@
+export declare function toDuration(duration: number): string;

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './duration';
+export * from './spring';

package/dist/utils/spring.d.ts

@@ -0,0 +1,25 @@
+/** MIT License github.com/pushkine/ */
+export interface SpringParams {
+    mass: number;
+    damping: number;
+    stiffness: number;
+    soft: boolean;
+}
+export declare class Spring {
+    private currentPosition;
+    private targetPosition;
+    private currentTime;
+    private params;
+    private currentSolver;
+    private getV;
+    private queueParams;
+    private queuePosition;
+    constructor(currentPosition?: number);
+    private resetSolver;
+    arrived(): boolean;
+    setPosition(targetPosition: number): void;
+    update(delta?: number): void;
+    updateParams(params: Partial<SpringParams>, delay?: number): void;
+    setTargetPosition(targetPosition: number, delay?: number): void;
+    getCurrentPosition(): number;
+}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@applemusic-like-lyrics/react-full",
+  "version": "0.2.0-alpha.0",
+  "description": "AMLL 组件库的 React 绑定，但是更加完备且高度灵活",
+  "repository": {
+    "url": "https://github.com/Steve-xmh/applemusic-like-lyrics.git",
+    "directory": "packages/react-full",
+    "type": "git"
+  },
+  "type": "module",
+  "license": "GPL-3.0",
+  "main": "dist/amll-react-framework.cjs",
+  "module": "./dist/amll-react-framework.js",
+  "typings": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/amll-react-framework.js",
+      "require": "./dist/amll-react-framework.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./style.css": {
+      "import": "./dist/style.css",
+      "require": "./dist/style.css"
+    }
+  },
+  "files": [
+    "dist/**/*.js",
+    "dist/**/*.ts",
+    "dist/**/*.cjs",
+    "dist/**/*.map"
+  ],
+  "devDependencies": {
+    "@biomejs/biome": "^1.8.3",
+    "@pixi/app": "^7.2.4",
+    "@pixi/core": "^7.2.4",
+    "@pixi/display": "^7.2.4",
+    "@pixi/filter-blur": "^7.2.4",
+    "@pixi/filter-color-matrix": "^7.2.4",
+    "@pixi/sprite": "^7.2.4",
+    "@radix-ui/themes": "^3.1.3",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.2.7",
+    "@types/ungap__structured-clone": "^1.2.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "jotai": "^2.9.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typedoc": "^0.26.5",
+    "typedoc-plugin-markdown": "^4.2.3",
+    "typescript": "^5.5.4",
+    "vite": "^5.4.0",
+    "vite-plugin-dts": "^4.0.3",
+    "vite-plugin-svgr": "^4.2.0",
+    "vite-plugin-wasm": "^3.3.0",
+    "@applemusic-like-lyrics/lyric": "^0.2.4"
+  },
+  "dependencies": {
+    "@ungap/structured-clone": "^1.2.0",
+    "classnames": "^2.5.1",
+    "corner-smoothing": "^0.1.5",
+    "framer-motion": "^11.3.27",
+    "@applemusic-like-lyrics/core": "^0.2.0-alpha.0",
+    "@applemusic-like-lyrics/react": "^0.2.0-alpha.0"
+  },
+  "peerDependencies": {
+    "jotai": "*",
+    "react": "*",
+    "react-dom": "*"
+  },
+  "scripts": {
+    "build:docs": "typedoc --plugin typedoc-plugin-markdown --out docs src/index.ts",
+    "build": "vite build",
+    "build:dev": "vite build",
+    "fmt": "biome format --write ./src",
+    "dev": "vite dev",
+    "preinstall": "npx only-allow pnpm"
+  }
+}