tailwind-player - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

dist/index.cjs.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");function sr(i){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const v in i)if(v!=="default"){const f=Object.getOwnPropertyDescriptor(i,v);Object.defineProperty(l,v,f.get?f:{enumerable:!0,get:()=>i[v]})}}return l.default=i,Object.freeze(l)}const u=sr(R);var Ee={exports:{}},K={};/**
+require('./index.css');"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react");function sr(i){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const v in i)if(v!=="default"){const f=Object.getOwnPropertyDescriptor(i,v);Object.defineProperty(l,v,f.get?f:{enumerable:!0,get:()=>i[v]})}}return l.default=i,Object.freeze(l)}const u=sr(R);var Ee={exports:{}},K={};/**
  * @license React
@@ -3,0 +3,0 @@ * react-jsx-runtime.production.min.js

dist/index.es.js

@@ -0,1 +1,2 @@
+import './index.css';
 import * as l from "react";
@@ -2,0 +3,0 @@ import Le, { useState as H, useRef as Ie, useEffect as Me } from "react";

dist/index.iife.js

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

dist/index.umd.js

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

package.json

 {
   "name": "tailwind-player",
   "description": "Standalone tailwind component with audio player functionality",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "author": "Alex Shevliakov <alexshelvey.com> (https://alexshelvey.com)",
@@ -59,4 +59,5 @@ "homepage": "https://github.com/alexjedi/tailwind-player",
     "vite": "^5.1.4",
-    "vite-plugin-dts": "^3.7.3"
+    "vite-plugin-dts": "^3.7.3",
+    "vite-plugin-lib-inject-css": "^2.0.1"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

462754

increased by4.08%

Lines of code

1353

increased by5.54%

Worsened metrics

Dev dependency count

22

increased by4.76%

No dependency changes