@revideo/player-react 0.10.1-alpha.1116 → 0.10.2

package/dist/controls.d.ts

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,40 @@
+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

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

package/dist/icons.d.ts

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1 @@
+{"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.css

@@ -1,507 +1,2 @@
-/* src/index.css */
-.revideo-player-root {
-  *,
-  :after,
-  :before {
-    --tw-border-spacing-x:0;
-    --tw-border-spacing-y:0;
-    --tw-translate-x:0;
-    --tw-translate-y:0;
-    --tw-rotate:0;
-    --tw-skew-x:0;
-    --tw-skew-y:0;
-    --tw-scale-x:1;
-    --tw-scale-y:1;
-    --tw-pan-x: ;
-    --tw-pan-y: ;
-    --tw-pinch-zoom: ;
-    --tw-scroll-snap-strictness:proximity;
-    --tw-gradient-from-position: ;
-    --tw-gradient-via-position: ;
-    --tw-gradient-to-position: ;
-    --tw-ordinal: ;
-    --tw-slashed-zero: ;
-    --tw-numeric-figure: ;
-    --tw-numeric-spacing: ;
-    --tw-numeric-fraction: ;
-    --tw-ring-inset: ;
-    --tw-ring-offset-width:0px;
-    --tw-ring-offset-color:#fff;
-    --tw-ring-color:rgba(59,130,246,.5);
-    --tw-ring-offset-shadow:0 0 #0000;
-    --tw-ring-shadow:0 0 #0000;
-    --tw-shadow:0 0 #0000;
-    --tw-shadow-colored:0 0 #0000;
-    --tw-blur: ;
-    --tw-brightness: ;
-    --tw-contrast: ;
-    --tw-grayscale: ;
-    --tw-hue-rotate: ;
-    --tw-invert: ;
-    --tw-saturate: ;
-    --tw-sepia: ;
-    --tw-drop-shadow: ;
-    --tw-backdrop-blur: ;
-    --tw-backdrop-brightness: ;
-    --tw-backdrop-contrast: ;
-    --tw-backdrop-grayscale: ;
-    --tw-backdrop-hue-rotate: ;
-    --tw-backdrop-invert: ;
-    --tw-backdrop-opacity: ;
-    --tw-backdrop-saturate: ;
-    --tw-backdrop-sepia: ;
-    --tw-contain-size: ;
-    --tw-contain-layout: ;
-    --tw-contain-paint: ;
-    --tw-contain-style: ;
-  }
-  ::backdrop {
-    --tw-border-spacing-x:0;
-    --tw-border-spacing-y:0;
-    --tw-translate-x:0;
-    --tw-translate-y:0;
-    --tw-rotate:0;
-    --tw-skew-x:0;
-    --tw-skew-y:0;
-    --tw-scale-x:1;
-    --tw-scale-y:1;
-    --tw-pan-x: ;
-    --tw-pan-y: ;
-    --tw-pinch-zoom: ;
-    --tw-scroll-snap-strictness:proximity;
-    --tw-gradient-from-position: ;
-    --tw-gradient-via-position: ;
-    --tw-gradient-to-position: ;
-    --tw-ordinal: ;
-    --tw-slashed-zero: ;
-    --tw-numeric-figure: ;
-    --tw-numeric-spacing: ;
-    --tw-numeric-fraction: ;
-    --tw-ring-inset: ;
-    --tw-ring-offset-width:0px;
-    --tw-ring-offset-color:#fff;
-    --tw-ring-color:rgba(59,130,246,.5);
-    --tw-ring-offset-shadow:0 0 #0000;
-    --tw-ring-shadow:0 0 #0000;
-    --tw-shadow:0 0 #0000;
-    --tw-shadow-colored:0 0 #0000;
-    --tw-blur: ;
-    --tw-brightness: ;
-    --tw-contrast: ;
-    --tw-grayscale: ;
-    --tw-hue-rotate: ;
-    --tw-invert: ;
-    --tw-saturate: ;
-    --tw-sepia: ;
-    --tw-drop-shadow: ;
-    --tw-backdrop-blur: ;
-    --tw-backdrop-brightness: ;
-    --tw-backdrop-contrast: ;
-    --tw-backdrop-grayscale: ;
-    --tw-backdrop-hue-rotate: ;
-    --tw-backdrop-invert: ;
-    --tw-backdrop-opacity: ;
-    --tw-backdrop-saturate: ;
-    --tw-backdrop-sepia: ;
-    --tw-contain-size: ;
-    --tw-contain-layout: ;
-    --tw-contain-paint: ;
-    --tw-contain-style: ;
-  }
-  *,
-  :after,
-  :before {
-    border: 0 solid #e5e5e5;
-    box-sizing: border-box;
-  }
-  :after,
-  :before {
-    --tw-content:"";
-  }
-  :host,
-  html {
-    line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    font-family:
-      ui-sans-serif,
-      system-ui,
-      sans-serif,
-      Apple Color Emoji,
-      Segoe UI Emoji,
-      Segoe UI Symbol,
-      Noto Color Emoji;
-    font-feature-settings: normal;
-    font-variation-settings: normal;
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-  }
-  body {
-    line-height: inherit;
-    margin: 0;
-  }
-  hr {
-    border-top-width: 1px;
-    color: inherit;
-    height: 0;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: inherit;
-  }
-  a {
-    color: inherit;
-    text-decoration: inherit;
-  }
-  b,
-  strong {
-    font-weight: bolder;
-  }
-  code,
-  kbd,
-  pre,
-  samp {
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace;
-    font-feature-settings: normal;
-    font-size: 1em;
-    font-variation-settings: normal;
-  }
-  small {
-    font-size: 80%;
-  }
-  sub,
-  sup {
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-    vertical-align: baseline;
-  }
-  sub {
-    bottom: -.25em;
-  }
-  sup {
-    top: -.5em;
-  }
-  table {
-    border-collapse: collapse;
-    border-color: inherit;
-    text-indent: 0;
-  }
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    color: inherit;
-    font-family: inherit;
-    font-feature-settings: inherit;
-    font-size: 100%;
-    font-variation-settings: inherit;
-    font-weight: inherit;
-    letter-spacing: inherit;
-    line-height: inherit;
-    margin: 0;
-    padding: 0;
-  }
-  button,
-  select {
-    text-transform: none;
-  }
-  button,
-  input:where([type=button]),
-  input:where([type=reset]),
-  input:where([type=submit]) {
-    -webkit-appearance: button;
-    background-color: transparent;
-    background-image: none;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  ::-webkit-inner-spin-button,
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [type=search] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-  summary {
-    display: list-item;
-  }
-  blockquote,
-  dd,
-  dl,
-  figure,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  hr,
-  p,
-  pre {
-    margin: 0;
-  }
-  fieldset {
-    margin: 0;
-  }
-  fieldset,
-  legend {
-    padding: 0;
-  }
-  menu,
-  ol,
-  ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-  }
-  dialog {
-    padding: 0;
-  }
-  textarea {
-    resize: vertical;
-  }
-  input::-moz-placeholder,
-  textarea::-moz-placeholder {
-    color: #acacac;
-    opacity: 1;
-  }
-  input::placeholder,
-  textarea::placeholder {
-    color: #acacac;
-    opacity: 1;
-  }
-  [role=button],
-  button {
-    cursor: pointer;
-  }
-  :disabled {
-    cursor: default;
-  }
-  audio,
-  canvas,
-  embed,
-  iframe,
-  img,
-  object,
-  svg,
-  video {
-    display: block;
-    vertical-align: middle;
-  }
-  img,
-  video {
-    height: auto;
-    max-width: 100%;
-  }
-  [hidden] {
-    display: none;
-  }
-}
-.revideo-player-root .static {
-  position: static;
-}
-.revideo-player-root .absolute {
-  position: absolute;
-}
-.revideo-player-root .relative {
-  position: relative;
-}
-.revideo-player-root .bottom-0 {
-  bottom: 0;
-}
-.revideo-player-root .left-0 {
-  left: 0;
-}
-.revideo-player-root .top-0 {
-  top: 0;
-}
-.revideo-player-root .block {
-  display: block;
-}
-.revideo-player-root .flex {
-  display: flex;
-}
-.revideo-player-root .contents {
-  display: contents;
-}
-.revideo-player-root .h-1\.5 {
-  height: .375rem;
-}
-.revideo-player-root .h-6 {
-  height: 1.5rem;
-}
-.revideo-player-root .h-full {
-  height: 100%;
-}
-.revideo-player-root .w-20 {
-  width: 5rem;
-}
-.revideo-player-root .w-6 {
-  width: 1.5rem;
-}
-.revideo-player-root .w-full {
-  width: 100%;
-}
-.revideo-player-root .flex-1 {
-  flex: 1 1 0%;
-}
-.revideo-player-root .flex-grow {
-  flex-grow: 1;
-}
-.revideo-player-root .cursor-default {
-  cursor: default;
-}
-.revideo-player-root .cursor-pointer {
-  cursor: pointer;
-}
-.revideo-player-root .flex-col {
-  flex-direction: column;
-}
-.revideo-player-root .items-center {
-  align-items: center;
-}
-.revideo-player-root .justify-center {
-  justify-content: center;
-}
-.revideo-player-root :is(.space-x-2 > :not([hidden]) ~ :not([hidden])) {
-  --tw-space-x-reverse:0;
-  margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
-  margin-right: calc(.5rem*var(--tw-space-x-reverse));
-}
-.revideo-player-root :is(.space-y-2 > :not([hidden]) ~ :not([hidden])) {
-  --tw-space-y-reverse:0;
-  margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
-  margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)));
-}
-.revideo-player-root .overflow-hidden {
-  overflow: hidden;
-}
-.revideo-player-root .whitespace-nowrap {
-  white-space: nowrap;
-}
-.revideo-player-root .rounded-full {
-  border-radius: 9999px;
-}
-.revideo-player-root .bg-gray-100 {
-  --tw-bg-opacity:1;
-  background-color: rgb(243 243 243/var(--tw-bg-opacity));
-}
-.revideo-player-root .bg-gray-300 {
-  --tw-bg-opacity:1;
-  background-color: rgb(199 199 199/var(--tw-bg-opacity));
-}
-.revideo-player-root .bg-gradient-to-t {
-  background-image: linear-gradient(to top, var(--tw-gradient-stops));
-}
-.revideo-player-root .from-gray-500 {
-  --tw-gradient-from:grey var(--tw-gradient-from-position);
-  --tw-gradient-to:hsla(0,0%,50%,0) var(--tw-gradient-to-position);
-  --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);
-}
-.revideo-player-root .to-transparent {
-  --tw-gradient-to:transparent var(--tw-gradient-to-position);
-}
-.revideo-player-root .p-1 {
-  padding: .25rem;
-}
-.revideo-player-root .p-4 {
-  padding: 1rem;
-}
-.revideo-player-root .text-white {
-  --tw-text-opacity:1;
-  color: rgb(255 255 255/var(--tw-text-opacity));
-}
-.revideo-player-root .opacity-0 {
-  opacity: 0;
-}
-.revideo-player-root .opacity-100 {
-  opacity: 1;
-}
-.revideo-player-root .transition {
-  transition-duration: .15s;
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    -webkit-backdrop-filter;
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    backdrop-filter;
-  transition-property:
-    color,
-    background-color,
-    border-color,
-    text-decoration-color,
-    fill,
-    stroke,
-    opacity,
-    box-shadow,
-    transform,
-    filter,
-    backdrop-filter,
-    -webkit-backdrop-filter;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-.revideo-player-root .transition-opacity {
-  transition-duration: .15s;
-  transition-property: opacity;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-.revideo-player-root .duration-200 {
-  transition-duration: .2s;
-}
-.revideo-player-root .focus\:outline-none:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-}
+.revideo-player-root{*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
+  /*! tailwindcss v3.4.12 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e5e5;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#acacac;opacity:1}input::placeholder,textarea::placeholder{color:#acacac;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}}.revideo-player-root .static{position:static}.revideo-player-root .absolute{position:absolute}.revideo-player-root .relative{position:relative}.revideo-player-root .bottom-0{bottom:0}.revideo-player-root .left-0{left:0}.revideo-player-root .top-0{top:0}.revideo-player-root .block{display:block}.revideo-player-root .flex{display:flex}.revideo-player-root .contents{display:contents}.revideo-player-root .h-1\.5{height:.375rem}.revideo-player-root .h-6{height:1.5rem}.revideo-player-root .h-full{height:100%}.revideo-player-root .w-20{width:5rem}.revideo-player-root .w-6{width:1.5rem}.revideo-player-root .w-full{width:100%}.revideo-player-root .flex-1{flex:1 1 0%}.revideo-player-root .flex-grow{flex-grow:1}.revideo-player-root .cursor-default{cursor:default}.revideo-player-root .cursor-pointer{cursor:pointer}.revideo-player-root .flex-col{flex-direction:column}.revideo-player-root .items-center{align-items:center}.revideo-player-root .justify-center{justify-content:center}.revideo-player-root :is(.space-x-2>:not([hidden])~:not([hidden])){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.revideo-player-root :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.revideo-player-root .overflow-hidden{overflow:hidden}.revideo-player-root .whitespace-nowrap{white-space:nowrap}.revideo-player-root .rounded-full{border-radius:9999px}.revideo-player-root .bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 243 243/var(--tw-bg-opacity))}.revideo-player-root .bg-gray-300{--tw-bg-opacity:1;background-color:rgb(199 199 199/var(--tw-bg-opacity))}.revideo-player-root .bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.revideo-player-root .from-gray-500{--tw-gradient-from:grey var(--tw-gradient-from-position);--tw-gradient-to:hsla(0,0%,50%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.revideo-player-root .to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.revideo-player-root .p-1{padding:.25rem}.revideo-player-root .p-4{padding:1rem}.revideo-player-root .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.revideo-player-root .opacity-0{opacity:0}.revideo-player-root .opacity-100{opacity:1}.revideo-player-root .transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.revideo-player-root .transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.revideo-player-root .duration-200{transition-duration:.2s}.revideo-player-root .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { Project, Player as Player$1 } from '@revideo/core';
-import React, { ComponentProps } from 'react';
-
+import type { Player as CorePlayer, Project } from '@revideo/core';
+import type { ComponentProps } from 'react';
+import './index.css';
 interface RevideoPlayerProps {
     playing?: string;
     variables?: string;
@@ -33,9 +33,9 @@ interface PlayerProps {
     timeDisplayFormat?: 'MM:SS' | 'MM:SS.mm' | 'MM:SS.m';
     onDurationChange?: (duration: number) => void;
     onTimeUpdate?: (currentTime: number) => void;
-    onPlayerReady?: (player: Player$1) => void;
+    onPlayerReady?: (player: CorePlayer) => void;
     onPlayerResize?: (rect: DOMRectReadOnly) => void;
 }
-declare function Player({ project, controls, variables, playing, currentTime, volume, looping, fps, width, height, quality, timeDisplayFormat, onDurationChange, onTimeUpdate, onPlayerReady, onPlayerResize, }: PlayerProps): React.JSX.Element;
-
-export { Player };
+export declare function Player({ project, controls, variables, playing, currentTime, volume, looping, fps, width, height, quality, timeDisplayFormat, onDurationChange, onTimeUpdate, onPlayerReady, onPlayerResize, }: PlayerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAC,MAAM,IAAI,UAAU,EAAE,OAAO,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,OAAO,aAAa,CAAC;AAGrB,UAAU,kBAAkB;IAC1B,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,gBAAgB,EAAE,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;SAC9D;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"}