@maveio/components 0.0.146 → 0.0.148

package/dist/react.cjs

@@ -1,50 +1 @@
-'use strict';
-
-var chunkA3PLFLYH_cjs = require('./chunk-A3PLFLYH.cjs');
-var chunkOPVGT665_cjs = require('./chunk-OPVGT665.cjs');
-require('./chunk-RNHNE3HL.cjs');
-require('./chunk-3GVDBAOP.cjs');
-require('./chunk-BRZI5I43.cjs');
-var chunkXD2KSQMH_cjs = require('./chunk-XD2KSQMH.cjs');
-require('./chunk-OLR7D3Q6.cjs');
-var chunk4OU2YZKL_cjs = require('./chunk-4OU2YZKL.cjs');
-var chunkBTPWX6DH_cjs = require('./chunk-BTPWX6DH.cjs');
-var chunkP6GNG5DI_cjs = require('./chunk-P6GNG5DI.cjs');
-var chunk5XZY6X6O_cjs = require('./chunk-5XZY6X6O.cjs');
-require('./chunk-5NKBIUPL.cjs');
-var chunk7NWFIY3O_cjs = require('./chunk-7NWFIY3O.cjs');
-require('./chunk-3TMDPPCI.cjs');
-require('./chunk-MS3Q4WGR.cjs');
-require('./chunk-UEEYC5OJ.cjs');
-require('./chunk-MHDCCX7Q.cjs');
-require('./chunk-SDKTBB4N.cjs');
-require('./chunk-RRCW5BBR.cjs');
-require('./chunk-KCZRQ4AS.cjs');
-require('./chunk-TI75IJ2E.cjs');
-require('./chunk-LG2O4WV2.cjs');
-require('./chunk-5C42H643.cjs');
-require('./chunk-26S26OLO.cjs');
-require('./chunk-KGTAAGUE.cjs');
-var chunk5STN56TL_cjs = require('./chunk-5STN56TL.cjs');
-require('./chunk-5Y5M5ND5.cjs');
-var react = require('@lit/react');
-var t = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var t__default = /*#__PURE__*/_interopDefault(t);
-
-var g=react.createComponent({tagName:"mave-clip",elementClass:chunkXD2KSQMH_cjs.a,react:t__default.default}),v=react.createComponent({tagName:"mave-list",elementClass:chunkP6GNG5DI_cjs.a,react:t__default.default}),P=react.createComponent({tagName:"mave-player",elementClass:chunk7NWFIY3O_cjs.a,react:t__default.default}),y=react.createComponent({tagName:"mave-upload",elementClass:chunkOPVGT665_cjs.a,react:t__default.default}),I=react.createComponent({tagName:"mave-files",elementClass:chunk4OU2YZKL_cjs.a,react:t__default.default}),T=react.createComponent({tagName:"mave-img",elementClass:chunkBTPWX6DH_cjs.a,react:t__default.default}),u=react.createComponent({tagName:"mave-text",elementClass:chunkA3PLFLYH_cjs.a,react:t__default.default}),b=react.createComponent({tagName:"mave-pop",elementClass:chunk5XZY6X6O_cjs.a,react:t__default.default});
-
-Object.defineProperty(exports, 'setConfig', {
-	enumerable: true,
-	get: function () { return chunk5STN56TL_cjs.b; }
-});
-exports.Clip = g;
-exports.Files = I;
-exports.Image = T;
-exports.List = v;
-exports.Player = P;
-exports.Pop = b;
-exports.Text = u;
-exports.Upload = y;
+'use strict';var chunkP4RYGSTU_cjs=require('./chunk-P4RYGSTU.cjs'),chunkOZVIXWBD_cjs=require('./chunk-OZVIXWBD.cjs');require('./chunk-4GTAVYTC.cjs'),require('./chunk-3GVDBAOP.cjs'),require('./chunk-BRZI5I43.cjs');var chunk5UMTSGHI_cjs=require('./chunk-5UMTSGHI.cjs');require('./chunk-H57FX4I6.cjs');var chunkO4SVRXZ6_cjs=require('./chunk-O4SVRXZ6.cjs'),chunkWLVMWIKH_cjs=require('./chunk-WLVMWIKH.cjs'),chunkURZX7GGF_cjs=require('./chunk-URZX7GGF.cjs'),chunkN53P7KPA_cjs=require('./chunk-N53P7KPA.cjs');require('./chunk-5NKBIUPL.cjs');var chunkOOYAQ2X4_cjs=require('./chunk-OOYAQ2X4.cjs');require('./chunk-KTP5LV2E.cjs'),require('./chunk-COWZ7GYF.cjs'),require('./chunk-Q22T22LT.cjs'),require('./chunk-5KQJTT3P.cjs'),require('./chunk-SDKTBB4N.cjs'),require('./chunk-RRCW5BBR.cjs'),require('./chunk-KCZRQ4AS.cjs'),require('./chunk-TI75IJ2E.cjs'),require('./chunk-LG2O4WV2.cjs'),require('./chunk-VW7IKXVI.cjs'),require('./chunk-FUBUUA7Y.cjs'),require('./chunk-5NSCV6C2.cjs');var chunk5STN56TL_cjs=require('./chunk-5STN56TL.cjs');require('./chunk-IPA5Q26W.cjs');var react=require('@lit/react'),t=require('react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var t__default=/*#__PURE__*/_interopDefault(t);var g=react.createComponent({tagName:"mave-clip",elementClass:chunk5UMTSGHI_cjs.a,react:t__default.default}),v=react.createComponent({tagName:"mave-list",elementClass:chunkURZX7GGF_cjs.a,react:t__default.default}),P=react.createComponent({tagName:"mave-player",elementClass:chunkOOYAQ2X4_cjs.a,react:t__default.default}),y=react.createComponent({tagName:"mave-upload",elementClass:chunkOZVIXWBD_cjs.a,react:t__default.default}),I=react.createComponent({tagName:"mave-files",elementClass:chunkO4SVRXZ6_cjs.a,react:t__default.default}),T=react.createComponent({tagName:"mave-img",elementClass:chunkWLVMWIKH_cjs.a,react:t__default.default}),u=react.createComponent({tagName:"mave-text",elementClass:chunkP4RYGSTU_cjs.a,react:t__default.default}),b=react.createComponent({tagName:"mave-pop",elementClass:chunkN53P7KPA_cjs.a,react:t__default.default});Object.defineProperty(exports,"setConfig",{enumerable:true,get:function(){return chunk5STN56TL_cjs.b}});exports.Clip=g;exports.Files=I;exports.Image=T;exports.List=v;exports.Player=P;exports.Pop=b;exports.Text=u;exports.Upload=y;

package/dist/react.js

@@ -1,33 +1 @@
-import { a as a$6 } from './chunk-QJP5WK2K.js';
-import { a as a$3 } from './chunk-ZWBOG4VV.js';
-import './chunk-HZNWCQWL.js';
-import './chunk-GO5AXJUO.js';
-import './chunk-ZXCHPIGV.js';
-import { a } from './chunk-LDQKDXUQ.js';
-import './chunk-AEKWMZ2I.js';
-import { a as a$4 } from './chunk-XEE2D3NF.js';
-import { a as a$5 } from './chunk-ZFM2N7YP.js';
-import { a as a$1 } from './chunk-B6BTCKVU.js';
-import { a as a$7 } from './chunk-JG6DKVEF.js';
-import './chunk-WE5NUDRY.js';
-import { a as a$2 } from './chunk-JJNBEE42.js';
-import './chunk-E26F4RGL.js';
-import './chunk-R3PDNBU4.js';
-import './chunk-CF5QCOBL.js';
-import './chunk-NR4EI5W5.js';
-import './chunk-MK4VIJT3.js';
-import './chunk-MMHEOMF5.js';
-import './chunk-XSYWRQWB.js';
-import './chunk-TPP5OQFR.js';
-import './chunk-LCTGZL3L.js';
-import './chunk-VOXORDG3.js';
-import './chunk-R2QJ6RON.js';
-import './chunk-IFM2GZME.js';
-export { b as setConfig } from './chunk-JBV2AYRP.js';
-import './chunk-ZFZIJ4A5.js';
-import { createComponent } from '@lit/react';
-import t from 'react';
-
-var g=createComponent({tagName:"mave-clip",elementClass:a,react:t}),v=createComponent({tagName:"mave-list",elementClass:a$1,react:t}),P=createComponent({tagName:"mave-player",elementClass:a$2,react:t}),y=createComponent({tagName:"mave-upload",elementClass:a$3,react:t}),I=createComponent({tagName:"mave-files",elementClass:a$4,react:t}),T=createComponent({tagName:"mave-img",elementClass:a$5,react:t}),u=createComponent({tagName:"mave-text",elementClass:a$6,react:t}),b=createComponent({tagName:"mave-pop",elementClass:a$7,react:t});
-
-export { g as Clip, I as Files, T as Image, v as List, P as Player, b as Pop, u as Text, y as Upload };
+import {a as a$6}from'./chunk-DOR5AD7J.js';import {a as a$3}from'./chunk-7LKYLXK5.js';import'./chunk-5OEIKFAN.js';import'./chunk-GO5AXJUO.js';import'./chunk-ZXCHPIGV.js';import {a}from'./chunk-KDE6VE72.js';import'./chunk-3R7TX6NC.js';import {a as a$4}from'./chunk-3GACH56T.js';import {a as a$5}from'./chunk-2C6BGW6H.js';import {a as a$1}from'./chunk-U6N2SUDH.js';import {a as a$7}from'./chunk-B6XMC3AJ.js';import'./chunk-WE5NUDRY.js';import {a as a$2}from'./chunk-6NL5KOSJ.js';import'./chunk-MAOTHFPC.js';import'./chunk-TIOUPJWD.js';import'./chunk-MS5NFI3Q.js';import'./chunk-CUGRXOA2.js';import'./chunk-MK4VIJT3.js';import'./chunk-MMHEOMF5.js';import'./chunk-XSYWRQWB.js';import'./chunk-TPP5OQFR.js';import'./chunk-LCTGZL3L.js';import'./chunk-3PLBZPRP.js';import'./chunk-HMISRRKC.js';import'./chunk-A4GZBQEB.js';export{b as setConfig}from'./chunk-JBV2AYRP.js';import'./chunk-NDDFZTBA.js';import {createComponent}from'@lit/react';import t from'react';var g=createComponent({tagName:"mave-clip",elementClass:a,react:t}),v=createComponent({tagName:"mave-list",elementClass:a$1,react:t}),P=createComponent({tagName:"mave-player",elementClass:a$2,react:t}),y=createComponent({tagName:"mave-upload",elementClass:a$3,react:t}),I=createComponent({tagName:"mave-files",elementClass:a$4,react:t}),T=createComponent({tagName:"mave-img",elementClass:a$5,react:t}),u=createComponent({tagName:"mave-text",elementClass:a$6,react:t}),b=createComponent({tagName:"mave-pop",elementClass:a$7,react:t});export{g as Clip,I as Files,T as Image,v as List,P as Player,b as Pop,u as Text,y as Upload};

package/dist/themes/default.cjs

@@ -1,8 +1,4 @@
-'use strict';
-
-require('../chunk-5Y5M5ND5.cjs');
-
-function r(t,i,a,o){class e extends i{render(){return a`
+'use strict';require('../chunk-IPA5Q26W.cjs');function r(t,i,a,o){class e extends i{render(){return a`
         <media-controller novolumepref>
           <slot name="media" slot="media"></slot>
           <slot name="poster" slot="poster"></slot>
@@ -228,10 +224,10 @@ function r(t,i,a,o){class e extends i{render(){return a`
               </svg>
             </media-fullscreen-button>
           </media-control-bar>
+          <div class="subtitles">
+            <div id="subtitles_text"></div>
+          </div>
         </media-controller>
-        <div class="subtitles">
-          <div id="subtitles_text">subtitles</div>
-        </div>
       `}}e.styles=o`
       :host {
         all: initial !important;
@@ -261,6 +257,7 @@ function r(t,i,a,o){class e extends i{render(){return a`
       }
 
       media-controller {
+        --media-tooltip-display: none;
         overflow: hidden;
         display: flex;
         background: transparent;
@@ -639,6 +636,7 @@ function r(t,i,a,o){class e extends i{render(){return a`
       }
 
       .subtitles {
+        opacity: 1;
         position: absolute;
         top: 0;
         left: 0;
@@ -665,21 +663,21 @@ function r(t,i,a,o){class e extends i{render(){return a`
         max-width: 80%;
         color: white;
         line-height: 1.5rem;
-        transition: margin 200ms ease-out;
+        transition: margin 300ms ease-out;
         text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 4px;
         letter-spacing: -0.01em;
       }
 
-      media-controller[mediapaused] ~ .subtitles > div,
-      media-controller:not([userinactive]) ~ .subtitles > div {
+      media-controller[mediapaused] .subtitles > div,
+      media-controller:not([userinactive]) .subtitles > div {
         margin-bottom: 64px;
       }
 
       media-controller[mediaisfullscreen] .subtitles > div {
         min-height: 44px;
         padding: 14px 24px 12px 24px;
-        font-size: 44px;
-        line-height: 3.5rem;
+        font-size: 26px;
+        line-height: 2rem;
         max-width: 40%;
         margin-bottom: 40px;
       }
@@ -724,6 +722,4 @@ function r(t,i,a,o){class e extends i{render(){return a`
       media-captions-button[mediasubtitleslist].small-button {
         display: var(--captions-display, flex);
       }
-    `,customElements.define(`theme-${t}`,e);}
-
-exports.build = r;
+    `,customElements.define(`theme-${t}`,e);}exports.build=r;

package/dist/themes/default.js

@@ -1,6 +1,4 @@
-import '../chunk-ZFZIJ4A5.js';
-
-function r(t,i,a,o){class e extends i{render(){return a`
+import'../chunk-NDDFZTBA.js';function r(t,i,a,o){class e extends i{render(){return a`
         <media-controller novolumepref>
           <slot name="media" slot="media"></slot>
           <slot name="poster" slot="poster"></slot>
@@ -226,10 +224,10 @@ function r(t,i,a,o){class e extends i{render(){return a`
               </svg>
             </media-fullscreen-button>
           </media-control-bar>
+          <div class="subtitles">
+            <div id="subtitles_text"></div>
+          </div>
         </media-controller>
-        <div class="subtitles">
-          <div id="subtitles_text">subtitles</div>
-        </div>
       `}}e.styles=o`
       :host {
         all: initial !important;
@@ -259,6 +257,7 @@ function r(t,i,a,o){class e extends i{render(){return a`
       }
 
       media-controller {
+        --media-tooltip-display: none;
         overflow: hidden;
         display: flex;
         background: transparent;
@@ -637,6 +636,7 @@ function r(t,i,a,o){class e extends i{render(){return a`
       }
 
       .subtitles {
+        opacity: 1;
         position: absolute;
         top: 0;
         left: 0;
@@ -663,21 +663,21 @@ function r(t,i,a,o){class e extends i{render(){return a`
         max-width: 80%;
         color: white;
         line-height: 1.5rem;
-        transition: margin 200ms ease-out;
+        transition: margin 300ms ease-out;
         text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 4px;
         letter-spacing: -0.01em;
       }
 
-      media-controller[mediapaused] ~ .subtitles > div,
-      media-controller:not([userinactive]) ~ .subtitles > div {
+      media-controller[mediapaused] .subtitles > div,
+      media-controller:not([userinactive]) .subtitles > div {
         margin-bottom: 64px;
       }
 
       media-controller[mediaisfullscreen] .subtitles > div {
         min-height: 44px;
         padding: 14px 24px 12px 24px;
-        font-size: 44px;
-        line-height: 3.5rem;
+        font-size: 26px;
+        line-height: 2rem;
         max-width: 40%;
         margin-bottom: 40px;
       }
@@ -722,6 +722,4 @@ function r(t,i,a,o){class e extends i{render(){return a`
       media-captions-button[mediasubtitleslist].small-button {
         display: var(--captions-display, flex);
       }
-    `,customElements.define(`theme-${t}`,e);}
-
-export { r as build };
+    `,customElements.define(`theme-${t}`,e);}export{r as build};

package/dist/themes/dolphin.cjs

@@ -1,12 +1,8 @@
-'use strict';
-
-require('../chunk-5Y5M5ND5.cjs');
-
-function n(t,i,a,o){class e extends i{render(){return a`
-        <div class="subtitles">
-          <div id="subtitles_text">subtitles</div>
-        </div>
+'use strict';require('../chunk-IPA5Q26W.cjs');function r(t,i,a,o){class e extends i{render(){return a`
         <media-controller novolumepref>
+          <div class="subtitles">
+            <div id="subtitles_text">subtitles</div>
+          </div>
           <slot name="media" slot="media"></slot>
           <div slot="centered-chrome">
             <media-play-button>
@@ -234,6 +230,7 @@ function n(t,i,a,o){class e extends i{render(){return a`
       }
 
       media-controller {
+        --media-tooltip-display: none;
         overflow: hidden;
         display: flex;
         width: 100%;
@@ -384,6 +381,7 @@ function n(t,i,a,o){class e extends i{render(){return a`
       }
 
       .subtitles {
+        opacity: 1;
         position: absolute;
         top: 0;
         left: 0;
@@ -399,18 +397,34 @@ function n(t,i,a,o){class e extends i{render(){return a`
 
       .subtitles > div {
         display: flex;
+        text-align: center;
         align-items: center;
         justify-content: center;
-        color: rgba(255, 255, 255, 1);
-        height: 120px;
-        width: 70%;
-        text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 4px;
-        letter-spacing: 0.01em;
-        text-align: center;
-        margin-bottom: 34px;
+        min-height: 22px;
+        margin-bottom: 24px;
         font-weight: 500;
-        font-size: 20px;
+        font-size: 19px;
         opacity: 0;
+        max-width: 80%;
+        color: white;
+        line-height: 1.5rem;
+        transition: margin 300ms ease-out;
+        text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 4px;
+        letter-spacing: -0.01em;
+      }
+
+      media-controller[mediapaused] .subtitles > div,
+      media-controller:not([userinactive]) .subtitles > div {
+        margin-bottom: 76px;
+      }
+
+      media-controller[mediaisfullscreen] .subtitles > div {
+        min-height: 44px;
+        padding: 14px 24px 12px 24px;
+        font-size: 26px;
+        line-height: 2rem;
+        max-width: 40%;
+        margin-bottom: 54px;
       }
 
       media-playback-rate-button {
@@ -446,6 +460,4 @@ function n(t,i,a,o){class e extends i{render(){return a`
       media-captions-button[mediasubtitleslist] {
         display: var(--captions-display, flex);
       }
-    `,customElements.define(`theme-${t}`,e);}
-
-exports.build = n;
+    `,customElements.define(`theme-${t}`,e);}exports.build=r;

package/dist/themes/dolphin.js

@@ -1,10 +1,8 @@
-import '../chunk-ZFZIJ4A5.js';
-
-function n(t,i,a,o){class e extends i{render(){return a`
-        <div class="subtitles">
-          <div id="subtitles_text">subtitles</div>
-        </div>
+import'../chunk-NDDFZTBA.js';function r(t,i,a,o){class e extends i{render(){return a`
         <media-controller novolumepref>
+          <div class="subtitles">
+            <div id="subtitles_text">subtitles</div>
+          </div>
           <slot name="media" slot="media"></slot>
           <div slot="centered-chrome">
             <media-play-button>
@@ -232,6 +230,7 @@ function n(t,i,a,o){class e extends i{render(){return a`
       }
 
       media-controller {
+        --media-tooltip-display: none;
         overflow: hidden;
         display: flex;
         width: 100%;
@@ -382,6 +381,7 @@ function n(t,i,a,o){class e extends i{render(){return a`
       }
 
       .subtitles {
+        opacity: 1;
         position: absolute;
         top: 0;
         left: 0;
@@ -397,18 +397,34 @@ function n(t,i,a,o){class e extends i{render(){return a`
 
       .subtitles > div {
         display: flex;
+        text-align: center;
         align-items: center;
         justify-content: center;
-        color: rgba(255, 255, 255, 1);
-        height: 120px;
-        width: 70%;
-        text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 4px;
-        letter-spacing: 0.01em;
-        text-align: center;
-        margin-bottom: 34px;
+        min-height: 22px;
+        margin-bottom: 24px;
         font-weight: 500;
-        font-size: 20px;
+        font-size: 19px;
         opacity: 0;
+        max-width: 80%;
+        color: white;
+        line-height: 1.5rem;
+        transition: margin 300ms ease-out;
+        text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 4px;
+        letter-spacing: -0.01em;
+      }
+
+      media-controller[mediapaused] .subtitles > div,
+      media-controller:not([userinactive]) .subtitles > div {
+        margin-bottom: 76px;
+      }
+
+      media-controller[mediaisfullscreen] .subtitles > div {
+        min-height: 44px;
+        padding: 14px 24px 12px 24px;
+        font-size: 26px;
+        line-height: 2rem;
+        max-width: 40%;
+        margin-bottom: 54px;
       }
 
       media-playback-rate-button {
@@ -444,6 +460,4 @@ function n(t,i,a,o){class e extends i{render(){return a`
       media-captions-button[mediasubtitleslist] {
         display: var(--captions-display, flex);
       }
-    `,customElements.define(`theme-${t}`,e);}
-
-export { n as build };
+    `,customElements.define(`theme-${t}`,e);}export{r as build};

package/dist/themes/loader.cjs

@@ -1,13 +1 @@
-'use strict';
-
-var chunk3TMDPPCI_cjs = require('../chunk-3TMDPPCI.cjs');
-require('../chunk-MS3Q4WGR.cjs');
-require('../chunk-KGTAAGUE.cjs');
-require('../chunk-5Y5M5ND5.cjs');
-
-
-
-Object.defineProperty(exports, 'ThemeLoader', {
-	enumerable: true,
-	get: function () { return chunk3TMDPPCI_cjs.a; }
-});
+'use strict';var chunkKTP5LV2E_cjs=require('../chunk-KTP5LV2E.cjs');require('../chunk-COWZ7GYF.cjs'),require('../chunk-5NSCV6C2.cjs'),require('../chunk-IPA5Q26W.cjs');Object.defineProperty(exports,"ThemeLoader",{enumerable:true,get:function(){return chunkKTP5LV2E_cjs.a}});

package/dist/themes/loader.js

@@ -1,4 +1 @@
-export { a as ThemeLoader } from '../chunk-E26F4RGL.js';
-import '../chunk-R3PDNBU4.js';
-import '../chunk-IFM2GZME.js';
-import '../chunk-ZFZIJ4A5.js';
+export{a as ThemeLoader}from'../chunk-MAOTHFPC.js';import'../chunk-TIOUPJWD.js';import'../chunk-A4GZBQEB.js';import'../chunk-NDDFZTBA.js';

package/dist/themes/synthwave.cjs

@@ -1,12 +1,8 @@
-'use strict';
-
-require('../chunk-5Y5M5ND5.cjs');
-
-function r(t,i,a,o){class e extends i{render(){return a`
-        <div class="subtitles">
-          <div id="subtitles_text">subtitles</div>
-        </div>
+'use strict';require('../chunk-IPA5Q26W.cjs');function r(t,i,a,o){class e extends i{render(){return a`
         <media-controller novolumepref>
+          <div class="subtitles">
+            <div id="subtitles_text">subtitles</div>
+          </div>
           <slot name="media" slot="media"></slot>
           <media-time-range></media-time-range>
           <div slot="centered-chrome">
@@ -235,6 +231,7 @@ function r(t,i,a,o){class e extends i{render(){return a`
       }
 
       media-controller {
+        --media-tooltip-display: none;
         overflow: hidden;
         display: flex;
         width: 100%;
@@ -403,6 +400,7 @@ function r(t,i,a,o){class e extends i{render(){return a`
       }
 
       .subtitles {
+        opacity: 1;
         position: absolute;
         top: 0;
         left: 0;
@@ -418,18 +416,34 @@ function r(t,i,a,o){class e extends i{render(){return a`
 
       .subtitles > div {
         display: flex;
+        text-align: center;
         align-items: center;
         justify-content: center;
-        color: rgba(255, 255, 255, 1);
-        height: 100px;
-        width: 70%;
-        text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 4px;
-        letter-spacing: 0.01em;
-        text-align: center;
-        margin-bottom: 34px;
+        min-height: 22px;
+        margin-bottom: 24px;
         font-weight: 500;
-        font-size: 20px;
+        font-size: 19px;
         opacity: 0;
+        max-width: 80%;
+        color: white;
+        line-height: 1.5rem;
+        transition: margin 300ms ease-out;
+        text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 4px;
+        letter-spacing: -0.01em;
+      }
+
+      media-controller[mediapaused] .subtitles > div,
+      media-controller:not([userinactive]) .subtitles > div {
+        margin-bottom: 76px;
+      }
+
+      media-controller[mediaisfullscreen] .subtitles > div {
+        min-height: 44px;
+        padding: 14px 24px 12px 24px;
+        font-size: 26px;
+        line-height: 2rem;
+        max-width: 40%;
+        margin-bottom: 54px;
       }
 
       media-playback-rate-button {
@@ -485,6 +499,4 @@ function r(t,i,a,o){class e extends i{render(){return a`
         width: 80px;
         height: 80px;
       }
-    `,customElements.define(`theme-${t}`,e);}
-
-exports.build = r;
+    `,customElements.define(`theme-${t}`,e);}exports.build=r;

package/dist/themes/synthwave.js

@@ -1,10 +1,8 @@
-import '../chunk-ZFZIJ4A5.js';
-
-function r(t,i,a,o){class e extends i{render(){return a`
-        <div class="subtitles">
-          <div id="subtitles_text">subtitles</div>
-        </div>
+import'../chunk-NDDFZTBA.js';function r(t,i,a,o){class e extends i{render(){return a`
         <media-controller novolumepref>
+          <div class="subtitles">
+            <div id="subtitles_text">subtitles</div>
+          </div>
           <slot name="media" slot="media"></slot>
           <media-time-range></media-time-range>
           <div slot="centered-chrome">
@@ -233,6 +231,7 @@ function r(t,i,a,o){class e extends i{render(){return a`
       }
 
       media-controller {
+        --media-tooltip-display: none;
         overflow: hidden;
         display: flex;
         width: 100%;
@@ -401,6 +400,7 @@ function r(t,i,a,o){class e extends i{render(){return a`
       }
 
       .subtitles {
+        opacity: 1;
         position: absolute;
         top: 0;
         left: 0;
@@ -416,18 +416,34 @@ function r(t,i,a,o){class e extends i{render(){return a`
 
       .subtitles > div {
         display: flex;
+        text-align: center;
         align-items: center;
         justify-content: center;
-        color: rgba(255, 255, 255, 1);
-        height: 100px;
-        width: 70%;
-        text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 4px;
-        letter-spacing: 0.01em;
-        text-align: center;
-        margin-bottom: 34px;
+        min-height: 22px;
+        margin-bottom: 24px;
         font-weight: 500;
-        font-size: 20px;
+        font-size: 19px;
         opacity: 0;
+        max-width: 80%;
+        color: white;
+        line-height: 1.5rem;
+        transition: margin 300ms ease-out;
+        text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 4px;
+        letter-spacing: -0.01em;
+      }
+
+      media-controller[mediapaused] .subtitles > div,
+      media-controller:not([userinactive]) .subtitles > div {
+        margin-bottom: 76px;
+      }
+
+      media-controller[mediaisfullscreen] .subtitles > div {
+        min-height: 44px;
+        padding: 14px 24px 12px 24px;
+        font-size: 26px;
+        line-height: 2rem;
+        max-width: 40%;
+        margin-bottom: 54px;
       }
 
       media-playback-rate-button {
@@ -483,6 +499,4 @@ function r(t,i,a,o){class e extends i{render(){return a`
         width: 80px;
         height: 80px;
       }
-    `,customElements.define(`theme-${t}`,e);}
-
-export { r as build };
+    `,customElements.define(`theme-${t}`,e);}export{r as build};

package/dist/utils/localization.cjs

@@ -1,24 +1 @@
-'use strict';
-
-var chunkRNHNE3HL_cjs = require('../chunk-RNHNE3HL.cjs');
-require('../chunk-MS3Q4WGR.cjs');
-require('../chunk-5Y5M5ND5.cjs');
-
-
-
-Object.defineProperty(exports, 'LanguageController', {
-	enumerable: true,
-	get: function () { return chunkRNHNE3HL_cjs.d; }
-});
-Object.defineProperty(exports, 'localization', {
-	enumerable: true,
-	get: function () { return chunkRNHNE3HL_cjs.c; }
-});
-Object.defineProperty(exports, 'localized', {
-	enumerable: true,
-	get: function () { return chunkRNHNE3HL_cjs.a; }
-});
-Object.defineProperty(exports, 'msg', {
-	enumerable: true,
-	get: function () { return chunkRNHNE3HL_cjs.b; }
-});
+'use strict';var chunk4GTAVYTC_cjs=require('../chunk-4GTAVYTC.cjs');require('../chunk-COWZ7GYF.cjs'),require('../chunk-IPA5Q26W.cjs');Object.defineProperty(exports,"LanguageController",{enumerable:true,get:function(){return chunk4GTAVYTC_cjs.d}});Object.defineProperty(exports,"localization",{enumerable:true,get:function(){return chunk4GTAVYTC_cjs.c}});Object.defineProperty(exports,"localized",{enumerable:true,get:function(){return chunk4GTAVYTC_cjs.a}});Object.defineProperty(exports,"msg",{enumerable:true,get:function(){return chunk4GTAVYTC_cjs.b}});

package/dist/utils/localization.js

@@ -1,3 +1 @@
-export { d as LanguageController, c as localization, a as localized, b as msg } from '../chunk-HZNWCQWL.js';
-import '../chunk-R3PDNBU4.js';
-import '../chunk-ZFZIJ4A5.js';
+export{d as LanguageController,c as localization,a as localized,b as msg}from'../chunk-5OEIKFAN.js';import'../chunk-TIOUPJWD.js';import'../chunk-NDDFZTBA.js';

package/dist/utils/mave_element.cjs

@@ -1,14 +1 @@
-'use strict';
-
-var chunk5C42H643_cjs = require('../chunk-5C42H643.cjs');
-require('../chunk-26S26OLO.cjs');
-require('../chunk-KGTAAGUE.cjs');
-require('../chunk-5STN56TL.cjs');
-require('../chunk-5Y5M5ND5.cjs');
-
-
-
-Object.defineProperty(exports, 'MaveElement', {
-	enumerable: true,
-	get: function () { return chunk5C42H643_cjs.a; }
-});
+'use strict';var chunkVW7IKXVI_cjs=require('../chunk-VW7IKXVI.cjs');require('../chunk-FUBUUA7Y.cjs'),require('../chunk-5NSCV6C2.cjs'),require('../chunk-5STN56TL.cjs'),require('../chunk-IPA5Q26W.cjs');Object.defineProperty(exports,"MaveElement",{enumerable:true,get:function(){return chunkVW7IKXVI_cjs.a}});

package/dist/utils/mave_element.js

@@ -1,5 +1 @@
-export { a as MaveElement } from '../chunk-VOXORDG3.js';
-import '../chunk-R2QJ6RON.js';
-import '../chunk-IFM2GZME.js';
-import '../chunk-JBV2AYRP.js';
-import '../chunk-ZFZIJ4A5.js';
+export{a as MaveElement}from'../chunk-3PLBZPRP.js';import'../chunk-HMISRRKC.js';import'../chunk-A4GZBQEB.js';import'../chunk-JBV2AYRP.js';import'../chunk-NDDFZTBA.js';

package/dist/utils/origin.cjs

@@ -1,11 +1 @@
-'use strict';
-
-var chunkMS3Q4WGR_cjs = require('../chunk-MS3Q4WGR.cjs');
-require('../chunk-5Y5M5ND5.cjs');
-
-
-
-Object.defineProperty(exports, 'potentialDistFolder', {
-	enumerable: true,
-	get: function () { return chunkMS3Q4WGR_cjs.a; }
-});
+'use strict';var chunkCOWZ7GYF_cjs=require('../chunk-COWZ7GYF.cjs');require('../chunk-IPA5Q26W.cjs');Object.defineProperty(exports,"potentialDistFolder",{enumerable:true,get:function(){return chunkCOWZ7GYF_cjs.a}});

package/dist/utils/origin.d.cts

@@ -1,3 +1,3 @@
-declare const potentialDistFolder: () => "" | "dist/";
+declare function potentialDistFolder(): string;
 
 export { potentialDistFolder };