@devix-technologies/react-gjirafa-vp-player 1.0.3 → 1.0.5

package/dist/react-gjirafa-vp-player.umd.js

@@ -1,4 +1,4 @@
-(function(_,w){typeof exports=="object"&&typeof module<"u"?w(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],w):(_=typeof globalThis<"u"?globalThis:_||self,w(_.ReactGjirafaVPPlayer={},_.React))})(this,function(_,w){"use strict";function bt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const H=bt(w);var fe={exports:{}},ae={};/**
+(function(_,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],x):(_=typeof globalThis<"u"?globalThis:_||self,x(_.ReactGjirafaVPPlayer={},_.React))})(this,function(_,x){"use strict";function vt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const H=vt(x);var me={exports:{}},oe={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Ve;function xt(){if(Ve)return ae;Ve=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function r(n,a,i){var c=null;if(i!==void 0&&(c=""+i),a.key!==void 0&&(c=""+a.key),"key"in a){i={};for(var s in a)s!=="key"&&(i[s]=a[s])}else i=a;return a=i.ref,{$$typeof:e,type:n,key:c,ref:a!==void 0?a:null,props:i}}return ae.Fragment=t,ae.jsx=r,ae.jsxs=r,ae}var ie={};/**
+ */var De;function bt(){if(De)return oe;De=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function r(n,a,i){var s=null;if(i!==void 0&&(s=""+i),a.key!==void 0&&(s=""+a.key),"key"in a){i={};for(var c in a)c!=="key"&&(i[c]=a[c])}else i=a;return a=i.ref,{$$typeof:e,type:n,key:s,ref:a!==void 0?a:null,props:i}}return oe.Fragment=t,oe.jsx=r,oe.jsxs=r,oe}var se={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,12 +14,12 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Be;function wt(){return Be||(Be=1,process.env.NODE_ENV!=="production"&&function(){function e(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===$?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case p:return"Fragment";case v:return"Profiler";case y:return"StrictMode";case S:return"Suspense";case T:return"SuspenseList";case D:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case x:return"Portal";case A:return(o.displayName||"Context")+".Provider";case b:return(o._context.displayName||"Context")+".Consumer";case O:var g=o.render;return o=o.displayName,o||(o=g.displayName||g.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case f:return g=o.displayName||null,g!==null?g:e(o.type)||"Memo";case j:g=o._payload,o=o._init;try{return e(o(g))}catch{}}return null}function t(o){return""+o}function r(o){try{t(o);var g=!1}catch{g=!0}if(g){g=console;var C=g.error,F=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return C.call(g,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",F),t(o)}}function n(o){if(o===p)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===j)return"<...>";try{var g=e(o);return g?"<"+g+">":"<...>"}catch{return"<...>"}}function a(){var o=B.A;return o===null?null:o.getOwner()}function i(){return Error("react-stack-top-frame")}function c(o){if(X.call(o,"key")){var g=Object.getOwnPropertyDescriptor(o,"key").get;if(g&&g.isReactWarning)return!1}return o.key!==void 0}function s(o,g){function C(){de||(de=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",g))}C.isReactWarning=!0,Object.defineProperty(o,"key",{get:C,configurable:!0})}function d(){var o=e(this.type);return J[o]||(J[o]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),o=this.props.ref,o!==void 0?o:null}function h(o,g,C,F,Z,G,$e,Ne){return C=G.ref,o={$$typeof:k,type:o,key:g,props:G,_owner:Z},(C!==void 0?C:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:d}):Object.defineProperty(o,"ref",{enumerable:!1,value:null}),o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(o,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(o,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:$e}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Ne}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function l(o,g,C,F,Z,G,$e,Ne){var V=g.children;if(V!==void 0)if(F)if(z(V)){for(F=0;F<V.length;F++)u(V[F]);Object.freeze&&Object.freeze(V)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else u(V);if(X.call(g,"key")){V=e(o);var ne=Object.keys(g).filter(function(Fr){return Fr!=="key"});F=0<ne.length?"{key: someKey, "+ne.join(": ..., ")+": ...}":"{key: someKey}",vt[V+F]||(ne=0<ne.length?"{"+ne.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var ze;function wt(){return ze||(ze=1,process.env.NODE_ENV!=="production"&&function(){function e(o){if(o==null)return null;if(typeof o=="function")return o.$$typeof===R?null:o.displayName||o.name||null;if(typeof o=="string")return o;switch(o){case p:return"Fragment";case v:return"Profiler";case y:return"StrictMode";case S:return"Suspense";case C:return"SuspenseList";case M:return"Activity"}if(typeof o=="object")switch(typeof o.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),o.$$typeof){case w:return"Portal";case A:return(o.displayName||"Context")+".Provider";case b:return(o._context.displayName||"Context")+".Consumer";case j:var g=o.render;return o=o.displayName,o||(o=g.displayName||g.name||"",o=o!==""?"ForwardRef("+o+")":"ForwardRef"),o;case f:return g=o.displayName||null,g!==null?g:e(o.type)||"Memo";case I:g=o._payload,o=o._init;try{return e(o(g))}catch{}}return null}function t(o){return""+o}function r(o){try{t(o);var g=!1}catch{g=!0}if(g){g=console;var T=g.error,V=typeof Symbol=="function"&&Symbol.toStringTag&&o[Symbol.toStringTag]||o.constructor.name||"Object";return T.call(g,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",V),t(o)}}function n(o){if(o===p)return"<>";if(typeof o=="object"&&o!==null&&o.$$typeof===I)return"<...>";try{var g=e(o);return g?"<"+g+">":"<...>"}catch{return"<...>"}}function a(){var o=D.A;return o===null?null:o.getOwner()}function i(){return Error("react-stack-top-frame")}function s(o){if(re.call(o,"key")){var g=Object.getOwnPropertyDescriptor(o,"key").get;if(g&&g.isReactWarning)return!1}return o.key!==void 0}function c(o,g){function T(){ne||(ne=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",g))}T.isReactWarning=!0,Object.defineProperty(o,"key",{get:T,configurable:!0})}function d(){var o=e(this.type);return ae[o]||(ae[o]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),o=this.props.ref,o!==void 0?o:null}function m(o,g,T,V,K,G,Fe,Be){return T=G.ref,o={$$typeof:E,type:o,key:g,props:G,_owner:K},(T!==void 0?T:null)!==null?Object.defineProperty(o,"ref",{enumerable:!1,get:d}):Object.defineProperty(o,"ref",{enumerable:!1,value:null}),o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(o,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(o,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:Fe}),Object.defineProperty(o,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Be}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o}function l(o,g,T,V,K,G,Fe,Be){var F=g.children;if(F!==void 0)if(V)if(U(F)){for(V=0;V<F.length;V++)u(F[V]);Object.freeze&&Object.freeze(F)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else u(F);if(re.call(g,"key")){F=e(o);var ie=Object.keys(g).filter(function(Vr){return Vr!=="key"});V=0<ie.length?"{key: someKey, "+ie.join(": ..., ")+": ...}":"{key: someKey}",he[F+V]||(ie=0<ie.length?"{"+ie.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,F,V,ne,V),vt[V+F]=!0)}if(V=null,C!==void 0&&(r(C),V=""+C),c(g)&&(r(g.key),V=""+g.key),"key"in g){C={};for(var Fe in g)Fe!=="key"&&(C[Fe]=g[Fe])}else C=g;return V&&s(C,typeof o=="function"?o.displayName||o.name||"Unknown":o),h(o,V,G,Z,a(),C,$e,Ne)}function u(o){typeof o=="object"&&o!==null&&o.$$typeof===k&&o._store&&(o._store.validated=1)}var m=w,k=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),y=Symbol.for("react.strict_mode"),v=Symbol.for("react.profiler"),b=Symbol.for("react.consumer"),A=Symbol.for("react.context"),O=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),T=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),D=Symbol.for("react.activity"),$=Symbol.for("react.client.reference"),B=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,z=Array.isArray,K=console.createTask?console.createTask:function(){return null};m={"react-stack-bottom-frame":function(o){return o()}};var de,J={},yt=m["react-stack-bottom-frame"].bind(m,i)(),gt=K(n(i)),vt={};ie.Fragment=p,ie.jsx=function(o,g,C,F,Z){var G=1e4>B.recentlyCreatedOwnerStacks++;return l(o,g,C,!1,F,Z,G?Error("react-stack-top-frame"):yt,G?K(n(o)):gt)},ie.jsxs=function(o,g,C,F,Z){var G=1e4>B.recentlyCreatedOwnerStacks++;return l(o,g,C,!0,F,Z,G?Error("react-stack-top-frame"):yt,G?K(n(o)):gt)}}()),ie}var Me;function Pt(){return Me||(Me=1,process.env.NODE_ENV==="production"?fe.exports=xt():fe.exports=wt()),fe.exports}var I=Pt();function Ee(){return Ee=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ee.apply(null,arguments)}function Et(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function kt(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),e.nonce!==void 0&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}var _t=function(){function e(r){var n=this;this._insertTag=function(a){var i;n.tags.length===0?n.insertionPoint?i=n.insertionPoint.nextSibling:n.prepend?i=n.container.firstChild:i=n.before:i=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(a,i),n.tags.push(a)},this.isSpeedy=r.speedy===void 0?!0:r.speedy,this.tags=[],this.ctr=0,this.nonce=r.nonce,this.key=r.key,this.container=r.container,this.prepend=r.prepend,this.insertionPoint=r.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(n){n.forEach(this._insertTag)},t.insert=function(n){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(kt(this));var a=this.tags[this.tags.length-1];if(this.isSpeedy){var i=Et(a);try{i.insertRule(n,i.cssRules.length)}catch{}}else a.appendChild(document.createTextNode(n));this.ctr++},t.flush=function(){this.tags.forEach(function(n){var a;return(a=n.parentNode)==null?void 0:a.removeChild(n)}),this.tags=[],this.ctr=0},e}(),N="-ms-",pe="-moz-",P="-webkit-",De="comm",ke="rule",_e="decl",St="@import",Ue="@keyframes",At="@layer",Tt=Math.abs,he=String.fromCharCode,Ct=Object.assign;function Rt(e,t){return L(e,0)^45?(((t<<2^L(e,0))<<2^L(e,1))<<2^L(e,2))<<2^L(e,3):0}function ze(e){return e.trim()}function Ot(e,t){return(e=t.exec(e))?e[0]:e}function E(e,t,r){return e.replace(t,r)}function Se(e,t){return e.indexOf(t)}function L(e,t){return e.charCodeAt(t)|0}function oe(e,t,r){return e.slice(t,r)}function W(e){return e.length}function Ae(e){return e.length}function me(e,t){return t.push(e),e}function It(e,t){return e.map(t).join("")}var ye=1,Q=1,We=0,M=0,R=0,ee="";function ge(e,t,r,n,a,i,c){return{value:e,root:t,parent:r,type:n,props:a,children:i,line:ye,column:Q,length:c,return:""}}function se(e,t){return Ct(ge("",null,null,"",null,null,0),e,{length:-e.length},t)}function jt(){return R}function Lt(){return R=M>0?L(ee,--M):0,Q--,R===10&&(Q=1,ye--),R}function U(){return R=M<We?L(ee,M++):0,Q++,R===10&&(Q=1,ye++),R}function Y(){return L(ee,M)}function ve(){return M}function ce(e,t){return oe(ee,e,t)}function le(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Ye(e){return ye=Q=1,We=W(ee=e),M=0,[]}function qe(e){return ee="",e}function be(e){return ze(ce(M-1,Te(e===91?e+2:e===40?e+1:e)))}function $t(e){for(;(R=Y())&&R<33;)U();return le(e)>2||le(R)>3?"":" "}function Nt(e,t){for(;--t&&U()&&!(R<48||R>102||R>57&&R<65||R>70&&R<97););return ce(e,ve()+(t<6&&Y()==32&&U()==32))}function Te(e){for(;U();)switch(R){case e:return M;case 34:case 39:e!==34&&e!==39&&Te(R);break;case 40:e===41&&Te(e);break;case 92:U();break}return M}function Ft(e,t){for(;U()&&e+R!==57;)if(e+R===84&&Y()===47)break;return"/*"+ce(t,M-1)+"*"+he(e===47?e:U())}function Vt(e){for(;!le(Y());)U();return ce(e,M)}function Bt(e){return qe(xe("",null,null,null,[""],e=Ye(e),0,[0],e))}function xe(e,t,r,n,a,i,c,s,d){for(var h=0,l=0,u=c,m=0,k=0,x=0,p=1,y=1,v=1,b=0,A="",O=a,S=i,T=n,f=A;y;)switch(x=b,b=U()){case 40:if(x!=108&&L(f,u-1)==58){Se(f+=E(be(b),"&","&\f"),"&\f")!=-1&&(v=-1);break}case 34:case 39:case 91:f+=be(b);break;case 9:case 10:case 13:case 32:f+=$t(x);break;case 92:f+=Nt(ve()-1,7);continue;case 47:switch(Y()){case 42:case 47:me(Mt(Ft(U(),ve()),t,r),d);break;default:f+="/"}break;case 123*p:s[h++]=W(f)*v;case 125*p:case 59:case 0:switch(b){case 0:case 125:y=0;case 59+l:v==-1&&(f=E(f,/\f/g,"")),k>0&&W(f)-u&&me(k>32?He(f+";",n,r,u-1):He(E(f," ","")+";",n,r,u-2),d);break;case 59:f+=";";default:if(me(T=Ge(f,t,r,h,l,a,s,A,O=[],S=[],u),i),b===123)if(l===0)xe(f,t,T,T,O,i,u,s,S);else switch(m===99&&L(f,3)===110?100:m){case 100:case 108:case 109:case 115:xe(e,T,T,n&&me(Ge(e,T,T,0,0,a,s,A,a,O=[],u),S),a,S,u,s,n?O:S);break;default:xe(f,T,T,T,[""],S,0,s,S)}}h=l=k=0,p=v=1,A=f="",u=c;break;case 58:u=1+W(f),k=x;default:if(p<1){if(b==123)--p;else if(b==125&&p++==0&&Lt()==125)continue}switch(f+=he(b),b*p){case 38:v=l>0?1:(f+="\f",-1);break;case 44:s[h++]=(W(f)-1)*v,v=1;break;case 64:Y()===45&&(f+=be(U())),m=Y(),l=u=W(A=f+=Vt(ve())),b++;break;case 45:x===45&&W(f)==2&&(p=0)}}return i}function Ge(e,t,r,n,a,i,c,s,d,h,l){for(var u=a-1,m=a===0?i:[""],k=Ae(m),x=0,p=0,y=0;x<n;++x)for(var v=0,b=oe(e,u+1,u=Tt(p=c[x])),A=e;v<k;++v)(A=ze(p>0?m[v]+" "+b:E(b,/&\f/g,m[v])))&&(d[y++]=A);return ge(e,t,r,a===0?ke:s,d,h,l)}function Mt(e,t,r){return ge(e,t,r,De,he(jt()),oe(e,2,-2),0)}function He(e,t,r,n){return ge(e,t,r,_e,oe(e,0,n),oe(e,n+1,-1),n)}function te(e,t){for(var r="",n=Ae(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}function Dt(e,t,r,n){switch(e.type){case At:if(e.children.length)break;case St:case _e:return e.return=e.return||e.value;case De:return"";case Ue:return e.return=e.value+"{"+te(e.children,n)+"}";case ke:e.value=e.props.join(",")}return W(r=te(e.children,n))?e.return=e.value+"{"+r+"}":""}function Ut(e){var t=Ae(e);return function(r,n,a,i){for(var c="",s=0;s<t;s++)c+=e[s](r,n,a,i)||"";return c}}function zt(e){return function(t){t.root||(t=t.return)&&e(t)}}function Xe(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Wt=function(t,r,n){for(var a=0,i=0;a=i,i=Y(),a===38&&i===12&&(r[n]=1),!le(i);)U();return ce(t,M)},Yt=function(t,r){var n=-1,a=44;do switch(le(a)){case 0:a===38&&Y()===12&&(r[n]=1),t[n]+=Wt(M-1,r,n);break;case 2:t[n]+=be(a);break;case 4:if(a===44){t[++n]=Y()===58?"&\f":"",r[n]=t[n].length;break}default:t[n]+=he(a)}while(a=U());return t},qt=function(t,r){return qe(Yt(Ye(t),r))},Ke=new WeakMap,Gt=function(t){if(!(t.type!=="rule"||!t.parent||t.length<1)){for(var r=t.value,n=t.parent,a=t.column===n.column&&t.line===n.line;n.type!=="rule";)if(n=n.parent,!n)return;if(!(t.props.length===1&&r.charCodeAt(0)!==58&&!Ke.get(n))&&!a){Ke.set(t,!0);for(var i=[],c=qt(r,i),s=n.props,d=0,h=0;d<c.length;d++)for(var l=0;l<s.length;l++,h++)t.props[h]=i[d]?c[d].replace(/&\f/g,s[l]):s[l]+" "+c[d]}}},Ht=function(t){if(t.type==="decl"){var r=t.value;r.charCodeAt(0)===108&&r.charCodeAt(2)===98&&(t.return="",t.value="")}};function Je(e,t){switch(Rt(e,t)){case 5103:return P+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return P+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return P+e+pe+e+N+e+e;case 6828:case 4268:return P+e+N+e+e;case 6165:return P+e+N+"flex-"+e+e;case 5187:return P+e+E(e,/(\w+).+(:[^]+)/,P+"box-$1$2"+N+"flex-$1$2")+e;case 5443:return P+e+N+"flex-item-"+E(e,/flex-|-self/,"")+e;case 4675:return P+e+N+"flex-line-pack"+E(e,/align-content|flex-|-self/,"")+e;case 5548:return P+e+N+E(e,"shrink","negative")+e;case 5292:return P+e+N+E(e,"basis","preferred-size")+e;case 6060:return P+"box-"+E(e,"-grow","")+P+e+N+E(e,"grow","positive")+e;case 4554:return P+E(e,/([^-])(transform)/g,"$1"+P+"$2")+e;case 6187:return E(E(E(e,/(zoom-|grab)/,P+"$1"),/(image-set)/,P+"$1"),e,"")+e;case 5495:case 3959:return E(e,/(image-set\([^]*)/,P+"$1$`$1");case 4968:return E(E(e,/(.+:)(flex-)?(.*)/,P+"box-pack:$3"+N+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+P+e+e;case 4095:case 3583:case 4068:case 2532:return E(e,/(.+)-inline(.+)/,P+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(W(e)-1-t>6)switch(L(e,t+1)){case 109:if(L(e,t+4)!==45)break;case 102:return E(e,/(.+:)(.+)-([^]+)/,"$1"+P+"$2-$3$1"+pe+(L(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Se(e,"stretch")?Je(E(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(L(e,t+1)!==115)break;case 6444:switch(L(e,W(e)-3-(~Se(e,"!important")&&10))){case 107:return E(e,":",":"+P)+e;case 101:return E(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+P+(L(e,14)===45?"inline-":"")+"box$3$1"+P+"$2$3$1"+N+"$2box$3")+e}break;case 5936:switch(L(e,t+11)){case 114:return P+e+N+E(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return P+e+N+E(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return P+e+N+E(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return P+e+N+e+e}return e}var Xt=function(t,r,n,a){if(t.length>-1&&!t.return)switch(t.type){case _e:t.return=Je(t.value,t.length);break;case Ue:return te([se(t,{value:E(t.value,"@","@"+P)})],a);case ke:if(t.length)return It(t.props,function(i){switch(Ot(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return te([se(t,{props:[E(i,/:(read-\w+)/,":"+pe+"$1")]})],a);case"::placeholder":return te([se(t,{props:[E(i,/:(plac\w+)/,":"+P+"input-$1")]}),se(t,{props:[E(i,/:(plac\w+)/,":"+pe+"$1")]}),se(t,{props:[E(i,/:(plac\w+)/,N+"input-$1")]})],a)}return""})}},Kt=[Xt],Jt=function(t){var r=t.key;if(r==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(p){var y=p.getAttribute("data-emotion");y.indexOf(" ")!==-1&&(document.head.appendChild(p),p.setAttribute("data-s",""))})}var a=t.stylisPlugins||Kt,i={},c,s=[];c=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),function(p){for(var y=p.getAttribute("data-emotion").split(" "),v=1;v<y.length;v++)i[y[v]]=!0;s.push(p)});var d,h=[Gt,Ht];{var l,u=[Dt,zt(function(p){l.insert(p)})],m=Ut(h.concat(a,u)),k=function(y){return te(Bt(y),m)};d=function(y,v,b,A){l=b,k(y?y+"{"+v.styles+"}":v.styles),A&&(x.inserted[v.name]=!0)}}var x={key:r,sheet:new _t({key:r,container:c,nonce:t.nonce,speedy:t.speedy,prepend:t.prepend,insertionPoint:t.insertionPoint}),nonce:t.nonce,inserted:i,registered:{},insert:d};return x.sheet.hydrate(s),x},Zt=!0;function Qt(e,t,r){var n="";return r.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):a&&(n+=a+" ")}),n}var Ze=function(t,r,n){var a=t.key+"-"+r.name;(n===!1||Zt===!1)&&t.registered[a]===void 0&&(t.registered[a]=r.styles)},er=function(t,r,n){Ze(t,r,n);var a=t.key+"-"+r.name;if(t.inserted[r.name]===void 0){var i=r;do t.insert(r===i?"."+a:"",i,t.sheet,!0),i=i.next;while(i!==void 0)}};function tr(e){for(var t=0,r,n=0,a=e.length;a>=4;++n,a-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var rr={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},nr=/[A-Z]|^ms/g,ar=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Qe=function(t){return t.charCodeAt(1)===45},et=function(t){return t!=null&&typeof t!="boolean"},Ce=Xe(function(e){return Qe(e)?e:e.replace(nr,"-$&").toLowerCase()}),tt=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(ar,function(n,a,i){return q={name:a,styles:i,next:q},a})}return rr[t]!==1&&!Qe(t)&&typeof r=="number"&&r!==0?r+"px":r};function ue(e,t,r){if(r==null)return"";var n=r;if(n.__emotion_styles!==void 0)return n;switch(typeof r){case"boolean":return"";case"object":{var a=r;if(a.anim===1)return q={name:a.name,styles:a.styles,next:q},a.name;var i=r;if(i.styles!==void 0){var c=i.next;if(c!==void 0)for(;c!==void 0;)q={name:c.name,styles:c.styles,next:q},c=c.next;var s=i.styles+";";return s}return ir(e,t,r)}case"function":{if(e!==void 0){var d=q,h=r(e);return q=d,ue(e,t,h)}break}}var l=r;if(t==null)return l;var u=t[l];return u!==void 0?u:l}function ir(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=ue(e,t,r[a])+";";else for(var i in r){var c=r[i];if(typeof c!="object"){var s=c;t!=null&&t[s]!==void 0?n+=i+"{"+t[s]+"}":et(s)&&(n+=Ce(i)+":"+tt(i,s)+";")}else if(Array.isArray(c)&&typeof c[0]=="string"&&(t==null||t[c[0]]===void 0))for(var d=0;d<c.length;d++)et(c[d])&&(n+=Ce(i)+":"+tt(i,c[d])+";");else{var h=ue(e,t,c);switch(i){case"animation":case"animationName":{n+=Ce(i)+":"+h+";";break}default:n+=i+"{"+h+"}"}}}return n}var rt=/label:\s*([^\s;{]+)\s*(;|$)/g,q;function or(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var n=!0,a="";q=void 0;var i=e[0];if(i==null||i.raw===void 0)n=!1,a+=ue(r,t,i);else{var c=i;a+=c[0]}for(var s=1;s<e.length;s++)if(a+=ue(r,t,e[s]),n){var d=i;a+=d[s]}rt.lastIndex=0;for(var h="",l;(l=rt.exec(a))!==null;)h+="-"+l[1];var u=tr(a)+h;return{name:u,styles:a,next:q}}var sr=function(t){return t()},cr=H.useInsertionEffect?H.useInsertionEffect:!1,lr=cr||sr,nt=H.createContext(typeof HTMLElement<"u"?Jt({key:"css"}):null);nt.Provider;var ur=function(t){return w.forwardRef(function(r,n){var a=w.useContext(nt);return t(r,a,n)})},dr=H.createContext({}),fr=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,pr=Xe(function(e){return fr.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),hr=pr,mr=function(t){return t!=="theme"},at=function(t){return typeof t=="string"&&t.charCodeAt(0)>96?hr:mr},it=function(t,r,n){var a;if(r){var i=r.shouldForwardProp;a=t.__emotion_forwardProp&&i?function(c){return t.__emotion_forwardProp(c)&&i(c)}:i}return typeof a!="function"&&n&&(a=t.__emotion_forwardProp),a},yr=function(t){var r=t.cache,n=t.serialized,a=t.isStringTag;return Ze(r,n,a),lr(function(){return er(r,n,a)}),null},gr=function e(t,r){var n=t.__emotion_real===t,a=n&&t.__emotion_base||t,i,c;r!==void 0&&(i=r.label,c=r.target);var s=it(t,r,n),d=s||at(a),h=!d("as");return function(){var l=arguments,u=n&&t.__emotion_styles!==void 0?t.__emotion_styles.slice(0):[];if(i!==void 0&&u.push("label:"+i+";"),l[0]==null||l[0].raw===void 0)u.push.apply(u,l);else{var m=l[0];u.push(m[0]);for(var k=l.length,x=1;x<k;x++)u.push(l[x],m[x])}var p=ur(function(y,v,b){var A=h&&y.as||a,O="",S=[],T=y;if(y.theme==null){T={};for(var f in y)T[f]=y[f];T.theme=H.useContext(dr)}typeof y.className=="string"?O=Qt(v.registered,S,y.className):y.className!=null&&(O=y.className+" ");var j=or(u.concat(S),v.registered,T);O+=v.key+"-"+j.name,c!==void 0&&(O+=" "+c);var D=h&&s===void 0?at(A):d,$={};for(var B in y)h&&B==="as"||D(B)&&($[B]=y[B]);return $.className=O,b&&($.ref=b),H.createElement(H.Fragment,null,H.createElement(yr,{cache:v,serialized:j,isStringTag:typeof A=="string"}),H.createElement(A,$))});return p.displayName=i!==void 0?i:"Styled("+(typeof a=="string"?a:a.displayName||a.name||"Component")+")",p.defaultProps=t.defaultProps,p.__emotion_real=p,p.__emotion_base=a,p.__emotion_styles=u,p.__emotion_forwardProp=s,Object.defineProperty(p,"toString",{value:function(){return"."+c}}),p.withComponent=function(y,v){var b=e(y,Ee({},r,v,{shouldForwardProp:it(p,v,!0)}));return b.apply(void 0,u)},p}},vr=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],re=gr.bind(null);vr.forEach(function(e){re[e]=re(e)});const br=re.div`
+  <%s key={someKey} {...props} />`,V,F,ie,F),he[F+V]=!0)}if(F=null,T!==void 0&&(r(T),F=""+T),s(g)&&(r(g.key),F=""+g.key),"key"in g){T={};for(var Me in g)Me!=="key"&&(T[Me]=g[Me])}else T=g;return F&&c(T,typeof o=="function"?o.displayName||o.name||"Unknown":o),m(o,F,G,K,a(),T,Fe,Be)}function u(o){typeof o=="object"&&o!==null&&o.$$typeof===E&&o._store&&(o._store.validated=1)}var h=x,E=Symbol.for("react.transitional.element"),w=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),y=Symbol.for("react.strict_mode"),v=Symbol.for("react.profiler"),b=Symbol.for("react.consumer"),A=Symbol.for("react.context"),j=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),C=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),M=Symbol.for("react.activity"),R=Symbol.for("react.client.reference"),D=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,re=Object.prototype.hasOwnProperty,U=Array.isArray,X=console.createTask?console.createTask:function(){return null};h={"react-stack-bottom-frame":function(o){return o()}};var ne,ae={},J=h["react-stack-bottom-frame"].bind(h,i)(),pe=X(n(i)),he={};se.Fragment=p,se.jsx=function(o,g,T,V,K){var G=1e4>D.recentlyCreatedOwnerStacks++;return l(o,g,T,!1,V,K,G?Error("react-stack-top-frame"):J,G?X(n(o)):pe)},se.jsxs=function(o,g,T,V,K){var G=1e4>D.recentlyCreatedOwnerStacks++;return l(o,g,T,!0,V,K,G?Error("react-stack-top-frame"):J,G?X(n(o)):pe)}}()),se}var Ue;function xt(){return Ue||(Ue=1,process.env.NODE_ENV==="production"?me.exports=bt():me.exports=wt()),me.exports}var L=xt();function Se(){return Se=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Se.apply(null,arguments)}function Pt(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]}function kt(e){var t=document.createElement("style");return t.setAttribute("data-emotion",e.key),e.nonce!==void 0&&t.setAttribute("nonce",e.nonce),t.appendChild(document.createTextNode("")),t.setAttribute("data-s",""),t}var Et=function(){function e(r){var n=this;this._insertTag=function(a){var i;n.tags.length===0?n.insertionPoint?i=n.insertionPoint.nextSibling:n.prepend?i=n.container.firstChild:i=n.before:i=n.tags[n.tags.length-1].nextSibling,n.container.insertBefore(a,i),n.tags.push(a)},this.isSpeedy=r.speedy===void 0?!0:r.speedy,this.tags=[],this.ctr=0,this.nonce=r.nonce,this.key=r.key,this.container=r.container,this.prepend=r.prepend,this.insertionPoint=r.insertionPoint,this.before=null}var t=e.prototype;return t.hydrate=function(n){n.forEach(this._insertTag)},t.insert=function(n){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(kt(this));var a=this.tags[this.tags.length-1];if(this.isSpeedy){var i=Pt(a);try{i.insertRule(n,i.cssRules.length)}catch{}}else a.appendChild(document.createTextNode(n));this.ctr++},t.flush=function(){this.tags.forEach(function(n){var a;return(a=n.parentNode)==null?void 0:a.removeChild(n)}),this.tags=[],this.ctr=0},e}(),N="-ms-",ye="-moz-",P="-webkit-",We="comm",Ae="rule",Ce="decl",_t="@import",Ye="@keyframes",St="@layer",At=Math.abs,ge=String.fromCharCode,Ct=Object.assign;function Tt(e,t){return $(e,0)^45?(((t<<2^$(e,0))<<2^$(e,1))<<2^$(e,2))<<2^$(e,3):0}function qe(e){return e.trim()}function Rt(e,t){return(e=t.exec(e))?e[0]:e}function k(e,t,r){return e.replace(t,r)}function Te(e,t){return e.indexOf(t)}function $(e,t){return e.charCodeAt(t)|0}function ce(e,t,r){return e.slice(t,r)}function W(e){return e.length}function Re(e){return e.length}function ve(e,t){return t.push(e),e}function Ot(e,t){return e.map(t).join("")}var be=1,Z=1,Ge=0,B=0,O=0,Q="";function we(e,t,r,n,a,i,s){return{value:e,root:t,parent:r,type:n,props:a,children:i,line:be,column:Z,length:s,return:""}}function le(e,t){return Ct(we("",null,null,"",null,null,0),e,{length:-e.length},t)}function It(){return O}function jt(){return O=B>0?$(Q,--B):0,Z--,O===10&&(Z=1,be--),O}function z(){return O=B<Ge?$(Q,B++):0,Z++,O===10&&(Z=1,be++),O}function Y(){return $(Q,B)}function xe(){return B}function ue(e,t){return ce(Q,e,t)}function de(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function He(e){return be=Z=1,Ge=W(Q=e),B=0,[]}function Xe(e){return Q="",e}function Pe(e){return qe(ue(B-1,Oe(e===91?e+2:e===40?e+1:e)))}function Lt(e){for(;(O=Y())&&O<33;)z();return de(e)>2||de(O)>3?"":" "}function $t(e,t){for(;--t&&z()&&!(O<48||O>102||O>57&&O<65||O>70&&O<97););return ue(e,xe()+(t<6&&Y()==32&&z()==32))}function Oe(e){for(;z();)switch(O){case e:return B;case 34:case 39:e!==34&&e!==39&&Oe(O);break;case 40:e===41&&Oe(e);break;case 92:z();break}return B}function Nt(e,t){for(;z()&&e+O!==57;)if(e+O===84&&Y()===47)break;return"/*"+ue(t,B-1)+"*"+ge(e===47?e:z())}function Vt(e){for(;!de(Y());)z();return ue(e,B)}function Ft(e){return Xe(ke("",null,null,null,[""],e=He(e),0,[0],e))}function ke(e,t,r,n,a,i,s,c,d){for(var m=0,l=0,u=s,h=0,E=0,w=0,p=1,y=1,v=1,b=0,A="",j=a,S=i,C=n,f=A;y;)switch(w=b,b=z()){case 40:if(w!=108&&$(f,u-1)==58){Te(f+=k(Pe(b),"&","&\f"),"&\f")!=-1&&(v=-1);break}case 34:case 39:case 91:f+=Pe(b);break;case 9:case 10:case 13:case 32:f+=Lt(w);break;case 92:f+=$t(xe()-1,7);continue;case 47:switch(Y()){case 42:case 47:ve(Bt(Nt(z(),xe()),t,r),d);break;default:f+="/"}break;case 123*p:c[m++]=W(f)*v;case 125*p:case 59:case 0:switch(b){case 0:case 125:y=0;case 59+l:v==-1&&(f=k(f,/\f/g,"")),E>0&&W(f)-u&&ve(E>32?Je(f+";",n,r,u-1):Je(k(f," ","")+";",n,r,u-2),d);break;case 59:f+=";";default:if(ve(C=Ke(f,t,r,m,l,a,c,A,j=[],S=[],u),i),b===123)if(l===0)ke(f,t,C,C,j,i,u,c,S);else switch(h===99&&$(f,3)===110?100:h){case 100:case 108:case 109:case 115:ke(e,C,C,n&&ve(Ke(e,C,C,0,0,a,c,A,a,j=[],u),S),a,S,u,c,n?j:S);break;default:ke(f,C,C,C,[""],S,0,c,S)}}m=l=E=0,p=v=1,A=f="",u=s;break;case 58:u=1+W(f),E=w;default:if(p<1){if(b==123)--p;else if(b==125&&p++==0&&jt()==125)continue}switch(f+=ge(b),b*p){case 38:v=l>0?1:(f+="\f",-1);break;case 44:c[m++]=(W(f)-1)*v,v=1;break;case 64:Y()===45&&(f+=Pe(z())),h=Y(),l=u=W(A=f+=Vt(xe())),b++;break;case 45:w===45&&W(f)==2&&(p=0)}}return i}function Ke(e,t,r,n,a,i,s,c,d,m,l){for(var u=a-1,h=a===0?i:[""],E=Re(h),w=0,p=0,y=0;w<n;++w)for(var v=0,b=ce(e,u+1,u=At(p=s[w])),A=e;v<E;++v)(A=qe(p>0?h[v]+" "+b:k(b,/&\f/g,h[v])))&&(d[y++]=A);return we(e,t,r,a===0?Ae:c,d,m,l)}function Bt(e,t,r){return we(e,t,r,We,ge(It()),ce(e,2,-2),0)}function Je(e,t,r,n){return we(e,t,r,Ce,ce(e,0,n),ce(e,n+1,-1),n)}function ee(e,t){for(var r="",n=Re(e),a=0;a<n;a++)r+=t(e[a],a,e,t)||"";return r}function Mt(e,t,r,n){switch(e.type){case St:if(e.children.length)break;case _t:case Ce:return e.return=e.return||e.value;case We:return"";case Ye:return e.return=e.value+"{"+ee(e.children,n)+"}";case Ae:e.value=e.props.join(",")}return W(r=ee(e.children,n))?e.return=e.value+"{"+r+"}":""}function Dt(e){var t=Re(e);return function(r,n,a,i){for(var s="",c=0;c<t;c++)s+=e[c](r,n,a,i)||"";return s}}function zt(e){return function(t){t.root||(t=t.return)&&e(t)}}function Ze(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var Ut=function(t,r,n){for(var a=0,i=0;a=i,i=Y(),a===38&&i===12&&(r[n]=1),!de(i);)z();return ue(t,B)},Wt=function(t,r){var n=-1,a=44;do switch(de(a)){case 0:a===38&&Y()===12&&(r[n]=1),t[n]+=Ut(B-1,r,n);break;case 2:t[n]+=Pe(a);break;case 4:if(a===44){t[++n]=Y()===58?"&\f":"",r[n]=t[n].length;break}default:t[n]+=ge(a)}while(a=z());return t},Yt=function(t,r){return Xe(Wt(He(t),r))},Qe=new WeakMap,qt=function(t){if(!(t.type!=="rule"||!t.parent||t.length<1)){for(var r=t.value,n=t.parent,a=t.column===n.column&&t.line===n.line;n.type!=="rule";)if(n=n.parent,!n)return;if(!(t.props.length===1&&r.charCodeAt(0)!==58&&!Qe.get(n))&&!a){Qe.set(t,!0);for(var i=[],s=Yt(r,i),c=n.props,d=0,m=0;d<s.length;d++)for(var l=0;l<c.length;l++,m++)t.props[m]=i[d]?s[d].replace(/&\f/g,c[l]):c[l]+" "+s[d]}}},Gt=function(t){if(t.type==="decl"){var r=t.value;r.charCodeAt(0)===108&&r.charCodeAt(2)===98&&(t.return="",t.value="")}};function et(e,t){switch(Tt(e,t)){case 5103:return P+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return P+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return P+e+ye+e+N+e+e;case 6828:case 4268:return P+e+N+e+e;case 6165:return P+e+N+"flex-"+e+e;case 5187:return P+e+k(e,/(\w+).+(:[^]+)/,P+"box-$1$2"+N+"flex-$1$2")+e;case 5443:return P+e+N+"flex-item-"+k(e,/flex-|-self/,"")+e;case 4675:return P+e+N+"flex-line-pack"+k(e,/align-content|flex-|-self/,"")+e;case 5548:return P+e+N+k(e,"shrink","negative")+e;case 5292:return P+e+N+k(e,"basis","preferred-size")+e;case 6060:return P+"box-"+k(e,"-grow","")+P+e+N+k(e,"grow","positive")+e;case 4554:return P+k(e,/([^-])(transform)/g,"$1"+P+"$2")+e;case 6187:return k(k(k(e,/(zoom-|grab)/,P+"$1"),/(image-set)/,P+"$1"),e,"")+e;case 5495:case 3959:return k(e,/(image-set\([^]*)/,P+"$1$`$1");case 4968:return k(k(e,/(.+:)(flex-)?(.*)/,P+"box-pack:$3"+N+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+P+e+e;case 4095:case 3583:case 4068:case 2532:return k(e,/(.+)-inline(.+)/,P+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(W(e)-1-t>6)switch($(e,t+1)){case 109:if($(e,t+4)!==45)break;case 102:return k(e,/(.+:)(.+)-([^]+)/,"$1"+P+"$2-$3$1"+ye+($(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~Te(e,"stretch")?et(k(e,"stretch","fill-available"),t)+e:e}break;case 4949:if($(e,t+1)!==115)break;case 6444:switch($(e,W(e)-3-(~Te(e,"!important")&&10))){case 107:return k(e,":",":"+P)+e;case 101:return k(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+P+($(e,14)===45?"inline-":"")+"box$3$1"+P+"$2$3$1"+N+"$2box$3")+e}break;case 5936:switch($(e,t+11)){case 114:return P+e+N+k(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return P+e+N+k(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return P+e+N+k(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return P+e+N+e+e}return e}var Ht=function(t,r,n,a){if(t.length>-1&&!t.return)switch(t.type){case Ce:t.return=et(t.value,t.length);break;case Ye:return ee([le(t,{value:k(t.value,"@","@"+P)})],a);case Ae:if(t.length)return Ot(t.props,function(i){switch(Rt(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ee([le(t,{props:[k(i,/:(read-\w+)/,":"+ye+"$1")]})],a);case"::placeholder":return ee([le(t,{props:[k(i,/:(plac\w+)/,":"+P+"input-$1")]}),le(t,{props:[k(i,/:(plac\w+)/,":"+ye+"$1")]}),le(t,{props:[k(i,/:(plac\w+)/,N+"input-$1")]})],a)}return""})}},Xt=[Ht],Kt=function(t){var r=t.key;if(r==="css"){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(p){var y=p.getAttribute("data-emotion");y.indexOf(" ")!==-1&&(document.head.appendChild(p),p.setAttribute("data-s",""))})}var a=t.stylisPlugins||Xt,i={},s,c=[];s=t.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+r+' "]'),function(p){for(var y=p.getAttribute("data-emotion").split(" "),v=1;v<y.length;v++)i[y[v]]=!0;c.push(p)});var d,m=[qt,Gt];{var l,u=[Mt,zt(function(p){l.insert(p)})],h=Dt(m.concat(a,u)),E=function(y){return ee(Ft(y),h)};d=function(y,v,b,A){l=b,E(y?y+"{"+v.styles+"}":v.styles),A&&(w.inserted[v.name]=!0)}}var w={key:r,sheet:new Et({key:r,container:s,nonce:t.nonce,speedy:t.speedy,prepend:t.prepend,insertionPoint:t.insertionPoint}),nonce:t.nonce,inserted:i,registered:{},insert:d};return w.sheet.hydrate(c),w},Jt=!0;function Zt(e,t,r){var n="";return r.split(" ").forEach(function(a){e[a]!==void 0?t.push(e[a]+";"):a&&(n+=a+" ")}),n}var tt=function(t,r,n){var a=t.key+"-"+r.name;(n===!1||Jt===!1)&&t.registered[a]===void 0&&(t.registered[a]=r.styles)},Qt=function(t,r,n){tt(t,r,n);var a=t.key+"-"+r.name;if(t.inserted[r.name]===void 0){var i=r;do t.insert(r===i?"."+a:"",i,t.sheet,!0),i=i.next;while(i!==void 0)}};function er(e){for(var t=0,r,n=0,a=e.length;a>=4;++n,a-=4)r=e.charCodeAt(n)&255|(e.charCodeAt(++n)&255)<<8|(e.charCodeAt(++n)&255)<<16|(e.charCodeAt(++n)&255)<<24,r=(r&65535)*1540483477+((r>>>16)*59797<<16),r^=r>>>24,t=(r&65535)*1540483477+((r>>>16)*59797<<16)^(t&65535)*1540483477+((t>>>16)*59797<<16);switch(a){case 3:t^=(e.charCodeAt(n+2)&255)<<16;case 2:t^=(e.charCodeAt(n+1)&255)<<8;case 1:t^=e.charCodeAt(n)&255,t=(t&65535)*1540483477+((t>>>16)*59797<<16)}return t^=t>>>13,t=(t&65535)*1540483477+((t>>>16)*59797<<16),((t^t>>>15)>>>0).toString(36)}var tr={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},rr=/[A-Z]|^ms/g,nr=/_EMO_([^_]+?)_([^]*?)_EMO_/g,rt=function(t){return t.charCodeAt(1)===45},nt=function(t){return t!=null&&typeof t!="boolean"},Ie=Ze(function(e){return rt(e)?e:e.replace(rr,"-$&").toLowerCase()}),at=function(t,r){switch(t){case"animation":case"animationName":if(typeof r=="string")return r.replace(nr,function(n,a,i){return q={name:a,styles:i,next:q},a})}return tr[t]!==1&&!rt(t)&&typeof r=="number"&&r!==0?r+"px":r};function fe(e,t,r){if(r==null)return"";var n=r;if(n.__emotion_styles!==void 0)return n;switch(typeof r){case"boolean":return"";case"object":{var a=r;if(a.anim===1)return q={name:a.name,styles:a.styles,next:q},a.name;var i=r;if(i.styles!==void 0){var s=i.next;if(s!==void 0)for(;s!==void 0;)q={name:s.name,styles:s.styles,next:q},s=s.next;var c=i.styles+";";return c}return ar(e,t,r)}case"function":{if(e!==void 0){var d=q,m=r(e);return q=d,fe(e,t,m)}break}}var l=r;if(t==null)return l;var u=t[l];return u!==void 0?u:l}function ar(e,t,r){var n="";if(Array.isArray(r))for(var a=0;a<r.length;a++)n+=fe(e,t,r[a])+";";else for(var i in r){var s=r[i];if(typeof s!="object"){var c=s;t!=null&&t[c]!==void 0?n+=i+"{"+t[c]+"}":nt(c)&&(n+=Ie(i)+":"+at(i,c)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&(t==null||t[s[0]]===void 0))for(var d=0;d<s.length;d++)nt(s[d])&&(n+=Ie(i)+":"+at(i,s[d])+";");else{var m=fe(e,t,s);switch(i){case"animation":case"animationName":{n+=Ie(i)+":"+m+";";break}default:n+=i+"{"+m+"}"}}}return n}var it=/label:\s*([^\s;{]+)\s*(;|$)/g,q;function ir(e,t,r){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var n=!0,a="";q=void 0;var i=e[0];if(i==null||i.raw===void 0)n=!1,a+=fe(r,t,i);else{var s=i;a+=s[0]}for(var c=1;c<e.length;c++)if(a+=fe(r,t,e[c]),n){var d=i;a+=d[c]}it.lastIndex=0;for(var m="",l;(l=it.exec(a))!==null;)m+="-"+l[1];var u=er(a)+m;return{name:u,styles:a,next:q}}var or=function(t){return t()},sr=H.useInsertionEffect?H.useInsertionEffect:!1,cr=sr||or,ot=H.createContext(typeof HTMLElement<"u"?Kt({key:"css"}):null);ot.Provider;var lr=function(t){return x.forwardRef(function(r,n){var a=x.useContext(ot);return t(r,a,n)})},ur=H.createContext({}),dr=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,fr=Ze(function(e){return dr.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),pr=fr,hr=function(t){return t!=="theme"},st=function(t){return typeof t=="string"&&t.charCodeAt(0)>96?pr:hr},ct=function(t,r,n){var a;if(r){var i=r.shouldForwardProp;a=t.__emotion_forwardProp&&i?function(s){return t.__emotion_forwardProp(s)&&i(s)}:i}return typeof a!="function"&&n&&(a=t.__emotion_forwardProp),a},mr=function(t){var r=t.cache,n=t.serialized,a=t.isStringTag;return tt(r,n,a),cr(function(){return Qt(r,n,a)}),null},yr=function e(t,r){var n=t.__emotion_real===t,a=n&&t.__emotion_base||t,i,s;r!==void 0&&(i=r.label,s=r.target);var c=ct(t,r,n),d=c||st(a),m=!d("as");return function(){var l=arguments,u=n&&t.__emotion_styles!==void 0?t.__emotion_styles.slice(0):[];if(i!==void 0&&u.push("label:"+i+";"),l[0]==null||l[0].raw===void 0)u.push.apply(u,l);else{var h=l[0];u.push(h[0]);for(var E=l.length,w=1;w<E;w++)u.push(l[w],h[w])}var p=lr(function(y,v,b){var A=m&&y.as||a,j="",S=[],C=y;if(y.theme==null){C={};for(var f in y)C[f]=y[f];C.theme=H.useContext(ur)}typeof y.className=="string"?j=Zt(v.registered,S,y.className):y.className!=null&&(j=y.className+" ");var I=ir(u.concat(S),v.registered,C);j+=v.key+"-"+I.name,s!==void 0&&(j+=" "+s);var M=m&&c===void 0?st(A):d,R={};for(var D in y)m&&D==="as"||M(D)&&(R[D]=y[D]);return R.className=j,b&&(R.ref=b),H.createElement(H.Fragment,null,H.createElement(mr,{cache:v,serialized:I,isStringTag:typeof A=="string"}),H.createElement(A,R))});return p.displayName=i!==void 0?i:"Styled("+(typeof a=="string"?a:a.displayName||a.name||"Component")+")",p.defaultProps=t.defaultProps,p.__emotion_real=p,p.__emotion_base=a,p.__emotion_styles=u,p.__emotion_forwardProp=c,Object.defineProperty(p,"toString",{value:function(){return"."+s}}),p.withComponent=function(y,v){var b=e(y,Se({},r,v,{shouldForwardProp:ct(p,v,!0)}));return b.apply(void 0,u)},p}},gr=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","marquee","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"],te=yr.bind(null);gr.forEach(function(e){te[e]=te(e)});const vr=te.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -47,7 +47,7 @@ React keys must be passed directly to JSX without using spread:
           background-color: rgba(255, 165, 0, 0.1);
           border: 1px solid orange;
         `;default:return""}}}
-`,Re=({type:e,children:t,className:r,icon:n,action:a})=>I.jsxs(br,{type:e,className:r,children:[n&&I.jsx("span",{children:n}),I.jsx("span",{children:t}),a&&I.jsx("span",{children:a})]}),Oe=re.div`
+`,je=({type:e,children:t,className:r,icon:n,action:a})=>L.jsxs(vr,{type:e,className:r,children:[n&&L.jsx("span",{children:n}),L.jsx("span",{children:t}),a&&L.jsx("span",{children:a})]}),Le=te.div`
   width: ${({width:e})=>e||"100%"};
   height: ${({height:e})=>e||"100%"};
   border-radius: 8px;
@@ -57,7 +57,7 @@ React keys must be passed directly to JSX without using spread:
 
   /* Hide specific elements inside the player */
   ${({$hiddenClasses:e})=>(e==null?void 0:e.length)&&e.map(t=>`.${t} { display: none !important; }`).join("")}
-`,ot=re.div`
+`,lt=te.div`
   position: fixed;
   top: 0;
   left: 0;
@@ -69,7 +69,7 @@ React keys must be passed directly to JSX without using spread:
   align-items: center;
   z-index: 1000;
   pointer-events: auto;
-`,st=re.div`
+`,ut=te.div`
  position: relative;
  width: 100%; /* Default for mobile */
  max-width: 100%;
@@ -81,4 +81,4 @@ React keys must be passed directly to JSX without using spread:
  @media (min-width: 768px) {
    width: min(70vw, 960px); /* Responsive width for desktop, capped at 960px */
  }
-`,xr=(e,t)=>`https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`,wr=(e,t)=>`https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`,Pr=e=>`https://host.vpplayer.tech/player/${e}/vpplayer.js`,Ie=(e,t)=>`vp-player-${e||"default"}-${t||""}`,je=new Map,ct=(e,t)=>{const[r,n]=w.useState(!1),[a,i]=w.useState(null);return w.useEffect(()=>{let c=null,s,d=0;const h=3;let l;try{l=t||Pr(e||"latest")}catch(k){const x=k instanceof Error?k.message:String(k);i(`Failed to resolve script URL: ${x}`),n(!1);return}if(je.get(l)){n(!0),i(null);return}if(document.querySelector(`script[src="${l}"]`)){je.set(l,!0),n(!0),i(null);return}const m=()=>{c=document.createElement("script"),c.src=l,c.async=!0,s=window.setTimeout(()=>{n(!1),i(`Loading script timed out: ${l}`)},1e4),c.onload=()=>{clearTimeout(s),je.set(l,!0),n(!0),i(null)},c.onerror=()=>{clearTimeout(s),d++,d<h?setTimeout(m,1e3*d):(n(!1),i(`Failed to load VP Player script after ${h} attempts: ${l}`))},document.body.appendChild(c)};return m(),()=>{clearTimeout(s),c&&document.body.contains(c)&&document.body.removeChild(c)}},[e,t]),{isLoaded:r,error:a}},lt={},we=new Map,Er=7e3,Le=3,ut=({projectId:e,videoId:t,playlistId:r,videoUrl:n,apiKey:a})=>{const[i,c]=w.useState(null),[s,d]=w.useState(null),[h,l]=w.useState(!1),[u,m]=w.useState(null),k=a||(typeof lt<"u"?lt.VITE_VP_API_KEY:void 0);return w.useEffect(()=>{const x=t?`video:${t}`:r?`playlist:${r}`:null;if(!e||n||!t&&!r){c(n||null),d(null),l(!1),m(null);return}if(!k){l(!1),m("No API key provided");return}if(x&&we.has(x)){const b=we.get(x);c(b.url),d(b.playlist),l(!1),m(null);return}const p=new AbortController,y=p.signal;return(async()=>{var A,O;l(!0),m(null);let b=0;for(;b<Le;)try{const S=t&&!r?xr(e,t):wr(e,r),T=setTimeout(()=>p.abort(),Er),f=await fetch(S,{method:"GET",headers:{"api-key":k,Accept:"application/json"},signal:y});if(clearTimeout(T),!f.ok)throw new Error(`Fetch failed with status ${f.status}`);const j=await f.json();if(t&&!r){const D=(O=(A=j.result)==null?void 0:A.items)==null?void 0:O.find($=>$.mediaId===t);if(!(D!=null&&D.playbackUrl))throw new Error("Invalid video data");c(D.playbackUrl),d(null),x&&we.set(x,{url:D.playbackUrl,playlist:null})}else{if(!Array.isArray(j.result))throw new Error("Invalid playlist format");d(j.result),c(null),x&&we.set(x,{url:null,playlist:j.result})}break}catch(S){if(y.aborted){m("Request timed out");break}if(b++,b>=Le){const T=S instanceof Error?S.message:String(S);m(`Failed after ${Le} attempts: ${T}`)}}l(!1)})(),()=>{p.abort()}},[k,e,t,r,n]),{fetchedPlaybackUrl:i,fetchedPlaylist:s,isLoading:h,error:u}},kr={projectId:"vp-player-projectId",video:{file:"",playlist:{state:!0,playlistVideoIndex:0,videos:[]}},config:{autoplay:!0,muted:!0,loop:!1,size:{width:"100%",height:"30vh"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!0,fullscreenButton:!0,airplayButton:!1,bigPlayButton:!1,autopausePlayButton:!0,pictureInPictureButton:!1,relatedButton:!1,volumeButton:!0,shareButton:!0}}},dt=({videoUrl:e,fetchedPlaybackUrl:t,fetchedPlaylist:r,projectId:n,config:a={}})=>{var h,l,u;const i={...kr,...a},c={...i.config,...a.config};if(e)return{...i,video:{...i.video,file:e,playlist:void 0},config:c};if(t)return{...i,video:{...i.video,file:t,playlist:void 0},config:c};if(r&&r.length>0)return{...i,projectId:n||"vp-player-projectId",video:{...i.video,file:((h=r[0])==null?void 0:h.hlsUrl)||"",playlist:{state:!0,playlistVideoIndex:0,videos:r.map((m,k)=>({videoId:String(k),title:m.title,file:m.hlsUrl,thumbnailUrl:m.thumbnailUrl,duration:m.duration}))}},config:c};const s=((l=a==null?void 0:a.video)==null?void 0:l.playlist)||i.video.playlist,d=(u=a==null?void 0:a.video)==null?void 0:u.file;if(d)return{...i,video:{...i.video,file:d,playlist:void 0},config:c};if(s!=null&&s.videos&&s.videos.length>0){const m=s.videos[s.playlistVideoIndex||0];return{...i,video:{...i.video,file:(m==null?void 0:m.file)||"",playlist:{...s,state:s.state??!0,playlistVideoIndex:s.playlistVideoIndex??0,videos:s.videos}},config:{...i.config,...a==null?void 0:a.config}}}throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},ft=e=>{if(!e)return;const t=/https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/,r=e.match(t);return r?r[2]:void 0},pt=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:c,config:s={},apiKey:d,isReels:h=!1})=>{const l=w.useRef(null),u=w.useRef(null),{isLoaded:m,error:k}=ct(r,c),x=t||ft(c),[p,y]=w.useState(null),{fetchedPlaybackUrl:v,fetchedPlaylist:b,isLoading:A,error:O}=ut({projectId:a,videoId:x,playlistId:i,videoUrl:n,apiKey:d}),S=Ie(e,x),T=w.useMemo(()=>{var f;return{...s,config:{...s.config,autostartOnLoad:{state:h,onMobile:!0,onData:!0},muted:!1,size:h?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:((f=s.config)==null?void 0:f.size)||{sizeType:"FIXED",width:"100%"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!0,fullscreenButton:!0,airplayButton:!0,bigPlayButton:!0,autopausePlayButton:!0,pictureInPictureButton:!0,relatedButton:!1,volumeButton:!0,shareButton:!0},socialMedia:["FACEBOOK","LINKEDIN","REDDIT","TWITTER","PINTEREST"],skin:{controlBar:{background:"rgba(0, 0, 0, 0.3)",text:"#FFFFFF",icons:{default:"#FFFFFF",hover:"#CC0000"},timeslider:{progress:"#CC0000",rail:"#808080",buffer:"#E2E2E2",dragger:"#CC0000"}}},settings:{quality:"Quality",subtitles:"Subtitles",autoplay:"Autoplay",playbackRate:"Speed",auto:"Auto",off:"Off",normal:"Normal",share:"Share Video"}}}},[s,h]);return w.useEffect(()=>{if(k){y(k);return}},[k]),w.useEffect(()=>{if(!m||!l.current||A&&!n)return;let f=!0;const D=setTimeout(async()=>{try{if(window.vpPlayer&&document.querySelectorAll('[id*="player"]').forEach(K=>{const de=K.id;try{const J=window.vpPlayer(de);J&&J.destroy&&J.destroy()}catch(J){console.warn(`Failed to destroy existing player ${de}:`,J)}}),await new Promise(z=>setTimeout(z,100)),!f||!l.current)return;if(!document.getElementById(S)){y("DOM element not found after cleanup.");return}if(!window.vpPlayer){y("VP Player script not loaded.");return}const B=dt({videoUrl:n,fetchedPlaybackUrl:v,fetchedPlaylist:b,projectId:a,config:T}),X=window.vpPlayer(S);if(!X){y("Failed to create VP Player instance.");return}f&&l.current&&(X.setup(B),u.current=X,y(null))}catch($){if(f){const B=$ instanceof Error?$.message:String($);y(B),console.error("VP Player initialization error:",$)}}},150);return()=>{f=!1,clearTimeout(D)}},[m,A,n,v,b,a,T,S]),w.useEffect(()=>()=>{if(u.current){try{u.current.destroy&&u.current.destroy()}catch(j){console.warn(`Failed to destroy player ${S}:`,j)}u.current=null}const f=document.getElementById(S);f&&(f.innerHTML="")},[S]),{playerRef:l,playerInstanceRef:u,isScriptLoaded:m,isLoading:A,error:O||p||k}},ht=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:c,config:s={},apiKey:d,isReels:h=!1,hiddenClasses:l=[],onClose:u,className:m})=>{var D,$,B,X;const{playerRef:k,playerInstanceRef:x,isScriptLoaded:p,isLoading:y,error:v}=pt({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:c,config:s,apiKey:d,isReels:h}),[b,A]=w.useState(!0),O=()=>h&&A(!0),S=()=>{var z,K;A(!1),(K=(z=x.current)==null?void 0:z.play)==null||K.call(z),u==null||u()},T=($=(D=s==null?void 0:s.config)==null?void 0:D.size)!=null&&$.width?typeof s.config.size.width=="number"?`${s.config.size.width}px`:s.config.size.width:void 0,f=(X=(B=s==null?void 0:s.config)==null?void 0:B.size)!=null&&X.height?typeof s.config.size.height=="number"?`${s.config.size.height}px`:s.config.size.height:void 0,j=Ie(e,t);return v?I.jsxs(Re,{type:"error",children:["An error occurred: ",v]}):y||!p?I.jsx(Re,{type:"loading",children:"Loading..."}):I.jsxs(I.Fragment,{children:[h&&!b?I.jsx("div",{onClick:O}):null,!h&&I.jsx("div",{children:I.jsx(Oe,{id:j,ref:k,width:T||"100%",height:f||"auto",$hiddenClasses:l,className:m})},j),h&&b&&I.jsx(ot,{onClick:S,className:m,children:I.jsx(st,{className:m,onClick:z=>z.stopPropagation(),children:I.jsx("div",{children:I.jsx(Oe,{id:j,ref:k,width:"100%",height:"auto",$hiddenClasses:l,className:m})},j)})})]})},mt=w.createContext(void 0),_r=({children:e})=>{const[t,r]=w.useState(!1),[n,a]=w.useState(null),[i,c]=w.useState(null),s=w.useCallback(l=>{try{const u=Ie(l.playerId,l.videoId);a({...l,playerId:u}),r(!0),c(null)}catch{c("Failed to show player.")}},[]),d=w.useCallback(()=>{r(!1),a(null),c(null)},[]),h=w.useMemo(()=>({showPlayer:s,hidePlayer:d,isPlayerVisible:t,playerParams:n}),[s,d,t,n]);return I.jsxs(mt.Provider,{value:h,children:[e,i&&I.jsx(Re,{type:"error",children:i}),t&&(n==null?void 0:n.playerId)&&I.jsx(ht,{playerId:n.playerId,videoId:n.videoId,projectId:n.projectId,videoUrl:n.videoUrl,version:n.version,playlistId:n.playlistId,scriptUrl:n.scriptUrl,config:n.config,isReels:n.isReels,thumbnailUrl:n.thumbnailUrl,onClose:d,hiddenClasses:n.hiddenClasses||[],apiKey:n.apiKey,className:n.className})]})},Sr=()=>{const e=w.useContext(mt);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Ar={projectId:"vp-player-projectId",video:{file:"",playlist:{state:!0,playlistVideoIndex:0,videos:[]}},config:{autoplay:!0,pauseOtherVideos:!0,focusOnAutostart:!1,muted:!0,loop:!1,size:{width:"100%"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!1,fullscreenButton:!0,airplayButton:!1,bigPlayButton:!1,autopausePlayButton:!0,pictureInPictureButton:!1,relatedButton:!1,volumeButton:!0,shareButton:!0}}},Tr={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},Cr={config:{autoplay:!0,muted:!0}},Pe={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},Rr=(e,t,r="time",n=0)=>{var a;return{...Pe,video:{...Pe.video,ads:{...(a=Pe.video)==null?void 0:a.ads,adBreaks:[{adTagUrl:t,breakType:e,breakTimingType:r,breakTimingValue:n}]}}}},Or="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",Ir="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",jr="https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4",Lr="https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600",$r="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=",Nr="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";_.AD_TAG_LINEAR_URL=$r,_.AD_TAG_SKIPPABLE_LINEAR_URL=Nr,_.BIG_BUCK_BUNNY_URL=Or,_.ELEPHANTS_DREAM_URL=Ir,_.Overlay=ot,_.PEXELS_THUMBNAIL_URL=Lr,_.PEXELS_VERTICAL_VIDEO_URL=jr,_.PlayerContainer=Oe,_.PlayerWrapper=st,_.VPPlayer=ht,_.VPPlayerProvider=_r,_.baseConfig=Tr,_.baseConfigWithAds=Pe,_.baseConfigWithAutoplay=Cr,_.buildVPPlayerConfig=dt,_.defaultVPPlayerConfig=Ar,_.extractVideoId=ft,_.getAdConfig=Rr,_.useVPPlayer=Sr,_.useVPPlayerLogic=pt,_.useVPPlayerScript=ct,_.useVideoData=ut,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});
+`,br=(e,t)=>`https://vp-api.gjirafa.tech/api/v2/projects/${e}/videos?search=${t}`,wr=(e,t)=>`https://vp-api.gjirafa.tech/api/projects/${e}/playlists/${t}/videos`,xr=e=>`https://host.vpplayer.tech/player/${e}/vpplayer.js`,$e=(e,t)=>`vp-player-${e||"default"}-${t||""}`,Ne=new Map,dt=(e,t)=>{const[r,n]=x.useState(!1),[a,i]=x.useState(null);return x.useEffect(()=>{let s=null,c,d=0;const m=3;let l;try{l=t||xr(e||"latest")}catch(E){const w=E instanceof Error?E.message:String(E);i(`Failed to resolve script URL: ${w}`),n(!1);return}if(Ne.get(l)){n(!0),i(null);return}if(document.querySelector(`script[src="${l}"]`)){Ne.set(l,!0),n(!0),i(null);return}const h=()=>{s=document.createElement("script"),s.src=l,s.async=!0,c=window.setTimeout(()=>{n(!1),i(`Loading script timed out: ${l}`)},1e4),s.onload=()=>{clearTimeout(c),Ne.set(l,!0),n(!0),i(null)},s.onerror=()=>{clearTimeout(c),d++,d<m?setTimeout(h,1e3*d):(n(!1),i(`Failed to load VP Player script after ${m} attempts: ${l}`))},document.body.appendChild(s)};return h(),()=>{clearTimeout(c),s&&document.body.contains(s)&&document.body.removeChild(s)}},[e,t]),{isLoaded:r,error:a}},Pr={},Ee=new Map,kr=15e3,Ve=5,ft=({projectId:e,videoId:t,playlistId:r,videoUrl:n,apiKey:a})=>{const[i,s]=x.useState(null),[c,d]=x.useState(null),[m,l]=x.useState(!1),[u,h]=x.useState(null),E=a||(typeof Pr<"u"?"1CFC4B619E9342B6BAC4879BA8C30CF216C4BA9D3F084B11825F4AB2D5CF845E":void 0);return x.useEffect(()=>{const w=t?`video:${t}`:r?`playlist:${r}`:null;if(!e||n||!t&&!r){s(n||null),d(null),l(!1),h(null);return}if(!E){l(!1),h("No API key provided");return}if(w&&Ee.has(w)){const b=Ee.get(w);s(b.url),d(b.playlist),l(!1),h(null);return}const p=new AbortController,y=p.signal;return(async()=>{var A,j;l(!0),h(null);let b=0;for(;b<Ve;)try{const S=t&&!r?br(e,t):wr(e,r),C=setTimeout(()=>p.abort(),kr),f=await fetch(S,{method:"GET",headers:{"api-key":E,Accept:"application/json"},signal:y});if(clearTimeout(C),!f.ok)throw new Error(`Fetch failed with status ${f.status}`);const I=await f.json();if(t&&!r){const M=(j=(A=I.result)==null?void 0:A.items)==null?void 0:j.find(R=>R.mediaId===t);if(!(M!=null&&M.playbackUrl))throw new Error("Invalid video data");s(M.playbackUrl),d(null),w&&Ee.set(w,{url:M.playbackUrl,playlist:null})}else{if(!Array.isArray(I.result))throw new Error("Invalid playlist format");d(I.result),s(null),w&&Ee.set(w,{url:null,playlist:I.result})}break}catch(S){if(y.aborted){h("Request timed out");break}if(b++,b>=Ve){const C=S instanceof Error?S.message:String(S);h(`Failed after ${Ve} attempts: ${C}`)}}l(!1)})(),()=>{p.abort()}},[E,e,t,r,n]),{fetchedPlaybackUrl:i,fetchedPlaylist:c,isLoading:m,error:u}},Er={projectId:"vp-player-projectId",video:{file:"",playlist:{state:!0,playlistVideoIndex:0,videos:[]}},config:{autoplay:!0,muted:!0,loop:!1,size:{width:"100%",height:"30vh"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!0,fullscreenButton:!0,airplayButton:!1,bigPlayButton:!1,autopausePlayButton:!0,pictureInPictureButton:!1,relatedButton:!1,volumeButton:!0,shareButton:!0}}},pt=({videoUrl:e,fetchedPlaybackUrl:t,fetchedPlaylist:r,projectId:n,config:a={}})=>{var m,l,u;const i={...Er,...a},s={...i.config,...a.config};if(e)return{...i,video:{...i.video,file:e,playlist:void 0},config:s};if(t)return{...i,video:{...i.video,file:t,playlist:void 0},config:s};if(r&&r.length>0)return{...i,projectId:n||"vp-player-projectId",video:{...i.video,file:((m=r[0])==null?void 0:m.hlsUrl)||"",playlist:{state:!0,playlistVideoIndex:0,videos:r.map((h,E)=>({videoId:String(E),title:h.title,file:h.hlsUrl,thumbnailUrl:h.thumbnailUrl,duration:h.duration}))}},config:s};const c=((l=a==null?void 0:a.video)==null?void 0:l.playlist)||i.video.playlist,d=(u=a==null?void 0:a.video)==null?void 0:u.file;if(d)return{...i,video:{...i.video,file:d,playlist:void 0},config:s};if(c!=null&&c.videos&&c.videos.length>0){const h=c.videos[c.playlistVideoIndex||0];return{...i,video:{...i.video,file:(h==null?void 0:h.file)||"",playlist:{...c,state:c.state??!0,playlistVideoIndex:c.playlistVideoIndex??0,videos:c.videos}},config:{...i.config,...a==null?void 0:a.config}}}throw new Error("No valid video source found. Provide videoUrl, videoId, playlistId, or config with video.file or playlist.")},ht=e=>{if(!e)return;const t=/https:\/\/host\.vpplayer\.tech\/player\/([^/]+)\/([^/]+)(?:\/[^/]+)?\.js/,r=e.match(t);return r?r[2]:void 0},mt=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c={},apiKey:d,isReels:m=!1})=>{const l=x.useRef(null),u=x.useRef(null),{isLoaded:h,error:E}=dt(r,s),w=t||ht(s),[p,y]=x.useState(null),{fetchedPlaybackUrl:v,fetchedPlaylist:b,isLoading:A,error:j}=ft({projectId:a,videoId:w,playlistId:i,videoUrl:n,apiKey:d}),S=$e(e,w),C=x.useMemo(()=>{const f=c.config||{},I=m&&!f.size?{sizeType:"RESPONSIVE",aspectRatio:"9:16"}:f.size||{sizeType:"FIXED",width:"100%"};return{...c,config:{...f,size:I}}},[c,m]);return x.useEffect(()=>{if(E){y(E);return}if(!h||A&&!n)return;let f=!0;const M=setTimeout(async()=>{try{const R=s==null?void 0:s.includes("vertical-player");if(document.querySelectorAll('[id*="player"]').forEach(ae=>{var pe,he;const J=ae.id;if(J!==S)try{const o=R?(pe=window.vpVerticalPlayer)==null?void 0:pe.call(window,J):(he=window.vpPlayer)==null?void 0:he.call(window,J);o!=null&&o.destroy&&o.destroy()}catch(o){console.warn(`Failed to destroy existing player ${J}:`,o)}}),await new Promise(ae=>setTimeout(ae,100)),!f||!l.current)return;if(!document.getElementById(S)){y("DOM element not found after cleanup.");return}if(!window.vpPlayer&&!window.vpVerticalPlayer){y("VP Player script not loaded.");return}const U=R?window.vpVerticalPlayer:window.vpPlayer;if(!U){y(`VP ${R?"Vertical ":""}Player script not loaded.`);return}const X=pt({videoUrl:n,fetchedPlaybackUrl:v,fetchedPlaylist:b,projectId:a,config:C}),ne=U(S);if(!ne){y(`Failed to create VP ${R?"Vertical ":""}Player instance.`);return}f&&l.current&&(ne.setup(X),u.current=ne,y(null))}catch(R){if(f){const D=R instanceof Error?R.message:String(R);y(D),console.error("VP Player initialization error:",R)}}},150);return()=>{f=!1,clearTimeout(M)}},[h,A,n,v,b,a,C,S,E,s]),x.useEffect(()=>()=>{if(u.current){try{u.current.destroy&&u.current.destroy()}catch(I){console.warn(`Failed to destroy player ${S}:`,I)}u.current=null}const f=document.getElementById(S);f&&(f.innerHTML="")},[S]),{playerRef:l,playerInstanceRef:u,isScriptLoaded:h,isLoading:A,error:j||p||E}},yt=({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c={},apiKey:d,isReels:m=!1,hiddenClasses:l=[],onClose:u,className:h})=>{var M,R,D,re;const{playerRef:E,playerInstanceRef:w,isScriptLoaded:p,isLoading:y,error:v}=mt({playerId:e,videoId:t,version:r,videoUrl:n,projectId:a,playlistId:i,scriptUrl:s,config:c,apiKey:d,isReels:m}),[b,A]=x.useState(!0),j=()=>m&&A(!0),S=()=>{var U,X;A(!1),(X=(U=w.current)==null?void 0:U.play)==null||X.call(U),u==null||u()},C=(R=(M=c==null?void 0:c.config)==null?void 0:M.size)!=null&&R.width?typeof c.config.size.width=="number"?`${c.config.size.width}px`:c.config.size.width:void 0,f=(re=(D=c==null?void 0:c.config)==null?void 0:D.size)!=null&&re.height?typeof c.config.size.height=="number"?`${c.config.size.height}px`:c.config.size.height:void 0,I=$e(e,t);return v?L.jsxs(je,{type:"error",children:["An error occurred: ",v]}):y||!p?L.jsx(je,{type:"loading",children:"Loading..."}):L.jsxs(L.Fragment,{children:[m&&!b?L.jsx("div",{onClick:j}):null,!m&&L.jsx("div",{children:L.jsx(Le,{id:I,ref:E,width:C||"100%",height:f||"auto",$hiddenClasses:l,className:h})},I),m&&b&&L.jsx(lt,{onClick:S,className:h,children:L.jsx(ut,{className:h,onClick:U=>U.stopPropagation(),children:L.jsx("div",{children:L.jsx(Le,{id:I,ref:E,width:"100%",height:"auto",$hiddenClasses:l,className:h})},I)})})]})},gt=x.createContext(void 0),_r=({children:e})=>{const[t,r]=x.useState(!1),[n,a]=x.useState(null),[i,s]=x.useState(null),c=x.useCallback(l=>{try{const u=$e(l.playerId,l.videoId);a({...l,playerId:u}),r(!0),s(null)}catch{s("Failed to show player.")}},[]),d=x.useCallback(()=>{r(!1),a(null),s(null)},[]),m=x.useMemo(()=>({showPlayer:c,hidePlayer:d,isPlayerVisible:t,playerParams:n}),[c,d,t,n]);return L.jsxs(gt.Provider,{value:m,children:[e,i&&L.jsx(je,{type:"error",children:i}),t&&(n==null?void 0:n.playerId)&&L.jsx(yt,{playerId:n.playerId,videoId:n.videoId,projectId:n.projectId,videoUrl:n.videoUrl,version:n.version,playlistId:n.playlistId,scriptUrl:n.scriptUrl,config:n.config,isReels:n.isReels,thumbnailUrl:n.thumbnailUrl,onClose:d,hiddenClasses:n.hiddenClasses||[],apiKey:n.apiKey,className:n.className})]})},Sr=()=>{const e=x.useContext(gt);if(!e)throw new Error("useVPPlayer must be used within a VPPlayerProvider");return e},Ar={projectId:"vp-player-projectId",video:{file:"",playlist:{state:!0,playlistVideoIndex:0,videos:[]}},config:{autoplay:!0,pauseOtherVideos:!0,focusOnAutostart:!1,muted:!0,loop:!1,size:{width:"100%"},controls:{settingsButton:!0,chromecastButton:!1,nextButton:!1,fullscreenButton:!0,airplayButton:!1,bigPlayButton:!1,autopausePlayButton:!0,pictureInPictureButton:!1,relatedButton:!1,volumeButton:!0,shareButton:!0}}},Cr={config:{autostartOnLoad:{state:!0,onMobile:!0,onData:!0},muted:!0}},Tr={config:{autoplay:!0,muted:!0}},_e={video:{advertising:!0,ads:{skipAd:{state:!0,skipFrom:5}}},config:{adAnnouncement:{state:!0,timeBeforeAd:5},adsRequireInteraction:!1}},Rr=(e,t,r="time",n=0)=>{var a;return{..._e,video:{..._e.video,ads:{...(a=_e.video)==null?void 0:a.ads,adBreaks:[{adTagUrl:t,breakType:e,breakTimingType:r,breakTimingValue:n}]}}}},Or="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",Ir="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4",jr="https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4",Lr="https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600",$r="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=",Nr="https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";_.AD_TAG_LINEAR_URL=$r,_.AD_TAG_SKIPPABLE_LINEAR_URL=Nr,_.BIG_BUCK_BUNNY_URL=Or,_.ELEPHANTS_DREAM_URL=Ir,_.Overlay=lt,_.PEXELS_THUMBNAIL_URL=Lr,_.PEXELS_VERTICAL_VIDEO_URL=jr,_.PlayerContainer=Le,_.PlayerWrapper=ut,_.VPPlayer=yt,_.VPPlayerProvider=_r,_.baseConfig=Cr,_.baseConfigWithAds=_e,_.baseConfigWithAutoplay=Tr,_.buildVPPlayerConfig=pt,_.defaultVPPlayerConfig=Ar,_.extractVideoId=ht,_.getAdConfig=Rr,_.useVPPlayer=Sr,_.useVPPlayerLogic=mt,_.useVPPlayerScript=dt,_.useVideoData=ft,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devix-technologies/react-gjirafa-vp-player",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "type": "module",
   "main": "./dist/react-gjirafa-vp-player.umd.js",
   "module": "./dist/react-gjirafa-vp-player.es.js",

package/dist/App.d.ts

@@ -1,2 +0,0 @@
-declare function App(): import("react/jsx-runtime").JSX.Element;
-export default App;

package/dist/components/Feedback.d.ts

@@ -1,25 +0,0 @@
-import { ReactNode } from "react";
-/**
- * Props for the FeedbackMessage component.
- */
-interface FeedbackMessageProps {
-    type: "error" | "loading" | "success" | "warning";
-    children: ReactNode;
-    className?: string;
-    icon?: ReactNode;
-    action?: ReactNode;
-}
-/**
- * FeedbackMessage component for displaying various types of messages (error, loading, success, warning).
- * Can be customized with an icon, action button, and additional styles.
- *
- * @param {FeedbackMessageProps} props - The properties for the feedback message.
- * @param {"error" | "loading" | "success" | "warning"} props.type - The type of message to display.
- * @param {ReactNode} props.children - The content of the message.
- * @param {string} [props.className] - Custom class for additional styling.
- * @param {ReactNode} [props.icon] - Optional icon to display before the message.
- * @param {ReactNode} [props.action] - Optional action button (e.g., "Retry").
- * @returns {JSX.Element} The rendered feedback message component.
- */
-export declare const FeedbackMessage: ({ type, children, className, icon, action }: FeedbackMessageProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,2 +0,0 @@
-export { default as VPPlayer } from '../../features/VPPlayer';
-export * from "./ui";

package/dist/components/VPPlayer/ui/index.d.ts

@@ -1 +0,0 @@
-export * from "./styled";

package/dist/components/VPPlayer/ui/styled.d.ts

@@ -1,42 +0,0 @@
-/**
- * Styled component for the video player container.
- *
- * @component
- * @param {string} [width] - The width of the player (default: "100%").
- * @param {string} [height] - The height of the player (default: "100%").
- * @param {string[]} [$hiddenClasses] - CSS class names to hide elements inside the player.
- * @param {string} [className] - CSS class name for additional styling.
- */
-export declare const PlayerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    width?: string;
-    height?: string;
-    $hiddenClasses?: string[];
-    className?: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Styled component for the full-screen overlay when the player is active.
- *
- * @component
- * @param {string} [className] - CSS class name for additional styling.
- */
-export declare const Overlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    className?: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-/**
- * Styled wrapper for the player, adjusting its size based on viewport width.
- *
- * @component
- * @param {string} [className] - CSS class name for additional styling.
- */
-export declare const PlayerWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    className?: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/config/index.d.ts

@@ -1 +0,0 @@
-export * from "./vpPlayerConfig";

package/dist/config/vpPlayerConfig.d.ts

@@ -1,9 +0,0 @@
-import { VPPlayerConfig } from '@/interfaces';
-/**
- * Default configuration for the VP Player.
- *
- * @constant
- * @type {VPPlayerConfig}
- * @see {@link https://vp.gjirafa.tech/documentation/docs/web-player/setup-the-player/configuration}
- */
-export declare const defaultVPPlayerConfig: VPPlayerConfig;

package/dist/constants/configs.d.ts

@@ -1,22 +0,0 @@
-import { VPPlayerConfig } from "@/interfaces/config";
-/**
- * Base configuration for VP Player with common settings.
- */
-export declare const baseConfig: Partial<VPPlayerConfig>;
-/**
- * Base configuration with autoplay enabled.
- */
-export declare const baseConfigWithAutoplay: Partial<VPPlayerConfig>;
-/**
- * Base configuration for ads with common ad settings.
- */
-export declare const baseConfigWithAds: Partial<VPPlayerConfig>;
-/**
- * Generates an ad configuration for VP Player based on provided parameters.
- * @param breakType - The type of ad break (e.g., "preroll", "postroll", "midroll").
- * @param adTagUrls - Array of ad tag URLs to use for the ad break.
- * @param breakTimingType - The timing type for the ad break (e.g., "time", "percentage", "playlist").
- * @param breakTimingValue - The timing value for the ad break (e.g., 0 for immediate, 2 for playlist index).
- * @returns A partial VPPlayerConfig with the ad configuration.
- */
-export declare const getAdConfig: (breakType: "preroll" | "postroll" | "midroll", adTagUrls: string[], breakTimingType?: "time" | "percentage" | "playlist", breakTimingValue?: number) => Partial<VPPlayerConfig>;

package/dist/constants/index.d.ts

@@ -1 +0,0 @@
-export * from "./vpPlayer";

package/dist/constants/storybook.d.ts

@@ -1,11 +0,0 @@
-import { ArgTypes } from "@storybook/react";
-/**
- * Common Storybook argTypes used across stories.
- */
-export declare const COMMON_ARGTYPES: Partial<ArgTypes<Record<string, unknown>>>;
-/**
- * Default API key and project ID for Storybook.
- */
-export declare const DEFAULT_API_KEY: any;
-export declare const DEFAULT_PLAYLIST_ID = "lzxikggu";
-export declare const DEFAULT_PROJECT_ID = "agmipnxc";

package/dist/constants/styles.d.ts

@@ -1,11 +0,0 @@
-/**
- * Common styles for Storybook stories.
- */
-/** Style for vertical playback containers (e.g., VerticalPlayback, VerticalPlaylistPlayback). */
-export declare const VERTICAL_PLAYBACK_STYLE: React.CSSProperties;
-/** Base style for multiple players containers (e.g., MultiplePlayersSideBySide, MultiplePlayersStacked). */
-export declare const MULTIPLE_PLAYERS_BASE_STYLE: React.CSSProperties;
-/** Style for side-by-side multiple players (e.g., MultiplePlayersSideBySide). */
-export declare const MULTIPLE_PLAYERS_SIDE_BY_SIDE_STYLE: React.CSSProperties;
-/** Style for stacked multiple players (e.g., MultiplePlayersStacked). */
-export declare const MULTIPLE_PLAYERS_STACKED_STYLE: React.CSSProperties;

package/dist/constants/urls.d.ts

@@ -1,18 +0,0 @@
-/**
- * Constants for video URLs used across the application and Storybook stories.
- */
-/** URL for the Big Buck Bunny video */
-export declare const BIG_BUCK_BUNNY_URL = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4";
-/** URL for the Elephants Dream video */
-export declare const ELEPHANTS_DREAM_URL = "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ElephantsDream.mp4";
-/** URL for the Pexels vertical video */
-export declare const PEXELS_VERTICAL_VIDEO_URL = "https://videos.pexels.com/video-files/4678261/4678261-hd_1080_1920_25fps.mp4";
-/** URL for the Pexels thumbnail */
-export declare const PEXELS_THUMBNAIL_URL = "https://images.pexels.com/videos/4678261/pexels-photo-4678261.jpeg?auto=compress&cs=tinysrgb&w=600";
-/**
- * Constants for ad tag URLs used in Storybook stories.
- */
-/** Ad tag URL for linear ads */
-export declare const AD_TAG_LINEAR_URL = "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dlinear&correlator=";
-/** Ad tag URL for skippable linear ads */
-export declare const AD_TAG_SKIPPABLE_LINEAR_URL = "https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=";

package/dist/constants/vpPlayer.d.ts

@@ -1,29 +0,0 @@
-/**
- * Generates the URL for fetching a single video by projectId and videoId.
- * @param {string} projectId - The project ID.
- * @param {string} videoId - The video ID.
- * @returns {string} - The complete API URL for single video fetch.
- */
-export declare const getSingleVideoUrl: (projectId: string, videoId: string) => string;
-/**
-* Generates the URL for fetching a playlist by projectId and playlistId.
-* @param {string} projectId - The project ID.
-* @param {string} playlistId - The playlist ID.
-* @returns {string} - The complete API URL for playlist fetch.
-*/
-export declare const getPlaylistUrl: (projectId: string, playlistId: string) => string;
-/**
-* Generates the URL for loading the VP Player script by version.
-* @param {string} playerVersion - The version of the VP Player script (e.g., 'latest', 'v2.1.1').
-* @returns {string} - The complete URL for the player script.
-*/
-export declare const getPlayerScriptUrl: (playerVersion: string) => string;
-/**
- * Generates a full player DOM element ID based on provided playerId and videoId.
- * Falls back to "default" if playerId is not provided.
- *
- * @param playerId - Base identifier for the player.
- * @param videoId - Optional video identifier.
- * @returns Full DOM element ID string.
- */
-export declare const generatePlayerId: (playerId?: string, videoId?: string) => string;

package/dist/contexts/VPPlayerContext.d.ts

@@ -1,53 +0,0 @@
-import React from "react";
-import { VPPlayerProps } from "@/interfaces";
-/**
- * Interface defining the parameters for initializing the VPPlayer.
- *
- * @interface PlayerParams
- */
-interface PlayerParams {
-    playerId?: string;
-    videoId?: string;
-    projectId?: string;
-    videoUrl?: string;
-    playlistId?: string;
-    scriptUrl?: string;
-    version?: string | null;
-    config?: VPPlayerProps["config"];
-    thumbnailUrl?: string;
-    isReels?: boolean;
-    hiddenClasses?: string[];
-    apiKey?: string;
-    className?: string;
-}
-/**
- * Interface defining the context for VPPlayer.
- *
- * @interface VPPlayerContextType
- */
-interface VPPlayerContextType {
-    showPlayer: (params: PlayerParams) => void;
-    hidePlayer: () => void;
-    isPlayerVisible: boolean;
-    playerParams: PlayerParams | null;
-}
-/**
- * VPPlayerProvider component provides context for managing the VPPlayer state.
- *
- * @function
- * @param {Object} props - The component props.
- * @param {React.ReactNode} props.children - The child components.
- * @returns {JSX.Element} The provider component for VPPlayer.
- */
-export declare const VPPlayerProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-/**
- * Hook for accessing the VPPlayer context.
- *
- * @function
- * @throws {Error} If used outside of the VPPlayerProvider.
- * @returns {VPPlayerContextType} The VPPlayer context.
- */
-export declare const useVPPlayer: () => VPPlayerContextType;
-export {};

package/dist/contexts/index.d.ts

@@ -1 +0,0 @@
-export * from "./VPPlayerContext";

package/dist/features/VPPlayer.d.ts

@@ -1,27 +0,0 @@
-import { VPPlayerProps } from "@/interfaces";
-/**
- * Video Player Component for rendering a video player with overlay and responsive behavior.
- * Handles initialization of the player and displays loading/error states.
- *
- * @function
- * @param {VPPlayerProps} props - The properties for configuring the video player.
- * @param {string} props.playerId - Unique identifier for the player instance.
- * @param {string} [props.videoId] - ID of the video to be played.
- * @param {string} [props.version] - Version of the player.
- * @param {string} [props.videoUrl] - Direct video URL (bypasses API calls).
- * @param {string} [props.projectId] - Project ID associated with the video.
- * @param {string} [props.playlistId] - Playlist ID if playing a collection of videos.
- * @param {string} [props.scriptUrl] - URL of the video player script.
- * @param {object} [props.config={}] - Configuration settings for the player.
- * @param {string} [props.apiKey] - API key for authentication (if required).
- * @param {boolean} [props.isReels=false] - Determines if the player should behave as a short-video reel.
- * @param {string[]} [props.hiddenClasses=[]] - CSS classes to hide player elements.
- * @param {function} [props.onClose] - Callback triggered when the player is closed.
- * @param {boolean} [props.isPlayerVisible=false] - Controls the initial visibility of the player.
- * @param {string} [props.className] - CSS class name for additional styling.
- * @returns {JSX.Element} The rendered video player component.
- */
-declare const VPPlayer: ({ playerId, videoId, version, videoUrl, projectId, playlistId, scriptUrl, config, apiKey, isReels, hiddenClasses, onClose, className, }: VPPlayerProps & {
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default VPPlayer;

package/dist/features/stories/ads/Ads.stories.d.ts

@@ -1,13 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { VPPlayer } from "@/components/VPPlayer";
-declare const meta: Meta<typeof VPPlayer>;
-export default meta;
-type Story = StoryObj<typeof VPPlayer>;
-export declare const SingleVideoOnePrerollAd: Story;
-export declare const SingleVideoOnePostrollAd: Story;
-export declare const SingleVideoMultiplePrerollAds: Story;
-export declare const PlaylistOnePrerollEveryAd: Story;
-export declare const PlaylistOneMidrollAd: Story;
-export declare const PlaylistOnePostrollAddEveryVideo: Story;
-export declare const PlaylistMultiplePrerollAdsEveryVideo: Story;
-export declare const PlaylistMultipleMidrollAds: Story;

package/dist/features/stories/context/Context.stories.d.ts

@@ -1,10 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { VPPlayer } from "@/components/VPPlayer";
-declare const meta: Meta<typeof VPPlayer>;
-export default meta;
-type Story = StoryObj<typeof VPPlayer>;
-export declare const NoControlsSingleVideo: Story;
-export declare const IsReelsWithContextPlaylistHiddenElements: Story;
-export declare const IsReelsWithContextModalCentered: Story;
-export declare const ContextWrapperModal: Story;
-export declare const ContextCustomizedPortalPlayer: Story;

package/dist/features/stories/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./playback/Playback.stories";
-export * from "./ads/Ads.stories";
-export * from "./context/Context.stories";

package/dist/features/stories/playback/Playback.stories.d.ts

@@ -1,15 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/react";
-import { VPPlayer } from "@/components/VPPlayer";
-declare const meta: Meta<typeof VPPlayer>;
-export default meta;
-type Story = StoryObj<typeof VPPlayer>;
-export declare const SingleVideoProvidedFile: Story;
-export declare const SingleVideoAPI: Story;
-export declare const PlaylistProvided: Story;
-export declare const PlaylistAPI: Story;
-export declare const HorizontalPlayback: Story;
-export declare const VerticalPlayback: Story;
-export declare const VerticalPlaylistPlayback: Story;
-export declare const FloatingVideo: Story;
-export declare const MultiplePlayersSideBySide: Story;
-export declare const MultiplePlayersStacked: Story;

package/dist/fixtures/index.d.ts

@@ -1 +0,0 @@
-export * from "./playlist";