tailwind-player - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

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 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={};/**
+require('./index.css');"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=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(x);var _e={exports:{}},re={};/**
  * @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 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={};/**
+ */var Ie;function ur(){if(Ie)return re;Ie=1;var i=x,s=Symbol.for("react.element"),p=Symbol.for("react.fragment"),d=Object.prototype.hasOwnProperty,U=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,V={key:!0,ref:!0,__self:!0,__source:!0};function $(P,m,F){var w,_={},C=null,B=null;F!==void 0&&(C=""+F),m.key!==void 0&&(C=""+m.key),m.ref!==void 0&&(B=m.ref);for(w in m)d.call(m,w)&&!V.hasOwnProperty(w)&&(_[w]=m[w]);if(P&&P.defaultProps)for(w in m=P.defaultProps,m)_[w]===void 0&&(_[w]=m[w]);return{$$typeof:s,type:P,key:C,ref:B,props:_,_owner:U.current}}return re.Fragment=p,re.jsx=$,re.jsxs=$,re}var te={};/**
  * @license React
@@ -18,13 +18,13 @@ * react-jsx-runtime.development.js
  * LICENSE file in the root directory of this source tree.
- */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(`
-`),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`
+ */var Le;function cr(){return Le||(Le=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"),U=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),$=Symbol.for("react.provider"),P=Symbol.for("react.context"),m=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),w=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),B=Symbol.for("react.offscreen"),ae=Symbol.iterator,ve="@@iterator";function pe(e){if(e===null||typeof e!="object")return null;var r=ae&&e[ae]||e[ve];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];he("error",e,t)}}function he(e,r,t){{var a=D.ReactDebugCurrentFrame,l=a.getStackAddendum();l!==""&&(r+="%s",t=t.concat([l]));var f=t.map(function(o){return String(o)});f.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,f)}}var ge=!1,A=!1,q=!1,me=!1,z=!1,ne;ne=Symbol.for("react.module.reference");function N(e){return!!(typeof e=="string"||typeof e=="function"||e===d||e===V||z||e===U||e===F||e===w||me||e===B||ge||A||q||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===_||e.$$typeof===$||e.$$typeof===P||e.$$typeof===m||e.$$typeof===ne||e.getModuleId!==void 0))}function J(e,r,t){var a=e.displayName;if(a)return a;var l=r.displayName||r.name||"";return l!==""?t+"("+l+")":t}function I(e){return e.displayName||"Context"}function R(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 V:return"Profiler";case U:return"StrictMode";case F:return"Suspense";case w:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case P:var r=e;return I(r)+".Consumer";case $:var t=e;return I(t._context)+".Provider";case m:return J(e,e.render,"ForwardRef");case _:var a=e.displayName||null;return a!==null?a:R(e.type)||"Memo";case C:{var l=e,f=l._payload,o=l._init;try{return R(o(f))}catch{return null}}}return null}var j=Object.assign,L=0,G,oe,X,T,K,ie,se;function le(){}le.__reactDisabledLog=!0;function ue(){{if(L===0){G=console.log,oe=console.info,X=console.warn,T=console.error,K=console.group,ie=console.groupCollapsed,se=console.groupEnd;var e={configurable:!0,enumerable:!0,value:le,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}L++}}function be(){{if(L--,L===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:j({},e,{value:G}),info:j({},e,{value:oe}),warn:j({},e,{value:X}),error:j({},e,{value:T}),group:j({},e,{value:K}),groupCollapsed:j({},e,{value:ie}),groupEnd:j({},e,{value:se})})}L<0&&b("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Q=D.ReactCurrentDispatcher,v;function O(e,r,t){{if(v===void 0)try{throw Error()}catch(l){var a=l.stack.trim().match(/\n( *(at )?)/);v=a&&a[1]||""}return`
+`+v+e}}var M=!1,W;{var S=typeof WeakMap=="function"?WeakMap:Map;W=new S}function Y(e,r){if(!e||M)return"";{var t=W.get(e);if(t!==void 0)return t}var a;M=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var f;f=Q.current,Q.current=null,ue();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){a=k}Reflect.construct(e,[],o)}else{try{o.call()}catch(k){a=k}e.call(o.prototype)}}else{try{throw Error()}catch(k){a=k}e()}}catch(k){if(k&&a&&typeof k.stack=="string"){for(var n=k.stack.split(`
+`),y=a.stack.split(`
+`),h=n.length-1,g=y.length-1;h>=1&&g>=0&&n[h]!==y[g];)g--;for(;h>=1&&g>=0;h--,g--)if(n[h]!==y[g]){if(h!==1||g!==1)do if(h--,g--,g<0||n[h]!==y[g]){var E=`
+`+n[h].replace(" at new "," at ");return e.displayName&&E.includes("<anonymous>")&&(E=E.replace("<anonymous>",e.displayName)),typeof e=="function"&&W.set(e,E),E}while(h>=1&&g>=0);break}}}finally{M=!1,Q.current=f,be(),Error.prepareStackTrace=l}var H=e?e.displayName||e.name:"",$e=H?O(H):"";return typeof e=="function"&&W.set(e,$e),$e}function We(e,r,t){return Y(e,!1)}function Ye(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ce(e,r,t){if(e==null)return"";if(typeof e=="function")return Y(e,Ye(e));if(typeof e=="string")return O(e);switch(e){case F:return O("Suspense");case w:return O("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case m:return We(e.render);case _:return ce(e.type,r,t);case C:{var a=e,l=a._payload,f=a._init;try{return ce(f(l),r,t)}catch{}}}return""}var fe=Object.prototype.hasOwnProperty,je={},Te=D.ReactDebugCurrentFrame;function de(e){if(e){var r=e._owner,t=ce(e.type,e._source,r?r.type:null);Te.setExtraStackFrame(t)}else Te.setExtraStackFrame(null)}function Ue(e,r,t,a,l){{var f=Function.call.bind(fe);for(var o in e)if(f(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(h){n=h}n&&!(n instanceof Error)&&(de(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),de(null)),n instanceof Error&&!(n.message in je)&&(je[n.message]=!0,de(l),b("Failed %s type: %s",t,n.message),de(null))}}}var Ve=Array.isArray;function we(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 Pe(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 ee=D.ReactCurrentOwner,He={key:!0,ref:!0,__self:!0,__source:!0},Ce,Oe,ye;ye={};function qe(e){if(fe.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(fe.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"&&ee.current&&r&&ee.current.stateNode!==r){var t=R(ee.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',R(ee.current.type),e.ref),ye[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 Xe(e,r){{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))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var Ke=function(e,r,t,a,l,f,o){var n={$$typeof:s,type:e,key:r,ref:t,props:o,_owner:f};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 Qe(e,r,t,a,l){{var f,o={},n=null,y=null;t!==void 0&&(Pe(t),n=""+t),ze(r)&&(Pe(r.key),n=""+r.key),qe(r)&&(y=r.ref,Je(r,l));for(f in r)fe.call(r,f)&&!He.hasOwnProperty(f)&&(o[f]=r[f]);if(e&&e.defaultProps){var h=e.defaultProps;for(f in h)o[f]===void 0&&(o[f]=h[f])}if(n||y){var g=typeof e=="function"?e.displayName||e.name||"Unknown":e;n&&Ge(o,g),y&&Xe(o,g)}return Ke(e,n,y,l,a,ee.current,o)}}var xe=D.ReactCurrentOwner,ke=D.ReactDebugCurrentFrame;function Z(e){if(e){var r=e._owner,t=ce(e.type,e._source,r?r.type:null);ke.setExtraStackFrame(t)}else ke.setExtraStackFrame(null)}var Re;Re=!1;function Ee(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function Fe(){{if(xe.current){var e=R(xe.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 Ae={};function rr(e){{var r=De();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+Check your code at `+r+":"+t+"."}return""}}var De={};function rr(e){{var r=Fe();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(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;
+Check the top-level render call using <`+t+">.")}return r}}function Ae(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 a="";e&&e._owner&&e._owner!==xe.current&&(a=" It was passed a child from "+R(e._owner.type)+"."),Z(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),Z(null)}}function Ne(e,r){{if(typeof e!="object")return;if(we(e))for(var t=0;t<e.length;t++){var a=e[t];Ee(a)&&Ae(a,r)}else if(Ee(e))e._store&&(e._store.validated=!0);else if(e){var l=pe(e);if(typeof l=="function"&&l!==e.entries)for(var f=l.call(e),o;!(o=f.next()).done;)Ee(o.value)&&Ae(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===m||r.$$typeof===_))t=r.propTypes;else return;if(t){var a=R(r);Ue(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!Re){Re=!0;var l=R(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 ar(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){Z(e),b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),Z(null);break}}e.ref!==null&&(Z(e),b("Invalid attribute `ref` supplied to `React.Fragment`."),Z(null))}}function Me(e,r,t,a,l,f){{var o=N(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=er(l);y?n+=y:n+=Fe();var h;e===null?h="null":we(e)?h="array":e!==void 0&&e.$$typeof===s?(h="<"+(R(e.type)||"Unknown")+" />",n=" Did you accidentally export a JSX literal instead of a component?"):h=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",h,n)}var g=Qe(e,r,t,l,f);if(g==null)return g;if(o){var E=r.children;if(E!==void 0)if(a)if(we(E)){for(var H=0;H<E.length;H++)Ne(E[H],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 Ne(E,e)}return e===d?ar(g):tr(g),g}}function nr(e,r,t){return Me(e,r,t,!0)}function or(e,r,t){return Me(e,r,t,!1)}var ir=or,sr=nr;te.Fragment=d,te.jsx=ir,te.jsxs=sr}()),te}process.env.NODE_ENV==="production"?_e.exports=ur():_e.exports=cr();var c=_e.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 hr=u.forwardRef(pr),gr=hr;function mr({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(mr),wr=br;function yr({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 xr=u.forwardRef(yr),Rr=xr;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),Pr=Sr;function Cr({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 Or=u.forwardRef(Cr),kr=Or,Fr=({src:i,autoPlay:s,className:p,controls:d,controlsList:U,id:V,loop:$,muted:P,onAbort:m,onCanPlay:F,onCanPlayThrough:w,onEnded:_,onError:C,onLoadedMetadata:B,onPause:ae,onPlay:ve,onSeeked:pe,onVolumeChange:D,preload:b,style:he,title:ge,preset:A={showSlider:!0,showFastForward:!0,showPlaybackSpeed:!0,showMute:!0,showDownload:!0,showPlaylist:!0}})=>{const[q,me]=x.useState(!1),[z,ne]=x.useState(P||!1),[N,J]=x.useState(1),[I,R]=x.useState(0),[j,L]=x.useState(0),[G]=x.useState(!1),[oe,X]=x.useState(0),T=x.useRef(null),K=x.useRef(null);x.useEffect(()=>{const v=T.current;v&&(v.playbackRate=N)},[N]),x.useEffect(()=>{const v=T.current;!v||!G||(v.currentTime=I)},[I,G]);const ie=()=>{var v;R(((v=T.current)==null?void 0:v.currentTime)||0),X(I/j)},se=()=>{var v;L(((v=T.current)==null?void 0:v.duration)||0)},le=()=>{const v=T.current;v&&(q?v.pause():v.play()),me(!q)},ue=v=>{const O=Math.floor(v/3600),M=Math.floor(v%3600/60),W=Math.floor(v%60);return[O,M,W].map(S=>S<10?"0"+S:S).filter((S,Y)=>S!=="00"||Y>0).join(":")},be=v=>{const O=K.current;if(!O)return;const M=O.getBoundingClientRect(),S=(v.clientX-M.left)/M.width;X(S);const Y=S*j;R(Y),T.current&&(T.current.currentTime=Y)},Q=()=>{J(N===1?1.5:N===1.5?2:1)};return c.jsxs("dialog",{className:"w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none tailwind-player",children:[c.jsx("audio",{src:i,autoPlay:s,className:p,controls:d,controlsList:U,id:V,loop:$,muted:z,onTimeUpdate:ie,onDurationChange:se,onAbort:m,onCanPlay:F,onCanPlayThrough:w,onEnded:_,onError:C,onLoadedMetadata:B,onPause:ae,onPlay:ve,onSeeked:pe,onVolumeChange:D,preload:b,style:he,title:ge,ref:T,children:"Your browser does not support the audio element."}),c.jsx("div",{className:"relative z-10 p-4 pointer-events-auto",children:c.jsxs("div",{className:"flex w-[41rem] rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[c.jsxs("div",{className:"flex items-center space-x-4 px-6 py-4",children:[A.showFastForward&&c.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:c.jsx(gr,{className:"w-5 h-5 text-gray-600"})}),c.jsx("button",{onClick:le,className:"bg-[#0F172A] rounded-full flex items-center justify-center p-2",children:q?c.jsx(Rr,{className:"w-5 h-5 text-white"}):c.jsx(jr,{className:"w-5 h-5 text-white"})}),A.showFastForward&&c.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:c.jsx(wr,{className:"w-5 h-5 text-gray-600"})})]}),c.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:[A.showSlider&&c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"w-9",children:ue(I)}),c.jsxs("div",{ref:K,className:"relative flex flex-auto rounded-full bg-slate-100 cursor-pointer",onMouseDown:be,children:[c.jsx("div",{style:{width:`${oe*100}%`},className:"h-2 flex-none rounded-l-full rounded-r-[1px] bg-indigo-600 transition-all duration-500 ease-in-out"}),c.jsx("div",{className:"-my-[0.3125rem] ml-0.5 h-[1.125rem] w-1 rounded-full bg-indigo-600"})]}),c.jsx("div",{className:"w-9",children:ue(j)})]}),A.showPlaybackSpeed&&c.jsx("div",{className:"flex items-center",children:c.jsx("button",{onClick:Q,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:N===1?"1.0x":N===1.5?"1.5x":"2.0x"})}),A.showMute&&c.jsx("div",{className:"flex items-center",children:c.jsx("button",{onClick:()=>ne(!z),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:z?c.jsx(kr,{className:"w-5 h-5 text-gray-600"}):c.jsx(Pr,{className:"w-5 h-5 text-gray-600"})})}),A.showDownload&&c.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:c.jsx(vr,{className:"w-5 h-5 text-gray-600"})})]})]})})]})};exports.Player=Fr;
 //# sourceMappingURL=index.cjs.js.map

dist/index.d.ts

@@ -25,2 +25,10 @@ import { default as default_2 } from 'react'
   title?: string
+  preset?: {
+    showSlider: boolean
+    showFastForward: boolean
+    showPlaybackSpeed: boolean
+    showMute: boolean
+    showDownload: boolean
+    showPlaylist: boolean
+  }
 }
@@ -27,0 +35,0 @@

dist/index.es.js

 import './index.css';
-import * as l from "react";
-import Ue, { useState as $, useRef as Ie, useEffect as Le } from "react";
-var Ee = { exports: {} }, ee = {};
+import * as s from "react";
+import Ue, { useState as Y, useRef as Ie, useEffect as Le } from "react";
+var _e = { exports: {} }, re = {};
 /**
@@ -17,18 +17,18 @@ * @license React
   if (We)
-    return ee;
+    return re;
   We = 1;
-  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) && !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: W, props: _, _owner: I.current };
+  var c = Ue, l = Symbol.for("react.element"), m = Symbol.for("react.fragment"), v = Object.prototype.hasOwnProperty, U = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, V = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function M(C, g, k) {
+    var w, E = {}, P = null, B = null;
+    k !== void 0 && (P = "" + k), g.key !== void 0 && (P = "" + g.key), g.ref !== void 0 && (B = g.ref);
+    for (w in g)
+      v.call(g, w) && !V.hasOwnProperty(w) && (E[w] = g[w]);
+    if (C && C.defaultProps)
+      for (w in g = C.defaultProps, g)
+        E[w] === void 0 && (E[w] = g[w]);
+    return { $$typeof: l, type: C, key: P, ref: B, props: E, _owner: U.current };
   }
-  return ee.Fragment = m, ee.jsx = M, ee.jsxs = M, ee;
+  return re.Fragment = m, re.jsx = M, re.jsxs = M, re;
 }
-var re = {};
+var te = {};
 /**
@@ -46,44 +46,44 @@ * @license React
   return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && function() {
-    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) {
+    var c = Ue, l = Symbol.for("react.element"), m = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), M = Symbol.for("react.provider"), C = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), w = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), B = Symbol.for("react.offscreen"), ae = Symbol.iterator, ve = "@@iterator";
+    function he(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = te && e[te] || e[ce];
+      var r = ae && e[ae] || e[ve];
       return typeof r == "function" ? r : null;
     }
-    var F = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var F = c.__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);
+        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), a = 1; a < r; a++)
+          t[a - 1] = arguments[a];
+        pe("error", e, t);
       }
     }
-    function de(e, r, t) {
+    function pe(e, r, t) {
       {
-        var n = F.ReactDebugCurrentFrame, i = n.getStackAddendum();
+        var a = F.ReactDebugCurrentFrame, i = a.getStackAddendum();
         i !== "" && (r += "%s", t = t.concat([i]));
-        var c = t.map(function(o) {
+        var f = t.map(function(o) {
           return String(o);
         });
-        c.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, c);
+        f.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, f);
       }
     }
-    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
+    var me = !1, D = !1, q = !1, ge = !1, J = !1, ne;
+    ne = Symbol.for("react.module.reference");
+    function A(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === v || e === V || J || e === U || e === k || e === w || ge || e === B || me || D || q || typeof e == "object" && e !== null && (e.$$typeof === P || e.$$typeof === E || e.$$typeof === M || e.$$typeof === C || 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 === O || e.getModuleId !== void 0));
+      e.$$typeof === ne || e.getModuleId !== void 0));
     }
-    function Y(e, r, t) {
-      var n = e.displayName;
-      if (n)
-        return n;
+    function z(e, r, t) {
+      var a = e.displayName;
+      if (a)
+        return a;
       var i = r.displayName || r.name || "";
       return i !== "" ? t + "(" + i + ")" : t;
     }
-    function z(e) {
+    function $(e) {
       return e.displayName || "Context";
@@ -103,9 +103,9 @@ }
           return "Portal";
-        case L:
+        case V:
           return "Profiler";
-        case I:
+        case U:
           return "StrictMode";
-        case A:
+        case k:
           return "Suspense";
-        case y:
+        case w:
           return "SuspenseList";
@@ -115,17 +115,17 @@ }
         switch (e.$$typeof) {
-          case T:
+          case C:
             var r = e;
-            return z(r) + ".Consumer";
+            return $(r) + ".Consumer";
           case M:
             var t = e;
-            return z(t._context) + ".Provider";
+            return $(t._context) + ".Provider";
           case g:
-            return Y(e, e.render, "ForwardRef");
-          case _:
-            var n = e.displayName || null;
-            return n !== null ? n : x(e.type) || "Memo";
-          case C: {
-            var i = e, c = i._payload, o = i._init;
+            return z(e, e.render, "ForwardRef");
+          case E:
+            var a = e.displayName || null;
+            return a !== null ? a : x(e.type) || "Memo";
+          case P: {
+            var i = e, f = i._payload, o = i._init;
             try {
-              return x(o(c));
+              return x(o(f));
             } catch {
@@ -138,14 +138,14 @@ return null;
     }
-    var P = Object.assign, D = 0, ne, G, j, X, ae, oe, ie;
-    function K() {
+    var _ = Object.assign, I = 0, G, oe, X, j, K, ie, se;
+    function le() {
     }
-    K.__reactDisabledLog = !0;
-    function me() {
+    le.__reactDisabledLog = !0;
+    function ue() {
       {
-        if (D === 0) {
-          ne = console.log, G = console.info, j = console.warn, X = console.error, ae = console.group, oe = console.groupCollapsed, ie = console.groupEnd;
+        if (I === 0) {
+          G = console.log, oe = console.info, X = console.warn, j = console.error, K = console.group, ie = console.groupCollapsed, se = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: K,
+            value: le,
             writable: !0
@@ -163,8 +163,8 @@ };
         }
-        D++;
+        I++;
       }
     }
-    function ge() {
+    function be() {
       {
-        if (D--, D === 0) {
+        if (I--, I === 0) {
           var e = {
@@ -176,61 +176,61 @@ configurable: !0,
           Object.defineProperties(console, {
-            log: P({}, e, {
-              value: ne
-            }),
-            info: P({}, e, {
+            log: _({}, e, {
               value: G
             }),
-            warn: P({}, e, {
-              value: j
+            info: _({}, e, {
+              value: oe
             }),
-            error: P({}, e, {
+            warn: _({}, e, {
               value: X
             }),
-            group: P({}, e, {
-              value: ae
+            error: _({}, e, {
+              value: j
             }),
-            groupCollapsed: P({}, e, {
-              value: oe
+            group: _({}, e, {
+              value: K
             }),
-            groupEnd: P({}, e, {
+            groupCollapsed: _({}, e, {
               value: ie
+            }),
+            groupEnd: _({}, e, {
+              value: se
             })
           });
         }
-        D < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        I < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var d = F.ReactCurrentDispatcher, N;
+    var Q = F.ReactCurrentDispatcher, d;
     function S(e, r, t) {
       {
-        if (N === void 0)
+        if (d === void 0)
           try {
             throw Error();
           } catch (i) {
-            var n = i.stack.trim().match(/\n( *(at )?)/);
-            N = n && n[1] || "";
+            var a = i.stack.trim().match(/\n( *(at )?)/);
+            d = a && a[1] || "";
           }
         return `
-` + N + e;
+` + d + e;
       }
     }
-    var U = !1, R;
+    var N = !1, L;
     {
-      var V = typeof WeakMap == "function" ? WeakMap : Map;
-      R = new V();
+      var T = typeof WeakMap == "function" ? WeakMap : Map;
+      L = new T();
     }
-    function _e(e, r) {
-      if (!e || U)
+    function W(e, r) {
+      if (!e || N)
         return "";
       {
-        var t = R.get(e);
+        var t = L.get(e);
         if (t !== void 0)
           return t;
       }
-      var n;
-      U = !0;
+      var a;
+      N = !0;
       var i = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var c;
-      c = d.current, d.current = null, me();
+      var f;
+      f = Q.current, Q.current = null, ue();
       try {
@@ -248,4 +248,4 @@ if (r) {
               Reflect.construct(o, []);
-            } catch (k) {
-              n = k;
+            } catch (O) {
+              a = O;
             }
@@ -256,4 +256,4 @@ Reflect.construct(e, [], o);
               o.call();
-            } catch (k) {
-              n = k;
+            } catch (O) {
+              a = O;
             }
@@ -265,23 +265,23 @@ e.call(o.prototype);
             throw Error();
-          } catch (k) {
-            n = k;
+          } catch (O) {
+            a = O;
           }
           e();
         }
-      } catch (k) {
-        if (k && n && typeof k.stack == "string") {
-          for (var a = k.stack.split(`
-`), w = n.stack.split(`
-`), 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)
+      } catch (O) {
+        if (O && a && typeof O.stack == "string") {
+          for (var n = O.stack.split(`
+`), y = a.stack.split(`
+`), h = n.length - 1, p = y.length - 1; h >= 1 && p >= 0 && n[h] !== y[p]; )
+            p--;
+          for (; h >= 1 && p >= 0; h--, p--)
+            if (n[h] !== y[p]) {
+              if (h !== 1 || p !== 1)
                 do
-                  if (p--, h--, h < 0 || a[p] !== w[h]) {
-                    var E = `
-` + a[p].replace(" at new ", " at ");
-                    return e.displayName && E.includes("<anonymous>") && (E = E.replace("<anonymous>", e.displayName)), typeof e == "function" && R.set(e, E), E;
+                  if (h--, p--, p < 0 || n[h] !== y[p]) {
+                    var R = `
+` + n[h].replace(" at new ", " at ");
+                    return e.displayName && R.includes("<anonymous>") && (R = R.replace("<anonymous>", e.displayName)), typeof e == "function" && L.set(e, R), R;
                   }
-                while (p >= 1 && h >= 0);
+                while (h >= 1 && p >= 0);
               break;
@@ -291,9 +291,9 @@ }
       } finally {
-        U = !1, d.current = c, ge(), Error.prepareStackTrace = i;
+        N = !1, Q.current = f, be(), Error.prepareStackTrace = i;
       }
-      var Z = e ? e.displayName || e.name : "", $e = Z ? S(Z) : "";
-      return typeof e == "function" && R.set(e, $e), $e;
+      var H = e ? e.displayName || e.name : "", $e = H ? S(H) : "";
+      return typeof e == "function" && L.set(e, $e), $e;
     }
     function Ve(e, r, t) {
-      return _e(e, !1);
+      return W(e, !1);
     }
@@ -304,13 +304,13 @@ function Be(e) {
     }
-    function le(e, r, t) {
+    function ce(e, r, t) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return _e(e, Be(e));
+        return W(e, Be(e));
       if (typeof e == "string")
         return S(e);
       switch (e) {
-        case A:
+        case k:
           return S("Suspense");
-        case y:
+        case w:
           return S("SuspenseList");
@@ -322,8 +322,8 @@ }
             return Ve(e.render);
-          case _:
-            return le(e.type, r, t);
-          case C: {
-            var n = e, i = n._payload, c = n._init;
+          case E:
+            return ce(e.type, r, t);
+          case P: {
+            var a = e, i = a._payload, f = a._init;
             try {
-              return le(c(i), r, t);
+              return ce(f(i), r, t);
             } catch {
@@ -335,6 +335,6 @@ }
     }
-    var se = Object.prototype.hasOwnProperty, je = {}, Te = F.ReactDebugCurrentFrame;
-    function ue(e) {
+    var fe = Object.prototype.hasOwnProperty, je = {}, Te = F.ReactDebugCurrentFrame;
+    function de(e) {
       if (e) {
-        var r = e._owner, t = le(e.type, e._source, r ? r.type : null);
+        var r = e._owner, t = ce(e.type, e._source, r ? r.type : null);
         Te.setExtraStackFrame(t);
@@ -344,18 +344,18 @@ } else
     }
-    function Ze(e, r, t, n, i) {
+    function Ze(e, r, t, a, i) {
       {
-        var c = Function.call.bind(se);
+        var f = Function.call.bind(fe);
         for (var o in e)
-          if (c(e, o)) {
-            var a = void 0;
+          if (f(e, o)) {
+            var n = 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;
+                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;
               }
-              a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (p) {
-              a = p;
+              n = e[o](r, o, a, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (h) {
+              n = h;
             }
-            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));
+            n && !(n instanceof Error) && (de(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).", a || "React class", t, o, typeof n), de(null)), n instanceof Error && !(n.message in je) && (je[n.message] = !0, de(i), b("Failed %s type: %s", t, n.message), de(null));
           }
@@ -365,3 +365,3 @@ }
     var He = Array.isArray;
-    function be(e) {
+    function we(e) {
       return He(e);
@@ -385,7 +385,7 @@ }
     }
-    function Oe(e) {
+    function Pe(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)), Ce(e);
     }
-    var Q = F.ReactCurrentOwner, ze = {
+    var ee = F.ReactCurrentOwner, ze = {
       key: !0,
@@ -395,6 +395,6 @@ ref: !0,
       __source: !0
-    }, Pe, Se, ye;
+    }, Se, Oe, ye;
     ye = {};
     function Ge(e) {
-      if (se.call(e, "ref")) {
+      if (fe.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -407,3 +407,3 @@ if (r && r.isReactWarning)
     function Xe(e) {
-      if (se.call(e, "key")) {
+      if (fe.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
@@ -416,5 +416,5 @@ if (r && r.isReactWarning)
     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);
+      if (typeof e.ref == "string" && ee.current && r && ee.current.stateNode !== r) {
+        var t = x(ee.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(ee.current.type), e.ref), ye[t] = !0);
       }
@@ -425,3 +425,3 @@ }
         var t = function() {
-          Pe || (Pe = !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));
+          Se || (Se = !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));
         };
@@ -437,3 +437,3 @@ t.isReactWarning = !0, Object.defineProperty(e, "key", {
         var t = function() {
-          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));
+          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));
         };
@@ -446,6 +446,6 @@ t.isReactWarning = !0, Object.defineProperty(e, "ref", {
     }
-    var rr = function(e, r, t, n, i, c, o) {
-      var a = {
+    var rr = function(e, r, t, a, i, f, o) {
+      var n = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: s,
+        $$typeof: l,
         // Built-in properties that belong on the element
@@ -457,5 +457,5 @@ type: e,
         // Record the component responsible for creating this element.
-        _owner: c
+        _owner: f
       };
-      return a._store = {}, Object.defineProperty(a._store, "validated", {
+      return n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
@@ -465,8 +465,8 @@ enumerable: !1,
         value: !1
-      }), Object.defineProperty(a, "_self", {
+      }), Object.defineProperty(n, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: n
-      }), Object.defineProperty(a, "_source", {
+        value: a
+      }), Object.defineProperty(n, "_source", {
         configurable: !1,
@@ -476,26 +476,26 @@ enumerable: !1,
         value: i
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     };
-    function tr(e, r, t, n, i) {
+    function tr(e, r, t, a, i) {
       {
-        var c, o = {}, a = null, w = null;
-        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)
-          se.call(r, c) && !ze.hasOwnProperty(c) && (o[c] = r[c]);
+        var f, o = {}, n = null, y = null;
+        t !== void 0 && (Pe(t), n = "" + t), Xe(r) && (Pe(r.key), n = "" + r.key), Ge(r) && (y = r.ref, Ke(r, i));
+        for (f in r)
+          fe.call(r, f) && !ze.hasOwnProperty(f) && (o[f] = r[f]);
         if (e && e.defaultProps) {
-          var p = e.defaultProps;
-          for (c in p)
-            o[c] === void 0 && (o[c] = p[c]);
+          var h = e.defaultProps;
+          for (f in h)
+            o[f] === void 0 && (o[f] = h[f]);
         }
-        if (a || w) {
-          var h = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && Qe(o, h), w && er(o, h);
+        if (n || y) {
+          var p = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          n && Qe(o, p), y && er(o, p);
         }
-        return rr(e, a, w, i, n, Q.current, o);
+        return rr(e, n, y, i, a, ee.current, o);
       }
     }
-    var we = F.ReactCurrentOwner, ke = F.ReactDebugCurrentFrame;
-    function B(e) {
+    var xe = F.ReactCurrentOwner, ke = F.ReactDebugCurrentFrame;
+    function Z(e) {
       if (e) {
-        var r = e._owner, t = le(e.type, e._source, r ? r.type : null);
+        var r = e._owner, t = ce(e.type, e._source, r ? r.type : null);
         ke.setExtraStackFrame(t);
@@ -505,11 +505,11 @@ } else
     }
-    var xe;
-    xe = !1;
-    function Re(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === s;
+    var Re;
+    Re = !1;
+    function Ee(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === l;
     }
-    function Ae() {
+    function Fe() {
       {
-        if (we.current) {
-          var e = x(we.current.type);
+        if (xe.current) {
+          var e = x(xe.current.type);
           if (e)
@@ -523,3 +523,3 @@ return `
     }
-    function nr(e) {
+    function ar(e) {
       {
@@ -535,6 +535,6 @@ if (e !== void 0) {
     }
-    var Fe = {};
-    function ar(e) {
+    var De = {};
+    function nr(e) {
       {
-        var r = Ae();
+        var r = Fe();
         if (!r) {
@@ -549,3 +549,3 @@ var t = typeof e == "string" ? e : e.displayName || e.name;
     }
-    function De(e, r) {
+    function Ae(e, r) {
       {
@@ -555,8 +555,8 @@ if (!e._store || e._store.validated || e.key != null)
         e._store.validated = !0;
-        var t = ar(r);
-        if (Fe[t])
+        var t = nr(r);
+        if (De[t])
           return;
-        Fe[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);
+        De[t] = !0;
+        var a = "";
+        e && e._owner && e._owner !== xe.current && (a = " It was passed a child from " + x(e._owner.type) + "."), Z(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), Z(null);
       }
@@ -568,14 +568,14 @@ }
           return;
-        if (be(e))
+        if (we(e))
           for (var t = 0; t < e.length; t++) {
-            var n = e[t];
-            Re(n) && De(n, r);
+            var a = e[t];
+            Ee(a) && Ae(a, r);
           }
-        else if (Re(e))
+        else if (Ee(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var i = fe(e);
+          var i = he(e);
           if (typeof i == "function" && i !== e.entries)
-            for (var c = i.call(e), o; !(o = c.next()).done; )
-              Re(o.value) && De(o.value, r);
+            for (var f = i.call(e), o; !(o = f.next()).done; )
+              Ee(o.value) && Ae(o.value, r);
         }
@@ -594,3 +594,3 @@ }
         // Inner props are checked in the reconciler.
-        r.$$typeof === _))
+        r.$$typeof === E))
           t = r.propTypes;
@@ -600,6 +600,6 @@ else
         if (t) {
-          var n = x(r);
-          Ze(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !xe) {
-          xe = !0;
+          var a = x(r);
+          Ze(t, e.props, "prop", a, e);
+        } else if (r.PropTypes !== void 0 && !Re) {
+          Re = !0;
           var i = x(r);
@@ -614,59 +614,59 @@ b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
         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);
+          var a = r[t];
+          if (a !== "children" && a !== "key") {
+            Z(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", a), Z(null);
             break;
           }
         }
-        e.ref !== null && (B(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), B(null));
+        e.ref !== null && (Z(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), Z(null));
       }
     }
-    function Me(e, r, t, n, i, c) {
+    function Me(e, r, t, a, i, f) {
       {
-        var o = J(e);
+        var o = A(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 = nr(i);
-          w ? a += w : a += Ae();
-          var p;
-          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 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 = ar(i);
+          y ? n += y : n += Fe();
+          var h;
+          e === null ? h = "null" : we(e) ? h = "array" : e !== void 0 && e.$$typeof === l ? (h = "<" + (x(e.type) || "Unknown") + " />", n = " Did you accidentally export a JSX literal instead of a component?") : h = 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", h, n);
         }
-        var h = tr(e, r, t, i, c);
-        if (h == null)
-          return h;
+        var p = tr(e, r, t, i, f);
+        if (p == null)
+          return p;
         if (o) {
-          var E = r.children;
-          if (E !== void 0)
-            if (n)
-              if (be(E)) {
-                for (var Z = 0; Z < E.length; Z++)
-                  Ne(E[Z], e);
-                Object.freeze && Object.freeze(E);
+          var R = r.children;
+          if (R !== void 0)
+            if (a)
+              if (we(R)) {
+                for (var H = 0; H < R.length; H++)
+                  Ne(R[H], e);
+                Object.freeze && Object.freeze(R);
               } 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, e);
+              Ne(R, e);
         }
-        return e === v ? ir(h) : or(h), h;
+        return e === v ? ir(p) : or(p), p;
       }
     }
-    function lr(e, r, t) {
+    function sr(e, r, t) {
       return Me(e, r, t, !0);
     }
-    function sr(e, r, t) {
+    function lr(e, r, t) {
       return Me(e, r, t, !1);
     }
-    var ur = sr, cr = lr;
-    re.Fragment = v, re.jsx = ur, re.jsxs = cr;
-  }()), re;
+    var ur = lr, cr = sr;
+    te.Fragment = v, te.jsx = ur, te.jsxs = cr;
+  }()), te;
 }
-process.env.NODE_ENV === "production" ? Ee.exports = fr() : Ee.exports = dr();
-var f = Ee.exports;
+process.env.NODE_ENV === "production" ? _e.exports = fr() : _e.exports = dr();
+var u = _e.exports;
 function vr({
-  title: u,
-  titleId: s,
+  title: c,
+  titleId: l,
   ...m
 }, v) {
-  return /* @__PURE__ */ l.createElement("svg", Object.assign({
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -678,18 +678,18 @@ viewBox: "0 0 20 20",
     ref: v,
-    "aria-labelledby": s
-  }, m), u ? /* @__PURE__ */ l.createElement("title", {
-    id: s
-  }, u) : null, /* @__PURE__ */ l.createElement("path", {
+    "aria-labelledby": l
+  }, m), c ? /* @__PURE__ */ s.createElement("title", {
+    id: l
+  }, c) : null, /* @__PURE__ */ s.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"
-  }), /* @__PURE__ */ l.createElement("path", {
+  }), /* @__PURE__ */ s.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 pr = l.forwardRef(vr), hr = pr;
+const hr = s.forwardRef(vr), pr = hr;
 function mr({
-  title: u,
-  titleId: s,
+  title: c,
+  titleId: l,
   ...m
 }, v) {
-  return /* @__PURE__ */ l.createElement("svg", Object.assign({
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -701,6 +701,6 @@ viewBox: "0 0 20 20",
     ref: v,
-    "aria-labelledby": s
-  }, m), u ? /* @__PURE__ */ l.createElement("title", {
-    id: s
-  }, u) : null, /* @__PURE__ */ l.createElement("path", {
+    "aria-labelledby": l
+  }, m), c ? /* @__PURE__ */ s.createElement("title", {
+    id: l
+  }, c) : null, /* @__PURE__ */ s.createElement("path", {
     fillRule: "evenodd",
@@ -711,9 +711,9 @@ 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",
 }
-const gr = l.forwardRef(mr), br = gr;
-function yr({
-  title: u,
-  titleId: s,
+const gr = s.forwardRef(mr), br = gr;
+function wr({
+  title: c,
+  titleId: l,
   ...m
 }, v) {
-  return /* @__PURE__ */ l.createElement("svg", Object.assign({
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -725,6 +725,6 @@ viewBox: "0 0 20 20",
     ref: v,
-    "aria-labelledby": s
-  }, m), u ? /* @__PURE__ */ l.createElement("title", {
-    id: s
-  }, u) : null, /* @__PURE__ */ l.createElement("path", {
+    "aria-labelledby": l
+  }, m), c ? /* @__PURE__ */ s.createElement("title", {
+    id: l
+  }, c) : null, /* @__PURE__ */ s.createElement("path", {
     fillRule: "evenodd",
@@ -735,9 +735,9 @@ 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",
 }
-const wr = l.forwardRef(yr), xr = wr;
+const yr = s.forwardRef(wr), xr = yr;
 function Rr({
-  title: u,
-  titleId: s,
+  title: c,
+  titleId: l,
   ...m
 }, v) {
-  return /* @__PURE__ */ l.createElement("svg", Object.assign({
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -749,16 +749,16 @@ viewBox: "0 0 20 20",
     ref: v,
-    "aria-labelledby": s
-  }, m), u ? /* @__PURE__ */ l.createElement("title", {
-    id: s
-  }, u) : null, /* @__PURE__ */ l.createElement("path", {
+    "aria-labelledby": l
+  }, m), c ? /* @__PURE__ */ s.createElement("title", {
+    id: l
+  }, c) : null, /* @__PURE__ */ s.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 Er = l.forwardRef(Rr), _r = Er;
+const Er = s.forwardRef(Rr), _r = Er;
 function jr({
-  title: u,
-  titleId: s,
+  title: c,
+  titleId: l,
   ...m
 }, v) {
-  return /* @__PURE__ */ l.createElement("svg", Object.assign({
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -770,16 +770,16 @@ viewBox: "0 0 20 20",
     ref: v,
-    "aria-labelledby": s
-  }, m), u ? /* @__PURE__ */ l.createElement("title", {
-    id: s
-  }, u) : null, /* @__PURE__ */ l.createElement("path", {
+    "aria-labelledby": l
+  }, m), c ? /* @__PURE__ */ s.createElement("title", {
+    id: l
+  }, c) : null, /* @__PURE__ */ s.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 Tr = l.forwardRef(jr), Cr = Tr;
-function Or({
-  title: u,
-  titleId: s,
+const Tr = s.forwardRef(jr), Cr = Tr;
+function Pr({
+  title: c,
+  titleId: l,
   ...m
 }, v) {
-  return /* @__PURE__ */ l.createElement("svg", Object.assign({
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -791,18 +791,18 @@ viewBox: "0 0 20 20",
     ref: v,
-    "aria-labelledby": s
-  }, m), u ? /* @__PURE__ */ l.createElement("title", {
-    id: s
-  }, u) : null, /* @__PURE__ */ l.createElement("path", {
+    "aria-labelledby": l
+  }, m), c ? /* @__PURE__ */ s.createElement("title", {
+    id: l
+  }, c) : null, /* @__PURE__ */ s.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"
-  }), /* @__PURE__ */ l.createElement("path", {
+  }), /* @__PURE__ */ s.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 Pr = l.forwardRef(Or), Sr = Pr;
+const Sr = s.forwardRef(Pr), Or = Sr;
 function kr({
-  title: u,
-  titleId: s,
+  title: c,
+  titleId: l,
   ...m
 }, v) {
-  return /* @__PURE__ */ l.createElement("svg", Object.assign({
+  return /* @__PURE__ */ s.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -814,90 +814,98 @@ viewBox: "0 0 20 20",
     ref: v,
-    "aria-labelledby": s
-  }, m), u ? /* @__PURE__ */ l.createElement("title", {
-    id: s
-  }, u) : null, /* @__PURE__ */ l.createElement("path", {
+    "aria-labelledby": l
+  }, m), c ? /* @__PURE__ */ s.createElement("title", {
+    id: l
+  }, c) : null, /* @__PURE__ */ s.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 Ar = l.forwardRef(kr), Fr = Ar, Nr = ({
-  src: u,
-  autoPlay: s,
+const Fr = s.forwardRef(kr), Dr = Fr, Nr = ({
+  src: c,
+  autoPlay: l,
   className: m,
   controls: v,
-  controlsList: I,
-  id: L,
+  controlsList: U,
+  id: V,
   loop: M,
-  muted: T,
+  muted: C,
   onAbort: g,
-  onCanPlay: A,
-  onCanPlayThrough: y,
-  onEnded: _,
-  onError: C,
-  onLoadedMetadata: W,
-  onPause: te,
-  onPlay: ce,
-  onSeeked: fe,
+  onCanPlay: k,
+  onCanPlayThrough: w,
+  onEnded: E,
+  onError: P,
+  onLoadedMetadata: B,
+  onPause: ae,
+  onPlay: ve,
+  onSeeked: he,
   onVolumeChange: F,
   preload: b,
-  style: de,
-  title: ve
+  style: pe,
+  title: me,
+  preset: D = {
+    showSlider: !0,
+    showFastForward: !0,
+    showPlaybackSpeed: !0,
+    showMute: !0,
+    showDownload: !0,
+    showPlaylist: !0
+  }
 }) => {
-  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);
+  const [q, ge] = Y(!1), [J, ne] = Y(C || !1), [A, z] = Y(1), [$, x] = Y(0), [_, I] = Y(0), [G] = Y(!1), [oe, X] = Y(0), j = Ie(null), K = Ie(null);
   Le(() => {
     const d = j.current;
-    d && (d.playbackRate = O);
-  }, [O]), Le(() => {
+    d && (d.playbackRate = A);
+  }, [A]), Le(() => {
     const d = j.current;
-    !d || !D || (d.currentTime = Y);
-  }, [Y, D]);
-  const ae = () => {
+    !d || !G || (d.currentTime = $);
+  }, [$, G]);
+  const ie = () => {
     var d;
-    z(((d = j.current) == null ? void 0 : d.currentTime) || 0), G(Y / x);
-  }, oe = () => {
+    x(((d = j.current) == null ? void 0 : d.currentTime) || 0), X($ / _);
+  }, se = () => {
     var d;
-    P(((d = j.current) == null ? void 0 : d.duration) || 0);
-  }, ie = () => {
+    I(((d = j.current) == null ? void 0 : d.duration) || 0);
+  }, le = () => {
     const d = j.current;
-    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)
+    d && (q ? d.pause() : d.play()), ge(!q);
+  }, ue = (d) => {
+    const S = Math.floor(d / 3600), N = Math.floor(d % 3600 / 60), L = Math.floor(d % 60);
+    return [S, N, L].map((T) => T < 10 ? "0" + T : T).filter((T, W) => T !== "00" || W > 0).join(":");
+  }, be = (d) => {
+    const S = K.current;
+    if (!S)
       return;
-    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);
+    const N = S.getBoundingClientRect(), T = (d.clientX - N.left) / N.width;
+    X(T);
+    const W = T * _;
+    x(W), j.current && (j.current.currentTime = W);
+  }, Q = () => {
+    z(A === 1 ? 1.5 : A === 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 tailwind-player", children: [
-    /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ u.jsxs("dialog", { className: "w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none tailwind-player", children: [
+    /* @__PURE__ */ u.jsx(
       "audio",
       {
-        src: u,
-        autoPlay: s,
+        src: c,
+        autoPlay: l,
         className: m,
         controls: v,
-        controlsList: I,
-        id: L,
+        controlsList: U,
+        id: V,
         loop: M,
-        muted: q,
-        onTimeUpdate: ae,
-        onDurationChange: oe,
+        muted: J,
+        onTimeUpdate: ie,
+        onDurationChange: se,
         onAbort: g,
-        onCanPlay: A,
-        onCanPlayThrough: y,
-        onEnded: _,
-        onError: C,
-        onLoadedMetadata: W,
-        onPause: te,
-        onPlay: ce,
-        onSeeked: fe,
+        onCanPlay: k,
+        onCanPlayThrough: w,
+        onEnded: E,
+        onError: P,
+        onLoadedMetadata: B,
+        onPause: ae,
+        onPlay: ve,
+        onSeeked: he,
         onVolumeChange: F,
         preload: b,
-        style: de,
-        title: ve,
+        style: pe,
+        title: me,
         ref: j,
@@ -907,63 +915,63 @@ children: "Your browser does not support the audio element."
     ),
-    /* @__PURE__ */ f.jsx("div", { className: "relative z-10 p-4 pointer-events-auto", children: /* @__PURE__ */ f.jsxs("div", { className: "flex w-[41rem] rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10", children: [
-      /* @__PURE__ */ f.jsxs("div", { className: "flex items-center space-x-4 px-6 py-4", children: [
-        /* @__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(
+    /* @__PURE__ */ u.jsx("div", { className: "relative z-10 p-4 pointer-events-auto", children: /* @__PURE__ */ u.jsxs("div", { className: "flex w-[41rem] rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10", children: [
+      /* @__PURE__ */ u.jsxs("div", { className: "flex items-center space-x-4 px-6 py-4", children: [
+        D.showFastForward && /* @__PURE__ */ u.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__ */ u.jsx(br, { className: "w-5 h-5 text-gray-600" }) }),
+        /* @__PURE__ */ u.jsx(
           "button",
           {
-            onClick: ie,
+            onClick: le,
             className: "bg-[#0F172A] rounded-full flex items-center justify-center p-2",
-            children: H ? /* @__PURE__ */ f.jsx(_r, { className: "w-5 h-5 text-white" }) : /* @__PURE__ */ f.jsx(Cr, { className: "w-5 h-5 text-white" })
+            children: q ? /* @__PURE__ */ u.jsx(_r, { className: "w-5 h-5 text-white" }) : /* @__PURE__ */ u.jsx(Cr, { className: "w-5 h-5 text-white" })
           }
         ),
-        /* @__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" }) })
+        D.showFastForward && /* @__PURE__ */ u.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__ */ u.jsx(xr, { className: "w-5 h-5 text-gray-600" }) })
       ] }),
-      /* @__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: X,
-            className: "relative flex flex-auto rounded-full bg-slate-100 cursor-pointer",
-            onMouseDown: me,
-            children: [
-              /* @__PURE__ */ 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"
-                }
-              ),
-              /* @__PURE__ */ f.jsx("div", { className: "-my-[0.3125rem] ml-0.5 h-[1.125rem] w-1 rounded-full bg-indigo-600" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ f.jsx("div", { className: "w-9", children: K(x) }),
-        /* @__PURE__ */ f.jsxs("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ f.jsx(
-            "button",
+      /* @__PURE__ */ u.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: [
+        D.showSlider && /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
+          /* @__PURE__ */ u.jsx("div", { className: "w-9", children: ue($) }),
+          /* @__PURE__ */ u.jsxs(
+            "div",
             {
-              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"
+              ref: K,
+              className: "relative flex flex-auto rounded-full bg-slate-100 cursor-pointer",
+              onMouseDown: be,
+              children: [
+                /* @__PURE__ */ u.jsx(
+                  "div",
+                  {
+                    style: { width: `${oe * 100}%` },
+                    className: "h-2 flex-none rounded-l-full rounded-r-[1px] bg-indigo-600 transition-all duration-500 ease-in-out"
+                  }
+                ),
+                /* @__PURE__ */ u.jsx("div", { className: "-my-[0.3125rem] ml-0.5 h-[1.125rem] w-1 rounded-full bg-indigo-600" })
+              ]
             }
           ),
-          /* @__PURE__ */ f.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ f.jsx(
-            "button",
-            {
-              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__ */ u.jsx("div", { className: "w-9", children: ue(_) })
+        ] }),
+        D.showPlaybackSpeed && /* @__PURE__ */ u.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ u.jsx(
+          "button",
+          {
+            onClick: Q,
+            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: A === 1 ? "1.0x" : A === 1.5 ? "1.5x" : "2.0x"
+          }
+        ) }),
+        D.showMute && /* @__PURE__ */ u.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ u.jsx(
+          "button",
+          {
+            onClick: () => ne(!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 ? /* @__PURE__ */ u.jsx(Dr, { className: "w-5 h-5 text-gray-600" }) : /* @__PURE__ */ u.jsx(Or, { className: "w-5 h-5 text-gray-600" })
+          }
+        ) }),
+        D.showDownload && /* @__PURE__ */ u.jsx(
+          "a",
+          {
+            href: c,
+            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__ */ u.jsx(pr, { className: "w-5 h-5 text-gray-600" })
+          }
+        )
       ] })
@@ -970,0 +978,0 @@ ] }) })

dist/index.iife.js

@@ -1,3 +0,3 @@
-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={};/**
+var mylib=function(pe,x){"use strict";var je=document.createElement("style");je.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(je);function Ue(i){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const w in i)if(w!=="default"){const f=Object.getOwnPropertyDescriptor(i,w);Object.defineProperty(s,w,f.get?f:{enumerable:!0,get:()=>i[w]})}}return s.default=i,Object.freeze(s)}const c=Ue(x);var we={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 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={};/**
+ */var Se;function Ye(){if(Se)return H;Se=1;var i=x,s=Symbol.for("react.element"),w=Symbol.for("react.fragment"),f=Object.prototype.hasOwnProperty,U=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Y={key:!0,ref:!0,__self:!0,__source:!0};function $(T,v,F){var m,_={},C=null,V=null;F!==void 0&&(C=""+F),v.key!==void 0&&(C=""+v.key),v.ref!==void 0&&(V=v.ref);for(m in v)f.call(v,m)&&!Y.hasOwnProperty(m)&&(_[m]=v[m]);if(T&&T.defaultProps)for(m in v=T.defaultProps,v)_[m]===void 0&&(_[m]=v[m]);return{$$typeof:s,type:T,key:C,ref:V,props:_,_owner:U.current}}return H.Fragment=w,H.jsx=$,H.jsxs=$,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 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(`
+ */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"),f=Symbol.for("react.fragment"),U=Symbol.for("react.strict_mode"),Y=Symbol.for("react.profiler"),$=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"),_=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),V=Symbol.for("react.offscreen"),ae=Symbol.iterator,ge="@@iterator";function he(e){if(e===null||typeof e!="object")return null;var r=ae&&e[ae]||e[ge];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),a=1;a<r;a++)t[a-1]=arguments[a];ve("error",e,t)}}function ve(e,r,t){{var a=A.ReactDebugCurrentFrame,l=a.getStackAddendum();l!==""&&(r+="%s",t=t.concat([l]));var d=t.map(function(o){return String(o)});d.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,d)}}var be=!1,D=!1,J=!1,me=!1,G=!1,ne;ne=Symbol.for("react.module.reference");function N(e){return!!(typeof e=="string"||typeof e=="function"||e===f||e===Y||G||e===U||e===F||e===m||me||e===V||be||D||J||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===_||e.$$typeof===$||e.$$typeof===T||e.$$typeof===v||e.$$typeof===ne||e.getModuleId!==void 0))}function X(e,r,t){var a=e.displayName;if(a)return a;var l=r.displayName||r.name||"";return l!==""?t+"("+l+")":t}function I(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 w:return"Portal";case Y:return"Profiler";case U:return"StrictMode";case F:return"Suspense";case m:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case T:var r=e;return I(r)+".Consumer";case $:var t=e;return I(t._context)+".Provider";case v:return X(e,e.render,"ForwardRef");case _:var a=e.displayName||null;return a!==null?a:E(e.type)||"Memo";case C:{var l=e,d=l._payload,o=l._init;try{return E(o(d))}catch{return null}}}return null}var k=Object.assign,z=0,K,oe,Q,j,ee,ie,se;function le(){}le.__reactDisabledLog=!0;function ce(){{if(z===0){K=console.log,oe=console.info,Q=console.warn,j=console.error,ee=console.group,ie=console.groupCollapsed,se=console.groupEnd;var e={configurable:!0,enumerable:!0,value:le,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}z++}}function ye(){{if(z--,z===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:k({},e,{value:K}),info:k({},e,{value:oe}),warn:k({},e,{value:Q}),error:k({},e,{value:j}),group:k({},e,{value:ee}),groupCollapsed:k({},e,{value:ie}),groupEnd:k({},e,{value:se})})}z<0&&b("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var re=A.ReactCurrentDispatcher,p;function P(e,r,t){{if(p===void 0)try{throw Error()}catch(l){var a=l.stack.trim().match(/\n( *(at )?)/);p=a&&a[1]||""}return`
+`+p+e}}var M=!1,L;{var S=typeof WeakMap=="function"?WeakMap:Map;L=new S}function W(e,r){if(!e||M)return"";{var t=L.get(e);if(t!==void 0)return t}var a;M=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d;d=re.current,re.current=null,ce();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(O){a=O}Reflect.construct(e,[],o)}else{try{o.call()}catch(O){a=O}e.call(o.prototype)}}else{try{throw Error()}catch(O){a=O}e()}}catch(O){if(O&&a&&typeof O.stack=="string"){for(var n=O.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`
+`),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 R=`
+`+n[g].replace(" at new "," at ");return e.displayName&&R.includes("<anonymous>")&&(R=R.replace("<anonymous>",e.displayName)),typeof e=="function"&&L.set(e,R),R}while(g>=1&&h>=0);break}}}finally{M=!1,re.current=d,ye(),Error.prepareStackTrace=l}var Z=e?e.displayName||e.name:"",We=Z?P(Z):"";return typeof e=="function"&&L.set(e,We),We}function ir(e,r,t){return W(e,!1)}function sr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function ue(e,r,t){if(e==null)return"";if(typeof e=="function")return W(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 _:return ue(e.type,r,t);case C:{var a=e,l=a._payload,d=a._init;try{return ue(d(l),r,t)}catch{}}}return""}var de=Object.prototype.hasOwnProperty,Ce={},Pe=A.ReactDebugCurrentFrame;function fe(e){if(e){var r=e._owner,t=ue(e.type,e._source,r?r.type:null);Pe.setExtraStackFrame(t)}else Pe.setExtraStackFrame(null)}function lr(e,r,t,a,l){{var d=Function.call.bind(de);for(var o in e)if(d(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)&&(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).",a||"React class",t,o,typeof n),fe(null)),n instanceof Error&&!(n.message in Ce)&&(Ce[n.message]=!0,fe(l),b("Failed %s type: %s",t,n.message),fe(null))}}}var cr=Array.isArray;function xe(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 dr(e){try{return Oe(e),!1}catch{return!0}}function Oe(e){return""+e}function Fe(e){if(dr(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)),Oe(e)}var te=A.ReactCurrentOwner,fr={key:!0,ref:!0,__self:!0,__source:!0},Ae,De,Ee;Ee={};function pr(e){if(de.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(de.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"&&te.current&&r&&te.current.stateNode!==r){var t=E(te.current.type);Ee[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(te.current.type),e.ref),Ee[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,d,o){var n={$$typeof:s,type:e,key:r,ref:t,props:o,_owner:d};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 d,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(d in r)de.call(r,d)&&!fr.hasOwnProperty(d)&&(o[d]=r[d]);if(e&&e.defaultProps){var g=e.defaultProps;for(d in g)o[d]===void 0&&(o[d]=g[d])}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,te.current,o)}}var Re=A.ReactCurrentOwner,Ne=A.ReactDebugCurrentFrame;function B(e){if(e){var r=e._owner,t=ue(e.type,e._source,r?r.type:null);Ne.setExtraStackFrame(t)}else Ne.setExtraStackFrame(null)}var _e;_e=!1;function ke(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function Me(){{if(Re.current){var e=E(Re.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 Me={};function xr(e){{var r=$e();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+Check your code at `+r+":"+t+"."}return""}}var $e={};function xr(e){{var r=Me();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 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);
+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($e[t])return;$e[t]=!0;var a="";e&&e._owner&&e._owner!==Re.current&&(a=" 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,a),B(null)}}function ze(e,r){{if(typeof e!="object")return;if(xe(e))for(var t=0;t<e.length;t++){var a=e[t];ke(a)&&Ie(a,r)}else if(ke(e))e._store&&(e._store.validated=!0);else if(e){var l=he(e);if(typeof l=="function"&&l!==e.entries)for(var d=l.call(e),o;!(o=d.next()).done;)ke(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===_))t=r.propTypes;else return;if(t){var a=E(r);lr(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!_e){_e=!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"){B(e),b("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),b("Invalid attribute `ref` supplied to `React.Fragment`."),B(null))}}function Le(e,r,t,a,l,d){{var o=N(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+=Me();var g;e===null?g="null":xe(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,d);if(h==null)return h;if(o){var R=r.children;if(R!==void 0)if(a)if(xe(R)){for(var Z=0;Z<R.length;Z++)ze(R[Z],e);Object.freeze&&Object.freeze(R)}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(R,e)}return e===f?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,Sr=_r;q.Fragment=f,q.jsx=jr,q.jsxs=Sr}()),q}process.env.NODE_ENV==="production"?we.exports=Ye():we.exports=Ve();var u=we.exports;function Be({title:i,titleId:s,...w},f){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:f,"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},f){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:f,"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},f){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:f,"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},f){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:f,"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},f){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:f,"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},f){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:f,"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},f){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:f,"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:f,controlsList:U,id:Y,loop:$,muted:T,onAbort:v,onCanPlay:F,onCanPlayThrough:m,onEnded:_,onError:C,onLoadedMetadata:V,onPause:ae,onPlay:ge,onSeeked:he,onVolumeChange:A,preload:b,style:ve,title:be,preset:D={showSlider:!0,showFastForward:!0,showPlaybackSpeed:!0,showMute:!0,showDownload:!0,showPlaylist:!0}})=>{const[J,me]=x.useState(!1),[G,ne]=x.useState(T||!1),[N,X]=x.useState(1),[I,E]=x.useState(0),[k,z]=x.useState(0),[K]=x.useState(!1),[oe,Q]=x.useState(0),j=x.useRef(null),ee=x.useRef(null);x.useEffect(()=>{const p=j.current;p&&(p.playbackRate=N)},[N]),x.useEffect(()=>{const p=j.current;!p||!K||(p.currentTime=I)},[I,K]);const ie=()=>{var p;E(((p=j.current)==null?void 0:p.currentTime)||0),Q(I/k)},se=()=>{var p;z(((p=j.current)==null?void 0:p.duration)||0)},le=()=>{const p=j.current;p&&(J?p.pause():p.play()),me(!J)},ce=p=>{const P=Math.floor(p/3600),M=Math.floor(p%3600/60),L=Math.floor(p%60);return[P,M,L].map(S=>S<10?"0"+S:S).filter((S,W)=>S!=="00"||W>0).join(":")},ye=p=>{const P=ee.current;if(!P)return;const M=P.getBoundingClientRect(),S=(p.clientX-M.left)/M.width;Q(S);const W=S*k;E(W),j.current&&(j.current.currentTime=W)},re=()=>{X(N===1?1.5:N===1.5?2:1)};return u.jsxs("dialog",{className:"w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none tailwind-player",children:[u.jsx("audio",{src:i,autoPlay:s,className:w,controls:f,controlsList:U,id:Y,loop:$,muted:G,onTimeUpdate:ie,onDurationChange:se,onAbort:v,onCanPlay:F,onCanPlayThrough:m,onEnded:_,onError:C,onLoadedMetadata:V,onPause:ae,onPlay:ge,onSeeked:he,onVolumeChange:A,preload:b,style:ve,title:be,ref:j,children:"Your browser does not support the audio element."}),u.jsx("div",{className:"relative z-10 p-4 pointer-events-auto",children:u.jsxs("div",{className:"flex w-[41rem] rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[u.jsxs("div",{className:"flex items-center space-x-4 px-6 py-4",children:[D.showFastForward&&u.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:u.jsx(qe,{className:"w-5 h-5 text-gray-600"})}),u.jsx("button",{onClick:le,className:"bg-[#0F172A] rounded-full flex items-center justify-center p-2",children:J?u.jsx(Ke,{className:"w-5 h-5 text-white"}):u.jsx(er,{className:"w-5 h-5 text-white"})}),D.showFastForward&&u.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:u.jsx(Ge,{className:"w-5 h-5 text-gray-600"})})]}),u.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:[D.showSlider&&u.jsxs(u.Fragment,{children:[u.jsx("div",{className:"w-9",children:ce(I)}),u.jsxs("div",{ref:ee,className:"relative flex flex-auto rounded-full bg-slate-100 cursor-pointer",onMouseDown:ye,children:[u.jsx("div",{style:{width:`${oe*100}%`},className:"h-2 flex-none rounded-l-full rounded-r-[1px] bg-indigo-600 transition-all duration-500 ease-in-out"}),u.jsx("div",{className:"-my-[0.3125rem] ml-0.5 h-[1.125rem] w-1 rounded-full bg-indigo-600"})]}),u.jsx("div",{className:"w-9",children:ce(k)})]}),D.showPlaybackSpeed&&u.jsx("div",{className:"flex items-center",children:u.jsx("button",{onClick:re,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:N===1?"1.0x":N===1.5?"1.5x":"2.0x"})}),D.showMute&&u.jsx("div",{className:"flex items-center",children:u.jsx("button",{onClick:()=>ne(!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?u.jsx(nr,{className:"w-5 h-5 text-gray-600"}):u.jsx(tr,{className:"w-5 h-5 text-gray-600"})})}),D.showDownload&&u.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:u.jsx(Ze,{className:"w-5 h-5 text-gray-600"})})]})]})})]})};return pe.Player=or,Object.defineProperty(pe,Symbol.toStringTag,{value:"Module"}),pe}({},React);
 //# sourceMappingURL=index.iife.js.map

dist/index.umd.js

@@ -1,3 +0,3 @@
-(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={};/**
+(function($,v){typeof exports=="object"&&typeof module<"u"?v(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],v):($=typeof globalThis<"u"?globalThis:$||self,v($.mylib={},$.React))})(this,function($,v){"use strict";var je=document.createElement("style");je.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(je);function Ue(i){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const w in i)if(w!=="default"){const f=Object.getOwnPropertyDescriptor(i,w);Object.defineProperty(s,w,f.get?f:{enumerable:!0,get:()=>i[w]})}}return s.default=i,Object.freeze(s)}const c=Ue(v);var we={exports:{}},q={};/**
  * @license React
@@ -10,3 +10,3 @@ * react-jsx-runtime.production.min.js
  * LICENSE file in the root directory of this source tree.
- */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={};/**
+ */var Te;function Ye(){if(Te)return q;Te=1;var i=v,s=Symbol.for("react.element"),w=Symbol.for("react.fragment"),f=Object.prototype.hasOwnProperty,Y=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,V={key:!0,ref:!0,__self:!0,__source:!0};function I(S,b,F){var y,_={},C=null,B=null;F!==void 0&&(C=""+F),b.key!==void 0&&(C=""+b.key),b.ref!==void 0&&(B=b.ref);for(y in b)f.call(b,y)&&!V.hasOwnProperty(y)&&(_[y]=b[y]);if(S&&S.defaultProps)for(y in b=S.defaultProps,b)_[y]===void 0&&(_[y]=b[y]);return{$$typeof:s,type:S,key:C,ref:B,props:_,_owner:Y.current}}return q.Fragment=w,q.jsx=I,q.jsxs=I,q}var J={};/**
  * @license React
@@ -19,13 +19,13 @@ * react-jsx-runtime.development.js
  * LICENSE file in the root directory of this source tree.
- */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(`
+ */var Se;function Ve(){return Se||(Se=1,process.env.NODE_ENV!=="production"&&function(){var i=v,s=Symbol.for("react.element"),w=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),Y=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),I=Symbol.for("react.provider"),S=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),F=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),B=Symbol.for("react.offscreen"),ne=Symbol.iterator,ge="@@iterator";function he(e){if(e===null||typeof e!="object")return null;var r=ne&&e[ne]||e[ge];return typeof r=="function"?r:null}var A=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function m(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),a=1;a<r;a++)t[a-1]=arguments[a];ve("error",e,t)}}function ve(e,r,t){{var a=A.ReactDebugCurrentFrame,l=a.getStackAddendum();l!==""&&(r+="%s",t=t.concat([l]));var d=t.map(function(o){return String(o)});d.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,d)}}var be=!1,D=!1,G=!1,me=!1,X=!1,oe;oe=Symbol.for("react.module.reference");function N(e){return!!(typeof e=="string"||typeof e=="function"||e===f||e===V||X||e===Y||e===F||e===y||me||e===B||be||D||G||typeof e=="object"&&e!==null&&(e.$$typeof===C||e.$$typeof===_||e.$$typeof===I||e.$$typeof===S||e.$$typeof===b||e.$$typeof===oe||e.getModuleId!==void 0))}function K(e,r,t){var a=e.displayName;if(a)return a;var l=r.displayName||r.name||"";return l!==""?t+"("+l+")":t}function z(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 f:return"Fragment";case w:return"Portal";case V:return"Profiler";case Y:return"StrictMode";case F:return"Suspense";case y:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case S:var r=e;return z(r)+".Consumer";case I:var t=e;return z(t._context)+".Provider";case b:return K(e,e.render,"ForwardRef");case _:var a=e.displayName||null;return a!==null?a:E(e.type)||"Memo";case C:{var l=e,d=l._payload,o=l._init;try{return E(o(d))}catch{return null}}}return null}var k=Object.assign,L=0,Q,ie,ee,j,re,se,le;function ce(){}ce.__reactDisabledLog=!0;function ue(){{if(L===0){Q=console.log,ie=console.info,ee=console.warn,j=console.error,re=console.group,se=console.groupCollapsed,le=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ce,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}L++}}function ye(){{if(L--,L===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:k({},e,{value:Q}),info:k({},e,{value:ie}),warn:k({},e,{value:ee}),error:k({},e,{value:j}),group:k({},e,{value:re}),groupCollapsed:k({},e,{value:se}),groupEnd:k({},e,{value:le})})}L<0&&m("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var te=A.ReactCurrentDispatcher,p;function P(e,r,t){{if(p===void 0)try{throw Error()}catch(l){var a=l.stack.trim().match(/\n( *(at )?)/);p=a&&a[1]||""}return`
+`+p+e}}var M=!1,W;{var T=typeof WeakMap=="function"?WeakMap:Map;W=new T}function U(e,r){if(!e||M)return"";{var t=W.get(e);if(t!==void 0)return t}var a;M=!0;var l=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d;d=te.current,te.current=null,ue();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(O){a=O}Reflect.construct(e,[],o)}else{try{o.call()}catch(O){a=O}e.call(o.prototype)}}else{try{throw Error()}catch(O){a=O}e()}}catch(O){if(O&&a&&typeof O.stack=="string"){for(var n=O.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`
+`),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 R=`
+`+n[g].replace(" at new "," at ");return e.displayName&&R.includes("<anonymous>")&&(R=R.replace("<anonymous>",e.displayName)),typeof e=="function"&&W.set(e,R),R}while(g>=1&&h>=0);break}}}finally{M=!1,te.current=d,ye(),Error.prepareStackTrace=l}var H=e?e.displayName||e.name:"",We=H?P(H):"";return typeof e=="function"&&W.set(e,We),We}function ir(e,r,t){return U(e,!1)}function sr(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function de(e,r,t){if(e==null)return"";if(typeof e=="function")return U(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 b:return ir(e.render);case _:return de(e.type,r,t);case C:{var a=e,l=a._payload,d=a._init;try{return de(d(l),r,t)}catch{}}}return""}var fe=Object.prototype.hasOwnProperty,Ce={},Pe=A.ReactDebugCurrentFrame;function pe(e){if(e){var r=e._owner,t=de(e.type,e._source,r?r.type:null);Pe.setExtraStackFrame(t)}else Pe.setExtraStackFrame(null)}function lr(e,r,t,a,l){{var d=Function.call.bind(fe);for(var o in e)if(d(e,o)){var n=void 0;try{if(typeof e[o]!="function"){var x=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 x.name="Invariant Violation",x}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)&&(pe(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",t,o,typeof n),pe(null)),n instanceof Error&&!(n.message in Ce)&&(Ce[n.message]=!0,pe(l),m("Failed %s type: %s",t,n.message),pe(null))}}}var cr=Array.isArray;function xe(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 dr(e){try{return Oe(e),!1}catch{return!0}}function Oe(e){return""+e}function Fe(e){if(dr(e))return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",ur(e)),Oe(e)}var ae=A.ReactCurrentOwner,fr={key:!0,ref:!0,__self:!0,__source:!0},Ae,De,Ee;Ee={};function pr(e){if(fe.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(fe.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"&&ae.current&&r&&ae.current.stateNode!==r){var t=E(ae.current.type);Ee[t]||(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(ae.current.type),e.ref),Ee[t]=!0)}}function hr(e,r){{var t=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)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function vr(e,r){{var t=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)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var br=function(e,r,t,a,l,d,o){var n={$$typeof:s,type:e,key:r,ref:t,props:o,_owner:d};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 d,o={},n=null,x=null;t!==void 0&&(Fe(t),n=""+t),wr(r)&&(Fe(r.key),n=""+r.key),pr(r)&&(x=r.ref,gr(r,l));for(d in r)fe.call(r,d)&&!fr.hasOwnProperty(d)&&(o[d]=r[d]);if(e&&e.defaultProps){var g=e.defaultProps;for(d in g)o[d]===void 0&&(o[d]=g[d])}if(n||x){var h=typeof e=="function"?e.displayName||e.name||"Unknown":e;n&&hr(o,h),x&&vr(o,h)}return br(e,n,x,l,a,ae.current,o)}}var Re=A.ReactCurrentOwner,Ne=A.ReactDebugCurrentFrame;function Z(e){if(e){var r=e._owner,t=de(e.type,e._source,r?r.type:null);Ne.setExtraStackFrame(t)}else Ne.setExtraStackFrame(null)}var _e;_e=!1;function ke(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function Me(){{if(Re.current){var e=E(Re.current.type);if(e)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 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 `+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 your code at `+r+":"+t+"."}return""}}var $e={};function xr(e){{var r=Me();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
 
-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"})});
+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($e[t])return;$e[t]=!0;var a="";e&&e._owner&&e._owner!==Re.current&&(a=" It was passed a child from "+E(e._owner.type)+"."),Z(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.',t,a),Z(null)}}function ze(e,r){{if(typeof e!="object")return;if(xe(e))for(var t=0;t<e.length;t++){var a=e[t];ke(a)&&Ie(a,r)}else if(ke(e))e._store&&(e._store.validated=!0);else if(e){var l=he(e);if(typeof l=="function"&&l!==e.entries)for(var d=l.call(e),o;!(o=d.next()).done;)ke(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===b||r.$$typeof===_))t=r.propTypes;else return;if(t){var a=E(r);lr(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!_e){_e=!0;var l=E(r);m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",l||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&m("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"){Z(e),m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),Z(null);break}}e.ref!==null&&(Z(e),m("Invalid attribute `ref` supplied to `React.Fragment`."),Z(null))}}function Le(e,r,t,a,l,d){{var o=N(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=yr(l);x?n+=x:n+=Me();var g;e===null?g="null":xe(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=mr(e,r,t,l,d);if(h==null)return h;if(o){var R=r.children;if(R!==void 0)if(a)if(xe(R)){for(var H=0;H<R.length;H++)ze(R[H],e);Object.freeze&&Object.freeze(R)}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(R,e)}return e===f?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;J.Fragment=f,J.jsx=jr,J.jsxs=Tr}()),J}process.env.NODE_ENV==="production"?we.exports=Ye():we.exports=Ve();var u=we.exports;function Be({title:i,titleId:s,...w},f){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:f,"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},f){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:f,"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},f){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:f,"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},f){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:f,"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},f){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:f,"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},f){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:f,"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},f){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:f,"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:f,controlsList:Y,id:V,loop:I,muted:S,onAbort:b,onCanPlay:F,onCanPlayThrough:y,onEnded:_,onError:C,onLoadedMetadata:B,onPause:ne,onPlay:ge,onSeeked:he,onVolumeChange:A,preload:m,style:ve,title:be,preset:D={showSlider:!0,showFastForward:!0,showPlaybackSpeed:!0,showMute:!0,showDownload:!0,showPlaylist:!0}})=>{const[G,me]=v.useState(!1),[X,oe]=v.useState(S||!1),[N,K]=v.useState(1),[z,E]=v.useState(0),[k,L]=v.useState(0),[Q]=v.useState(!1),[ie,ee]=v.useState(0),j=v.useRef(null),re=v.useRef(null);v.useEffect(()=>{const p=j.current;p&&(p.playbackRate=N)},[N]),v.useEffect(()=>{const p=j.current;!p||!Q||(p.currentTime=z)},[z,Q]);const se=()=>{var p;E(((p=j.current)==null?void 0:p.currentTime)||0),ee(z/k)},le=()=>{var p;L(((p=j.current)==null?void 0:p.duration)||0)},ce=()=>{const p=j.current;p&&(G?p.pause():p.play()),me(!G)},ue=p=>{const P=Math.floor(p/3600),M=Math.floor(p%3600/60),W=Math.floor(p%60);return[P,M,W].map(T=>T<10?"0"+T:T).filter((T,U)=>T!=="00"||U>0).join(":")},ye=p=>{const P=re.current;if(!P)return;const M=P.getBoundingClientRect(),T=(p.clientX-M.left)/M.width;ee(T);const U=T*k;E(U),j.current&&(j.current.currentTime=U)},te=()=>{K(N===1?1.5:N===1.5?2:1)};return u.jsxs("dialog",{className:"w-full h-24 px-12 flex items-center justify-center bg-transparent pointer-events-none tailwind-player",children:[u.jsx("audio",{src:i,autoPlay:s,className:w,controls:f,controlsList:Y,id:V,loop:I,muted:X,onTimeUpdate:se,onDurationChange:le,onAbort:b,onCanPlay:F,onCanPlayThrough:y,onEnded:_,onError:C,onLoadedMetadata:B,onPause:ne,onPlay:ge,onSeeked:he,onVolumeChange:A,preload:m,style:ve,title:be,ref:j,children:"Your browser does not support the audio element."}),u.jsx("div",{className:"relative z-10 p-4 pointer-events-auto",children:u.jsxs("div",{className:"flex w-[41rem] rounded-lg bg-white shadow-xl shadow-black/5 ring-1 ring-slate-700/10",children:[u.jsxs("div",{className:"flex items-center space-x-4 px-6 py-4",children:[D.showFastForward&&u.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:u.jsx(qe,{className:"w-5 h-5 text-gray-600"})}),u.jsx("button",{onClick:ce,className:"bg-[#0F172A] rounded-full flex items-center justify-center p-2",children:G?u.jsx(Ke,{className:"w-5 h-5 text-white"}):u.jsx(er,{className:"w-5 h-5 text-white"})}),D.showFastForward&&u.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:u.jsx(Ge,{className:"w-5 h-5 text-gray-600"})})]}),u.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:[D.showSlider&&u.jsxs(u.Fragment,{children:[u.jsx("div",{className:"w-9",children:ue(z)}),u.jsxs("div",{ref:re,className:"relative flex flex-auto rounded-full bg-slate-100 cursor-pointer",onMouseDown:ye,children:[u.jsx("div",{style:{width:`${ie*100}%`},className:"h-2 flex-none rounded-l-full rounded-r-[1px] bg-indigo-600 transition-all duration-500 ease-in-out"}),u.jsx("div",{className:"-my-[0.3125rem] ml-0.5 h-[1.125rem] w-1 rounded-full bg-indigo-600"})]}),u.jsx("div",{className:"w-9",children:ue(k)})]}),D.showPlaybackSpeed&&u.jsx("div",{className:"flex items-center",children:u.jsx("button",{onClick:te,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:N===1?"1.0x":N===1.5?"1.5x":"2.0x"})}),D.showMute&&u.jsx("div",{className:"flex items-center",children:u.jsx("button",{onClick:()=>oe(!X),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:X?u.jsx(nr,{className:"w-5 h-5 text-gray-600"}):u.jsx(tr,{className:"w-5 h-5 text-gray-600"})})}),D.showDownload&&u.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:u.jsx(Ze,{className:"w-5 h-5 text-gray-600"})})]})]})})]})};$.Player=or,Object.defineProperty($,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.10",
+  "version": "0.0.11",
   "author": "Alex Shevliakov <alexshelvey.com> (https://alexshelvey.com)",
@@ -6,0 +6,0 @@ "homepage": "https://github.com/alexjedi/tailwind-player",

README.md

@@ -45,2 +45,12 @@ # Tailwind Audio Player
 | --- | --- | --- |
+| `preset` | Object | Additional properties for the preset |
+| `preset.showSlider` | Boolean | Determines whether to show the slider. Default is true. |
+| `preset.showFastForward` | Boolean | Determines whether to show the fast forward button. Default is true. |
+| `preset.showPlaybackSpeed` | Boolean | Determines whether to show the playback speed control. Default is true. |
+| `preset.showMute` | Boolean | Determines whether to show the mute button. Default is true. |
+| `preset.showDownload` | Boolean | Determines whether to show the download button. Default is true. |
+| `preset.showPlaylist` | Boolean | Determines whether to show the playlist button. Default is true. |
+
+| Prop | Type | Description |
+| --- | --- | --- |
 | `listenInterval` | Number | Indicates how often to call the `onListened` prop during playback, in milliseconds. Default is 10000. |
@@ -47,0 +57,0 @@ | `onAbort` | Function | called when unloading the audio player, like when switching to a different src file. Passed the event. |

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

478108

increased by0.95%

Lines of code

1381

increased by1.4%

Number of lines in readme file

67

increased by17.54%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes