tailwind-player - npm Package Compare versions

Comparing version 0.0.9 to 0.0.10

dist/index.cjs.js

@@ -1,2 +0,2 @@
-require('./index.css');"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");function sr(i){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const v in i)if(v!=="default"){const f=Object.getOwnPropertyDescriptor(i,v);Object.defineProperty(l,v,f.get?f:{enumerable:!0,get:()=>i[v]})}}return l.default=i,Object.freeze(l)}const u=sr(R);var Ee={exports:{}},K={};/**
+require('./index.css');"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");function lr(i){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const p in i)if(p!=="default"){const d=Object.getOwnPropertyDescriptor(i,p);Object.defineProperty(s,p,d.get?d:{enumerable:!0,get:()=>i[p]})}}return s.default=i,Object.freeze(s)}const u=lr(R);var Ee={exports:{}},ee={};/**
  * @license React
@@ -9,3 +9,3 @@ * react-jsx-runtime.production.min.js
  * LICENSE file in the root directory of this source tree.
- */var Ie;function ur(){if(Ie)return K;Ie=1;var i=R,l=Symbol.for("react.element"),v=Symbol.for("react.fragment"),f=Object.prototype.hasOwnProperty,I=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,M={key:!0,ref:!0,__self:!0,__source:!0};function N(O,g,D){var y,j={},C=null,W=null;D!==void 0&&(C=""+D),g.key!==void 0&&(C=""+g.key),g.ref!==void 0&&(W=g.ref);for(y in g)f.call(g,y)&&!M.hasOwnProperty(y)&&(j[y]=g[y]);if(O&&O.defaultProps)for(y in g=O.defaultProps,g)j[y]===void 0&&(j[y]=g[y]);return{$$typeof:l,type:O,key:C,ref:W,props:j,_owner:I.current}}return K.Fragment=v,K.jsx=N,K.jsxs=N,K}var X={};/**
+ */var Ie;function ur(){if(Ie)return ee;Ie=1;var i=R,s=Symbol.for("react.element"),p=Symbol.for("react.fragment"),d=Object.prototype.hasOwnProperty,I=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,L={key:!0,ref:!0,__self:!0,__source:!0};function $(S,h,A){var y,j={},C=null,W=null;A!==void 0&&(C=""+A),h.key!==void 0&&(C=""+h.key),h.ref!==void 0&&(W=h.ref);for(y in h)d.call(h,y)&&!L.hasOwnProperty(y)&&(j[y]=h[y]);if(S&&S.defaultProps)for(y in h=S.defaultProps,h)j[y]===void 0&&(j[y]=h[y]);return{$$typeof:s,type:S,key:C,ref:W,props:j,_owner:I.current}}return ee.Fragment=p,ee.jsx=$,ee.jsxs=$,ee}var re={};/**
  * @license React
@@ -18,13 +18,13 @@ * react-jsx-runtime.development.js
  * LICENSE file in the root directory of this source tree.
- */var Me;function cr(){return Me||(Me=1,process.env.NODE_ENV!=="production"&&function(){var i=R,l=Symbol.for("react.element"),v=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),M=Symbol.for("react.profiler"),N=Symbol.for("react.provider"),O=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),D=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),W=Symbol.for("react.offscreen"),Q=Symbol.iterator,fe="@@iterator";function de(e){if(e===null||typeof e!="object")return null;var r=Q&&e[Q]||e[fe];return typeof r=="function"?r:null}var F=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function b(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];ve("error",e,t)}}function ve(e,r,t){{var n=F.ReactDebugCurrentFrame,s=n.getStackAddendum();s!==""&&(r+="%s",t=t.concat([s]));var c=t.map(function(o){return String(o)});c.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,c)}}var pe=!1,Z=!1,me=!1,Y=!1,ee=!1,$;$=Symbol.for("react.module.reference");function re(e){return!!(typeof e=="string"||typeof e=="function"||e===f||e===M||ee||e===I||e===D||e===y||Y||e===W||pe||Z||me||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===j||e.$$typeof===N||e.$$typeof===O||e.$$typeof===g||e.$$typeof===$||e.getModuleId!==void 0))}function q(e,r,t){var n=e.displayName;if(n)return n;var s=r.displayName||r.name||"";return s!==""?t+"("+s+")":t}function te(e){return e.displayName||"Context"}function E(e){if(e==null)return null;if(typeof e.tag=="number"&&b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case f:return"Fragment";case v:return"Portal";case M:return"Profiler";case I:return"StrictMode";case D:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case O:var r=e;return te(r)+".Consumer";case N:var t=e;return te(t._context)+".Provider";case g:return q(e,e.render,"ForwardRef");case j:var n=e.displayName||null;return n!==null?n:E(e.type)||"Memo";case C:{var s=e,c=s._payload,o=s._init;try{return E(o(c))}catch{return null}}}return null}var P=Object.assign,A=0,T,z,ne,ae,oe,J,ie;function p(){}p.__reactDisabledLog=!0;function L(){{if(A===0){T=console.log,z=console.info,ne=console.warn,ae=console.error,oe=console.group,J=console.groupCollapsed,ie=console.groupEnd;var e={configurable:!0,enumerable:!0,value:p,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}A++}}function U(){{if(A--,A===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:P({},e,{value:T}),info:P({},e,{value:z}),warn:P({},e,{value:ne}),error:P({},e,{value:ae}),group:P({},e,{value:oe}),groupCollapsed:P({},e,{value:J}),groupEnd:P({},e,{value:ie})})}A<0&&b("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var V=F.ReactCurrentDispatcher,x;function S(e,r,t){{if(x===void 0)try{throw Error()}catch(s){var n=s.stack.trim().match(/\n( *(at )?)/);x=n&&n[1]||""}return`
-`+x+e}}var he=!1,le;{var We=typeof WeakMap=="function"?WeakMap:Map;le=new We}function xe(e,r){if(!e||he)return"";{var t=le.get(e);if(t!==void 0)return t}var n;he=!0;var s=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=V.current,V.current=null,L();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(k){n=k}Reflect.construct(e,[],o)}else{try{o.call()}catch(k){n=k}e.call(o.prototype)}}else{try{throw Error()}catch(k){n=k}e()}}catch(k){if(k&&n&&typeof k.stack=="string"){for(var a=k.stack.split(`
+ */var Le;function cr(){return Le||(Le=1,process.env.NODE_ENV!=="production"&&function(){var i=R,s=Symbol.for("react.element"),p=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),$=Symbol.for("react.provider"),S=Symbol.for("react.context"),h=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),W=Symbol.for("react.offscreen"),te=Symbol.iterator,ce="@@iterator";function fe(e){if(e===null||typeof e!="object")return null;var r=te&&e[te]||e[ce];return typeof r=="function"?r:null}var F=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function b(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];de("error",e,t)}}function de(e,r,t){{var n=F.ReactDebugCurrentFrame,l=n.getStackAddendum();l!==""&&(r+="%s",t=t.concat([l]));var c=t.map(function(o){return String(o)});c.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,c)}}var ve=!1,H=!1,pe=!1,q=!1,ge=!1,O;O=Symbol.for("react.module.reference");function z(e){return!!(typeof e=="string"||typeof e=="function"||e===d||e===L||ge||e===I||e===A||e===y||q||e===W||ve||H||pe||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===j||e.$$typeof===$||e.$$typeof===S||e.$$typeof===h||e.$$typeof===O||e.getModuleId!==void 0))}function Y(e,r,t){var n=e.displayName;if(n)return n;var l=r.displayName||r.name||"";return l!==""?t+"("+l+")":t}function J(e){return e.displayName||"Context"}function x(e){if(e==null)return null;if(typeof e.tag=="number"&&b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case d:return"Fragment";case p:return"Portal";case L:return"Profiler";case I:return"StrictMode";case A:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case S:var r=e;return J(r)+".Consumer";case $:var t=e;return J(t._context)+".Provider";case h:return Y(e,e.render,"ForwardRef");case j:var n=e.displayName||null;return n!==null?n:x(e.type)||"Memo";case C:{var l=e,c=l._payload,o=l._init;try{return x(o(c))}catch{return null}}}return null}var P=Object.assign,N=0,ne,G,T,X,ae,oe,ie;function K(){}K.__reactDisabledLog=!0;function me(){{if(N===0){ne=console.log,G=console.info,T=console.warn,X=console.error,ae=console.group,oe=console.groupCollapsed,ie=console.groupEnd;var e={configurable:!0,enumerable:!0,value:K,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}N++}}function he(){{if(N--,N===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:P({},e,{value:ne}),info:P({},e,{value:G}),warn:P({},e,{value:T}),error:P({},e,{value:X}),group:P({},e,{value:ae}),groupCollapsed:P({},e,{value:oe}),groupEnd:P({},e,{value:ie})})}N<0&&b("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var v=F.ReactCurrentDispatcher,M;function k(e,r,t){{if(M===void 0)try{throw Error()}catch(l){var n=l.stack.trim().match(/\n( *(at )?)/);M=n&&n[1]||""}return`
+`+M+e}}var U=!1,E;{var V=typeof WeakMap=="function"?WeakMap:Map;E=new V}function _e(e,r){if(!e||U)return"";{var t=E.get(e);if(t!==void 0)return t}var n;U=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=v.current,v.current=null,me();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(D){n=D}Reflect.construct(e,[],o)}else{try{o.call()}catch(D){n=D}e.call(o.prototype)}}else{try{throw Error()}catch(D){n=D}e()}}catch(D){if(D&&n&&typeof D.stack=="string"){for(var a=D.stack.split(`
 `),w=n.stack.split(`
-`),m=a.length-1,h=w.length-1;m>=1&&h>=0&&a[m]!==w[h];)h--;for(;m>=1&&h>=0;m--,h--)if(a[m]!==w[h]){if(m!==1||h!==1)do if(m--,h--,h<0||a[m]!==w[h]){var _=`
-`+a[m].replace(" at new "," at ");return e.displayName&&_.includes("<anonymous>")&&(_=_.replace("<anonymous>",e.displayName)),typeof e=="function"&&le.set(e,_),_}while(m>=1&&h>=0);break}}}finally{he=!1,V.current=c,U(),Error.prepareStackTrace=s}var H=e?e.displayName||e.name:"",$e=H?S(H):"";return typeof e=="function"&&le.set(e,$e),$e}function Ye(e,r,t){return xe(e,!1)}function Le(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function se(e,r,t){if(e==null)return"";if(typeof e=="function")return xe(e,Le(e));if(typeof e=="string")return S(e);switch(e){case D:return S("Suspense");case y:return S("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case g:return Ye(e.render);case j:return se(e.type,r,t);case C:{var n=e,s=n._payload,c=n._init;try{return se(c(s),r,t)}catch{}}}return""}var ue=Object.prototype.hasOwnProperty,_e={},je=F.ReactDebugCurrentFrame;function ce(e){if(e){var r=e._owner,t=se(e.type,e._source,r?r.type:null);je.setExtraStackFrame(t)}else je.setExtraStackFrame(null)}function Ue(e,r,t,n,s){{var c=Function.call.bind(ue);for(var o in e)if(c(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var w=Error((n||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw w.name="Invariant Violation",w}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(m){a=m}a&&!(a instanceof Error)&&(ce(s),b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,o,typeof a),ce(null)),a instanceof Error&&!(a.message in _e)&&(_e[a.message]=!0,ce(s),b("Failed %s type: %s",t,a.message),ce(null))}}}var Ve=Array.isArray;function ge(e){return Ve(e)}function Be(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function He(e){try{return Te(e),!1}catch{return!0}}function Te(e){return""+e}function Oe(e){if(He(e))return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Be(e)),Te(e)}var G=F.ReactCurrentOwner,Ze={key:!0,ref:!0,__self:!0,__source:!0},Ce,Pe,be;be={};function qe(e){if(ue.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function ze(e){if(ue.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Je(e,r){if(typeof e.ref=="string"&&G.current&&r&&G.current.stateNode!==r){var t=E(G.current.type);be[t]||(b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',E(G.current.type),e.ref),be[t]=!0)}}function Ge(e,r){{var t=function(){Ce||(Ce=!0,b("%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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function Ke(e,r){{var t=function(){Pe||(Pe=!0,b("%s: `ref` 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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var Xe=function(e,r,t,n,s,c,o){var a={$$typeof:l,type:e,key:r,ref:t,props:o,_owner:c};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function Qe(e,r,t,n,s){{var c,o={},a=null,w=null;t!==void 0&&(Oe(t),a=""+t),ze(r)&&(Oe(r.key),a=""+r.key),qe(r)&&(w=r.ref,Je(r,s));for(c in r)ue.call(r,c)&&!Ze.hasOwnProperty(c)&&(o[c]=r[c]);if(e&&e.defaultProps){var m=e.defaultProps;for(c in m)o[c]===void 0&&(o[c]=m[c])}if(a||w){var h=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&Ge(o,h),w&&Ke(o,h)}return Xe(e,a,w,s,n,G.current,o)}}var ye=F.ReactCurrentOwner,Se=F.ReactDebugCurrentFrame;function B(e){if(e){var r=e._owner,t=se(e.type,e._source,r?r.type:null);Se.setExtraStackFrame(t)}else Se.setExtraStackFrame(null)}var we;we=!1;function Re(e){return typeof e=="object"&&e!==null&&e.$$typeof===l}function ke(){{if(ye.current){var e=E(ye.current.type);if(e)return`
+`),g=a.length-1,m=w.length-1;g>=1&&m>=0&&a[g]!==w[m];)m--;for(;g>=1&&m>=0;g--,m--)if(a[g]!==w[m]){if(g!==1||m!==1)do if(g--,m--,m<0||a[g]!==w[m]){var _=`
+`+a[g].replace(" at new "," at ");return e.displayName&&_.includes("<anonymous>")&&(_=_.replace("<anonymous>",e.displayName)),typeof e=="function"&&E.set(e,_),_}while(g>=1&&m>=0);break}}}finally{U=!1,v.current=c,he(),Error.prepareStackTrace=l}var Z=e?e.displayName||e.name:"",$e=Z?k(Z):"";return typeof e=="function"&&E.set(e,$e),$e}function We(e,r,t){return _e(e,!1)}function Ye(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function se(e,r,t){if(e==null)return"";if(typeof e=="function")return _e(e,Ye(e));if(typeof e=="string")return k(e);switch(e){case A:return k("Suspense");case y:return k("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case h:return We(e.render);case j:return se(e.type,r,t);case C:{var n=e,l=n._payload,c=n._init;try{return se(c(l),r,t)}catch{}}}return""}var le=Object.prototype.hasOwnProperty,je={},Te=F.ReactDebugCurrentFrame;function ue(e){if(e){var r=e._owner,t=se(e.type,e._source,r?r.type:null);Te.setExtraStackFrame(t)}else Te.setExtraStackFrame(null)}function Ue(e,r,t,n,l){{var c=Function.call.bind(le);for(var o in e)if(c(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var w=Error((n||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw w.name="Invariant Violation",w}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(g){a=g}a&&!(a instanceof Error)&&(ue(l),b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,o,typeof a),ue(null)),a instanceof Error&&!(a.message in je)&&(je[a.message]=!0,ue(l),b("Failed %s type: %s",t,a.message),ue(null))}}}var Ve=Array.isArray;function be(e){return Ve(e)}function Be(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Ze(e){try{return Se(e),!1}catch{return!0}}function Se(e){return""+e}function Ce(e){if(Ze(e))return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Be(e)),Se(e)}var Q=F.ReactCurrentOwner,He={key:!0,ref:!0,__self:!0,__source:!0},Oe,Pe,ye;ye={};function qe(e){if(le.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function ze(e){if(le.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Je(e,r){if(typeof e.ref=="string"&&Q.current&&r&&Q.current.stateNode!==r){var t=x(Q.current.type);ye[t]||(b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',x(Q.current.type),e.ref),ye[t]=!0)}}function Ge(e,r){{var t=function(){Oe||(Oe=!0,b("%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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function Xe(e,r){{var t=function(){Pe||(Pe=!0,b("%s: `ref` 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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var Ke=function(e,r,t,n,l,c,o){var a={$$typeof:s,type:e,key:r,ref:t,props:o,_owner:c};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function Qe(e,r,t,n,l){{var c,o={},a=null,w=null;t!==void 0&&(Ce(t),a=""+t),ze(r)&&(Ce(r.key),a=""+r.key),qe(r)&&(w=r.ref,Je(r,l));for(c in r)le.call(r,c)&&!He.hasOwnProperty(c)&&(o[c]=r[c]);if(e&&e.defaultProps){var g=e.defaultProps;for(c in g)o[c]===void 0&&(o[c]=g[c])}if(a||w){var m=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&Ge(o,m),w&&Xe(o,m)}return Ke(e,a,w,l,n,Q.current,o)}}var we=F.ReactCurrentOwner,ke=F.ReactDebugCurrentFrame;function B(e){if(e){var r=e._owner,t=se(e.type,e._source,r?r.type:null);ke.setExtraStackFrame(t)}else ke.setExtraStackFrame(null)}var Re;Re=!1;function xe(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function De(){{if(we.current){var e=x(we.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}}function er(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
 
-Check your code at `+r+":"+t+"."}return""}}var De={};function rr(e){{var r=ke();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+Check your code at `+r+":"+t+"."}return""}}var Ae={};function rr(e){{var r=De();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
 
-Check the top-level render call using <`+t+">.")}return r}}function Fe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=rr(r);if(De[t])return;De[t]=!0;var n="";e&&e._owner&&e._owner!==ye.current&&(n=" It was passed a child from "+E(e._owner.type)+"."),B(e),b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),B(null)}}function Ae(e,r){{if(typeof e!="object")return;if(ge(e))for(var t=0;t<e.length;t++){var n=e[t];Re(n)&&Fe(n,r)}else if(Re(e))e._store&&(e._store.validated=!0);else if(e){var s=de(e);if(typeof s=="function"&&s!==e.entries)for(var c=s.call(e),o;!(o=c.next()).done;)Re(o.value)&&Fe(o.value,r)}}}function tr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===g||r.$$typeof===j))t=r.propTypes;else return;if(t){var n=E(r);Ue(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!we){we=!0;var s=E(r);b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",s||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function nr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){B(e),b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),B(null);break}}e.ref!==null&&(B(e),b("Invalid attribute `ref` supplied to `React.Fragment`."),B(null))}}function Ne(e,r,t,n,s,c){{var o=re(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var w=er(s);w?a+=w:a+=ke();var m;e===null?m="null":ge(e)?m="array":e!==void 0&&e.$$typeof===l?(m="<"+(E(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):m=typeof e,b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",m,a)}var h=Qe(e,r,t,s,c);if(h==null)return h;if(o){var _=r.children;if(_!==void 0)if(n)if(ge(_)){for(var H=0;H<_.length;H++)Ae(_[H],e);Object.freeze&&Object.freeze(_)}else b("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 Ae(_,e)}return e===f?nr(h):tr(h),h}}function ar(e,r,t){return Ne(e,r,t,!0)}function or(e,r,t){return Ne(e,r,t,!1)}var ir=or,lr=ar;X.Fragment=f,X.jsx=ir,X.jsxs=lr}()),X}process.env.NODE_ENV==="production"?Ee.exports=ur():Ee.exports=cr();var d=Ee.exports;function fr({title:i,titleId:l,...v},f){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:f,"aria-labelledby":l},v),i?u.createElement("title",{id:l},i):null,u.createElement("path",{d:"M10.75 2.75a.75.75 0 0 0-1.5 0v8.614L6.295 8.235a.75.75 0 1 0-1.09 1.03l4.25 4.5a.75.75 0 0 0 1.09 0l4.25-4.5a.75.75 0 0 0-1.09-1.03l-2.955 3.129V2.75Z"}),u.createElement("path",{d:"M3.5 12.75a.75.75 0 0 0-1.5 0v2.5A2.75 2.75 0 0 0 4.75 18h10.5A2.75 2.75 0 0 0 18 15.25v-2.5a.75.75 0 0 0-1.5 0v2.5c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25v-2.5Z"}))}const dr=u.forwardRef(fr),vr=dr;function pr({title:i,titleId:l,...v},f){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:f,"aria-labelledby":l},v),i?u.createElement("title",{id:l},i):null,u.createElement("path",{fillRule:"evenodd",d:"M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z",clipRule:"evenodd"}))}const mr=u.forwardRef(pr),hr=mr;function gr({title:i,titleId:l,...v},f){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:f,"aria-labelledby":l},v),i?u.createElement("title",{id:l},i):null,u.createElement("path",{fillRule:"evenodd",d:"M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z",clipRule:"evenodd"}))}const br=u.forwardRef(gr),yr=br;function wr({title:i,titleId:l,...v},f){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:f,"aria-labelledby":l},v),i?u.createElement("title",{id:l},i):null,u.createElement("path",{fillRule:"evenodd",d:"M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10Z",clipRule:"evenodd"}))}const Rr=u.forwardRef(wr),Er=Rr;function xr({title:i,titleId:l,...v},f){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:f,"aria-labelledby":l},v),i?u.createElement("title",{id:l},i):null,u.createElement("path",{d:"M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"}))}const _r=u.forwardRef(xr),jr=_r;function Tr({title:i,titleId:l,...v},f){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:f,"aria-labelledby":l},v),i?u.createElement("title",{id:l},i):null,u.createElement("path",{d:"M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z"}))}const Or=u.forwardRef(Tr),Cr=Or;function Pr({title:i,titleId:l,...v},f){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:f,"aria-labelledby":l},v),i?u.createElement("title",{id:l},i):null,u.createElement("path",{d:"M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z"}))}const Sr=u.forwardRef(Pr),kr=Sr,Dr=({src:i,autoPlay:l,className:v,controls:f,controlsList:I,id:M,loop:N,muted:O,onAbort:g,onCanPlay:D,onCanPlayThrough:y,onEnded:j,onError:C,onLoadedMetadata:W,onPause:Q,onPlay:fe,onSeeked:de,onVolumeChange:F,preload:b,style:ve,title:pe})=>{const[Z,me]=R.useState(!1),[Y,ee]=R.useState(1),[$,re]=R.useState(0),[q,te]=R.useState(0),[E]=R.useState(!1),[P,A]=R.useState(0),T=R.useRef(null),z=R.useRef(null);R.useEffect(()=>{const p=T.current;p&&(p.playbackRate=Y)},[Y]),R.useEffect(()=>{const p=T.current;!p||!E||(p.currentTime=$)},[$,E]);const ne=()=>{var p;re(((p=T.current)==null?void 0:p.currentTime)||0),A($/q)},ae=()=>{var p;te(((p=T.current)==null?void 0:p.duration)||0)},oe=()=>{const p=T.current;p&&(Z?p.pause():p.play()),me(!Z)},J=p=>{const L=Math.floor(p/3600),U=Math.floor(p%3600/60),V=Math.floor(p%60);return[L,U,V].map(x=>x<10?"0"+x:x).filter((x,S)=>x!=="00"||S>0).join(":")},ie=p=>{const L=z.current;if(!L)return;const U=L.getBoundingClientRect(),x=(p.clientX-U.left)/U.width;A(x);const S=x*q;re(S),T.current&&(T.current.currentTime=S)};return d.jsxs("dialog",{className:"w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none",children:[d.jsx("audio",{src:i,autoPlay:l,className:v,controls:f,controlsList:I,id:M,loop:N,muted:O,onTimeUpdate:ne,onDurationChange:ae,onAbort:g,onCanPlay:D,onCanPlayThrough:y,onEnded:j,onError:C,onLoadedMetadata:W,onPause:Q,onPlay:fe,onSeeked:de,onVolumeChange:F,preload:b,style:ve,title:pe,ref:T,children:"Your browser does not support the audio element."}),d.jsx("div",{className:"relative z-10 p-4 pointer-events-auto",children:d.jsxs("div",{className:"flex w-[41rem] rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[d.jsxs("div",{className:"flex items-center space-x-4 px-6 py-4",children:[d.jsx("button",{className:"rounded-full flex items-center justify-center p-2",children:d.jsx(hr,{className:"w-5 h-5 text-gray-600"})}),d.jsx("button",{onClick:oe,className:"bg-[#0F172A] rounded-full flex items-center justify-center p-2",children:Z?d.jsx(jr,{className:"w-5 h-5 text-white"}):d.jsx(Cr,{className:"w-5 h-5 text-white"})}),d.jsx("button",{className:"rounded-full flex items-center justify-center p-2",children:d.jsx(yr,{className:"w-5 h-5 text-gray-600"})})]}),d.jsxs("div",{className:"flex flex-auto items-center border-l border-slate-200/60 pl-6 pr-4 text-[0.8125rem] leading-5 text-slate-700",children:[d.jsx("div",{children:J($)}),d.jsxs("div",{ref:z,className:"relative ml-4 flex flex-auto rounded-full bg-slate-100 cursor-pointer",onMouseDown:ie,children:[d.jsx("div",{style:{width:`${P*100}%`},className:"h-2 flex-none rounded-l-full rounded-r-[1px] bg-indigo-600 transition-all duration-500 ease-in-out"}),d.jsx("div",{className:"-my-[0.3125rem] ml-0.5 h-[1.125rem] w-1 rounded-full bg-indigo-600"})]}),d.jsx("div",{className:"ml-4",children:J(q)}),d.jsxs("div",{className:"ml-4 flex items-center",children:[d.jsx("button",{onClick:()=>ee(Y/1.25),className:"rounded-full flex items-center justify-center py-2 px-1",children:d.jsx(Er,{className:"w-5 h-5 text-gray-600"})}),d.jsx("button",{onClick:()=>ee(Y*1.25),className:"rounded-full flex items-center justify-center py-2 px-1",children:d.jsx(kr,{className:"w-5 h-5 text-gray-600"})})]}),d.jsx("a",{href:i,target:"_blank",className:"rounded-full flex items-center justify-center p-2",children:d.jsx(vr,{className:"w-5 h-5 text-gray-600"})})]})]})})]})};exports.Player=Dr;
+Check the top-level render call using <`+t+">.")}return r}}function Fe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=rr(r);if(Ae[t])return;Ae[t]=!0;var n="";e&&e._owner&&e._owner!==we.current&&(n=" It was passed a child from "+x(e._owner.type)+"."),B(e),b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),B(null)}}function Ne(e,r){{if(typeof e!="object")return;if(be(e))for(var t=0;t<e.length;t++){var n=e[t];xe(n)&&Fe(n,r)}else if(xe(e))e._store&&(e._store.validated=!0);else if(e){var l=fe(e);if(typeof l=="function"&&l!==e.entries)for(var c=l.call(e),o;!(o=c.next()).done;)xe(o.value)&&Fe(o.value,r)}}}function tr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===h||r.$$typeof===j))t=r.propTypes;else return;if(t){var n=x(r);Ue(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!Re){Re=!0;var l=x(r);b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",l||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function nr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){B(e),b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),B(null);break}}e.ref!==null&&(B(e),b("Invalid attribute `ref` supplied to `React.Fragment`."),B(null))}}function Me(e,r,t,n,l,c){{var o=z(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var w=er(l);w?a+=w:a+=De();var g;e===null?g="null":be(e)?g="array":e!==void 0&&e.$$typeof===s?(g="<"+(x(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):g=typeof e,b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",g,a)}var m=Qe(e,r,t,l,c);if(m==null)return m;if(o){var _=r.children;if(_!==void 0)if(n)if(be(_)){for(var Z=0;Z<_.length;Z++)Ne(_[Z],e);Object.freeze&&Object.freeze(_)}else b("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 Ne(_,e)}return e===d?nr(m):tr(m),m}}function ar(e,r,t){return Me(e,r,t,!0)}function or(e,r,t){return Me(e,r,t,!1)}var ir=or,sr=ar;re.Fragment=d,re.jsx=ir,re.jsxs=sr}()),re}process.env.NODE_ENV==="production"?Ee.exports=ur():Ee.exports=cr();var f=Ee.exports;function fr({title:i,titleId:s,...p},d){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?u.createElement("title",{id:s},i):null,u.createElement("path",{d:"M10.75 2.75a.75.75 0 0 0-1.5 0v8.614L6.295 8.235a.75.75 0 1 0-1.09 1.03l4.25 4.5a.75.75 0 0 0 1.09 0l4.25-4.5a.75.75 0 0 0-1.09-1.03l-2.955 3.129V2.75Z"}),u.createElement("path",{d:"M3.5 12.75a.75.75 0 0 0-1.5 0v2.5A2.75 2.75 0 0 0 4.75 18h10.5A2.75 2.75 0 0 0 18 15.25v-2.5a.75.75 0 0 0-1.5 0v2.5c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25v-2.5Z"}))}const dr=u.forwardRef(fr),vr=dr;function pr({title:i,titleId:s,...p},d){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?u.createElement("title",{id:s},i):null,u.createElement("path",{fillRule:"evenodd",d:"M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z",clipRule:"evenodd"}))}const gr=u.forwardRef(pr),mr=gr;function hr({title:i,titleId:s,...p},d){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?u.createElement("title",{id:s},i):null,u.createElement("path",{fillRule:"evenodd",d:"M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z",clipRule:"evenodd"}))}const br=u.forwardRef(hr),yr=br;function wr({title:i,titleId:s,...p},d){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?u.createElement("title",{id:s},i):null,u.createElement("path",{d:"M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"}))}const Rr=u.forwardRef(wr),xr=Rr;function Er({title:i,titleId:s,...p},d){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?u.createElement("title",{id:s},i):null,u.createElement("path",{d:"M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z"}))}const _r=u.forwardRef(Er),jr=_r;function Tr({title:i,titleId:s,...p},d){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?u.createElement("title",{id:s},i):null,u.createElement("path",{d:"M10.5 3.75a.75.75 0 0 0-1.264-.546L5.203 7H2.667a.75.75 0 0 0-.7.48A6.985 6.985 0 0 0 1.5 10c0 .887.165 1.737.468 2.52.111.29.39.48.7.48h2.535l4.033 3.796a.75.75 0 0 0 1.264-.546V3.75ZM16.45 5.05a.75.75 0 0 0-1.06 1.061 5.5 5.5 0 0 1 0 7.778.75.75 0 0 0 1.06 1.06 7 7 0 0 0 0-9.899Z"}),u.createElement("path",{d:"M14.329 7.172a.75.75 0 0 0-1.061 1.06 2.5 2.5 0 0 1 0 3.536.75.75 0 0 0 1.06 1.06 4 4 0 0 0 0-5.656Z"}))}const Sr=u.forwardRef(Tr),Cr=Sr;function Or({title:i,titleId:s,...p},d){return u.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?u.createElement("title",{id:s},i):null,u.createElement("path",{d:"M10.047 3.062a.75.75 0 0 1 .453.688v12.5a.75.75 0 0 1-1.264.546L5.203 13H2.667a.75.75 0 0 1-.7-.48A6.985 6.985 0 0 1 1.5 10c0-.887.165-1.737.468-2.52a.75.75 0 0 1 .7-.48h2.535l4.033-3.796a.75.75 0 0 1 .811-.142ZM13.78 7.22a.75.75 0 1 0-1.06 1.06L14.44 10l-1.72 1.72a.75.75 0 0 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L16.56 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L15.5 8.94l-1.72-1.72Z"}))}const Pr=u.forwardRef(Or),kr=Pr,Dr=({src:i,autoPlay:s,className:p,controls:d,controlsList:I,id:L,loop:$,muted:S,onAbort:h,onCanPlay:A,onCanPlayThrough:y,onEnded:j,onError:C,onLoadedMetadata:W,onPause:te,onPlay:ce,onSeeked:fe,onVolumeChange:F,preload:b,style:de,title:ve})=>{const[H,pe]=R.useState(!1),[q,ge]=R.useState(S||!1),[O,z]=R.useState(1),[Y,J]=R.useState(0),[x,P]=R.useState(0),[N]=R.useState(!1),[ne,G]=R.useState(0),T=R.useRef(null),X=R.useRef(null);R.useEffect(()=>{const v=T.current;v&&(v.playbackRate=O)},[O]),R.useEffect(()=>{const v=T.current;!v||!N||(v.currentTime=Y)},[Y,N]);const ae=()=>{var v;J(((v=T.current)==null?void 0:v.currentTime)||0),G(Y/x)},oe=()=>{var v;P(((v=T.current)==null?void 0:v.duration)||0)},ie=()=>{const v=T.current;v&&(H?v.pause():v.play()),pe(!H)},K=v=>{const M=Math.floor(v/3600),k=Math.floor(v%3600/60),U=Math.floor(v%60);return[M,k,U].map(E=>E<10?"0"+E:E).filter((E,V)=>E!=="00"||V>0).join(":")},me=v=>{const M=X.current;if(!M)return;const k=M.getBoundingClientRect(),E=(v.clientX-k.left)/k.width;G(E);const V=E*x;J(V),T.current&&(T.current.currentTime=V)},he=()=>{z(O===1?1.5:O===1.5?2:1)};return f.jsxs("dialog",{className:"w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none tailwind-player",children:[f.jsx("audio",{src:i,autoPlay:s,className:p,controls:d,controlsList:I,id:L,loop:$,muted:q,onTimeUpdate:ae,onDurationChange:oe,onAbort:h,onCanPlay:A,onCanPlayThrough:y,onEnded:j,onError:C,onLoadedMetadata:W,onPause:te,onPlay:ce,onSeeked:fe,onVolumeChange:F,preload:b,style:de,title:ve,ref:T,children:"Your browser does not support the audio element."}),f.jsx("div",{className:"relative z-10 p-4 pointer-events-auto",children:f.jsxs("div",{className:"flex w-[41rem] rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[f.jsxs("div",{className:"flex items-center space-x-4 px-6 py-4",children:[f.jsx("button",{className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:f.jsx(mr,{className:"w-5 h-5 text-gray-600"})}),f.jsx("button",{onClick:ie,className:"bg-[#0F172A] rounded-full flex items-center justify-center p-2",children:H?f.jsx(xr,{className:"w-5 h-5 text-white"}):f.jsx(jr,{className:"w-5 h-5 text-white"})}),f.jsx("button",{className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:f.jsx(yr,{className:"w-5 h-5 text-gray-600"})})]}),f.jsxs("div",{className:"flex space-x-4 flex-auto items-center border-l border-slate-200/60 pl-6 pr-4 text-[0.8125rem] leading-5 text-slate-700",children:[f.jsx("div",{className:"w-9",children:K(Y)}),f.jsxs("div",{ref:X,className:"relative flex flex-auto rounded-full bg-slate-100 cursor-pointer",onMouseDown:me,children:[f.jsx("div",{style:{width:`${ne*100}%`},className:"h-2 flex-none rounded-l-full rounded-r-[1px] bg-indigo-600 transition-all duration-500 ease-in-out"}),f.jsx("div",{className:"-my-[0.3125rem] ml-0.5 h-[1.125rem] w-1 rounded-full bg-indigo-600"})]}),f.jsx("div",{className:"w-9",children:K(x)}),f.jsxs("div",{className:"flex items-center",children:[f.jsx("button",{onClick:he,className:"rounded-lg w-10 font-medium flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:O===1?"1.0x":O===1.5?"1.5x":"2.0x"}),f.jsx("div",{className:"flex items-center",children:f.jsx("button",{onClick:()=>ge(!q),className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:q?f.jsx(kr,{className:"w-5 h-5 text-gray-600"}):f.jsx(Cr,{className:"w-5 h-5 text-gray-600"})})}),f.jsx("a",{href:i,target:"_blank",className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:f.jsx(vr,{className:"w-5 h-5 text-gray-600"})})]})]})]})})]})};exports.Player=Dr;
 //# sourceMappingURL=index.cjs.js.map

dist/index.es.js

 import './index.css';
 import * as l from "react";
-import Le, { useState as H, useRef as Ie, useEffect as Me } from "react";
-var Ee = { exports: {} }, K = {};
+import Ue, { useState as $, useRef as Ie, useEffect as Le } from "react";
+var Ee = { exports: {} }, ee = {};
 /**
@@ -17,18 +17,18 @@ * @license React
   if (We)
-    return K;
+    return ee;
   We = 1;
-  var u = Le, s = Symbol.for("react.element"), h = Symbol.for("react.fragment"), v = Object.prototype.hasOwnProperty, $ = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, I = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function D(T, g, k) {
-    var y, _ = {}, C = null, M = null;
-    k !== void 0 && (C = "" + k), g.key !== void 0 && (C = "" + g.key), g.ref !== void 0 && (M = g.ref);
+  var u = Ue, s = Symbol.for("react.element"), m = Symbol.for("react.fragment"), v = Object.prototype.hasOwnProperty, I = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, L = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function M(T, g, A) {
+    var y, _ = {}, C = null, W = null;
+    A !== void 0 && (C = "" + A), g.key !== void 0 && (C = "" + g.key), g.ref !== void 0 && (W = g.ref);
     for (y in g)
-      v.call(g, y) && !I.hasOwnProperty(y) && (_[y] = g[y]);
+      v.call(g, y) && !L.hasOwnProperty(y) && (_[y] = g[y]);
     if (T && T.defaultProps)
       for (y in g = T.defaultProps, g)
         _[y] === void 0 && (_[y] = g[y]);
-    return { $$typeof: s, type: T, key: C, ref: M, props: _, _owner: $.current };
+    return { $$typeof: s, type: T, key: C, ref: W, props: _, _owner: I.current };
   }
-  return K.Fragment = h, K.jsx = D, K.jsxs = D, K;
+  return ee.Fragment = m, ee.jsx = M, ee.jsxs = M, ee;
 }
-var X = {};
+var re = {};
 /**
@@ -46,7 +46,7 @@ * @license React
   return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && function() {
-    var u = Le, s = Symbol.for("react.element"), h = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), $ = Symbol.for("react.strict_mode"), I = Symbol.for("react.profiler"), D = Symbol.for("react.provider"), T = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), M = Symbol.for("react.offscreen"), Q = Symbol.iterator, fe = "@@iterator";
-    function de(e) {
+    var u = Ue, s = Symbol.for("react.element"), m = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), L = Symbol.for("react.profiler"), M = Symbol.for("react.provider"), T = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), A = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), te = Symbol.iterator, ce = "@@iterator";
+    function fe(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = Q && e[Q] || e[fe];
+      var r = te && e[te] || e[ce];
       return typeof r == "function" ? r : null;
@@ -59,6 +59,6 @@ }
           t[n - 1] = arguments[n];
-        ve("error", e, t);
+        de("error", e, t);
       }
     }
-    function ve(e, r, t) {
+    function de(e, r, t) {
       {
@@ -73,12 +73,12 @@ var n = F.ReactDebugCurrentFrame, i = n.getStackAddendum();
     }
-    var pe = !1, Z = !1, me = !1, W = !1, ee = !1, N;
-    N = Symbol.for("react.module.reference");
-    function re(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === v || e === I || ee || e === $ || e === k || e === y || W || e === M || pe || Z || me || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === _ || e.$$typeof === D || e.$$typeof === T || e.$$typeof === g || // This needs to include all possible module reference object
+    var ve = !1, H = !1, pe = !1, q = !1, he = !1, O;
+    O = Symbol.for("react.module.reference");
+    function J(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === v || e === L || he || e === I || e === A || e === y || q || e === W || ve || H || pe || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === _ || e.$$typeof === M || e.$$typeof === T || e.$$typeof === g || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === N || e.getModuleId !== void 0));
+      e.$$typeof === O || e.getModuleId !== void 0));
     }
-    function q(e, r, t) {
+    function Y(e, r, t) {
       var n = e.displayName;
@@ -90,6 +90,6 @@ if (n)
     }
-    function te(e) {
+    function z(e) {
       return e.displayName || "Context";
     }
-    function R(e) {
+    function x(e) {
       if (e == null)
@@ -104,9 +104,9 @@ return null;
           return "Fragment";
-        case h:
+        case m:
           return "Portal";
+        case L:
+          return "Profiler";
         case I:
-          return "Profiler";
-        case $:
           return "StrictMode";
-        case k:
+        case A:
           return "Suspense";
@@ -120,15 +120,15 @@ case y:
             var r = e;
-            return te(r) + ".Consumer";
-          case D:
+            return z(r) + ".Consumer";
+          case M:
             var t = e;
-            return te(t._context) + ".Provider";
+            return z(t._context) + ".Provider";
           case g:
-            return q(e, e.render, "ForwardRef");
+            return Y(e, e.render, "ForwardRef");
           case _:
             var n = e.displayName || null;
-            return n !== null ? n : R(e.type) || "Memo";
+            return n !== null ? n : x(e.type) || "Memo";
           case C: {
             var i = e, c = i._payload, o = i._init;
             try {
-              return R(o(c));
+              return x(o(c));
             } catch {
@@ -141,14 +141,14 @@ return null;
     }
-    var P = Object.assign, A = 0, j, J, ne, ae, oe, z, ie;
-    function d() {
+    var P = Object.assign, D = 0, ne, G, j, X, ae, oe, ie;
+    function K() {
     }
-    d.__reactDisabledLog = !0;
-    function Y() {
+    K.__reactDisabledLog = !0;
+    function me() {
       {
-        if (A === 0) {
-          j = console.log, J = console.info, ne = console.warn, ae = console.error, oe = console.group, z = console.groupCollapsed, ie = console.groupEnd;
+        if (D === 0) {
+          ne = console.log, G = console.info, j = console.warn, X = console.error, ae = console.group, oe = console.groupCollapsed, ie = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: d,
+            value: K,
             writable: !0
@@ -166,8 +166,8 @@ };
         }
-        A++;
+        D++;
       }
     }
-    function L() {
+    function ge() {
       {
-        if (A--, A === 0) {
+        if (D--, D === 0) {
           var e = {
@@ -180,18 +180,18 @@ configurable: !0,
             log: P({}, e, {
-              value: j
+              value: ne
             }),
             info: P({}, e, {
-              value: J
+              value: G
             }),
             warn: P({}, e, {
-              value: ne
+              value: j
             }),
             error: P({}, e, {
-              value: ae
+              value: X
             }),
             group: P({}, e, {
-              value: oe
+              value: ae
             }),
             groupCollapsed: P({}, e, {
-              value: z
+              value: oe
             }),
@@ -203,9 +203,9 @@ groupEnd: P({}, e, {
         }
-        A < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        D < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var U = F.ReactCurrentDispatcher, E;
-    function O(e, r, t) {
+    var d = F.ReactCurrentDispatcher, N;
+    function S(e, r, t) {
       {
-        if (E === void 0)
+        if (N === void 0)
           try {
@@ -215,18 +215,18 @@ throw Error();
             var n = i.stack.trim().match(/\n( *(at )?)/);
-            E = n && n[1] || "";
+            N = n && n[1] || "";
           }
         return `
-` + E + e;
+` + N + e;
       }
     }
-    var he = !1, le;
+    var U = !1, R;
     {
-      var Ue = typeof WeakMap == "function" ? WeakMap : Map;
-      le = new Ue();
+      var V = typeof WeakMap == "function" ? WeakMap : Map;
+      R = new V();
     }
-    function xe(e, r) {
-      if (!e || he)
+    function _e(e, r) {
+      if (!e || U)
         return "";
       {
-        var t = le.get(e);
+        var t = R.get(e);
         if (t !== void 0)
@@ -236,7 +236,7 @@ return t;
       var n;
-      he = !0;
+      U = !0;
       var i = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var c;
-      c = U.current, U.current = null, Y();
+      c = d.current, d.current = null, me();
       try {
@@ -254,4 +254,4 @@ if (r) {
               Reflect.construct(o, []);
-            } catch (S) {
-              n = S;
+            } catch (k) {
+              n = k;
             }
@@ -262,4 +262,4 @@ Reflect.construct(e, [], o);
               o.call();
-            } catch (S) {
-              n = S;
+            } catch (k) {
+              n = k;
             }
@@ -271,23 +271,23 @@ e.call(o.prototype);
             throw Error();
-          } catch (S) {
-            n = S;
+          } catch (k) {
+            n = k;
           }
           e();
         }
-      } catch (S) {
-        if (S && n && typeof S.stack == "string") {
-          for (var a = S.stack.split(`
+      } catch (k) {
+        if (k && n && typeof k.stack == "string") {
+          for (var a = k.stack.split(`
 `), w = n.stack.split(`
-`), p = a.length - 1, m = w.length - 1; p >= 1 && m >= 0 && a[p] !== w[m]; )
-            m--;
-          for (; p >= 1 && m >= 0; p--, m--)
-            if (a[p] !== w[m]) {
-              if (p !== 1 || m !== 1)
+`), p = a.length - 1, h = w.length - 1; p >= 1 && h >= 0 && a[p] !== w[h]; )
+            h--;
+          for (; p >= 1 && h >= 0; p--, h--)
+            if (a[p] !== w[h]) {
+              if (p !== 1 || h !== 1)
                 do
-                  if (p--, m--, m < 0 || a[p] !== w[m]) {
-                    var x = `
+                  if (p--, h--, h < 0 || a[p] !== w[h]) {
+                    var E = `
 ` + a[p].replace(" at new ", " at ");
-                    return e.displayName && x.includes("<anonymous>") && (x = x.replace("<anonymous>", e.displayName)), typeof e == "function" && le.set(e, x), x;
+                    return e.displayName && E.includes("<anonymous>") && (E = E.replace("<anonymous>", e.displayName)), typeof e == "function" && R.set(e, E), E;
                   }
-                while (p >= 1 && m >= 0);
+                while (p >= 1 && h >= 0);
               break;
@@ -297,9 +297,9 @@ }
       } finally {
-        he = !1, U.current = c, L(), Error.prepareStackTrace = i;
+        U = !1, d.current = c, ge(), Error.prepareStackTrace = i;
       }
-      var B = e ? e.displayName || e.name : "", $e = B ? O(B) : "";
-      return typeof e == "function" && le.set(e, $e), $e;
+      var Z = e ? e.displayName || e.name : "", $e = Z ? S(Z) : "";
+      return typeof e == "function" && R.set(e, $e), $e;
     }
     function Ve(e, r, t) {
-      return xe(e, !1);
+      return _e(e, !1);
     }
@@ -310,14 +310,14 @@ function Be(e) {
     }
-    function se(e, r, t) {
+    function le(e, r, t) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return xe(e, Be(e));
+        return _e(e, Be(e));
       if (typeof e == "string")
-        return O(e);
+        return S(e);
       switch (e) {
-        case k:
-          return O("Suspense");
+        case A:
+          return S("Suspense");
         case y:
-          return O("SuspenseList");
+          return S("SuspenseList");
       }
@@ -329,7 +329,7 @@ if (typeof e == "object")
           case _:
-            return se(e.type, r, t);
+            return le(e.type, r, t);
           case C: {
             var n = e, i = n._payload, c = n._init;
             try {
-              return se(c(i), r, t);
+              return le(c(i), r, t);
             } catch {
@@ -341,13 +341,13 @@ }
     }
-    var ue = Object.prototype.hasOwnProperty, _e = {}, je = F.ReactDebugCurrentFrame;
-    function ce(e) {
+    var se = Object.prototype.hasOwnProperty, je = {}, Te = F.ReactDebugCurrentFrame;
+    function ue(e) {
       if (e) {
-        var r = e._owner, t = se(e.type, e._source, r ? r.type : null);
-        je.setExtraStackFrame(t);
+        var r = e._owner, t = le(e.type, e._source, r ? r.type : null);
+        Te.setExtraStackFrame(t);
       } else
-        je.setExtraStackFrame(null);
+        Te.setExtraStackFrame(null);
     }
-    function He(e, r, t, n, i) {
+    function Ze(e, r, t, n, i) {
       {
-        var c = Function.call.bind(ue);
+        var c = Function.call.bind(se);
         for (var o in e)
@@ -365,9 +365,9 @@ if (c(e, o)) {
             }
-            a && !(a instanceof Error) && (ce(i), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), ce(null)), a instanceof Error && !(a.message in _e) && (_e[a.message] = !0, ce(i), b("Failed %s type: %s", t, a.message), ce(null));
+            a && !(a instanceof Error) && (ue(i), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), ue(null)), a instanceof Error && !(a.message in je) && (je[a.message] = !0, ue(i), b("Failed %s type: %s", t, a.message), ue(null));
           }
       }
     }
-    var Ze = Array.isArray;
-    function ge(e) {
-      return Ze(e);
+    var He = Array.isArray;
+    function be(e) {
+      return He(e);
     }
@@ -382,3 +382,3 @@ function qe(e) {
       try {
-        return Te(e), !1;
+        return Ce(e), !1;
       } catch {
@@ -388,10 +388,10 @@ return !0;
     }
-    function Te(e) {
+    function Ce(e) {
       return "" + e;
     }
-    function Ce(e) {
+    function Oe(e) {
       if (Je(e))
-        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qe(e)), Te(e);
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qe(e)), Ce(e);
     }
-    var G = F.ReactCurrentOwner, ze = {
+    var Q = F.ReactCurrentOwner, ze = {
       key: !0,
@@ -401,6 +401,6 @@ ref: !0,
       __source: !0
-    }, Pe, Oe, be;
-    be = {};
+    }, Pe, Se, ye;
+    ye = {};
     function Ge(e) {
-      if (ue.call(e, "ref")) {
+      if (se.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -412,4 +412,4 @@ if (r && r.isReactWarning)
     }
-    function Ke(e) {
-      if (ue.call(e, "key")) {
+    function Xe(e) {
+      if (se.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
@@ -421,6 +421,6 @@ if (r && r.isReactWarning)
     }
-    function Xe(e, r) {
-      if (typeof e.ref == "string" && G.current && r && G.current.stateNode !== r) {
-        var t = R(G.current.type);
-        be[t] || (b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', R(G.current.type), e.ref), be[t] = !0);
+    function Ke(e, r) {
+      if (typeof e.ref == "string" && Q.current && r && Q.current.stateNode !== r) {
+        var t = x(Q.current.type);
+        ye[t] || (b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', x(Q.current.type), e.ref), ye[t] = !0);
       }
@@ -442,3 +442,3 @@ }
         var t = function() {
-          Oe || (Oe = !0, b("%s: `ref` 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://reactjs.org/link/special-props)", r));
+          Se || (Se = !0, b("%s: `ref` 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://reactjs.org/link/special-props)", r));
         };
@@ -483,5 +483,5 @@ t.isReactWarning = !0, Object.defineProperty(e, "ref", {
         var c, o = {}, a = null, w = null;
-        t !== void 0 && (Ce(t), a = "" + t), Ke(r) && (Ce(r.key), a = "" + r.key), Ge(r) && (w = r.ref, Xe(r, i));
+        t !== void 0 && (Oe(t), a = "" + t), Xe(r) && (Oe(r.key), a = "" + r.key), Ge(r) && (w = r.ref, Ke(r, i));
         for (c in r)
-          ue.call(r, c) && !ze.hasOwnProperty(c) && (o[c] = r[c]);
+          se.call(r, c) && !ze.hasOwnProperty(c) && (o[c] = r[c]);
         if (e && e.defaultProps) {
@@ -493,25 +493,25 @@ var p = e.defaultProps;
         if (a || w) {
-          var m = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && Qe(o, m), w && er(o, m);
+          var h = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          a && Qe(o, h), w && er(o, h);
         }
-        return rr(e, a, w, i, n, G.current, o);
+        return rr(e, a, w, i, n, Q.current, o);
       }
     }
-    var ye = F.ReactCurrentOwner, Se = F.ReactDebugCurrentFrame;
-    function V(e) {
+    var we = F.ReactCurrentOwner, ke = F.ReactDebugCurrentFrame;
+    function B(e) {
       if (e) {
-        var r = e._owner, t = se(e.type, e._source, r ? r.type : null);
-        Se.setExtraStackFrame(t);
+        var r = e._owner, t = le(e.type, e._source, r ? r.type : null);
+        ke.setExtraStackFrame(t);
       } else
-        Se.setExtraStackFrame(null);
+        ke.setExtraStackFrame(null);
     }
-    var we;
-    we = !1;
+    var xe;
+    xe = !1;
     function Re(e) {
       return typeof e == "object" && e !== null && e.$$typeof === s;
     }
-    function ke() {
+    function Ae() {
       {
-        if (ye.current) {
-          var e = R(ye.current.type);
+        if (we.current) {
+          var e = x(we.current.type);
           if (e)
@@ -539,3 +539,3 @@ return `
       {
-        var r = ke();
+        var r = Ae();
         if (!r) {
@@ -550,3 +550,3 @@ var t = typeof e == "string" ? e : e.displayName || e.name;
     }
-    function Ae(e, r) {
+    function De(e, r) {
       {
@@ -561,13 +561,13 @@ if (!e._store || e._store.validated || e.key != null)
         var n = "";
-        e && e._owner && e._owner !== ye.current && (n = " It was passed a child from " + R(e._owner.type) + "."), V(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), V(null);
+        e && e._owner && e._owner !== we.current && (n = " It was passed a child from " + x(e._owner.type) + "."), B(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), B(null);
       }
     }
-    function De(e, r) {
+    function Ne(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (ge(e))
+        if (be(e))
           for (var t = 0; t < e.length; t++) {
             var n = e[t];
-            Re(n) && Ae(n, r);
+            Re(n) && De(n, r);
           }
@@ -577,6 +577,6 @@ else if (Re(e))
         else if (e) {
-          var i = de(e);
+          var i = fe(e);
           if (typeof i == "function" && i !== e.entries)
             for (var c = i.call(e), o; !(o = c.next()).done; )
-              Re(o.value) && Ae(o.value, r);
+              Re(o.value) && De(o.value, r);
         }
@@ -600,7 +600,7 @@ }
         if (t) {
-          var n = R(r);
-          He(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !we) {
-          we = !0;
-          var i = R(r);
+          var n = x(r);
+          Ze(t, e.props, "prop", n, e);
+        } else if (r.PropTypes !== void 0 && !xe) {
+          xe = !0;
+          var i = x(r);
           b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
@@ -616,12 +616,12 @@ }
           if (n !== "children" && n !== "key") {
-            V(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), V(null);
+            B(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), B(null);
             break;
           }
         }
-        e.ref !== null && (V(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
+        e.ref !== null && (B(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), B(null));
       }
     }
-    function Ne(e, r, t, n, i, c) {
+    function Me(e, r, t, n, i, c) {
       {
-        var o = re(e);
+        var o = J(e);
         if (!o) {
@@ -631,34 +631,34 @@ var a = "";
           var w = nr(i);
-          w ? a += w : a += ke();
+          w ? a += w : a += Ae();
           var p;
-          e === null ? p = "null" : ge(e) ? p = "array" : e !== void 0 && e.$$typeof === s ? (p = "<" + (R(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : p = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", p, a);
+          e === null ? p = "null" : be(e) ? p = "array" : e !== void 0 && e.$$typeof === s ? (p = "<" + (x(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : p = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", p, a);
         }
-        var m = tr(e, r, t, i, c);
-        if (m == null)
-          return m;
+        var h = tr(e, r, t, i, c);
+        if (h == null)
+          return h;
         if (o) {
-          var x = r.children;
-          if (x !== void 0)
+          var E = r.children;
+          if (E !== void 0)
             if (n)
-              if (ge(x)) {
-                for (var B = 0; B < x.length; B++)
-                  De(x[B], e);
-                Object.freeze && Object.freeze(x);
+              if (be(E)) {
+                for (var Z = 0; Z < E.length; Z++)
+                  Ne(E[Z], e);
+                Object.freeze && Object.freeze(E);
               } else
                 b("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
-              De(x, e);
+              Ne(E, e);
         }
-        return e === v ? ir(m) : or(m), m;
+        return e === v ? ir(h) : or(h), h;
       }
     }
     function lr(e, r, t) {
-      return Ne(e, r, t, !0);
+      return Me(e, r, t, !0);
     }
     function sr(e, r, t) {
-      return Ne(e, r, t, !1);
+      return Me(e, r, t, !1);
     }
     var ur = sr, cr = lr;
-    X.Fragment = v, X.jsx = ur, X.jsxs = cr;
-  }()), X;
+    re.Fragment = v, re.jsx = ur, re.jsxs = cr;
+  }()), re;
 }
@@ -670,3 +670,3 @@ process.env.NODE_ENV === "production" ? Ee.exports = fr() : Ee.exports = dr();
   titleId: s,
-  ...h
+  ...m
 }, v) {
@@ -681,3 +681,3 @@ return /* @__PURE__ */ l.createElement("svg", Object.assign({
     "aria-labelledby": s
-  }, h), u ? /* @__PURE__ */ l.createElement("title", {
+  }, m), u ? /* @__PURE__ */ l.createElement("title", {
     id: s
@@ -690,7 +690,7 @@ }, u) : null, /* @__PURE__ */ l.createElement("path", {
 }
-const pr = l.forwardRef(vr), mr = pr;
-function hr({
+const pr = l.forwardRef(vr), hr = pr;
+function mr({
   title: u,
   titleId: s,
-  ...h
+  ...m
 }, v) {
@@ -705,3 +705,3 @@ return /* @__PURE__ */ l.createElement("svg", Object.assign({
     "aria-labelledby": s
-  }, h), u ? /* @__PURE__ */ l.createElement("title", {
+  }, m), u ? /* @__PURE__ */ l.createElement("title", {
     id: s
@@ -714,7 +714,7 @@ }, u) : null, /* @__PURE__ */ l.createElement("path", {
 }
-const gr = l.forwardRef(hr), br = gr;
+const gr = l.forwardRef(mr), br = gr;
 function yr({
   title: u,
   titleId: s,
-  ...h
+  ...m
 }, v) {
@@ -729,3 +729,3 @@ return /* @__PURE__ */ l.createElement("svg", Object.assign({
     "aria-labelledby": s
-  }, h), u ? /* @__PURE__ */ l.createElement("title", {
+  }, m), u ? /* @__PURE__ */ l.createElement("title", {
     id: s
@@ -738,7 +738,7 @@ }, u) : null, /* @__PURE__ */ l.createElement("path", {
 }
-const wr = l.forwardRef(yr), Rr = wr;
-function Er({
+const wr = l.forwardRef(yr), xr = wr;
+function Rr({
   title: u,
   titleId: s,
-  ...h
+  ...m
 }, v) {
@@ -753,15 +753,13 @@ return /* @__PURE__ */ l.createElement("svg", Object.assign({
     "aria-labelledby": s
-  }, h), u ? /* @__PURE__ */ l.createElement("title", {
+  }, m), u ? /* @__PURE__ */ l.createElement("title", {
     id: s
   }, u) : null, /* @__PURE__ */ l.createElement("path", {
-    fillRule: "evenodd",
-    d: "M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10Z",
-    clipRule: "evenodd"
+    d: "M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"
   }));
 }
-const xr = l.forwardRef(Er), _r = xr;
+const Er = l.forwardRef(Rr), _r = Er;
 function jr({
   title: u,
   titleId: s,
-  ...h
+  ...m
 }, v) {
@@ -776,13 +774,13 @@ return /* @__PURE__ */ l.createElement("svg", Object.assign({
     "aria-labelledby": s
-  }, h), u ? /* @__PURE__ */ l.createElement("title", {
+  }, m), u ? /* @__PURE__ */ l.createElement("title", {
     id: s
   }, u) : null, /* @__PURE__ */ l.createElement("path", {
-    d: "M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"
+    d: "M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z"
   }));
 }
 const Tr = l.forwardRef(jr), Cr = Tr;
-function Pr({
+function Or({
   title: u,
   titleId: s,
-  ...h
+  ...m
 }, v) {
@@ -797,13 +795,15 @@ return /* @__PURE__ */ l.createElement("svg", Object.assign({
     "aria-labelledby": s
-  }, h), u ? /* @__PURE__ */ l.createElement("title", {
+  }, m), u ? /* @__PURE__ */ l.createElement("title", {
     id: s
   }, u) : null, /* @__PURE__ */ l.createElement("path", {
-    d: "M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z"
+    d: "M10.5 3.75a.75.75 0 0 0-1.264-.546L5.203 7H2.667a.75.75 0 0 0-.7.48A6.985 6.985 0 0 0 1.5 10c0 .887.165 1.737.468 2.52.111.29.39.48.7.48h2.535l4.033 3.796a.75.75 0 0 0 1.264-.546V3.75ZM16.45 5.05a.75.75 0 0 0-1.06 1.061 5.5 5.5 0 0 1 0 7.778.75.75 0 0 0 1.06 1.06 7 7 0 0 0 0-9.899Z"
+  }), /* @__PURE__ */ l.createElement("path", {
+    d: "M14.329 7.172a.75.75 0 0 0-1.061 1.06 2.5 2.5 0 0 1 0 3.536.75.75 0 0 0 1.06 1.06 4 4 0 0 0 0-5.656Z"
   }));
 }
-const Or = l.forwardRef(Pr), Sr = Or;
+const Pr = l.forwardRef(Or), Sr = Pr;
 function kr({
   title: u,
   titleId: s,
-  ...h
+  ...m
 }, v) {
@@ -818,61 +818,63 @@ return /* @__PURE__ */ l.createElement("svg", Object.assign({
     "aria-labelledby": s
-  }, h), u ? /* @__PURE__ */ l.createElement("title", {
+  }, m), u ? /* @__PURE__ */ l.createElement("title", {
     id: s
   }, u) : null, /* @__PURE__ */ l.createElement("path", {
-    d: "M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z"
+    d: "M10.047 3.062a.75.75 0 0 1 .453.688v12.5a.75.75 0 0 1-1.264.546L5.203 13H2.667a.75.75 0 0 1-.7-.48A6.985 6.985 0 0 1 1.5 10c0-.887.165-1.737.468-2.52a.75.75 0 0 1 .7-.48h2.535l4.033-3.796a.75.75 0 0 1 .811-.142ZM13.78 7.22a.75.75 0 1 0-1.06 1.06L14.44 10l-1.72 1.72a.75.75 0 0 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L16.56 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L15.5 8.94l-1.72-1.72Z"
   }));
 }
-const Fr = l.forwardRef(kr), Ar = Fr, Nr = ({
+const Ar = l.forwardRef(kr), Fr = Ar, Nr = ({
   src: u,
   autoPlay: s,
-  className: h,
+  className: m,
   controls: v,
-  controlsList: $,
-  id: I,
-  loop: D,
+  controlsList: I,
+  id: L,
+  loop: M,
   muted: T,
   onAbort: g,
-  onCanPlay: k,
+  onCanPlay: A,
   onCanPlayThrough: y,
   onEnded: _,
   onError: C,
-  onLoadedMetadata: M,
-  onPause: Q,
-  onPlay: fe,
-  onSeeked: de,
+  onLoadedMetadata: W,
+  onPause: te,
+  onPlay: ce,
+  onSeeked: fe,
   onVolumeChange: F,
   preload: b,
-  style: ve,
-  title: pe
+  style: de,
+  title: ve
 }) => {
-  const [Z, me] = H(!1), [W, ee] = H(1), [N, re] = H(0), [q, te] = H(0), [R] = H(!1), [P, A] = H(0), j = Ie(null), J = Ie(null);
-  Me(() => {
+  const [H, pe] = $(!1), [q, he] = $(T || !1), [O, J] = $(1), [Y, z] = $(0), [x, P] = $(0), [D] = $(!1), [ne, G] = $(0), j = Ie(null), X = Ie(null);
+  Le(() => {
     const d = j.current;
-    d && (d.playbackRate = W);
-  }, [W]), Me(() => {
+    d && (d.playbackRate = O);
+  }, [O]), Le(() => {
     const d = j.current;
-    !d || !R || (d.currentTime = N);
-  }, [N, R]);
-  const ne = () => {
+    !d || !D || (d.currentTime = Y);
+  }, [Y, D]);
+  const ae = () => {
     var d;
-    re(((d = j.current) == null ? void 0 : d.currentTime) || 0), A(N / q);
-  }, ae = () => {
+    z(((d = j.current) == null ? void 0 : d.currentTime) || 0), G(Y / x);
+  }, oe = () => {
     var d;
-    te(((d = j.current) == null ? void 0 : d.duration) || 0);
-  }, oe = () => {
+    P(((d = j.current) == null ? void 0 : d.duration) || 0);
+  }, ie = () => {
     const d = j.current;
-    d && (Z ? d.pause() : d.play()), me(!Z);
-  }, z = (d) => {
-    const Y = Math.floor(d / 3600), L = Math.floor(d % 3600 / 60), U = Math.floor(d % 60);
-    return [Y, L, U].map((E) => E < 10 ? "0" + E : E).filter((E, O) => E !== "00" || O > 0).join(":");
-  }, ie = (d) => {
-    const Y = J.current;
-    if (!Y)
+    d && (H ? d.pause() : d.play()), pe(!H);
+  }, K = (d) => {
+    const N = Math.floor(d / 3600), S = Math.floor(d % 3600 / 60), U = Math.floor(d % 60);
+    return [N, S, U].map((R) => R < 10 ? "0" + R : R).filter((R, V) => R !== "00" || V > 0).join(":");
+  }, me = (d) => {
+    const N = X.current;
+    if (!N)
       return;
-    const L = Y.getBoundingClientRect(), E = (d.clientX - L.left) / L.width;
-    A(E);
-    const O = E * q;
-    re(O), j.current && (j.current.currentTime = O);
+    const S = N.getBoundingClientRect(), R = (d.clientX - S.left) / S.width;
+    G(R);
+    const V = R * x;
+    z(V), j.current && (j.current.currentTime = V);
+  }, ge = () => {
+    J(O === 1 ? 1.5 : O === 1.5 ? 2 : 1);
   };
-  return /* @__PURE__ */ f.jsxs("dialog", { className: "w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none", children: [
+  return /* @__PURE__ */ f.jsxs("dialog", { className: "w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none tailwind-player", children: [
     /* @__PURE__ */ f.jsx(
@@ -883,23 +885,23 @@ "audio",
         autoPlay: s,
-        className: h,
+        className: m,
         controls: v,
-        controlsList: $,
-        id: I,
-        loop: D,
-        muted: T,
-        onTimeUpdate: ne,
-        onDurationChange: ae,
+        controlsList: I,
+        id: L,
+        loop: M,
+        muted: q,
+        onTimeUpdate: ae,
+        onDurationChange: oe,
         onAbort: g,
-        onCanPlay: k,
+        onCanPlay: A,
         onCanPlayThrough: y,
         onEnded: _,
         onError: C,
-        onLoadedMetadata: M,
-        onPause: Q,
-        onPlay: fe,
-        onSeeked: de,
+        onLoadedMetadata: W,
+        onPause: te,
+        onPlay: ce,
+        onSeeked: fe,
         onVolumeChange: F,
         preload: b,
-        style: ve,
-        title: pe,
+        style: de,
+        title: ve,
         ref: j,
@@ -911,21 +913,21 @@ children: "Your browser does not support the audio element."
       /* @__PURE__ */ f.jsxs("div", { className: "flex items-center space-x-4 px-6 py-4", children: [
-        /* @__PURE__ */ f.jsx("button", { className: "rounded-full flex items-center justify-center p-2", children: /* @__PURE__ */ f.jsx(br, { className: "w-5 h-5 text-gray-600" }) }),
+        /* @__PURE__ */ f.jsx("button", { className: "rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out", children: /* @__PURE__ */ f.jsx(br, { className: "w-5 h-5 text-gray-600" }) }),
         /* @__PURE__ */ f.jsx(
           "button",
           {
-            onClick: oe,
+            onClick: ie,
             className: "bg-[#0F172A] rounded-full flex items-center justify-center p-2",
-            children: Z ? /* @__PURE__ */ f.jsx(Cr, { className: "w-5 h-5 text-white" }) : /* @__PURE__ */ f.jsx(Sr, { className: "w-5 h-5 text-white" })
+            children: H ? /* @__PURE__ */ f.jsx(_r, { className: "w-5 h-5 text-white" }) : /* @__PURE__ */ f.jsx(Cr, { className: "w-5 h-5 text-white" })
           }
         ),
-        /* @__PURE__ */ f.jsx("button", { className: "rounded-full flex items-center justify-center p-2", children: /* @__PURE__ */ f.jsx(Rr, { className: "w-5 h-5 text-gray-600" }) })
+        /* @__PURE__ */ f.jsx("button", { className: "rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out", children: /* @__PURE__ */ f.jsx(xr, { className: "w-5 h-5 text-gray-600" }) })
       ] }),
-      /* @__PURE__ */ f.jsxs("div", { className: "flex flex-auto items-center border-l border-slate-200/60 pl-6 pr-4 text-[0.8125rem] leading-5 text-slate-700", children: [
-        /* @__PURE__ */ f.jsx("div", { children: z(N) }),
+      /* @__PURE__ */ f.jsxs("div", { className: "flex space-x-4 flex-auto items-center border-l border-slate-200/60 pl-6 pr-4 text-[0.8125rem] leading-5 text-slate-700", children: [
+        /* @__PURE__ */ f.jsx("div", { className: "w-9", children: K(Y) }),
         /* @__PURE__ */ f.jsxs(
           "div",
           {
-            ref: J,
-            className: "relative ml-4 flex flex-auto rounded-full bg-slate-100 cursor-pointer",
-            onMouseDown: ie,
+            ref: X,
+            className: "relative flex flex-auto rounded-full bg-slate-100 cursor-pointer",
+            onMouseDown: me,
             children: [
@@ -935,3 +937,3 @@ /* @__PURE__ */ f.jsx(
                 {
-                  style: { width: `${P * 100}%` },
+                  style: { width: `${ne * 100}%` },
                   className: "h-2 flex-none rounded-l-full rounded-r-[1px] bg-indigo-600 transition-all duration-500 ease-in-out"
@@ -944,30 +946,30 @@ }
         ),
-        /* @__PURE__ */ f.jsx("div", { className: "ml-4", children: z(q) }),
-        /* @__PURE__ */ f.jsxs("div", { className: "ml-4 flex items-center", children: [
+        /* @__PURE__ */ f.jsx("div", { className: "w-9", children: K(x) }),
+        /* @__PURE__ */ f.jsxs("div", { className: "flex items-center", children: [
           /* @__PURE__ */ f.jsx(
             "button",
             {
-              onClick: () => ee(W / 1.25),
-              className: "rounded-full flex items-center justify-center py-2 px-1",
-              children: /* @__PURE__ */ f.jsx(_r, { className: "w-5 h-5 text-gray-600" })
+              onClick: ge,
+              className: "rounded-lg w-10 font-medium flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",
+              children: O === 1 ? "1.0x" : O === 1.5 ? "1.5x" : "2.0x"
             }
           ),
-          /* @__PURE__ */ f.jsx(
+          /* @__PURE__ */ f.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ f.jsx(
             "button",
             {
-              onClick: () => ee(W * 1.25),
-              className: "rounded-full flex items-center justify-center py-2 px-1",
-              children: /* @__PURE__ */ f.jsx(Ar, { className: "w-5 h-5 text-gray-600" })
+              onClick: () => he(!q),
+              className: "rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",
+              children: q ? /* @__PURE__ */ f.jsx(Fr, { className: "w-5 h-5 text-gray-600" }) : /* @__PURE__ */ f.jsx(Sr, { className: "w-5 h-5 text-gray-600" })
             }
+          ) }),
+          /* @__PURE__ */ f.jsx(
+            "a",
+            {
+              href: u,
+              target: "_blank",
+              className: "rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",
+              children: /* @__PURE__ */ f.jsx(hr, { className: "w-5 h-5 text-gray-600" })
+            }
           )
-        ] }),
-        /* @__PURE__ */ f.jsx(
-          "a",
-          {
-            href: u,
-            target: "_blank",
-            className: "rounded-full flex items-center justify-center p-2",
-            children: /* @__PURE__ */ f.jsx(mr, { className: "w-5 h-5 text-gray-600" })
-          }
-        )
+        ] })
       ] })
@@ -974,0 +976,0 @@ ] }) })

dist/index.iife.js

@@ -1,3 +0,3 @@
-var mylib=function(fe,x){"use strict";var _e=document.createElement("style");_e.textContent=`*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.relative{position:relative}.z-10{z-index:10}.-my-\\[0\\.3125rem\\]{margin-top:-.3125rem;margin-bottom:-.3125rem}.ml-0{margin-left:0}.ml-0\\.5{margin-left:.125rem}.ml-4{margin-left:1rem}.flex{display:flex}.h-2{height:.5rem}.h-24{height:6rem}.h-5{height:1.25rem}.h-\\[1\\.125rem\\]{height:1.125rem}.w-1{width:.25rem}.w-5{width:1.25rem}.w-\\[41rem\\]{width:41rem}.w-full{width:100%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-\\[1px\\]{border-top-right-radius:1px;border-bottom-right-radius:1px}.border-l{border-left-width:1px}.border-slate-200\\/60{border-color:#e2e8f099}.bg-\\[\\#0F172A\\]{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-12{padding-left:3rem;padding-right:3rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-6{padding-left:1.5rem}.pr-4{padding-right:1rem}.text-\\[0\\.8125rem\\]{font-size:.8125rem}.leading-5{line-height:1.25rem}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\\/5{--tw-shadow-color: rgb(0 0 0 / .05);--tw-shadow: var(--tw-shadow-colored)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-slate-700\\/10{--tw-ring-color: rgb(51 65 85 / .1)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
-`,document.head.appendChild(_e);function Ue(i){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const p in i)if(p!=="default"){const d=Object.getOwnPropertyDescriptor(i,p);Object.defineProperty(s,p,d.get?d:{enumerable:!0,get:()=>i[p]})}}return s.default=i,Object.freeze(s)}const c=Ue(x);var de={exports:{}},H={};/**
+var mylib=function(ue,x){"use strict";var ke=document.createElement("style");ke.textContent=`*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.relative{position:relative}.z-10{z-index:10}.-my-\\[0\\.3125rem\\]{margin-top:-.3125rem;margin-bottom:-.3125rem}.ml-0{margin-left:0}.ml-0\\.5{margin-left:.125rem}.flex{display:flex}.h-2{height:.5rem}.h-24{height:6rem}.h-5{height:1.25rem}.h-\\[1\\.125rem\\]{height:1.125rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-\\[41rem\\]{width:41rem}.w-full{width:100%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-\\[1px\\]{border-top-right-radius:1px;border-bottom-right-radius:1px}.border-l{border-left-width:1px}.border-slate-200\\/60{border-color:#e2e8f099}.bg-\\[\\#0F172A\\]{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-4{padding:1rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-6{padding-left:1.5rem}.pr-4{padding-right:1rem}.text-\\[0\\.8125rem\\]{font-size:.8125rem}.font-medium{font-weight:500}.leading-5{line-height:1.25rem}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\\/5{--tw-shadow-color: rgb(0 0 0 / .05);--tw-shadow: var(--tw-shadow-colored)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-slate-700\\/10{--tw-ring-color: rgb(51 65 85 / .1)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tailwind-player{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hover\\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}
+`,document.head.appendChild(ke);function Ue(i){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const w in i)if(w!=="default"){const d=Object.getOwnPropertyDescriptor(i,w);Object.defineProperty(s,w,d.get?d:{enumerable:!0,get:()=>i[w]})}}return s.default=i,Object.freeze(s)}const c=Ue(x);var fe={exports:{}},Z={};/**
  * @license React
@@ -10,3 +10,3 @@ * react-jsx-runtime.production.min.js
  * LICENSE file in the root directory of this source tree.
- */var ke;function We(){if(ke)return H;ke=1;var i=x,s=Symbol.for("react.element"),p=Symbol.for("react.fragment"),d=Object.prototype.hasOwnProperty,z=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,I={key:!0,ref:!0,__self:!0,__source:!0};function N(T,v,F){var m,k={},C=null,M=null;F!==void 0&&(C=""+F),v.key!==void 0&&(C=""+v.key),v.ref!==void 0&&(M=v.ref);for(m in v)d.call(v,m)&&!I.hasOwnProperty(m)&&(k[m]=v[m]);if(T&&T.defaultProps)for(m in v=T.defaultProps,v)k[m]===void 0&&(k[m]=v[m]);return{$$typeof:s,type:T,key:C,ref:M,props:k,_owner:z.current}}return H.Fragment=p,H.jsx=N,H.jsxs=N,H}var Z={};/**
+ */var je;function Ye(){if(je)return Z;je=1;var i=x,s=Symbol.for("react.element"),w=Symbol.for("react.fragment"),d=Object.prototype.hasOwnProperty,I=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,z={key:!0,ref:!0,__self:!0,__source:!0};function M(T,v,A){var m,k={},C=null,L=null;A!==void 0&&(C=""+A),v.key!==void 0&&(C=""+v.key),v.ref!==void 0&&(L=v.ref);for(m in v)d.call(v,m)&&!z.hasOwnProperty(m)&&(k[m]=v[m]);if(T&&T.defaultProps)for(m in v=T.defaultProps,v)k[m]===void 0&&(k[m]=v[m]);return{$$typeof:s,type:T,key:C,ref:L,props:k,_owner:I.current}}return Z.Fragment=w,Z.jsx=M,Z.jsxs=M,Z}var H={};/**
  * @license React
@@ -19,13 +19,13 @@ * react-jsx-runtime.development.js
  * LICENSE file in the root directory of this source tree.
- */var je;function Ye(){return je||(je=1,process.env.NODE_ENV!=="production"&&function(){var i=x,s=Symbol.for("react.element"),p=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),z=Symbol.for("react.strict_mode"),I=Symbol.for("react.profiler"),N=Symbol.for("react.provider"),T=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),m=Symbol.for("react.suspense_list"),k=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),M=Symbol.for("react.offscreen"),Q=Symbol.iterator,pe="@@iterator";function we(e){if(e===null||typeof e!="object")return null;var r=Q&&e[Q]||e[pe];return typeof r=="function"?r:null}var A=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function b(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];ge("error",e,t)}}function ge(e,r,t){{var n=A.ReactDebugCurrentFrame,l=n.getStackAddendum();l!==""&&(r+="%s",t=t.concat([l]));var u=t.map(function(o){return String(o)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var he=!1,q=!1,ve=!1,L=!1,ee=!1,$;$=Symbol.for("react.module.reference");function re(e){return!!(typeof e=="string"||typeof e=="function"||e===d||e===I||ee||e===z||e===F||e===m||L||e===M||he||q||ve||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===k||e.$$typeof===N||e.$$typeof===T||e.$$typeof===v||e.$$typeof===$||e.getModuleId!==void 0))}function J(e,r,t){var n=e.displayName;if(n)return n;var l=r.displayName||r.name||"";return l!==""?t+"("+l+")":t}function te(e){return e.displayName||"Context"}function E(e){if(e==null)return null;if(typeof e.tag=="number"&&b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case d:return"Fragment";case p:return"Portal";case I:return"Profiler";case z:return"StrictMode";case F:return"Suspense";case m:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case T:var r=e;return te(r)+".Consumer";case N:var t=e;return te(t._context)+".Provider";case v:return J(e,e.render,"ForwardRef");case k:var n=e.displayName||null;return n!==null?n:E(e.type)||"Memo";case C:{var l=e,u=l._payload,o=l._init;try{return E(o(u))}catch{return null}}}return null}var O=Object.assign,D=0,j,G,ne,ae,oe,K,ie;function w(){}w.__reactDisabledLog=!0;function U(){{if(D===0){j=console.log,G=console.info,ne=console.warn,ae=console.error,oe=console.group,K=console.groupCollapsed,ie=console.groupEnd;var e={configurable:!0,enumerable:!0,value:w,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}D++}}function W(){{if(D--,D===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:O({},e,{value:j}),info:O({},e,{value:G}),warn:O({},e,{value:ne}),error:O({},e,{value:ae}),group:O({},e,{value:oe}),groupCollapsed:O({},e,{value:K}),groupEnd:O({},e,{value:ie})})}D<0&&b("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Y=A.ReactCurrentDispatcher,R;function P(e,r,t){{if(R===void 0)try{throw Error()}catch(l){var n=l.stack.trim().match(/\n( *(at )?)/);R=n&&n[1]||""}return`
-`+R+e}}var be=!1,se;{var or=typeof WeakMap=="function"?WeakMap:Map;se=new or}function Te(e,r){if(!e||be)return"";{var t=se.get(e);if(t!==void 0)return t}var n;be=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=Y.current,Y.current=null,U();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(S){n=S}Reflect.construct(e,[],o)}else{try{o.call()}catch(S){n=S}e.call(o.prototype)}}else{try{throw Error()}catch(S){n=S}e()}}catch(S){if(S&&n&&typeof S.stack=="string"){for(var a=S.stack.split(`
-`),y=n.stack.split(`
-`),g=a.length-1,h=y.length-1;g>=1&&h>=0&&a[g]!==y[h];)h--;for(;g>=1&&h>=0;g--,h--)if(a[g]!==y[h]){if(g!==1||h!==1)do if(g--,h--,h<0||a[g]!==y[h]){var _=`
-`+a[g].replace(" at new "," at ");return e.displayName&&_.includes("<anonymous>")&&(_=_.replace("<anonymous>",e.displayName)),typeof e=="function"&&se.set(e,_),_}while(g>=1&&h>=0);break}}}finally{be=!1,Y.current=u,W(),Error.prepareStackTrace=l}var B=e?e.displayName||e.name:"",Le=B?P(B):"";return typeof e=="function"&&se.set(e,Le),Le}function ir(e,r,t){return Te(e,!1)}function sr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function le(e,r,t){if(e==null)return"";if(typeof e=="function")return Te(e,sr(e));if(typeof e=="string")return P(e);switch(e){case F:return P("Suspense");case m:return P("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case v:return ir(e.render);case k:return le(e.type,r,t);case C:{var n=e,l=n._payload,u=n._init;try{return le(u(l),r,t)}catch{}}}return""}var ce=Object.prototype.hasOwnProperty,Ce={},Oe=A.ReactDebugCurrentFrame;function ue(e){if(e){var r=e._owner,t=le(e.type,e._source,r?r.type:null);Oe.setExtraStackFrame(t)}else Oe.setExtraStackFrame(null)}function lr(e,r,t,n,l){{var u=Function.call.bind(ce);for(var o in e)if(u(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var y=Error((n||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw y.name="Invariant Violation",y}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(g){a=g}a&&!(a instanceof Error)&&(ue(l),b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,o,typeof a),ue(null)),a instanceof Error&&!(a.message in Ce)&&(Ce[a.message]=!0,ue(l),b("Failed %s type: %s",t,a.message),ue(null))}}}var cr=Array.isArray;function me(e){return cr(e)}function ur(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function fr(e){try{return Pe(e),!1}catch{return!0}}function Pe(e){return""+e}function Se(e){if(fr(e))return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ur(e)),Pe(e)}var X=A.ReactCurrentOwner,dr={key:!0,ref:!0,__self:!0,__source:!0},Fe,Ae,ye;ye={};function pr(e){if(ce.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function wr(e){if(ce.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function gr(e,r){if(typeof e.ref=="string"&&X.current&&r&&X.current.stateNode!==r){var t=E(X.current.type);ye[t]||(b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',E(X.current.type),e.ref),ye[t]=!0)}}function hr(e,r){{var t=function(){Fe||(Fe=!0,b("%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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function vr(e,r){{var t=function(){Ae||(Ae=!0,b("%s: `ref` 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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var br=function(e,r,t,n,l,u,o){var a={$$typeof:s,type:e,key:r,ref:t,props:o,_owner:u};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function mr(e,r,t,n,l){{var u,o={},a=null,y=null;t!==void 0&&(Se(t),a=""+t),wr(r)&&(Se(r.key),a=""+r.key),pr(r)&&(y=r.ref,gr(r,l));for(u in r)ce.call(r,u)&&!dr.hasOwnProperty(u)&&(o[u]=r[u]);if(e&&e.defaultProps){var g=e.defaultProps;for(u in g)o[u]===void 0&&(o[u]=g[u])}if(a||y){var h=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&hr(o,h),y&&vr(o,h)}return br(e,a,y,l,n,X.current,o)}}var xe=A.ReactCurrentOwner,De=A.ReactDebugCurrentFrame;function V(e){if(e){var r=e._owner,t=le(e.type,e._source,r?r.type:null);De.setExtraStackFrame(t)}else De.setExtraStackFrame(null)}var Ee;Ee=!1;function Re(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function Ne(){{if(xe.current){var e=E(xe.current.type);if(e)return`
+ */var Te;function Ve(){return Te||(Te=1,process.env.NODE_ENV!=="production"&&function(){var i=x,s=Symbol.for("react.element"),w=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),M=Symbol.for("react.provider"),T=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),m=Symbol.for("react.suspense_list"),k=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),L=Symbol.for("react.offscreen"),te=Symbol.iterator,de="@@iterator";function pe(e){if(e===null||typeof e!="object")return null;var r=te&&e[te]||e[de];return typeof r=="function"?r:null}var D=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function b(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),a=1;a<r;a++)t[a-1]=arguments[a];we("error",e,t)}}function we(e,r,t){{var a=D.ReactDebugCurrentFrame,l=a.getStackAddendum();l!==""&&(r+="%s",t=t.concat([l]));var u=t.map(function(o){return String(o)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var ge=!1,q=!1,he=!1,J=!1,ve=!1,S;S=Symbol.for("react.module.reference");function G(e){return!!(typeof e=="string"||typeof e=="function"||e===d||e===z||ve||e===I||e===A||e===m||J||e===L||ge||q||he||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===k||e.$$typeof===M||e.$$typeof===T||e.$$typeof===v||e.$$typeof===S||e.getModuleId!==void 0))}function W(e,r,t){var a=e.displayName;if(a)return a;var l=r.displayName||r.name||"";return l!==""?t+"("+l+")":t}function X(e){return e.displayName||"Context"}function E(e){if(e==null)return null;if(typeof e.tag=="number"&&b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case d:return"Fragment";case w:return"Portal";case z:return"Profiler";case I:return"StrictMode";case A:return"Suspense";case m:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case T:var r=e;return X(r)+".Consumer";case M:var t=e;return X(t._context)+".Provider";case v:return W(e,e.render,"ForwardRef");case k:var a=e.displayName||null;return a!==null?a:E(e.type)||"Memo";case C:{var l=e,u=l._payload,o=l._init;try{return E(o(u))}catch{return null}}}return null}var O=Object.assign,N=0,ae,K,j,Q,ne,oe,ie;function ee(){}ee.__reactDisabledLog=!0;function be(){{if(N===0){ae=console.log,K=console.info,j=console.warn,Q=console.error,ne=console.group,oe=console.groupCollapsed,ie=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ee,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}N++}}function me(){{if(N--,N===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:O({},e,{value:ae}),info:O({},e,{value:K}),warn:O({},e,{value:j}),error:O({},e,{value:Q}),group:O({},e,{value:ne}),groupCollapsed:O({},e,{value:oe}),groupEnd:O({},e,{value:ie})})}N<0&&b("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var p=D.ReactCurrentDispatcher,$;function P(e,r,t){{if($===void 0)try{throw Error()}catch(l){var a=l.stack.trim().match(/\n( *(at )?)/);$=a&&a[1]||""}return`
+`+$+e}}var U=!1,R;{var Y=typeof WeakMap=="function"?WeakMap:Map;R=new Y}function Ce(e,r){if(!e||U)return"";{var t=R.get(e);if(t!==void 0)return t}var a;U=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=p.current,p.current=null,be();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(F){a=F}Reflect.construct(e,[],o)}else{try{o.call()}catch(F){a=F}e.call(o.prototype)}}else{try{throw Error()}catch(F){a=F}e()}}catch(F){if(F&&a&&typeof F.stack=="string"){for(var n=F.stack.split(`
+`),y=a.stack.split(`
+`),g=n.length-1,h=y.length-1;g>=1&&h>=0&&n[g]!==y[h];)h--;for(;g>=1&&h>=0;g--,h--)if(n[g]!==y[h]){if(g!==1||h!==1)do if(g--,h--,h<0||n[g]!==y[h]){var _=`
+`+n[g].replace(" at new "," at ");return e.displayName&&_.includes("<anonymous>")&&(_=_.replace("<anonymous>",e.displayName)),typeof e=="function"&&R.set(e,_),_}while(g>=1&&h>=0);break}}}finally{U=!1,p.current=u,me(),Error.prepareStackTrace=l}var B=e?e.displayName||e.name:"",We=B?P(B):"";return typeof e=="function"&&R.set(e,We),We}function ir(e,r,t){return Ce(e,!1)}function sr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function se(e,r,t){if(e==null)return"";if(typeof e=="function")return Ce(e,sr(e));if(typeof e=="string")return P(e);switch(e){case A:return P("Suspense");case m:return P("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case v:return ir(e.render);case k:return se(e.type,r,t);case C:{var a=e,l=a._payload,u=a._init;try{return se(u(l),r,t)}catch{}}}return""}var le=Object.prototype.hasOwnProperty,Se={},Oe=D.ReactDebugCurrentFrame;function ce(e){if(e){var r=e._owner,t=se(e.type,e._source,r?r.type:null);Oe.setExtraStackFrame(t)}else Oe.setExtraStackFrame(null)}function lr(e,r,t,a,l){{var u=Function.call.bind(le);for(var o in e)if(u(e,o)){var n=void 0;try{if(typeof e[o]!="function"){var y=Error((a||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw y.name="Invariant Violation",y}n=e[o](r,o,a,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(g){n=g}n&&!(n instanceof Error)&&(ce(l),b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",t,o,typeof n),ce(null)),n instanceof Error&&!(n.message in Se)&&(Se[n.message]=!0,ce(l),b("Failed %s type: %s",t,n.message),ce(null))}}}var cr=Array.isArray;function ye(e){return cr(e)}function ur(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function fr(e){try{return Pe(e),!1}catch{return!0}}function Pe(e){return""+e}function Fe(e){if(fr(e))return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ur(e)),Pe(e)}var re=D.ReactCurrentOwner,dr={key:!0,ref:!0,__self:!0,__source:!0},Ae,De,xe;xe={};function pr(e){if(le.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function wr(e){if(le.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function gr(e,r){if(typeof e.ref=="string"&&re.current&&r&&re.current.stateNode!==r){var t=E(re.current.type);xe[t]||(b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',E(re.current.type),e.ref),xe[t]=!0)}}function hr(e,r){{var t=function(){Ae||(Ae=!0,b("%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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function vr(e,r){{var t=function(){De||(De=!0,b("%s: `ref` 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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var br=function(e,r,t,a,l,u,o){var n={$$typeof:s,type:e,key:r,ref:t,props:o,_owner:u};return n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(n,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(n,"_source",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n};function mr(e,r,t,a,l){{var u,o={},n=null,y=null;t!==void 0&&(Fe(t),n=""+t),wr(r)&&(Fe(r.key),n=""+r.key),pr(r)&&(y=r.ref,gr(r,l));for(u in r)le.call(r,u)&&!dr.hasOwnProperty(u)&&(o[u]=r[u]);if(e&&e.defaultProps){var g=e.defaultProps;for(u in g)o[u]===void 0&&(o[u]=g[u])}if(n||y){var h=typeof e=="function"?e.displayName||e.name||"Unknown":e;n&&hr(o,h),y&&vr(o,h)}return br(e,n,y,l,a,re.current,o)}}var Ee=D.ReactCurrentOwner,Ne=D.ReactDebugCurrentFrame;function V(e){if(e){var r=e._owner,t=se(e.type,e._source,r?r.type:null);Ne.setExtraStackFrame(t)}else Ne.setExtraStackFrame(null)}var Re;Re=!1;function _e(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function $e(){{if(Ee.current){var e=E(Ee.current.type);if(e)return`
 
 Check the render method of \``+e+"`."}return""}}function yr(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
 
-Check your code at `+r+":"+t+"."}return""}}var $e={};function xr(e){{var r=Ne();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+Check your code at `+r+":"+t+"."}return""}}var Me={};function xr(e){{var r=$e();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
 
-Check the top-level render call using <`+t+">.")}return r}}function ze(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=xr(r);if($e[t])return;$e[t]=!0;var n="";e&&e._owner&&e._owner!==xe.current&&(n=" It was passed a child from "+E(e._owner.type)+"."),V(e),b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),V(null)}}function Ie(e,r){{if(typeof e!="object")return;if(me(e))for(var t=0;t<e.length;t++){var n=e[t];Re(n)&&ze(n,r)}else if(Re(e))e._store&&(e._store.validated=!0);else if(e){var l=we(e);if(typeof l=="function"&&l!==e.entries)for(var u=l.call(e),o;!(o=u.next()).done;)Re(o.value)&&ze(o.value,r)}}}function Er(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===v||r.$$typeof===k))t=r.propTypes;else return;if(t){var n=E(r);lr(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!Ee){Ee=!0;var l=E(r);b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",l||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Rr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){V(e),b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),V(null);break}}e.ref!==null&&(V(e),b("Invalid attribute `ref` supplied to `React.Fragment`."),V(null))}}function Me(e,r,t,n,l,u){{var o=re(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var y=yr(l);y?a+=y:a+=Ne();var g;e===null?g="null":me(e)?g="array":e!==void 0&&e.$$typeof===s?(g="<"+(E(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):g=typeof e,b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",g,a)}var h=mr(e,r,t,l,u);if(h==null)return h;if(o){var _=r.children;if(_!==void 0)if(n)if(me(_)){for(var B=0;B<_.length;B++)Ie(_[B],e);Object.freeze&&Object.freeze(_)}else b("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 Ie(_,e)}return e===d?Rr(h):Er(h),h}}function _r(e,r,t){return Me(e,r,t,!0)}function kr(e,r,t){return Me(e,r,t,!1)}var jr=kr,Tr=_r;Z.Fragment=d,Z.jsx=jr,Z.jsxs=Tr}()),Z}process.env.NODE_ENV==="production"?de.exports=We():de.exports=Ye();var f=de.exports;function Ve({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M10.75 2.75a.75.75 0 0 0-1.5 0v8.614L6.295 8.235a.75.75 0 1 0-1.09 1.03l4.25 4.5a.75.75 0 0 0 1.09 0l4.25-4.5a.75.75 0 0 0-1.09-1.03l-2.955 3.129V2.75Z"}),c.createElement("path",{d:"M3.5 12.75a.75.75 0 0 0-1.5 0v2.5A2.75 2.75 0 0 0 4.75 18h10.5A2.75 2.75 0 0 0 18 15.25v-2.5a.75.75 0 0 0-1.5 0v2.5c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25v-2.5Z"}))}const Be=c.forwardRef(Ve);function He({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{fillRule:"evenodd",d:"M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z",clipRule:"evenodd"}))}const Ze=c.forwardRef(He);function qe({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{fillRule:"evenodd",d:"M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z",clipRule:"evenodd"}))}const Je=c.forwardRef(qe);function Ge({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{fillRule:"evenodd",d:"M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10Z",clipRule:"evenodd"}))}const Ke=c.forwardRef(Ge);function Xe({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"}))}const Qe=c.forwardRef(Xe);function er({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z"}))}const rr=c.forwardRef(er);function tr({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z"}))}const nr=c.forwardRef(tr),ar=({src:i,autoPlay:s,className:p,controls:d,controlsList:z,id:I,loop:N,muted:T,onAbort:v,onCanPlay:F,onCanPlayThrough:m,onEnded:k,onError:C,onLoadedMetadata:M,onPause:Q,onPlay:pe,onSeeked:we,onVolumeChange:A,preload:b,style:ge,title:he})=>{const[q,ve]=x.useState(!1),[L,ee]=x.useState(1),[$,re]=x.useState(0),[J,te]=x.useState(0),[E]=x.useState(!1),[O,D]=x.useState(0),j=x.useRef(null),G=x.useRef(null);x.useEffect(()=>{const w=j.current;w&&(w.playbackRate=L)},[L]),x.useEffect(()=>{const w=j.current;!w||!E||(w.currentTime=$)},[$,E]);const ne=()=>{var w;re(((w=j.current)==null?void 0:w.currentTime)||0),D($/J)},ae=()=>{var w;te(((w=j.current)==null?void 0:w.duration)||0)},oe=()=>{const w=j.current;w&&(q?w.pause():w.play()),ve(!q)},K=w=>{const U=Math.floor(w/3600),W=Math.floor(w%3600/60),Y=Math.floor(w%60);return[U,W,Y].map(R=>R<10?"0"+R:R).filter((R,P)=>R!=="00"||P>0).join(":")},ie=w=>{const U=G.current;if(!U)return;const W=U.getBoundingClientRect(),R=(w.clientX-W.left)/W.width;D(R);const P=R*J;re(P),j.current&&(j.current.currentTime=P)};return f.jsxs("dialog",{className:"w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none",children:[f.jsx("audio",{src:i,autoPlay:s,className:p,controls:d,controlsList:z,id:I,loop:N,muted:T,onTimeUpdate:ne,onDurationChange:ae,onAbort:v,onCanPlay:F,onCanPlayThrough:m,onEnded:k,onError:C,onLoadedMetadata:M,onPause:Q,onPlay:pe,onSeeked:we,onVolumeChange:A,preload:b,style:ge,title:he,ref:j,children:"Your browser does not support the audio element."}),f.jsx("div",{className:"relative z-10 p-4 pointer-events-auto",children:f.jsxs("div",{className:"flex w-[41rem] rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[f.jsxs("div",{className:"flex items-center space-x-4 px-6 py-4",children:[f.jsx("button",{className:"rounded-full flex items-center justify-center p-2",children:f.jsx(Ze,{className:"w-5 h-5 text-gray-600"})}),f.jsx("button",{onClick:oe,className:"bg-[#0F172A] rounded-full flex items-center justify-center p-2",children:q?f.jsx(Qe,{className:"w-5 h-5 text-white"}):f.jsx(rr,{className:"w-5 h-5 text-white"})}),f.jsx("button",{className:"rounded-full flex items-center justify-center p-2",children:f.jsx(Je,{className:"w-5 h-5 text-gray-600"})})]}),f.jsxs("div",{className:"flex flex-auto items-center border-l border-slate-200/60 pl-6 pr-4 text-[0.8125rem] leading-5 text-slate-700",children:[f.jsx("div",{children:K($)}),f.jsxs("div",{ref:G,className:"relative ml-4 flex flex-auto rounded-full bg-slate-100 cursor-pointer",onMouseDown:ie,children:[f.jsx("div",{style:{width:`${O*100}%`},className:"h-2 flex-none rounded-l-full rounded-r-[1px] bg-indigo-600 transition-all duration-500 ease-in-out"}),f.jsx("div",{className:"-my-[0.3125rem] ml-0.5 h-[1.125rem] w-1 rounded-full bg-indigo-600"})]}),f.jsx("div",{className:"ml-4",children:K(J)}),f.jsxs("div",{className:"ml-4 flex items-center",children:[f.jsx("button",{onClick:()=>ee(L/1.25),className:"rounded-full flex items-center justify-center py-2 px-1",children:f.jsx(Ke,{className:"w-5 h-5 text-gray-600"})}),f.jsx("button",{onClick:()=>ee(L*1.25),className:"rounded-full flex items-center justify-center py-2 px-1",children:f.jsx(nr,{className:"w-5 h-5 text-gray-600"})})]}),f.jsx("a",{href:i,target:"_blank",className:"rounded-full flex items-center justify-center p-2",children:f.jsx(Be,{className:"w-5 h-5 text-gray-600"})})]})]})})]})};return fe.Player=ar,Object.defineProperty(fe,Symbol.toStringTag,{value:"Module"}),fe}({},React);
+Check the top-level render call using <`+t+">.")}return r}}function Ie(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=xr(r);if(Me[t])return;Me[t]=!0;var a="";e&&e._owner&&e._owner!==Ee.current&&(a=" It was passed a child from "+E(e._owner.type)+"."),V(e),b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),V(null)}}function ze(e,r){{if(typeof e!="object")return;if(ye(e))for(var t=0;t<e.length;t++){var a=e[t];_e(a)&&Ie(a,r)}else if(_e(e))e._store&&(e._store.validated=!0);else if(e){var l=pe(e);if(typeof l=="function"&&l!==e.entries)for(var u=l.call(e),o;!(o=u.next()).done;)_e(o.value)&&Ie(o.value,r)}}}function Er(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===v||r.$$typeof===k))t=r.propTypes;else return;if(t){var a=E(r);lr(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!Re){Re=!0;var l=E(r);b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",l||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Rr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){V(e),b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),V(null);break}}e.ref!==null&&(V(e),b("Invalid attribute `ref` supplied to `React.Fragment`."),V(null))}}function Le(e,r,t,a,l,u){{var o=G(e);if(!o){var n="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(n+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var y=yr(l);y?n+=y:n+=$e();var g;e===null?g="null":ye(e)?g="array":e!==void 0&&e.$$typeof===s?(g="<"+(E(e.type)||"Unknown")+" />",n=" Did you accidentally export a JSX literal instead of a component?"):g=typeof e,b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",g,n)}var h=mr(e,r,t,l,u);if(h==null)return h;if(o){var _=r.children;if(_!==void 0)if(a)if(ye(_)){for(var B=0;B<_.length;B++)ze(_[B],e);Object.freeze&&Object.freeze(_)}else b("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 ze(_,e)}return e===d?Rr(h):Er(h),h}}function _r(e,r,t){return Le(e,r,t,!0)}function kr(e,r,t){return Le(e,r,t,!1)}var jr=kr,Tr=_r;H.Fragment=d,H.jsx=jr,H.jsxs=Tr}()),H}process.env.NODE_ENV==="production"?fe.exports=Ye():fe.exports=Ve();var f=fe.exports;function Be({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M10.75 2.75a.75.75 0 0 0-1.5 0v8.614L6.295 8.235a.75.75 0 1 0-1.09 1.03l4.25 4.5a.75.75 0 0 0 1.09 0l4.25-4.5a.75.75 0 0 0-1.09-1.03l-2.955 3.129V2.75Z"}),c.createElement("path",{d:"M3.5 12.75a.75.75 0 0 0-1.5 0v2.5A2.75 2.75 0 0 0 4.75 18h10.5A2.75 2.75 0 0 0 18 15.25v-2.5a.75.75 0 0 0-1.5 0v2.5c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25v-2.5Z"}))}const Ze=c.forwardRef(Be);function He({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{fillRule:"evenodd",d:"M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z",clipRule:"evenodd"}))}const qe=c.forwardRef(He);function Je({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{fillRule:"evenodd",d:"M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z",clipRule:"evenodd"}))}const Ge=c.forwardRef(Je);function Xe({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"}))}const Ke=c.forwardRef(Xe);function Qe({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z"}))}const er=c.forwardRef(Qe);function rr({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M10.5 3.75a.75.75 0 0 0-1.264-.546L5.203 7H2.667a.75.75 0 0 0-.7.48A6.985 6.985 0 0 0 1.5 10c0 .887.165 1.737.468 2.52.111.29.39.48.7.48h2.535l4.033 3.796a.75.75 0 0 0 1.264-.546V3.75ZM16.45 5.05a.75.75 0 0 0-1.06 1.061 5.5 5.5 0 0 1 0 7.778.75.75 0 0 0 1.06 1.06 7 7 0 0 0 0-9.899Z"}),c.createElement("path",{d:"M14.329 7.172a.75.75 0 0 0-1.061 1.06 2.5 2.5 0 0 1 0 3.536.75.75 0 0 0 1.06 1.06 4 4 0 0 0 0-5.656Z"}))}const tr=c.forwardRef(rr);function ar({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M10.047 3.062a.75.75 0 0 1 .453.688v12.5a.75.75 0 0 1-1.264.546L5.203 13H2.667a.75.75 0 0 1-.7-.48A6.985 6.985 0 0 1 1.5 10c0-.887.165-1.737.468-2.52a.75.75 0 0 1 .7-.48h2.535l4.033-3.796a.75.75 0 0 1 .811-.142ZM13.78 7.22a.75.75 0 1 0-1.06 1.06L14.44 10l-1.72 1.72a.75.75 0 0 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L16.56 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L15.5 8.94l-1.72-1.72Z"}))}const nr=c.forwardRef(ar),or=({src:i,autoPlay:s,className:w,controls:d,controlsList:I,id:z,loop:M,muted:T,onAbort:v,onCanPlay:A,onCanPlayThrough:m,onEnded:k,onError:C,onLoadedMetadata:L,onPause:te,onPlay:de,onSeeked:pe,onVolumeChange:D,preload:b,style:we,title:ge})=>{const[q,he]=x.useState(!1),[J,ve]=x.useState(T||!1),[S,G]=x.useState(1),[W,X]=x.useState(0),[E,O]=x.useState(0),[N]=x.useState(!1),[ae,K]=x.useState(0),j=x.useRef(null),Q=x.useRef(null);x.useEffect(()=>{const p=j.current;p&&(p.playbackRate=S)},[S]),x.useEffect(()=>{const p=j.current;!p||!N||(p.currentTime=W)},[W,N]);const ne=()=>{var p;X(((p=j.current)==null?void 0:p.currentTime)||0),K(W/E)},oe=()=>{var p;O(((p=j.current)==null?void 0:p.duration)||0)},ie=()=>{const p=j.current;p&&(q?p.pause():p.play()),he(!q)},ee=p=>{const $=Math.floor(p/3600),P=Math.floor(p%3600/60),U=Math.floor(p%60);return[$,P,U].map(R=>R<10?"0"+R:R).filter((R,Y)=>R!=="00"||Y>0).join(":")},be=p=>{const $=Q.current;if(!$)return;const P=$.getBoundingClientRect(),R=(p.clientX-P.left)/P.width;K(R);const Y=R*E;X(Y),j.current&&(j.current.currentTime=Y)},me=()=>{G(S===1?1.5:S===1.5?2:1)};return f.jsxs("dialog",{className:"w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none tailwind-player",children:[f.jsx("audio",{src:i,autoPlay:s,className:w,controls:d,controlsList:I,id:z,loop:M,muted:J,onTimeUpdate:ne,onDurationChange:oe,onAbort:v,onCanPlay:A,onCanPlayThrough:m,onEnded:k,onError:C,onLoadedMetadata:L,onPause:te,onPlay:de,onSeeked:pe,onVolumeChange:D,preload:b,style:we,title:ge,ref:j,children:"Your browser does not support the audio element."}),f.jsx("div",{className:"relative z-10 p-4 pointer-events-auto",children:f.jsxs("div",{className:"flex w-[41rem] rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[f.jsxs("div",{className:"flex items-center space-x-4 px-6 py-4",children:[f.jsx("button",{className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:f.jsx(qe,{className:"w-5 h-5 text-gray-600"})}),f.jsx("button",{onClick:ie,className:"bg-[#0F172A] rounded-full flex items-center justify-center p-2",children:q?f.jsx(Ke,{className:"w-5 h-5 text-white"}):f.jsx(er,{className:"w-5 h-5 text-white"})}),f.jsx("button",{className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:f.jsx(Ge,{className:"w-5 h-5 text-gray-600"})})]}),f.jsxs("div",{className:"flex space-x-4 flex-auto items-center border-l border-slate-200/60 pl-6 pr-4 text-[0.8125rem] leading-5 text-slate-700",children:[f.jsx("div",{className:"w-9",children:ee(W)}),f.jsxs("div",{ref:Q,className:"relative flex flex-auto rounded-full bg-slate-100 cursor-pointer",onMouseDown:be,children:[f.jsx("div",{style:{width:`${ae*100}%`},className:"h-2 flex-none rounded-l-full rounded-r-[1px] bg-indigo-600 transition-all duration-500 ease-in-out"}),f.jsx("div",{className:"-my-[0.3125rem] ml-0.5 h-[1.125rem] w-1 rounded-full bg-indigo-600"})]}),f.jsx("div",{className:"w-9",children:ee(E)}),f.jsxs("div",{className:"flex items-center",children:[f.jsx("button",{onClick:me,className:"rounded-lg w-10 font-medium flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:S===1?"1.0x":S===1.5?"1.5x":"2.0x"}),f.jsx("div",{className:"flex items-center",children:f.jsx("button",{onClick:()=>ve(!J),className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:J?f.jsx(nr,{className:"w-5 h-5 text-gray-600"}):f.jsx(tr,{className:"w-5 h-5 text-gray-600"})})}),f.jsx("a",{href:i,target:"_blank",className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:f.jsx(Ze,{className:"w-5 h-5 text-gray-600"})})]})]})]})})]})};return ue.Player=or,Object.defineProperty(ue,Symbol.toStringTag,{value:"Module"}),ue}({},React);
 //# sourceMappingURL=index.iife.js.map

dist/index.umd.js

@@ -1,3 +0,3 @@
-(function(N,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],m):(N=typeof globalThis<"u"?globalThis:N||self,m(N.mylib={},N.React))})(this,function(N,m){"use strict";var _e=document.createElement("style");_e.textContent=`*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.relative{position:relative}.z-10{z-index:10}.-my-\\[0\\.3125rem\\]{margin-top:-.3125rem;margin-bottom:-.3125rem}.ml-0{margin-left:0}.ml-0\\.5{margin-left:.125rem}.ml-4{margin-left:1rem}.flex{display:flex}.h-2{height:.5rem}.h-24{height:6rem}.h-5{height:1.25rem}.h-\\[1\\.125rem\\]{height:1.125rem}.w-1{width:.25rem}.w-5{width:1.25rem}.w-\\[41rem\\]{width:41rem}.w-full{width:100%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-\\[1px\\]{border-top-right-radius:1px;border-bottom-right-radius:1px}.border-l{border-left-width:1px}.border-slate-200\\/60{border-color:#e2e8f099}.bg-\\[\\#0F172A\\]{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-4{padding:1rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-12{padding-left:3rem;padding-right:3rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-6{padding-left:1.5rem}.pr-4{padding-right:1rem}.text-\\[0\\.8125rem\\]{font-size:.8125rem}.leading-5{line-height:1.25rem}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\\/5{--tw-shadow-color: rgb(0 0 0 / .05);--tw-shadow: var(--tw-shadow-colored)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-slate-700\\/10{--tw-ring-color: rgb(51 65 85 / .1)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}
-`,document.head.appendChild(_e);function Ue(i){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const p in i)if(p!=="default"){const d=Object.getOwnPropertyDescriptor(i,p);Object.defineProperty(s,p,d.get?d:{enumerable:!0,get:()=>i[p]})}}return s.default=i,Object.freeze(s)}const c=Ue(m);var de={exports:{}},Z={};/**
+(function(M,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],v):(M=typeof globalThis<"u"?globalThis:M||self,v(M.mylib={},M.React))})(this,function(M,v){"use strict";var ke=document.createElement("style");ke.textContent=`*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.relative{position:relative}.z-10{z-index:10}.-my-\\[0\\.3125rem\\]{margin-top:-.3125rem;margin-bottom:-.3125rem}.ml-0{margin-left:0}.ml-0\\.5{margin-left:.125rem}.flex{display:flex}.h-2{height:.5rem}.h-24{height:6rem}.h-5{height:1.25rem}.h-\\[1\\.125rem\\]{height:1.125rem}.w-1{width:.25rem}.w-10{width:2.5rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-\\[41rem\\]{width:41rem}.w-full{width:100%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-l-full{border-top-left-radius:9999px;border-bottom-left-radius:9999px}.rounded-r-\\[1px\\]{border-top-right-radius:1px;border-bottom-right-radius:1px}.border-l{border-left-width:1px}.border-slate-200\\/60{border-color:#e2e8f099}.bg-\\[\\#0F172A\\]{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-2{padding:.5rem}.p-4{padding:1rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-6{padding-left:1.5rem}.pr-4{padding-right:1rem}.text-\\[0\\.8125rem\\]{font-size:.8125rem}.font-medium{font-weight:500}.leading-5{line-height:1.25rem}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-black\\/5{--tw-shadow-color: rgb(0 0 0 / .05);--tw-shadow: var(--tw-shadow-colored)}.ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-slate-700\\/10{--tw-ring-color: rgb(51 65 85 / .1)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.tailwind-player{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hover\\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}
+`,document.head.appendChild(ke);function Ue(i){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const w in i)if(w!=="default"){const d=Object.getOwnPropertyDescriptor(i,w);Object.defineProperty(s,w,d.get?d:{enumerable:!0,get:()=>i[w]})}}return s.default=i,Object.freeze(s)}const c=Ue(v);var fe={exports:{}},H={};/**
  * @license React
@@ -10,3 +10,3 @@ * react-jsx-runtime.production.min.js
  * LICENSE file in the root directory of this source tree.
- */var ke;function We(){if(ke)return Z;ke=1;var i=m,s=Symbol.for("react.element"),p=Symbol.for("react.fragment"),d=Object.prototype.hasOwnProperty,I=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,M={key:!0,ref:!0,__self:!0,__source:!0};function $(T,v,F){var y,k={},C=null,L=null;F!==void 0&&(C=""+F),v.key!==void 0&&(C=""+v.key),v.ref!==void 0&&(L=v.ref);for(y in v)d.call(v,y)&&!M.hasOwnProperty(y)&&(k[y]=v[y]);if(T&&T.defaultProps)for(y in v=T.defaultProps,v)k[y]===void 0&&(k[y]=v[y]);return{$$typeof:s,type:T,key:C,ref:L,props:k,_owner:I.current}}return Z.Fragment=p,Z.jsx=$,Z.jsxs=$,Z}var q={};/**
+ */var je;function Ye(){if(je)return H;je=1;var i=v,s=Symbol.for("react.element"),w=Symbol.for("react.fragment"),d=Object.prototype.hasOwnProperty,z=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,L={key:!0,ref:!0,__self:!0,__source:!0};function I(T,b,A){var y,k={},C=null,W=null;A!==void 0&&(C=""+A),b.key!==void 0&&(C=""+b.key),b.ref!==void 0&&(W=b.ref);for(y in b)d.call(b,y)&&!L.hasOwnProperty(y)&&(k[y]=b[y]);if(T&&T.defaultProps)for(y in b=T.defaultProps,b)k[y]===void 0&&(k[y]=b[y]);return{$$typeof:s,type:T,key:C,ref:W,props:k,_owner:z.current}}return H.Fragment=w,H.jsx=I,H.jsxs=I,H}var q={};/**
  * @license React
@@ -19,13 +19,13 @@ * react-jsx-runtime.development.js
  * LICENSE file in the root directory of this source tree.
- */var je;function Ye(){return je||(je=1,process.env.NODE_ENV!=="production"&&function(){var i=m,s=Symbol.for("react.element"),p=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),M=Symbol.for("react.profiler"),$=Symbol.for("react.provider"),T=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),k=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),L=Symbol.for("react.offscreen"),ee=Symbol.iterator,pe="@@iterator";function we(e){if(e===null||typeof e!="object")return null;var r=ee&&e[ee]||e[pe];return typeof r=="function"?r:null}var A=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function b(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];ge("error",e,t)}}function ge(e,r,t){{var n=A.ReactDebugCurrentFrame,l=n.getStackAddendum();l!==""&&(r+="%s",t=t.concat([l]));var u=t.map(function(o){return String(o)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var he=!1,J=!1,me=!1,U=!1,re=!1,z;z=Symbol.for("react.module.reference");function te(e){return!!(typeof e=="string"||typeof e=="function"||e===d||e===M||re||e===I||e===F||e===y||U||e===L||he||J||me||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===k||e.$$typeof===$||e.$$typeof===T||e.$$typeof===v||e.$$typeof===z||e.getModuleId!==void 0))}function G(e,r,t){var n=e.displayName;if(n)return n;var l=r.displayName||r.name||"";return l!==""?t+"("+l+")":t}function ne(e){return e.displayName||"Context"}function E(e){if(e==null)return null;if(typeof e.tag=="number"&&b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case d:return"Fragment";case p:return"Portal";case M:return"Profiler";case I:return"StrictMode";case F:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case T:var r=e;return ne(r)+".Consumer";case $:var t=e;return ne(t._context)+".Provider";case v:return G(e,e.render,"ForwardRef");case k:var n=e.displayName||null;return n!==null?n:E(e.type)||"Memo";case C:{var l=e,u=l._payload,o=l._init;try{return E(o(u))}catch{return null}}}return null}var O=Object.assign,D=0,j,K,ae,oe,ie,X,se;function w(){}w.__reactDisabledLog=!0;function W(){{if(D===0){j=console.log,K=console.info,ae=console.warn,oe=console.error,ie=console.group,X=console.groupCollapsed,se=console.groupEnd;var e={configurable:!0,enumerable:!0,value:w,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}D++}}function Y(){{if(D--,D===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:O({},e,{value:j}),info:O({},e,{value:K}),warn:O({},e,{value:ae}),error:O({},e,{value:oe}),group:O({},e,{value:ie}),groupCollapsed:O({},e,{value:X}),groupEnd:O({},e,{value:se})})}D<0&&b("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var V=A.ReactCurrentDispatcher,R;function P(e,r,t){{if(R===void 0)try{throw Error()}catch(l){var n=l.stack.trim().match(/\n( *(at )?)/);R=n&&n[1]||""}return`
-`+R+e}}var ve=!1,le;{var or=typeof WeakMap=="function"?WeakMap:Map;le=new or}function Te(e,r){if(!e||ve)return"";{var t=le.get(e);if(t!==void 0)return t}var n;ve=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=V.current,V.current=null,W();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(S){n=S}Reflect.construct(e,[],o)}else{try{o.call()}catch(S){n=S}e.call(o.prototype)}}else{try{throw Error()}catch(S){n=S}e()}}catch(S){if(S&&n&&typeof S.stack=="string"){for(var a=S.stack.split(`
-`),x=n.stack.split(`
-`),g=a.length-1,h=x.length-1;g>=1&&h>=0&&a[g]!==x[h];)h--;for(;g>=1&&h>=0;g--,h--)if(a[g]!==x[h]){if(g!==1||h!==1)do if(g--,h--,h<0||a[g]!==x[h]){var _=`
-`+a[g].replace(" at new "," at ");return e.displayName&&_.includes("<anonymous>")&&(_=_.replace("<anonymous>",e.displayName)),typeof e=="function"&&le.set(e,_),_}while(g>=1&&h>=0);break}}}finally{ve=!1,V.current=u,Y(),Error.prepareStackTrace=l}var H=e?e.displayName||e.name:"",Le=H?P(H):"";return typeof e=="function"&&le.set(e,Le),Le}function ir(e,r,t){return Te(e,!1)}function sr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ce(e,r,t){if(e==null)return"";if(typeof e=="function")return Te(e,sr(e));if(typeof e=="string")return P(e);switch(e){case F:return P("Suspense");case y:return P("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case v:return ir(e.render);case k:return ce(e.type,r,t);case C:{var n=e,l=n._payload,u=n._init;try{return ce(u(l),r,t)}catch{}}}return""}var ue=Object.prototype.hasOwnProperty,Ce={},Oe=A.ReactDebugCurrentFrame;function fe(e){if(e){var r=e._owner,t=ce(e.type,e._source,r?r.type:null);Oe.setExtraStackFrame(t)}else Oe.setExtraStackFrame(null)}function lr(e,r,t,n,l){{var u=Function.call.bind(ue);for(var o in e)if(u(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var x=Error((n||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw x.name="Invariant Violation",x}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(g){a=g}a&&!(a instanceof Error)&&(fe(l),b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,o,typeof a),fe(null)),a instanceof Error&&!(a.message in Ce)&&(Ce[a.message]=!0,fe(l),b("Failed %s type: %s",t,a.message),fe(null))}}}var cr=Array.isArray;function be(e){return cr(e)}function ur(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function fr(e){try{return Pe(e),!1}catch{return!0}}function Pe(e){return""+e}function Se(e){if(fr(e))return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ur(e)),Pe(e)}var Q=A.ReactCurrentOwner,dr={key:!0,ref:!0,__self:!0,__source:!0},Fe,Ae,ye;ye={};function pr(e){if(ue.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function wr(e){if(ue.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function gr(e,r){if(typeof e.ref=="string"&&Q.current&&r&&Q.current.stateNode!==r){var t=E(Q.current.type);ye[t]||(b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',E(Q.current.type),e.ref),ye[t]=!0)}}function hr(e,r){{var t=function(){Fe||(Fe=!0,b("%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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function mr(e,r){{var t=function(){Ae||(Ae=!0,b("%s: `ref` 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://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var vr=function(e,r,t,n,l,u,o){var a={$$typeof:s,type:e,key:r,ref:t,props:o,_owner:u};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function br(e,r,t,n,l){{var u,o={},a=null,x=null;t!==void 0&&(Se(t),a=""+t),wr(r)&&(Se(r.key),a=""+r.key),pr(r)&&(x=r.ref,gr(r,l));for(u in r)ue.call(r,u)&&!dr.hasOwnProperty(u)&&(o[u]=r[u]);if(e&&e.defaultProps){var g=e.defaultProps;for(u in g)o[u]===void 0&&(o[u]=g[u])}if(a||x){var h=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&hr(o,h),x&&mr(o,h)}return vr(e,a,x,l,n,Q.current,o)}}var xe=A.ReactCurrentOwner,De=A.ReactDebugCurrentFrame;function B(e){if(e){var r=e._owner,t=ce(e.type,e._source,r?r.type:null);De.setExtraStackFrame(t)}else De.setExtraStackFrame(null)}var Ee;Ee=!1;function Re(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function Ne(){{if(xe.current){var e=E(xe.current.type);if(e)return`
+ */var Te;function Ve(){return Te||(Te=1,process.env.NODE_ENV!=="production"&&function(){var i=v,s=Symbol.for("react.element"),w=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),z=Symbol.for("react.strict_mode"),L=Symbol.for("react.profiler"),I=Symbol.for("react.provider"),T=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),k=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),W=Symbol.for("react.offscreen"),ae=Symbol.iterator,de="@@iterator";function pe(e){if(e===null||typeof e!="object")return null;var t=ae&&e[ae]||e[de];return typeof t=="function"?t:null}var D=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function m(e){{for(var t=arguments.length,r=new Array(t>1?t-1:0),a=1;a<t;a++)r[a-1]=arguments[a];we("error",e,r)}}function we(e,t,r){{var a=D.ReactDebugCurrentFrame,l=a.getStackAddendum();l!==""&&(t+="%s",r=r.concat([l]));var u=r.map(function(o){return String(o)});u.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,u)}}var ge=!1,J=!1,he=!1,G=!1,ve=!1,S;S=Symbol.for("react.module.reference");function X(e){return!!(typeof e=="string"||typeof e=="function"||e===d||e===L||ve||e===z||e===A||e===y||G||e===W||ge||J||he||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===k||e.$$typeof===I||e.$$typeof===T||e.$$typeof===b||e.$$typeof===S||e.getModuleId!==void 0))}function U(e,t,r){var a=e.displayName;if(a)return a;var l=t.displayName||t.name||"";return l!==""?r+"("+l+")":r}function K(e){return e.displayName||"Context"}function E(e){if(e==null)return null;if(typeof e.tag=="number"&&m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case d:return"Fragment";case w:return"Portal";case L:return"Profiler";case z:return"StrictMode";case A:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case T:var t=e;return K(t)+".Consumer";case I:var r=e;return K(r._context)+".Provider";case b:return U(e,e.render,"ForwardRef");case k:var a=e.displayName||null;return a!==null?a:E(e.type)||"Memo";case C:{var l=e,u=l._payload,o=l._init;try{return E(o(u))}catch{return null}}}return null}var O=Object.assign,N=0,ne,Q,j,ee,oe,ie,se;function te(){}te.__reactDisabledLog=!0;function be(){{if(N===0){ne=console.log,Q=console.info,j=console.warn,ee=console.error,oe=console.group,ie=console.groupCollapsed,se=console.groupEnd;var e={configurable:!0,enumerable:!0,value:te,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}N++}}function me(){{if(N--,N===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:O({},e,{value:ne}),info:O({},e,{value:Q}),warn:O({},e,{value:j}),error:O({},e,{value:ee}),group:O({},e,{value:oe}),groupCollapsed:O({},e,{value:ie}),groupEnd:O({},e,{value:se})})}N<0&&m("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var p=D.ReactCurrentDispatcher,$;function P(e,t,r){{if($===void 0)try{throw Error()}catch(l){var a=l.stack.trim().match(/\n( *(at )?)/);$=a&&a[1]||""}return`
+`+$+e}}var Y=!1,R;{var V=typeof WeakMap=="function"?WeakMap:Map;R=new V}function Ce(e,t){if(!e||Y)return"";{var r=R.get(e);if(r!==void 0)return r}var a;Y=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=p.current,p.current=null,be();try{if(t){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(F){a=F}Reflect.construct(e,[],o)}else{try{o.call()}catch(F){a=F}e.call(o.prototype)}}else{try{throw Error()}catch(F){a=F}e()}}catch(F){if(F&&a&&typeof F.stack=="string"){for(var n=F.stack.split(`
+`),x=a.stack.split(`
+`),g=n.length-1,h=x.length-1;g>=1&&h>=0&&n[g]!==x[h];)h--;for(;g>=1&&h>=0;g--,h--)if(n[g]!==x[h]){if(g!==1||h!==1)do if(g--,h--,h<0||n[g]!==x[h]){var _=`
+`+n[g].replace(" at new "," at ");return e.displayName&&_.includes("<anonymous>")&&(_=_.replace("<anonymous>",e.displayName)),typeof e=="function"&&R.set(e,_),_}while(g>=1&&h>=0);break}}}finally{Y=!1,p.current=u,me(),Error.prepareStackTrace=l}var Z=e?e.displayName||e.name:"",We=Z?P(Z):"";return typeof e=="function"&&R.set(e,We),We}function it(e,t,r){return Ce(e,!1)}function st(e){var t=e.prototype;return!!(t&&t.isReactComponent)}function le(e,t,r){if(e==null)return"";if(typeof e=="function")return Ce(e,st(e));if(typeof e=="string")return P(e);switch(e){case A:return P("Suspense");case y:return P("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case b:return it(e.render);case k:return le(e.type,t,r);case C:{var a=e,l=a._payload,u=a._init;try{return le(u(l),t,r)}catch{}}}return""}var ce=Object.prototype.hasOwnProperty,Se={},Oe=D.ReactDebugCurrentFrame;function ue(e){if(e){var t=e._owner,r=le(e.type,e._source,t?t.type:null);Oe.setExtraStackFrame(r)}else Oe.setExtraStackFrame(null)}function lt(e,t,r,a,l){{var u=Function.call.bind(ce);for(var o in e)if(u(e,o)){var n=void 0;try{if(typeof e[o]!="function"){var x=Error((a||"React class")+": "+r+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw x.name="Invariant Violation",x}n=e[o](t,o,a,r,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(g){n=g}n&&!(n instanceof Error)&&(ue(l),m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",r,o,typeof n),ue(null)),n instanceof Error&&!(n.message in Se)&&(Se[n.message]=!0,ue(l),m("Failed %s type: %s",r,n.message),ue(null))}}}var ct=Array.isArray;function ye(e){return ct(e)}function ut(e){{var t=typeof Symbol=="function"&&Symbol.toStringTag,r=t&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r}}function ft(e){try{return Pe(e),!1}catch{return!0}}function Pe(e){return""+e}function Fe(e){if(ft(e))return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ut(e)),Pe(e)}var re=D.ReactCurrentOwner,dt={key:!0,ref:!0,__self:!0,__source:!0},Ae,De,xe;xe={};function pt(e){if(ce.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return e.ref!==void 0}function wt(e){if(ce.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function gt(e,t){if(typeof e.ref=="string"&&re.current&&t&&re.current.stateNode!==t){var r=E(re.current.type);xe[r]||(m('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',E(re.current.type),e.ref),xe[r]=!0)}}function ht(e,t){{var r=function(){Ae||(Ae=!0,m("%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://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}}function vt(e,t){{var r=function(){De||(De=!0,m("%s: `ref` 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://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"ref",{get:r,configurable:!0})}}var bt=function(e,t,r,a,l,u,o){var n={$$typeof:s,type:e,key:t,ref:r,props:o,_owner:u};return n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(n,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(n,"_source",{configurable:!1,enumerable:!1,writable:!1,value:l}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n};function mt(e,t,r,a,l){{var u,o={},n=null,x=null;r!==void 0&&(Fe(r),n=""+r),wt(t)&&(Fe(t.key),n=""+t.key),pt(t)&&(x=t.ref,gt(t,l));for(u in t)ce.call(t,u)&&!dt.hasOwnProperty(u)&&(o[u]=t[u]);if(e&&e.defaultProps){var g=e.defaultProps;for(u in g)o[u]===void 0&&(o[u]=g[u])}if(n||x){var h=typeof e=="function"?e.displayName||e.name||"Unknown":e;n&&ht(o,h),x&&vt(o,h)}return bt(e,n,x,l,a,re.current,o)}}var Ee=D.ReactCurrentOwner,Ne=D.ReactDebugCurrentFrame;function B(e){if(e){var t=e._owner,r=le(e.type,e._source,t?t.type:null);Ne.setExtraStackFrame(r)}else Ne.setExtraStackFrame(null)}var Re;Re=!1;function _e(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function $e(){{if(Ee.current){var e=E(Ee.current.type);if(e)return`
 
-Check the render method of \``+e+"`."}return""}}function yr(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
+Check the render method of \``+e+"`."}return""}}function yt(e){{if(e!==void 0){var t=e.fileName.replace(/^.*[\\\/]/,""),r=e.lineNumber;return`
 
-Check your code at `+r+":"+t+"."}return""}}var $e={};function xr(e){{var r=Ne();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+Check your code at `+t+":"+r+"."}return""}}var Me={};function xt(e){{var t=$e();if(!t){var r=typeof e=="string"?e:e.displayName||e.name;r&&(t=`
 
-Check the top-level render call using <`+t+">.")}return r}}function ze(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=xr(r);if($e[t])return;$e[t]=!0;var n="";e&&e._owner&&e._owner!==xe.current&&(n=" It was passed a child from "+E(e._owner.type)+"."),B(e),b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),B(null)}}function Ie(e,r){{if(typeof e!="object")return;if(be(e))for(var t=0;t<e.length;t++){var n=e[t];Re(n)&&ze(n,r)}else if(Re(e))e._store&&(e._store.validated=!0);else if(e){var l=we(e);if(typeof l=="function"&&l!==e.entries)for(var u=l.call(e),o;!(o=u.next()).done;)Re(o.value)&&ze(o.value,r)}}}function Er(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===v||r.$$typeof===k))t=r.propTypes;else return;if(t){var n=E(r);lr(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!Ee){Ee=!0;var l=E(r);b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",l||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Rr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){B(e),b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),B(null);break}}e.ref!==null&&(B(e),b("Invalid attribute `ref` supplied to `React.Fragment`."),B(null))}}function Me(e,r,t,n,l,u){{var o=te(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var x=yr(l);x?a+=x:a+=Ne();var g;e===null?g="null":be(e)?g="array":e!==void 0&&e.$$typeof===s?(g="<"+(E(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):g=typeof e,b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",g,a)}var h=br(e,r,t,l,u);if(h==null)return h;if(o){var _=r.children;if(_!==void 0)if(n)if(be(_)){for(var H=0;H<_.length;H++)Ie(_[H],e);Object.freeze&&Object.freeze(_)}else b("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 Ie(_,e)}return e===d?Rr(h):Er(h),h}}function _r(e,r,t){return Me(e,r,t,!0)}function kr(e,r,t){return Me(e,r,t,!1)}var jr=kr,Tr=_r;q.Fragment=d,q.jsx=jr,q.jsxs=Tr}()),q}process.env.NODE_ENV==="production"?de.exports=We():de.exports=Ye();var f=de.exports;function Ve({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M10.75 2.75a.75.75 0 0 0-1.5 0v8.614L6.295 8.235a.75.75 0 1 0-1.09 1.03l4.25 4.5a.75.75 0 0 0 1.09 0l4.25-4.5a.75.75 0 0 0-1.09-1.03l-2.955 3.129V2.75Z"}),c.createElement("path",{d:"M3.5 12.75a.75.75 0 0 0-1.5 0v2.5A2.75 2.75 0 0 0 4.75 18h10.5A2.75 2.75 0 0 0 18 15.25v-2.5a.75.75 0 0 0-1.5 0v2.5c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25v-2.5Z"}))}const Be=c.forwardRef(Ve);function He({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{fillRule:"evenodd",d:"M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z",clipRule:"evenodd"}))}const Ze=c.forwardRef(He);function qe({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{fillRule:"evenodd",d:"M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z",clipRule:"evenodd"}))}const Je=c.forwardRef(qe);function Ge({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{fillRule:"evenodd",d:"M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10Z",clipRule:"evenodd"}))}const Ke=c.forwardRef(Ge);function Xe({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"}))}const Qe=c.forwardRef(Xe);function er({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z"}))}const rr=c.forwardRef(er);function tr({title:i,titleId:s,...p},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},p),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M10.75 4.75a.75.75 0 0 0-1.5 0v4.5h-4.5a.75.75 0 0 0 0 1.5h4.5v4.5a.75.75 0 0 0 1.5 0v-4.5h4.5a.75.75 0 0 0 0-1.5h-4.5v-4.5Z"}))}const nr=c.forwardRef(tr),ar=({src:i,autoPlay:s,className:p,controls:d,controlsList:I,id:M,loop:$,muted:T,onAbort:v,onCanPlay:F,onCanPlayThrough:y,onEnded:k,onError:C,onLoadedMetadata:L,onPause:ee,onPlay:pe,onSeeked:we,onVolumeChange:A,preload:b,style:ge,title:he})=>{const[J,me]=m.useState(!1),[U,re]=m.useState(1),[z,te]=m.useState(0),[G,ne]=m.useState(0),[E]=m.useState(!1),[O,D]=m.useState(0),j=m.useRef(null),K=m.useRef(null);m.useEffect(()=>{const w=j.current;w&&(w.playbackRate=U)},[U]),m.useEffect(()=>{const w=j.current;!w||!E||(w.currentTime=z)},[z,E]);const ae=()=>{var w;te(((w=j.current)==null?void 0:w.currentTime)||0),D(z/G)},oe=()=>{var w;ne(((w=j.current)==null?void 0:w.duration)||0)},ie=()=>{const w=j.current;w&&(J?w.pause():w.play()),me(!J)},X=w=>{const W=Math.floor(w/3600),Y=Math.floor(w%3600/60),V=Math.floor(w%60);return[W,Y,V].map(R=>R<10?"0"+R:R).filter((R,P)=>R!=="00"||P>0).join(":")},se=w=>{const W=K.current;if(!W)return;const Y=W.getBoundingClientRect(),R=(w.clientX-Y.left)/Y.width;D(R);const P=R*G;te(P),j.current&&(j.current.currentTime=P)};return f.jsxs("dialog",{className:"w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none",children:[f.jsx("audio",{src:i,autoPlay:s,className:p,controls:d,controlsList:I,id:M,loop:$,muted:T,onTimeUpdate:ae,onDurationChange:oe,onAbort:v,onCanPlay:F,onCanPlayThrough:y,onEnded:k,onError:C,onLoadedMetadata:L,onPause:ee,onPlay:pe,onSeeked:we,onVolumeChange:A,preload:b,style:ge,title:he,ref:j,children:"Your browser does not support the audio element."}),f.jsx("div",{className:"relative z-10 p-4 pointer-events-auto",children:f.jsxs("div",{className:"flex w-[41rem] rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[f.jsxs("div",{className:"flex items-center space-x-4 px-6 py-4",children:[f.jsx("button",{className:"rounded-full flex items-center justify-center p-2",children:f.jsx(Ze,{className:"w-5 h-5 text-gray-600"})}),f.jsx("button",{onClick:ie,className:"bg-[#0F172A] rounded-full flex items-center justify-center p-2",children:J?f.jsx(Qe,{className:"w-5 h-5 text-white"}):f.jsx(rr,{className:"w-5 h-5 text-white"})}),f.jsx("button",{className:"rounded-full flex items-center justify-center p-2",children:f.jsx(Je,{className:"w-5 h-5 text-gray-600"})})]}),f.jsxs("div",{className:"flex flex-auto items-center border-l border-slate-200/60 pl-6 pr-4 text-[0.8125rem] leading-5 text-slate-700",children:[f.jsx("div",{children:X(z)}),f.jsxs("div",{ref:K,className:"relative ml-4 flex flex-auto rounded-full bg-slate-100 cursor-pointer",onMouseDown:se,children:[f.jsx("div",{style:{width:`${O*100}%`},className:"h-2 flex-none rounded-l-full rounded-r-[1px] bg-indigo-600 transition-all duration-500 ease-in-out"}),f.jsx("div",{className:"-my-[0.3125rem] ml-0.5 h-[1.125rem] w-1 rounded-full bg-indigo-600"})]}),f.jsx("div",{className:"ml-4",children:X(G)}),f.jsxs("div",{className:"ml-4 flex items-center",children:[f.jsx("button",{onClick:()=>re(U/1.25),className:"rounded-full flex items-center justify-center py-2 px-1",children:f.jsx(Ke,{className:"w-5 h-5 text-gray-600"})}),f.jsx("button",{onClick:()=>re(U*1.25),className:"rounded-full flex items-center justify-center py-2 px-1",children:f.jsx(nr,{className:"w-5 h-5 text-gray-600"})})]}),f.jsx("a",{href:i,target:"_blank",className:"rounded-full flex items-center justify-center p-2",children:f.jsx(Be,{className:"w-5 h-5 text-gray-600"})})]})]})})]})};N.Player=ar,Object.defineProperty(N,Symbol.toStringTag,{value:"Module"})});
+Check the top-level render call using <`+r+">.")}return t}}function Ie(e,t){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var r=xt(t);if(Me[r])return;Me[r]=!0;var a="";e&&e._owner&&e._owner!==Ee.current&&(a=" It was passed a child from "+E(e._owner.type)+"."),B(e),m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',r,a),B(null)}}function ze(e,t){{if(typeof e!="object")return;if(ye(e))for(var r=0;r<e.length;r++){var a=e[r];_e(a)&&Ie(a,t)}else if(_e(e))e._store&&(e._store.validated=!0);else if(e){var l=pe(e);if(typeof l=="function"&&l!==e.entries)for(var u=l.call(e),o;!(o=u.next()).done;)_e(o.value)&&Ie(o.value,t)}}}function Et(e){{var t=e.type;if(t==null||typeof t=="string")return;var r;if(typeof t=="function")r=t.propTypes;else if(typeof t=="object"&&(t.$$typeof===b||t.$$typeof===k))r=t.propTypes;else return;if(r){var a=E(t);lt(r,e.props,"prop",a,e)}else if(t.PropTypes!==void 0&&!Re){Re=!0;var l=E(t);m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",l||"Unknown")}typeof t.getDefaultProps=="function"&&!t.getDefaultProps.isReactClassApproved&&m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Rt(e){{for(var t=Object.keys(e.props),r=0;r<t.length;r++){var a=t[r];if(a!=="children"&&a!=="key"){B(e),m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),B(null);break}}e.ref!==null&&(B(e),m("Invalid attribute `ref` supplied to `React.Fragment`."),B(null))}}function Le(e,t,r,a,l,u){{var o=X(e);if(!o){var n="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(n+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var x=yt(l);x?n+=x:n+=$e();var g;e===null?g="null":ye(e)?g="array":e!==void 0&&e.$$typeof===s?(g="<"+(E(e.type)||"Unknown")+" />",n=" Did you accidentally export a JSX literal instead of a component?"):g=typeof e,m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",g,n)}var h=mt(e,t,r,l,u);if(h==null)return h;if(o){var _=t.children;if(_!==void 0)if(a)if(ye(_)){for(var Z=0;Z<_.length;Z++)ze(_[Z],e);Object.freeze&&Object.freeze(_)}else m("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 ze(_,e)}return e===d?Rt(h):Et(h),h}}function _t(e,t,r){return Le(e,t,r,!0)}function kt(e,t,r){return Le(e,t,r,!1)}var jt=kt,Tt=_t;q.Fragment=d,q.jsx=jt,q.jsxs=Tt}()),q}process.env.NODE_ENV==="production"?fe.exports=Ye():fe.exports=Ve();var f=fe.exports;function Be({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M10.75 2.75a.75.75 0 0 0-1.5 0v8.614L6.295 8.235a.75.75 0 1 0-1.09 1.03l4.25 4.5a.75.75 0 0 0 1.09 0l4.25-4.5a.75.75 0 0 0-1.09-1.03l-2.955 3.129V2.75Z"}),c.createElement("path",{d:"M3.5 12.75a.75.75 0 0 0-1.5 0v2.5A2.75 2.75 0 0 0 4.75 18h10.5A2.75 2.75 0 0 0 18 15.25v-2.5a.75.75 0 0 0-1.5 0v2.5c0 .69-.56 1.25-1.25 1.25H4.75c-.69 0-1.25-.56-1.25-1.25v-2.5Z"}))}const Ze=c.forwardRef(Be);function He({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{fillRule:"evenodd",d:"M7.793 2.232a.75.75 0 0 1-.025 1.06L3.622 7.25h10.003a5.375 5.375 0 0 1 0 10.75H10.75a.75.75 0 0 1 0-1.5h2.875a3.875 3.875 0 0 0 0-7.75H3.622l4.146 3.957a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.085l5.5-5.25a.75.75 0 0 1 1.06.025Z",clipRule:"evenodd"}))}const qe=c.forwardRef(He);function Je({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{fillRule:"evenodd",d:"M12.207 2.232a.75.75 0 0 0 .025 1.06l4.146 3.958H6.375a5.375 5.375 0 0 0 0 10.75H9.25a.75.75 0 0 0 0-1.5H6.375a3.875 3.875 0 0 1 0-7.75h10.003l-4.146 3.957a.75.75 0 0 0 1.036 1.085l5.5-5.25a.75.75 0 0 0 0-1.085l-5.5-5.25a.75.75 0 0 0-1.06.025Z",clipRule:"evenodd"}))}const Ge=c.forwardRef(Je);function Xe({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M5.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75A.75.75 0 0 0 7.25 3h-1.5ZM12.75 3a.75.75 0 0 0-.75.75v12.5c0 .414.336.75.75.75h1.5a.75.75 0 0 0 .75-.75V3.75a.75.75 0 0 0-.75-.75h-1.5Z"}))}const Ke=c.forwardRef(Xe);function Qe({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M6.3 2.84A1.5 1.5 0 0 0 4 4.11v11.78a1.5 1.5 0 0 0 2.3 1.27l9.344-5.891a1.5 1.5 0 0 0 0-2.538L6.3 2.841Z"}))}const et=c.forwardRef(Qe);function tt({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M10.5 3.75a.75.75 0 0 0-1.264-.546L5.203 7H2.667a.75.75 0 0 0-.7.48A6.985 6.985 0 0 0 1.5 10c0 .887.165 1.737.468 2.52.111.29.39.48.7.48h2.535l4.033 3.796a.75.75 0 0 0 1.264-.546V3.75ZM16.45 5.05a.75.75 0 0 0-1.06 1.061 5.5 5.5 0 0 1 0 7.778.75.75 0 0 0 1.06 1.06 7 7 0 0 0 0-9.899Z"}),c.createElement("path",{d:"M14.329 7.172a.75.75 0 0 0-1.061 1.06 2.5 2.5 0 0 1 0 3.536.75.75 0 0 0 1.06 1.06 4 4 0 0 0 0-5.656Z"}))}const rt=c.forwardRef(tt);function at({title:i,titleId:s,...w},d){return c.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:d,"aria-labelledby":s},w),i?c.createElement("title",{id:s},i):null,c.createElement("path",{d:"M10.047 3.062a.75.75 0 0 1 .453.688v12.5a.75.75 0 0 1-1.264.546L5.203 13H2.667a.75.75 0 0 1-.7-.48A6.985 6.985 0 0 1 1.5 10c0-.887.165-1.737.468-2.52a.75.75 0 0 1 .7-.48h2.535l4.033-3.796a.75.75 0 0 1 .811-.142ZM13.78 7.22a.75.75 0 1 0-1.06 1.06L14.44 10l-1.72 1.72a.75.75 0 0 0 1.06 1.06l1.72-1.72 1.72 1.72a.75.75 0 1 0 1.06-1.06L16.56 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L15.5 8.94l-1.72-1.72Z"}))}const nt=c.forwardRef(at),ot=({src:i,autoPlay:s,className:w,controls:d,controlsList:z,id:L,loop:I,muted:T,onAbort:b,onCanPlay:A,onCanPlayThrough:y,onEnded:k,onError:C,onLoadedMetadata:W,onPause:ae,onPlay:de,onSeeked:pe,onVolumeChange:D,preload:m,style:we,title:ge})=>{const[J,he]=v.useState(!1),[G,ve]=v.useState(T||!1),[S,X]=v.useState(1),[U,K]=v.useState(0),[E,O]=v.useState(0),[N]=v.useState(!1),[ne,Q]=v.useState(0),j=v.useRef(null),ee=v.useRef(null);v.useEffect(()=>{const p=j.current;p&&(p.playbackRate=S)},[S]),v.useEffect(()=>{const p=j.current;!p||!N||(p.currentTime=U)},[U,N]);const oe=()=>{var p;K(((p=j.current)==null?void 0:p.currentTime)||0),Q(U/E)},ie=()=>{var p;O(((p=j.current)==null?void 0:p.duration)||0)},se=()=>{const p=j.current;p&&(J?p.pause():p.play()),he(!J)},te=p=>{const $=Math.floor(p/3600),P=Math.floor(p%3600/60),Y=Math.floor(p%60);return[$,P,Y].map(R=>R<10?"0"+R:R).filter((R,V)=>R!=="00"||V>0).join(":")},be=p=>{const $=ee.current;if(!$)return;const P=$.getBoundingClientRect(),R=(p.clientX-P.left)/P.width;Q(R);const V=R*E;K(V),j.current&&(j.current.currentTime=V)},me=()=>{X(S===1?1.5:S===1.5?2:1)};return f.jsxs("dialog",{className:"w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none tailwind-player",children:[f.jsx("audio",{src:i,autoPlay:s,className:w,controls:d,controlsList:z,id:L,loop:I,muted:G,onTimeUpdate:oe,onDurationChange:ie,onAbort:b,onCanPlay:A,onCanPlayThrough:y,onEnded:k,onError:C,onLoadedMetadata:W,onPause:ae,onPlay:de,onSeeked:pe,onVolumeChange:D,preload:m,style:we,title:ge,ref:j,children:"Your browser does not support the audio element."}),f.jsx("div",{className:"relative z-10 p-4 pointer-events-auto",children:f.jsxs("div",{className:"flex w-[41rem] rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[f.jsxs("div",{className:"flex items-center space-x-4 px-6 py-4",children:[f.jsx("button",{className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:f.jsx(qe,{className:"w-5 h-5 text-gray-600"})}),f.jsx("button",{onClick:se,className:"bg-[#0F172A] rounded-full flex items-center justify-center p-2",children:J?f.jsx(Ke,{className:"w-5 h-5 text-white"}):f.jsx(et,{className:"w-5 h-5 text-white"})}),f.jsx("button",{className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:f.jsx(Ge,{className:"w-5 h-5 text-gray-600"})})]}),f.jsxs("div",{className:"flex space-x-4 flex-auto items-center border-l border-slate-200/60 pl-6 pr-4 text-[0.8125rem] leading-5 text-slate-700",children:[f.jsx("div",{className:"w-9",children:te(U)}),f.jsxs("div",{ref:ee,className:"relative flex flex-auto rounded-full bg-slate-100 cursor-pointer",onMouseDown:be,children:[f.jsx("div",{style:{width:`${ne*100}%`},className:"h-2 flex-none rounded-l-full rounded-r-[1px] bg-indigo-600 transition-all duration-500 ease-in-out"}),f.jsx("div",{className:"-my-[0.3125rem] ml-0.5 h-[1.125rem] w-1 rounded-full bg-indigo-600"})]}),f.jsx("div",{className:"w-9",children:te(E)}),f.jsxs("div",{className:"flex items-center",children:[f.jsx("button",{onClick:me,className:"rounded-lg w-10 font-medium flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:S===1?"1.0x":S===1.5?"1.5x":"2.0x"}),f.jsx("div",{className:"flex items-center",children:f.jsx("button",{onClick:()=>ve(!G),className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:G?f.jsx(nt,{className:"w-5 h-5 text-gray-600"}):f.jsx(rt,{className:"w-5 h-5 text-gray-600"})})}),f.jsx("a",{href:i,target:"_blank",className:"rounded-lg flex items-center justify-center py-2 px-2 bg-transparent hover:bg-gray-100 transition-all duration-300 ease-in-out",children:f.jsx(Ze,{className:"w-5 h-5 text-gray-600"})})]})]})]})})]})};M.Player=ot,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})});
 //# sourceMappingURL=index.umd.js.map

package.json

 {
   "name": "tailwind-player",
   "description": "Standalone tailwind component with audio player functionality",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "author": "Alex Shevliakov <alexshelvey.com> (https://alexshelvey.com)",
@@ -6,0 +6,0 @@ "homepage": "https://github.com/alexjedi/tailwind-player",

No alert changes

Improved metrics

Total package byte prevSize

473612

increased by2.35%

Lines of code

1362

increased by0.67%

No dependency changes