var __exports=(()=>{var g=Object.create;var p=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var l=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports);var j=(t,e,s,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of S(e))!b.call(t,i)&&i!==s&&p(t,i,{get:()=>e[i],enumerable:!(n=y(e,i))||n.enumerable});return t};var o=(t,e,s)=>(s=t!=null?g(v(t)):{},j(e||!t||!t.__esModule?p(s,"default",{value:t,enumerable:!0}):s,t));var c=l((V,u)=>{u.exports=__ojExternals.react});var x=l((k,m)=>{m.exports=__ojExternals.oj});var d=l((F,f)=>{f.exports=__ojExternals["react/jsx-runtime"]});var w=o(c()),a=o(x());var h={data:[1,0,0,2,0,0,0,0,1,1,3,1,0,0,0,0,2,2,0,1,0,0,0,0,0,3,0,2,.5,.5,0,0,17,3,0,3,0,0,0,0,80,3,3,0,2,0,0,0,0,0,0,1,44,0,0,0,18,0,3,0,0,0,0,0,0,4,0,1,3,0,0,0,18,4,1,4,0,0,0,0,17,4,0,4,0,0,0,0,48,4,4,0,0,0,0,0,0,0,0,1,.5,0,0,0,18,4,4,0,0,0,0,0,16,4,4,0,0,0,0,0,0,0,0,1,.550000011920929,0,0,0,0,1,0,1,0,0,0,0,98,3,0,1,3,0,0,0,18,4,4,3,0,0,0,0,0,3,0,1,.8999999761581421,0,0,0,18,3,2,3,0,0,0,0,0,2,0,1,.10000000149011612,0,0,0,16,3,3,2,0,0,0,0,18,4,4,3,0,0,0,0,0,3,0,3,.05000000074505806,.05999999865889549,.09000000357627869,0,0,2,0,3,.41999998688697815,.7799999713897705,1,0,4,4,4,3,0,0,0,-1,96,4,3,2,4,0,0,0,4,3,4,1,0,-1,-1,-1,4,2,4,1,1,-1,-1,-1,4,4,4,1,2,-1,-1,-1,0,1,0,1,1,0,0,0,3,4,3,2,4,1,4,4],instructions:33,resultRegister:4,uniforms:["spread"],defaults:[.4,0,0,1],textures:[],hash:"05f3162f"};var T=`/* OneJS Tailwind Reset */
* {
    margin: 0;
    padding: 0;
}

/* USS variable declarations */
* {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
}

/* Base utilities */
.flex-row {
    flex-direction: row;
}

.justify-center {
    justify-content: center;
}

.items-center {
    align-items: center;
}

.w-12 {
    width: 48px;
}

.w-20 {
    width: 80px;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.mt-5 {
    margin-top: 20px;
}

.mt-6 {
    margin-top: 24px;
}

.py-8 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.px-4 {
    padding-left: 16px;
    padding-right: 16px;
}

.text-sm {
    font-size: 14px;
}

.text-neutral-300 {
    color: #d4d4d4;
}

.text-neutral-400 {
    color: #a3a3a3;
}

.text-neutral-500 {
    color: #737373;
}

.bg-neutral-900 {
    background-color: #171717;
}`;compileStyleSheet(T,"tailwind.uss");var r=o(d());function _(){let t=(0,a.useStage)(),[e,s]=(0,w.useState)(.4),n=Math.max(160,Math.min(t.width-64,t.height-220));return(0,r.jsxs)(a.View,{className:"w-full h-full py-8 px-4 items-center justify-center bg-neutral-900",children:[(0,r.jsx)(a.ShaderProgram,{program:h,uniforms:{spread:e},style:{width:n,height:n,borderRadius:16}}),(0,r.jsxs)(a.View,{className:"flex-row items-center mt-6",style:{width:"100%",maxWidth:420},children:[(0,r.jsx)(a.Text,{className:"w-20 text-sm text-neutral-400",children:"spread"}),(0,r.jsx)(a.Slider,{value:e,lowValue:0,highValue:1,onChange:i=>s(i.value),style:{flexGrow:1}}),(0,r.jsx)(a.Text,{className:"w-12 text-sm text-neutral-300",children:e.toFixed(2)})]}),(0,r.jsx)(a.Text,{className:"mt-5 text-sm text-neutral-500",children:"ripple.sl is twelve lines. The slider writes one of them."})]})}(0,a.mount)((0,r.jsx)(_,{}));})();
