@twick/player-react 0.14.21 → 0.15.0

package/dist/internal-H4HUGGQY.js

@@ -0,0 +1,244 @@
+// src/internal.ts
+import { Player, Stage, getFullPreviewSettings } from "@twick/core";
+import { Vector2 } from "@twick/core";
+var stylesNew = `
+.overlay {
+	position: absolute;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	opacity: 0;
+	transition: opacity 0.1s;
+	z-index: 0;
+  }
+  .canvas {
+	width: 100%;
+	display: block;
+	opacity: 1;
+	transition: opacity 0.1s;
+  }
+`;
+var TEMPLATE = `<style>${stylesNew}</style><div class="overlay"></div>`;
+var ID = "twick-player";
+var TwickPlayer = class extends HTMLElement {
+  static get observedAttributes() {
+    return [
+      "playing",
+      "variables",
+      "looping",
+      "fps",
+      "quality",
+      "width",
+      "height",
+      "volume"
+    ];
+  }
+  get fps() {
+    const attr = this.getAttribute("fps");
+    return attr ? parseFloat(attr) : this.defaultSettings?.fps ?? 60;
+  }
+  get quality() {
+    const attr = this.getAttribute("quality");
+    return attr ? parseFloat(attr) : this.defaultSettings?.resolutionScale ?? 1;
+  }
+  get width() {
+    const attr = this.getAttribute("width");
+    return attr ? parseFloat(attr) : this.defaultSettings?.size.width ?? 0;
+  }
+  get height() {
+    const attr = this.getAttribute("height");
+    return attr ? parseFloat(attr) : this.defaultSettings?.size.height ?? 0;
+  }
+  get variables() {
+    try {
+      const attr = this.getAttribute("variables");
+      return attr ? JSON.parse(attr) : {};
+    } catch {
+      this.project?.logger.warn(`Project variables could not be parsed.`);
+      return {};
+    }
+  }
+  root;
+  canvas;
+  overlay;
+  state = "initial" /* Initial */;
+  project = null;
+  player = null;
+  defaultSettings;
+  abortController = null;
+  playing = false;
+  stage = new Stage();
+  time = 0;
+  duration = 0;
+  // in frames
+  looping = true;
+  volume = 1;
+  volumeChangeRequested = true;
+  constructor() {
+    super();
+    this.root = this.attachShadow({ mode: "open" });
+    this.root.innerHTML = TEMPLATE;
+    this.overlay = this.root.querySelector(".overlay");
+    this.canvas = this.stage.finalBuffer;
+    this.canvas.classList.add("canvas");
+    this.root.prepend(this.canvas);
+    this.setState("initial" /* Initial */);
+  }
+  setProject(project) {
+    this.updateProject(project);
+  }
+  setState(state) {
+    this.state = state;
+    this.setPlaying(this.playing);
+  }
+  setPlaying(value) {
+    if (this.state === "ready" /* Ready */ && value) {
+      this.player?.togglePlayback(true);
+      this.playing = true;
+    } else {
+      this.player?.togglePlayback(false);
+      this.playing = false;
+    }
+  }
+  async updateProject(project) {
+    const playing = this.playing;
+    this.setState("initial" /* Initial */);
+    this.abortController?.abort();
+    this.abortController = new AbortController();
+    this.project = project;
+    console.log(project);
+    this.defaultSettings = getFullPreviewSettings(this.project);
+    const player = new Player(this.project);
+    player.setVariables(this.variables);
+    player.toggleLoop(this.looping);
+    this.player?.onRender.unsubscribe(this.render);
+    this.player?.onFrameChanged.unsubscribe(this.handleFrameChanged);
+    this.player?.togglePlayback(false);
+    this.player?.deactivate();
+    this.player = player;
+    this.updateSettings();
+    this.setState("ready" /* Ready */);
+    this.dispatchEvent(new CustomEvent("playerready", { detail: this.player }));
+    this.setPlaying(playing);
+    this.player.onRender.subscribe(this.render);
+    this.player.onFrameChanged.subscribe(this.handleFrameChanged);
+  }
+  attributeChangedCallback(name, _, newValue) {
+    switch (name) {
+      case "playing":
+        this.setPlaying(newValue === "true");
+        break;
+      case "variables":
+        this.player?.setVariables(this.variables);
+        this.player?.requestSeek(this.player.playback.frame);
+        this.player?.playback.reload();
+        break;
+      case "looping":
+        this.looping = newValue === "true";
+        this.player?.toggleLoop(newValue === "true");
+        break;
+      case "fps":
+      case "quality":
+      case "width":
+      case "height":
+        this.updateSettings();
+        break;
+      case "volume":
+        this.volume = newValue;
+        this.volumeChangeRequested = true;
+    }
+  }
+  /**
+   * Runs when the element is removed from the DOM.
+   */
+  disconnectedCallback() {
+    this.player?.deactivate();
+    this.player?.onRender.unsubscribe(this.render);
+    this.removeEventListener("seekto", this.handleSeekTo);
+    this.removeEventListener("volumechange", this.handleVolumeChange);
+  }
+  /**
+   * Runs when the element is added to the DOM.
+   */
+  connectedCallback() {
+    this.player?.activate();
+    this.player?.onRender.subscribe(this.render);
+    this.addEventListener("seekto", this.handleSeekTo);
+    this.addEventListener("volumechange", this.handleVolumeChange);
+  }
+  /**
+   * Triggered by the timeline.
+   */
+  handleSeekTo = (event) => {
+    if (!this.project) {
+      return;
+    }
+    const e = event;
+    this.time = e.detail;
+    this.player?.requestSeek(e.detail * this.player.playback.fps);
+    this.volumeChangeRequested = true;
+  };
+  handleVolumeChange = (event) => {
+    if (!this.project) {
+      return;
+    }
+    const e = event;
+    this.volume = e.detail;
+    this.player?.playback.currentScene.adjustVolume(this.volume);
+  };
+  /**
+   * Triggered by the player.
+   */
+  handleFrameChanged = (frame) => {
+    if (!this.project || !this.player) {
+      return;
+    }
+    this.time = frame / this.player.playback.fps;
+    if (this.volumeChangeRequested || frame === 0) {
+      this.player?.playback.currentScene.adjustVolume(this.volume);
+      this.volumeChangeRequested = false;
+    }
+  };
+  /**
+   * Called on every frame.
+   */
+  render = async () => {
+    if (this.player && this.project) {
+      await this.stage.render(
+        this.player.playback.currentScene,
+        this.player.playback.previousScene
+      );
+      this.dispatchEvent(new CustomEvent("timeupdate", { detail: this.time }));
+      const durationInFrames = this.player.playback.duration;
+      if (durationInFrames === this.duration) {
+        return;
+      }
+      this.duration = durationInFrames;
+      const durationInSeconds = durationInFrames / this.player.playback.fps;
+      this.dispatchEvent(
+        new CustomEvent("duration", { detail: durationInSeconds })
+      );
+    }
+  };
+  updateSettings() {
+    if (!this.defaultSettings) {
+      return;
+    }
+    const settings = {
+      ...this.defaultSettings,
+      size: new Vector2(this.width, this.height),
+      resolutionScale: this.quality,
+      fps: this.fps
+    };
+    this.stage.configure(settings);
+    this.player?.configure(settings);
+  }
+};
+if (!customElements.get(ID)) {
+  customElements.define(ID, TwickPlayer);
+}
+//# sourceMappingURL=internal-H4HUGGQY.js.map

package/dist/internal-H4HUGGQY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/internal.ts"],"sourcesContent":["import type {Project} from '@twick/core';\nimport {Player, Stage, getFullPreviewSettings} from '@twick/core';\n\nimport {Vector2} from '@twick/core';\n\nconst stylesNew = `\n.overlay {\n\tposition: absolute;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\topacity: 0;\n\ttransition: opacity 0.1s;\n\tz-index: 0;\n  }\n  .canvas {\n\twidth: 100%;\n\tdisplay: block;\n\topacity: 1;\n\ttransition: opacity 0.1s;\n  }\n`;\n\nconst TEMPLATE = `<style>${stylesNew}</style><div class=\"overlay\"></div>`;\nconst ID = 'twick-player';\n\nenum State {\n  Initial = 'initial',\n  Loading = 'loading',\n  Ready = 'ready',\n  Error = 'error',\n}\n\nclass TwickPlayer extends HTMLElement {\n  public static get observedAttributes() {\n    return [\n      'playing',\n      'variables',\n      'looping',\n      'fps',\n      'quality',\n      'width',\n      'height',\n      'volume',\n    ];\n  }\n\n  private get fps() {\n    const attr = this.getAttribute('fps');\n    return attr ? parseFloat(attr) : (this.defaultSettings?.fps ?? 60);\n  }\n\n  private get quality() {\n    const attr = this.getAttribute('quality');\n    return attr\n      ? parseFloat(attr)\n      : (this.defaultSettings?.resolutionScale ?? 1);\n  }\n\n  private get width() {\n    const attr = this.getAttribute('width');\n    return attr ? parseFloat(attr) : (this.defaultSettings?.size.width ?? 0);\n  }\n\n  private get height() {\n    const attr = this.getAttribute('height');\n    return attr ? parseFloat(attr) : (this.defaultSettings?.size.height ?? 0);\n  }\n\n  private get variables() {\n    try {\n      const attr = this.getAttribute('variables');\n      return attr ? JSON.parse(attr) : {};\n    } catch {\n      this.project?.logger.warn(`Project variables could not be parsed.`);\n      return {};\n    }\n  }\n\n  private readonly root: ShadowRoot;\n  private readonly canvas: HTMLCanvasElement;\n  private readonly overlay: HTMLCanvasElement;\n\n  private state = State.Initial;\n  private project: Project | null = null;\n  private player: Player | null = null;\n  private defaultSettings:\n    | ReturnType<typeof getFullPreviewSettings>\n    | undefined;\n  private abortController: AbortController | null = null;\n  private playing = false;\n  private stage = new Stage();\n\n  private time: number = 0;\n  private duration: number = 0; // in frames\n  private looping = true;\n  private volume = 1;\n  private volumeChangeRequested = true;\n\n  public constructor() {\n    super();\n    this.root = this.attachShadow({mode: 'open'});\n    this.root.innerHTML = TEMPLATE;\n\n    this.overlay = this.root.querySelector('.overlay')!;\n    this.canvas = this.stage.finalBuffer;\n    this.canvas.classList.add('canvas');\n    this.root.prepend(this.canvas);\n    this.setState(State.Initial);\n  }\n\n  public setProject(project: Project) {\n    this.updateProject(project);\n  }\n\n  private setState(state: State) {\n    this.state = state;\n    this.setPlaying(this.playing);\n  }\n\n  private setPlaying(value: boolean) {\n    if (this.state === State.Ready && value) {\n      this.player?.togglePlayback(true);\n      this.playing = true;\n    } else {\n      this.player?.togglePlayback(false);\n      this.playing = false;\n    }\n  }\n\n  private async updateProject(project: Project) {\n    const playing = this.playing;\n    this.setState(State.Initial);\n\n    this.abortController?.abort();\n    this.abortController = new AbortController();\n\n    this.project = project;\n    console.log(project);\n    this.defaultSettings = getFullPreviewSettings(this.project);\n\n    const player = new Player(this.project);\n    player.setVariables(this.variables);\n    player.toggleLoop(this.looping);\n\n    this.player?.onRender.unsubscribe(this.render);\n    this.player?.onFrameChanged.unsubscribe(this.handleFrameChanged);\n    this.player?.togglePlayback(false);\n    this.player?.deactivate();\n\n    this.player = player;\n    this.updateSettings();\n\n    this.setState(State.Ready);\n    this.dispatchEvent(new CustomEvent('playerready', {detail: this.player}));\n\n    // Restore previous state\n    this.setPlaying(playing);\n    this.player.onRender.subscribe(this.render);\n    this.player.onFrameChanged.subscribe(this.handleFrameChanged);\n  }\n\n  public attributeChangedCallback(name: string, _: any, newValue: any) {\n    switch (name) {\n      case 'playing':\n        this.setPlaying(newValue === 'true');\n        break;\n      case 'variables':\n        this.player?.setVariables(this.variables);\n        this.player?.requestSeek(this.player.playback.frame);\n        this.player?.playback.reload();\n        break;\n      case 'looping':\n        this.looping = newValue === 'true';\n        this.player?.toggleLoop(newValue === 'true');\n        break;\n      case 'fps':\n      case 'quality':\n      case 'width':\n      case 'height':\n        this.updateSettings();\n        break;\n      case 'volume':\n        this.volume = newValue;\n        this.volumeChangeRequested = true;\n    }\n  }\n\n  /**\n   * Runs when the element is removed from the DOM.\n   */\n  public disconnectedCallback() {\n    this.player?.deactivate();\n    this.player?.onRender.unsubscribe(this.render);\n\n    this.removeEventListener('seekto', this.handleSeekTo);\n    this.removeEventListener('volumechange', this.handleVolumeChange);\n  }\n\n  /**\n   * Runs when the element is added to the DOM.\n   */\n  public connectedCallback() {\n    this.player?.activate();\n    this.player?.onRender.subscribe(this.render);\n\n    this.addEventListener('seekto', this.handleSeekTo);\n    this.addEventListener('volumechange', this.handleVolumeChange);\n  }\n\n  /**\n   * Triggered by the timeline.\n   */\n  private handleSeekTo = (event: Event) => {\n    if (!this.project) {\n      return;\n    }\n\n    const e = event as CustomEvent;\n    this.time = e.detail;\n    this.player?.requestSeek(e.detail * this.player.playback.fps);\n    this.volumeChangeRequested = true;\n  };\n\n  private handleVolumeChange = (event: Event) => {\n    if (!this.project) {\n      return;\n    }\n\n    const e = event as CustomEvent;\n    this.volume = e.detail;\n\n    this.player?.playback.currentScene.adjustVolume(this.volume);\n  };\n\n  /**\n   * Triggered by the player.\n   */\n  private handleFrameChanged = (frame: number) => {\n    if (!this.project || !this.player) {\n      return;\n    }\n    this.time = frame / this.player.playback.fps;\n\n    if (this.volumeChangeRequested || frame === 0) {\n      this.player?.playback.currentScene.adjustVolume(this.volume);\n      this.volumeChangeRequested = false;\n    }\n  };\n\n  /**\n   * Called on every frame.\n   */\n  private render = async () => {\n    if (this.player && this.project) {\n      await this.stage.render(\n        this.player.playback.currentScene,\n        this.player.playback.previousScene,\n      );\n\n      this.dispatchEvent(new CustomEvent('timeupdate', {detail: this.time}));\n\n      const durationInFrames = this.player.playback.duration;\n      if (durationInFrames === this.duration) {\n        return;\n      }\n\n      this.duration = durationInFrames;\n\n      const durationInSeconds = durationInFrames / this.player.playback.fps;\n      this.dispatchEvent(\n        new CustomEvent('duration', {detail: durationInSeconds}),\n      );\n    }\n  };\n\n  private updateSettings() {\n    if (!this.defaultSettings) {\n      return;\n    }\n\n    const settings = {\n      ...this.defaultSettings,\n      size: new Vector2(this.width, this.height),\n      resolutionScale: this.quality,\n      fps: this.fps,\n    };\n    this.stage.configure(settings);\n    this.player?.configure(settings);\n  }\n}\n\nif (!customElements.get(ID)) {\n  customElements.define(ID, TwickPlayer);\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,17 +1,35 @@
 {
   "name": "@twick/player-react",
-  "version": "0.14.21",
+  "version": "0.15.0",
   "description": "",
-  "main": "dist/index.js",
+  "author": "twick",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "sideEffects": false,
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "tsc && postcss src/**/*.css --dir dist"
+    "dev": "tsup --watch",
+    "build": "tsup && postcss src/**/*.css --dir dist"
   },
   "keywords": [],
-  "author": "twick",
-  "license": "MIT",
+  "dependencies": {
+    "@twick/core": "0.15.0",
+    "react": "^18",
+    "react-dom": "^18",
+    "uuid": "^10.0.0"
+  },
   "devDependencies": {
     "@types/react": "^18",
     "@types/react-dom": "^18",
@@ -19,13 +37,14 @@
     "cssnano": "^7.0.6",
     "postcss": "^8.4.47",
     "postcss-cli": "^11.0.0",
-    "tailwindcss": "^3.4.12"
+    "tailwindcss": "^3.4.12",
+    "tsup": "^8.0.0",
+    "typescript": "^5.5.0"
   },
-  "dependencies": {
-    "@twick/core": "0.14.21",
-    "react": "^18",
-    "react-dom": "^18",
-    "uuid": "^10.0.0"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ncounterspecialist/twick-base.git"
   },
-  "gitHead": "597a0cb90db00991294a13ac41c2b86f4e11e13f"
+  "bugs": "https://github.com/ncounterspecialist/twick-base/issues",
+  "gitHead": "232564ca74e12d1cc192ff7f5896d54e48212753"
 }

package/dist/controls.d.ts

@@ -1,11 +0,0 @@
-export declare function Controls({ duration, playing, setPlaying, currentTime, setForcedTime, timeDisplayFormat, volume, setVolume, }: {
-    duration: number;
-    playing: boolean;
-    setPlaying: (playing: boolean) => void;
-    currentTime: number;
-    setForcedTime: (currentTime: number) => void;
-    timeDisplayFormat: 'MM:SS' | 'MM:SS.m' | 'MM:SS.mm';
-    volume: number;
-    setVolume: (volume: number) => void;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=controls.d.ts.map

package/dist/controls.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"AAoHA,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,UAAU,EACV,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,MAAM,EACN,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iBAAiB,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;IACpD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,2CAsBA"}

package/dist/controls.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { MutedSoundIcon, PauseButton, PlayButton, SoundIcon } from './icons';
-import { getFormattedTime } from './utils';
-function PlayPause({ playing, setPlaying, }) {
-    return (_jsx("button", { type: "button", className: "p-1", onClick: () => setPlaying(!playing), children: playing ? _jsx(PauseButton, {}) : _jsx(PlayButton, {}) }));
-}
-function VolumeSlider({ volume, setVolume, }) {
-    const [isHovering, setIsHovering] = useState(false);
-    const [isInteracting, setIsInteracting] = useState(false);
-    const [previousVolume, setPreviousVolume] = useState(1);
-    const handleIconClick = () => {
-        if (volume > 0) {
-            setPreviousVolume(volume);
-            setVolume(0);
-        }
-        else {
-            setVolume(previousVolume);
-        }
-    };
-    return (_jsxs("div", { className: "flex items-center space-x-2 relative", onMouseEnter: () => setIsHovering(true), onMouseLeave: () => {
-            if (!isInteracting) {
-                setIsHovering(false);
-            }
-        }, children: [_jsx("div", { className: "w-6 h-6 flex items-center justify-center cursor-pointer", onClick: handleIconClick, children: volume === 0 ? _jsx(MutedSoundIcon, {}) : _jsx(SoundIcon, {}) }), (isHovering || isInteracting) && (_jsx("div", { className: "flex items-center h-1.5 whitespace-nowrap", children: _jsxs("div", { className: "relative w-20 h-1.5 bg-gray-300 rounded-full", children: [_jsx("div", { className: "absolute top-0 left-0 h-full bg-gray-100 rounded-full", style: { width: `${volume * 100}%` } }), _jsx("input", { type: "range", min: 0, max: 1, step: 0.01, value: volume, onChange: e => {
-                                const newVolume = Number(e.target.value);
-                                setVolume(newVolume);
-                                if (newVolume > 0) {
-                                    setPreviousVolume(newVolume);
-                                }
-                            }, onMouseDown: () => setIsInteracting(true), onMouseUp: () => setIsInteracting(false), onMouseLeave: () => setIsInteracting(false), className: "absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer" })] }) }))] }));
-}
-function Timeline({ currentTime, duration, setCurrentTime, }) {
-    const progressPercentage = (currentTime / duration) * 100;
-    return (_jsxs("div", { className: "relative flex-1 w-full h-1.5 bg-gray-300 rounded-full overflow-hidden", children: [_jsx("div", { className: "absolute top-0 left-0 h-full bg-gray-100", style: { width: `${progressPercentage}%` } }), _jsx("input", { type: "range", value: currentTime, min: 0, max: duration, step: 0.01, className: "absolute top-0 left-0 w-full h-full opacity-0 cursor-pointer", onChange: event => setCurrentTime(Number(event.target.value)) })] }));
-}
-export function Controls({ duration, playing, setPlaying, currentTime, setForcedTime, timeDisplayFormat, volume, setVolume, }) {
-    return (_jsxs("div", { className: "text-white p-4 flex-col space-y-2 bg-gradient-to-t from-gray-500 to-transparent", children: [_jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(PlayPause, { playing: playing, setPlaying: setPlaying }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx(VolumeSlider, { volume: volume, setVolume: setVolume }), _jsx("div", { children: _jsx("span", { children: getFormattedTime(currentTime, duration, timeDisplayFormat) }) })] }), _jsx("div", { className: "flex-grow" })] }), _jsx(Timeline, { currentTime: currentTime, duration: duration, setCurrentTime: setForcedTime })] }));
-}
-//# sourceMappingURL=controls.js.map

package/dist/controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls.js","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"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"}

package/dist/icons.d.ts

@@ -1,5 +0,0 @@
-export declare function PlayButton(): import("react/jsx-runtime").JSX.Element;
-export declare function PauseButton(): import("react/jsx-runtime").JSX.Element;
-export declare function SoundIcon(): import("react/jsx-runtime").JSX.Element;
-export declare function MutedSoundIcon(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=icons.d.ts.map

package/dist/icons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.tsx"],"names":[],"mappings":"AAAA,wBAAgB,UAAU,4CAezB;AAED,wBAAgB,WAAW,4CAe1B;AAED,wBAAgB,SAAS,4CAaxB;AAED,wBAAgB,cAAc,4CAa7B"}

package/dist/icons.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function PlayButton() {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "w-6 h-6", children: _jsx("path", { fillRule: "evenodd", d: "M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z", clipRule: "evenodd" }) }));
-}
-export function PauseButton() {
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "w-6 h-6", children: _jsx("path", { fillRule: "evenodd", d: "M6.75 5.25a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H7.5a.75.75 0 0 1-.75-.75V5.25Zm7.5 0A.75.75 0 0 1 15 4.5h1.5a.75.75 0 0 1 .75.75v13.5a.75.75 0 0 1-.75.75H15a.75.75 0 0 1-.75-.75V5.25Z", clipRule: "evenodd" }) }));
-}
-export function SoundIcon() {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "p-w-6 p-h-6", children: [_jsx("path", { d: "M18.36,19.36a1,1,0,0,1-.7-.29,1,1,0,0,1,0-1.41,8,8,0,0,0,0-11.32,1,1,0,0,1,1.41-1.41,10,10,0,0,1,0,14.14A1,1,0,0,1,18.36,19.36Z" }), _jsx("path", { d: "M15.54,16.54a1,1,0,0,1-.71-.3,1,1,0,0,1,0-1.41,4,4,0,0,0,0-5.66,1,1,0,0,1,1.41-1.41,6,6,0,0,1,0,8.48A1,1,0,0,1,15.54,16.54Z" }), _jsx("path", { d: "M11.38,4.08a1,1,0,0,0-1.09.21L6.59,8H4a2,2,0,0,0-2,2v4a2,2,0,0,0,2,2H6.59l3.7,3.71A1,1,0,0,0,11,20a.84.84,0,0,0,.38-.08A1,1,0,0,0,12,19V5A1,1,0,0,0,11.38,4.08Z" })] }));
-}
-export function MutedSoundIcon() {
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: "p-w-6 p-h-6", children: [_jsx("path", { d: "M11.38,4.08a1,1,0,0,0-1.09.21L6.59,8H4a2,2,0,0,0-2,2v4a2,2,0,0,0,2,2H6.59l3.7,3.71A1,1,0,0,0,11,20a.84.84,0,0,0,.38-.08A1,1,0,0,0,12,19V5A1,1,0,0,0,11.38,4.08Z" }), _jsx("path", { d: "M16,15.5a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42l5-5a1,1,0,0,1,1.42,1.42l-5,5A1,1,0,0,1,16,15.5Z" }), _jsx("path", { d: "M21,15.5a1,1,0,0,1-.71-.29l-5-5a1,1,0,0,1,1.42-1.42l5,5a1,1,0,0,1,0,1.42A1,1,0,0,1,21,15.5Z" })] }));
-}
-//# sourceMappingURL=icons.js.map

package/dist/icons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../src/icons.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,SAAS,YAEnB,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wIAAwI,EAC1I,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,WAAW;IACzB,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,SAAS,YAEnB,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wNAAwN,EAC1N,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS;IACvB,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,aAAa,aAEvB,eAAM,CAAC,EAAC,iIAAiI,GAAG,EAC5I,eAAM,CAAC,EAAC,6HAA6H,GAAG,EACxI,eAAM,CAAC,EAAC,iKAAiK,GAAG,IACxK,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAC,aAAa,aAEvB,eAAM,CAAC,EAAC,iKAAiK,GAAG,EAC5K,eAAM,CAAC,EAAC,6FAA6F,GAAG,EACxG,eAAM,CAAC,EAAC,6FAA6F,GAAG,IACpG,CACP,CAAC;AACJ,CAAC"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,MAAM,IAAI,UAAU,EAAE,OAAO,EAAC,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,OAAO,aAAa,CAAC;AAGrB,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YAEzB,cAAc,EAAE,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;SAC1D;KACF;CACF;AAED,UAAU,WAAW;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,CAAC;IAErD,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAClD;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAe,EACf,SAAc,EACd,OAAe,EACf,WAAe,EACf,MAAU,EACV,OAAc,EACd,GAAQ,EAER,KAAiB,EACjB,MAAkB,EAClB,OAAmB,EACnB,iBAA2B,EAE3B,gBAA2B,EAC3B,YAAuB,EACvB,aAAwB,EACxB,cAAyB,GAC1B,EAAE,WAAW,2CAgMb"}

package/dist/internal.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=internal.d.ts.map

package/dist/internal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../src/internal.ts"],"names":[],"mappings":""}